@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great|Nothing+You+Could+Do);
@charset "UTF-8";
/* 因為有些顏色變數吃bootstrap variable (component的variable) */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/static/fonts/material/MaterialIcons-Regular.woff2) format("woff2"), url(/static/fonts/material/MaterialIcons-Regular.woff) format("woff"), url(/static/fonts/material/MaterialIcons-Regular.ttf) format("truetype"); }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 1.5rem;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

.material-icons--pre {
  font-size: 1.3rem;
  vertical-align: middle; }

/*!
 * Bootstrap v4.2.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #1791F2;
  --indigo: #6610F2;
  --purple: #6F42C1;
  --pink: #E83E8C;
  --red: #FF4742;
  --orange: #EE4D2D;
  --yellow: #FFBF00;
  --green: #55CC77;
  --teal: #00BFA5;
  --cyan: #00BFA5;
  --white: #fff;
  --gray: #BBBBBB;
  --gray-dark: #555555;
  --primary: #1791F2;
  --secondary: #BBBBBB;
  --success: #55CC77;
  --info: #00BFA5;
  --warning: #FFBF00;
  --danger: #FF4742;
  --light: #FAFAFA;
  --dark: #555555;
  --brand: #EE4D2D;
  --cyan: #00BFA5;
  --primary-light: #D3EAFB;
  --d-weak: #DBDBDB;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

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

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

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

body {
  margin: 0;
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333333;
  text-align: left;
  background-color: #fff; }

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

hr {
  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;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none; }

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

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: #1791F2;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #0a68b2;
    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; }

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: #BBBBBB;
  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,
[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"] {
  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-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; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit; }

h1, .h1 {
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 2rem; }

h3, .h3 {
  font-size: 1.75rem; }

h4, .h4 {
  font-size: 1.5rem; }

h5, .h5 {
  font-size: 1.25rem; }

h6, .h6 {
  font-size: 1rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(25, 25, 25, 0.1); }

small,
.small {
  font-size: 90%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 90%;
  color: #BBBBBB; }
  .blockquote-footer::before {
    content: "\2014\A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #E8E8E8;
  border-radius: 0.2rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #BBBBBB; }

code {
  font-size: 87.5%;
  color: #E83E8C;
  word-break: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #333333;
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700; }

pre {
  display: block;
  font-size: 87.5%;
  color: #333333; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 100%; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

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

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }

.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 {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.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: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-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 {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-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: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-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: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-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%; } }

.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #E8E8E8; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #E8E8E8; }
  .table tbody + tbody {
    border-top: 2px solid #E8E8E8; }
  .table .table {
    background-color: #fff; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #E8E8E8; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #E8E8E8; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(25, 25, 25, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(25, 25, 25, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #bee0fb; }

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #86c6f8; }

.table-hover .table-primary:hover {
  background-color: #a6d5fa; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #a6d5fa; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #ececec; }

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: gainsboro; }

.table-hover .table-secondary:hover {
  background-color: #dfdfdf; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #dfdfdf; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #cff1d9; }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #a7e4b8; }

.table-hover .table-success:hover {
  background-color: #bbebc9; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #bbebc9; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #b8ede6; }

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #7aded0; }

.table-hover .table-info:hover {
  background-color: #a4e8df; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #a4e8df; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffedb8; }

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffde7a; }

.table-hover .table-warning:hover {
  background-color: #ffe79f; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe79f; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffcbca; }

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ff9f9d; }

.table-hover .table-danger:hover {
  background-color: #ffb2b1; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ffb2b1; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fefefe; }

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fcfcfc; }

.table-hover .table-light:hover {
  background-color: #f1f1f1; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #f1f1f1; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #cfcfcf; }

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #a7a7a7; }

.table-hover .table-dark:hover {
  background-color: #c2c2c2; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #c2c2c2; }

.table-brand,
.table-brand > th,
.table-brand > td {
  background-color: #facdc4; }

.table-brand th,
.table-brand td,
.table-brand thead th,
.table-brand tbody + tbody {
  border-color: #f6a292; }

.table-hover .table-brand:hover {
  background-color: #f8b9ac; }
  .table-hover .table-brand:hover > td,
  .table-hover .table-brand:hover > th {
    background-color: #f8b9ac; }

.table-cyan,
.table-cyan > th,
.table-cyan > td {
  background-color: #b8ede6; }

.table-cyan th,
.table-cyan td,
.table-cyan thead th,
.table-cyan tbody + tbody {
  border-color: #7aded0; }

.table-hover .table-cyan:hover {
  background-color: #a4e8df; }
  .table-hover .table-cyan:hover > td,
  .table-hover .table-cyan:hover > th {
    background-color: #a4e8df; }

.table-primary-light,
.table-primary-light > th,
.table-primary-light > td {
  background-color: #f3f9fe; }

.table-primary-light th,
.table-primary-light td,
.table-primary-light thead th,
.table-primary-light tbody + tbody {
  border-color: #e8f4fd; }

.table-hover .table-primary-light:hover {
  background-color: #dbedfc; }
  .table-hover .table-primary-light:hover > td,
  .table-hover .table-primary-light:hover > th {
    background-color: #dbedfc; }

.table-d-weak,
.table-d-weak > th,
.table-d-weak > td {
  background-color: whitesmoke; }

.table-d-weak th,
.table-d-weak td,
.table-d-weak thead th,
.table-d-weak tbody + tbody {
  border-color: #ececec; }

.table-hover .table-d-weak:hover {
  background-color: #e8e8e8; }
  .table-hover .table-d-weak:hover > td,
  .table-hover .table-d-weak:hover > th {
    background-color: #e8e8e8; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(25, 25, 25, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(12, 12, 12, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(12, 12, 12, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: #333333;
  border-color: #464646; }

.table .thead-light th {
  color: #888888;
  background-color: #F5F5F5;
  border-color: #E8E8E8; }

.table-dark {
  color: #fff;
  background-color: #333333; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #464646; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive > .table-bordered {
    border: 0; }

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #888888;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
  border-radius: 0.2rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .form-control {
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #888888;
    background-color: #fff;
    border-color: #90caf9;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
  .form-control::placeholder {
    color: #888888;
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #F5F5F5;
    opacity: 1; }

select.form-control:focus::-ms-value {
  color: #888888;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #333333;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.8125rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.form-control-lg {
  height: calc(2.875rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: #BBBBBB; }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 90%;
  color: #55CC77; }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #333333;
  background-color: rgba(85, 204, 119, 0.9);
  border-radius: 0.2rem; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #55CC77;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2355CC77' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); }
  .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #55CC77;
    box-shadow: 0 0 0 0.2rem rgba(85, 204, 119, 0.25); }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: 2.25rem;
  background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); }

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #55CC77;
  padding-right: 3.4375rem;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23555555' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2355CC77' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem; }
  .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: #55CC77;
    box-shadow: 0 0 0 0.2rem rgba(85, 204, 119, 0.25); }
  .was-validated .custom-select:valid ~ .valid-feedback,
  .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #55CC77; }

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #55CC77; }
  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: #55CC77; }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #7cd896;
  background-color: #7cd896; }

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(85, 204, 119, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #55CC77; }

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #55CC77; }

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #55CC77;
  box-shadow: 0 0 0 0.2rem rgba(85, 204, 119, 0.25); }

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 90%;
  color: #FF4742; }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(255, 71, 66, 0.9);
  border-radius: 0.2rem; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #FF4742;
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right calc(2.25rem / 4);
  background-size: calc(2.25rem / 2) calc(2.25rem / 2);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF4742' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #FF4742;
    box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
  .form-control.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: 2.25rem;
  background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #FF4742;
  padding-right: 3.4375rem;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23555555' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF4742' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem; }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: #FF4742;
    box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }
  .was-validated .custom-select:invalid ~ .invalid-feedback,
  .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #FF4742; }

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #FF4742; }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: #FF4742; }

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #ff7975;
  background-color: #ff7975; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FF4742; }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #FF4742; }

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #FF4742;
  box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .form-inline label {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: flex;
      flex: 0 0 auto;
      flex-flow: row wrap;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      align-items: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn, .ring-noti__msg__readmore, .ant-btn {
  display: inline-block;
  font-weight: 400;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .btn, .ring-noti__msg__readmore, .ant-btn {
      transition: none; } }
  .btn:hover, .ring-noti__msg__readmore:hover, .ant-btn:hover {
    color: #333333;
    text-decoration: none; }
  .btn:focus, .ring-noti__msg__readmore:focus, .ant-btn:focus, .btn.focus, .focus.ring-noti__msg__readmore, .focus.ant-btn {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
  .btn.disabled, .disabled.ring-noti__msg__readmore, .disabled.ant-btn, .btn:disabled, .ring-noti__msg__readmore:disabled, .ant-btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled), .ring-noti__msg__readmore:not(:disabled):not(.disabled), .ant-btn:not(:disabled):not(.disabled) {
    cursor: pointer; }

a.btn.disabled, a.disabled.ring-noti__msg__readmore, a.disabled.ant-btn,
fieldset:disabled a.btn,
fieldset:disabled a.ring-noti__msg__readmore,
fieldset:disabled a.ant-btn {
  pointer-events: none; }

.btn-primary, .ant-btn-primary {
  color: #fff;
  background-color: #1791F2;
  border-color: #1791F2; }
  .btn-primary:hover, .ant-btn-primary:hover {
    color: #fff;
    background-color: #0c7dd7;
    border-color: #0b76cb; }
  .btn-primary:focus, .ant-btn-primary:focus, .btn-primary.focus, .focus.ant-btn-primary {
    box-shadow: 0 0 0 0.2rem rgba(58, 162, 244, 0.5); }
  .btn-primary.disabled, .disabled.ant-btn-primary, .btn-primary:disabled, .ant-btn-primary:disabled {
    color: #fff;
    background-color: #1791F2;
    border-color: #1791F2; }
  .btn-primary:not(:disabled):not(.disabled):active, .ant-btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .ant-btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle,
  .show > .dropdown-toggle.ant-btn-primary {
    color: #fff;
    background-color: #0b76cb;
    border-color: #0b6fbf; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .ant-btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .ant-btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus,
    .show > .dropdown-toggle.ant-btn-primary:focus {
      box-shadow: 0 0 0 0.2rem rgba(58, 162, 244, 0.5); }

.btn-secondary {
  color: #333333;
  background-color: #BBBBBB;
  border-color: #BBBBBB; }
  .btn-secondary:hover {
    color: #333333;
    background-color: #a8a8a8;
    border-color: #a2a2a2; }
  .btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(167, 167, 167, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #333333;
    background-color: #BBBBBB;
    border-color: #BBBBBB; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #333333;
    background-color: #a2a2a2;
    border-color: #9b9b9b; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(167, 167, 167, 0.5); }

.btn-success {
  color: #333333;
  background-color: #55CC77;
  border-color: #55CC77; }
  .btn-success:hover {
    color: #fff;
    background-color: #3ac160;
    border-color: #37b75c; }
  .btn-success:focus, .btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(80, 181, 109, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #333333;
    background-color: #55CC77;
    border-color: #55CC77; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #37b75c;
    border-color: #34ad57; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(80, 181, 109, 0.5); }

.btn-info {
  color: #fff;
  background-color: #00BFA5;
  border-color: #00BFA5; }
  .btn-info:hover {
    color: #fff;
    background-color: #009984;
    border-color: #008c79; }
  .btn-info:focus, .btn-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 201, 179, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #00BFA5;
    border-color: #00BFA5; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #008c79;
    border-color: #007f6e; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 201, 179, 0.5); }

.btn-warning {
  color: #333333;
  background-color: #FFBF00;
  border-color: #FFBF00; }
  .btn-warning:hover {
    color: #333333;
    background-color: #d9a200;
    border-color: #cc9900; }
  .btn-warning:focus, .btn-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(224, 170, 8, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #333333;
    background-color: #FFBF00;
    border-color: #FFBF00; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #333333;
    background-color: #cc9900;
    border-color: #bf8f00; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(224, 170, 8, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #FF4742;
  border-color: #FF4742; }
  .btn-danger:hover {
    color: #fff;
    background-color: #ff221c;
    border-color: #ff150f; }
  .btn-danger:focus, .btn-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 99, 94, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #FF4742;
    border-color: #FF4742; }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #ff150f;
    border-color: #ff0902; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 99, 94, 0.5); }

.btn-light {
  color: #333333;
  background-color: #FAFAFA;
  border-color: #FAFAFA; }
  .btn-light:hover {
    color: #333333;
    background-color: #e7e7e7;
    border-color: #e1e1e1; }
  .btn-light:focus, .btn-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 220, 220, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #333333;
    background-color: #FAFAFA;
    border-color: #FAFAFA; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #333333;
    background-color: #e1e1e1;
    border-color: #dadada; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 220, 220, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #555555;
  border-color: #555555; }
  .btn-dark:hover {
    color: #fff;
    background-color: #424242;
    border-color: #3c3c3c; }
  .btn-dark:focus, .btn-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(111, 111, 111, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #555555;
    border-color: #555555; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #3c3c3c;
    border-color: #353535; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(111, 111, 111, 0.5); }

.btn-brand, .ant-modal-confirm-btns .ant-btn-primary {
  color: #fff;
  background-color: #EE4D2D;
  border-color: #EE4D2D; }
  .btn-brand:hover, .ant-modal-confirm-btns .ant-btn-primary:hover {
    color: #fff;
    background-color: #e23512;
    border-color: #d73211; }
  .btn-brand:focus, .ant-modal-confirm-btns .ant-btn-primary:focus, .btn-brand.focus, .ant-modal-confirm-btns .focus.ant-btn-primary {
    box-shadow: 0 0 0 0.2rem rgba(241, 104, 77, 0.5); }
  .btn-brand.disabled, .ant-modal-confirm-btns .disabled.ant-btn-primary, .btn-brand:disabled, .ant-modal-confirm-btns .ant-btn-primary:disabled {
    color: #fff;
    background-color: #EE4D2D;
    border-color: #EE4D2D; }
  .btn-brand:not(:disabled):not(.disabled):active, .ant-modal-confirm-btns .ant-btn-primary:not(:disabled):not(.disabled):active, .btn-brand:not(:disabled):not(.disabled).active, .ant-modal-confirm-btns .ant-btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-brand.dropdown-toggle,
  .ant-modal-confirm-btns .show > .dropdown-toggle.ant-btn-primary {
    color: #fff;
    background-color: #d73211;
    border-color: #cb2f10; }
    .btn-brand:not(:disabled):not(.disabled):active:focus, .ant-modal-confirm-btns .ant-btn-primary:not(:disabled):not(.disabled):active:focus, .btn-brand:not(:disabled):not(.disabled).active:focus, .ant-modal-confirm-btns .ant-btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-brand.dropdown-toggle:focus,
    .ant-modal-confirm-btns .show > .dropdown-toggle.ant-btn-primary:focus {
      box-shadow: 0 0 0 0.2rem rgba(241, 104, 77, 0.5); }

.btn-cyan {
  color: #fff;
  background-color: #00BFA5;
  border-color: #00BFA5; }
  .btn-cyan:hover {
    color: #fff;
    background-color: #009984;
    border-color: #008c79; }
  .btn-cyan:focus, .btn-cyan.focus {
    box-shadow: 0 0 0 0.2rem rgba(38, 201, 179, 0.5); }
  .btn-cyan.disabled, .btn-cyan:disabled {
    color: #fff;
    background-color: #00BFA5;
    border-color: #00BFA5; }
  .btn-cyan:not(:disabled):not(.disabled):active, .btn-cyan:not(:disabled):not(.disabled).active,
  .show > .btn-cyan.dropdown-toggle {
    color: #fff;
    background-color: #008c79;
    border-color: #007f6e; }
    .btn-cyan:not(:disabled):not(.disabled):active:focus, .btn-cyan:not(:disabled):not(.disabled).active:focus,
    .show > .btn-cyan.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(38, 201, 179, 0.5); }

.btn-primary-light {
  color: #333333;
  background-color: #D3EAFB;
  border-color: #D3EAFB; }
  .btn-primary-light:hover {
    color: #333333;
    background-color: #b0d9f8;
    border-color: #a4d4f7; }
  .btn-primary-light:focus, .btn-primary-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(187, 207, 221, 0.5); }
  .btn-primary-light.disabled, .btn-primary-light:disabled {
    color: #333333;
    background-color: #D3EAFB;
    border-color: #D3EAFB; }
  .btn-primary-light:not(:disabled):not(.disabled):active, .btn-primary-light:not(:disabled):not(.disabled).active,
  .show > .btn-primary-light.dropdown-toggle {
    color: #333333;
    background-color: #a4d4f7;
    border-color: #99cef6; }
    .btn-primary-light:not(:disabled):not(.disabled):active:focus, .btn-primary-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(187, 207, 221, 0.5); }

.btn-d-weak {
  color: #333333;
  background-color: #DBDBDB;
  border-color: #DBDBDB; }
  .btn-d-weak:hover {
    color: #333333;
    background-color: #c8c8c8;
    border-color: #c2c2c2; }
  .btn-d-weak:focus, .btn-d-weak.focus {
    box-shadow: 0 0 0 0.2rem rgba(194, 194, 194, 0.5); }
  .btn-d-weak.disabled, .btn-d-weak:disabled {
    color: #333333;
    background-color: #DBDBDB;
    border-color: #DBDBDB; }
  .btn-d-weak:not(:disabled):not(.disabled):active, .btn-d-weak:not(:disabled):not(.disabled).active,
  .show > .btn-d-weak.dropdown-toggle {
    color: #333333;
    background-color: #c2c2c2;
    border-color: #bbbbbb; }
    .btn-d-weak:not(:disabled):not(.disabled):active:focus, .btn-d-weak:not(:disabled):not(.disabled).active:focus,
    .show > .btn-d-weak.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(194, 194, 194, 0.5); }

.btn-outline-primary {
  color: #1791F2;
  border-color: #1791F2; }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #1791F2;
    border-color: #1791F2; }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #1791F2;
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #1791F2;
    border-color: #1791F2; }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.5); }

.btn-outline-secondary {
  color: #BBBBBB;
  border-color: #BBBBBB; }
  .btn-outline-secondary:hover {
    color: #333333;
    background-color: #BBBBBB;
    border-color: #BBBBBB; }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #BBBBBB;
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #333333;
    background-color: #BBBBBB;
    border-color: #BBBBBB; }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(187, 187, 187, 0.5); }

.btn-outline-success {
  color: #55CC77;
  border-color: #55CC77; }
  .btn-outline-success:hover {
    color: #333333;
    background-color: #55CC77;
    border-color: #55CC77; }
  .btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(85, 204, 119, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #55CC77;
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #333333;
    background-color: #55CC77;
    border-color: #55CC77; }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(85, 204, 119, 0.5); }

.btn-outline-info {
  color: #00BFA5;
  border-color: #00BFA5; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #00BFA5;
    border-color: #00BFA5; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 191, 165, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #00BFA5;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #00BFA5;
    border-color: #00BFA5; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 191, 165, 0.5); }

.btn-outline-warning {
  color: #FFBF00;
  border-color: #FFBF00; }
  .btn-outline-warning:hover {
    color: #333333;
    background-color: #FFBF00;
    border-color: #FFBF00; }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 191, 0, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #FFBF00;
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: #333333;
    background-color: #FFBF00;
    border-color: #FFBF00; }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 191, 0, 0.5); }

.btn-outline-danger {
  color: #FF4742;
  border-color: #FF4742; }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: #FF4742;
    border-color: #FF4742; }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #FF4742;
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #FF4742;
    border-color: #FF4742; }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.5); }

.btn-outline-light {
  color: #FAFAFA;
  border-color: #FAFAFA; }
  .btn-outline-light:hover {
    color: #333333;
    background-color: #FAFAFA;
    border-color: #FAFAFA; }
  .btn-outline-light:focus, .btn-outline-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #FAFAFA;
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: #333333;
    background-color: #FAFAFA;
    border-color: #FAFAFA; }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5); }

.btn-outline-dark {
  color: #555555;
  border-color: #555555; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #555555;
    border-color: #555555; }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: #555555;
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: #555555;
    border-color: #555555; }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }

.btn-outline-brand {
  color: #EE4D2D;
  border-color: #EE4D2D; }
  .btn-outline-brand:hover {
    color: #fff;
    background-color: #EE4D2D;
    border-color: #EE4D2D; }
  .btn-outline-brand:focus, .btn-outline-brand.focus {
    box-shadow: 0 0 0 0.2rem rgba(238, 77, 45, 0.5); }
  .btn-outline-brand.disabled, .btn-outline-brand:disabled {
    color: #EE4D2D;
    background-color: transparent; }
  .btn-outline-brand:not(:disabled):not(.disabled):active, .btn-outline-brand:not(:disabled):not(.disabled).active,
  .show > .btn-outline-brand.dropdown-toggle {
    color: #fff;
    background-color: #EE4D2D;
    border-color: #EE4D2D; }
    .btn-outline-brand:not(:disabled):not(.disabled):active:focus, .btn-outline-brand:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-brand.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(238, 77, 45, 0.5); }

.btn-outline-cyan {
  color: #00BFA5;
  border-color: #00BFA5; }
  .btn-outline-cyan:hover {
    color: #fff;
    background-color: #00BFA5;
    border-color: #00BFA5; }
  .btn-outline-cyan:focus, .btn-outline-cyan.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 191, 165, 0.5); }
  .btn-outline-cyan.disabled, .btn-outline-cyan:disabled {
    color: #00BFA5;
    background-color: transparent; }
  .btn-outline-cyan:not(:disabled):not(.disabled):active, .btn-outline-cyan:not(:disabled):not(.disabled).active,
  .show > .btn-outline-cyan.dropdown-toggle {
    color: #fff;
    background-color: #00BFA5;
    border-color: #00BFA5; }
    .btn-outline-cyan:not(:disabled):not(.disabled):active:focus, .btn-outline-cyan:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-cyan.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(0, 191, 165, 0.5); }

.btn-outline-primary-light {
  color: #D3EAFB;
  border-color: #D3EAFB; }
  .btn-outline-primary-light:hover {
    color: #333333;
    background-color: #D3EAFB;
    border-color: #D3EAFB; }
  .btn-outline-primary-light:focus, .btn-outline-primary-light.focus {
    box-shadow: 0 0 0 0.2rem rgba(211, 234, 251, 0.5); }
  .btn-outline-primary-light.disabled, .btn-outline-primary-light:disabled {
    color: #D3EAFB;
    background-color: transparent; }
  .btn-outline-primary-light:not(:disabled):not(.disabled):active, .btn-outline-primary-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary-light.dropdown-toggle {
    color: #333333;
    background-color: #D3EAFB;
    border-color: #D3EAFB; }
    .btn-outline-primary-light:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(211, 234, 251, 0.5); }

.btn-outline-d-weak {
  color: #DBDBDB;
  border-color: #DBDBDB; }
  .btn-outline-d-weak:hover {
    color: #333333;
    background-color: #DBDBDB;
    border-color: #DBDBDB; }
  .btn-outline-d-weak:focus, .btn-outline-d-weak.focus {
    box-shadow: 0 0 0 0.2rem rgba(219, 219, 219, 0.5); }
  .btn-outline-d-weak.disabled, .btn-outline-d-weak:disabled {
    color: #DBDBDB;
    background-color: transparent; }
  .btn-outline-d-weak:not(:disabled):not(.disabled):active, .btn-outline-d-weak:not(:disabled):not(.disabled).active,
  .show > .btn-outline-d-weak.dropdown-toggle {
    color: #333333;
    background-color: #DBDBDB;
    border-color: #DBDBDB; }
    .btn-outline-d-weak:not(:disabled):not(.disabled):active:focus, .btn-outline-d-weak:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-d-weak.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(219, 219, 219, 0.5); }

.btn-link, .ring-noti__msg__readmore, .btn--toggle {
  font-weight: 400;
  color: #1791F2; }
  .btn-link:hover, .ring-noti__msg__readmore:hover, .btn--toggle:hover {
    color: #0a68b2;
    text-decoration: underline; }
  .btn-link:focus, .ring-noti__msg__readmore:focus, .btn--toggle:focus, .btn-link.focus, .focus.ring-noti__msg__readmore, .focus.btn--toggle {
    text-decoration: underline;
    box-shadow: none; }
  .btn-link:disabled, .ring-noti__msg__readmore:disabled, .btn--toggle:disabled, .btn-link.disabled, .disabled.ring-noti__msg__readmore, .disabled.btn--toggle {
    color: #BBBBBB;
    pointer-events: none; }

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .ring-noti__msg__readmore, .btn-group-lg > .ant-btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .ring-noti__msg__readmore, .btn-group-sm > .ant-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.btn-block, .ring-noti__msg__readmore {
  display: block;
  width: 100%; }
  .btn-block + .btn-block, .ring-noti__msg__readmore + .btn-block, .btn-block + .ring-noti__msg__readmore, .ring-noti__msg__readmore + .ring-noti__msg__readmore {
    margin-top: 0.5rem; }

input[type="submit"].btn-block, input.ring-noti__msg__readmore[type="submit"],
input[type="reset"].btn-block,
input.ring-noti__msg__readmore[type="reset"],
input[type="button"].btn-block,
input.ring-noti__msg__readmore[type="button"] {
  width: 100%; }

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

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

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

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:empty::after {
  margin-left: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #333333;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(25, 25, 25, 0.15);
  border-radius: 0.2rem; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 576px) {
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-right {
    right: 0;
    left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

.dropdown-menu-left {
  right: auto;
  left: 0; }

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; } }

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #F5F5F5; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #333333;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:first-child {
    border-top-left-radius: calc(0.2rem - 1px);
    border-top-right-radius: calc(0.2rem - 1px); }
  .dropdown-item:last-child {
    border-bottom-right-radius: calc(0.2rem - 1px);
    border-bottom-left-radius: calc(0.2rem - 1px); }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #262626;
    text-decoration: none;
    background-color: #FAFAFA; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #1791F2; }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: #BBBBBB;
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #BBBBBB;
  white-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #333333; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn, .btn-group > .ring-noti__msg__readmore, .btn-group > .ant-btn,
  .btn-group-vertical > .btn,
  .btn-group-vertical > .ring-noti__msg__readmore,
  .btn-group-vertical > .ant-btn {
    position: relative;
    flex: 1 1 auto; }
    .btn-group > .btn:hover, .btn-group > .ring-noti__msg__readmore:hover, .btn-group > .ant-btn:hover,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .ring-noti__msg__readmore:hover,
    .btn-group-vertical > .ant-btn:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .ring-noti__msg__readmore:focus, .btn-group > .ant-btn:focus, .btn-group > .btn:active, .btn-group > .ring-noti__msg__readmore:active, .btn-group > .ant-btn:active, .btn-group > .btn.active, .btn-group > .active.ring-noti__msg__readmore, .btn-group > .active.ant-btn,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .ring-noti__msg__readmore:focus,
    .btn-group-vertical > .ant-btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .ring-noti__msg__readmore:active,
    .btn-group-vertical > .ant-btn:active,
    .btn-group-vertical > .btn.active,
    .btn-group-vertical > .active.ring-noti__msg__readmore,
    .btn-group-vertical > .active.ant-btn {
      z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:not(:first-child), .btn-group > .ring-noti__msg__readmore:not(:first-child), .btn-group > .ant-btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .ring-noti__msg__readmore:not(:last-child):not(.dropdown-toggle), .btn-group > .ant-btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn-group:not(:last-child) > .ring-noti__msg__readmore,
.btn-group > .btn-group:not(:last-child) > .ant-btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child), .btn-group > .ring-noti__msg__readmore:not(:first-child), .btn-group > .ant-btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn-group:not(:first-child) > .ring-noti__msg__readmore,
.btn-group > .btn-group:not(:first-child) > .ant-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .btn-group-sm > .ring-noti__msg__readmore + .dropdown-toggle-split, .btn-group-sm > .ant-btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > .ring-noti__msg__readmore + .dropdown-toggle-split, .btn-group-lg > .ant-btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  
  .btn-group-vertical > .btn,
  .btn-group-vertical > .ring-noti__msg__readmore,
  .btn-group-vertical > .ant-btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .ring-noti__msg__readmore:not(:first-child), .btn-group-vertical > .ant-btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .ring-noti__msg__readmore:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .ant-btn:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn,
  .btn-group-vertical > .btn-group:not(:last-child) > .ring-noti__msg__readmore,
  .btn-group-vertical > .btn-group:not(:last-child) > .ant-btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .ring-noti__msg__readmore:not(:first-child), .btn-group-vertical > .ant-btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn,
  .btn-group-vertical > .btn-group:not(:first-child) > .ring-noti__msg__readmore,
  .btn-group-vertical > .btn-group:not(:first-child) > .ant-btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn, .btn-group-toggle > .ring-noti__msg__readmore, .btn-group-toggle > .ant-btn,
.btn-group-toggle > .btn-group > .btn,
.btn-group-toggle > .btn-group > .ring-noti__msg__readmore,
.btn-group-toggle > .btn-group > .ant-btn {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .ring-noti__msg__readmore input[type="radio"], .btn-group-toggle > .ant-btn input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .ring-noti__msg__readmore input[type="checkbox"],
  .btn-group-toggle > .ant-btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .ring-noti__msg__readmore input[type="radio"],
  .btn-group-toggle > .btn-group > .ant-btn input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .ring-noti__msg__readmore input[type="checkbox"],
  .btn-group-toggle > .btn-group > .ant-btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -1px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: flex;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: flex; }
  .input-group-prepend .btn, .input-group-prepend .ring-noti__msg__readmore, .input-group-prepend .ant-btn,
  .input-group-append .btn,
  .input-group-append .ring-noti__msg__readmore,
  .input-group-append .ant-btn {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus, .input-group-prepend .ring-noti__msg__readmore:focus, .input-group-prepend .ant-btn:focus,
    .input-group-append .btn:focus,
    .input-group-append .ring-noti__msg__readmore:focus,
    .input-group-append .ant-btn:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn, .input-group-prepend .ring-noti__msg__readmore + .btn, .input-group-prepend .ant-btn + .btn, .input-group-prepend .btn + .ring-noti__msg__readmore, .input-group-prepend .ring-noti__msg__readmore + .ring-noti__msg__readmore, .input-group-prepend .ant-btn + .ring-noti__msg__readmore, .input-group-prepend .btn + .ant-btn, .input-group-prepend .ring-noti__msg__readmore + .ant-btn, .input-group-prepend .ant-btn + .ant-btn,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .ring-noti__msg__readmore + .input-group-text,
  .input-group-prepend .ant-btn + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-prepend .input-group-text + .ring-noti__msg__readmore,
  .input-group-prepend .input-group-text + .ant-btn,
  .input-group-append .btn + .btn,
  .input-group-append .ring-noti__msg__readmore + .btn,
  .input-group-append .ant-btn + .btn,
  .input-group-append .btn + .ring-noti__msg__readmore,
  .input-group-append .ring-noti__msg__readmore + .ring-noti__msg__readmore,
  .input-group-append .ant-btn + .ring-noti__msg__readmore,
  .input-group-append .btn + .ant-btn,
  .input-group-append .ring-noti__msg__readmore + .ant-btn,
  .input-group-append .ant-btn + .ant-btn,
  .input-group-append .btn + .input-group-text,
  .input-group-append .ring-noti__msg__readmore + .input-group-text,
  .input-group-append .ant-btn + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn,
  .input-group-append .input-group-text + .ring-noti__msg__readmore,
  .input-group-append .input-group-text + .ant-btn {
    margin-left: -1px; }

.input-group-prepend {
  margin-right: -1px; }

.input-group-append {
  margin-left: -1px; }

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #888888;
  text-align: center;
  white-space: nowrap;
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC;
  border-radius: 0.2rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(2.875rem + 2px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .ring-noti__msg__readmore,
.input-group-lg > .input-group-prepend > .ant-btn,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .ring-noti__msg__readmore,
.input-group-lg > .input-group-append > .ant-btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.8125rem + 2px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .ring-noti__msg__readmore,
.input-group-sm > .input-group-prepend > .ant-btn,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .ring-noti__msg__readmore,
.input-group-sm > .input-group-append > .ant-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .ring-noti__msg__readmore, .input-group > .input-group-prepend > .ant-btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .ring-noti__msg__readmore,
.input-group > .input-group-append:not(:last-child) > .ant-btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .ring-noti__msg__readmore:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .ant-btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .ring-noti__msg__readmore, .input-group > .input-group-append > .ant-btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .ring-noti__msg__readmore,
.input-group > .input-group-prepend:not(:first-child) > .ant-btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .ring-noti__msg__readmore:not(:first-child),
.input-group > .input-group-prepend:first-child > .ant-btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem; }

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #1791F2;
    background-color: #1791F2; }
  .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #90caf9; }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #c0e1fb;
    border-color: #c0e1fb; }
  .custom-control-input:disabled ~ .custom-control-label {
    color: #BBBBBB; }
    .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #F5F5F5; }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #CCCCCC solid 1px; }
  .custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%; }

.custom-checkbox .custom-control-label::before {
  border-radius: 0.2rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #1791F2;
  background-color: #1791F2; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(23, 145, 242, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(23, 145, 242, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(23, 145, 242, 0.5); }

.custom-switch {
  padding-left: 2.25rem; }
  .custom-switch .custom-control-label::before {
    left: -2.25rem;
    width: 1.75rem;
    pointer-events: all;
    border-radius: 0.5rem; }
  .custom-switch .custom-control-label::after {
    top: calc(0.25rem + 2px);
    left: calc(-2.25rem + 2px);
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    background-color: #CCCCCC;
    border-radius: 0.5rem;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media screen and (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(23, 145, 242, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #888888;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23555555' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0.2rem;
  appearance: none; }
  .custom-select:focus {
    border-color: #90caf9;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(144, 202, 249, 0.5); }
    .custom-select:focus::-ms-value {
      color: #888888;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: #BBBBBB;
    background-color: #F5F5F5; }
  .custom-select::-ms-expand {
    opacity: 0; }

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem; }

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: #90caf9;
    box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #F5F5F5; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #888888;
  background-color: #fff;
  border: 1px solid #CCCCCC;
  border-radius: 0.2rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: 2.25rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #888888;
    content: "Browse";
    background-color: #F5F5F5;
    border-left: inherit;
    border-radius: 0 0.2rem 0.2rem 0; }

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  appearance: none; }
  .custom-range:focus {
    outline: none; }
    .custom-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
  .custom-range::-moz-focus-outer {
    border: 0; }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #1791F2;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media screen and (prefers-reduced-motion: reduce) {
      .custom-range::-webkit-slider-thumb {
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: #c0e1fb; }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #E8E8E8;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #1791F2;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media screen and (prefers-reduced-motion: reduce) {
      .custom-range::-moz-range-thumb {
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: #c0e1fb; }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #E8E8E8;
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #1791F2;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media screen and (prefers-reduced-motion: reduce) {
      .custom-range::-ms-thumb {
        transition: none; } }
    .custom-range::-ms-thumb:active {
      background-color: #c0e1fb; }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem; }
  .custom-range::-ms-fill-lower {
    background-color: #E8E8E8;
    border-radius: 1rem; }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #E8E8E8;
    border-radius: 1rem; }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #CCCCCC; }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #CCCCCC; }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: #CCCCCC; }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      transition: none; } }

.nav {
  display: flex;
  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: #BBBBBB;
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 1px solid #E8E8E8; }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #F5F5F5 #F5F5F5 #E8E8E8; }
    .nav-tabs .nav-link.disabled {
      color: #BBBBBB;
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #888888;
    background-color: #fff;
    border-color: #E8E8E8 #E8E8E8 #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.2rem; }

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

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

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

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

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

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem; }
  .navbar > .container,
  .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.2rem; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }
  .navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(25, 25, 25, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(25, 25, 25, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(25, 25, 25, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(25, 25, 25, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(25, 25, 25, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(25, 25, 25, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(25, 25, 25, 0.5);
  border-color: rgba(25, 25, 25, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(25, 25, 25, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(25, 25, 25, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(25, 25, 25, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(25, 25, 25, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(25, 25, 25, 0.125);
  border-radius: 0.2rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  color: inherit;
  background-color: rgba(25, 25, 25, 0.03);
  border-bottom: 1px solid rgba(25, 25, 25, 0.125); }
  .card-header:first-child {
    border-radius: calc(0.2rem - 1px) calc(0.2rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(25, 25, 25, 0.03);
  border-top: 1px solid rgba(25, 25, 25, 0.125); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.2rem - 1px) calc(0.2rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.2rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.2rem - 1px);
  border-top-right-radius: calc(0.2rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.2rem - 1px);
  border-bottom-left-radius: calc(0.2rem - 1px); }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 10px; }
  @media (min-width: 576px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -10px;
      margin-left: -10px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 10px;
        margin-bottom: 0;
        margin-left: 10px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group > .card {
    margin-bottom: 10px; }
  @media (min-width: 576px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:first-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:first-child .card-img-top,
          .card-group > .card:first-child .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:first-child .card-img-bottom,
          .card-group > .card:first-child .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:last-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:last-child .card-img-top,
          .card-group > .card:last-child .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:last-child .card-img-bottom,
          .card-group > .card:last-child .card-footer {
            border-bottom-left-radius: 0; }
        .card-group > .card:only-child {
          border-radius: 0.2rem; }
          .card-group > .card:only-child .card-img-top,
          .card-group > .card:only-child .card-header {
            border-top-left-radius: 0.2rem;
            border-top-right-radius: 0.2rem; }
          .card-group > .card:only-child .card-img-bottom,
          .card-group > .card:only-child .card-footer {
            border-bottom-right-radius: 0.2rem;
            border-bottom-left-radius: 0.2rem; }
        .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
          border-radius: 0; }
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
            border-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.accordion .card {
  overflow: hidden; }
  .accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0; }
  .accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0; }
  .accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .accordion .card .card-header {
    margin-bottom: -1px; }

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #F5F5F5;
  border-radius: 0.2rem; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #BBBBBB;
    content: "/"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #BBBBBB; }

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.2rem; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #1791F2;
  background-color: #fff;
  border: 1px solid #E8E8E8; }
  .page-link:hover {
    z-index: 2;
    color: #0a68b2;
    text-decoration: none;
    background-color: #F5F5F5;
    border-color: #E8E8E8; }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
  .page-link:not(:disabled):not(.disabled) {
    cursor: pointer; }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem; }

.page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem; }

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #1791F2;
  border-color: #1791F2; }

.page-item.disabled .page-link {
  color: #BBBBBB;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #E8E8E8; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem; }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.2rem; }
  a.badge:hover, a.badge:focus {
    text-decoration: none; }
  .badge:empty {
    display: none; }

.btn .badge, .ring-noti__msg__readmore .badge, .ant-btn .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary {
  color: #fff;
  background-color: #1791F2; }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0b76cb; }

.badge-secondary {
  color: #333333;
  background-color: #BBBBBB; }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #333333;
    background-color: #a2a2a2; }

.badge-success {
  color: #333333;
  background-color: #55CC77; }
  a.badge-success:hover, a.badge-success:focus {
    color: #333333;
    background-color: #37b75c; }

.badge-info {
  color: #fff;
  background-color: #00BFA5; }
  a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #008c79; }

.badge-warning {
  color: #333333;
  background-color: #FFBF00; }
  a.badge-warning:hover, a.badge-warning:focus {
    color: #333333;
    background-color: #cc9900; }

.badge-danger {
  color: #fff;
  background-color: #FF4742; }
  a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #ff150f; }

.badge-light {
  color: #333333;
  background-color: #FAFAFA; }
  a.badge-light:hover, a.badge-light:focus {
    color: #333333;
    background-color: #e1e1e1; }

.badge-dark {
  color: #fff;
  background-color: #555555; }
  a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #3c3c3c; }

.badge-brand {
  color: #fff;
  background-color: #EE4D2D; }
  a.badge-brand:hover, a.badge-brand:focus {
    color: #fff;
    background-color: #d73211; }

.badge-cyan {
  color: #fff;
  background-color: #00BFA5; }
  a.badge-cyan:hover, a.badge-cyan:focus {
    color: #fff;
    background-color: #008c79; }

.badge-primary-light {
  color: #333333;
  background-color: #D3EAFB; }
  a.badge-primary-light:hover, a.badge-primary-light:focus {
    color: #333333;
    background-color: #a4d4f7; }

.badge-d-weak {
  color: #333333;
  background-color: #DBDBDB; }
  a.badge-d-weak:hover, a.badge-d-weak:focus {
    color: #333333;
    background-color: #c2c2c2; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #F5F5F5;
  border-radius: 0.3rem; }
  @media (min-width: 576px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.2rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 4rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.alert-primary {
  color: #18578a;
  background-color: #d1e9fc;
  border-color: #bee0fb; }
  .alert-primary hr {
    border-top-color: #a6d5fa; }
  .alert-primary .alert-link {
    color: #103c5f; }

.alert-secondary {
  color: #6d6d6d;
  background-color: #f1f1f1;
  border-color: #ececec; }
  .alert-secondary hr {
    border-top-color: #dfdfdf; }
  .alert-secondary .alert-link {
    color: #545454; }

.alert-success {
  color: #38764a;
  background-color: #ddf5e4;
  border-color: #cff1d9; }
  .alert-success hr {
    border-top-color: #bbebc9; }
  .alert-success .alert-link {
    color: #285334; }

.alert-info {
  color: #0c6f62;
  background-color: #ccf2ed;
  border-color: #b8ede6; }
  .alert-info hr {
    border-top-color: #a4e8df; }
  .alert-info .alert-link {
    color: #074139; }

.alert-warning {
  color: #916f0c;
  background-color: #fff2cc;
  border-color: #ffedb8; }
  .alert-warning hr {
    border-top-color: #ffe79f; }
  .alert-warning .alert-link {
    color: #624b08; }

.alert-danger {
  color: #91312e;
  background-color: #ffdad9;
  border-color: #ffcbca; }
  .alert-danger hr {
    border-top-color: #ffb2b1; }
  .alert-danger .alert-link {
    color: #6a2422; }

.alert-light {
  color: #8e8e8e;
  background-color: #fefefe;
  border-color: #fefefe; }
  .alert-light hr {
    border-top-color: #f1f1f1; }
  .alert-light .alert-link {
    color: #757575; }

.alert-dark {
  color: #383838;
  background-color: #dddddd;
  border-color: #cfcfcf; }
  .alert-dark hr {
    border-top-color: #c2c2c2; }
  .alert-dark .alert-link {
    color: #1f1f1f; }

.alert-brand {
  color: #883423;
  background-color: #fcdbd5;
  border-color: #facdc4; }
  .alert-brand hr {
    border-top-color: #f8b9ac; }
  .alert-brand .alert-link {
    color: #5f2419; }

.alert-cyan {
  color: #0c6f62;
  background-color: #ccf2ed;
  border-color: #b8ede6; }
  .alert-cyan hr {
    border-top-color: #a4e8df; }
  .alert-cyan .alert-link {
    color: #074139; }

.alert-primary-light {
  color: #7a868f;
  background-color: #f6fbfe;
  border-color: #f3f9fe; }
  .alert-primary-light hr {
    border-top-color: #dbedfc; }
  .alert-primary-light .alert-link {
    color: #626c74; }

.alert-d-weak {
  color: #7e7e7e;
  background-color: #f8f8f8;
  border-color: whitesmoke; }
  .alert-d-weak hr {
    border-top-color: #e8e8e8; }
  .alert-d-weak .alert-link {
    color: #656565; }

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

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #F5F5F5;
  border-radius: 0.2rem; }

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #1791F2;
  transition: width 0.6s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem; }

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite; }

.media {
  display: flex;
  align-items: flex-start; }

.media-body {
  flex: 1; }

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #888888;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    color: #888888;
    text-decoration: none;
    background-color: #FAFAFA; }
  .list-group-item-action:active {
    color: #333333;
    background-color: #F5F5F5; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(25, 25, 25, 0.125); }
  .list-group-item:first-child {
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem; }
  .list-group-item:hover, .list-group-item:focus {
    z-index: 1;
    text-decoration: none; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: #BBBBBB;
    pointer-events: none;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #1791F2;
    border-color: #1791F2; }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .list-group-flush .list-group-item:last-child {
    margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0; }

.list-group-item-primary {
  color: #18578a;
  background-color: #bee0fb; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #18578a;
    background-color: #a6d5fa; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #18578a;
    border-color: #18578a; }

.list-group-item-secondary {
  color: #6d6d6d;
  background-color: #ececec; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #6d6d6d;
    background-color: #dfdfdf; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #6d6d6d;
    border-color: #6d6d6d; }

.list-group-item-success {
  color: #38764a;
  background-color: #cff1d9; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #38764a;
    background-color: #bbebc9; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #38764a;
    border-color: #38764a; }

.list-group-item-info {
  color: #0c6f62;
  background-color: #b8ede6; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #0c6f62;
    background-color: #a4e8df; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #0c6f62;
    border-color: #0c6f62; }

.list-group-item-warning {
  color: #916f0c;
  background-color: #ffedb8; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #916f0c;
    background-color: #ffe79f; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #916f0c;
    border-color: #916f0c; }

.list-group-item-danger {
  color: #91312e;
  background-color: #ffcbca; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #91312e;
    background-color: #ffb2b1; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #91312e;
    border-color: #91312e; }

.list-group-item-light {
  color: #8e8e8e;
  background-color: #fefefe; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #8e8e8e;
    background-color: #f1f1f1; }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #8e8e8e;
    border-color: #8e8e8e; }

.list-group-item-dark {
  color: #383838;
  background-color: #cfcfcf; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #383838;
    background-color: #c2c2c2; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #383838;
    border-color: #383838; }

.list-group-item-brand {
  color: #883423;
  background-color: #facdc4; }
  .list-group-item-brand.list-group-item-action:hover, .list-group-item-brand.list-group-item-action:focus {
    color: #883423;
    background-color: #f8b9ac; }
  .list-group-item-brand.list-group-item-action.active {
    color: #fff;
    background-color: #883423;
    border-color: #883423; }

.list-group-item-cyan {
  color: #0c6f62;
  background-color: #b8ede6; }
  .list-group-item-cyan.list-group-item-action:hover, .list-group-item-cyan.list-group-item-action:focus {
    color: #0c6f62;
    background-color: #a4e8df; }
  .list-group-item-cyan.list-group-item-action.active {
    color: #fff;
    background-color: #0c6f62;
    border-color: #0c6f62; }

.list-group-item-primary-light {
  color: #7a868f;
  background-color: #f3f9fe; }
  .list-group-item-primary-light.list-group-item-action:hover, .list-group-item-primary-light.list-group-item-action:focus {
    color: #7a868f;
    background-color: #dbedfc; }
  .list-group-item-primary-light.list-group-item-action.active {
    color: #fff;
    background-color: #7a868f;
    border-color: #7a868f; }

.list-group-item-d-weak {
  color: #7e7e7e;
  background-color: whitesmoke; }
  .list-group-item-d-weak.list-group-item-action:hover, .list-group-item-d-weak.list-group-item-action:focus {
    color: #7e7e7e;
    background-color: #e8e8e8; }
  .list-group-item-d-weak.list-group-item-action.active {
    color: #fff;
    background-color: #7e7e7e;
    border-color: #7e7e7e; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #191919;
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover {
    color: #191919;
    text-decoration: none; }
  .close:not(:disabled):not(.disabled) {
    cursor: pointer; }
    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
      opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none; }

a.close.disabled {
  pointer-events: none; }

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.75rem rgba(25, 25, 25, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0; }
  .toast:not(:last-child) {
    margin-bottom: 0.75rem; }
  .toast.showing {
    opacity: 1; }
  .toast.show {
    display: block;
    opacity: 1; }
  .toast.hide {
    display: none; }

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #BBBBBB;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.toast-body {
  padding: 0.75rem; }

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

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

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

.modal-dialog-centered {
  display: flex;
  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: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(25, 25, 25, 0.2);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #191919; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

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

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

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

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #F5F5F5;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }
  .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: 576px) {
  .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: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 0.9; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: #191919; }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: #191919; }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: #191919; }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: #191919; }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #191919;
  border-radius: 0.2rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(25, 25, 25, 0.2);
  border-radius: 0.3rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
    bottom: calc((0.5rem + 1px) * -1); }
  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
  .bs-popover-top .arrow::after,
  .bs-popover-auto[x-placement^="top"] .arrow::after {
    border-width: 0.5rem 0.5rem 0; }
  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
    bottom: 0;
    border-top-color: rgba(25, 25, 25, 0.25); }
  
  .bs-popover-top .arrow::after,
  .bs-popover-auto[x-placement^="top"] .arrow::after {
    bottom: 1px;
    border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
  .bs-popover-right .arrow::after,
  .bs-popover-auto[x-placement^="right"] .arrow::after {
    border-width: 0.5rem 0.5rem 0.5rem 0; }
  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
    left: 0;
    border-right-color: rgba(25, 25, 25, 0.25); }
  
  .bs-popover-right .arrow::after,
  .bs-popover-auto[x-placement^="right"] .arrow::after {
    left: 1px;
    border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
    top: calc((0.5rem + 1px) * -1); }
  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
  .bs-popover-bottom .arrow::after,
  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    border-width: 0 0.5rem 0.5rem 0.5rem; }
  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
    top: 0;
    border-bottom-color: rgba(25, 25, 25, 0.25); }
  
  .bs-popover-bottom .arrow::after,
  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
    top: 1px;
    border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f7f7f7; }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
  .bs-popover-left .arrow::after,
  .bs-popover-auto[x-placement^="left"] .arrow::after {
    border-width: 0.5rem 0 0.5rem 0.5rem; }
  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
    right: 0;
    border-left-color: rgba(25, 25, 25, 0.25); }
  
  .bs-popover-left .arrow::after,
  .bs-popover-auto[x-placement^="left"] .arrow::after {
    right: 1px;
    border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #333333; }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media screen and (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity; }
  @media screen and (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media screen and (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease; }
    @media screen and (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

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

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite; }

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em; }

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

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite; }

.spinner-grow-sm {
  width: 1rem;
  height: 1rem; }

.align-baseline {
  vertical-align: baseline !important; }

.align-top {
  vertical-align: top !important; }

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

.align-text-bottom {
  vertical-align: text-bottom !important; }

.align-text-top {
  vertical-align: text-top !important; }

.bg-primary {
  background-color: #1791F2 !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0b76cb !important; }

.bg-secondary {
  background-color: #BBBBBB !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #a2a2a2 !important; }

.bg-success {
  background-color: #55CC77 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #37b75c !important; }

.bg-info {
  background-color: #00BFA5 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #008c79 !important; }

.bg-warning {
  background-color: #FFBF00 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #cc9900 !important; }

.bg-danger {
  background-color: #FF4742 !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #ff150f !important; }

.bg-light {
  background-color: #FAFAFA !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #e1e1e1 !important; }

.bg-dark {
  background-color: #555555 !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #3c3c3c !important; }

.bg-brand {
  background-color: #EE4D2D !important; }

a.bg-brand:hover, a.bg-brand:focus,
button.bg-brand:hover,
button.bg-brand:focus {
  background-color: #d73211 !important; }

.bg-cyan {
  background-color: #00BFA5 !important; }

a.bg-cyan:hover, a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus {
  background-color: #008c79 !important; }

.bg-primary-light {
  background-color: #D3EAFB !important; }

a.bg-primary-light:hover, a.bg-primary-light:focus,
button.bg-primary-light:hover,
button.bg-primary-light:focus {
  background-color: #a4d4f7 !important; }

.bg-d-weak {
  background-color: #DBDBDB !important; }

a.bg-d-weak:hover, a.bg-d-weak:focus,
button.bg-d-weak:hover,
button.bg-d-weak:focus {
  background-color: #c2c2c2 !important; }

.bg-white {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid #CCCCCC !important; }

.border-top {
  border-top: 1px solid #CCCCCC !important; }

.border-right {
  border-right: 1px solid #CCCCCC !important; }

.border-bottom {
  border-bottom: 1px solid #CCCCCC !important; }

.border-left {
  border-left: 1px solid #CCCCCC !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

.border-primary {
  border-color: #1791F2 !important; }

.border-secondary {
  border-color: #BBBBBB !important; }

.border-success {
  border-color: #55CC77 !important; }

.border-info {
  border-color: #00BFA5 !important; }

.border-warning {
  border-color: #FFBF00 !important; }

.border-danger {
  border-color: #FF4742 !important; }

.border-light {
  border-color: #FAFAFA !important; }

.border-dark {
  border-color: #555555 !important; }

.border-brand {
  border-color: #EE4D2D !important; }

.border-cyan {
  border-color: #00BFA5 !important; }

.border-primary-light {
  border-color: #D3EAFB !important; }

.border-d-weak {
  border-color: #DBDBDB !important; }

.border-white {
  border-color: #fff !important; }

.rounded {
  border-radius: 0.2rem !important; }

.rounded-top {
  border-top-left-radius: 0.2rem !important;
  border-top-right-radius: 0.2rem !important; }

.rounded-right {
  border-top-right-radius: 0.2rem !important;
  border-bottom-right-radius: 0.2rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.2rem !important;
  border-bottom-left-radius: 0.2rem !important; }

.rounded-left {
  border-top-left-radius: 0.2rem !important;
  border-bottom-left-radius: 0.2rem !important; }

.rounded-circle, .slick-arrow {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex, .card--login .card__logo, .ring-noti__msg {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: flex !important; }
  .d-sm-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: flex !important; }
  .d-md-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: flex !important; }
  .d-lg-inline-flex {
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: flex !important; }
  .d-xl-inline-flex {
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: flex !important; }
  .d-print-inline-flex {
    display: inline-flex !important; } }

.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-3by4::before {
  padding-top: 133.33333%; }

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

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center, .card--login .card__logo {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center, .card--login .card__logo {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }
  .flex-sm-column {
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    justify-content: center !important; }
  .justify-content-sm-between {
    justify-content: space-between !important; }
  .justify-content-sm-around {
    justify-content: space-around !important; }
  .align-items-sm-start {
    align-items: flex-start !important; }
  .align-items-sm-end {
    align-items: flex-end !important; }
  .align-items-sm-center {
    align-items: center !important; }
  .align-items-sm-baseline {
    align-items: baseline !important; }
  .align-items-sm-stretch {
    align-items: stretch !important; }
  .align-content-sm-start {
    align-content: flex-start !important; }
  .align-content-sm-end {
    align-content: flex-end !important; }
  .align-content-sm-center {
    align-content: center !important; }
  .align-content-sm-between {
    align-content: space-between !important; }
  .align-content-sm-around {
    align-content: space-around !important; }
  .align-content-sm-stretch {
    align-content: stretch !important; }
  .align-self-sm-auto {
    align-self: auto !important; }
  .align-self-sm-start {
    align-self: flex-start !important; }
  .align-self-sm-end {
    align-self: flex-end !important; }
  .align-self-sm-center {
    align-self: center !important; }
  .align-self-sm-baseline {
    align-self: baseline !important; }
  .align-self-sm-stretch {
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }
  .flex-md-column {
    flex-direction: column !important; }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    justify-content: flex-start !important; }
  .justify-content-md-end {
    justify-content: flex-end !important; }
  .justify-content-md-center {
    justify-content: center !important; }
  .justify-content-md-between {
    justify-content: space-between !important; }
  .justify-content-md-around {
    justify-content: space-around !important; }
  .align-items-md-start {
    align-items: flex-start !important; }
  .align-items-md-end {
    align-items: flex-end !important; }
  .align-items-md-center {
    align-items: center !important; }
  .align-items-md-baseline {
    align-items: baseline !important; }
  .align-items-md-stretch {
    align-items: stretch !important; }
  .align-content-md-start {
    align-content: flex-start !important; }
  .align-content-md-end {
    align-content: flex-end !important; }
  .align-content-md-center {
    align-content: center !important; }
  .align-content-md-between {
    align-content: space-between !important; }
  .align-content-md-around {
    align-content: space-around !important; }
  .align-content-md-stretch {
    align-content: stretch !important; }
  .align-self-md-auto {
    align-self: auto !important; }
  .align-self-md-start {
    align-self: flex-start !important; }
  .align-self-md-end {
    align-self: flex-end !important; }
  .align-self-md-center {
    align-self: center !important; }
  .align-self-md-baseline {
    align-self: baseline !important; }
  .align-self-md-stretch {
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }
  .flex-lg-column {
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    justify-content: center !important; }
  .justify-content-lg-between {
    justify-content: space-between !important; }
  .justify-content-lg-around {
    justify-content: space-around !important; }
  .align-items-lg-start {
    align-items: flex-start !important; }
  .align-items-lg-end {
    align-items: flex-end !important; }
  .align-items-lg-center {
    align-items: center !important; }
  .align-items-lg-baseline {
    align-items: baseline !important; }
  .align-items-lg-stretch {
    align-items: stretch !important; }
  .align-content-lg-start {
    align-content: flex-start !important; }
  .align-content-lg-end {
    align-content: flex-end !important; }
  .align-content-lg-center {
    align-content: center !important; }
  .align-content-lg-between {
    align-content: space-between !important; }
  .align-content-lg-around {
    align-content: space-around !important; }
  .align-content-lg-stretch {
    align-content: stretch !important; }
  .align-self-lg-auto {
    align-self: auto !important; }
  .align-self-lg-start {
    align-self: flex-start !important; }
  .align-self-lg-end {
    align-self: flex-end !important; }
  .align-self-lg-center {
    align-self: center !important; }
  .align-self-lg-baseline {
    align-self: baseline !important; }
  .align-self-lg-stretch {
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }
  .flex-xl-column {
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    justify-content: center !important; }
  .justify-content-xl-between {
    justify-content: space-between !important; }
  .justify-content-xl-around {
    justify-content: space-around !important; }
  .align-items-xl-start {
    align-items: flex-start !important; }
  .align-items-xl-end {
    align-items: flex-end !important; }
  .align-items-xl-center {
    align-items: center !important; }
  .align-items-xl-baseline {
    align-items: baseline !important; }
  .align-items-xl-stretch {
    align-items: stretch !important; }
  .align-content-xl-start {
    align-content: flex-start !important; }
  .align-content-xl-end {
    align-content: flex-end !important; }
  .align-content-xl-center {
    align-content: center !important; }
  .align-content-xl-between {
    align-content: space-between !important; }
  .align-content-xl-around {
    align-content: space-around !important; }
  .align-content-xl-stretch {
    align-content: stretch !important; }
  .align-self-xl-auto {
    align-self: auto !important; }
  .align-self-xl-start {
    align-self: flex-start !important; }
  .align-self-xl-end {
    align-self: flex-end !important; }
  .align-self-xl-center {
    align-self: center !important; }
  .align-self-xl-baseline {
    align-self: baseline !important; }
  .align-self-xl-stretch {
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

.overflow-auto {
  overflow: auto !important; }

.overflow-hidden {
  overflow: hidden !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal; }

.shadow-sm {
  box-shadow: 0 2px 4px 0 rgba(25, 25, 25, 0.1) !important; }

.shadow {
  box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(25, 25, 25, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.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-n1 {
  margin: -0.25rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-n5,
.mx-n5 {
  margin-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: 576px) {
  .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-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-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-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-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: 992px) {
  .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-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-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: 1200px) {
  .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-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-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; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap, .card-columns--index .card-body .card-watch {
  white-space: nowrap !important; }

.text-truncate, .slick--alert .slick-item__container, .card-columns--index .card-body .card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-primary {
  color: #1791F2 !important; }

a.text-primary:hover, a.text-primary:focus {
  color: #0a68b2 !important; }

.text-secondary {
  color: #BBBBBB !important; }

a.text-secondary:hover, a.text-secondary:focus {
  color: #959595 !important; }

.text-success {
  color: #55CC77 !important; }

a.text-success:hover, a.text-success:focus {
  color: #31a352 !important; }

.text-info {
  color: #00BFA5 !important; }

a.text-info:hover, a.text-info:focus {
  color: #007363 !important; }

.text-warning {
  color: #FFBF00 !important; }

a.text-warning:hover, a.text-warning:focus {
  color: #b38600 !important; }

.text-danger {
  color: #FF4742 !important; }

a.text-danger:hover, a.text-danger:focus {
  color: #f50600 !important; }

.text-light {
  color: #FAFAFA !important; }

a.text-light:hover, a.text-light:focus {
  color: #d4d4d4 !important; }

.text-dark {
  color: #555555 !important; }

a.text-dark:hover, a.text-dark:focus {
  color: #2f2f2f !important; }

.text-brand {
  color: #EE4D2D !important; }

a.text-brand:hover, a.text-brand:focus {
  color: #bf2d0f !important; }

.text-cyan {
  color: #00BFA5 !important; }

a.text-cyan:hover, a.text-cyan:focus {
  color: #007363 !important; }

.text-primary-light {
  color: #D3EAFB !important; }

a.text-primary-light:hover, a.text-primary-light:focus {
  color: #8dc9f5 !important; }

.text-d-weak {
  color: #DBDBDB !important; }

a.text-d-weak:hover, a.text-d-weak:focus {
  color: #b5b5b5 !important; }

.text-body {
  color: #333333 !important; }

.text-muted {
  color: #BBBBBB !important; }

.text-black-50 {
  color: rgba(25, 25, 25, 0.5) !important; }

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none {
  text-decoration: none !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn):not(.ring-noti__msg__readmore):not(.ant-btn) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #CCCCCC;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #191919; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #E8E8E8 !important; }
  .table-dark {
    color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: #E8E8E8; }
  .table .thead-dark th {
    color: inherit;
    border-color: #E8E8E8; } }

/*!
  Ionicons, v4.5.4
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url("/static/fonts/ionicons/ionicons.eot?v=4.5.4");
  src: url("/static/fonts/ionicons/ionicons.eot?v=4.5.4#iefix") format("embedded-opentype"), url("/static/fonts/ionicons/ionicons.woff2?v=4.5.4") format("woff2"), url("/static/fonts/ionicons/ionicons.woff?v=4.5.4") format("woff"), url("/static/fonts/ionicons/ionicons.ttf?v=4.5.4") format("truetype"), url("/static/fonts/ionicons/ionicons.svg?v=4.5.4#Ionicons") format("svg");
  font-weight: normal;
  font-style: normal; }

.ion, .ionicons,
.ion-ios-add:before,
.ion-ios-add-circle:before,
.ion-ios-add-circle-outline:before,
.ion-ios-airplane:before,
.ion-ios-alarm:before,
.ion-ios-albums:before,
.ion-ios-alert:before,
.ion-ios-american-football:before,
.ion-ios-analytics:before,
.ion-ios-aperture:before,
.ion-ios-apps:before,
.ion-ios-appstore:before,
.ion-ios-archive:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-dropdown:before,
.ion-ios-arrow-dropdown-circle:before,
.ion-ios-arrow-dropleft:before,
.ion-ios-arrow-dropleft-circle:before,
.ion-ios-arrow-dropright:before,
.ion-ios-arrow-dropright-circle:before,
.ion-ios-arrow-dropup:before,
.ion-ios-arrow-dropup-circle:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-round-back:before,
.ion-ios-arrow-round-down:before,
.ion-ios-arrow-round-forward:before,
.ion-ios-arrow-round-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-attach:before,
.ion-ios-backspace:before,
.ion-ios-barcode:before,
.ion-ios-baseball:before,
.ion-ios-basket:before,
.ion-ios-basketball:before,
.ion-ios-battery-charging:before,
.ion-ios-battery-dead:before,
.ion-ios-battery-full:before,
.ion-ios-beaker:before,
.ion-ios-bed:before,
.ion-ios-beer:before,
.ion-ios-bicycle:before,
.ion-ios-bluetooth:before,
.ion-ios-boat:before,
.ion-ios-body:before,
.ion-ios-bonfire:before,
.ion-ios-book:before,
.ion-ios-bookmark:before,
.ion-ios-bookmarks:before,
.ion-ios-bowtie:before,
.ion-ios-briefcase:before,
.ion-ios-browsers:before,
.ion-ios-brush:before,
.ion-ios-bug:before,
.ion-ios-build:before,
.ion-ios-bulb:before,
.ion-ios-bus:before,
.ion-ios-business:before,
.ion-ios-cafe:before,
.ion-ios-calculator:before,
.ion-ios-calendar:before,
.ion-ios-call:before,
.ion-ios-camera:before,
.ion-ios-car:before,
.ion-ios-card:before,
.ion-ios-cart:before,
.ion-ios-cash:before,
.ion-ios-cellular:before,
.ion-ios-chatboxes:before,
.ion-ios-chatbubbles:before,
.ion-ios-checkbox:before,
.ion-ios-checkbox-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-circle:before,
.ion-ios-checkmark-circle-outline:before,
.ion-ios-clipboard:before,
.ion-ios-clock:before,
.ion-ios-close:before,
.ion-ios-close-circle:before,
.ion-ios-close-circle-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-circle:before,
.ion-ios-cloud-done:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-code:before,
.ion-ios-code-download:before,
.ion-ios-code-working:before,
.ion-ios-cog:before,
.ion-ios-color-fill:before,
.ion-ios-color-filter:before,
.ion-ios-color-palette:before,
.ion-ios-color-wand:before,
.ion-ios-compass:before,
.ion-ios-construct:before,
.ion-ios-contact:before,
.ion-ios-contacts:before,
.ion-ios-contract:before,
.ion-ios-contrast:before,
.ion-ios-copy:before,
.ion-ios-create:before,
.ion-ios-crop:before,
.ion-ios-cube:before,
.ion-ios-cut:before,
.ion-ios-desktop:before,
.ion-ios-disc:before,
.ion-ios-document:before,
.ion-ios-done-all:before,
.ion-ios-download:before,
.ion-ios-easel:before,
.ion-ios-egg:before,
.ion-ios-exit:before,
.ion-ios-expand:before,
.ion-ios-eye:before,
.ion-ios-eye-off:before,
.ion-ios-fastforward:before,
.ion-ios-female:before,
.ion-ios-filing:before,
.ion-ios-film:before,
.ion-ios-finger-print:before,
.ion-ios-fitness:before,
.ion-ios-flag:before,
.ion-ios-flame:before,
.ion-ios-flash:before,
.ion-ios-flash-off:before,
.ion-ios-flashlight:before,
.ion-ios-flask:before,
.ion-ios-flower:before,
.ion-ios-folder:before,
.ion-ios-folder-open:before,
.ion-ios-football:before,
.ion-ios-funnel:before,
.ion-ios-gift:before,
.ion-ios-git-branch:before,
.ion-ios-git-commit:before,
.ion-ios-git-compare:before,
.ion-ios-git-merge:before,
.ion-ios-git-network:before,
.ion-ios-git-pull-request:before,
.ion-ios-glasses:before,
.ion-ios-globe:before,
.ion-ios-grid:before,
.ion-ios-hammer:before,
.ion-ios-hand:before,
.ion-ios-happy:before,
.ion-ios-headset:before,
.ion-ios-heart:before,
.ion-ios-heart-dislike:before,
.ion-ios-heart-empty:before,
.ion-ios-heart-half:before,
.ion-ios-help:before,
.ion-ios-help-buoy:before,
.ion-ios-help-circle:before,
.ion-ios-help-circle-outline:before,
.ion-ios-home:before,
.ion-ios-hourglass:before,
.ion-ios-ice-cream:before,
.ion-ios-image:before,
.ion-ios-images:before,
.ion-ios-infinite:before,
.ion-ios-information:before,
.ion-ios-information-circle:before,
.ion-ios-information-circle-outline:before,
.ion-ios-jet:before,
.ion-ios-journal:before,
.ion-ios-key:before,
.ion-ios-keypad:before,
.ion-ios-laptop:before,
.ion-ios-leaf:before,
.ion-ios-link:before,
.ion-ios-list:before,
.ion-ios-list-box:before,
.ion-ios-locate:before,
.ion-ios-lock:before,
.ion-ios-log-in:before,
.ion-ios-log-out:before,
.ion-ios-magnet:before,
.ion-ios-mail:before,
.ion-ios-mail-open:before,
.ion-ios-mail-unread:before,
.ion-ios-male:before,
.ion-ios-man:before,
.ion-ios-map:before,
.ion-ios-medal:before,
.ion-ios-medical:before,
.ion-ios-medkit:before,
.ion-ios-megaphone:before,
.ion-ios-menu:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-microphone:before,
.ion-ios-moon:before,
.ion-ios-more:before,
.ion-ios-move:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-notifications:before,
.ion-ios-notifications-off:before,
.ion-ios-notifications-outline:before,
.ion-ios-nuclear:before,
.ion-ios-nutrition:before,
.ion-ios-open:before,
.ion-ios-options:before,
.ion-ios-outlet:before,
.ion-ios-paper:before,
.ion-ios-paper-plane:before,
.ion-ios-partly-sunny:before,
.ion-ios-pause:before,
.ion-ios-paw:before,
.ion-ios-people:before,
.ion-ios-person:before,
.ion-ios-person-add:before,
.ion-ios-phone-landscape:before,
.ion-ios-phone-portrait:before,
.ion-ios-photos:before,
.ion-ios-pie:before,
.ion-ios-pin:before,
.ion-ios-pint:before,
.ion-ios-pizza:before,
.ion-ios-planet:before,
.ion-ios-play:before,
.ion-ios-play-circle:before,
.ion-ios-podium:before,
.ion-ios-power:before,
.ion-ios-pricetag:before,
.ion-ios-pricetags:before,
.ion-ios-print:before,
.ion-ios-pulse:before,
.ion-ios-qr-scanner:before,
.ion-ios-quote:before,
.ion-ios-radio:before,
.ion-ios-radio-button-off:before,
.ion-ios-radio-button-on:before,
.ion-ios-rainy:before,
.ion-ios-recording:before,
.ion-ios-redo:before,
.ion-ios-refresh:before,
.ion-ios-refresh-circle:before,
.ion-ios-remove:before,
.ion-ios-remove-circle:before,
.ion-ios-remove-circle-outline:before,
.ion-ios-reorder:before,
.ion-ios-repeat:before,
.ion-ios-resize:before,
.ion-ios-restaurant:before,
.ion-ios-return-left:before,
.ion-ios-return-right:before,
.ion-ios-reverse-camera:before,
.ion-ios-rewind:before,
.ion-ios-ribbon:before,
.ion-ios-rocket:before,
.ion-ios-rose:before,
.ion-ios-sad:before,
.ion-ios-save:before,
.ion-ios-school:before,
.ion-ios-search:before,
.ion-ios-send:before,
.ion-ios-settings:before,
.ion-ios-share:before,
.ion-ios-share-alt:before,
.ion-ios-shirt:before,
.ion-ios-shuffle:before,
.ion-ios-skip-backward:before,
.ion-ios-skip-forward:before,
.ion-ios-snow:before,
.ion-ios-speedometer:before,
.ion-ios-square:before,
.ion-ios-square-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stats:before,
.ion-ios-stopwatch:before,
.ion-ios-subway:before,
.ion-ios-sunny:before,
.ion-ios-swap:before,
.ion-ios-switch:before,
.ion-ios-sync:before,
.ion-ios-tablet-landscape:before,
.ion-ios-tablet-portrait:before,
.ion-ios-tennisball:before,
.ion-ios-text:before,
.ion-ios-thermometer:before,
.ion-ios-thumbs-down:before,
.ion-ios-thumbs-up:before,
.ion-ios-thunderstorm:before,
.ion-ios-time:before,
.ion-ios-timer:before,
.ion-ios-today:before,
.ion-ios-train:before,
.ion-ios-transgender:before,
.ion-ios-trash:before,
.ion-ios-trending-down:before,
.ion-ios-trending-up:before,
.ion-ios-trophy:before,
.ion-ios-tv:before,
.ion-ios-umbrella:before,
.ion-ios-undo:before,
.ion-ios-unlock:before,
.ion-ios-videocam:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-volume-mute:before,
.ion-ios-volume-off:before,
.ion-ios-walk:before,
.ion-ios-wallet:before,
.ion-ios-warning:before,
.ion-ios-watch:before,
.ion-ios-water:before,
.ion-ios-wifi:before,
.ion-ios-wine:before,
.ion-ios-woman:before,
.ion-logo-android:before,
.ion-logo-angular:before,
.ion-logo-apple:before,
.ion-logo-bitbucket:before,
.ion-logo-bitcoin:before,
.ion-logo-buffer:before,
.ion-logo-chrome:before,
.ion-logo-closed-captioning:before,
.ion-logo-codepen:before,
.ion-logo-css3:before,
.ion-logo-designernews:before,
.ion-logo-dribbble:before,
.ion-logo-dropbox:before,
.ion-logo-euro:before,
.ion-logo-facebook:before,
.ion-logo-flickr:before,
.ion-logo-foursquare:before,
.ion-logo-freebsd-devil:before,
.ion-logo-game-controller-a:before,
.ion-logo-game-controller-b:before,
.ion-logo-github:before,
.ion-logo-google:before,
.ion-logo-googleplus:before,
.ion-logo-hackernews:before,
.ion-logo-html5:before,
.ion-logo-instagram:before,
.ion-logo-ionic:before,
.ion-logo-ionitron:before,
.ion-logo-javascript:before,
.ion-logo-linkedin:before,
.ion-logo-markdown:before,
.ion-logo-model-s:before,
.ion-logo-no-smoking:before,
.ion-logo-nodejs:before,
.ion-logo-npm:before,
.ion-logo-octocat:before,
.ion-logo-pinterest:before,
.ion-logo-playstation:before,
.ion-logo-polymer:before,
.ion-logo-python:before,
.ion-logo-reddit:before,
.ion-logo-rss:before,
.ion-logo-sass:before,
.ion-logo-skype:before,
.ion-logo-slack:before,
.ion-logo-snapchat:before,
.ion-logo-steam:before,
.ion-logo-tumblr:before,
.ion-logo-tux:before,
.ion-logo-twitch:before,
.ion-logo-twitter:before,
.ion-logo-usd:before,
.ion-logo-vimeo:before,
.ion-logo-vk:before,
.ion-logo-whatsapp:before,
.ion-logo-windows:before,
.ion-logo-wordpress:before,
.ion-logo-xbox:before,
.ion-logo-xing:before,
.ion-logo-yahoo:before,
.ion-logo-yen:before,
.ion-logo-youtube:before,
.ion-md-add:before,
.ion-md-add-circle:before,
.ion-md-add-circle-outline:before,
.ion-md-airplane:before,
.ion-md-alarm:before,
.ion-md-albums:before,
.ion-md-alert:before,
.ion-md-american-football:before,
.ion-md-analytics:before,
.ion-md-aperture:before,
.ion-md-apps:before,
.ion-md-appstore:before,
.ion-md-archive:before,
.ion-md-arrow-back:before,
.ion-md-arrow-down:before,
.ion-md-arrow-dropdown:before,
.ion-md-arrow-dropdown-circle:before,
.ion-md-arrow-dropleft:before,
.ion-md-arrow-dropleft-circle:before,
.ion-md-arrow-dropright:before,
.ion-md-arrow-dropright-circle:before,
.ion-md-arrow-dropup:before,
.ion-md-arrow-dropup-circle:before,
.ion-md-arrow-forward:before,
.ion-md-arrow-round-back:before,
.ion-md-arrow-round-down:before,
.ion-md-arrow-round-forward:before,
.ion-md-arrow-round-up:before,
.ion-md-arrow-up:before,
.ion-md-at:before,
.ion-md-attach:before,
.ion-md-backspace:before,
.ion-md-barcode:before,
.ion-md-baseball:before,
.ion-md-basket:before,
.ion-md-basketball:before,
.ion-md-battery-charging:before,
.ion-md-battery-dead:before,
.ion-md-battery-full:before,
.ion-md-beaker:before,
.ion-md-bed:before,
.ion-md-beer:before,
.ion-md-bicycle:before,
.ion-md-bluetooth:before,
.ion-md-boat:before,
.ion-md-body:before,
.ion-md-bonfire:before,
.ion-md-book:before,
.ion-md-bookmark:before,
.ion-md-bookmarks:before,
.ion-md-bowtie:before,
.ion-md-briefcase:before,
.ion-md-browsers:before,
.ion-md-brush:before,
.ion-md-bug:before,
.ion-md-build:before,
.ion-md-bulb:before,
.ion-md-bus:before,
.ion-md-business:before,
.ion-md-cafe:before,
.ion-md-calculator:before,
.ion-md-calendar:before,
.ion-md-call:before,
.ion-md-camera:before,
.ion-md-car:before,
.ion-md-card:before,
.ion-md-cart:before,
.ion-md-cash:before,
.ion-md-cellular:before,
.ion-md-chatboxes:before,
.ion-md-chatbubbles:before,
.ion-md-checkbox:before,
.ion-md-checkbox-outline:before,
.ion-md-checkmark:before,
.ion-md-checkmark-circle:before,
.ion-md-checkmark-circle-outline:before,
.ion-md-clipboard:before,
.ion-md-clock:before,
.ion-md-close:before,
.ion-md-close-circle:before,
.ion-md-close-circle-outline:before,
.ion-md-cloud:before,
.ion-md-cloud-circle:before,
.ion-md-cloud-done:before,
.ion-md-cloud-download:before,
.ion-md-cloud-outline:before,
.ion-md-cloud-upload:before,
.ion-md-cloudy:before,
.ion-md-cloudy-night:before,
.ion-md-code:before,
.ion-md-code-download:before,
.ion-md-code-working:before,
.ion-md-cog:before,
.ion-md-color-fill:before,
.ion-md-color-filter:before,
.ion-md-color-palette:before,
.ion-md-color-wand:before,
.ion-md-compass:before,
.ion-md-construct:before,
.ion-md-contact:before,
.ion-md-contacts:before,
.ion-md-contract:before,
.ion-md-contrast:before,
.ion-md-copy:before,
.ion-md-create:before,
.ion-md-crop:before,
.ion-md-cube:before,
.ion-md-cut:before,
.ion-md-desktop:before,
.ion-md-disc:before,
.ion-md-document:before,
.ion-md-done-all:before,
.ion-md-download:before,
.ion-md-easel:before,
.ion-md-egg:before,
.ion-md-exit:before,
.ion-md-expand:before,
.ion-md-eye:before,
.ion-md-eye-off:before,
.ion-md-fastforward:before,
.ion-md-female:before,
.ion-md-filing:before,
.ion-md-film:before,
.ion-md-finger-print:before,
.ion-md-fitness:before,
.ion-md-flag:before,
.ion-md-flame:before,
.ion-md-flash:before,
.ion-md-flash-off:before,
.ion-md-flashlight:before,
.ion-md-flask:before,
.ion-md-flower:before,
.ion-md-folder:before,
.ion-md-folder-open:before,
.ion-md-football:before,
.ion-md-funnel:before,
.ion-md-gift:before,
.ion-md-git-branch:before,
.ion-md-git-commit:before,
.ion-md-git-compare:before,
.ion-md-git-merge:before,
.ion-md-git-network:before,
.ion-md-git-pull-request:before,
.ion-md-glasses:before,
.ion-md-globe:before,
.ion-md-grid:before,
.ion-md-hammer:before,
.ion-md-hand:before,
.ion-md-happy:before,
.ion-md-headset:before,
.ion-md-heart:before,
.ion-md-heart-dislike:before,
.ion-md-heart-empty:before,
.ion-md-heart-half:before,
.ion-md-help:before,
.ion-md-help-buoy:before,
.ion-md-help-circle:before,
.ion-md-help-circle-outline:before,
.ion-md-home:before,
.ion-md-hourglass:before,
.ion-md-ice-cream:before,
.ion-md-image:before,
.ion-md-images:before,
.ion-md-infinite:before,
.ion-md-information:before,
.ion-md-information-circle:before,
.ion-md-information-circle-outline:before,
.ion-md-jet:before,
.ion-md-journal:before,
.ion-md-key:before,
.ion-md-keypad:before,
.ion-md-laptop:before,
.ion-md-leaf:before,
.ion-md-link:before,
.ion-md-list:before,
.ion-md-list-box:before,
.ion-md-locate:before,
.ion-md-lock:before,
.ion-md-log-in:before,
.ion-md-log-out:before,
.ion-md-magnet:before,
.ion-md-mail:before,
.ion-md-mail-open:before,
.ion-md-mail-unread:before,
.ion-md-male:before,
.ion-md-man:before,
.ion-md-map:before,
.ion-md-medal:before,
.ion-md-medical:before,
.ion-md-medkit:before,
.ion-md-megaphone:before,
.ion-md-menu:before,
.ion-md-mic:before,
.ion-md-mic-off:before,
.ion-md-microphone:before,
.ion-md-moon:before,
.ion-md-more:before,
.ion-md-move:before,
.ion-md-musical-note:before,
.ion-md-musical-notes:before,
.ion-md-navigate:before,
.ion-md-notifications:before,
.ion-md-notifications-off:before,
.ion-md-notifications-outline:before,
.ion-md-nuclear:before,
.ion-md-nutrition:before,
.ion-md-open:before,
.ion-md-options:before,
.ion-md-outlet:before,
.ion-md-paper:before,
.ion-md-paper-plane:before,
.ion-md-partly-sunny:before,
.ion-md-pause:before,
.ion-md-paw:before,
.ion-md-people:before,
.ion-md-person:before,
.ion-md-person-add:before,
.ion-md-phone-landscape:before,
.ion-md-phone-portrait:before,
.ion-md-photos:before,
.ion-md-pie:before,
.ion-md-pin:before,
.ion-md-pint:before,
.ion-md-pizza:before,
.ion-md-planet:before,
.ion-md-play:before,
.ion-md-play-circle:before,
.ion-md-podium:before,
.ion-md-power:before,
.ion-md-pricetag:before,
.ion-md-pricetags:before,
.ion-md-print:before,
.ion-md-pulse:before,
.ion-md-qr-scanner:before,
.ion-md-quote:before,
.ion-md-radio:before,
.ion-md-radio-button-off:before,
.ion-md-radio-button-on:before,
.ion-md-rainy:before,
.ion-md-recording:before,
.ion-md-redo:before,
.ion-md-refresh:before,
.ion-md-refresh-circle:before,
.ion-md-remove:before,
.ion-md-remove-circle:before,
.ion-md-remove-circle-outline:before,
.ion-md-reorder:before,
.ion-md-repeat:before,
.ion-md-resize:before,
.ion-md-restaurant:before,
.ion-md-return-left:before,
.ion-md-return-right:before,
.ion-md-reverse-camera:before,
.ion-md-rewind:before,
.ion-md-ribbon:before,
.ion-md-rocket:before,
.ion-md-rose:before,
.ion-md-sad:before,
.ion-md-save:before,
.ion-md-school:before,
.ion-md-search:before,
.ion-md-send:before,
.ion-md-settings:before,
.ion-md-share:before,
.ion-md-share-alt:before,
.ion-md-shirt:before,
.ion-md-shuffle:before,
.ion-md-skip-backward:before,
.ion-md-skip-forward:before,
.ion-md-snow:before,
.ion-md-speedometer:before,
.ion-md-square:before,
.ion-md-square-outline:before,
.ion-md-star:before,
.ion-md-star-half:before,
.ion-md-star-outline:before,
.ion-md-stats:before,
.ion-md-stopwatch:before,
.ion-md-subway:before,
.ion-md-sunny:before,
.ion-md-swap:before,
.ion-md-switch:before,
.ion-md-sync:before,
.ion-md-tablet-landscape:before,
.ion-md-tablet-portrait:before,
.ion-md-tennisball:before,
.ion-md-text:before,
.ion-md-thermometer:before,
.ion-md-thumbs-down:before,
.ion-md-thumbs-up:before,
.ion-md-thunderstorm:before,
.ion-md-time:before,
.ion-md-timer:before,
.ion-md-today:before,
.ion-md-train:before,
.ion-md-transgender:before,
.ion-md-trash:before,
.ion-md-trending-down:before,
.ion-md-trending-up:before,
.ion-md-trophy:before,
.ion-md-tv:before,
.ion-md-umbrella:before,
.ion-md-undo:before,
.ion-md-unlock:before,
.ion-md-videocam:before,
.ion-md-volume-high:before,
.ion-md-volume-low:before,
.ion-md-volume-mute:before,
.ion-md-volume-off:before,
.ion-md-walk:before,
.ion-md-wallet:before,
.ion-md-warning:before,
.ion-md-watch:before,
.ion-md-water:before,
.ion-md-wifi:before,
.ion-md-wine:before,
.ion-md-woman:before, .slick-arrow.slick-prev::after, .slick-arrow.slick-next::after, .close::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after, .card-columns--index .card-body .card-watch::before, .section__title__more::after, .ant-input-number .ant-input-number-handler-up-inner::before, .ant-input-number .ant-input-number-handler-down-inner::before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ion-ios-add:before {
  content: "\F102"; }

.ion-ios-add-circle:before {
  content: "\F101"; }

.ion-ios-add-circle-outline:before {
  content: "\F100"; }

.ion-ios-airplane:before {
  content: "\F137"; }

.ion-ios-alarm:before {
  content: "\F3C8"; }

.ion-ios-albums:before {
  content: "\F3CA"; }

.ion-ios-alert:before {
  content: "\F104"; }

.ion-ios-american-football:before {
  content: "\F106"; }

.ion-ios-analytics:before {
  content: "\F3CE"; }

.ion-ios-aperture:before {
  content: "\F108"; }

.ion-ios-apps:before {
  content: "\F10A"; }

.ion-ios-appstore:before {
  content: "\F10C"; }

.ion-ios-archive:before {
  content: "\F10E"; }

.ion-ios-arrow-back:before {
  content: "\F3CF"; }

.ion-ios-arrow-down:before {
  content: "\F3D0"; }

.ion-ios-arrow-dropdown:before {
  content: "\F110"; }

.ion-ios-arrow-dropdown-circle:before {
  content: "\F125"; }

.ion-ios-arrow-dropleft:before {
  content: "\F112"; }

.ion-ios-arrow-dropleft-circle:before {
  content: "\F129"; }

.ion-ios-arrow-dropright:before {
  content: "\F114"; }

.ion-ios-arrow-dropright-circle:before {
  content: "\F12B"; }

.ion-ios-arrow-dropup:before {
  content: "\F116"; }

.ion-ios-arrow-dropup-circle:before {
  content: "\F12D"; }

.ion-ios-arrow-forward:before {
  content: "\F3D1"; }

.ion-ios-arrow-round-back:before {
  content: "\F117"; }

.ion-ios-arrow-round-down:before {
  content: "\F118"; }

.ion-ios-arrow-round-forward:before {
  content: "\F119"; }

.ion-ios-arrow-round-up:before {
  content: "\F11A"; }

.ion-ios-arrow-up:before {
  content: "\F3D8"; }

.ion-ios-at:before {
  content: "\F3DA"; }

.ion-ios-attach:before {
  content: "\F11B"; }

.ion-ios-backspace:before {
  content: "\F11D"; }

.ion-ios-barcode:before {
  content: "\F3DC"; }

.ion-ios-baseball:before {
  content: "\F3DE"; }

.ion-ios-basket:before {
  content: "\F11F"; }

.ion-ios-basketball:before {
  content: "\F3E0"; }

.ion-ios-battery-charging:before {
  content: "\F120"; }

.ion-ios-battery-dead:before {
  content: "\F121"; }

.ion-ios-battery-full:before {
  content: "\F122"; }

.ion-ios-beaker:before {
  content: "\F124"; }

.ion-ios-bed:before {
  content: "\F139"; }

.ion-ios-beer:before {
  content: "\F126"; }

.ion-ios-bicycle:before {
  content: "\F127"; }

.ion-ios-bluetooth:before {
  content: "\F128"; }

.ion-ios-boat:before {
  content: "\F12A"; }

.ion-ios-body:before {
  content: "\F3E4"; }

.ion-ios-bonfire:before {
  content: "\F12C"; }

.ion-ios-book:before {
  content: "\F3E8"; }

.ion-ios-bookmark:before {
  content: "\F12E"; }

.ion-ios-bookmarks:before {
  content: "\F3EA"; }

.ion-ios-bowtie:before {
  content: "\F130"; }

.ion-ios-briefcase:before {
  content: "\F3EE"; }

.ion-ios-browsers:before {
  content: "\F3F0"; }

.ion-ios-brush:before {
  content: "\F132"; }

.ion-ios-bug:before {
  content: "\F134"; }

.ion-ios-build:before {
  content: "\F136"; }

.ion-ios-bulb:before {
  content: "\F138"; }

.ion-ios-bus:before {
  content: "\F13A"; }

.ion-ios-business:before {
  content: "\F1A3"; }

.ion-ios-cafe:before {
  content: "\F13C"; }

.ion-ios-calculator:before {
  content: "\F3F2"; }

.ion-ios-calendar:before {
  content: "\F3F4"; }

.ion-ios-call:before {
  content: "\F13E"; }

.ion-ios-camera:before {
  content: "\F3F6"; }

.ion-ios-car:before {
  content: "\F140"; }

.ion-ios-card:before {
  content: "\F142"; }

.ion-ios-cart:before {
  content: "\F3F8"; }

.ion-ios-cash:before {
  content: "\F144"; }

.ion-ios-cellular:before {
  content: "\F13D"; }

.ion-ios-chatboxes:before {
  content: "\F3FA"; }

.ion-ios-chatbubbles:before {
  content: "\F146"; }

.ion-ios-checkbox:before {
  content: "\F148"; }

.ion-ios-checkbox-outline:before {
  content: "\F147"; }

.ion-ios-checkmark:before {
  content: "\F3FF"; }

.ion-ios-checkmark-circle:before {
  content: "\F14A"; }

.ion-ios-checkmark-circle-outline:before {
  content: "\F149"; }

.ion-ios-clipboard:before {
  content: "\F14C"; }

.ion-ios-clock:before {
  content: "\F403"; }

.ion-ios-close:before {
  content: "\F406"; }

.ion-ios-close-circle:before {
  content: "\F14E"; }

.ion-ios-close-circle-outline:before {
  content: "\F14D"; }

.ion-ios-cloud:before {
  content: "\F40C"; }

.ion-ios-cloud-circle:before {
  content: "\F152"; }

.ion-ios-cloud-done:before {
  content: "\F154"; }

.ion-ios-cloud-download:before {
  content: "\F408"; }

.ion-ios-cloud-outline:before {
  content: "\F409"; }

.ion-ios-cloud-upload:before {
  content: "\F40B"; }

.ion-ios-cloudy:before {
  content: "\F410"; }

.ion-ios-cloudy-night:before {
  content: "\F40E"; }

.ion-ios-code:before {
  content: "\F157"; }

.ion-ios-code-download:before {
  content: "\F155"; }

.ion-ios-code-working:before {
  content: "\F156"; }

.ion-ios-cog:before {
  content: "\F412"; }

.ion-ios-color-fill:before {
  content: "\F159"; }

.ion-ios-color-filter:before {
  content: "\F414"; }

.ion-ios-color-palette:before {
  content: "\F15B"; }

.ion-ios-color-wand:before {
  content: "\F416"; }

.ion-ios-compass:before {
  content: "\F15D"; }

.ion-ios-construct:before {
  content: "\F15F"; }

.ion-ios-contact:before {
  content: "\F41A"; }

.ion-ios-contacts:before {
  content: "\F161"; }

.ion-ios-contract:before {
  content: "\F162"; }

.ion-ios-contrast:before {
  content: "\F163"; }

.ion-ios-copy:before {
  content: "\F41C"; }

.ion-ios-create:before {
  content: "\F165"; }

.ion-ios-crop:before {
  content: "\F41E"; }

.ion-ios-cube:before {
  content: "\F168"; }

.ion-ios-cut:before {
  content: "\F16A"; }

.ion-ios-desktop:before {
  content: "\F16C"; }

.ion-ios-disc:before {
  content: "\F16E"; }

.ion-ios-document:before {
  content: "\F170"; }

.ion-ios-done-all:before {
  content: "\F171"; }

.ion-ios-download:before {
  content: "\F420"; }

.ion-ios-easel:before {
  content: "\F173"; }

.ion-ios-egg:before {
  content: "\F175"; }

.ion-ios-exit:before {
  content: "\F177"; }

.ion-ios-expand:before {
  content: "\F178"; }

.ion-ios-eye:before {
  content: "\F425"; }

.ion-ios-eye-off:before {
  content: "\F17A"; }

.ion-ios-fastforward:before {
  content: "\F427"; }

.ion-ios-female:before {
  content: "\F17B"; }

.ion-ios-filing:before {
  content: "\F429"; }

.ion-ios-film:before {
  content: "\F42B"; }

.ion-ios-finger-print:before {
  content: "\F17C"; }

.ion-ios-fitness:before {
  content: "\F1AB"; }

.ion-ios-flag:before {
  content: "\F42D"; }

.ion-ios-flame:before {
  content: "\F42F"; }

.ion-ios-flash:before {
  content: "\F17E"; }

.ion-ios-flash-off:before {
  content: "\F12F"; }

.ion-ios-flashlight:before {
  content: "\F141"; }

.ion-ios-flask:before {
  content: "\F431"; }

.ion-ios-flower:before {
  content: "\F433"; }

.ion-ios-folder:before {
  content: "\F435"; }

.ion-ios-folder-open:before {
  content: "\F180"; }

.ion-ios-football:before {
  content: "\F437"; }

.ion-ios-funnel:before {
  content: "\F182"; }

.ion-ios-gift:before {
  content: "\F191"; }

.ion-ios-git-branch:before {
  content: "\F183"; }

.ion-ios-git-commit:before {
  content: "\F184"; }

.ion-ios-git-compare:before {
  content: "\F185"; }

.ion-ios-git-merge:before {
  content: "\F186"; }

.ion-ios-git-network:before {
  content: "\F187"; }

.ion-ios-git-pull-request:before {
  content: "\F188"; }

.ion-ios-glasses:before {
  content: "\F43F"; }

.ion-ios-globe:before {
  content: "\F18A"; }

.ion-ios-grid:before {
  content: "\F18C"; }

.ion-ios-hammer:before {
  content: "\F18E"; }

.ion-ios-hand:before {
  content: "\F190"; }

.ion-ios-happy:before {
  content: "\F192"; }

.ion-ios-headset:before {
  content: "\F194"; }

.ion-ios-heart:before {
  content: "\F443"; }

.ion-ios-heart-dislike:before {
  content: "\F13F"; }

.ion-ios-heart-empty:before {
  content: "\F19B"; }

.ion-ios-heart-half:before {
  content: "\F19D"; }

.ion-ios-help:before {
  content: "\F446"; }

.ion-ios-help-buoy:before {
  content: "\F196"; }

.ion-ios-help-circle:before {
  content: "\F198"; }

.ion-ios-help-circle-outline:before {
  content: "\F197"; }

.ion-ios-home:before {
  content: "\F448"; }

.ion-ios-hourglass:before {
  content: "\F103"; }

.ion-ios-ice-cream:before {
  content: "\F19A"; }

.ion-ios-image:before {
  content: "\F19C"; }

.ion-ios-images:before {
  content: "\F19E"; }

.ion-ios-infinite:before {
  content: "\F44A"; }

.ion-ios-information:before {
  content: "\F44D"; }

.ion-ios-information-circle:before {
  content: "\F1A0"; }

.ion-ios-information-circle-outline:before {
  content: "\F19F"; }

.ion-ios-jet:before {
  content: "\F1A5"; }

.ion-ios-journal:before {
  content: "\F189"; }

.ion-ios-key:before {
  content: "\F1A7"; }

.ion-ios-keypad:before {
  content: "\F450"; }

.ion-ios-laptop:before {
  content: "\F1A8"; }

.ion-ios-leaf:before {
  content: "\F1AA"; }

.ion-ios-link:before {
  content: "\F22A"; }

.ion-ios-list:before {
  content: "\F454"; }

.ion-ios-list-box:before {
  content: "\F143"; }

.ion-ios-locate:before {
  content: "\F1AE"; }

.ion-ios-lock:before {
  content: "\F1B0"; }

.ion-ios-log-in:before {
  content: "\F1B1"; }

.ion-ios-log-out:before {
  content: "\F1B2"; }

.ion-ios-magnet:before {
  content: "\F1B4"; }

.ion-ios-mail:before {
  content: "\F1B8"; }

.ion-ios-mail-open:before {
  content: "\F1B6"; }

.ion-ios-mail-unread:before {
  content: "\F145"; }

.ion-ios-male:before {
  content: "\F1B9"; }

.ion-ios-man:before {
  content: "\F1BB"; }

.ion-ios-map:before {
  content: "\F1BD"; }

.ion-ios-medal:before {
  content: "\F1BF"; }

.ion-ios-medical:before {
  content: "\F45C"; }

.ion-ios-medkit:before {
  content: "\F45E"; }

.ion-ios-megaphone:before {
  content: "\F1C1"; }

.ion-ios-menu:before {
  content: "\F1C3"; }

.ion-ios-mic:before {
  content: "\F461"; }

.ion-ios-mic-off:before {
  content: "\F45F"; }

.ion-ios-microphone:before {
  content: "\F1C6"; }

.ion-ios-moon:before {
  content: "\F468"; }

.ion-ios-more:before {
  content: "\F1C8"; }

.ion-ios-move:before {
  content: "\F1CB"; }

.ion-ios-musical-note:before {
  content: "\F46B"; }

.ion-ios-musical-notes:before {
  content: "\F46C"; }

.ion-ios-navigate:before {
  content: "\F46E"; }

.ion-ios-notifications:before {
  content: "\F1D3"; }

.ion-ios-notifications-off:before {
  content: "\F1D1"; }

.ion-ios-notifications-outline:before {
  content: "\F133"; }

.ion-ios-nuclear:before {
  content: "\F1D5"; }

.ion-ios-nutrition:before {
  content: "\F470"; }

.ion-ios-open:before {
  content: "\F1D7"; }

.ion-ios-options:before {
  content: "\F1D9"; }

.ion-ios-outlet:before {
  content: "\F1DB"; }

.ion-ios-paper:before {
  content: "\F472"; }

.ion-ios-paper-plane:before {
  content: "\F1DD"; }

.ion-ios-partly-sunny:before {
  content: "\F1DF"; }

.ion-ios-pause:before {
  content: "\F478"; }

.ion-ios-paw:before {
  content: "\F47A"; }

.ion-ios-people:before {
  content: "\F47C"; }

.ion-ios-person:before {
  content: "\F47E"; }

.ion-ios-person-add:before {
  content: "\F1E1"; }

.ion-ios-phone-landscape:before {
  content: "\F1E2"; }

.ion-ios-phone-portrait:before {
  content: "\F1E3"; }

.ion-ios-photos:before {
  content: "\F482"; }

.ion-ios-pie:before {
  content: "\F484"; }

.ion-ios-pin:before {
  content: "\F1E5"; }

.ion-ios-pint:before {
  content: "\F486"; }

.ion-ios-pizza:before {
  content: "\F1E7"; }

.ion-ios-planet:before {
  content: "\F1EB"; }

.ion-ios-play:before {
  content: "\F488"; }

.ion-ios-play-circle:before {
  content: "\F113"; }

.ion-ios-podium:before {
  content: "\F1ED"; }

.ion-ios-power:before {
  content: "\F1EF"; }

.ion-ios-pricetag:before {
  content: "\F48D"; }

.ion-ios-pricetags:before {
  content: "\F48F"; }

.ion-ios-print:before {
  content: "\F1F1"; }

.ion-ios-pulse:before {
  content: "\F493"; }

.ion-ios-qr-scanner:before {
  content: "\F1F3"; }

.ion-ios-quote:before {
  content: "\F1F5"; }

.ion-ios-radio:before {
  content: "\F1F9"; }

.ion-ios-radio-button-off:before {
  content: "\F1F6"; }

.ion-ios-radio-button-on:before {
  content: "\F1F7"; }

.ion-ios-rainy:before {
  content: "\F495"; }

.ion-ios-recording:before {
  content: "\F497"; }

.ion-ios-redo:before {
  content: "\F499"; }

.ion-ios-refresh:before {
  content: "\F49C"; }

.ion-ios-refresh-circle:before {
  content: "\F135"; }

.ion-ios-remove:before {
  content: "\F1FC"; }

.ion-ios-remove-circle:before {
  content: "\F1FB"; }

.ion-ios-remove-circle-outline:before {
  content: "\F1FA"; }

.ion-ios-reorder:before {
  content: "\F1FD"; }

.ion-ios-repeat:before {
  content: "\F1FE"; }

.ion-ios-resize:before {
  content: "\F1FF"; }

.ion-ios-restaurant:before {
  content: "\F201"; }

.ion-ios-return-left:before {
  content: "\F202"; }

.ion-ios-return-right:before {
  content: "\F203"; }

.ion-ios-reverse-camera:before {
  content: "\F49F"; }

.ion-ios-rewind:before {
  content: "\F4A1"; }

.ion-ios-ribbon:before {
  content: "\F205"; }

.ion-ios-rocket:before {
  content: "\F14B"; }

.ion-ios-rose:before {
  content: "\F4A3"; }

.ion-ios-sad:before {
  content: "\F207"; }

.ion-ios-save:before {
  content: "\F1A6"; }

.ion-ios-school:before {
  content: "\F209"; }

.ion-ios-search:before {
  content: "\F4A5"; }

.ion-ios-send:before {
  content: "\F20C"; }

.ion-ios-settings:before {
  content: "\F4A7"; }

.ion-ios-share:before {
  content: "\F211"; }

.ion-ios-share-alt:before {
  content: "\F20F"; }

.ion-ios-shirt:before {
  content: "\F213"; }

.ion-ios-shuffle:before {
  content: "\F4A9"; }

.ion-ios-skip-backward:before {
  content: "\F215"; }

.ion-ios-skip-forward:before {
  content: "\F217"; }

.ion-ios-snow:before {
  content: "\F218"; }

.ion-ios-speedometer:before {
  content: "\F4B0"; }

.ion-ios-square:before {
  content: "\F21A"; }

.ion-ios-square-outline:before {
  content: "\F15C"; }

.ion-ios-star:before {
  content: "\F4B3"; }

.ion-ios-star-half:before {
  content: "\F4B1"; }

.ion-ios-star-outline:before {
  content: "\F4B2"; }

.ion-ios-stats:before {
  content: "\F21C"; }

.ion-ios-stopwatch:before {
  content: "\F4B5"; }

.ion-ios-subway:before {
  content: "\F21E"; }

.ion-ios-sunny:before {
  content: "\F4B7"; }

.ion-ios-swap:before {
  content: "\F21F"; }

.ion-ios-switch:before {
  content: "\F221"; }

.ion-ios-sync:before {
  content: "\F222"; }

.ion-ios-tablet-landscape:before {
  content: "\F223"; }

.ion-ios-tablet-portrait:before {
  content: "\F24E"; }

.ion-ios-tennisball:before {
  content: "\F4BB"; }

.ion-ios-text:before {
  content: "\F250"; }

.ion-ios-thermometer:before {
  content: "\F252"; }

.ion-ios-thumbs-down:before {
  content: "\F254"; }

.ion-ios-thumbs-up:before {
  content: "\F256"; }

.ion-ios-thunderstorm:before {
  content: "\F4BD"; }

.ion-ios-time:before {
  content: "\F4BF"; }

.ion-ios-timer:before {
  content: "\F4C1"; }

.ion-ios-today:before {
  content: "\F14F"; }

.ion-ios-train:before {
  content: "\F258"; }

.ion-ios-transgender:before {
  content: "\F259"; }

.ion-ios-trash:before {
  content: "\F4C5"; }

.ion-ios-trending-down:before {
  content: "\F25A"; }

.ion-ios-trending-up:before {
  content: "\F25B"; }

.ion-ios-trophy:before {
  content: "\F25D"; }

.ion-ios-tv:before {
  content: "\F115"; }

.ion-ios-umbrella:before {
  content: "\F25F"; }

.ion-ios-undo:before {
  content: "\F4C7"; }

.ion-ios-unlock:before {
  content: "\F261"; }

.ion-ios-videocam:before {
  content: "\F4CD"; }

.ion-ios-volume-high:before {
  content: "\F11C"; }

.ion-ios-volume-low:before {
  content: "\F11E"; }

.ion-ios-volume-mute:before {
  content: "\F263"; }

.ion-ios-volume-off:before {
  content: "\F264"; }

.ion-ios-walk:before {
  content: "\F266"; }

.ion-ios-wallet:before {
  content: "\F18B"; }

.ion-ios-warning:before {
  content: "\F268"; }

.ion-ios-watch:before {
  content: "\F269"; }

.ion-ios-water:before {
  content: "\F26B"; }

.ion-ios-wifi:before {
  content: "\F26D"; }

.ion-ios-wine:before {
  content: "\F26F"; }

.ion-ios-woman:before {
  content: "\F271"; }

.ion-logo-android:before {
  content: "\F225"; }

.ion-logo-angular:before {
  content: "\F227"; }

.ion-logo-apple:before {
  content: "\F229"; }

.ion-logo-bitbucket:before {
  content: "\F193"; }

.ion-logo-bitcoin:before {
  content: "\F22B"; }

.ion-logo-buffer:before {
  content: "\F22D"; }

.ion-logo-chrome:before {
  content: "\F22F"; }

.ion-logo-closed-captioning:before {
  content: "\F105"; }

.ion-logo-codepen:before {
  content: "\F230"; }

.ion-logo-css3:before {
  content: "\F231"; }

.ion-logo-designernews:before {
  content: "\F232"; }

.ion-logo-dribbble:before {
  content: "\F233"; }

.ion-logo-dropbox:before {
  content: "\F234"; }

.ion-logo-euro:before {
  content: "\F235"; }

.ion-logo-facebook:before {
  content: "\F236"; }

.ion-logo-flickr:before {
  content: "\F107"; }

.ion-logo-foursquare:before {
  content: "\F237"; }

.ion-logo-freebsd-devil:before {
  content: "\F238"; }

.ion-logo-game-controller-a:before {
  content: "\F13B"; }

.ion-logo-game-controller-b:before {
  content: "\F181"; }

.ion-logo-github:before {
  content: "\F239"; }

.ion-logo-google:before {
  content: "\F23A"; }

.ion-logo-googleplus:before {
  content: "\F23B"; }

.ion-logo-hackernews:before {
  content: "\F23C"; }

.ion-logo-html5:before {
  content: "\F23D"; }

.ion-logo-instagram:before {
  content: "\F23E"; }

.ion-logo-ionic:before {
  content: "\F150"; }

.ion-logo-ionitron:before {
  content: "\F151"; }

.ion-logo-javascript:before {
  content: "\F23F"; }

.ion-logo-linkedin:before {
  content: "\F240"; }

.ion-logo-markdown:before {
  content: "\F241"; }

.ion-logo-model-s:before {
  content: "\F153"; }

.ion-logo-no-smoking:before {
  content: "\F109"; }

.ion-logo-nodejs:before {
  content: "\F242"; }

.ion-logo-npm:before {
  content: "\F195"; }

.ion-logo-octocat:before {
  content: "\F243"; }

.ion-logo-pinterest:before {
  content: "\F244"; }

.ion-logo-playstation:before {
  content: "\F245"; }

.ion-logo-polymer:before {
  content: "\F15E"; }

.ion-logo-python:before {
  content: "\F246"; }

.ion-logo-reddit:before {
  content: "\F247"; }

.ion-logo-rss:before {
  content: "\F248"; }

.ion-logo-sass:before {
  content: "\F249"; }

.ion-logo-skype:before {
  content: "\F24A"; }

.ion-logo-slack:before {
  content: "\F10B"; }

.ion-logo-snapchat:before {
  content: "\F24B"; }

.ion-logo-steam:before {
  content: "\F24C"; }

.ion-logo-tumblr:before {
  content: "\F24D"; }

.ion-logo-tux:before {
  content: "\F2AE"; }

.ion-logo-twitch:before {
  content: "\F2AF"; }

.ion-logo-twitter:before {
  content: "\F2B0"; }

.ion-logo-usd:before {
  content: "\F2B1"; }

.ion-logo-vimeo:before {
  content: "\F2C4"; }

.ion-logo-vk:before {
  content: "\F10D"; }

.ion-logo-whatsapp:before {
  content: "\F2C5"; }

.ion-logo-windows:before {
  content: "\F32F"; }

.ion-logo-wordpress:before {
  content: "\F330"; }

.ion-logo-xbox:before {
  content: "\F34C"; }

.ion-logo-xing:before {
  content: "\F10F"; }

.ion-logo-yahoo:before {
  content: "\F34D"; }

.ion-logo-yen:before {
  content: "\F34E"; }

.ion-logo-youtube:before {
  content: "\F34F"; }

.ion-md-add:before {
  content: "\F273"; }

.ion-md-add-circle:before {
  content: "\F272"; }

.ion-md-add-circle-outline:before {
  content: "\F158"; }

.ion-md-airplane:before {
  content: "\F15A"; }

.ion-md-alarm:before {
  content: "\F274"; }

.ion-md-albums:before {
  content: "\F275"; }

.ion-md-alert:before {
  content: "\F276"; }

.ion-md-american-football:before {
  content: "\F277"; }

.ion-md-analytics:before {
  content: "\F278"; }

.ion-md-aperture:before {
  content: "\F279"; }

.ion-md-apps:before {
  content: "\F27A"; }

.ion-md-appstore:before {
  content: "\F27B"; }

.ion-md-archive:before {
  content: "\F27C"; }

.ion-md-arrow-back:before {
  content: "\F27D"; }

.ion-md-arrow-down:before {
  content: "\F27E"; }

.ion-md-arrow-dropdown:before {
  content: "\F280"; }

.ion-md-arrow-dropdown-circle:before {
  content: "\F27F"; }

.ion-md-arrow-dropleft:before {
  content: "\F282"; }

.ion-md-arrow-dropleft-circle:before {
  content: "\F281"; }

.ion-md-arrow-dropright:before {
  content: "\F284"; }

.ion-md-arrow-dropright-circle:before {
  content: "\F283"; }

.ion-md-arrow-dropup:before {
  content: "\F286"; }

.ion-md-arrow-dropup-circle:before {
  content: "\F285"; }

.ion-md-arrow-forward:before {
  content: "\F287"; }

.ion-md-arrow-round-back:before {
  content: "\F288"; }

.ion-md-arrow-round-down:before {
  content: "\F289"; }

.ion-md-arrow-round-forward:before {
  content: "\F28A"; }

.ion-md-arrow-round-up:before {
  content: "\F28B"; }

.ion-md-arrow-up:before {
  content: "\F28C"; }

.ion-md-at:before {
  content: "\F28D"; }

.ion-md-attach:before {
  content: "\F28E"; }

.ion-md-backspace:before {
  content: "\F28F"; }

.ion-md-barcode:before {
  content: "\F290"; }

.ion-md-baseball:before {
  content: "\F291"; }

.ion-md-basket:before {
  content: "\F292"; }

.ion-md-basketball:before {
  content: "\F293"; }

.ion-md-battery-charging:before {
  content: "\F294"; }

.ion-md-battery-dead:before {
  content: "\F295"; }

.ion-md-battery-full:before {
  content: "\F296"; }

.ion-md-beaker:before {
  content: "\F297"; }

.ion-md-bed:before {
  content: "\F160"; }

.ion-md-beer:before {
  content: "\F298"; }

.ion-md-bicycle:before {
  content: "\F299"; }

.ion-md-bluetooth:before {
  content: "\F29A"; }

.ion-md-boat:before {
  content: "\F29B"; }

.ion-md-body:before {
  content: "\F29C"; }

.ion-md-bonfire:before {
  content: "\F29D"; }

.ion-md-book:before {
  content: "\F29E"; }

.ion-md-bookmark:before {
  content: "\F29F"; }

.ion-md-bookmarks:before {
  content: "\F2A0"; }

.ion-md-bowtie:before {
  content: "\F2A1"; }

.ion-md-briefcase:before {
  content: "\F2A2"; }

.ion-md-browsers:before {
  content: "\F2A3"; }

.ion-md-brush:before {
  content: "\F2A4"; }

.ion-md-bug:before {
  content: "\F2A5"; }

.ion-md-build:before {
  content: "\F2A6"; }

.ion-md-bulb:before {
  content: "\F2A7"; }

.ion-md-bus:before {
  content: "\F2A8"; }

.ion-md-business:before {
  content: "\F1A4"; }

.ion-md-cafe:before {
  content: "\F2A9"; }

.ion-md-calculator:before {
  content: "\F2AA"; }

.ion-md-calendar:before {
  content: "\F2AB"; }

.ion-md-call:before {
  content: "\F2AC"; }

.ion-md-camera:before {
  content: "\F2AD"; }

.ion-md-car:before {
  content: "\F2B2"; }

.ion-md-card:before {
  content: "\F2B3"; }

.ion-md-cart:before {
  content: "\F2B4"; }

.ion-md-cash:before {
  content: "\F2B5"; }

.ion-md-cellular:before {
  content: "\F164"; }

.ion-md-chatboxes:before {
  content: "\F2B6"; }

.ion-md-chatbubbles:before {
  content: "\F2B7"; }

.ion-md-checkbox:before {
  content: "\F2B9"; }

.ion-md-checkbox-outline:before {
  content: "\F2B8"; }

.ion-md-checkmark:before {
  content: "\F2BC"; }

.ion-md-checkmark-circle:before {
  content: "\F2BB"; }

.ion-md-checkmark-circle-outline:before {
  content: "\F2BA"; }

.ion-md-clipboard:before {
  content: "\F2BD"; }

.ion-md-clock:before {
  content: "\F2BE"; }

.ion-md-close:before {
  content: "\F2C0"; }

.ion-md-close-circle:before {
  content: "\F2BF"; }

.ion-md-close-circle-outline:before {
  content: "\F166"; }

.ion-md-cloud:before {
  content: "\F2C9"; }

.ion-md-cloud-circle:before {
  content: "\F2C2"; }

.ion-md-cloud-done:before {
  content: "\F2C3"; }

.ion-md-cloud-download:before {
  content: "\F2C6"; }

.ion-md-cloud-outline:before {
  content: "\F2C7"; }

.ion-md-cloud-upload:before {
  content: "\F2C8"; }

.ion-md-cloudy:before {
  content: "\F2CB"; }

.ion-md-cloudy-night:before {
  content: "\F2CA"; }

.ion-md-code:before {
  content: "\F2CE"; }

.ion-md-code-download:before {
  content: "\F2CC"; }

.ion-md-code-working:before {
  content: "\F2CD"; }

.ion-md-cog:before {
  content: "\F2CF"; }

.ion-md-color-fill:before {
  content: "\F2D0"; }

.ion-md-color-filter:before {
  content: "\F2D1"; }

.ion-md-color-palette:before {
  content: "\F2D2"; }

.ion-md-color-wand:before {
  content: "\F2D3"; }

.ion-md-compass:before {
  content: "\F2D4"; }

.ion-md-construct:before {
  content: "\F2D5"; }

.ion-md-contact:before {
  content: "\F2D6"; }

.ion-md-contacts:before {
  content: "\F2D7"; }

.ion-md-contract:before {
  content: "\F2D8"; }

.ion-md-contrast:before {
  content: "\F2D9"; }

.ion-md-copy:before {
  content: "\F2DA"; }

.ion-md-create:before {
  content: "\F2DB"; }

.ion-md-crop:before {
  content: "\F2DC"; }

.ion-md-cube:before {
  content: "\F2DD"; }

.ion-md-cut:before {
  content: "\F2DE"; }

.ion-md-desktop:before {
  content: "\F2DF"; }

.ion-md-disc:before {
  content: "\F2E0"; }

.ion-md-document:before {
  content: "\F2E1"; }

.ion-md-done-all:before {
  content: "\F2E2"; }

.ion-md-download:before {
  content: "\F2E3"; }

.ion-md-easel:before {
  content: "\F2E4"; }

.ion-md-egg:before {
  content: "\F2E5"; }

.ion-md-exit:before {
  content: "\F2E6"; }

.ion-md-expand:before {
  content: "\F2E7"; }

.ion-md-eye:before {
  content: "\F2E9"; }

.ion-md-eye-off:before {
  content: "\F2E8"; }

.ion-md-fastforward:before {
  content: "\F2EA"; }

.ion-md-female:before {
  content: "\F2EB"; }

.ion-md-filing:before {
  content: "\F2EC"; }

.ion-md-film:before {
  content: "\F2ED"; }

.ion-md-finger-print:before {
  content: "\F2EE"; }

.ion-md-fitness:before {
  content: "\F1AC"; }

.ion-md-flag:before {
  content: "\F2EF"; }

.ion-md-flame:before {
  content: "\F2F0"; }

.ion-md-flash:before {
  content: "\F2F1"; }

.ion-md-flash-off:before {
  content: "\F169"; }

.ion-md-flashlight:before {
  content: "\F16B"; }

.ion-md-flask:before {
  content: "\F2F2"; }

.ion-md-flower:before {
  content: "\F2F3"; }

.ion-md-folder:before {
  content: "\F2F5"; }

.ion-md-folder-open:before {
  content: "\F2F4"; }

.ion-md-football:before {
  content: "\F2F6"; }

.ion-md-funnel:before {
  content: "\F2F7"; }

.ion-md-gift:before {
  content: "\F199"; }

.ion-md-git-branch:before {
  content: "\F2FA"; }

.ion-md-git-commit:before {
  content: "\F2FB"; }

.ion-md-git-compare:before {
  content: "\F2FC"; }

.ion-md-git-merge:before {
  content: "\F2FD"; }

.ion-md-git-network:before {
  content: "\F2FE"; }

.ion-md-git-pull-request:before {
  content: "\F2FF"; }

.ion-md-glasses:before {
  content: "\F300"; }

.ion-md-globe:before {
  content: "\F301"; }

.ion-md-grid:before {
  content: "\F302"; }

.ion-md-hammer:before {
  content: "\F303"; }

.ion-md-hand:before {
  content: "\F304"; }

.ion-md-happy:before {
  content: "\F305"; }

.ion-md-headset:before {
  content: "\F306"; }

.ion-md-heart:before {
  content: "\F308"; }

.ion-md-heart-dislike:before {
  content: "\F167"; }

.ion-md-heart-empty:before {
  content: "\F1A1"; }

.ion-md-heart-half:before {
  content: "\F1A2"; }

.ion-md-help:before {
  content: "\F30B"; }

.ion-md-help-buoy:before {
  content: "\F309"; }

.ion-md-help-circle:before {
  content: "\F30A"; }

.ion-md-help-circle-outline:before {
  content: "\F16D"; }

.ion-md-home:before {
  content: "\F30C"; }

.ion-md-hourglass:before {
  content: "\F111"; }

.ion-md-ice-cream:before {
  content: "\F30D"; }

.ion-md-image:before {
  content: "\F30E"; }

.ion-md-images:before {
  content: "\F30F"; }

.ion-md-infinite:before {
  content: "\F310"; }

.ion-md-information:before {
  content: "\F312"; }

.ion-md-information-circle:before {
  content: "\F311"; }

.ion-md-information-circle-outline:before {
  content: "\F16F"; }

.ion-md-jet:before {
  content: "\F315"; }

.ion-md-journal:before {
  content: "\F18D"; }

.ion-md-key:before {
  content: "\F316"; }

.ion-md-keypad:before {
  content: "\F317"; }

.ion-md-laptop:before {
  content: "\F318"; }

.ion-md-leaf:before {
  content: "\F319"; }

.ion-md-link:before {
  content: "\F22E"; }

.ion-md-list:before {
  content: "\F31B"; }

.ion-md-list-box:before {
  content: "\F31A"; }

.ion-md-locate:before {
  content: "\F31C"; }

.ion-md-lock:before {
  content: "\F31D"; }

.ion-md-log-in:before {
  content: "\F31E"; }

.ion-md-log-out:before {
  content: "\F31F"; }

.ion-md-magnet:before {
  content: "\F320"; }

.ion-md-mail:before {
  content: "\F322"; }

.ion-md-mail-open:before {
  content: "\F321"; }

.ion-md-mail-unread:before {
  content: "\F172"; }

.ion-md-male:before {
  content: "\F323"; }

.ion-md-man:before {
  content: "\F324"; }

.ion-md-map:before {
  content: "\F325"; }

.ion-md-medal:before {
  content: "\F326"; }

.ion-md-medical:before {
  content: "\F327"; }

.ion-md-medkit:before {
  content: "\F328"; }

.ion-md-megaphone:before {
  content: "\F329"; }

.ion-md-menu:before {
  content: "\F32A"; }

.ion-md-mic:before {
  content: "\F32C"; }

.ion-md-mic-off:before {
  content: "\F32B"; }

.ion-md-microphone:before {
  content: "\F32D"; }

.ion-md-moon:before {
  content: "\F32E"; }

.ion-md-more:before {
  content: "\F1C9"; }

.ion-md-move:before {
  content: "\F331"; }

.ion-md-musical-note:before {
  content: "\F332"; }

.ion-md-musical-notes:before {
  content: "\F333"; }

.ion-md-navigate:before {
  content: "\F334"; }

.ion-md-notifications:before {
  content: "\F338"; }

.ion-md-notifications-off:before {
  content: "\F336"; }

.ion-md-notifications-outline:before {
  content: "\F337"; }

.ion-md-nuclear:before {
  content: "\F339"; }

.ion-md-nutrition:before {
  content: "\F33A"; }

.ion-md-open:before {
  content: "\F33B"; }

.ion-md-options:before {
  content: "\F33C"; }

.ion-md-outlet:before {
  content: "\F33D"; }

.ion-md-paper:before {
  content: "\F33F"; }

.ion-md-paper-plane:before {
  content: "\F33E"; }

.ion-md-partly-sunny:before {
  content: "\F340"; }

.ion-md-pause:before {
  content: "\F341"; }

.ion-md-paw:before {
  content: "\F342"; }

.ion-md-people:before {
  content: "\F343"; }

.ion-md-person:before {
  content: "\F345"; }

.ion-md-person-add:before {
  content: "\F344"; }

.ion-md-phone-landscape:before {
  content: "\F346"; }

.ion-md-phone-portrait:before {
  content: "\F347"; }

.ion-md-photos:before {
  content: "\F348"; }

.ion-md-pie:before {
  content: "\F349"; }

.ion-md-pin:before {
  content: "\F34A"; }

.ion-md-pint:before {
  content: "\F34B"; }

.ion-md-pizza:before {
  content: "\F354"; }

.ion-md-planet:before {
  content: "\F356"; }

.ion-md-play:before {
  content: "\F357"; }

.ion-md-play-circle:before {
  content: "\F174"; }

.ion-md-podium:before {
  content: "\F358"; }

.ion-md-power:before {
  content: "\F359"; }

.ion-md-pricetag:before {
  content: "\F35A"; }

.ion-md-pricetags:before {
  content: "\F35B"; }

.ion-md-print:before {
  content: "\F35C"; }

.ion-md-pulse:before {
  content: "\F35D"; }

.ion-md-qr-scanner:before {
  content: "\F35E"; }

.ion-md-quote:before {
  content: "\F35F"; }

.ion-md-radio:before {
  content: "\F362"; }

.ion-md-radio-button-off:before {
  content: "\F360"; }

.ion-md-radio-button-on:before {
  content: "\F361"; }

.ion-md-rainy:before {
  content: "\F363"; }

.ion-md-recording:before {
  content: "\F364"; }

.ion-md-redo:before {
  content: "\F365"; }

.ion-md-refresh:before {
  content: "\F366"; }

.ion-md-refresh-circle:before {
  content: "\F228"; }

.ion-md-remove:before {
  content: "\F368"; }

.ion-md-remove-circle:before {
  content: "\F367"; }

.ion-md-remove-circle-outline:before {
  content: "\F176"; }

.ion-md-reorder:before {
  content: "\F369"; }

.ion-md-repeat:before {
  content: "\F36A"; }

.ion-md-resize:before {
  content: "\F36B"; }

.ion-md-restaurant:before {
  content: "\F36C"; }

.ion-md-return-left:before {
  content: "\F36D"; }

.ion-md-return-right:before {
  content: "\F36E"; }

.ion-md-reverse-camera:before {
  content: "\F36F"; }

.ion-md-rewind:before {
  content: "\F370"; }

.ion-md-ribbon:before {
  content: "\F371"; }

.ion-md-rocket:before {
  content: "\F179"; }

.ion-md-rose:before {
  content: "\F372"; }

.ion-md-sad:before {
  content: "\F373"; }

.ion-md-save:before {
  content: "\F1A9"; }

.ion-md-school:before {
  content: "\F374"; }

.ion-md-search:before {
  content: "\F375"; }

.ion-md-send:before {
  content: "\F376"; }

.ion-md-settings:before {
  content: "\F377"; }

.ion-md-share:before {
  content: "\F379"; }

.ion-md-share-alt:before {
  content: "\F378"; }

.ion-md-shirt:before {
  content: "\F37A"; }

.ion-md-shuffle:before {
  content: "\F37B"; }

.ion-md-skip-backward:before {
  content: "\F37C"; }

.ion-md-skip-forward:before {
  content: "\F37D"; }

.ion-md-snow:before {
  content: "\F37E"; }

.ion-md-speedometer:before {
  content: "\F37F"; }

.ion-md-square:before {
  content: "\F381"; }

.ion-md-square-outline:before {
  content: "\F380"; }

.ion-md-star:before {
  content: "\F384"; }

.ion-md-star-half:before {
  content: "\F382"; }

.ion-md-star-outline:before {
  content: "\F383"; }

.ion-md-stats:before {
  content: "\F385"; }

.ion-md-stopwatch:before {
  content: "\F386"; }

.ion-md-subway:before {
  content: "\F387"; }

.ion-md-sunny:before {
  content: "\F388"; }

.ion-md-swap:before {
  content: "\F389"; }

.ion-md-switch:before {
  content: "\F38A"; }

.ion-md-sync:before {
  content: "\F38B"; }

.ion-md-tablet-landscape:before {
  content: "\F38C"; }

.ion-md-tablet-portrait:before {
  content: "\F38D"; }

.ion-md-tennisball:before {
  content: "\F38E"; }

.ion-md-text:before {
  content: "\F38F"; }

.ion-md-thermometer:before {
  content: "\F390"; }

.ion-md-thumbs-down:before {
  content: "\F391"; }

.ion-md-thumbs-up:before {
  content: "\F392"; }

.ion-md-thunderstorm:before {
  content: "\F393"; }

.ion-md-time:before {
  content: "\F394"; }

.ion-md-timer:before {
  content: "\F395"; }

.ion-md-today:before {
  content: "\F17D"; }

.ion-md-train:before {
  content: "\F396"; }

.ion-md-transgender:before {
  content: "\F397"; }

.ion-md-trash:before {
  content: "\F398"; }

.ion-md-trending-down:before {
  content: "\F399"; }

.ion-md-trending-up:before {
  content: "\F39A"; }

.ion-md-trophy:before {
  content: "\F39B"; }

.ion-md-tv:before {
  content: "\F17F"; }

.ion-md-umbrella:before {
  content: "\F39C"; }

.ion-md-undo:before {
  content: "\F39D"; }

.ion-md-unlock:before {
  content: "\F39E"; }

.ion-md-videocam:before {
  content: "\F39F"; }

.ion-md-volume-high:before {
  content: "\F123"; }

.ion-md-volume-low:before {
  content: "\F131"; }

.ion-md-volume-mute:before {
  content: "\F3A1"; }

.ion-md-volume-off:before {
  content: "\F3A2"; }

.ion-md-walk:before {
  content: "\F3A4"; }

.ion-md-wallet:before {
  content: "\F18F"; }

.ion-md-warning:before {
  content: "\F3A5"; }

.ion-md-watch:before {
  content: "\F3A6"; }

.ion-md-water:before {
  content: "\F3A7"; }

.ion-md-wifi:before {
  content: "\F3A8"; }

.ion-md-wine:before {
  content: "\F3A9"; }

.ion-md-woman:before {
  content: "\F3AA"; }

/* @import '~font-awesome/scss/font-awesome'; */
/*!
 * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.slick--alert::before,
.card-columns--index .card-body--hot::after,
.video-js.player--university.vjs-ended + .vjs-redo::before,
.forum-menu__btn::after,
.forum-posts--list .forum-post::after,
.far,
.fal,
.fab,
.card--video figure::after,
.video-js.player--university .vjs-big-play-button .vjs-icon-placeholder:before,
.img--video::after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.fa-pull-left.slick--alert::before,
.card-columns--index .fa-pull-left.card-body--hot::after,
.video-js.player--university.vjs-ended + .fa-pull-left.vjs-redo::before,
.fa-pull-left.forum-menu__btn::after,
.forum-posts--list .fa-pull-left.forum-post::after,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left,
.card--video figure.fa-pull-left::after,
.video-js.player--university .vjs-big-play-button .fa-pull-left.vjs-icon-placeholder:before,
.fa-pull-left.img--video::after {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.fa-pull-right.slick--alert::before,
.card-columns--index .fa-pull-right.card-body--hot::after,
.video-js.player--university.vjs-ended + .fa-pull-right.vjs-redo::before,
.fa-pull-right.forum-menu__btn::after,
.forum-posts--list .fa-pull-right.forum-post::after,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right,
.card--video figure.fa-pull-right::after,
.video-js.player--university .vjs-big-play-button .fa-pull-right.vjs-icon-placeholder:before,
.fa-pull-right.img--video::after {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\F26E"; }

.fa-accessible-icon:before {
  content: "\F368"; }

.fa-accusoft:before {
  content: "\F369"; }

.fa-ad:before {
  content: "\F641"; }

.fa-address-book:before {
  content: "\F2B9"; }

.fa-address-card:before {
  content: "\F2BB"; }

.fa-adjust:before {
  content: "\F042"; }

.fa-adn:before {
  content: "\F170"; }

.fa-adversal:before {
  content: "\F36A"; }

.fa-affiliatetheme:before {
  content: "\F36B"; }

.fa-air-freshener:before {
  content: "\F5D0"; }

.fa-algolia:before {
  content: "\F36C"; }

.fa-align-center:before {
  content: "\F037"; }

.fa-align-justify:before {
  content: "\F039"; }

.fa-align-left:before {
  content: "\F036"; }

.fa-align-right:before {
  content: "\F038"; }

.fa-alipay:before {
  content: "\F642"; }

.fa-allergies:before {
  content: "\F461"; }

.fa-amazon:before {
  content: "\F270"; }

.fa-amazon-pay:before {
  content: "\F42C"; }

.fa-ambulance:before {
  content: "\F0F9"; }

.fa-american-sign-language-interpreting:before {
  content: "\F2A3"; }

.fa-amilia:before {
  content: "\F36D"; }

.fa-anchor:before {
  content: "\F13D"; }

.fa-android:before {
  content: "\F17B"; }

.fa-angellist:before {
  content: "\F209"; }

.fa-angle-double-down:before {
  content: "\F103"; }

.fa-angle-double-left:before {
  content: "\F100"; }

.fa-angle-double-right:before {
  content: "\F101"; }

.fa-angle-double-up:before {
  content: "\F102"; }

.fa-angle-down:before {
  content: "\F107"; }

.fa-angle-left:before {
  content: "\F104"; }

.fa-angle-right:before {
  content: "\F105"; }

.fa-angle-up:before {
  content: "\F106"; }

.fa-angry:before {
  content: "\F556"; }

.fa-angrycreative:before {
  content: "\F36E"; }

.fa-angular:before {
  content: "\F420"; }

.fa-ankh:before {
  content: "\F644"; }

.fa-app-store:before {
  content: "\F36F"; }

.fa-app-store-ios:before {
  content: "\F370"; }

.fa-apper:before {
  content: "\F371"; }

.fa-apple:before {
  content: "\F179"; }

.fa-apple-alt:before {
  content: "\F5D1"; }

.fa-apple-pay:before {
  content: "\F415"; }

.fa-archive:before {
  content: "\F187"; }

.fa-archway:before {
  content: "\F557"; }

.fa-arrow-alt-circle-down:before {
  content: "\F358"; }

.fa-arrow-alt-circle-left:before {
  content: "\F359"; }

.fa-arrow-alt-circle-right:before {
  content: "\F35A"; }

.fa-arrow-alt-circle-up:before {
  content: "\F35B"; }

.fa-arrow-circle-down:before {
  content: "\F0AB"; }

.fa-arrow-circle-left:before {
  content: "\F0A8"; }

.fa-arrow-circle-right:before {
  content: "\F0A9"; }

.fa-arrow-circle-up:before {
  content: "\F0AA"; }

.fa-arrow-down:before {
  content: "\F063"; }

.fa-arrow-left:before {
  content: "\F060"; }

.fa-arrow-right:before {
  content: "\F061"; }

.fa-arrow-up:before {
  content: "\F062"; }

.fa-arrows-alt:before {
  content: "\F0B2"; }

.fa-arrows-alt-h:before {
  content: "\F337"; }

.fa-arrows-alt-v:before {
  content: "\F338"; }

.fa-assistive-listening-systems:before {
  content: "\F2A2"; }

.fa-asterisk:before {
  content: "\F069"; }

.fa-asymmetrik:before {
  content: "\F372"; }

.fa-at:before {
  content: "\F1FA"; }

.fa-atlas:before {
  content: "\F558"; }

.fa-atom:before {
  content: "\F5D2"; }

.fa-audible:before {
  content: "\F373"; }

.fa-audio-description:before {
  content: "\F29E"; }

.fa-autoprefixer:before {
  content: "\F41C"; }

.fa-avianex:before {
  content: "\F374"; }

.fa-aviato:before {
  content: "\F421"; }

.fa-award:before {
  content: "\F559"; }

.fa-aws:before {
  content: "\F375"; }

.fa-backspace:before {
  content: "\F55A"; }

.fa-backward:before {
  content: "\F04A"; }

.fa-balance-scale:before {
  content: "\F24E"; }

.fa-ban:before {
  content: "\F05E"; }

.fa-band-aid:before {
  content: "\F462"; }

.fa-bandcamp:before {
  content: "\F2D5"; }

.fa-barcode:before {
  content: "\F02A"; }

.fa-bars:before {
  content: "\F0C9"; }

.fa-baseball-ball:before {
  content: "\F433"; }

.fa-basketball-ball:before {
  content: "\F434"; }

.fa-bath:before {
  content: "\F2CD"; }

.fa-battery-empty:before {
  content: "\F244"; }

.fa-battery-full:before {
  content: "\F240"; }

.fa-battery-half:before {
  content: "\F242"; }

.fa-battery-quarter:before {
  content: "\F243"; }

.fa-battery-three-quarters:before {
  content: "\F241"; }

.fa-bed:before {
  content: "\F236"; }

.fa-beer:before {
  content: "\F0FC"; }

.fa-behance:before {
  content: "\F1B4"; }

.fa-behance-square:before {
  content: "\F1B5"; }

.fa-bell:before {
  content: "\F0F3"; }

.fa-bell-slash:before {
  content: "\F1F6"; }

.fa-bezier-curve:before {
  content: "\F55B"; }

.fa-bible:before {
  content: "\F647"; }

.fa-bicycle:before {
  content: "\F206"; }

.fa-bimobject:before {
  content: "\F378"; }

.fa-binoculars:before {
  content: "\F1E5"; }

.fa-birthday-cake:before {
  content: "\F1FD"; }

.fa-bitbucket:before {
  content: "\F171"; }

.fa-bitcoin:before {
  content: "\F379"; }

.fa-bity:before {
  content: "\F37A"; }

.fa-black-tie:before {
  content: "\F27E"; }

.fa-blackberry:before {
  content: "\F37B"; }

.fa-blender:before {
  content: "\F517"; }

.fa-blind:before {
  content: "\F29D"; }

.fa-blogger:before {
  content: "\F37C"; }

.fa-blogger-b:before {
  content: "\F37D"; }

.fa-bluetooth:before {
  content: "\F293"; }

.fa-bluetooth-b:before {
  content: "\F294"; }

.fa-bold:before {
  content: "\F032"; }

.fa-bolt:before {
  content: "\F0E7"; }

.fa-bomb:before {
  content: "\F1E2"; }

.fa-bone:before {
  content: "\F5D7"; }

.fa-bong:before {
  content: "\F55C"; }

.fa-book:before {
  content: "\F02D"; }

.fa-book-open:before {
  content: "\F518"; }

.fa-book-reader:before {
  content: "\F5DA"; }

.fa-bookmark:before {
  content: "\F02E"; }

.fa-bowling-ball:before {
  content: "\F436"; }

.fa-box:before {
  content: "\F466"; }

.fa-box-open:before {
  content: "\F49E"; }

.fa-boxes:before {
  content: "\F468"; }

.fa-braille:before {
  content: "\F2A1"; }

.fa-brain:before {
  content: "\F5DC"; }

.fa-briefcase:before {
  content: "\F0B1"; }

.fa-briefcase-medical:before {
  content: "\F469"; }

.fa-broadcast-tower:before {
  content: "\F519"; }

.fa-broom:before {
  content: "\F51A"; }

.fa-brush:before {
  content: "\F55D"; }

.fa-btc:before {
  content: "\F15A"; }

.fa-bug:before {
  content: "\F188"; }

.fa-building:before {
  content: "\F1AD"; }

.fa-bullhorn:before {
  content: "\F0A1"; }

.fa-bullseye:before {
  content: "\F140"; }

.fa-burn:before {
  content: "\F46A"; }

.fa-buromobelexperte:before {
  content: "\F37F"; }

.fa-bus:before {
  content: "\F207"; }

.fa-bus-alt:before {
  content: "\F55E"; }

.fa-business-time:before {
  content: "\F64A"; }

.fa-buysellads:before {
  content: "\F20D"; }

.fa-calculator:before {
  content: "\F1EC"; }

.fa-calendar:before {
  content: "\F133"; }

.fa-calendar-alt:before {
  content: "\F073"; }

.fa-calendar-check:before {
  content: "\F274"; }

.fa-calendar-minus:before {
  content: "\F272"; }

.fa-calendar-plus:before {
  content: "\F271"; }

.fa-calendar-times:before {
  content: "\F273"; }

.fa-camera:before {
  content: "\F030"; }

.fa-camera-retro:before {
  content: "\F083"; }

.fa-cannabis:before {
  content: "\F55F"; }

.fa-capsules:before {
  content: "\F46B"; }

.fa-car:before {
  content: "\F1B9"; }

.fa-car-alt:before {
  content: "\F5DE"; }

.fa-car-battery:before {
  content: "\F5DF"; }

.fa-car-crash:before {
  content: "\F5E1"; }

.fa-car-side:before {
  content: "\F5E4"; }

.fa-caret-down:before {
  content: "\F0D7"; }

.fa-caret-left:before {
  content: "\F0D9"; }

.fa-caret-right:before {
  content: "\F0DA"; }

.fa-caret-square-down:before {
  content: "\F150"; }

.fa-caret-square-left:before {
  content: "\F191"; }

.fa-caret-square-right:before {
  content: "\F152"; }

.fa-caret-square-up:before {
  content: "\F151"; }

.fa-caret-up:before {
  content: "\F0D8"; }

.fa-cart-arrow-down:before {
  content: "\F218"; }

.fa-cart-plus:before {
  content: "\F217"; }

.fa-cc-amazon-pay:before {
  content: "\F42D"; }

.fa-cc-amex:before {
  content: "\F1F3"; }

.fa-cc-apple-pay:before {
  content: "\F416"; }

.fa-cc-diners-club:before {
  content: "\F24C"; }

.fa-cc-discover:before {
  content: "\F1F2"; }

.fa-cc-jcb:before {
  content: "\F24B"; }

.fa-cc-mastercard:before {
  content: "\F1F1"; }

.fa-cc-paypal:before {
  content: "\F1F4"; }

.fa-cc-stripe:before {
  content: "\F1F5"; }

.fa-cc-visa:before {
  content: "\F1F0"; }

.fa-centercode:before {
  content: "\F380"; }

.fa-certificate:before {
  content: "\F0A3"; }

.fa-chalkboard:before {
  content: "\F51B"; }

.fa-chalkboard-teacher:before {
  content: "\F51C"; }

.fa-charging-station:before {
  content: "\F5E7"; }

.fa-chart-area:before {
  content: "\F1FE"; }

.fa-chart-bar:before {
  content: "\F080"; }

.fa-chart-line:before {
  content: "\F201"; }

.fa-chart-pie:before {
  content: "\F200"; }

.fa-check:before {
  content: "\F00C"; }

.fa-check-circle:before {
  content: "\F058"; }

.fa-check-double:before {
  content: "\F560"; }

.fa-check-square:before {
  content: "\F14A"; }

.fa-chess:before {
  content: "\F439"; }

.fa-chess-bishop:before {
  content: "\F43A"; }

.fa-chess-board:before {
  content: "\F43C"; }

.fa-chess-king:before {
  content: "\F43F"; }

.fa-chess-knight:before {
  content: "\F441"; }

.fa-chess-pawn:before {
  content: "\F443"; }

.fa-chess-queen:before {
  content: "\F445"; }

.fa-chess-rook:before {
  content: "\F447"; }

.fa-chevron-circle-down:before {
  content: "\F13A"; }

.fa-chevron-circle-left:before {
  content: "\F137"; }

.fa-chevron-circle-right:before {
  content: "\F138"; }

.fa-chevron-circle-up:before {
  content: "\F139"; }

.fa-chevron-down:before {
  content: "\F078"; }

.fa-chevron-left:before {
  content: "\F053"; }

.fa-chevron-right:before {
  content: "\F054"; }

.fa-chevron-up:before {
  content: "\F077"; }

.fa-child:before {
  content: "\F1AE"; }

.fa-chrome:before {
  content: "\F268"; }

.fa-church:before {
  content: "\F51D"; }

.fa-circle:before {
  content: "\F111"; }

.fa-circle-notch:before {
  content: "\F1CE"; }

.fa-city:before {
  content: "\F64F"; }

.fa-clipboard:before {
  content: "\F328"; }

.fa-clipboard-check:before {
  content: "\F46C"; }

.fa-clipboard-list:before {
  content: "\F46D"; }

.fa-clock:before {
  content: "\F017"; }

.fa-clone:before {
  content: "\F24D"; }

.fa-closed-captioning:before {
  content: "\F20A"; }

.fa-cloud:before {
  content: "\F0C2"; }

.fa-cloud-download-alt:before {
  content: "\F381"; }

.fa-cloud-upload-alt:before {
  content: "\F382"; }

.fa-cloudscale:before {
  content: "\F383"; }

.fa-cloudsmith:before {
  content: "\F384"; }

.fa-cloudversify:before {
  content: "\F385"; }

.fa-cocktail:before {
  content: "\F561"; }

.fa-code:before {
  content: "\F121"; }

.fa-code-branch:before {
  content: "\F126"; }

.fa-codepen:before {
  content: "\F1CB"; }

.fa-codiepie:before {
  content: "\F284"; }

.fa-coffee:before {
  content: "\F0F4"; }

.fa-cog:before {
  content: "\F013"; }

.fa-cogs:before {
  content: "\F085"; }

.fa-coins:before {
  content: "\F51E"; }

.fa-columns:before {
  content: "\F0DB"; }

.fa-comment:before {
  content: "\F075"; }

.fa-comment-alt:before {
  content: "\F27A"; }

.fa-comment-dollar:before {
  content: "\F651"; }

.fa-comment-dots:before {
  content: "\F4AD"; }

.fa-comment-slash:before {
  content: "\F4B3"; }

.fa-comments:before {
  content: "\F086"; }

.fa-comments-dollar:before {
  content: "\F653"; }

.fa-compact-disc:before {
  content: "\F51F"; }

.fa-compass:before {
  content: "\F14E"; }

.fa-compress:before {
  content: "\F066"; }

.fa-concierge-bell:before {
  content: "\F562"; }

.fa-connectdevelop:before {
  content: "\F20E"; }

.fa-contao:before {
  content: "\F26D"; }

.fa-cookie:before {
  content: "\F563"; }

.fa-cookie-bite:before {
  content: "\F564"; }

.fa-copy:before {
  content: "\F0C5"; }

.fa-copyright:before {
  content: "\F1F9"; }

.fa-couch:before {
  content: "\F4B8"; }

.fa-cpanel:before {
  content: "\F388"; }

.fa-creative-commons:before {
  content: "\F25E"; }

.fa-creative-commons-by:before {
  content: "\F4E7"; }

.fa-creative-commons-nc:before {
  content: "\F4E8"; }

.fa-creative-commons-nc-eu:before {
  content: "\F4E9"; }

.fa-creative-commons-nc-jp:before {
  content: "\F4EA"; }

.fa-creative-commons-nd:before {
  content: "\F4EB"; }

.fa-creative-commons-pd:before {
  content: "\F4EC"; }

.fa-creative-commons-pd-alt:before {
  content: "\F4ED"; }

.fa-creative-commons-remix:before {
  content: "\F4EE"; }

.fa-creative-commons-sa:before {
  content: "\F4EF"; }

.fa-creative-commons-sampling:before {
  content: "\F4F0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\F4F1"; }

.fa-creative-commons-share:before {
  content: "\F4F2"; }

.fa-credit-card:before {
  content: "\F09D"; }

.fa-crop:before {
  content: "\F125"; }

.fa-crop-alt:before {
  content: "\F565"; }

.fa-cross:before {
  content: "\F654"; }

.fa-crosshairs:before {
  content: "\F05B"; }

.fa-crow:before {
  content: "\F520"; }

.fa-crown:before {
  content: "\F521"; }

.fa-css3:before {
  content: "\F13C"; }

.fa-css3-alt:before {
  content: "\F38B"; }

.fa-cube:before {
  content: "\F1B2"; }

.fa-cubes:before {
  content: "\F1B3"; }

.fa-cut:before {
  content: "\F0C4"; }

.fa-cuttlefish:before {
  content: "\F38C"; }

.fa-d-and-d:before {
  content: "\F38D"; }

.fa-dashcube:before {
  content: "\F210"; }

.fa-database:before {
  content: "\F1C0"; }

.fa-deaf:before {
  content: "\F2A4"; }

.fa-delicious:before {
  content: "\F1A5"; }

.fa-deploydog:before {
  content: "\F38E"; }

.fa-deskpro:before {
  content: "\F38F"; }

.fa-desktop:before {
  content: "\F108"; }

.fa-deviantart:before {
  content: "\F1BD"; }

.fa-dharmachakra:before {
  content: "\F655"; }

.fa-diagnoses:before {
  content: "\F470"; }

.fa-dice:before {
  content: "\F522"; }

.fa-dice-five:before {
  content: "\F523"; }

.fa-dice-four:before {
  content: "\F524"; }

.fa-dice-one:before {
  content: "\F525"; }

.fa-dice-six:before {
  content: "\F526"; }

.fa-dice-three:before {
  content: "\F527"; }

.fa-dice-two:before {
  content: "\F528"; }

.fa-digg:before {
  content: "\F1A6"; }

.fa-digital-ocean:before {
  content: "\F391"; }

.fa-digital-tachograph:before {
  content: "\F566"; }

.fa-directions:before {
  content: "\F5EB"; }

.fa-discord:before {
  content: "\F392"; }

.fa-discourse:before {
  content: "\F393"; }

.fa-divide:before {
  content: "\F529"; }

.fa-dizzy:before {
  content: "\F567"; }

.fa-dna:before {
  content: "\F471"; }

.fa-dochub:before {
  content: "\F394"; }

.fa-docker:before {
  content: "\F395"; }

.fa-dollar-sign:before {
  content: "\F155"; }

.fa-dolly:before {
  content: "\F472"; }

.fa-dolly-flatbed:before {
  content: "\F474"; }

.fa-donate:before {
  content: "\F4B9"; }

.fa-door-closed:before {
  content: "\F52A"; }

.fa-door-open:before {
  content: "\F52B"; }

.fa-dot-circle:before {
  content: "\F192"; }

.fa-dove:before {
  content: "\F4BA"; }

.fa-download:before {
  content: "\F019"; }

.fa-draft2digital:before {
  content: "\F396"; }

.fa-drafting-compass:before {
  content: "\F568"; }

.fa-draw-polygon:before {
  content: "\F5EE"; }

.fa-dribbble:before {
  content: "\F17D"; }

.fa-dribbble-square:before {
  content: "\F397"; }

.fa-dropbox:before {
  content: "\F16B"; }

.fa-drum:before {
  content: "\F569"; }

.fa-drum-steelpan:before {
  content: "\F56A"; }

.fa-drupal:before {
  content: "\F1A9"; }

.fa-dumbbell:before {
  content: "\F44B"; }

.fa-dyalog:before {
  content: "\F399"; }

.fa-earlybirds:before {
  content: "\F39A"; }

.fa-ebay:before {
  content: "\F4F4"; }

.fa-edge:before {
  content: "\F282"; }

.fa-edit:before {
  content: "\F044"; }

.fa-eject:before {
  content: "\F052"; }

.fa-elementor:before {
  content: "\F430"; }

.fa-ellipsis-h:before {
  content: "\F141"; }

.fa-ellipsis-v:before {
  content: "\F142"; }

.fa-ello:before {
  content: "\F5F1"; }

.fa-ember:before {
  content: "\F423"; }

.fa-empire:before {
  content: "\F1D1"; }

.fa-envelope:before {
  content: "\F0E0"; }

.fa-envelope-open:before {
  content: "\F2B6"; }

.fa-envelope-open-text:before {
  content: "\F658"; }

.fa-envelope-square:before {
  content: "\F199"; }

.fa-envira:before {
  content: "\F299"; }

.fa-equals:before {
  content: "\F52C"; }

.fa-eraser:before {
  content: "\F12D"; }

.fa-erlang:before {
  content: "\F39D"; }

.fa-ethereum:before {
  content: "\F42E"; }

.fa-etsy:before {
  content: "\F2D7"; }

.fa-euro-sign:before {
  content: "\F153"; }

.fa-exchange-alt:before {
  content: "\F362"; }

.fa-exclamation:before {
  content: "\F12A"; }

.fa-exclamation-circle:before {
  content: "\F06A"; }

.fa-exclamation-triangle:before {
  content: "\F071"; }

.fa-expand:before {
  content: "\F065"; }

.fa-expand-arrows-alt:before {
  content: "\F31E"; }

.fa-expeditedssl:before {
  content: "\F23E"; }

.fa-external-link-alt:before {
  content: "\F35D"; }

.fa-external-link-square-alt:before {
  content: "\F360"; }

.fa-eye:before {
  content: "\F06E"; }

.fa-eye-dropper:before {
  content: "\F1FB"; }

.fa-eye-slash:before {
  content: "\F070"; }

.fa-facebook:before {
  content: "\F09A"; }

.fa-facebook-f:before {
  content: "\F39E"; }

.fa-facebook-messenger:before {
  content: "\F39F"; }

.fa-facebook-square:before {
  content: "\F082"; }

.fa-fast-backward:before {
  content: "\F049"; }

.fa-fast-forward:before {
  content: "\F050"; }

.fa-fax:before {
  content: "\F1AC"; }

.fa-feather:before {
  content: "\F52D"; }

.fa-feather-alt:before {
  content: "\F56B"; }

.fa-female:before {
  content: "\F182"; }

.fa-fighter-jet:before {
  content: "\F0FB"; }

.fa-file:before {
  content: "\F15B"; }

.fa-file-alt:before {
  content: "\F15C"; }

.fa-file-archive:before {
  content: "\F1C6"; }

.fa-file-audio:before {
  content: "\F1C7"; }

.fa-file-code:before {
  content: "\F1C9"; }

.fa-file-contract:before {
  content: "\F56C"; }

.fa-file-download:before {
  content: "\F56D"; }

.fa-file-excel:before {
  content: "\F1C3"; }

.fa-file-export:before {
  content: "\F56E"; }

.fa-file-image:before {
  content: "\F1C5"; }

.fa-file-import:before {
  content: "\F56F"; }

.fa-file-invoice:before {
  content: "\F570"; }

.fa-file-invoice-dollar:before {
  content: "\F571"; }

.fa-file-medical:before {
  content: "\F477"; }

.fa-file-medical-alt:before {
  content: "\F478"; }

.fa-file-pdf:before {
  content: "\F1C1"; }

.fa-file-powerpoint:before {
  content: "\F1C4"; }

.fa-file-prescription:before {
  content: "\F572"; }

.fa-file-signature:before {
  content: "\F573"; }

.fa-file-upload:before {
  content: "\F574"; }

.fa-file-video:before {
  content: "\F1C8"; }

.fa-file-word:before {
  content: "\F1C2"; }

.fa-fill:before {
  content: "\F575"; }

.fa-fill-drip:before {
  content: "\F576"; }

.fa-film:before {
  content: "\F008"; }

.fa-filter:before {
  content: "\F0B0"; }

.fa-fingerprint:before {
  content: "\F577"; }

.fa-fire:before {
  content: "\F06D"; }

.fa-fire-extinguisher:before {
  content: "\F134"; }

.fa-firefox:before {
  content: "\F269"; }

.fa-first-aid:before {
  content: "\F479"; }

.fa-first-order:before {
  content: "\F2B0"; }

.fa-first-order-alt:before {
  content: "\F50A"; }

.fa-firstdraft:before {
  content: "\F3A1"; }

.fa-fish:before {
  content: "\F578"; }

.fa-flag:before {
  content: "\F024"; }

.fa-flag-checkered:before {
  content: "\F11E"; }

.fa-flask:before {
  content: "\F0C3"; }

.fa-flickr:before {
  content: "\F16E"; }

.fa-flipboard:before {
  content: "\F44D"; }

.fa-flushed:before {
  content: "\F579"; }

.fa-fly:before {
  content: "\F417"; }

.fa-folder:before {
  content: "\F07B"; }

.fa-folder-minus:before {
  content: "\F65D"; }

.fa-folder-open:before {
  content: "\F07C"; }

.fa-folder-plus:before {
  content: "\F65E"; }

.fa-font:before {
  content: "\F031"; }

.fa-font-awesome:before {
  content: "\F2B4"; }

.fa-font-awesome-alt:before {
  content: "\F35C"; }

.fa-font-awesome-flag:before {
  content: "\F425"; }

.fa-font-awesome-logo-full:before {
  content: "\F4E6"; }

.fa-fonticons:before {
  content: "\F280"; }

.fa-fonticons-fi:before {
  content: "\F3A2"; }

.fa-football-ball:before {
  content: "\F44E"; }

.fa-fort-awesome:before {
  content: "\F286"; }

.fa-fort-awesome-alt:before {
  content: "\F3A3"; }

.fa-forumbee:before {
  content: "\F211"; }

.fa-forward:before {
  content: "\F04E"; }

.fa-foursquare:before {
  content: "\F180"; }

.fa-free-code-camp:before {
  content: "\F2C5"; }

.fa-freebsd:before {
  content: "\F3A4"; }

.fa-frog:before {
  content: "\F52E"; }

.fa-frown:before {
  content: "\F119"; }

.fa-frown-open:before {
  content: "\F57A"; }

.fa-fulcrum:before {
  content: "\F50B"; }

.fa-funnel-dollar:before {
  content: "\F662"; }

.fa-futbol:before {
  content: "\F1E3"; }

.fa-galactic-republic:before {
  content: "\F50C"; }

.fa-galactic-senate:before {
  content: "\F50D"; }

.fa-gamepad:before {
  content: "\F11B"; }

.fa-gas-pump:before {
  content: "\F52F"; }

.fa-gavel:before {
  content: "\F0E3"; }

.fa-gem:before {
  content: "\F3A5"; }

.fa-genderless:before {
  content: "\F22D"; }

.fa-get-pocket:before {
  content: "\F265"; }

.fa-gg:before {
  content: "\F260"; }

.fa-gg-circle:before {
  content: "\F261"; }

.fa-gift:before {
  content: "\F06B"; }

.fa-git:before {
  content: "\F1D3"; }

.fa-git-square:before {
  content: "\F1D2"; }

.fa-github:before {
  content: "\F09B"; }

.fa-github-alt:before {
  content: "\F113"; }

.fa-github-square:before {
  content: "\F092"; }

.fa-gitkraken:before {
  content: "\F3A6"; }

.fa-gitlab:before {
  content: "\F296"; }

.fa-gitter:before {
  content: "\F426"; }

.fa-glass-martini:before {
  content: "\F000"; }

.fa-glass-martini-alt:before {
  content: "\F57B"; }

.fa-glasses:before {
  content: "\F530"; }

.fa-glide:before {
  content: "\F2A5"; }

.fa-glide-g:before {
  content: "\F2A6"; }

.fa-globe:before {
  content: "\F0AC"; }

.fa-globe-africa:before {
  content: "\F57C"; }

.fa-globe-americas:before {
  content: "\F57D"; }

.fa-globe-asia:before {
  content: "\F57E"; }

.fa-gofore:before {
  content: "\F3A7"; }

.fa-golf-ball:before {
  content: "\F450"; }

.fa-goodreads:before {
  content: "\F3A8"; }

.fa-goodreads-g:before {
  content: "\F3A9"; }

.fa-google:before {
  content: "\F1A0"; }

.fa-google-drive:before {
  content: "\F3AA"; }

.fa-google-play:before {
  content: "\F3AB"; }

.fa-google-plus:before {
  content: "\F2B3"; }

.fa-google-plus-g:before {
  content: "\F0D5"; }

.fa-google-plus-square:before {
  content: "\F0D4"; }

.fa-google-wallet:before {
  content: "\F1EE"; }

.fa-gopuram:before {
  content: "\F664"; }

.fa-graduation-cap:before {
  content: "\F19D"; }

.fa-gratipay:before {
  content: "\F184"; }

.fa-grav:before {
  content: "\F2D6"; }

.fa-greater-than:before {
  content: "\F531"; }

.fa-greater-than-equal:before {
  content: "\F532"; }

.fa-grimace:before {
  content: "\F57F"; }

.fa-grin:before {
  content: "\F580"; }

.fa-grin-alt:before {
  content: "\F581"; }

.fa-grin-beam:before {
  content: "\F582"; }

.fa-grin-beam-sweat:before {
  content: "\F583"; }

.fa-grin-hearts:before {
  content: "\F584"; }

.fa-grin-squint:before {
  content: "\F585"; }

.fa-grin-squint-tears:before {
  content: "\F586"; }

.fa-grin-stars:before {
  content: "\F587"; }

.fa-grin-tears:before {
  content: "\F588"; }

.fa-grin-tongue:before {
  content: "\F589"; }

.fa-grin-tongue-squint:before {
  content: "\F58A"; }

.fa-grin-tongue-wink:before {
  content: "\F58B"; }

.fa-grin-wink:before {
  content: "\F58C"; }

.fa-grip-horizontal:before {
  content: "\F58D"; }

.fa-grip-vertical:before {
  content: "\F58E"; }

.fa-gripfire:before {
  content: "\F3AC"; }

.fa-grunt:before {
  content: "\F3AD"; }

.fa-gulp:before {
  content: "\F3AE"; }

.fa-h-square:before {
  content: "\F0FD"; }

.fa-hacker-news:before {
  content: "\F1D4"; }

.fa-hacker-news-square:before {
  content: "\F3AF"; }

.fa-hackerrank:before {
  content: "\F5F7"; }

.fa-hamsa:before {
  content: "\F665"; }

.fa-hand-holding:before {
  content: "\F4BD"; }

.fa-hand-holding-heart:before {
  content: "\F4BE"; }

.fa-hand-holding-usd:before {
  content: "\F4C0"; }

.fa-hand-lizard:before {
  content: "\F258"; }

.fa-hand-paper:before {
  content: "\F256"; }

.fa-hand-peace:before {
  content: "\F25B"; }

.fa-hand-point-down:before {
  content: "\F0A7"; }

.fa-hand-point-left:before {
  content: "\F0A5"; }

.fa-hand-point-right:before {
  content: "\F0A4"; }

.fa-hand-point-up:before {
  content: "\F0A6"; }

.fa-hand-pointer:before {
  content: "\F25A"; }

.fa-hand-rock:before {
  content: "\F255"; }

.fa-hand-scissors:before {
  content: "\F257"; }

.fa-hand-spock:before {
  content: "\F259"; }

.fa-hands:before {
  content: "\F4C2"; }

.fa-hands-helping:before {
  content: "\F4C4"; }

.fa-handshake:before {
  content: "\F2B5"; }

.fa-hashtag:before {
  content: "\F292"; }

.fa-haykal:before {
  content: "\F666"; }

.fa-hdd:before {
  content: "\F0A0"; }

.fa-heading:before {
  content: "\F1DC"; }

.fa-headphones:before {
  content: "\F025"; }

.fa-headphones-alt:before {
  content: "\F58F"; }

.fa-headset:before {
  content: "\F590"; }

.fa-heart:before {
  content: "\F004"; }

.fa-heartbeat:before {
  content: "\F21E"; }

.fa-helicopter:before {
  content: "\F533"; }

.fa-highlighter:before {
  content: "\F591"; }

.fa-hips:before {
  content: "\F452"; }

.fa-hire-a-helper:before {
  content: "\F3B0"; }

.fa-history:before {
  content: "\F1DA"; }

.fa-hockey-puck:before {
  content: "\F453"; }

.fa-home:before {
  content: "\F015"; }

.fa-hooli:before {
  content: "\F427"; }

.fa-hornbill:before {
  content: "\F592"; }

.fa-hospital:before {
  content: "\F0F8"; }

.fa-hospital-alt:before {
  content: "\F47D"; }

.fa-hospital-symbol:before {
  content: "\F47E"; }

.fa-hot-tub:before {
  content: "\F593"; }

.fa-hotel:before {
  content: "\F594"; }

.fa-hotjar:before {
  content: "\F3B1"; }

.fa-hourglass:before {
  content: "\F254"; }

.fa-hourglass-end:before {
  content: "\F253"; }

.fa-hourglass-half:before {
  content: "\F252"; }

.fa-hourglass-start:before {
  content: "\F251"; }

.fa-houzz:before {
  content: "\F27C"; }

.fa-html5:before {
  content: "\F13B"; }

.fa-hubspot:before {
  content: "\F3B2"; }

.fa-i-cursor:before {
  content: "\F246"; }

.fa-id-badge:before {
  content: "\F2C1"; }

.fa-id-card:before {
  content: "\F2C2"; }

.fa-id-card-alt:before {
  content: "\F47F"; }

.fa-image:before {
  content: "\F03E"; }

.fa-images:before {
  content: "\F302"; }

.fa-imdb:before {
  content: "\F2D8"; }

.fa-inbox:before {
  content: "\F01C"; }

.fa-indent:before {
  content: "\F03C"; }

.fa-industry:before {
  content: "\F275"; }

.fa-infinity:before {
  content: "\F534"; }

.fa-info:before {
  content: "\F129"; }

.fa-info-circle:before {
  content: "\F05A"; }

.fa-instagram:before {
  content: "\F16D"; }

.fa-internet-explorer:before {
  content: "\F26B"; }

.fa-ioxhost:before {
  content: "\F208"; }

.fa-italic:before {
  content: "\F033"; }

.fa-itunes:before {
  content: "\F3B4"; }

.fa-itunes-note:before {
  content: "\F3B5"; }

.fa-java:before {
  content: "\F4E4"; }

.fa-jedi:before {
  content: "\F669"; }

.fa-jedi-order:before {
  content: "\F50E"; }

.fa-jenkins:before {
  content: "\F3B6"; }

.fa-joget:before {
  content: "\F3B7"; }

.fa-joint:before {
  content: "\F595"; }

.fa-joomla:before {
  content: "\F1AA"; }

.fa-journal-whills:before {
  content: "\F66A"; }

.fa-js:before {
  content: "\F3B8"; }

.fa-js-square:before {
  content: "\F3B9"; }

.fa-jsfiddle:before {
  content: "\F1CC"; }

.fa-kaaba:before {
  content: "\F66B"; }

.fa-kaggle:before {
  content: "\F5FA"; }

.fa-key:before {
  content: "\F084"; }

.fa-keybase:before {
  content: "\F4F5"; }

.fa-keyboard:before {
  content: "\F11C"; }

.fa-keycdn:before {
  content: "\F3BA"; }

.fa-khanda:before {
  content: "\F66D"; }

.fa-kickstarter:before {
  content: "\F3BB"; }

.fa-kickstarter-k:before {
  content: "\F3BC"; }

.fa-kiss:before {
  content: "\F596"; }

.fa-kiss-beam:before {
  content: "\F597"; }

.fa-kiss-wink-heart:before {
  content: "\F598"; }

.fa-kiwi-bird:before {
  content: "\F535"; }

.fa-korvue:before {
  content: "\F42F"; }

.fa-landmark:before {
  content: "\F66F"; }

.fa-language:before {
  content: "\F1AB"; }

.fa-laptop:before {
  content: "\F109"; }

.fa-laptop-code:before {
  content: "\F5FC"; }

.fa-laravel:before {
  content: "\F3BD"; }

.fa-lastfm:before {
  content: "\F202"; }

.fa-lastfm-square:before {
  content: "\F203"; }

.fa-laugh:before {
  content: "\F599"; }

.fa-laugh-beam:before {
  content: "\F59A"; }

.fa-laugh-squint:before {
  content: "\F59B"; }

.fa-laugh-wink:before {
  content: "\F59C"; }

.fa-layer-group:before {
  content: "\F5FD"; }

.fa-leaf:before {
  content: "\F06C"; }

.fa-leanpub:before {
  content: "\F212"; }

.fa-lemon:before {
  content: "\F094"; }

.fa-less:before {
  content: "\F41D"; }

.fa-less-than:before {
  content: "\F536"; }

.fa-less-than-equal:before {
  content: "\F537"; }

.fa-level-down-alt:before {
  content: "\F3BE"; }

.fa-level-up-alt:before {
  content: "\F3BF"; }

.fa-life-ring:before {
  content: "\F1CD"; }

.fa-lightbulb:before {
  content: "\F0EB"; }

.fa-line:before {
  content: "\F3C0"; }

.fa-link:before {
  content: "\F0C1"; }

.fa-linkedin:before {
  content: "\F08C"; }

.fa-linkedin-in:before {
  content: "\F0E1"; }

.fa-linode:before {
  content: "\F2B8"; }

.fa-linux:before {
  content: "\F17C"; }

.fa-lira-sign:before {
  content: "\F195"; }

.fa-list:before {
  content: "\F03A"; }

.fa-list-alt:before {
  content: "\F022"; }

.fa-list-ol:before {
  content: "\F0CB"; }

.fa-list-ul:before {
  content: "\F0CA"; }

.fa-location-arrow:before {
  content: "\F124"; }

.fa-lock:before {
  content: "\F023"; }

.fa-lock-open:before {
  content: "\F3C1"; }

.fa-long-arrow-alt-down:before {
  content: "\F309"; }

.fa-long-arrow-alt-left:before {
  content: "\F30A"; }

.fa-long-arrow-alt-right:before {
  content: "\F30B"; }

.fa-long-arrow-alt-up:before {
  content: "\F30C"; }

.fa-low-vision:before {
  content: "\F2A8"; }

.fa-luggage-cart:before {
  content: "\F59D"; }

.fa-lyft:before {
  content: "\F3C3"; }

.fa-magento:before {
  content: "\F3C4"; }

.fa-magic:before {
  content: "\F0D0"; }

.fa-magnet:before {
  content: "\F076"; }

.fa-mail-bulk:before {
  content: "\F674"; }

.fa-mailchimp:before {
  content: "\F59E"; }

.fa-male:before {
  content: "\F183"; }

.fa-mandalorian:before {
  content: "\F50F"; }

.fa-map:before {
  content: "\F279"; }

.fa-map-marked:before {
  content: "\F59F"; }

.fa-map-marked-alt:before {
  content: "\F5A0"; }

.fa-map-marker:before {
  content: "\F041"; }

.fa-map-marker-alt:before {
  content: "\F3C5"; }

.fa-map-pin:before {
  content: "\F276"; }

.fa-map-signs:before {
  content: "\F277"; }

.fa-markdown:before {
  content: "\F60F"; }

.fa-marker:before {
  content: "\F5A1"; }

.fa-mars:before {
  content: "\F222"; }

.fa-mars-double:before {
  content: "\F227"; }

.fa-mars-stroke:before {
  content: "\F229"; }

.fa-mars-stroke-h:before {
  content: "\F22B"; }

.fa-mars-stroke-v:before {
  content: "\F22A"; }

.fa-mastodon:before {
  content: "\F4F6"; }

.fa-maxcdn:before {
  content: "\F136"; }

.fa-medal:before {
  content: "\F5A2"; }

.fa-medapps:before {
  content: "\F3C6"; }

.fa-medium:before {
  content: "\F23A"; }

.fa-medium-m:before {
  content: "\F3C7"; }

.fa-medkit:before {
  content: "\F0FA"; }

.fa-medrt:before {
  content: "\F3C8"; }

.fa-meetup:before {
  content: "\F2E0"; }

.fa-megaport:before {
  content: "\F5A3"; }

.fa-meh:before {
  content: "\F11A"; }

.fa-meh-blank:before {
  content: "\F5A4"; }

.fa-meh-rolling-eyes:before {
  content: "\F5A5"; }

.fa-memory:before {
  content: "\F538"; }

.fa-menorah:before {
  content: "\F676"; }

.fa-mercury:before {
  content: "\F223"; }

.fa-microchip:before {
  content: "\F2DB"; }

.fa-microphone:before {
  content: "\F130"; }

.fa-microphone-alt:before {
  content: "\F3C9"; }

.fa-microphone-alt-slash:before {
  content: "\F539"; }

.fa-microphone-slash:before {
  content: "\F131"; }

.fa-microscope:before {
  content: "\F610"; }

.fa-microsoft:before {
  content: "\F3CA"; }

.fa-minus:before {
  content: "\F068"; }

.fa-minus-circle:before {
  content: "\F056"; }

.fa-minus-square:before {
  content: "\F146"; }

.fa-mix:before {
  content: "\F3CB"; }

.fa-mixcloud:before {
  content: "\F289"; }

.fa-mizuni:before {
  content: "\F3CC"; }

.fa-mobile:before {
  content: "\F10B"; }

.fa-mobile-alt:before {
  content: "\F3CD"; }

.fa-modx:before {
  content: "\F285"; }

.fa-monero:before {
  content: "\F3D0"; }

.fa-money-bill:before {
  content: "\F0D6"; }

.fa-money-bill-alt:before {
  content: "\F3D1"; }

.fa-money-bill-wave:before {
  content: "\F53A"; }

.fa-money-bill-wave-alt:before {
  content: "\F53B"; }

.fa-money-check:before {
  content: "\F53C"; }

.fa-money-check-alt:before {
  content: "\F53D"; }

.fa-monument:before {
  content: "\F5A6"; }

.fa-moon:before {
  content: "\F186"; }

.fa-mortar-pestle:before {
  content: "\F5A7"; }

.fa-mosque:before {
  content: "\F678"; }

.fa-motorcycle:before {
  content: "\F21C"; }

.fa-mouse-pointer:before {
  content: "\F245"; }

.fa-music:before {
  content: "\F001"; }

.fa-napster:before {
  content: "\F3D2"; }

.fa-neos:before {
  content: "\F612"; }

.fa-neuter:before {
  content: "\F22C"; }

.fa-newspaper:before {
  content: "\F1EA"; }

.fa-nimblr:before {
  content: "\F5A8"; }

.fa-nintendo-switch:before {
  content: "\F418"; }

.fa-node:before {
  content: "\F419"; }

.fa-node-js:before {
  content: "\F3D3"; }

.fa-not-equal:before {
  content: "\F53E"; }

.fa-notes-medical:before {
  content: "\F481"; }

.fa-npm:before {
  content: "\F3D4"; }

.fa-ns8:before {
  content: "\F3D5"; }

.fa-nutritionix:before {
  content: "\F3D6"; }

.fa-object-group:before {
  content: "\F247"; }

.fa-object-ungroup:before {
  content: "\F248"; }

.fa-odnoklassniki:before {
  content: "\F263"; }

.fa-odnoklassniki-square:before {
  content: "\F264"; }

.fa-oil-can:before {
  content: "\F613"; }

.fa-old-republic:before {
  content: "\F510"; }

.fa-om:before {
  content: "\F679"; }

.fa-opencart:before {
  content: "\F23D"; }

.fa-openid:before {
  content: "\F19B"; }

.fa-opera:before {
  content: "\F26A"; }

.fa-optin-monster:before {
  content: "\F23C"; }

.fa-osi:before {
  content: "\F41A"; }

.fa-outdent:before {
  content: "\F03B"; }

.fa-page4:before {
  content: "\F3D7"; }

.fa-pagelines:before {
  content: "\F18C"; }

.fa-paint-brush:before {
  content: "\F1FC"; }

.fa-paint-roller:before {
  content: "\F5AA"; }

.fa-palette:before {
  content: "\F53F"; }

.fa-palfed:before {
  content: "\F3D8"; }

.fa-pallet:before {
  content: "\F482"; }

.fa-paper-plane:before {
  content: "\F1D8"; }

.fa-paperclip:before {
  content: "\F0C6"; }

.fa-parachute-box:before {
  content: "\F4CD"; }

.fa-paragraph:before {
  content: "\F1DD"; }

.fa-parking:before {
  content: "\F540"; }

.fa-passport:before {
  content: "\F5AB"; }

.fa-pastafarianism:before {
  content: "\F67B"; }

.fa-paste:before {
  content: "\F0EA"; }

.fa-patreon:before {
  content: "\F3D9"; }

.fa-pause:before {
  content: "\F04C"; }

.fa-pause-circle:before {
  content: "\F28B"; }

.fa-paw:before {
  content: "\F1B0"; }

.fa-paypal:before {
  content: "\F1ED"; }

.fa-peace:before {
  content: "\F67C"; }

.fa-pen:before {
  content: "\F304"; }

.fa-pen-alt:before {
  content: "\F305"; }

.fa-pen-fancy:before {
  content: "\F5AC"; }

.fa-pen-nib:before {
  content: "\F5AD"; }

.fa-pen-square:before {
  content: "\F14B"; }

.fa-pencil-alt:before {
  content: "\F303"; }

.fa-pencil-ruler:before {
  content: "\F5AE"; }

.fa-people-carry:before {
  content: "\F4CE"; }

.fa-percent:before {
  content: "\F295"; }

.fa-percentage:before {
  content: "\F541"; }

.fa-periscope:before {
  content: "\F3DA"; }

.fa-phabricator:before {
  content: "\F3DB"; }

.fa-phoenix-framework:before {
  content: "\F3DC"; }

.fa-phoenix-squadron:before {
  content: "\F511"; }

.fa-phone:before {
  content: "\F095"; }

.fa-phone-slash:before {
  content: "\F3DD"; }

.fa-phone-square:before {
  content: "\F098"; }

.fa-phone-volume:before {
  content: "\F2A0"; }

.fa-php:before {
  content: "\F457"; }

.fa-pied-piper:before {
  content: "\F2AE"; }

.fa-pied-piper-alt:before {
  content: "\F1A8"; }

.fa-pied-piper-hat:before {
  content: "\F4E5"; }

.fa-pied-piper-pp:before {
  content: "\F1A7"; }

.fa-piggy-bank:before {
  content: "\F4D3"; }

.fa-pills:before {
  content: "\F484"; }

.fa-pinterest:before {
  content: "\F0D2"; }

.fa-pinterest-p:before {
  content: "\F231"; }

.fa-pinterest-square:before {
  content: "\F0D3"; }

.fa-place-of-worship:before {
  content: "\F67F"; }

.fa-plane:before {
  content: "\F072"; }

.fa-plane-arrival:before {
  content: "\F5AF"; }

.fa-plane-departure:before {
  content: "\F5B0"; }

.fa-play:before {
  content: "\F04B"; }

.fa-play-circle:before {
  content: "\F144"; }

.fa-playstation:before {
  content: "\F3DF"; }

.fa-plug:before {
  content: "\F1E6"; }

.fa-plus:before {
  content: "\F067"; }

.fa-plus-circle:before {
  content: "\F055"; }

.fa-plus-square:before {
  content: "\F0FE"; }

.fa-podcast:before {
  content: "\F2CE"; }

.fa-poll:before {
  content: "\F681"; }

.fa-poll-h:before {
  content: "\F682"; }

.fa-poo:before {
  content: "\F2FE"; }

.fa-poop:before {
  content: "\F619"; }

.fa-portrait:before {
  content: "\F3E0"; }

.fa-pound-sign:before {
  content: "\F154"; }

.fa-power-off:before {
  content: "\F011"; }

.fa-pray:before {
  content: "\F683"; }

.fa-praying-hands:before {
  content: "\F684"; }

.fa-prescription:before {
  content: "\F5B1"; }

.fa-prescription-bottle:before {
  content: "\F485"; }

.fa-prescription-bottle-alt:before {
  content: "\F486"; }

.fa-print:before {
  content: "\F02F"; }

.fa-procedures:before {
  content: "\F487"; }

.fa-product-hunt:before {
  content: "\F288"; }

.fa-project-diagram:before {
  content: "\F542"; }

.fa-pushed:before {
  content: "\F3E1"; }

.fa-puzzle-piece:before {
  content: "\F12E"; }

.fa-python:before {
  content: "\F3E2"; }

.fa-qq:before {
  content: "\F1D6"; }

.fa-qrcode:before {
  content: "\F029"; }

.fa-question:before {
  content: "\F128"; }

.fa-question-circle:before {
  content: "\F059"; }

.fa-quidditch:before {
  content: "\F458"; }

.fa-quinscape:before {
  content: "\F459"; }

.fa-quora:before {
  content: "\F2C4"; }

.fa-quote-left:before {
  content: "\F10D"; }

.fa-quote-right:before {
  content: "\F10E"; }

.fa-quran:before {
  content: "\F687"; }

.fa-r-project:before {
  content: "\F4F7"; }

.fa-random:before {
  content: "\F074"; }

.fa-ravelry:before {
  content: "\F2D9"; }

.fa-react:before {
  content: "\F41B"; }

.fa-readme:before {
  content: "\F4D5"; }

.fa-rebel:before {
  content: "\F1D0"; }

.fa-receipt:before {
  content: "\F543"; }

.fa-recycle:before {
  content: "\F1B8"; }

.fa-red-river:before {
  content: "\F3E3"; }

.fa-reddit:before {
  content: "\F1A1"; }

.fa-reddit-alien:before {
  content: "\F281"; }

.fa-reddit-square:before {
  content: "\F1A2"; }

.fa-redo:before {
  content: "\F01E"; }

.fa-redo-alt:before {
  content: "\F2F9"; }

.fa-registered:before {
  content: "\F25D"; }

.fa-rendact:before {
  content: "\F3E4"; }

.fa-renren:before {
  content: "\F18B"; }

.fa-reply:before {
  content: "\F3E5"; }

.fa-reply-all:before {
  content: "\F122"; }

.fa-replyd:before {
  content: "\F3E6"; }

.fa-researchgate:before {
  content: "\F4F8"; }

.fa-resolving:before {
  content: "\F3E7"; }

.fa-retweet:before {
  content: "\F079"; }

.fa-rev:before {
  content: "\F5B2"; }

.fa-ribbon:before {
  content: "\F4D6"; }

.fa-road:before {
  content: "\F018"; }

.fa-robot:before {
  content: "\F544"; }

.fa-rocket:before {
  content: "\F135"; }

.fa-rocketchat:before {
  content: "\F3E8"; }

.fa-rockrms:before {
  content: "\F3E9"; }

.fa-route:before {
  content: "\F4D7"; }

.fa-rss:before {
  content: "\F09E"; }

.fa-rss-square:before {
  content: "\F143"; }

.fa-ruble-sign:before {
  content: "\F158"; }

.fa-ruler:before {
  content: "\F545"; }

.fa-ruler-combined:before {
  content: "\F546"; }

.fa-ruler-horizontal:before {
  content: "\F547"; }

.fa-ruler-vertical:before {
  content: "\F548"; }

.fa-rupee-sign:before {
  content: "\F156"; }

.fa-sad-cry:before {
  content: "\F5B3"; }

.fa-sad-tear:before {
  content: "\F5B4"; }

.fa-safari:before {
  content: "\F267"; }

.fa-sass:before {
  content: "\F41E"; }

.fa-save:before {
  content: "\F0C7"; }

.fa-schlix:before {
  content: "\F3EA"; }

.fa-school:before {
  content: "\F549"; }

.fa-screwdriver:before {
  content: "\F54A"; }

.fa-scribd:before {
  content: "\F28A"; }

.fa-search:before {
  content: "\F002"; }

.fa-search-dollar:before {
  content: "\F688"; }

.fa-search-location:before {
  content: "\F689"; }

.fa-search-minus:before {
  content: "\F010"; }

.fa-search-plus:before {
  content: "\F00E"; }

.fa-searchengin:before {
  content: "\F3EB"; }

.fa-seedling:before {
  content: "\F4D8"; }

.fa-sellcast:before {
  content: "\F2DA"; }

.fa-sellsy:before {
  content: "\F213"; }

.fa-server:before {
  content: "\F233"; }

.fa-servicestack:before {
  content: "\F3EC"; }

.fa-shapes:before {
  content: "\F61F"; }

.fa-share:before {
  content: "\F064"; }

.fa-share-alt:before {
  content: "\F1E0"; }

.fa-share-alt-square:before {
  content: "\F1E1"; }

.fa-share-square:before {
  content: "\F14D"; }

.fa-shekel-sign:before {
  content: "\F20B"; }

.fa-shield-alt:before {
  content: "\F3ED"; }

.fa-ship:before {
  content: "\F21A"; }

.fa-shipping-fast:before {
  content: "\F48B"; }

.fa-shirtsinbulk:before {
  content: "\F214"; }

.fa-shoe-prints:before {
  content: "\F54B"; }

.fa-shopping-bag:before {
  content: "\F290"; }

.fa-shopping-basket:before {
  content: "\F291"; }

.fa-shopping-cart:before {
  content: "\F07A"; }

.fa-shopware:before {
  content: "\F5B5"; }

.fa-shower:before {
  content: "\F2CC"; }

.fa-shuttle-van:before {
  content: "\F5B6"; }

.fa-sign:before {
  content: "\F4D9"; }

.fa-sign-in-alt:before {
  content: "\F2F6"; }

.fa-sign-language:before {
  content: "\F2A7"; }

.fa-sign-out-alt:before {
  content: "\F2F5"; }

.fa-signal:before {
  content: "\F012"; }

.fa-signature:before {
  content: "\F5B7"; }

.fa-simplybuilt:before {
  content: "\F215"; }

.fa-sistrix:before {
  content: "\F3EE"; }

.fa-sitemap:before {
  content: "\F0E8"; }

.fa-sith:before {
  content: "\F512"; }

.fa-skull:before {
  content: "\F54C"; }

.fa-skyatlas:before {
  content: "\F216"; }

.fa-skype:before {
  content: "\F17E"; }

.fa-slack:before {
  content: "\F198"; }

.fa-slack-hash:before {
  content: "\F3EF"; }

.fa-sliders-h:before {
  content: "\F1DE"; }

.fa-slideshare:before {
  content: "\F1E7"; }

.fa-smile:before {
  content: "\F118"; }

.fa-smile-beam:before {
  content: "\F5B8"; }

.fa-smile-wink:before {
  content: "\F4DA"; }

.fa-smoking:before {
  content: "\F48D"; }

.fa-smoking-ban:before {
  content: "\F54D"; }

.fa-snapchat:before {
  content: "\F2AB"; }

.fa-snapchat-ghost:before {
  content: "\F2AC"; }

.fa-snapchat-square:before {
  content: "\F2AD"; }

.fa-snowflake:before {
  content: "\F2DC"; }

.fa-socks:before {
  content: "\F696"; }

.fa-solar-panel:before {
  content: "\F5BA"; }

.fa-sort:before {
  content: "\F0DC"; }

.fa-sort-alpha-down:before {
  content: "\F15D"; }

.fa-sort-alpha-up:before {
  content: "\F15E"; }

.fa-sort-amount-down:before {
  content: "\F160"; }

.fa-sort-amount-up:before {
  content: "\F161"; }

.fa-sort-down:before {
  content: "\F0DD"; }

.fa-sort-numeric-down:before {
  content: "\F162"; }

.fa-sort-numeric-up:before {
  content: "\F163"; }

.fa-sort-up:before {
  content: "\F0DE"; }

.fa-soundcloud:before {
  content: "\F1BE"; }

.fa-spa:before {
  content: "\F5BB"; }

.fa-space-shuttle:before {
  content: "\F197"; }

.fa-speakap:before {
  content: "\F3F3"; }

.fa-spinner:before {
  content: "\F110"; }

.fa-splotch:before {
  content: "\F5BC"; }

.fa-spotify:before {
  content: "\F1BC"; }

.fa-spray-can:before {
  content: "\F5BD"; }

.fa-square:before {
  content: "\F0C8"; }

.fa-square-full:before {
  content: "\F45C"; }

.fa-square-root-alt:before {
  content: "\F698"; }

.fa-squarespace:before {
  content: "\F5BE"; }

.fa-stack-exchange:before {
  content: "\F18D"; }

.fa-stack-overflow:before {
  content: "\F16C"; }

.fa-stamp:before {
  content: "\F5BF"; }

.fa-star:before {
  content: "\F005"; }

.fa-star-and-crescent:before {
  content: "\F699"; }

.fa-star-half:before {
  content: "\F089"; }

.fa-star-half-alt:before {
  content: "\F5C0"; }

.fa-star-of-david:before {
  content: "\F69A"; }

.fa-star-of-life:before {
  content: "\F621"; }

.fa-staylinked:before {
  content: "\F3F5"; }

.fa-steam:before {
  content: "\F1B6"; }

.fa-steam-square:before {
  content: "\F1B7"; }

.fa-steam-symbol:before {
  content: "\F3F6"; }

.fa-step-backward:before {
  content: "\F048"; }

.fa-step-forward:before {
  content: "\F051"; }

.fa-stethoscope:before {
  content: "\F0F1"; }

.fa-sticker-mule:before {
  content: "\F3F7"; }

.fa-sticky-note:before {
  content: "\F249"; }

.fa-stop:before {
  content: "\F04D"; }

.fa-stop-circle:before {
  content: "\F28D"; }

.fa-stopwatch:before {
  content: "\F2F2"; }

.fa-store:before {
  content: "\F54E"; }

.fa-store-alt:before {
  content: "\F54F"; }

.fa-strava:before {
  content: "\F428"; }

.fa-stream:before {
  content: "\F550"; }

.fa-street-view:before {
  content: "\F21D"; }

.fa-strikethrough:before {
  content: "\F0CC"; }

.fa-stripe:before {
  content: "\F429"; }

.fa-stripe-s:before {
  content: "\F42A"; }

.fa-stroopwafel:before {
  content: "\F551"; }

.fa-studiovinari:before {
  content: "\F3F8"; }

.fa-stumbleupon:before {
  content: "\F1A4"; }

.fa-stumbleupon-circle:before {
  content: "\F1A3"; }

.fa-subscript:before {
  content: "\F12C"; }

.fa-subway:before {
  content: "\F239"; }

.fa-suitcase:before {
  content: "\F0F2"; }

.fa-suitcase-rolling:before {
  content: "\F5C1"; }

.fa-sun:before {
  content: "\F185"; }

.fa-superpowers:before {
  content: "\F2DD"; }

.fa-superscript:before {
  content: "\F12B"; }

.fa-supple:before {
  content: "\F3F9"; }

.fa-surprise:before {
  content: "\F5C2"; }

.fa-swatchbook:before {
  content: "\F5C3"; }

.fa-swimmer:before {
  content: "\F5C4"; }

.fa-swimming-pool:before {
  content: "\F5C5"; }

.fa-synagogue:before {
  content: "\F69B"; }

.fa-sync:before {
  content: "\F021"; }

.fa-sync-alt:before {
  content: "\F2F1"; }

.fa-syringe:before {
  content: "\F48E"; }

.fa-table:before {
  content: "\F0CE"; }

.fa-table-tennis:before {
  content: "\F45D"; }

.fa-tablet:before {
  content: "\F10A"; }

.fa-tablet-alt:before {
  content: "\F3FA"; }

.fa-tablets:before {
  content: "\F490"; }

.fa-tachometer-alt:before {
  content: "\F3FD"; }

.fa-tag:before {
  content: "\F02B"; }

.fa-tags:before {
  content: "\F02C"; }

.fa-tape:before {
  content: "\F4DB"; }

.fa-tasks:before {
  content: "\F0AE"; }

.fa-taxi:before {
  content: "\F1BA"; }

.fa-teamspeak:before {
  content: "\F4F9"; }

.fa-teeth:before {
  content: "\F62E"; }

.fa-teeth-open:before {
  content: "\F62F"; }

.fa-telegram:before {
  content: "\F2C6"; }

.fa-telegram-plane:before {
  content: "\F3FE"; }

.fa-tencent-weibo:before {
  content: "\F1D5"; }

.fa-terminal:before {
  content: "\F120"; }

.fa-text-height:before {
  content: "\F034"; }

.fa-text-width:before {
  content: "\F035"; }

.fa-th:before {
  content: "\F00A"; }

.fa-th-large:before {
  content: "\F009"; }

.fa-th-list:before {
  content: "\F00B"; }

.fa-the-red-yeti:before {
  content: "\F69D"; }

.fa-theater-masks:before {
  content: "\F630"; }

.fa-themeco:before {
  content: "\F5C6"; }

.fa-themeisle:before {
  content: "\F2B2"; }

.fa-thermometer:before {
  content: "\F491"; }

.fa-thermometer-empty:before {
  content: "\F2CB"; }

.fa-thermometer-full:before {
  content: "\F2C7"; }

.fa-thermometer-half:before {
  content: "\F2C9"; }

.fa-thermometer-quarter:before {
  content: "\F2CA"; }

.fa-thermometer-three-quarters:before {
  content: "\F2C8"; }

.fa-thumbs-down:before {
  content: "\F165"; }

.fa-thumbs-up:before {
  content: "\F164"; }

.fa-thumbtack:before {
  content: "\F08D"; }

.fa-ticket-alt:before {
  content: "\F3FF"; }

.fa-times:before {
  content: "\F00D"; }

.fa-times-circle:before {
  content: "\F057"; }

.fa-tint:before {
  content: "\F043"; }

.fa-tint-slash:before {
  content: "\F5C7"; }

.fa-tired:before {
  content: "\F5C8"; }

.fa-toggle-off:before {
  content: "\F204"; }

.fa-toggle-on:before {
  content: "\F205"; }

.fa-toolbox:before {
  content: "\F552"; }

.fa-tooth:before {
  content: "\F5C9"; }

.fa-torah:before {
  content: "\F6A0"; }

.fa-torii-gate:before {
  content: "\F6A1"; }

.fa-trade-federation:before {
  content: "\F513"; }

.fa-trademark:before {
  content: "\F25C"; }

.fa-traffic-light:before {
  content: "\F637"; }

.fa-train:before {
  content: "\F238"; }

.fa-transgender:before {
  content: "\F224"; }

.fa-transgender-alt:before {
  content: "\F225"; }

.fa-trash:before {
  content: "\F1F8"; }

.fa-trash-alt:before {
  content: "\F2ED"; }

.fa-tree:before {
  content: "\F1BB"; }

.fa-trello:before {
  content: "\F181"; }

.fa-tripadvisor:before {
  content: "\F262"; }

.fa-trophy:before {
  content: "\F091"; }

.fa-truck:before {
  content: "\F0D1"; }

.fa-truck-loading:before {
  content: "\F4DE"; }

.fa-truck-monster:before {
  content: "\F63B"; }

.fa-truck-moving:before {
  content: "\F4DF"; }

.fa-truck-pickup:before {
  content: "\F63C"; }

.fa-tshirt:before {
  content: "\F553"; }

.fa-tty:before {
  content: "\F1E4"; }

.fa-tumblr:before {
  content: "\F173"; }

.fa-tumblr-square:before {
  content: "\F174"; }

.fa-tv:before {
  content: "\F26C"; }

.fa-twitch:before {
  content: "\F1E8"; }

.fa-twitter:before {
  content: "\F099"; }

.fa-twitter-square:before {
  content: "\F081"; }

.fa-typo3:before {
  content: "\F42B"; }

.fa-uber:before {
  content: "\F402"; }

.fa-uikit:before {
  content: "\F403"; }

.fa-umbrella:before {
  content: "\F0E9"; }

.fa-umbrella-beach:before {
  content: "\F5CA"; }

.fa-underline:before {
  content: "\F0CD"; }

.fa-undo:before {
  content: "\F0E2"; }

.fa-undo-alt:before {
  content: "\F2EA"; }

.fa-uniregistry:before {
  content: "\F404"; }

.fa-universal-access:before {
  content: "\F29A"; }

.fa-university:before {
  content: "\F19C"; }

.fa-unlink:before {
  content: "\F127"; }

.fa-unlock:before {
  content: "\F09C"; }

.fa-unlock-alt:before {
  content: "\F13E"; }

.fa-untappd:before {
  content: "\F405"; }

.fa-upload:before {
  content: "\F093"; }

.fa-usb:before {
  content: "\F287"; }

.fa-user:before {
  content: "\F007"; }

.fa-user-alt:before {
  content: "\F406"; }

.fa-user-alt-slash:before {
  content: "\F4FA"; }

.fa-user-astronaut:before {
  content: "\F4FB"; }

.fa-user-check:before {
  content: "\F4FC"; }

.fa-user-circle:before {
  content: "\F2BD"; }

.fa-user-clock:before {
  content: "\F4FD"; }

.fa-user-cog:before {
  content: "\F4FE"; }

.fa-user-edit:before {
  content: "\F4FF"; }

.fa-user-friends:before {
  content: "\F500"; }

.fa-user-graduate:before {
  content: "\F501"; }

.fa-user-lock:before {
  content: "\F502"; }

.fa-user-md:before {
  content: "\F0F0"; }

.fa-user-minus:before {
  content: "\F503"; }

.fa-user-ninja:before {
  content: "\F504"; }

.fa-user-plus:before {
  content: "\F234"; }

.fa-user-secret:before {
  content: "\F21B"; }

.fa-user-shield:before {
  content: "\F505"; }

.fa-user-slash:before {
  content: "\F506"; }

.fa-user-tag:before {
  content: "\F507"; }

.fa-user-tie:before {
  content: "\F508"; }

.fa-user-times:before {
  content: "\F235"; }

.fa-users:before {
  content: "\F0C0"; }

.fa-users-cog:before {
  content: "\F509"; }

.fa-ussunnah:before {
  content: "\F407"; }

.fa-utensil-spoon:before {
  content: "\F2E5"; }

.fa-utensils:before {
  content: "\F2E7"; }

.fa-vaadin:before {
  content: "\F408"; }

.fa-vector-square:before {
  content: "\F5CB"; }

.fa-venus:before {
  content: "\F221"; }

.fa-venus-double:before {
  content: "\F226"; }

.fa-venus-mars:before {
  content: "\F228"; }

.fa-viacoin:before {
  content: "\F237"; }

.fa-viadeo:before {
  content: "\F2A9"; }

.fa-viadeo-square:before {
  content: "\F2AA"; }

.fa-vial:before {
  content: "\F492"; }

.fa-vials:before {
  content: "\F493"; }

.fa-viber:before {
  content: "\F409"; }

.fa-video:before {
  content: "\F03D"; }

.fa-video-slash:before {
  content: "\F4E2"; }

.fa-vihara:before {
  content: "\F6A7"; }

.fa-vimeo:before {
  content: "\F40A"; }

.fa-vimeo-square:before {
  content: "\F194"; }

.fa-vimeo-v:before {
  content: "\F27D"; }

.fa-vine:before {
  content: "\F1CA"; }

.fa-vk:before {
  content: "\F189"; }

.fa-vnv:before {
  content: "\F40B"; }

.fa-volleyball-ball:before {
  content: "\F45F"; }

.fa-volume-down:before {
  content: "\F027"; }

.fa-volume-off:before {
  content: "\F026"; }

.fa-volume-up:before {
  content: "\F028"; }

.fa-vuejs:before {
  content: "\F41F"; }

.fa-walking:before {
  content: "\F554"; }

.fa-wallet:before {
  content: "\F555"; }

.fa-warehouse:before {
  content: "\F494"; }

.fa-weebly:before {
  content: "\F5CC"; }

.fa-weibo:before {
  content: "\F18A"; }

.fa-weight:before {
  content: "\F496"; }

.fa-weight-hanging:before {
  content: "\F5CD"; }

.fa-weixin:before {
  content: "\F1D7"; }

.fa-whatsapp:before {
  content: "\F232"; }

.fa-whatsapp-square:before {
  content: "\F40C"; }

.fa-wheelchair:before {
  content: "\F193"; }

.fa-whmcs:before {
  content: "\F40D"; }

.fa-wifi:before {
  content: "\F1EB"; }

.fa-wikipedia-w:before {
  content: "\F266"; }

.fa-window-close:before {
  content: "\F410"; }

.fa-window-maximize:before {
  content: "\F2D0"; }

.fa-window-minimize:before {
  content: "\F2D1"; }

.fa-window-restore:before {
  content: "\F2D2"; }

.fa-windows:before {
  content: "\F17A"; }

.fa-wine-glass:before {
  content: "\F4E3"; }

.fa-wine-glass-alt:before {
  content: "\F5CE"; }

.fa-wix:before {
  content: "\F5CF"; }

.fa-wolf-pack-battalion:before {
  content: "\F514"; }

.fa-won-sign:before {
  content: "\F159"; }

.fa-wordpress:before {
  content: "\F19A"; }

.fa-wordpress-simple:before {
  content: "\F411"; }

.fa-wpbeginner:before {
  content: "\F297"; }

.fa-wpexplorer:before {
  content: "\F2DE"; }

.fa-wpforms:before {
  content: "\F298"; }

.fa-wrench:before {
  content: "\F0AD"; }

.fa-x-ray:before {
  content: "\F497"; }

.fa-xbox:before {
  content: "\F412"; }

.fa-xing:before {
  content: "\F168"; }

.fa-xing-square:before {
  content: "\F169"; }

.fa-y-combinator:before {
  content: "\F23B"; }

.fa-yahoo:before {
  content: "\F19E"; }

.fa-yandex:before {
  content: "\F413"; }

.fa-yandex-international:before {
  content: "\F414"; }

.fa-yelp:before {
  content: "\F1E9"; }

.fa-yen-sign:before {
  content: "\F157"; }

.fa-yin-yang:before {
  content: "\F6AD"; }

.fa-yoast:before {
  content: "\F2B1"; }

.fa-youtube:before {
  content: "\F167"; }

.fa-youtube-square:before {
  content: "\F431"; }

.fa-zhihu:before {
  content: "\F63F"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*!
 * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("/static/fonts/fontawesome/fa-brands-400.eot");
  src: url("/static/fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/static/fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("/static/fonts/fontawesome/fa-brands-400.woff") format("woff"), url("/static/fonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("/static/fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); }


.fab,
.card--video figure::after,
.video-js.player--university .vjs-big-play-button .vjs-icon-placeholder:before,
.img--video::after {
  font-family: 'Font Awesome 5 Brands'; }

/*!
 * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/fontawesome/fa-regular-400.eot");
  src: url("/static/fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/static/fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("/static/fonts/fontawesome/fa-regular-400.woff") format("woff"), url("/static/fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("/static/fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

/*!
 * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("/static/fonts/fontawesome/fa-solid-900.eot");
  src: url("/static/fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/static/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("/static/fonts/fontawesome/fa-solid-900.woff") format("woff"), url("/static/fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("/static/fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas,
.slick--alert::before,
.card-columns--index .card-body--hot::after,
.video-js.player--university.vjs-ended + .vjs-redo::before,
.forum-menu__btn::after,
.forum-posts--list .forum-post::after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-container-pointer-events {
  touch-action: pan-y; }
  .swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px; }
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d; }
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10; }
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }
  .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.Select {
  position: relative; }
  .Select input::-webkit-contacts-auto-fill-button,
  .Select input::-webkit-credentials-auto-fill-button {
    display: none !important; }
  .Select input::-ms-clear {
    display: none !important; }
  .Select input::-ms-reveal {
    display: none !important; }
  .Select,
  .Select div,
  .Select input,
  .Select span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }
  .Select.is-disabled > .Select-control {
    background-color: #f9f9f9; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-searchable.is-open > .Select-control {
    cursor: text; }
  .Select.is-searchable.is-focused:not(.is-open) > .Select-control {
    cursor: text; }
  .Select.is-open > .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9; }
    .Select.is-open > .Select-control .Select-arrow {
      top: -2px;
      border-color: transparent transparent #999;
      border-width: 0 5px 5px; }
  .Select.is-focused > .Select-control {
    background: #fff; }
  .Select.is-focused:not(.is-open) > .Select-control {
    border-color: #08c #0099e6 #0099e6;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); }
  .Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
    padding-right: 42px; }
  .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: #333; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      color: #08c;
      outline: none;
      text-decoration: underline; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      background: #fff; }
  .Select.has-value.is-pseudo-focused .Select-input {
    opacity: 0; }
  .Select.is-open .Select-arrow,
  .Select .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #666; }
  .Select.Select--rtl {
    direction: rtl;
    text-align: right; }

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none;
    background: #fff; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }
  .Select-input > input {
    width: 100%;
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 17px;
    /* For IE 8 compatibility */
    padding: 8px 0 12px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }
  .Select-clear-zone:hover {
    color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }
  .Select--rtl .Select-arrow-zone {
    padding-right: 0;
    padding-left: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-selected {
    background-color: #f5faff;
    color: #333; }
  .Select-option.is-focused {
    background-color: #f2f9fc;
    color: #333; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #ddeff7;
    color: #0077b3; }
  .Select--multi .Select-value-icon:active {
    background-color: #c9e6f2; }

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px; }

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

/* mixin for multiline */
.icon-width--small {
  width: 20px; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px); } }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-ms-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@-moz-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@-ms-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@-o-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    -webkit-transform: skewX(0.39062deg) skewY(0.39062deg);
    -moz-transform: skewX(0.39062deg) skewY(0.39062deg);
    -ms-transform: skewX(0.39062deg) skewY(0.39062deg);
    -o-transform: skewX(0.39062deg) skewY(0.39062deg);
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; } }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-ms-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-o-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

@-moz-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

@-ms-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

@-o-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); } }

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-moz-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-ms-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-o-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center; }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg); }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg); }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); } }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-moz-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-ms-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-o-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg); }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0); } }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-moz-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-ms-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-o-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg); }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg); }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg); }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg); }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg); }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%); } }

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px); }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px); }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px); }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px); }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px); }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@-moz-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@-ms-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@-o-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95); }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3); } }

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-moz-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-ms-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-o-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-moz-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-ms-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-o-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-moz-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-ms-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-o-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-moz-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-ms-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-o-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

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

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

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

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-ms-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px); } }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px); } }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px); } }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px); } }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out; }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out; }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in; }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in; }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in; } }

@-webkit-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-o-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); } }

@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-moz-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-ms-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-o-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg); }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg); }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); } }

@-webkit-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@-moz-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@-ms-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@-o-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg); } }

@-webkit-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@-moz-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@-ms-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@-o-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg); } }

@-webkit-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@-moz-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@-ms-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@-o-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg); }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); } }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@-moz-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@-ms-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@-o-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg); } }

@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-ms-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-moz-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-ms-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-o-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-webkit-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-moz-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-ms-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-o-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-webkit-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-moz-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-ms-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-o-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-webkit-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-moz-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-ms-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-o-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-moz-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-ms-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-o-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center; } }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-moz-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-ms-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-o-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-moz-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-ms-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-o-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-moz-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-ms-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-o-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom; } }

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-moz-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-ms-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-o-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom; } }

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-ms-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-moz-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-ms-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-o-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px); } }

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-moz-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-ms-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-o-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px); } }

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-moz-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-ms-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-o-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px); } }

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px); } }

@-webkit-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@-moz-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@-ms-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@-o-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px); } }

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); } }

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg); }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg); } }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-ms-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

@-webkit-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@-moz-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@-ms-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@-o-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } }

@-webkit-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@-moz-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@-ms-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@-o-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } }

@-webkit-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@-moz-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@-ms-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@-o-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } }

@-webkit-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@-moz-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@-ms-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@-o-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-moz-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-ms-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-o-keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }
  100% {
    opacity: 0; } }

@-webkit-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-moz-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-ms-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-o-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@-ms-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center; } }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@-moz-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@-ms-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@-o-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center; } }

@-webkit-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-moz-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-ms-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@-o-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom; } }

.binder-facebook-profile {
  display: inline-flex;
  align-items: center;
  padding: 10px 16px;
  width: 280px;
  height: 80px;
  color: #fff;
  text-align: left;
  border-radius: 10px;
  border: none;
  background-color: rgba(25, 25, 25, 0.2); }
  .binder-facebook-profile--is-bound {
    box-shadow: inset 3px 0 0 0 #4267b2; }
  .binder-facebook-profile__avatar-wrapper {
    margin-right: 10px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #4267b2; }
  .binder-facebook-profile__avatar {
    width: inherit;
    height: inherit;
    border-radius: inherit; }
  .binder-facebook-profile__avatar-icon {
    width: 50%;
    height: 50%; }
  .binder-facebook-profile__text-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden; }
  .binder-facebook-profile__name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .binder-facebook-profile__voucher {
    margin-right: 10px;
    color: inherit; }
  .binder-facebook-profile__action:hover {
    text-decoration: underline; }
  .binder-facebook-profile__action--bind {
    color: inherit; }
  .binder-facebook-profile__action--unbind {
    color: #333333;
    font-size: 14px; }
  .binder-facebook-profile__action-icon {
    margin-right: 5px; }

.slick-slider {
  position: relative; }
  .slick-slider button {
    cursor: pointer; }
    .slick-slider button:focus {
      outline: none; }

.slick-arrow {
  border: none;
  background: rgba(0, 0, 0, 0.4);
  font-size: 20px;
  width: 50px;
  height: 50px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }
  .slick-arrow::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 60px; }
  .slick-arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .slick-arrow.slick-prev {
    left: 0; }
    .slick-arrow.slick-prev::after {
      content: "\F3CF"; }
  .slick-arrow.slick-next {
    right: 0; }
    .slick-arrow.slick-next::after {
      content: "\F3D1"; }

.slick-dots {
  text-align: center;
  padding: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0; }
  .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0 5px;
    white-space: nowrap; }
    .slick-dots li button {
      background-color: rgba(0, 0, 0, 0.4);
      border: none;
      height: 8px;
      width: 8px;
      padding: 0;
      border-radius: 50%;
      overflow: hidden;
      display: inline-block; }
      .slick-dots li button::before {
        content: '';
        display: inline-block;
        height: 8px;
        width: 8px; }
    .slick-dots li.slick-active button {
      background-color: #EE4D2D;
      width: 24px;
      border-radius: 8px; }
  .slick-dots--pager li {
    display: none !important;
    vertical-align: middle; }
    .slick-dots--pager li.slick-active {
      display: inline-block !important; }

.slick-item__container {
  vertical-align: top; }

.slick--home .slick-list,
.slick--home .slick-track {
  height: 100%; }

.slick--home,
.slick--banner {
  overflow: hidden; }
  .slick--home .slick-item__container figure,
  .slick--banner .slick-item__container figure {
    display: block;
    position: relative;
    padding-bottom: 30%;
    overflow: hidden;
    margin-bottom: 0; }
  .slick--home .slick-item__container img,
  .slick--banner .slick-item__container img {
    position: absolute;
    width: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

@media (max-width: 767.98px) {
  .slick--banner .slick-arrow {
    width: 25px;
    height: 25px; } }

.slick--banner .slick-item__container figure {
  padding-bottom: 17%; }

.slick--post .slick-item__container figure {
  padding-bottom: 60%; }

.slick--alert {
  margin-bottom: 0; }
  .slick--alert.alert-warning {
    border-color: #ffd966; }
  .slick--alert::before {
    content: "\F028";
    color: #EE4D2D;
    display: block;
    position: absolute;
    font-size: 20px;
    left: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
  .slick--alert .slick-dots--pager {
    font-size: 90%;
    text-align: right;
    top: 0;
    left: auto; }
    .slick--alert .slick-dots--pager li {
      right: 30px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      white-space: nowrap; }
      .slick--alert .slick-dots--pager li span {
        display: inline-block;
        vertical-align: top;
        line-height: 1.2; }
  .slick--alert .slick-arrow {
    font-size: 20px;
    width: 20px;
    background: transparent;
    color: #EE4D2D; }
    .slick--alert .slick-arrow.slick-prev {
      right: 60px;
      left: auto; }
    .slick--alert .slick-arrow.slick-next {
      right: 10px; }
  .slick--alert .slick-list {
    margin-left: 30px;
    margin-right: 60px; }

.slick--register .slick-track {
  display: flex;
  align-items: stretch; }

.slick--register .slick-slide {
  float: none;
  height: auto; }
  .slick--register .slick-slide > * {
    display: flex;
    height: 100%;
    align-items: inherit; }

.slick--register .slick-item__intro figure {
  padding-bottom: 85.374%; }
  @media (min-width: 768px) {
    .slick--register .slick-item__intro figure {
      padding-bottom: 62.174%; } }

.slick--register .slick-arrow {
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease; }
  .slick--register .slick-arrow.slick-disabled {
    opacity: 0;
    cursor: default; }

.slick--register .slick-prev,
.slick--register .slick-next {
  height: 40px;
  width: 40px;
  border-radius: 50%; }
  @media (min-width: 1200px) {
    .slick--register .slick-prev,
    .slick--register .slick-next {
      opacity: 1;
      z-index: 1; } }

.slick--register .slick-prev {
  left: 100px; }
  @media (min-width: 1200px) {
    .slick--register .slick-prev {
      left: -2.8rem; } }

.slick--register .slick-next {
  right: 100px; }
  @media (min-width: 1200px) {
    .slick--register .slick-next {
      right: -2.8rem; } }

.slick--register .slick-dots {
  position: static;
  height: 10px;
  margin-top: 1.75rem; }
  .slick--register .slick-dots li {
    margin: 0 5px;
    vertical-align: top; }
    .slick--register .slick-dots li button {
      height: 10px;
      width: 10px; }

.slick--row {
  margin-left: -5px;
  margin-right: -5px; }
  .slick--row .slick-slide > div {
    padding: 1px 5px; }
  .slick--row .slick-track {
    margin-left: 0; }
  .slick--row .slick-dots--pager {
    font-size: 0.875rem;
    text-align: right;
    top: -42px;
    left: auto;
    bottom: auto;
    right: 32px; }
    .slick--row .slick-dots--pager li {
      right: 30px;
      margin: 0;
      white-space: nowrap; }
      .slick--row .slick-dots--pager li span {
        display: inline-block;
        vertical-align: top;
        line-height: 1.2; }
  .slick--row .slick-arrow {
    font-size: 20px;
    width: 20px;
    background: transparent;
    color: #888888;
    top: -30px; }
    .slick--row .slick-arrow.slick-prev {
      right: 60px;
      left: auto; }
    .slick--row .slick-arrow.slick-next {
      right: 10px; }
    .slick--row .slick-arrow.slick-disabled {
      color: #DBDBDB; }
  @media (min-width: 768px) {
    .slick--row {
      margin-left: -10px;
      margin-right: -10px; }
      .slick--row .slick-slide > div {
        padding: 1px 10px; } }

.slick-item__post-title {
  color: #191919;
  margin-top: 24px;
  font-weight: 500;
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 1.875rem;
  font-size: 1.5rem;
  line-height: 1.25;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }
  .slick-item__post-title:hover {
    color: inherit; }
  @media (max-width: 767.98px) {
    .slick-item__post-title {
      display: block;
      display: -webkit-box !important;
      max-width: 100%;
      max-height: 3.75rem;
      font-size: 1.5rem;
      line-height: 1.25;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all; } }

.slick-item__post-info {
  min-height: 130px; }
  @media (max-width: 575.98px) {
    .slick-item__post-info {
      margin-bottom: 24px; } }

.slick-item__post-digest {
  position: relative;
  color: #555555;
  margin: 16px 0px;
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 3rem;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }
  @media (max-width: 767.98px) {
    .slick-item__post-digest {
      margin-bottom: 24px; } }

.slick-item__post-readmore {
  padding-left: 16px;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 20%);
  z-index: 2; }

@media (max-width: 767.98px) {
  .slick-home {
    transform: translateY(-24px); } }

.slick-home .slick-center {
  transform: translateY(-30px); }
  @media (max-width: 767.98px) {
    .slick-home .slick-center {
      transform: none; } }

.slick-home .slick-slide {
  width: 570px; }
  @media (max-width: 1199.98px) {
    .slick-home .slick-slide {
      width: 350px; } }
  @media (max-width: 767.98px) {
    .slick-home .slick-slide {
      width: calc(100vw - 10px); } }

.slick-home__story .slick-slide, .slick-home__forum .slick-slide, .slick-home__video .slick-slide {
  width: calc(100vw - 10px); }
  @media (min-width: 576px) {
    .slick-home__story .slick-slide, .slick-home__forum .slick-slide, .slick-home__video .slick-slide {
      width: calc((720px - 20px) / 2.5); } }
  @media (min-width: 768px) {
    .slick-home__story .slick-slide, .slick-home__forum .slick-slide, .slick-home__video .slick-slide {
      width: calc((940px - 20px) / 2.5); } }
  @media (min-width: 992px) {
    .slick-home__story .slick-slide, .slick-home__forum .slick-slide, .slick-home__video .slick-slide {
      width: calc((1140px - 20px) / 3); } }
  .slick-home__story .slick-slide .slick-item__overlay, .slick-home__forum .slick-slide .slick-item__overlay, .slick-home__video .slick-slide .slick-item__overlay {
    position: relative; }
    .slick-home__story .slick-slide .slick-item__overlay::after, .slick-home__forum .slick-slide .slick-item__overlay::after, .slick-home__video .slick-slide .slick-item__overlay::after {
      content: none; }

@media (max-width: 767.98px) {
  .slick-home .slick-track {
    width: calc(100vw * 18) !important; } }

.slick-home .slick-center .slick-item__overlay--post::after,
.slick-home .slick-center .slick-item__overlay--article::after {
  display: none !important; }

.slick-home .slick-item__overlay {
  position: relative; }
  .slick-home .slick-item__overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(25, 25, 25, 0.2); }

/* Material style */
@keyframes ripple {
  0% {
    transform: scale(0, 0);
    opacity: 1; }
  20% {
    transform: scale(25, 25);
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(40, 40); } }

@keyframes flickerAnimation {
  0% {
    transform: translate(-50%, -50%) scale(1.667);
    opacity: 1; }
  50% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5; }
  100% {
    transform: translate(-50%, -50%) scale(1.667);
    opacity: 1; } }

.animate-flicker, .hint::before {
  animation: flickerAnimation 1.5s infinite; }

@keyframes autofill {
  100% {
    background: transparent; } }

@-webkit-keyframes autofill {
  100% {
    background: transparent; } }

.form-control--popmsg {
  position: relative; }
  .form-control--popmsg .input-group--pre {
    position: absolute;
    z-index: 5;
    top: 1px;
    left: 1px;
    bottom: 1px;
    width: 40px;
    justify-content: center; }
    .form-control--popmsg .input-group--pre .input-group-text {
      padding-left: 0;
      padding-right: 0;
      background: transparent;
      border: 0;
      color: #888888;
      transition: all 0.2s ease-in-out; }
    .form-control--popmsg .input-group--pre + input {
      padding-left: 40px;
      border-radius: 20px !important; }
  .form-control--popmsg .error {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 6px;
    max-width: 100%;
    z-index: 5;
    display: inline-block;
    background-color: #FF4742;
    color: #fff;
    padding: 0.05rem 0.25rem 0.1rem;
    border-radius: 0.2rem;
    font-size: small; }
    .form-control--popmsg .error::after {
      content: '';
      bottom: -5px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: #FF4742 transparent transparent transparent; }
  .form-control--popmsg .Select-control {
    border-radius: 20px;
    padding-left: 40px; }
  .form-control--popmsg .Select-placeholder,
  .form-control--popmsg .Select--single > .Select-control .Select-value {
    padding-left: 40px; }
  .form-control--popmsg .Select-input {
    padding-left: 0;
    padding-bottom: 10px; }
  .form-control--popmsg .Select-placeholder + .Select-input {
    margin-left: 0; }
  .form-control--popmsg .Select + i {
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #888888; }
  .form-control--popmsg .is-focused.Select + i {
    color: #EE4D2D; }
  .form-control--popmsg .is-focused .Select-control {
    transition: all 0.2s ease-in-out;
    border-color: rgba(23, 145, 242, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
  .form-control--popmsg.form-control--error .form-control {
    border-color: #FF4742; }
    .form-control--popmsg.form-control--error .form-control:focus {
      border-color: #FF4742;
      box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }
  .form-control--popmsg.form-control--error .Select-control {
    border-color: #FF4742; }
  .form-control--popmsg.form-control--error .is-focused .Select-control {
    border-color: #FF4742;
    box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }

.form-control--base .is-focused .Select-control {
  transition: all 0.2s ease-in-out;
  border-color: rgba(23, 145, 242, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }

.form-control--base.form-control--error .error {
  margin-left: 0.5rem;
  color: #FF4742;
  font-size: 90%; }

.form-control--base.form-control--error .form-control {
  border-color: #FF4742; }
  .form-control--base.form-control--error .form-control:focus {
    border-color: #FF4742;
    box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }

.form-control--base.form-control--error .Select-control {
  border-color: #FF4742; }

.form-control--base.form-control--error .is-focused .Select-control {
  border-color: #FF4742;
  box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }

.form-control--base.form-control--error .ant-input-number,
.form-control--base.form-control--error .ant-input {
  border-color: #FF4742; }
  .form-control--base.form-control--error .ant-input-number-focused,
  .form-control--base.form-control--error .ant-input-focused {
    border-color: #FF4742;
    box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }

.form-control--base.form-control--error .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #FF4742; }

.form-control--base.form-control--error .ant-upload.ant-upload-select-picture-card {
  border-color: #FF4742; }
  .form-control--base.form-control--error .ant-upload.ant-upload-select-picture-card:hover {
    box-shadow: 0 0 0 0.2rem rgba(255, 71, 66, 0.25); }

.form-control--forum input:-webkit-autofill,
.form-control--forum input:-webkit-autofill:hover,
.form-control--forum input:-webkit-autofill:focus,
.form-control--forum input:-webkit-autofill:active {
  -webkit-animation: autofill 0s forwards;
  animation: autofill 0s forwards; }

.form-control--forum .error {
  display: none; }

.form-control--forum .form-control {
  border-color: transparent;
  border-bottom-color: #DBDBDB; }
  .form-control--forum .form-control--title {
    padding: 20px;
    line-height: 1;
    height: 70px; }

.form-control:disabled, .form-control[read-only] {
  opacity: 0.75; }
  .form-control:disabled + .input-group-append, .form-control[read-only] + .input-group-append {
    color: #888888;
    opacity: 0.75; }

.form-control--height {
  min-height: calc(2.25rem + 2px); }

.form-control--fa-menu {
  font-family: "Font Awesome 5 Free", "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #EE4D2D;
  border-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative; }
  .form-control--fa-menu--icon {
    padding-left: 1.75rem; }
  .form-control--fa-menu + i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none; }
    .form-control--fa-menu + i + i {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0.75rem;
      font-size: 0.875rem;
      color: #EE4D2D; }
  .form-control--fa-menu:focus {
    border-color: transparent;
    box-shadow: none;
    color: #EE4D2D;
    text-decoration: underline; }
  .form-control--fa-menu option {
    font-family: "Font Awesome 5 Free", "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 600;
    color: #888888; }

.Select.is-disabled {
  opacity: 0.75; }

.popup {
  position: fixed;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 50px;
  z-index: 4; }
  @media screen and (max-width: 991px) {
    .popup {
      left: 10px;
      right: 10px;
      transform: none; } }
  .popup .alert {
    box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1);
    margin-bottom: 0; }

.close span {
  display: none; }

.close::before {
  content: "\F406"; }

.modal-header .close::before {
  transform: translateY(-10%); }

.custom-control .custom-control-label::before {
  border-radius: 2px; }

.custom-control--brand .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #EE4D2D;
  background-color: #EE4D2D; }

.custom-control-label {
  display: flex;
  align-items: center; }
  .custom-control-label::before {
    border: 1px solid #CCCCCC;
    background-color: #fff;
    transition: all 0.2s ease-in-out; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: transparent; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  content: "\F3FF";
  color: #fff;
  left: -1.3rem;
  top: 0rem;
  font-size: 1.65rem; }

.form-search__input {
  width: 380px !important;
  max-width: 100%; }

.datepicker-wrap {
  position: absolute;
  left: 0;
  max-width: 100%;
  box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1);
  z-index: 5;
  display: none; }
  .datepicker-wrap--show {
    display: inline-block; }

.input-group-prepend--white .input-group-text {
  background-color: #fff; }

.input-group-prepend--white:first-child .input-group-text {
  border-right-color: transparent; }

.input-group-prepend--white:first-child + input {
  border-left-color: transparent; }

.btns {
  margin-left: -5px;
  margin-right: -5px; }
  .btns .btn, .btns .ring-noti__msg__readmore, .btns .ant-btn {
    margin-left: 5px;
    margin-right: 5px; }

@media (max-width: 575.98px) {
  .input-group--xs {
    width: 262px;
    max-width: 100%; }
    .input-group--xs .input-group-append button {
      min-width: 44px; } }

.is-invalid {
  background-image: none !important; }

.invalid-feedback {
  margin: 0;
  background-color: #fff4f4;
  padding: 0.5rem; }

.ant-upload-list-item-info .anticon-paper-clip {
  display: none; }

.loading {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .loading__placeholder {
    margin-bottom: 20px;
    color: #888888;
    font-size: 1.25rem; }
  .loading__img {
    display: inline-block;
    vertical-align: middle; }

.loading-dot {
  display: inline-block;
  vertical-align: middle;
  text-align: center; }
  .loading-dot > span, .loading-dot::before, .loading-dot::after {
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 0 4px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
  .loading-dot::before, .loading-dot::after {
    content: ''; }
  .loading-dot::before {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .loading-dot span {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }
  .loading-dot--brand > span, .loading-dot--brand::before, .loading-dot--brand::after {
    background-color: #EE4D2D; }

.loading-layout {
  z-index: -1;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
  background-color: rgba(255, 255, 255, 0.85);
  text-align: center; }
  .loading-layout::before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-left: -1px;
    vertical-align: middle; }

.loading-open {
  overflow: hidden; }
  .loading-open .loading-layout {
    opacity: 1;
    z-index: 1060; }
  .loading-open--removing .loading-layout {
    opacity: 0;
    z-index: 1060; }

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.badge-light.badge-brand {
  color: #EE4D2D;
  background-color: #fff; }

.badge-weak {
  border: 1px solid #E8E8E8; }

.badge-brand__linear {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  background-image: linear-gradient(252deg, #ff6633, #f53d2d); }

.card-columns--index {
  padding: 0;
  margin: 0;
  counter-reset: columnsIndex; }
  @media (max-width: 991.98px) {
    .card-columns--index {
      column-count: 1; } }
  @media (min-width: 768px) {
    .card-columns--index {
      column-count: 2; } }
  .card-columns--index .card-body {
    list-style: none;
    position: relative;
    padding: 0 10px;
    -webkit-column-break-inside: avoid;
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 10px; }
    .card-columns--index .card-body::before {
      counter-increment: columnsIndex;
      content: counter(columnsIndex);
      background-color: #BBBBBB;
      color: #fff;
      text-align: center;
      position: absolute;
      top: 20px;
      left: 30px;
      line-height: 20px;
      height: 20px;
      width: 40px;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
      pointer-events: none;
      font-size: 0.875rem; }
    .card-columns--index .card-body--hot::before {
      background-image: linear-gradient(244deg, #ff6633, #f53d2d);
      padding-left: 10px; }
    .card-columns--index .card-body--hot::after {
      position: absolute;
      top: 20px;
      left: 23px;
      line-height: 20px;
      color: #fff;
      width: 40px;
      text-align: center;
      font-size: 12px;
      content: "\F06D";
      pointer-events: none; }
    .card-columns--index .card-body .card-title {
      font-size: 1rem;
      margin-bottom: 0;
      color: #333333;
      padding-left: calc(20px + 1.25rem + 10px); }
    .card-columns--index .card-body .card-watch::before {
      content: "\F2E9";
      margin-right: 0.25rem;
      color: #BBBBBB;
      font-size: 1.25rem;
      display: inline-block;
      vertical-align: middle; }
    .card-columns--index .card-body a {
      background: white;
      padding: 20px;
      box-shadow: inset 0 -1px 0 0 #E8E8E8; }
      .card-columns--index .card-body a:hover {
        text-decoration: none; }
        .card-columns--index .card-body a:hover .card-title {
          text-decoration: underline; }
  .card-columns--index .card-thumbnail {
    margin-left: 20px; }
  .card-columns--index figure {
    background-size: cover;
    padding-bottom: 100%; }

.card--video .card-link {
  display: block; }
  .card--video .card-link:hover figure::after {
    font-size: 3rem; }

.card--video figure {
  padding-bottom: 55.85%; }
  .card--video figure::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(51, 51, 51, 0.3);
    z-index: 1; }
  .card--video figure::after {
    content: "\F167";
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2.5rem;
    z-index: 2;
    opacity: 0.9;
    text-shadow: 1px 1px 10px rgba(25, 25, 25, 0.5);
    transition: all 0.2s ease-in-out;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased; }

.card--course-detail {
  position: relative;
  border: none;
  background: transparent; }
  .card--course-detail .card__main {
    box-shadow: 0 2px 10px 0 rgba(25, 25, 25, 0.2);
    z-index: 1; }
  .card--course-detail .card__title {
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    max-height: 90px;
    margin: 0 auto;
    font-size: 30px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #333333;
    margin-bottom: 0.5rem; }
  .card--course-detail .card__actions .btn, .card--course-detail .card__actions .ring-noti__msg__readmore, .card--course-detail .card__actions .ant-btn {
    min-width: inherit; }
  .card--course-detail .card__actions--lg .btn, .card--course-detail .card__actions--lg .ring-noti__msg__readmore, .card--course-detail .card__actions--lg .ant-btn {
    width: calc(50% - 10px); }
  .card--course-detail .card__actions--sm .btn, .card--course-detail .card__actions--sm .ring-noti__msg__readmore, .card--course-detail .card__actions--sm .ant-btn {
    font-size: 0.875rem; }
  .card--course-detail .actions-group {
    margin: 0 -5px; }
    .card--course-detail .actions-group .btn, .card--course-detail .actions-group .ring-noti__msg__readmore, .card--course-detail .actions-group .ant-btn {
      margin: 0 5px; }
  .card--course-detail .card__video {
    position: relative;
    padding-bottom: 55.85%; }
    .card--course-detail .card__video-player {
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0; }
      .card--course-detail .card__video-player.video-js {
        width: auto; }
  .card--course-detail .card__purchased {
    position: absolute;
    right: 5px;
    left: 5px;
    bottom: 0;
    color: white;
    text-align: right;
    font-size: 14px;
    line-height: 30px;
    padding-right: 20px;
    background-size: cover; }
  .card--course-detail .card__lessons {
    background: white;
    transition: all 0.25s ease;
    box-shadow: 0 2px 10px 0 rgba(25, 25, 25, 0.2);
    margin: 10px; }
  @media (min-width: 768px) {
    .card--course-detail .card__lessons {
      background: #efefef !important;
      box-shadow: inset 0 -1px 0 0 #DBDBDB;
      margin: 0; }
      .card--course-detail .card__lessons:hover {
        background: #ffffff !important; }
    .card--course-detail .card__purchased {
      right: 10px;
      left: 10px; } }
  @media (min-width: 992px) {
    .card--course-detail .card__purchased {
      left: -10px; } }

.card--course {
  border-radius: 0; }
  .card--course .card__title {
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    height: 48px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #333333; }
  @media (min-width: 768px) {
    .card--course.card--list .card__title {
      display: block;
      display: -webkit-box !important;
      max-width: 100%;
      height: 1.5625rem;
      margin: 0 auto;
      font-size: 1.25rem;
      line-height: 1.25;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all; } }
  @media (min-width: 992px) {
    .card--course.card--list .card__title {
      display: block;
      display: -webkit-box !important;
      max-width: 100%;
      height: 2.25rem;
      margin: 0 auto;
      font-size: 1.5rem;
      line-height: 1.5;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all; } }

.card--order {
  border: none;
  box-shadow: 0 0 6px 0 rgba(25, 25, 25, 0.1); }
  @media (max-width: 767.98px) {
    .card--order {
      font-size: 14px; } }

.card--login {
  width: 500px;
  max-width: calc(100% - 20px);
  box-shadow: 0 2px 4px 0 rgba(25, 25, 25, 0.1);
  z-index: 9;
  margin-top: 70px;
  margin-bottom: 20px; }
  .card--login .card-body {
    padding: 30px 10px; }
  .card--login .card__logo {
    color: #EE4D2D; }
    .card--login .card__logo img {
      width: 32px;
      margin-right: 0.5rem; }
  .card--login .card__avatar.rounded-circle .ant-upload.ant-upload-select-picture-card, .card--login .card__avatar.slick-arrow .ant-upload.ant-upload-select-picture-card {
    border-radius: 50%; }
  .card--login .card__avatar__box {
    width: 125px; }
  .card--login .card__avatar .ant-upload.ant-upload-select-picture-card {
    background: white;
    border-style: solid;
    border-color: #E8E8E8;
    box-shadow: 0 2px 4px 0 rgba(25, 25, 25, 0.1); }
    .card--login .card__avatar .ant-upload.ant-upload-select-picture-card > .ant-upload {
      padding: 4px; }
  .card--login .card__avatar figure {
    background: transparent; }
    .card--login .card__avatar figure figcaption:first-child {
      color: white;
      background-color: #CCCCCC; }
      .card--login .card__avatar figure figcaption:first-child i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 26px; }
  .card--login .card__form {
    max-width: 100%;
    width: 320px;
    margin: 0 auto; }
  .card--login .card__skip {
    position: absolute;
    right: 10px;
    bottom: 20px;
    top: auto; }
  @media (min-width: 768px) {
    .card--login .card-body {
      padding-right: 20px;
      padding-left: 20px; }
    .card--login .card__skip {
      right: 20px; } }

.card--profile-rank {
  border-width: 0;
  background: transparent; }
  .card--profile-rank figure {
    padding-bottom: 100%;
    border-radius: 50%; }
  .card--profile-rank.flex-row + .flex-row {
    margin-top: 0.6rem;
    padding-top: 0.6rem;
    border-top: 1px solid #F5F5F5; }
  .card--profile-rank .card__avatar {
    width: 126px; }
    .card--profile-rank .card__avatar--empty figure {
      background: #E8E8E8; }
    .card--profile-rank .card__avatar--empty img {
      width: 65px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.card--shadow {
  border: 0;
  box-shadow: 0 0 10px 0 rgba(25, 25, 25, 0.25); }

.card--row-decoration {
  background-repeat: no-repeat;
  background-position: right 10px top 10px; }

.DraftEditor-editorContainer figure {
  background-image: none;
  padding-bottom: 0;
  width: auto;
  max-width: 100%; }
  .DraftEditor-editorContainer figure img {
    width: auto;
    max-width: 100%;
    position: relative; }

.playlist {
  left: -10px;
  top: 0;
  right: 10px;
  bottom: 0;
  background: #333333;
  color: white; }
  .playlist__title {
    background-color: #191919;
    padding: 12px 20px;
    box-shadow: 0 2px 4px 0 rgba(25, 25, 25, 0.25), inset 0 -1px 0 0 rgba(219, 219, 219, 0.3); }
  .playlist__content {
    overflow-y: auto;
    max-height: calc(calc(1.5rem + 24px) * 5.5); }
    .playlist__content > * {
      color: white;
      padding: 0 20px; }
      .playlist__content > * > * {
        padding: 12px 0;
        box-shadow: inset 0 -1px 0 0 rgba(219, 219, 219, 0.3); }
      .playlist__content > * i {
        font-size: 12px;
        color: #CCCCCC;
        line-height: 1.5rem; }
      .playlist__content > *:hover, .playlist__content > *:focus {
        text-decoration: none;
        color: white;
        background: #555555; }
  .playlist__extend {
    padding-top: 12px;
    padding-bottom: 12px; }
  .playlist__collapse {
    box-shadow: 0 2px 4px 0 rgba(25, 25, 25, 0.25), inset 0 -1px 0 0 rgba(219, 219, 219, 0.3); }
  .playlist__actions {
    background-color: #191919;
    padding: 12px 20px; }
  @media (min-width: 992px) {
    .playlist {
      position: absolute; }
      .playlist .playlist__content {
        max-height: inherit;
        height: calc(100% - calc(1.5rem + 24px)); } }
  .playlist__chatroom {
    position: absolute;
    left: -20px;
    width: calc(100% + 20px); }
    @media (max-width: 991.98px) {
      .playlist__chatroom {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 1;
        width: 100%; } }
    .playlist__chatroom__overlay {
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }

.vjs-redo {
  display: none;
  position: absolute; }

.video-js.player--university::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s ease; }

.video-js.player--university.vjs-has-started::before {
  bottom: 50px; }

.video-js.player--university.vjs-paused::before {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.4); }

.video-js.player--university.vjs-ended .vjs-big-play-button .vjs-icon-placeholder::before {
  display: none; }

.video-js.player--university.vjs-ended + .vjs-redo {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  pointer-events: none;
  z-index: 3; }
  .video-js.player--university.vjs-ended + .vjs-redo::before {
    content: "\F01E";
    display: block;
    transform: scaleX(-1);
    font-size: 32px;
    margin-bottom: 10px; }

.video-js.player--university.vjs-has-started.vjs-paused .vjs-big-play-button {
  display: block; }

.video-js.player--university:hover .vjs-big-play-button,
.video-js.player--university .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 1; }

.video-js.player--university .vjs-big-play-button {
  border: 0;
  height: calc(100% - 50px);
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 1;
  background-color: transparent;
  opacity: 0.8;
  z-index: 3; }
  .video-js.player--university .vjs-big-play-button .vjs-icon-placeholder {
    position: relative;
    display: block; }
    .video-js.player--university .vjs-big-play-button .vjs-icon-placeholder:before {
      content: "\F167";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 67px; }

.video-js.player--university .vjs-control {
  height: 30px; }

.video-js.player--university .vjs-control-bar {
  flex-wrap: wrap;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.4); }

.video-js.player--university .vjs-progress-holder {
  margin: 0 !important;
  background-color: rgba(51, 51, 51, 0.7); }

.video-js.player--university .vjs-load-progress,
.video-js.player--university .vjs-load-progress div {
  background: #555555; }

.video-js.player--university .vjs-play-progress {
  background-color: #EE4D2D; }
  .video-js.player--university .vjs-play-progress::before {
    z-index: 5; }

.video-js.player--university .vjs-progress-control {
  order: 0;
  min-width: 100%;
  height: auto; }
  .video-js.player--university .vjs-progress-control,
  .video-js.player--university .vjs-progress-control .vjs-progress-holder,
  .video-js.player--university .vjs-progress-control:hover .vjs-progress-holder {
    font-size: inherit;
    height: 6px; }

.video-js.player--university .vjs-play-control {
  order: 1; }

.video-js.player--university .vjs-time-duration {
  order: 2;
  color: rgba(255, 255, 255, 0.42); }
  .video-js.player--university .vjs-time-duration__start, .video-js.player--university .vjs-time-duration__end {
    display: inline-block;
    min-width: 40px; }
  .video-js.player--university .vjs-time-duration__start {
    color: white; }

.video-js.player--university .vjs-slider-horizontal .vjs-volume-level:before {
  top: -4px; }

.video-js.player--university .vjs-volume-panel {
  order: 3; }

.video-js.player--university .vjs-remaining-time,
.video-js.player--university .vjs-picture-in-picture-control {
  display: none; }

.video-js.player--university .vjs-playback-rate {
  order: 5;
  margin-left: auto; }
  .video-js.player--university .vjs-playback-rate .vjs-menu {
    z-index: 4; }

.video-js.player--university .vjs-fullscreen-control {
  order: 6; }

.post-item {
  background-color: #fff;
  height: 100%; }
  @media (max-width: 767.98px) {
    .post-item {
      margin-bottom: 10px; } }
  .post-item--border {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #E8E8E8; }
  .post-item__image-link {
    display: block;
    height: 100%; }
  .post-item__image-figure {
    height: 100%; }
  .post-item__image {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    transition: transform 100ms ease-in-out; }
    .post-item__image:hover {
      transform: translate(-50%, -50%) scale(1.2); }
  .post-item__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 180px;
    padding: 20px; }
    @media (max-width: 991.98px) {
      .post-item__content {
        padding: 20px;
        min-height: 100px; } }
    @media (max-width: 767.98px) {
      .post-item__content {
        padding: 10px;
        min-height: 100px; } }
  .post-item__content-date {
    display: block;
    line-height: 1;
    color: #888888;
    font-size: 0.875rem; }
  .post-item__content-header-title {
    display: block;
    color: #191919;
    font-weight: 500; }
    .post-item__content-header-title:hover {
      color: inherit;
      text-decoration: none; }
  .post-item__content-header {
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    height: 3.75rem;
    font-size: 1.25rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all; }
    @media (max-width: 767.98px) {
      .post-item__content-header {
        margin-bottom: 10px; } }
  .post-item__content-body {
    margin: 0;
    color: #888888;
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    height: 3rem;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all; }
  .post-item__content-author {
    display: flex;
    align-items: center;
    margin-top: auto; }
    .post-item__content-author-avatar {
      width: 36px;
      height: 36px;
      padding: 0px;
      border-radius: 50%; }
    .post-item__content-author-info {
      margin-left: 10px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .post-item__content-author-name {
      color: #191919;
      margin-bottom: 6px;
      font-size: 1rem;
      font-weight: 500; }
      .post-item__content-author-name:hover {
        color: inherit; }
  .post-item__content-footer {
    display: flex;
    align-items: center;
    min-height: 36px;
    overflow: hidden; }
  .post-item__tag-item {
    display: inline-block;
    padding: 4px;
    line-height: 1;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 300;
    background-color: #555555;
    border-radius: 2px;
    white-space: nowrap;
    margin-bottom: 16px; }
    .post-item__tag-item:not(:first-child) {
      margin-left: 10px; }
    @media (max-width: 991.98px) {
      .post-item__tag-item {
        margin-bottom: 10px; } }

@keyframes flip {
  0% {
    background-image: inherit;
    transform: scale(1); }
  12% {
    background-image: url("/static/images/signIn/coin_golden_2.png");
    transform: scale(1);
    animation-delay: 0.01s; }
  24% {
    background-image: url("/static/images/signIn/coin_golden_3.png");
    transform: scale(1.2);
    animation-delay: 0.01s; }
  36% {
    background-image: url("/static/images/signIn/coin_golden_4.png");
    transform: scale(1.2);
    animation-delay: 0.01s; }
  48% {
    background-image: url("/static/images/signIn/coin_golden_5.png");
    transform: scale(1.2);
    animation-delay: 0.01s; }
  60% {
    background-image: url("/static/images/signIn/coin_golden_6.png");
    transform: scale(1);
    animation-delay: 0.01s; }
  72% {
    background-image: url("/static/images/signIn/coin_golden_1.png");
    transform: scale(1);
    animation-delay: 0.01s; }
  84% {
    background-image: url("/static/images/signIn/coin.svg");
    transform: scale(1.2); }
  100% {
    background-image: url("/static/images/signIn/coin.svg");
    transform: scale(1); } }

@keyframes firework {
  from {
    float: right;
    width: 0; }
  50% {
    width: 100%;
    background-color: #ffd03f; }
  to {
    float: left;
    width: 0; } }

@keyframes fill {
  from {
    width: 0; }
  to {
    width: 100%; } }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes swing {
  from {
    transform: rotate3d(0, 0, 1, 0deg); }
  20% {
    transform: rotate3d(0, 0, 1, 10deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 10deg); }
  80% {
    transform: rotate3d(0, 0, 1, -10deg); }
  to {
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes rotateOutBottomRight {
  from {
    opacity: 1; }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    transform-origin: bottom right;
    opacity: 0; } }

@keyframes scaleAndDisappear {
  from {
    opacity: 1;
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  to {
    transform: scale(0); } }

@keyframes throwTopRight {
  from {
    opacity: 1;
    transform: rotate(0deg); }
  to {
    transform: rotate(40deg);
    opacity: 0; } }

@keyframes throwTopRightInner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-40deg); } }

@keyframes throwTopLeft {
  from {
    opacity: 1;
    transform: rotate(0deg); }
  to {
    transform: rotate(-90deg);
    opacity: 0; } }

@keyframes throwTopLeftInner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(90deg); } }

@keyframes throwTop {
  from {
    opacity: 1;
    transform: rotate(0deg); }
  to {
    transform: rotate(60deg);
    opacity: 0; } }

@keyframes throwTopInner {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-60deg); } }

@media (max-width: 767.98px) {
  .point__log__table {
    overflow-x: scroll; } }

.point__link {
  color: inherit; }
  .point__link:hover {
    color: inherit;
    text-decoration: none; }

.point__article {
  background-color: #fff !important; }
  .point__article__icon {
    right: 25px !important;
    font-size: 1rem !important; }
    @media (max-width: 767.98px) {
      .point__article__icon {
        right: 15px !important; } }
  .point__article__panel {
    background-color: #fff;
    margin-bottom: 20px; }
    .point__article__panel--active {
      color: #EE4D2D; }

.point__login {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  position: absolute; }
  .point__login__button {
    color: #191919;
    background-color: #fff;
    border: none;
    box-shadow: 0 0 10px 0 rgba(25, 25, 25, 0.1);
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .point__login__button:focus {
      background-color: #ffdfd5;
      color: #EE4D2D; }
    @media (hover: hover) and (pointer: fine) {
      .point__login__button:hover {
        background-color: #fff2ee;
        color: #EE4D2D; } }

.point__delivery {
  display: flex;
  justify-content: center;
  position: relative; }
  .point__delivery__step {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-width: 150px; }
    .point__delivery__step__icon {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #E8E8E8;
      color: #fff;
      font-size: 1rem;
      margin-bottom: 10px; }
      .point__delivery__step__icon--active {
        background-color: #00BFA5; }
    .point__delivery__step__text {
      width: 100%;
      text-align: center; }
  .point__delivery__divider {
    position: absolute;
    top: 18px;
    width: 110px;
    height: 1px;
    border: 1px dashed #DBDBDB; }
  .point__delivery__hint {
    color: #888888;
    font-size: 1rem; }

.point__order {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #E8E8E8; }
  .point__order__info {
    width: 100%; }
  @media (max-width: 767.98px) {
    .point__order {
      margin-bottom: 16px;
      padding-bottom: 0; } }

.point__product__purchase {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: auto; }
  .point__product__purchase__button {
    padding: 3px 13px; }

.point__product__body {
  display: flex;
  flex-direction: column;
  padding: 20px !important;
  height: 100%; }
  @media (max-width: 991.98px) {
    .point__product__body {
      padding: 16px 20px 10px 20px !important; } }
  @media (max-width: 767.98px) {
    .point__product__body {
      padding: 16px !important; } }
  .point__product__body__title {
    font-size: 1rem;
    line-height: 1 !important;
    margin-bottom: 10px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    @media (max-width: 991.98px) {
      .point__product__body__title {
        margin-bottom: 0 !important; } }
  .point__product__body__description {
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    height: 2.625rem;
    font-size: 0.875rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #555555; }
  .point__product__body__order {
    margin-top: auto; }

.point__anchor {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  padding: 20px 0px; }
  .point__anchor__link {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    color: #191919;
    font-size: 1rem; }
    @media (max-width: 767.98px) {
      .point__anchor__link {
        font-size: 0.875rem; } }
    .point__anchor__link:hover {
      color: inherit; }

.point__expiring {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 280px;
  padding: 16px;
  background-color: rgba(25, 25, 25, 0.2);
  border-radius: 10px;
  font-size: 0.875rem; }
  @media (max-width: 991.98px) {
    .point__expiring {
      min-width: 240px; } }
  @media (max-width: 767.98px) {
    .point__expiring {
      min-width: 280px;
      margin-top: 16px;
      margin-bottom: 30px; } }

.point__total {
  font-size: 1.5rem; }

.point__signIn {
  display: flex;
  align-items: center;
  position: relative;
  min-width: 140px;
  margin-bottom: 32px; }
  .point__signIn:last-child {
    min-width: 0; }
  @media (max-width: 991.98px) {
    .point__signIn {
      min-width: 50px;
      margin-bottom: 0px; } }
  .point__signIn__day {
    position: absolute;
    transform: translate(6px, 50px);
    margin: 0;
    width: 48px;
    text-align: center; }
    @media (max-width: 767.98px) {
      .point__signIn__day {
        width: 36px;
        font-size: 0.75rem;
        transform: translate(-3px, 30px); } }
    .point__signIn__day--active {
      color: #EE4D2D; }
  .point__signIn__figure {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 2;
    transition: background-image 0.6s; }
    .point__signIn__figure::before {
      position: absolute;
      width: 0;
      height: 0;
      background-image: url("/static/images/signIn/coin_golden_1.png"), url("/static/images/signIn/coin_golden_2.png"), url("/static/images/signIn/coin_golden_3.png"), url("/static/images/signIn/coin_golden_4.png"), url("/static/images/signIn/coin_golden_5.png"), url("/static/images/signIn/coin_golden_6.png"), url("/static/images/signIn/coin.svg"), url("/static/images/signIn/gift_1.svg"), url("/static/images/signIn/gift_2.svg"), url("/static/images/signIn/coin_1_waiting.png"), url("/static/images/signIn/coin_2_waiting.png"), url("/static/images/signIn/coin_3_waiting.png"), url("/static/images/signIn/coin_15_waiting.png");
      content: ''; }
    @media (max-width: 767.98px) {
      .point__signIn__figure {
        width: 30px;
        height: 30px; } }
    .point__signIn__figure--flipped {
      animation-name: flip;
      animation-delay: 0.4s;
      animation-duration: 0.5s;
      animation-timing-function: ease-in;
      animation-fill-mode: forwards; }
  .point__signIn__dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e7e7e7;
    margin: 0 6px; }
    .point__signIn__dot:first-child {
      margin-left: 10px; }
      @media (max-width: 767.98px) {
        .point__signIn__dot:first-child {
          margin-left: 6px; } }
    .point__signIn__dot:last-child {
      margin-right: 10px; }
      @media (max-width: 767.98px) {
        .point__signIn__dot:last-child {
          margin-right: 6px; } }
    @media (max-width: 767.98px) {
      .point__signIn__dot {
        width: 4px;
        height: 4px;
        margin: 0 2px; } }
    .point__signIn__dot--active {
      background-color: #ffd03f; }
  .point__signIn__firework {
    width: 20px;
    height: 6px;
    position: absolute; }
    .point__signIn__firework__child {
      position: relative;
      height: 100%;
      border-radius: 5px; }
      .point__signIn__firework__child--active {
        animation-name: firework;
        animation-delay: 0.65s;
        animation-duration: 0.25s;
        animation-timing-function: linear; }
    @media (max-width: 767.98px) {
      .point__signIn__firework {
        width: 10px;
        height: 4px; } }
    .point__signIn__firework:nth-of-type(1) {
      transform: translate(-15px, -35px) rotate(45deg); }
      @media (max-width: 767.98px) {
        .point__signIn__firework:nth-of-type(1) {
          transform: translate(-8px, -17px) rotate(45deg); } }
    .point__signIn__firework:nth-of-type(2) {
      transform: translate(20px, -50px) rotate(90deg); }
      @media (max-width: 767.98px) {
        .point__signIn__firework:nth-of-type(2) {
          transform: translate(10px, -25px) rotate(90deg); } }
    .point__signIn__firework:nth-of-type(3) {
      transform: translate(55px, -35px) rotate(135deg); }
      @media (max-width: 767.98px) {
        .point__signIn__firework:nth-of-type(3) {
          transform: translate(29px, -17px) rotate(135deg); } }
    .point__signIn__firework:nth-of-type(4) {
      transform: translate(67px, 0px) rotate(180deg); }
      @media (max-width: 767.98px) {
        .point__signIn__firework:nth-of-type(4) {
          transform: translate(34px, 0px) rotate(180deg); } }
    .point__signIn__firework:nth-of-type(5) {
      transform: translate(55px, 35px) rotate(225deg); }
      @media (max-width: 767.98px) {
        .point__signIn__firework:nth-of-type(5) {
          transform: translate(29px, 17px) rotate(225deg); } }
    .point__signIn__firework:nth-of-type(6) {
      transform: translate(20px, 50px) rotate(270deg); }
      @media (max-width: 767.98px) {
        .point__signIn__firework:nth-of-type(6) {
          transform: translate(10px, 25px) rotate(270deg); } }
    .point__signIn__firework:nth-of-type(7) {
      transform: translate(-15px, 35px) rotate(315deg); }
      @media (max-width: 767.98px) {
        .point__signIn__firework:nth-of-type(7) {
          transform: translate(-8px, 17px) rotate(315deg); } }
    .point__signIn__firework:nth-of-type(8) {
      transform: translate(-27px, 0px) rotate(360deg); }
      @media (max-width: 767.98px) {
        .point__signIn__firework:nth-of-type(8) {
          transform: translate(-14px, 0px) rotate(360deg); } }
  .point__signIn__progress {
    width: 100%;
    height: 6px;
    background-color: #ffd03f;
    position: absolute;
    left: 5px; }
    @media (max-width: 767.98px) {
      .point__signIn__progress {
        height: 4px; } }
    .point__signIn__progress--active {
      animation-name: fill;
      animation-duration: 0.6s;
      border-bottom-right-radius: 5px;
      border-top-right-radius: 5px; }
  .point__signIn__gift {
    width: 87px;
    height: 79px;
    position: absolute;
    z-index: 100;
    left: -10px;
    bottom: 0; }
    @media (max-width: 767.98px) {
      .point__signIn__gift {
        width: 150px;
        height: 135px; } }
    .point__signIn__gift__header {
      background-image: url("/static/images/signIn/gift_1.svg");
      background-repeat: no-repeat;
      height: 39px;
      opacity: 0;
      animation-name: fadeIn, swing, rotateOutBottomRight;
      animation-duration: 0.6s, 0.4s, 0.5s;
      animation-delay: 0.6s, 1.2s, 1.6s;
      animation-fill-mode: forwards; }
      @media (max-width: 767.98px) {
        .point__signIn__gift__header {
          height: 68px; } }
    .point__signIn__gift__body {
      background-image: url("/static/images/signIn/gift_2.svg");
      background-position: center;
      background-repeat: no-repeat;
      height: 40px;
      opacity: 0;
      animation-name: fadeIn, swing, scaleAndDisappear;
      animation-duration: 0.6s, 0.4s, 0.6s;
      animation-delay: 0.6s, 1.2s, 3s;
      animation-fill-mode: forwards; }
      @media (max-width: 767.98px) {
        .point__signIn__gift__body {
          height: 70px; } }
    @media (max-width: 767.98px) {
      .point__signIn__gift {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); } }
    .point__signIn__gift__coin {
      opacity: 0;
      position: absolute;
      z-index: -1;
      top: 20px;
      left: 10px;
      width: 100px;
      height: 60px; }
      @media (max-width: 767.98px) {
        .point__signIn__gift__coin {
          width: 200px;
          height: 80px;
          left: 30px; } }
      .point__signIn__gift__coin__child {
        position: relative;
        width: 60px; }
        @media (max-width: 767.98px) {
          .point__signIn__gift__coin__child {
            width: 80px; } }
      .point__signIn__gift__coin:first-of-type {
        transform-origin: bottom right;
        animation-name: throwTopRight;
        animation-duration: 0.5s;
        animation-delay: 1.8s; }
        .point__signIn__gift__coin:first-of-type .point__signIn__gift__coin__child {
          animation-name: throwTopRightInner;
          animation-duration: 0.5s;
          animation-delay: 1.8s; }
      .point__signIn__gift__coin:nth-of-type(2) {
        transform-origin: center left;
        animation-name: throwTopLeft;
        animation-duration: 0.5s;
        animation-delay: 2s; }
        .point__signIn__gift__coin:nth-of-type(2) .point__signIn__gift__coin__child {
          animation-name: throwTopLeftInner;
          animation-duration: 0.5s;
          animation-delay: 2s; }
      .point__signIn__gift__coin:last-of-type {
        transform-origin: center right;
        animation-name: throwTop;
        animation-duration: 0.5s;
        animation-delay: 2.2s; }
        .point__signIn__gift__coin:last-of-type .point__signIn__gift__coin__child {
          animation-name: throwTopInner;
          animation-duration: 0.5s;
          animation-delay: 2.2s; }

.course-list {
  margin-top: -1rem;
  margin-bottom: -1rem; }
  .course-list .course {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 1rem; }
    .course-list .course + .course::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #E8E8E8; }
    .course-list .course:hover {
      text-decoration: none; }
      .course-list .course:hover .course__title {
        text-decoration: underline; }
  .course-list small {
    font-size: 0.875rem;
    line-height: 1.25; }

.course__title {
  color: #333333; }
  .course__title:hover {
    color: #333333; }

.course-free-units-triggerer {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white; }
  .course-free-units-triggerer:hover > [data-role='icon'] {
    transform: scale(1.2); }
  .course-free-units-triggerer__icon {
    opacity: 0.8;
    transition: transform ease-in-out 200ms; }
  .course-free-units-triggerer__text {
    margin-top: 15px;
    font-size: 1.25rem;
    font-weight: 300; }

.video.video--sm {
  margin-bottom: 0; }
  .video.video--sm + .video--sm {
    margin-top: 17px; }
    .video.video--sm + .video--sm::before {
      content: '';
      display: block;
      height: 1px;
      width: 100%;
      background: #E8E8E8;
      margin-bottom: 16px; }

.video--sm .img--video::after {
  font-size: 1.25rem; }

.video--sm .video__col {
  min-width: 117px; }

.video--sm figure figcaption:first-child::after {
  font-size: 1rem; }

.modal {
  text-align: center; }
  .modal::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px;
    margin-left: -1px; }
  .modal-dialog {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 500px;
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px; }
  .modal-title {
    font-weight: 700;
    line-height: 1; }
  .modal-header {
    border-bottom-width: 0;
    color: #191919;
    align-items: center; }
    .modal-header .close {
      margin: 0;
      width: 30px;
      height: 30px; }
      .modal-header .close::before {
        font-size: 36px;
        line-height: 1;
        position: absolute;
        right: 1.6rem;
        top: 1.1rem; }
  .modal-body {
    min-height: 1px; }
  .modal-footer {
    border-top-width: 0; }
  .modal-lg {
    width: 800px; }
  .modal-conatiner {
    width: 1120px; }
  .modal--radius-0 .modal-content {
    border-radius: 0; }

.account-profile-avatar {
  width: 160px;
  height: 160px; }
  .account-profile-avatar figure {
    padding-bottom: 100%; }
  .account-profile-avatar > .ant-upload-picture-card-wrapper > .ant-upload.ant-upload-select-picture-card {
    border-radius: 50%;
    height: 160px;
    background-clip: padding-box; }

.hint {
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block; }
  .hint::before {
    content: '';
    display: block;
    background: rgba(255, 191, 0, 0.2);
    background-color: radial-gradient(circle, rgba(255, 191, 0, 0.2) 35%, rgba(0, 212, 255, 0) 100%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 30px;
    width: 30px;
    border-radius: 50%; }
  .hint::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 30px;
    width: 30px;
    background-image: url("/static/images/icon/img-point-icon.svg"); }

.kv--home {
  transition: 0.15s ease-in; }
  .kv--home .kv {
    display: flex;
    position: relative;
    justify-content: stretch;
    min-height: 210px; }
    .kv--home .kv:hover .kv__side-content {
      display: block; }
    .kv--home .kv__main {
      height: 100%;
      position: relative; }
      .kv--home .kv__main .swiper-container {
        height: 100% !important; }
      .kv--home .kv__main figure {
        height: 100%;
        padding-bottom: 0;
        background-size: contain; }
        .kv--home .kv__main figure figcaption {
          position: relative;
          height: 100%; }
      .kv--home .kv__main img {
        width: 100%;
        position: relative;
        object-fit: cover; }
    .kv--home .kv__item-block {
      width: 170px;
      border-radius: 4px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
      background: rgba(0, 0, 0, 0.4); }
      .kv--home .kv__item-block__item {
        display: flex;
        align-items: center;
        position: relative;
        padding: 20px 18px 0; }
        .kv--home .kv__item-block__item:last-child {
          padding-bottom: 20px; }
        .kv--home .kv__item-block__item__title {
          cursor: pointer;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #fff;
          font-size: 1rem; }
        .kv--home .kv__item-block__item__icon {
          width: 24px;
          height: 24px;
          margin-right: 12px; }
        .kv--home .kv__item-block__item figure {
          padding: 0;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: 0; }
    .kv--home .kv__side-content {
      display: none;
      background-color: #fff;
      padding: 1rem;
      border-radius: 4px;
      width: 242px;
      position: absolute;
      height: 100%;
      top: 0;
      left: -242px;
      box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1);
      z-index: 10; }
      .kv--home .kv__side-content__item-list {
        display: grid;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: 'a b' 'c d'; }
      .kv--home .kv__side-content__item {
        width: 100%;
        display: flex;
        margin-bottom: 1rem; }
        .kv--home .kv__side-content__item__title {
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
      .kv--home .kv__side-content__title {
        color: #191919; }
      .kv--home .kv__side-content__card {
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F5F5F5;
        border-radius: 4px;
        height: 64px;
        width: 100px;
        color: #888888; }

@media (max-width: 1199.98px) {
  .kv--home {
    top: 0;
    right: 0;
    position: relative;
    transform: initial;
    background-color: #F5F5F5; }
    .kv--home .kv {
      height: auto;
      display: flex;
      min-height: auto;
      flex-direction: column-reverse;
      margin-top: 1.5rem; }
      .kv--home .kv__side-content {
        left: 0;
        width: 100%;
        display: flex;
        max-width: initial;
        position: relative;
        align-items: center;
        box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1); }
        .kv--home .kv__side-content__item-list {
          width: 100%;
          grid-column-gap: 20px;
          grid-template-rows: none;
          grid-template-areas: 'a b c d';
          grid-template-columns: 1fr 1fr 1fr 1fr; }
        .kv--home .kv__side-content__item {
          display: none; }
        .kv--home .kv__side-content__card {
          width: 100%;
          height: 50px; }
      .kv--home .kv__item-block {
        width: 100%;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1);
        z-index: 10; }
        .kv--home .kv__item-block__item {
          cursor: pointer;
          flex-direction: column;
          align-items: center; }
          .kv--home .kv__item-block__item__icon {
            margin: 0;
            margin-bottom: 8px;
            width: 32px;
            height: 32px; }
          .kv--home .kv__item-block__item__title {
            color: #191919;
            text-align: center; }
          .kv--home .kv__item-block__item--active .kv__item-block__item__title {
            color: #EE4D2D; } }

@media (max-width: 767.98px) {
  .kv--home .kv__item-block {
    justify-content: space-between; }
    .kv--home .kv__item-block__item {
      padding-left: 0;
      padding-right: 0; }
      .kv--home .kv__item-block__item__title {
        font-size: 0.875rem; }
  .kv--home .kv__side-content__card {
    width: 100%; }
  .kv--home .kv__side-content__item-list {
    grid-column-gap: 10px;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'a b' 'c d'; } }

.breadcrumb--detail {
  margin-bottom: 0;
  font-size: 0.875rem;
  padding: 0;
  background: transparent; }
  .breadcrumb--detail .breadcrumb__item {
    display: flex;
    align-items: center;
    padding: 0.6rem 1rem 0.6rem 0.8rem;
    background: white;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%);
    z-index: 2;
    position: relative;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    color: #BBBBBB;
    text-decoration: none; }
  .breadcrumb--detail > .active > .breadcrumb__item {
    color: #333333; }
  .breadcrumb--detail > li {
    position: relative;
    display: block;
    background: white;
    background: linear-gradient(90deg, white 50%, rgba(255, 255, 255, 0) 100%);
    box-shadow: -12px 0 16px -8px rgba(25, 25, 25, 0.1);
    padding-right: 1rem; }
    .breadcrumb--detail > li::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 1rem;
      width: 1.2rem;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px;
      box-shadow: 8px 0 24px 0 rgba(25, 25, 25, 0.1);
      background: #fff;
      z-index: 1; }
    .breadcrumb--detail > li + li {
      margin-left: -2rem;
      padding-left: 1.25rem; }

@media (min-width: 651px) {
  #codex-editor .codex-editor--narrow .codex-editor__redactor {
    margin: auto; } }

#codex-editor .ce-header {
  padding: 0.25em 0;
  margin-bottom: auto; }

#codex-editor .codex-editor__redactor {
  padding-top: 20px;
  font-size: 15px;
  line-height: 1.6;
  padding-bottom: 100px !important; }

#codex-editor .ce-toolbar__actions {
  top: auto; }
  @media (min-width: 651px) {
    #codex-editor .ce-toolbar__actions {
      transform: translate3d(0px, 25%, 0px); } }

#codex-editor .ce-settings {
  box-sizing: initial; }

#codex-editor .ce-block__content {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 700px; }
  @media (max-width: 767.98px) {
    #codex-editor .ce-block__content {
      padding-left: 10px;
      padding-right: 10px; } }

#codex-editor .editor-draft-quote__content {
  outline: none;
  padding: 10px 12px;
  width: 100%;
  background-color: #FAFAFA;
  border-left: 6px solid #E8E8E8; }

#codex-editor .cdx-quote [contentEditable='true'][data-placeholder]:empty::before {
  display: inline; }

.editor-render-paragraph {
  white-space: pre-line;
  word-break: break-all; }
  .editor-render-paragraph:empty {
    height: 1.5em; }

.editor-render-quote {
  background-color: #FAFAFA;
  border-left: 6px solid #E8E8E8; }

.order__location {
  color: #191919; }
  .order__location:hover {
    color: #1791F2; }

@media (max-width: 767.98px) {
  .order__image {
    padding: 10px 0px 10px 10px; } }

.forum-menu {
  z-index: 2; }
  .forum-menu__btn {
    box-shadow: 0 2px 4px 0 rgba(25, 25, 25, 0.1);
    border-radius: 0.2rem;
    position: relative;
    padding: 0.5rem 2rem 0.5rem 1rem;
    background-color: white; }
    .forum-menu__btn::after {
      content: "\F0D7";
      position: absolute;
      right: 0.75rem;
      top: 0.75rem;
      color: #888888; }
    .forum-menu__btn:hover, .forum-menu__btn:focus {
      text-decoration: none; }
    .forum-menu__btn:focus {
      box-shadow: none;
      box-shadow: 0 2px 4px 0 rgba(11, 118, 203, 0.25); }
    .forum-menu__btn:disabled {
      box-shadow: none;
      background-color: #e2e2e2; }
      .forum-menu__btn:disabled.text-secondary,
      .forum-menu__btn:disabled .text-dark {
        color: #333333 !important; }
  .forum-menu--line > ul {
    border-left: 2px solid #DBDBDB;
    padding-left: 0;
    margin-left: 2px;
    list-style-type: none; }
    .forum-menu--line > ul > li {
      position: relative; }
      .forum-menu--line > ul > li::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: -3px;
        width: 4px;
        background-color: transparent;
        transition: all 0.3s ease; }
      .forum-menu--line > ul > li > a {
        display: block;
        color: #333333;
        padding: 0.25rem 1.25rem; }
        .forum-menu--line > ul > li > a:hover {
          color: #EE4D2D;
          text-decoration: none; }
    .forum-menu--line > ul > li.active::before {
      background-color: #EE4D2D; }
    .forum-menu--line > ul > li.active > a {
      color: #EE4D2D; }

.forum-category {
  position: absolute;
  top: 50px;
  width: calc(100% - 20px / 2);
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);
  padding: 0.5rem 1rem;
  z-index: 2; }

.forum-posts__empty {
  position: relative;
  border-top: 1px solid #E8E8E8; }
  .forum-posts__empty figcaption,
  .forum-posts__empty figcaption:first-child {
    position: static;
    font-size: 20px;
    padding-bottom: 20px; }
  .forum-posts__empty figure {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    padding-bottom: 0;
    width: auto;
    margin-top: -80px; }
    .forum-posts__empty figure img {
      position: static; }

.forum-posts--list .forum-post::before {
  top: auto;
  bottom: 0; }

.forum-posts--list .forum-post::after {
  content: "\F054";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: #DBDBDB; }

.forum-posts--pure > div:first-child::before {
  display: none; }

.forum-post {
  position: relative; }
  .forum-post::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #E8E8E8; }
  .forum-post__author {
    color: #888888; }
    .forum-post__author figure {
      width: 36px;
      height: 36px;
      padding: 0;
      border-radius: 50%;
      overflow: hidden;
      background: transparent; }
  .forum-post__box:hover {
    text-decoration: none; }
    .forum-post__box:hover .forum-post__title {
      text-decoration: underline; }
  .forum-post__text {
    min-width: 0; }
  .forum-post__title {
    color: #333333;
    font-size: 1.25rem; }
  .forum-post__content {
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    height: 3rem;
    margin: 0 auto;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #888888; }
  .forum-post__icon figure {
    width: 60px;
    height: 60px;
    padding: 0;
    overflow: hidden; }
  @media (max-width: 767.98px) {
    .forum-post__create {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: white;
      box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1);
      padding-top: 10px;
      z-index: 2; } }
  .forum-post__shares {
    margin-left: 35px; }
    .forum-post__shares::before {
      content: '';
      position: absolute;
      left: 13px;
      top: 0;
      bottom: 0;
      width: 1px; }
  .forum-post__popular {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49px;
    height: 24px;
    background-color: #BBBBBB;
    border-radius: 24px;
    color: white; }
    .forum-post__popular i {
      color: rgba(255, 255, 255, 0.65); }
    .forum-post__popular--hot {
      background-image: linear-gradient(244deg, #ff6633, #f53d2d); }

.forum-reply button {
  min-width: auto; }

.forum-reply + .forum-reply .forum-reply__content:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 1px;
  background: #E8E8E8; }

.forum-reply__icon {
  width: 80px;
  padding-right: 20px; }
  .forum-reply__icon figure {
    width: 60px;
    height: 60px;
    padding: 0;
    overflow: hidden; }

.forum-reply__image {
  width: 80px; }

.forum-reply__content {
  position: relative; }

.forum-reply__floor {
  position: absolute;
  right: 0;
  top: 0;
  color: #DBDBDB; }
  .forum-reply__floor small {
    font-size: 1rem; }

.forum-reply__post {
  background: #FAFAFA;
  border: 1px solid #DBDBDB; }
  .forum-reply__post textarea {
    border: none;
    resize: none;
    overflow: auto;
    background: transparent; }
    .forum-reply__post textarea:focus {
      background: transparent;
      outline: none;
      border: none;
      box-shadow: none; }

.forum-editor__scheduling {
  background-color: #edf6fe;
  margin: 20px 0px;
  padding: 13px 20px;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  font-size: 0.875rem; }
  @media (max-width: 767.98px) {
    .forum-editor__scheduling {
      padding: 13px 10px; } }
  .forum-editor__scheduling-button {
    color: #1791F2;
    cursor: pointer; }

.ring-noti {
  min-width: inherit !important;
  position: relative; }
  .ring-noti, .ring-noti:hover, .ring-noti:active, .ring-noti:focus {
    color: white;
    text-decoration: none; }
  .ring-noti__content {
    padding-top: 10px;
    width: 420px;
    max-width: calc(100% - 20px);
    background: white;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 5px;
    box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1); }
  .ring-noti__icon {
    font-size: 18px;
    transform: translateZ(0); }
    .ring-noti__icon--active {
      -webkit-transform-origin: top center;
      -moz-transform-origin: top center;
      -ms-transform-origin: top center;
      -o-transform-origin: top center;
      transform-origin: top center;
      -webkit-animation-name: swing;
      -moz-animation-name: swing;
      -ms-animation-name: swing;
      -o-animation-name: swing;
      animation-name: swing;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      -ms-animation-iteration-count: 1;
      -o-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -ms-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 0s;
      -moz-animation-delay: 0s;
      -ms-animation-delay: 0s;
      -o-animation-delay: 0s;
      animation-delay: 0s;
      -webkit-animation-timing-function: ease;
      -moz-animation-timing-function: ease;
      -ms-animation-timing-function: ease;
      -o-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -ms-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
  .ring-noti__number {
    color: #fff;
    background: #EE4D2D;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 19px;
    display: block;
    position: absolute;
    left: 55%;
    bottom: 5px;
    opacity: 0; }
    .ring-noti__number--inactive {
      opacity: 0;
      -webkit-animation-name: zoomOut;
      -moz-animation-name: zoomOut;
      -ms-animation-name: zoomOut;
      -o-animation-name: zoomOut;
      animation-name: zoomOut;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      -ms-animation-iteration-count: 1;
      -o-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -ms-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 0s;
      -moz-animation-delay: 0s;
      -ms-animation-delay: 0s;
      -o-animation-delay: 0s;
      animation-delay: 0s;
      -webkit-animation-timing-function: ease;
      -moz-animation-timing-function: ease;
      -ms-animation-timing-function: ease;
      -o-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -ms-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
    .ring-noti__number--active {
      opacity: 1;
      -webkit-animation-name: bounceIn;
      -moz-animation-name: bounceIn;
      -ms-animation-name: bounceIn;
      -o-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-animation-iteration-count: 1;
      -moz-animation-iteration-count: 1;
      -ms-animation-iteration-count: 1;
      -o-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-duration: 1s;
      -moz-animation-duration: 1s;
      -ms-animation-duration: 1s;
      -o-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 0s;
      -moz-animation-delay: 0s;
      -ms-animation-delay: 0s;
      -o-animation-delay: 0s;
      animation-delay: 0s;
      -webkit-animation-timing-function: ease;
      -moz-animation-timing-function: ease;
      -ms-animation-timing-function: ease;
      -o-animation-timing-function: ease;
      animation-timing-function: ease;
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      -ms-animation-fill-mode: both;
      -o-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden; }
  .ring-noti__title {
    position: relative; }
  .ring-noti__read {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #888888; }
  .ring-noti__msg {
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    transition: all 0.25s ease; }
    .ring-noti__msg-box {
      padding: 0 10px;
      height: 480px;
      overflow: auto; }
    .ring-noti__msg__img {
      max-width: 50px;
      min-width: 50px; }
      .ring-noti__msg__img figure {
        background: transparent; }
      .ring-noti__msg__img img {
        bottom: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .ring-noti__msg__icon {
      position: relative;
      width: 100%;
      padding-bottom: 100%;
      color: #EE4D2D;
      background: white; }
      .ring-noti__msg__icon i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 32px;
        height: 32px; }
        .ring-noti__msg__icon i::before {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
    .ring-noti__msg__info {
      padding-left: 10px;
      text-align: left;
      overflow: hidden; }
    .ring-noti__msg__title {
      color: #333333;
      line-height: 1;
      margin-bottom: 6px; }
    .ring-noti__msg__content {
      line-height: 1.25;
      color: #888888; }
      .ring-noti__msg__content b {
        font-weight: normal;
        color: #1791F2; }
    .ring-noti__msg__time {
      margin-top: 5px;
      color: #BBBBBB;
      font-size: 12px;
      line-height: 1; }
    .ring-noti__msg__readmore {
      padding-top: 10px;
      padding-bottom: 10px;
      font-size: 12px; }
      .ring-noti__msg__readmore i {
        color: #BBBBBB; }
      .ring-noti__msg__readmore, .ring-noti__msg__readmore:hover, .ring-noti__msg__readmore:focus, .ring-noti__msg__readmore:active {
        color: #888888; }
    .ring-noti__msg-empty {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .ring-noti__msg--unread {
      background-color: rgba(238, 77, 45, 0.05); }
    .ring-noti__msg:hover {
      background-color: rgba(238, 77, 45, 0.12);
      text-decoration: none; }

.ant-popover--ring-noti {
  max-width: 100%;
  font-size: 1rem !important;
  transition: all 0.1s ease;
  padding-top: 0 !important; }
  @media (max-width: 767.98px) {
    .ant-popover--ring-noti {
      left: auto !important;
      right: 0 !important; } }
  .ant-popover--ring-noti .ant-popover-arrow {
    width: 20px;
    height: 20px;
    background: #fff;
    box-shadow: -4px -4px 5px rgba(0, 0, 0, 0.06) !important;
    top: -5px !important; }
    @media (max-width: 1199.98px) {
      .ant-popover--ring-noti .ant-popover-arrow {
        right: 146px !important;
        left: auto !important; } }
    @media (max-width: 991.98px) {
      .ant-popover--ring-noti .ant-popover-arrow {
        right: 138px !important;
        left: auto !important; } }
    @media (max-width: 767.98px) {
      .ant-popover--ring-noti .ant-popover-arrow {
        right: 97px !important;
        left: auto !important; } }
  .ant-popover--ring-noti .ant-popover-inner {
    background: transparent;
    box-shadow: none; }
  .ant-popover--ring-noti .ant-popover-inner-content {
    padding: 0 !important; }

.study-map-step-line {
  margin: auto;
  position: relative;
  top: 64px;
  width: 1px;
  height: calc(100% - 64px - 48px - 5px);
  background-color: #DBDBDB; }
  .study-map-step-line:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: inherit; }

.study-map-category {
  margin-bottom: 48px; }

.study-map-course {
  min-height: 205px; }
  @media (max-width: 767.98px) {
    .study-map-course {
      min-height: 215px; } }

.study-map-summary {
  position: relative;
  margin-bottom: 24px;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
  @media (min-width: 768px) {
    .study-map-summary {
      padding: 24px 32px; } }
  .study-map-summary__empty {
    padding: 30px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #555555; }
  .study-map-summary__icon {
    display: none; }
    @media (min-width: 768px) {
      .study-map-summary__icon {
        position: absolute;
        right: 100%;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        font-size: 1rem;
        border: 1px solid currentColor;
        border-radius: 50%; } }
    @media (min-width: 992px) {
      .study-map-summary__icon {
        width: 50px;
        height: 50px;
        font-size: 1.25rem; } }
    @media (min-width: 1200px) {
      .study-map-summary__icon {
        right: calc(100% + 10px); } }
  .study-map-summary__info > *:not(:last-child) {
    margin-bottom: 10px; }
  .study-map-summary__info-title {
    line-height: 1;
    font-size: 1.25rem; }
  .study-map-summary__info-description {
    color: #888888;
    line-height: 1.25;
    font-size: 1rem; }
  .study-map-summary__progress-circle {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    width: 58px;
    height: 58px;
    font-size: 1.25rem;
    border-radius: 50%; }
    @media (min-width: 768px) {
      .study-map-summary__progress-circle {
        width: 80px;
        height: 80px;
        font-size: 1.5rem; } }
  .study-map-summary__progress-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    border-radius: inherit;
    color: #E8E8E8; }

.study-map-filter {
  position: sticky;
  top: 10px;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  border: 1px solid #DBDBDB; }
  .study-map-filter__name {
    padding: 4px;
    text-align: center; }
  .study-map-filter__item {
    padding: 8px 16px;
    background-color: white;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .study-map-filter__item > *:only-child {
      display: inline; }

.seller-experience-article-block {
  transform: scale(1);
  transition: 0.3s all ease; }
  .seller-experience-article-block__normal {
    padding-top: 2px; }
  .seller-experience-article-block__anchor {
    padding-top: 60px; }

.seller-experience-information {
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #DBDBDB; }
  @media (max-width: 767.98px) {
    .seller-experience-information {
      margin-top: 60px; } }
  .seller-experience-information__header {
    background-color: #EE4D2D;
    color: white;
    padding: 12px 0px;
    font-size: 1rem;
    text-align: center; }
  .seller-experience-information__body {
    padding: 20px;
    background-color: white; }
  .seller-experience-information__text {
    margin-bottom: 20px;
    font-size: 1rem; }

.seller-experience-popular {
  margin-top: 45px; }
  .seller-experience-popular__article {
    display: flex;
    padding: 16px 0px;
    border-bottom: 1px solid #E8E8E8; }
    .seller-experience-popular__article-image-figure {
      width: 65px;
      height: 65px;
      padding: 0;
      flex-shrink: 0; }
    .seller-experience-popular__article-image {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center bottom;
      transition: transform 100ms ease-in-out; }
      .seller-experience-popular__article-image:hover {
        transform: translate(-50%, -50%) scale(1.2); }
    .seller-experience-popular__article-info {
      display: flex;
      flex-direction: column;
      margin-left: 16px; }
    .seller-experience-popular__article-link:last-child .seller-experience-popular__article {
      border: none; }
    .seller-experience-popular__article-link:hover {
      text-decoration: none; }
      .seller-experience-popular__article-link:hover .seller-experience-popular__article-title {
        text-decoration: underline; }
    .seller-experience-popular__article-title {
      display: block;
      display: -webkit-box !important;
      max-width: 100%;
      max-height: 2.8rem;
      font-size: 1rem;
      line-height: 1.4;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      margin-top: 8px;
      color: #333333; }
      .seller-experience-popular__article-title:hover {
        color: #333333; }
    .seller-experience-popular__article-date {
      line-height: 1;
      color: #888888;
      font-size: 0.875rem; }

.seller-experience-category {
  display: inline-block;
  width: 145px;
  border-radius: 20px;
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(25, 25, 25, 0.1);
  padding: 7px 35px;
  margin: 0 10px 16px !important;
  cursor: pointer; }
  @media (max-width: 991.98px) {
    .seller-experience-category {
      padding: 7px 6px;
      width: 90px; } }
  @media (max-width: 767.98px) {
    .seller-experience-category {
      margin: 0 4px 16px !important;
      padding: 7px 16px;
      width: 110px; } }
  @media (hover: hover) and (pointer: fine) {
    .seller-experience-category:hover {
      background-color: #fff2ee;
      color: #EE4D2D; } }
  .seller-experience-category--active {
    background-color: #ffdfd5;
    color: #EE4D2D; }
  .seller-experience-category__link {
    width: 100%;
    color: inherit; }
    .seller-experience-category__link:hover {
      color: inherit;
      text-decoration: none; }
  .seller-experience-category__list {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.seller-experience-pinned__post {
  position: relative; }
  .seller-experience-pinned__post:hover .seller-experience-pinned__post__figure__image {
    transform: translate(-50%, -50%) scale(1.2); }
  .seller-experience-pinned__post__figure__image {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
    transition: transform 100ms ease-in-out; }
  .seller-experience-pinned__post__figure__overlay {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 99%);
    position: absolute; }
  .seller-experience-pinned__post__figure__title {
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    max-height: 4.5rem;
    font-size: 1.5rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    position: absolute;
    margin: 20px;
    color: white;
    bottom: 0; }
    @media (max-width: 767.98px) {
      .seller-experience-pinned__post__figure__title {
        display: block;
        display: -webkit-box !important;
        max-width: 100%;
        max-height: 2.5rem;
        font-size: 1rem;
        line-height: 1.25;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        margin: 16px; } }

.sellerexperience-lecturer {
  display: flex;
  align-items: center; }
  .sellerexperience-lecturer__figure {
    width: 96px;
    height: 96px;
    padding: 0px;
    border-radius: 50%;
    flex-shrink: 0; }
    .sellerexperience-lecturer__figure-image {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: 100%;
      object-fit: cover;
      object-position: center bottom;
      transition: transform 100ms ease-in-out;
      background-color: white; }
  .sellerexperience-lecturer__author-info {
    width: 100%;
    margin-left: 20px;
    overflow: hidden; }
  .sellerexperience-lecturer__author-name {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 4px;
    color: #333333; }
  .sellerexperience-lecturer__author-link {
    color: inherit;
    position: relative; }
    .sellerexperience-lecturer__author-link:hover {
      text-decoration: none;
      color: inherit; }
      .sellerexperience-lecturer__author-link:hover::after {
        content: '';
        border-bottom: 1px solid #191919;
        left: 0;
        right: 0;
        bottom: 5px;
        position: absolute; }
  .sellerexperience-lecturer__author-title {
    font-size: 1rem;
    color: #888888;
    margin-bottom: 8px; }
  .sellerexperience-lecturer__author-description {
    color: #555555;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }

/* overwrite nav--underline pseudo element border width */
.sellerexperience-nav.nav--underline::after {
  border-bottom: 1px solid #E8E8E8; }

.comment-modal {
  position: relative; }
  .comment-modal__limit {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #888888;
    font-size: 0.875rem; }
    .comment-modal__limit--error {
      color: #FF4742; }
  .comment-modal__figure {
    position: relative;
    overflow: inherit;
    background-image: none;
    padding-bottom: 0; }
    .comment-modal__figure__image {
      position: absolute;
      bottom: 50%;
      left: 0px;
      z-index: 1; }
      @media (min-width: 768px) {
        .comment-modal__figure__image {
          bottom: 35%; } }
    .comment-modal__figure__overlay {
      position: relative; }
    .comment-modal__figure__caption {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 24px;
      color: #333333;
      font-weight: normal;
      font-size: 1.25rem; }

/**
 * Reset button
 */
button {
  cursor: pointer;
  padding: 0;
  font-family: inherit;
  background: transparent;
  border: none; }
  button:hover, button:focus {
    outline: none; }

.btn:disabled, .ring-noti__msg__readmore:disabled, .ant-btn:disabled {
  cursor: not-allowed; }

.btn-gray-200 {
  background-color: #F5F5F5; }

.btn-light-orange {
  background-color: #fef6f5; }

.btn--toggle {
  min-width: inherit; }

.btn--control-inline-submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0; }
  .btn--control-inline-submit .btn, .btn--control-inline-submit .ring-noti__msg__readmore, .btn--control-inline-submit .ant-btn {
    min-width: 48px; }
  .btn--control-inline-submit:before {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    background-color: #E8E8E8;
    width: 1px;
    top: 8px;
    bottom: 8px; }

.btn--border-gray {
  border: 1px solid #CCCCCC; }

.btn--iconfull {
  font-size: 52px;
  line-height: 1;
  padding: 0;
  min-width: auto;
  opacity: 0.8;
  transition: all 0.3s ease; }
  .btn--iconfull:hover {
    opacity: 1;
    transform: scale(1.2); }

.btn--hide-box-shadow {
  box-shadow: none !important; }

.btn__count > sup {
  border-radius: 1rem !important;
  top: 0 !important;
  background-color: #EE4D2D !important;
  color: #fff !important;
  padding: 2px 4px; }

.btn-outline {
  color: #191919;
  background-color: #fff;
  border-color: #BBBBBB; }
  .btn-outline-secondary {
    color: #888888; }
  .btn-outline-d-weak {
    color: #CCCCCC; }
    .btn-outline-d-weak:hover, .btn-outline-d-weak:active {
      background-color: #D3EAFB;
      color: #1791F2;
      border-color: #D3EAFB; }
  @media (max-width: 991.98px) {
    .btn-outline-cyan--mobile-none-hover:hover {
      background-color: #fff !important;
      color: #00BFA5 !important;
      border-color: #00BFA5 !important; } }

.btn-group-toggle .btn, .btn-group-toggle .ring-noti__msg__readmore, .btn-group-toggle .ant-btn {
  min-width: auto; }
  .btn-group-toggle .btn-sm, .btn-group-toggle .btn-group-sm > .btn, .btn-group-toggle .btn-group-sm > .ring-noti__msg__readmore, .btn-group-toggle .btn-group-sm > .ant-btn {
    font-size: 1rem; }
  .btn-group-toggle .btn-link.btn--active, .btn-group-toggle .btn--active.ring-noti__msg__readmore, .btn-group-toggle .btn--active.btn--toggle {
    color: #fff;
    background-color: #EE4D2D; }
    .btn-group-toggle .btn-link.btn--active:hover, .btn-group-toggle .btn--active.ring-noti__msg__readmore:hover, .btn-group-toggle .btn--active.btn--toggle:hover {
      color: #FAFAFA;
      background-color: #e03412; }
  .btn-group-toggle .btn-link.btn--active-outline, .btn-group-toggle .btn--active-outline.ring-noti__msg__readmore, .btn-group-toggle .btn--active-outline.btn--toggle {
    color: #EE4D2D;
    border: 1px solid #EE4D2D; }
    .btn-group-toggle .btn-link.btn--active-outline:hover, .btn-group-toggle .btn--active-outline.ring-noti__msg__readmore:hover, .btn-group-toggle .btn--active-outline.btn--toggle:hover {
      color: #FAFAFA;
      background-color: #EE4D2D; }

.btn-group-toggle--sec .btn-sm, .btn-group-toggle--sec .btn-group-sm > .btn, .btn-group-toggle--sec .btn-group-sm > .ring-noti__msg__readmore, .btn-group-toggle--sec .btn-group-sm > .ant-btn {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-top: 3px;
  padding-bottom: 4px; }

.btn-group-toggle--sec .btn, .btn-group-toggle--sec .ring-noti__msg__readmore, .btn-group-toggle--sec .ant-btn {
  color: #555555;
  border-color: #CCCCCC !important; }
  .btn-group-toggle--sec .btn i, .btn-group-toggle--sec .ring-noti__msg__readmore i, .btn-group-toggle--sec .ant-btn i {
    color: #888888;
    width: 0.875rem;
    text-align: center;
    margin-right: 6px; }
  .btn-group-toggle--sec .btn.active, .btn-group-toggle--sec .active.ring-noti__msg__readmore, .btn-group-toggle--sec .active.ant-btn, .btn-group-toggle--sec .btn:hover, .btn-group-toggle--sec .ring-noti__msg__readmore:hover, .btn-group-toggle--sec .ant-btn:hover {
    color: #888888 !important;
    background-color: #F5F5F5 !important;
    box-shadow: inset 0 2px 4px 0 rgba(25, 25, 25, 0.25); }
    .btn-group-toggle--sec .btn.active i, .btn-group-toggle--sec .active.ring-noti__msg__readmore i, .btn-group-toggle--sec .active.ant-btn i, .btn-group-toggle--sec .btn:hover i, .btn-group-toggle--sec .ring-noti__msg__readmore:hover i, .btn-group-toggle--sec .ant-btn:hover i {
      color: #CCCCCC; }
  .btn-group-toggle--sec .btn:focus, .btn-group-toggle--sec .ring-noti__msg__readmore:focus, .btn-group-toggle--sec .ant-btn:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.4); }

.btn-radius-50, .ant-modal-confirm-btns .ant-btn {
  border-radius: 20px; }

.btn-xs {
  min-width: auto;
  font-size: 12px;
  padding-top: 0.2em;
  padding-bottom: 0.2em; }

.btn-pin {
  min-width: inherit;
  padding: 0;
  line-height: 1;
  color: #888888; }
  .btn-pin i {
    transition: all 0.2s ease; }
  .btn-pin:hover {
    text-decoration: none;
    color: #888888; }
  .btn-pin--brand i {
    transform: rotate(45deg);
    color: #EE4D2D; }
  .btn-pin--brand:hover, .btn-pin--brand:active, .btn-pin--brand:focus {
    background: transparent; }
    .btn-pin--brand:hover i, .btn-pin--brand:active i, .btn-pin--brand:focus i {
      color: #cd3011; }
  .btn-pin--weak i {
    color: #CCCCCC; }
  .btn-pin--weak:hover, .btn-pin--weak:active, .btn-pin--weak:focus {
    background: transparent; }
    .btn-pin--weak:hover i, .btn-pin--weak:active i, .btn-pin--weak:focus i {
      color: #EE4D2D;
      transform: rotate(45deg); }

.btn-icon {
  height: 40px;
  width: 40px;
  min-width: auto;
  background-color: transparent;
  border: 1px solid #EE4D2D;
  color: #EE4D2D;
  padding: 0;
  position: relative; }
  .btn-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .btn-icon:hover {
    background-color: #EE4D2D;
    color: white; }
  .btn-icon:focus {
    background-color: #ba2b0f;
    color: white; }

@media (max-width: 767.98px) {
  .btn-min-auto {
    min-width: auto; } }

.btn-auto {
  min-width: auto; }

.btn-width--icon {
  min-width: 60px; }

.btn-primary-light {
  color: #1791F2; }
  .btn-primary-light:hover, .btn-primary-light:active {
    color: #0a68b2; }
  .btn-primary-light.disabled {
    opacity: 1;
    color: #1791F2; }
    .btn-primary-light.disabled:hover, .btn-primary-light.disabled:active {
      color: #1791F2; }

.btn-anchor {
  color: #191919;
  background-color: #fff; }
  .btn-anchor:hover, .btn-anchor:focus, .btn-anchor:active, .btn-anchor--active {
    background-color: #ffdfd5;
    color: #EE4D2D; }

.btn-weak.btn-link, .btn-weak.ring-noti__msg__readmore, .btn-weak.btn--toggle {
  color: #888888; }
  .btn-weak.btn-link:hover, .btn-weak.ring-noti__msg__readmore:hover, .btn-weak.btn--toggle:hover, .btn-weak.btn-link:active, .btn-weak.ring-noti__msg__readmore:active, .btn-weak.btn--toggle:active {
    color: #555555;
    background-color: #F5F5F5;
    text-decoration: none; }

.input-group.btn-radius-50 > .input-group-append > .btn, .ant-modal-confirm-btns .input-group.ant-btn > .input-group-append > .btn, .input-group.btn-radius-50 > .input-group-append > .ring-noti__msg__readmore, .ant-modal-confirm-btns .input-group.ant-btn > .input-group-append > .ring-noti__msg__readmore, .input-group.btn-radius-50 > .input-group-append > .ant-btn, .ant-modal-confirm-btns .input-group.ant-btn > .input-group-append > .ant-btn {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px; }

.input-group.btn-radius-50 > .form-control, .ant-modal-confirm-btns .input-group.ant-btn > .form-control {
  padding-left: 1.5rem;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px; }

.nav--underline {
  position: relative;
  box-shadow: inset 0 -1px 0 0 #E8E8E8; }
  .nav--underline a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    cursor: pointer;
    color: #888888;
    position: relative;
    transition: all 0.25s ease; }
    .nav--underline a.active {
      color: #EE4D2D; }
      .nav--underline a.active i {
        color: #EE4D2D; }
      .nav--underline a.active::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        z-index: 1;
        background: #EE4D2D; }
    .nav--underline a:hover {
      text-decoration: none;
      color: #EE4D2D; }
  .nav--underline-clear::after {
    display: none; }
  .nav--underline i {
    color: #CCCCCC; }

.nav--btn {
  transition: all 0.25s ease; }

.nav--fixed {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 7; }
  @media (min-width: 768px) {
    .nav--fixed {
      box-shadow: 0 2px 10px 0 rgba(25, 25, 25, 0.25); } }
  .nav--fixed a {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    height: 60px; }

.nav--background {
  background-color: #F5F5F5; }
  .nav--background a {
    color: #888888;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    line-height: 1.375;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .nav--background a {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        line-height: 1.25;
        font-size: 1rem; } }

.nav-link {
  color: #888888;
  border: none !important; }
  .nav-link:hover {
    color: #626262; }
  .nav-link.active {
    color: #EE4D2D !important;
    position: relative; }
    .nav-link.active::after {
      content: '';
      background-color: #EE4D2D;
      width: 100%;
      height: 2px;
      position: absolute;
      left: 0;
      bottom: 1px; }

.nav-tag {
  position: absolute;
  font-size: 12px;
  color: #00BFA5;
  top: 15px; }
  .nav-tag--right {
    right: 10px; }

.step {
  color: #BBBBBB;
  position: relative; }
  .step::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #BBBBBB; }
  .step-finish {
    color: #BBBBBB; }
    .step-finish::after {
      background-color: #f9c5bb; }
  .step-active {
    color: #191919; }
    .step-active::after {
      background-color: #EE4D2D; }

.pointer-slide {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -ms-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 4s;
  -moz-animation-duration: 4s;
  -ms-animation-duration: 4s;
  -o-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -ms-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

.pointer-press {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  -ms-animation-delay: 2.2s;
  -o-animation-delay: 2.2s;
  animation-delay: 2.2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden; }

html,
body,
#__next {
  height: 100%; }

body {
  background-color: #E8E8E8; }

iframe {
  display: block; }

figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 55.85%;
  margin: 0;
  background-image: url(/static/images/logo/shopee_default_img.svg);
  background-size: cover;
  background-position: center center; }
  figure img {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0; }
  figure figcaption:first-child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    color: transparent;
    user-select: none; }
    figure figcaption:first-child::after {
      content: attr(title);
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 1.25rem;
      color: #888888; }
  figure.img--auto {
    padding-bottom: 0; }
    figure.img--auto img {
      position: relative; }
    figure.img--auto figcaption:first-child {
      position: relative;
      padding: 40px; }
  figure.img--forum {
    width: auto;
    max-width: 100%;
    background-image: none;
    padding-bottom: 0; }
    figure.img--forum img {
      width: auto;
      max-width: 100%;
      position: relative; }
  figure.figure--disabled {
    background: #DBDBDB; }
    figure.figure--disabled i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

.wrap-box--l {
  padding: 30px; }

.lineheight--small {
  line-height: 1 !important; }

.link--weak {
  color: #888888; }
  .link--weak:hover {
    color: #555555; }

.pencilfont {
  font-family: 'Fredericka the Great', cursive; }

.handwritefont {
  font-family: 'Nothing You Could Do', cursive; }

@media (max-width: 575.98px) {
  .row:not(.no-gutters),
  .kv--home .kv__map {
    margin-left: -5px;
    margin-right: -5px; }
  .col-1 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-2 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-3 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-4 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-5 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-6 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-7 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-8 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-9 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-10 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-11 {
    padding-right: 5px;
    padding-left: 5px; }
  .col-12 {
    padding-right: 5px;
    padding-left: 5px; }
  .kv--home .kv__map__col {
    padding-right: 5px;
    padding-left: 5px; } }

.vertical-line-after {
  border-right: 1px solid #E8E8E8; }
  @media (min-width: 576px) {
    .vertical-line-after-sm {
      border-right: 1px solid #E8E8E8; } }
  @media (min-width: 768px) {
    .vertical-line-after-md {
      border-right: 1px solid #E8E8E8; } }
  @media (min-width: 992px) {
    .vertical-line-after-lg {
      border-right: 1px solid #E8E8E8; } }
  @media (min-width: 1200px) {
    .vertical-line-after-xl {
      border-right: 1px solid #E8E8E8; } }

.description {
  white-space: pre-line;
  word-break: break-all; }

.img--video {
  padding-bottom: 55.85%; }
  .img--video::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(51, 51, 51, 0.3);
    z-index: 1; }
  .img--video::after {
    content: "\F167";
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    z-index: 2;
    opacity: 0.9;
    text-shadow: 1px 1px 10px rgba(25, 25, 25, 0.5);
    transition: all 0.2s ease-in-out;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased; }
  .img--video:hover::after {
    transform: translate(-50%, -50%) scale(1.3); }

.ul--base {
  list-style-type: none;
  padding-left: 1.2em; }
  .ul--base > li {
    position: relative; }
    .ul--base > li::before {
      content: '\B7';
      position: absolute;
      left: -0.8em;
      top: 50%;
      transform: translateY(-50%); }

.mobile--sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 6;
  background: white;
  padding: 10px;
  box-shadow: 0 -2px 4px 0 rgba(25, 25, 25, 0.25); }

@media (max-width: 767.98px) {
  .mobile-bottom-nav--active footer.footer {
    padding-bottom: 60px; } }

.img-decoration {
  width: 300px;
  max-width: 100%;
  opacity: 0.8; }
  .img-decoration--sm {
    width: 300px;
    max-width: 90%; }

.overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(25, 25, 25, 0.2);
  top: 0;
  left: 0;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0; }

.link--prev-icon {
  color: #888888;
  transition: all 0.2s ease; }
  .link--prev-icon i,
  .link--prev-icon span {
    transition: all 0.2s ease;
    color: #CCCCCC;
    height: 20px;
    width: 20px;
    margin-right: 0.5rem;
    font-size: 20px; }
  .link--prev-icon:hover, .link--prev-icon:active, .link--prev-icon:focus {
    color: #888888;
    text-decoration: none; }
    .link--prev-icon:hover i,
    .link--prev-icon:hover span, .link--prev-icon:active i,
    .link--prev-icon:active span, .link--prev-icon:focus i,
    .link--prev-icon:focus span {
      color: #EE4D2D; }
  .link--prev-icon:active {
    color: #333333; }
  .link--prev-icon:focus {
    outline: 0; }

.link--fb i {
  color: #0084ff; }

.link--fb:hover i, .link--fb:active i, .link--fb:focus i {
  color: #005cb3; }

.link--line i {
  color: #00b900; }

.link--line:hover i, .link--line:active i, .link--line:focus i {
  color: #006d00; }

.link--twitter:hover i, .link--twitter:active i, .link--twitter:focus i {
  color: #00aced; }

.overflow-visible {
  overflow: visible !important; }

.main {
  background-color: #fff;
  transition: margin 0.5s ease;
  min-height: 200px; }
  .main--bg {
    background-color: #F5F5F5; }

.layout-alert {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  position: fixed;
  max-width: 100%;
  top: 100px; }

.layout-row {
  margin-top: -5px;
  margin-bottom: -5px; }
  .layout-row > * {
    margin: 5px 0; }
  @media (min-width: 576px) {
    .layout-row {
      margin-top: -10px;
      margin-bottom: -10px; }
      .layout-row > * {
        margin: 10px 0; } }

.layout--wrapper {
  min-height: 100%; }

.section__header {
  margin-bottom: 20px; }
  .section__header--weak {
    border-bottom-color: transparent; }
    .section__header--weak .section__title::after {
      background: transparent; }

.section__title {
  margin-bottom: 0.5rem;
  padding: 0 0.5rem;
  font-size: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: 0.3s; }
  .section__title::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(-0.5rem - 2px);
    height: 2px;
    background: #f16424; }
  .section__title__cursor-point {
    cursor: pointer; }
  .section__title--disabled {
    color: #888888; }
    .section__title--disabled::after {
      background: #E8E8E8; }
  .section__title__more {
    white-space: nowrap;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem; }
    .section__title__more::after {
      content: "\F3D1";
      padding-left: 0.5rem; }

.section__title-responsive {
  margin-bottom: 0;
  font-size: 1.5rem; }
  @media (max-width: 991.98px) {
    .section__title-responsive {
      font-size: 1.25rem; } }

@media (max-width: 991.98px) {
  .footer {
    text-align: center; } }

.footer__brand__logo {
  width: 120px;
  height: 120px; }
  @media (max-width: 991.98px) {
    .footer__brand__logo {
      margin-bottom: 40px;
      width: 100%;
      height: 80px; } }

@media (max-width: 991.98px) {
  .footer__contact {
    margin-top: 60px;
    text-align: center; } }

.footer__contact__title {
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC; }

.footer__block {
  vertical-align: top; }
  @media (max-width: 991.98px) {
    .footer__block {
      display: inline-block;
      text-align: left;
      margin-left: 24px; } }

.footer__copyright {
  background-color: #F5F5F5;
  color: #888888;
  font-size: 0.875rem; }
  @media (max-width: 991.98px) {
    .footer__copyright {
      text-align: center; } }

.footer__title {
  font-size: 0.75rem;
  font-weight: 500;
  color: #EE4D2D;
  margin-bottom: 5px; }
  @media (max-width: 991.98px) {
    .footer__title {
      margin-bottom: 16px; } }

.footer__icon {
  margin-right: 8px;
  width: 16px;
  text-align: center;
  margin-bottom: 5px; }

.footer__list {
  padding: 0;
  margin: 0; }
  .footer__list__item {
    display: inline-block;
    font-size: 0.875rem;
    list-style: none;
    line-height: 1.71;
    padding: 0;
    margin: 0; }
    .footer__list__item:not(:last-child)::after {
      content: '|';
      color: #CCCCCC;
      margin: 0px 16px; }
    @media (max-width: 991.98px) {
      .footer__list__item {
        display: inherit;
        margin-bottom: 10px; }
        .footer__list__item:not(:last-child)::after {
          content: ''; } }
  .footer__list__wording {
    color: #555555 !important; }

.container--sm {
  width: 760px !important;
  max-width: 100% !important; }

@media (max-width: 575.98px) {
  .container--xs-full {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 767.98px) {
  .container--sm-full {
    padding-right: 0;
    padding-left: 0; } }

.middle-center--absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.fixed-area {
  z-index: 1030;
  position: fixed;
  right: 0;
  bottom: 30px; }

.activity-promotion {
  position: relative;
  margin-right: 10px;
  display: block; }
  .activity-promotion__link {
    display: block; }
  .activity-promotion__image-wrapper {
    padding-bottom: 100%;
    width: 80px;
    background: none; }
  .activity-promotion__close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0.5;
    background: transparent; }

.back-to-top {
  cursor: pointer;
  margin-top: 20px;
  margin-left: auto;
  padding: 6px 10px 8px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  font-size: 12px;
  color: white;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border: none;
  background: rgba(51, 51, 51, 0.3);
  transition: all 200ms ease-in-out; }
  .back-to-top:hover {
    background: #00BFA5; }
  .back-to-top:focus, .back-to-top:active {
    outline: 0;
    background: #008c79; }
  .back-to-top__icon {
    margin-bottom: 2px;
    font-size: 1rem; }

.forum-category-collapse.ant-collapse {
  background: transparent;
  font-size: 1rem; }
  .forum-category-collapse.ant-collapse > .ant-collapse-item {
    border: none; }
    .forum-category-collapse.ant-collapse > .ant-collapse-item > .ant-collapse-header {
      font-size: 18px;
      padding: 14px 16px;
      background: #ffffff;
      box-shadow: inset 0 -1px 0 0 #DBDBDB; }
      @media (max-width: 991.98px) {
        .forum-category-collapse.ant-collapse > .ant-collapse-item > .ant-collapse-header {
          padding: 14px 10px; } }
      @media (max-width: 767.98px) {
        .forum-category-collapse.ant-collapse > .ant-collapse-item > .ant-collapse-header {
          padding: 1rem 0; } }
    .forum-category-collapse.ant-collapse > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
      padding: 0; }

.forum-category-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .forum-category-list__item {
    padding: 12px 24px;
    color: #555555;
    box-shadow: inset 0 -1px 0 0 #DBDBDB; }
    @media (max-width: 991.98px) {
      .forum-category-list__item {
        padding: 12px 14px; } }
    @media (max-width: 767.98px) {
      .forum-category-list__item {
        box-shadow: none; } }
  .forum-category-list__header {
    font-size: 18px;
    padding: 14px 16px;
    background: #ffffff;
    box-shadow: inset 0 -1px 0 0 #DBDBDB; }
    @media (max-width: 991.98px) {
      .forum-category-list__header {
        padding: 14px 10px; } }
    @media (max-width: 767.98px) {
      .forum-category-list__header {
        padding: 1rem 0; } }
  .forum-category-list__menu {
    display: inline-block;
    width: calc(100% - 13px);
    word-wrap: break-word;
    color: inherit; }
    .forum-category-list__menu:hover {
      color: inherit;
      text-decoration: none; }
    @media (max-width: 767.98px) {
      .forum-category-list__menu {
        width: 90%; } }
  .forum-category-list__icon {
    font-size: 1rem !important;
    color: #BBBBBB !important; }
    @media (max-width: 767.98px) {
      .forum-category-list__icon {
        right: 6px !important; } }
  .forum-category-list__link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    color: inherit; }
    .forum-category-list__link[data-is-active='true'], .forum-category-list__link:hover, .forum-category-list__link:hover:before {
      color: #EE4D2D;
      text-decoration: none; }

.page-mask {
  z-index: -1;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s ease;
  background-color: rgba(25, 25, 25, 0.5);
  text-align: center;
  overflow-y: auto; }
  .page-mask::before {
    content: '';
    display: inline-block;
    height: 100%;
    width: 1px;
    margin-left: -1px;
    vertical-align: middle; }

.page-mask--open {
  overflow: hidden; }
  .page-mask--open .page-mask {
    opacity: 1;
    z-index: 8; }
  .page-mask--open--removing .page-mask {
    opacity: 0;
    z-index: 8; }

.scrollbar-hidden {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .scrollbar-hidden::-webkit-scrollbar {
    width: 0;
    height: 0;
    background: transparent; }

.full-fixed-to-disable-scroll {
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.seller-experience-popular .section__header {
  margin-bottom: 0; }

.forum-editor__scheduling-modal .ant-modal-header {
  padding: 14px 20px;
  font-size: 1.25rem; }

.forum-editor__scheduling-modal .ant-modal-body {
  padding: 16px 20px; }

.forum-editor__scheduling-modal .ant-modal-footer {
  padding: 16px 24px;
  border-top: none; }
  .forum-editor__scheduling-modal .ant-modal-footer .ant-btn-primary {
    color: #fff;
    background-color: #EE4D2D;
    border-color: #EE4D2D;
    border-radius: 20px; }

@media (min-width: 992px) {
  .lecturer-level__tooltip .ant-tooltip-content {
    width: 170px; } }

@media (max-width: 1199.98px) {
  .lecturer-level__tooltip .ant-tooltip-content {
    width: 150px; } }

@media (max-width: 767.98px) {
  .lecturer-level__tooltip .ant-tooltip-content {
    width: 170px; } }

.lecturer-level__tooltip .ant-tooltip-inner {
  color: #191919;
  background-color: #fff; }
  @media (min-width: 992px) {
    .lecturer-level__tooltip .ant-tooltip-inner {
      padding: 14px; } }
  @media (max-width: 1199.98px) {
    .lecturer-level__tooltip .ant-tooltip-inner {
      padding: 10px; } }
  @media (max-width: 767.98px) {
    .lecturer-level__tooltip .ant-tooltip-inner {
      padding: 14px; } }

.lecturer-level__tooltip .ant-tooltip-arrow::before {
  background-color: #fff; }

.slick-slider .post-item__content-header {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 5.625rem;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.slick-slider .seller-experience-pinned__post__figure__title {
  text-align: left;
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 3rem;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.slick-home .seller-experience-pinned__post__figure,
.slick-home .forum-post {
  border-radius: 10px;
  overflow: hidden; }

.slick-home .card--video {
  border: none; }
  .slick-home .card--video figure {
    border-radius: 10px;
    overflow: hidden;
    border-color: transparent; }

.slick-home .forum-post {
  text-align: left; }
  .slick-home .forum-post__title {
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    max-height: 3.75rem;
    font-size: 1.25rem;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all; }
  .slick-home .forum-post:hover {
    text-decoration: none; }
    .slick-home .forum-post:hover .forum-post__title {
      text-decoration: underline;
      color: inherit; }

.slick-home .forum-post__digest {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 3rem;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.search-result {
  padding-top: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DBDBDB; }
  .search-result:first-child {
    padding-top: 0px; }
  .search-result:last-child {
    padding-bottom: 0px;
    border-bottom: none; }
  .search-result__title {
    color: #555555; }
  .search-result__tag {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
  .search-result .placeholder {
    padding: 0px; }
  .search-result .post-item {
    border: 1px solid #E8E8E8; }
  .search-result .forum-post {
    border: 1px solid #E8E8E8; }
    .search-result .forum-post::before {
      height: 0px; }

.lecturer__article .post-item__content {
  padding: 10px; }

.comment-modal .ant-modal-header {
  border-bottom: none;
  padding: 0; }

.comment-modal .ant-modal-body .course-location {
  color: inherit; }
  .comment-modal .ant-modal-body .course-location [data-role='card-info-prefix'] {
    color: #BBBBBB; }

.comment-modal .ant-modal-footer {
  border-top: none;
  padding: 0px 20px 20px; }
  .comment-modal .ant-modal-footer button {
    min-width: 85px;
    height: 38px; }

.course-tag .text-center:last-child {
  margin-bottom: 30px; }

.anti-fraud-modal__figure {
  width: 240px;
  height: 160px;
  background-image: none;
  margin: 0 auto 24px;
  padding-bottom: 0; }

.anti-fraud-modal__hint {
  text-align: center;
  color: #888888;
  margin-bottom: 16px; }

.anti-fraud-modal__header {
  text-align: center;
  margin-bottom: 16px; }

.anti-fraud-modal__content {
  text-align: center;
  color: #888888;
  white-space: pre-line; }

.anti-fraud-modal .loading-layout {
  position: absolute; }

.anti-fraud-modal .modal-body {
  padding: 30px; }
  @media (max-width: 991.98px) {
    .anti-fraud-modal .modal-body {
      padding: 20px; } }

.point__article .ant-collapse-item-active .ant-collapse-header {
  color: #EE4D2D !important;
  border: 1px solid #ffc5b3 !important; }

.point__article__panel .ant-collapse-header {
  font-size: 18px;
  padding: 26px 24px !important;
  border: 1px solid #DBDBDB !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); }
  @media (max-width: 767.98px) {
    .point__article__panel .ant-collapse-header {
      font-size: 16px;
      padding: 22px 16px !important; } }

.point__article__panel .ant-collapse-content {
  font-size: initial;
  color: initial;
  background-color: #fff2ee !important; }

.point__article__panel .ant-collapse-content-box {
  padding: 24px !important; }
  @media (max-width: 767.98px) {
    .point__article__panel .ant-collapse-content-box {
      padding: 16px !important; } }

.point__delivery__form__item label {
  font-size: 1rem !important; }

@media (max-width: 991.98px) {
  label[for='pPostalCode'] {
    display: block;
    visibility: hidden;
    max-height: 24px; } }

.point__notification .ant-notification-notice-with-icon {
  height: 50px; }
  .point__notification .ant-notification-notice-with-icon .ant-notification-notice-icon {
    width: 40px;
    height: 40px; }
  .point__notification .ant-notification-notice-with-icon .ant-notification-notice-message,
  .point__notification .ant-notification-notice-with-icon .ant-notification-notice-description {
    margin-left: 60px; }

.point__product__modal .ant-modal-header {
  border-bottom: none; }
  .point__product__modal .ant-modal-header .ant-modal-title {
    font-size: 1.25rem; }

.point__product__modal .ant-modal-body {
  padding: 0 !important; }

.point__product__modal .ant-modal-footer {
  border-top: none; }

@media (max-width: 767.98px) {
  .point__log__table .ant-table-content {
    width: 750px; } }

.account-profile .Select {
  opacity: 1; }
  .account-profile .Select.is-disabled {
    background-color: #F5F5F5; }
    .account-profile .Select.is-disabled .Select-value-label {
      color: rgba(0, 0, 0, 0.25) !important; }
  .account-profile .Select .Select-value-label {
    color: #888888 !important; }

.card--order .aspect-ratio-box {
  height: 100%; }

.service-status {
  background-color: #fff8e4 !important;
  border: 1px solid #f69113;
  padding: 12px 18px; }

.vh-25 {
  height: 25vh; }

.vh-50 {
  height: 50vh; }

.vh-75 {
  height: 75vh; }

.vh-85 {
  height: 85vh; }

.vw-25 {
  width: 25vw; }

.vw-50 {
  width: 50vw; }

.vw-75 {
  width: 75vw; }

.vw-85 {
  width: 85vw; }

.account-voucher__content {
  display: flex;
  flex-direction: column;
  align-items: center; }

.account-voucher__image {
  flex-shrink: 0; }

.account-voucher__title {
  margin-top: 16px;
  text-align: center;
  font-size: 1.25rem; }

.account-voucher__greeting {
  text-align: center;
  font-size: 1.25rem; }
  .account-voucher__greeting[data-is-voucher-sent-out='true'] {
    color: #FF4742; }
  .account-voucher__greeting[data-is-voucher-sent-out='false'] {
    color: inherit; }

.account-voucher__code {
  margin-top: 20px;
  padding: 6px 34px;
  font-size: 1.5rem;
  border-radius: 5px; }
  .account-voucher__code--invalid {
    background-color: #E8E8E8; }
  .account-voucher__code--available {
    background-color: #ffdfd5; }
  .account-voucher__code[data-is-voucher-sent-out='true'] {
    display: none; }
  .account-voucher__code[data-is-voucher-sent-out='false'] {
    display: inline-block; }

.account-voucher__rule {
  margin-top: 20px;
  font-size: 0.875rem; }

.account-voucher__rule-title {
  padding-left: 10px; }

.account-voucher__rule-rows {
  padding-left: 30px;
  margin-bottom: 0; }

.account-voucher__endDate {
  color: #EE4D2D; }

.text-brand {
  color: #EE4D2D !important; }

.text-warning {
  color: #fca809 !important; }

.text-alert {
  color: #FF4742 !important; }

.text-info {
  color: #1791F2 !important; }

.text-link {
  color: #1791F2 !important; }

.text-body-weak {
  color: #888888 !important; }

.text-secondary-weak {
  color: #CCCCCC !important; }

.text-yellow {
  color: #f69113 !important; }

.text-orange {
  color: #EE4D2D !important; }

.text-white {
  color: #fff !important; }

.text-black {
  color: #191919 !important; }

.text-gray-100 {
  color: #FAFAFA !important; }

.text-gray-200 {
  color: #F5F5F5 !important; }

.text-gray-300 {
  color: #E8E8E8 !important; }

.text-gray-400 {
  color: #DBDBDB !important; }

.text-gray-500 {
  color: #CCCCCC !important; }

.text-gray-600 {
  color: #BBBBBB !important; }

.text-gray-700 {
  color: #888888 !important; }

.text-gray-800 {
  color: #555555 !important; }

.text-gray-900 {
  color: #333333 !important; }

.text-md {
  font-size: 1rem !important; }

.text-xl {
  font-size: 1.5rem !important; }

.text-lg {
  font-size: 1.25rem !important; }

.text-sm {
  font-size: 0.875rem !important; }

.text-xs {
  font-size: 0.75rem !important; }

.text-xs-truncate-2 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 2.25rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-2 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 2.625rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-2 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 3rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-2 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 3.75rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-2 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 4.5rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-3 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 3.375rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-3 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 3.9375rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-3 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 4.5rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-3 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 5.625rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-3 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 6.75rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-4 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 4.5rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-4 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 5.25rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-4 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 6rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-4 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 7.5rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-4 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 9rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-5 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 5.625rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-5 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 6.5625rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-5 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 7.5rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-5 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 9.375rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-5 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 11.25rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-6 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 6.75rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-6 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 7.875rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-6 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 9rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-6 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 11.25rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-6 {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  height: 13.5rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-2-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 2.25rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-2-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 2.625rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-2-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 3rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-2-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 3.75rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-2-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 4.5rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-3-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 3.375rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-3-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 3.9375rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-3-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 4.5rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-3-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 5.625rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-3-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 6.75rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-4-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 4.5rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-4-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 5.25rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-4-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 6rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-4-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 7.5rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-4-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 9rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-5-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 5.625rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-5-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 6.5625rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-5-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 7.5rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-5-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 9.375rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-5-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 11.25rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xs-truncate-6-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 6.75rem;
  margin: 0 auto;
  font-size: 0.75rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-sm-truncate-6-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 7.875rem;
  margin: 0 auto;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-md-truncate-6-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 9rem;
  margin: 0 auto;
  font-size: 1rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-lg-truncate-6-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 11.25rem;
  margin: 0 auto;
  font-size: 1.25rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.text-xl-truncate-6-flow {
  display: block;
  display: -webkit-box !important;
  max-width: 100%;
  max-height: 13.5rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.5;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all; }

.whitespace-normal {
  white-space: normal !important; }

.whitespace-nowrap {
  white-space: nowrap !important; }

.whitespace-pre {
  white-space: pre !important; }

.whitespace-pre-line {
  white-space: pre-line !important; }

.whitespace-pre-wrap {
  white-space: pre-wrap !important; }

.zindex-dropdown {
  z-index: 1000; }

.zindex-fixed {
  z-index: 1030; }

.zindex-sticky {
  z-index: 1020; }

.zindex-modal-backdrop {
  z-index: 1040; }

.zindex-modal {
  z-index: 1050; }

.zindex-popover {
  z-index: 1060; }

.zindex-tooltip {
  z-index: 1070; }

.account-voucher__content {
  display: flex;
  flex-direction: column;
  align-items: center; }

.account-voucher__image {
  flex-shrink: 0; }

.account-voucher__title {
  margin-top: 16px;
  text-align: center;
  font-size: 1.25rem; }

.account-voucher__greeting {
  text-align: center;
  font-size: 1.25rem; }
  .account-voucher__greeting[data-is-voucher-sent-out='true'] {
    color: #FF4742; }
  .account-voucher__greeting[data-is-voucher-sent-out='false'] {
    color: inherit; }

.account-voucher__code {
  margin-top: 20px;
  padding: 6px 34px;
  font-size: 1.5rem;
  border-radius: 5px; }
  .account-voucher__code--invalid {
    background-color: #E8E8E8; }
  .account-voucher__code--available {
    background-color: #ffdfd5; }
  .account-voucher__code[data-is-voucher-sent-out='true'] {
    display: none; }
  .account-voucher__code[data-is-voucher-sent-out='false'] {
    display: inline-block; }

.account-voucher__rule {
  margin-top: 20px;
  font-size: 0.875rem; }

.account-voucher__rule-title {
  padding-left: 10px; }

.account-voucher__rule-rows {
  padding-left: 30px;
  margin-bottom: 0; }

.account-voucher__endDate {
  color: #EE4D2D; }

.cursor-auto {
  cursor: auto !important; }

.cursor-pointer {
  cursor: pointer !important; }

.cursor-wait {
  cursor: wait !important; }

.cursor-text {
  cursor: text !important; }

.cursor-move {
  cursor: move !important; }

.cursor-help {
  cursor: help !important; }

.cursor-not-allowed {
  cursor: not-allowed !important; }

.bg-main {
  background-color: #F5F5F5 !important; }

.bg-orange {
  background-color: #EE4D2D !important; }

.bg-light-orange {
  background-color: #fef6f5 !important; }

.bg-light-blue {
  background-color: #edf6fe !important; }

.bg-black {
  background-color: #191919 !important; }

.bg-gray-100 {
  background-color: #FAFAFA !important; }

.bg-gray-200 {
  background-color: #F5F5F5 !important; }

.bg-gray-300 {
  background-color: #E8E8E8 !important; }

.bg-gray-400 {
  background-color: #DBDBDB !important; }

.bg-gray-500 {
  background-color: #CCCCCC !important; }

.bg-gray-600 {
  background-color: #BBBBBB !important; }

.bg-gray-700 {
  background-color: #888888 !important; }

.bg-gray-800 {
  background-color: #555555 !important; }

.bg-gray-900 {
  background-color: #333333 !important; }

.bg-opacity-1 {
  opacity: 0.1 !important; }

.bg-opacity-2 {
  opacity: 0.2 !important; }

.bg-opacity-3 {
  opacity: 0.3 !important; }

.bg-opacity-4 {
  opacity: 0.4 !important; }

.bg-opacity-5 {
  opacity: 0.5 !important; }

.bg-opacity-6 {
  opacity: 0.6 !important; }

.bg-opacity-7 {
  opacity: 0.7 !important; }

.bg-opacity-8 {
  opacity: 0.8 !important; }

.bg-opacity-9 {
  opacity: 0.9 !important; }

.bg-opacity-10 {
  opacity: 1 !important; }

.bg-img--trans {
  background: transparent !important; }

.bg-img--y--center img {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%); }

.bg-highlight {
  background: #fff6f4 !important; }

.opacity-100 {
  opacity: 1 !important; }

.opacity-75 {
  opacity: 0.75 !important; }

.opacity-50 {
  opacity: 0.5 !important; }

.opacity-0 {
  opacity: 0 !important; }

.ant-tree {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }
  .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close::after,
  .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open::after {
    font-family: 'Ionicons' !important;
    content: "\F3D0" !important; }
  .ant-tree-treenode-disabled .ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
    background-color: #BBBBBB; }
  .ant-tree-treenode-disabled .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    background-color: #FAFAFA; }
  .ant-tree li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
  .ant-tree li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
  .ant-tree li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
    color: #888888; }

.ant-pagination {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }

.ant-pagination-disabled a {
  opacity: 0.7; }

.ant-table {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }
  .ant-table .ant-table-thead th {
    background-color: #fef6f5; }

.ant-switch {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }
  .ant-switch.ant-switch-checked {
    border-color: #00BFA5;
    background-color: #00BFA5; }
  .ant-switch.ant-switch-disabled {
    opacity: 0.5; }
    .ant-switch.ant-switch-disabled::after {
      background: #F5F5F5; }
  .ant-switch.ant-switch--sm {
    min-width: 32px;
    height: 20px; }
    .ant-switch.ant-switch--sm::after {
      height: 16px;
      width: 16px; }
  .ant-switch.ant-switch--brand {
    background-color: #BBBBBB; }
    .ant-switch.ant-switch--brand::after {
      background-color: #fff;
      box-shadow: none; }
    .ant-switch.ant-switch--brand.ant-switch-checked {
      border-color: #EE4D2D;
      background-color: #EE4D2D; }
      .ant-switch.ant-switch--brand.ant-switch-checked::after {
        background-color: #fff; }

.ant-upload {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }
  .ant-upload.ant-upload-select-picture-card {
    width: 100% !important;
    margin: 0 !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important; }
    .ant-upload.ant-upload-select-picture-card.ant-upload-disabled {
      cursor: default !important; }
      .ant-upload.ant-upload-select-picture-card.ant-upload-disabled:hover {
        border-color: #CCCCCC !important; }
  .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-thumbnail {
    display: none !important; }
  .ant-upload-list.ant-upload-list-picture .ant-upload-list-item-name {
    padding-left: 0 !important; }

.ant-input-number {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  height: calc(2.25rem + 2px) !important; }
  .ant-input-number .ant-input-number-input {
    text-align: right;
    padding-right: 1.5rem !important;
    line-height: calc(2.25rem + 2px);
    height: calc(calc(2.25rem + 2px) - 2px); }
  .ant-input-number .ant-input-number-handler-wrap {
    background: rgba(255, 255, 255, 0.75); }
  .ant-input-number .ant-input-number-handler-up-inner::before {
    font-family: 'Ionicons' !important;
    content: "\F3D8"; }
  .ant-input-number .ant-input-number-handler-down-inner::before {
    font-family: 'Ionicons' !important;
    content: "\F3D0"; }

.ant-input {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  height: calc(2.25rem + 2px) !important;
  height: calc(calc(2.25rem + 2px) - 2px); }
  .ant-input .ant-calendar-range-picker-input {
    text-align: center;
    line-height: calc(2.25rem + 2px); }

.ant-calendar-picker {
  width: 100% !important; }

.ant-calendar-input {
  text-align: center; }

.ant-calendar-picker-container {
  z-index: 1052 !important; }

@media (max-width: 480px) {
  .ant-calendar-range {
    width: 320px !important; }
  .ant-calendar-range-part {
    width: 100% !important; } }

label.ant-checkbox-wrapper {
  font-size: 16px; }
  label.ant-checkbox-wrapper .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #EE4D2D;
    border-color: #EE4D2D; }

.ant-radio {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }
  .ant-radio-wrapper {
    font-size: 1rem; }
  .ant-radio-input:focus + .ant-radio-inner {
    box-shadow: 0 0 0 0.2rem rgba(23, 145, 242, 0.25); }
  .ant-radio.ant-radio-disabled + span {
    color: #888888;
    opacity: 0.65; }
  .ant-radio-checked .ant-radio-inner {
    border-color: #EE4D2D !important; }
    .ant-radio-checked .ant-radio-inner::after {
      background-color: #EE4D2D; }

.ant-radio-button-wrapper-checked {
  z-index: 0 !important; }

.ant-alert {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }

.ant-modal {
  top: auto !important;
  padding-bottom: 0 !important;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  transition: all 0.2s ease;
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; }
  .ant-modal.zoom-leave {
    opacity: 0; }
  .ant-modal-confirm-title {
    font-size: 1.25rem !important;
    line-height: 1 !important; }
  .ant-modal-confirm-content {
    margin-left: 0 !important;
    margin-top: 1rem !important;
    font-size: 1rem !important; }
  .ant-modal-confirm-body > .anticon {
    display: none; }
  .ant-modal-mask {
    transition: all 0.2s ease;
    opacity: 0.5;
    background: #191919 !important;
    z-index: 1051 !important; }
    .ant-modal-mask.fade-leave {
      opacity: 0; }
  .ant-modal-wrap {
    z-index: 1051 !important;
    text-align: center; }
    .ant-modal-wrap::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
  .ant-modal.ant-modal-scroll .ant-modal-content {
    height: 100%;
    overflow-y: scroll; }

.ant-btn {
  font-family: "Noto Sans TC", 微軟正黑體, "Microsoft JhengHei", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.ant-tabs-bar[role='tablist'] .ant-tabs-ink-bar {
  background-color: #EE4D2D; }

.ant-tabs-bar[role='tablist'] .ant-tabs-nav .ant-tabs-tab {
  font-weight: 500; }
  .ant-tabs-bar[role='tablist'] .ant-tabs-nav .ant-tabs-tab:hover {
    color: #f06145; }
  .ant-tabs-bar[role='tablist'] .ant-tabs-nav .ant-tabs-tab-active {
    color: #EE4D2D; }

.full-length-tabs .ant-tabs-nav {
  width: 100%; }
  .full-length-tabs .ant-tabs-nav > div {
    width: inherit;
    display: flex; }
  .full-length-tabs .ant-tabs-nav .ant-tabs-tab {
    flex: 1 1 auto !important;
    text-align: center; }

.one-tab .ant-tabs-ink-bar-animated {
  min-width: 100%; }

.tabs-top-bar-card > .ant-tabs-top-bar {
  background-color: white;
  box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1) !important;
  border-radius: 0.2rem !important; }

.ant-drawer {
  z-index: 1050 !important; }

.ant-affix {
  z-index: 1020 !important; }

.ant-avatar--active {
  box-shadow: 0px 0px 0px 1px #EE4D2D !important; }

.ant-avatar-image {
  background-color: #F5F5F5 !important; }

.ant-divider-inner-text {
  background-color: #F5F5F5;
  border-radius: 1rem;
  color: #888888 !important; }

.ant-select-selection {
  border: none !important;
  padding: 0.5rem 0.75rem;
  height: auto !important;
  box-shadow: none !important; }

.anticon > * {
  line-height: 1; }

.anticon svg {
  display: inline-block; }

.anticon::before {
  display: none; }

.anticon .anticon-icon {
  display: block; }

.anticon[tabindex] {
  cursor: pointer; }

.ReactTable .rt-thead.-header {
  border-bottom: 1px solid #E8E8E8;
  box-shadow: none; }

.ReactTable .rt-thead .rt-th, .ReactTable .rt-thead .rt-td {
  padding-top: .5rem;
  padding-bottom: .5rem; }

.ReactTable .rt-tr.-even {
  background-color: #fcfcfc; }

.ReactTable .-pagination {
  box-shadow: none;
  border-top-width: 1px; }

.ReactTable .td-center {
  align-self: center; }

.ReactTable .-pagination .-center {
  display: block; }

.text-wrap-normal {
  white-space: normal !important; }

.text-breakall {
  word-break: break-all !important; }

.server-side--no-total .-totalPages {
  display: none; }

.rbc-events-container .event {
  background-color: rgba(255, 255, 255, 0) !important;
  border-color: rgba(255, 255, 255, 0) !important;
  cursor: auto !important; }
  .rbc-events-container .event-active {
    color: #191919 !important; }
  .rbc-events-container .event-disabled {
    color: #BBBBBB !important; }
  .rbc-events-container .event-dot::after {
    content: '';
    position: absolute;
    left: 2px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%; }
  .rbc-events-container .event-dot-red::after {
    background-color: #ff2837; }
  .rbc-events-container .event-dot-orange::after {
    background-color: #ee4d2d; }
  .rbc-events-container .event-dot-yellow::after {
    background-color: #ffbf00; }
  .rbc-events-container .event-dot-green::after {
    background-color: #00bfa5; }
  .rbc-events-container .event-dot-blue::after {
    background-color: #1d6fa3; }
  .rbc-events-container .event-dot-cobalt-blue::after {
    background-color: #0053de; }
  .rbc-events-container .event-dot-violet::after {
    background-color: #7265e6; }
  .rbc-events-container .event-dot-purple::after {
    background-color: #8c1bab; }
  .rbc-events-container .event-dot-pink::after {
    background-color: #f7629e; }
  .rbc-events-container .event-dot .rbc-event-content {
    font-size: 12px;
    color: #888888;
    margin-left: 10px; }
  .rbc-events-container .event .rbc-event-label {
    display: none !important; }

.rbc-today {
  background-color: #fff !important; }

.rbc-current-time-indicator {
  display: none !important; }

.rbc-toolbar {
  font-size: 14px !important; }

.rbc-time-view {
  width: 100%;
  overflow-x: scroll; }
  .rbc-time-view .rbc-time-header,
  .rbc-time-view .rbc-time-content {
    min-width: 690px; }

.rbc-event,
.rbc-day-slot .rbc-background-event {
  background-color: #EE4D2D !important; }

.rbc-row-segment {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
  padding-bottom: 0.25rem !important; }

.rbc-event-continues-after {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important; }

a.rbc-show-more {
  color: #EE4D2D; }

.rbc-overlay {
  border-radius: 0.2rem;
  box-shadow: 0 0 20px 0 rgba(25, 25, 25, 0.1); }

.rbc-overlay > * + * {
  margin-top: 0.5rem !important; }

.rbc-today {
  background-color: #fef6f5 !important; }

@media (max-width: 991.98px) {
  .rbc-event,
  a.rbc-show-more {
    font-size: 0.75rem; }
  .rbc-overlay-header {
    font-size: 0.875rem; } }

.react-joyride__tooltip button {
  border-radius: 16px !important; }

.__floater {
  padding: 8px !important; }

.braft-output-content p {
  min-height: 1rem; }

.braft-output-content ul,
.braft-output-content ol {
  margin: 1rem;
  padding: 0; }

.braft-output-content blockquote {
  margin: 0 0 10px 0;
  padding: 1rem 20px;
  background-color: #f1f2f3;
  border-left: solid 5px #ccc;
  color: #666;
  font-style: italic; }

.braft-output-content pre {
  max-width: 100%;
  max-height: 100%;
  margin: 10px 0;
  padding: 1rem;
  overflow: auto;
  background-color: #f1f2f3;
  border-radius: 3px;
  color: #666;
  font-family: monospace;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1rem;
  word-wrap: break-word;
  white-space: pre-wrap; }
  .braft-output-content pre pre {
    margin: 0;
    padding: 0; }

.braft-output-content .image-wrap img {
  max-width: 100%;
  height: auto; }

.alternate-card-body {
  padding: 1rem; }

.alternate-card-image {
  width: 100%;
  object-fit: cover; }

/* mixin for multiline */
.alternate-card-info:not(:last-child) {
  margin-right: 0.5rem; }

.alternate-card-info[data-is-truncated='true'] {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.alternate-card-info [data-role='card-info-prefix'] {
  margin-right: 0.25rem;
  color: #BBBBBB; }

.alternate-card-info [data-role='card-info-suffix'] {
  margin-left: 0.25rem;
  color: #888888; }

.alternate-card-link {
  color: inherit; }
  .alternate-card-link[data-role='wrapper'] {
    display: block;
    position: relative; }
  .alternate-card-link[data-wrapped-link='true'] {
    text-decoration: none !important; }
  .alternate-card-link:hover {
    color: inherit; }

.alternate-card-status {
  display: flex;
  align-items: center;
  width: 100%; }

/* mixin for multiline */
.collapse--alert {
  position: relative;
  cursor: pointer; }
  .collapse--alert__main-block {
    position: relative;
    padding: 1rem;
    padding-right: 120px; }
  .collapse--alert__item {
    transition: 0.2s ease;
    color: #1791F2;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .collapse--alert__item--indent {
      padding: 1rem;
      padding-left: 2.5rem; }
    .collapse--alert__item--hoverable:hover {
      background-color: #FAFAFA; }
  .collapse--alert__button {
    top: 50%;
    right: 1.5rem;
    position: absolute;
    transform: translateY(-50%); }

.alternate-card-caption {
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 14px;
  border-radius: 50%; }
  .alternate-card-caption[data-has-background='true'] {
    background-color: rgba(0, 0, 0, 0.5); }

/* mixin for multiline */
.card-order {
  width: 100%; }
  .card-order__progress {
    width: 100%;
    height: 12px;
    margin-bottom: 16px;
    position: relative; }
    .card-order__progress__text {
      line-height: 1;
      font-size: 12px;
      color: white;
      text-align: center;
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      z-index: 3; }
    .card-order__progress__line {
      width: 100%;
      height: 12px;
      border-radius: 6px;
      position: absolute;
      background-image: linear-gradient(to right, #EE4D2D 0%, #FFBF00 100%);
      overflow: hidden; }
      .card-order__progress__line__cover {
        height: inherit;
        background-color: #E8E8E8;
        position: absolute;
        top: 0;
        right: 0; }
  .card-order__info {
    display: flex;
    align-items: center;
    width: 100%; }

.alternate-card-overlay {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }

/* mixin for multiline */
.alternate-card-text[data-is-truncated='true'] {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* mixin for multiline */
.alternate-card-title {
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 1.5;
  font-size: 20px; }
  @media (max-width: 767.98px) {
    .alternate-card-title {
      margin-bottom: 6px; } }
  .alternate-card-title[data-is-truncated='true'] {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.side-menu .ant-collapse-header, .side-menu .ant-collapse-content-box {
  padding: 0 !important; }

.ant-rate[role='radiogroup'].rate {
  color: #FFBF00;
  line-height: 1; }
  .ant-rate[role='radiogroup'].rate.ant-rate-disabled > .ant-rate-star {
    cursor: inherit; }
  .ant-rate[role='radiogroup'].rate .anticon.anticon-star {
    vertical-align: initial;
    display: inline-block; }
    .ant-rate[role='radiogroup'].rate .anticon.anticon-star > svg {
      vertical-align: bottom; }
  .ant-rate[role='radiogroup'].rate--size-sm {
    font-size: 12px; }
    .ant-rate[role='radiogroup'].rate--size-sm > .ant-rate-star:not(:last-child) {
      margin-right: 2px; }
  .ant-rate[role='radiogroup'].rate--size-md {
    font-size: 16px; }
    .ant-rate[role='radiogroup'].rate--size-md > .ant-rate-star:not(:last-child) {
      margin-right: 4px; }
  .ant-rate[role='radiogroup'].rate--size-lg {
    font-size: 24px; }
    .ant-rate[role='radiogroup'].rate--size-lg > .ant-rate-star:not(:last-child) {
      margin-right: 8px; }

.badge-default {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4); }

.badge-red {
  color: #ee2c4a;
  background-color: rgba(238, 44, 74, 0.1); }

.badge-green {
  color: #30b566;
  background-color: rgba(48, 181, 102, 0.1); }

.badge-yellow {
  color: #f69113;
  background-color: rgba(246, 145, 19, 0.1); }

.badge-orange {
  color: #fff;
  background-color: #ee4d2d; }

.badge-teal {
  color: #fff;
  background-color: #00BFA5; }

.badge-light-yellow {
  color: #fff;
  background-color: #ffbf00; }

.badge-gray {
  color: #888888;
  background-color: rgba(136, 136, 136, 0.1); }

.badge-gap {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem; }

.badge-padding {
  padding: 0.375rem 0.5rem; }


/* mixin for multiline */
.course-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 20px; }
  @media (max-width: 991.98px) {
    .course-content {
      padding: 10px; } }

.aspect-ratio-box {
  position: relative;
  overflow: hidden; }
  .aspect-ratio-box__placeholder {
    display: block;
    height: 0px; }
  .aspect-ratio-box__element {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    object-fit: cover; }
  .aspect-ratio-box--hover-effect .aspect-ratio-box__element {
    transition: transform 100ms ease-in-out; }
  .aspect-ratio-box--hover-effect:hover .aspect-ratio-box__element {
    transform: scale(1.2); }
  .aspect-ratio-box--mask::after, .aspect-ratio-box--mask-gradient::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .aspect-ratio-box--mask::after {
    background-color: rgba(0, 0, 0, 0.4); }
  .aspect-ratio-box--mask-gradient::after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }
  .aspect-ratio-box--blur > img {
    filter: blur(4px); }

.editor-backdrop {
  width: calc(100% + 3rem);
  height: calc(100% + 1.5rem);
  z-index: 999;
  background-image: linear-gradient(to bottom, rgba(245, 245, 245, 0), rgba(245, 245, 245, 0.9));
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px); }

/* mixin for multiline */
.navigation-mobile {
  overflow: auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  background-color: #F5F5F5; }
  .navigation-mobile__account-info {
    padding: 1rem;
    display: flex;
    align-items: center;
    background-color: #fff; }
    .navigation-mobile__account-info__avatar {
      margin-right: 1rem; }
    .navigation-mobile__account-info__primary {
      margin-bottom: 0.375rem; }
    .navigation-mobile__account-info__secondary {
      color: #EE4D2D;
      border: 1px solid #EE4D2D;
      border-radius: 20px;
      padding: 2px 3px;
      font-size: 0.75rem;
      display: flex;
      justify-content: center;
      align-items: center; }
  .navigation-mobile__panel {
    padding: 0.625rem; }
    .navigation-mobile__panel--empty {
      padding: 5px 0; }
    .navigation-mobile__panel__link {
      background: #fff;
      display: flex;
      border-radius: 0.25rem;
      justify-content: space-between;
      align-items: center;
      padding: 1rem; }
    .navigation-mobile__panel__link-item {
      color: #191919;
      text-align: center; }
      .navigation-mobile__panel__link-item a {
        color: #191919; }
        .navigation-mobile__panel__link-item a:hover {
          color: #191919; }
      .navigation-mobile__panel__link-item .material-icons {
        color: #BBBBBB;
        font-size: 1.5rem; }
  .navigation-mobile__list {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-shrink: 0; }
    .navigation-mobile__list__header {
      display: flex;
      align-items: center; }
      .navigation-mobile__list__header .material-icons {
        color: #BBBBBB;
        font-size: 1rem;
        margin-right: 0.625rem; }
      .navigation-mobile__list__header[data-is-active='true'] {
        color: #EE4D2D; }
        .navigation-mobile__list__header[data-is-active='true'] .material-icons {
          color: #EE4D2D; }
    .navigation-mobile__list__new-label {
      top: 0;
      right: 0;
      position: relative;
      text-transform: uppercase;
      margin-left: 0.625rem; }
    .navigation-mobile__list__link {
      cursor: pointer;
      position: relative;
      width: 100%;
      color: #191919; }
      .navigation-mobile__list__link:hover {
        color: #191919;
        text-decoration: none; }
    .navigation-mobile__list__panel {
      display: flex;
      flex-direction: column;
      position: relative; }
      .navigation-mobile__list__panel__link {
        cursor: pointer;
        position: relative;
        width: 100%;
        color: #191919;
        height: 50px;
        line-height: 50px;
        background-color: #F5F5F5;
        padding: 0 1rem;
        padding-left: 2.625rem;
        color: #191919;
        border-bottom: solid 1px #E8E8E8; }
        .navigation-mobile__list__panel__link:hover {
          color: #191919;
          text-decoration: none; }
    .navigation-mobile__list .ant-collapse-content > .ant-collapse-content-box {
      padding: 0; }
    .navigation-mobile__list .ant-collapse {
      border: none; }
      .navigation-mobile__list .ant-collapse > .ant-collapse-item:last-child .ant-collapse-header {
        border-top: none;
        border-radius: 0; }
      .navigation-mobile__list .ant-collapse > .ant-collapse-item .ant-collapse-header {
        border-radius: 0;
        border-top: none;
        background-color: #fff; }
        .navigation-mobile__list .ant-collapse > .ant-collapse-item .ant-collapse-header .anticon {
          color: #BBBBBB;
          transform: translate(0, -50%) rotate(90deg); }
      .navigation-mobile__list .ant-collapse > .ant-collapse-item-active > .ant-collapse-header .anticon {
        transform: translate(0, -50%) rotate(180deg);
        color: #EE4D2D; }

/* mixin for multiline */
.course-description {
  color: #888888; }
  .course-description--mode-normal {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .course-description--mode-two-lines {
    display: block;
    display: -webkit-box !important;
    white-space: normal;
    font-size: 1rem;
    line-height: 1.5;
    max-height: 3rem;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical; }

/* mixin for multiline */
.header {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  .header-search {
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    padding: 1rem 110px 1rem 1rem; }
    .header-search::placeholder {
      color: #888888; }
    .header-search__input {
      background-color: transparent;
      outline: none;
      width: 100%;
      border: none; }
    .header-search__icon {
      position: absolute;
      right: 90px;
      bottom: 1rem;
      cursor: pointer;
      border-radius: 5px;
      color: #BBBBBB; }
    .header-search__button {
      position: absolute;
      right: 10px;
      bottom: 11px;
      border-radius: 5px;
      background-color: #EE4D2D;
      padding: 6px 20px;
      color: white; }
      .header-search__button--disabled {
        color: #333333;
        background-color: #BBBBBB;
        border-color: #BBBBBB;
        opacity: 0.65; }
  @media (max-width: 1199.98px) {
    .header__tooltip {
      display: none !important; } }
  .header__tooltip .ant-tooltip-inner {
    color: #191919;
    background-color: #fff;
    padding: 0.875rem; }
    @media (max-width: 1199.98px) {
      .header__tooltip .ant-tooltip-inner {
        padding: 0.625rem; } }
    @media (max-width: 767.98px) {
      .header__tooltip .ant-tooltip-inner {
        padding: 0.875rem; } }
  .header__tooltip .ant-tooltip-arrow::before {
    background-color: #fff; }
  .header__navigation {
    display: flex;
    overflow: hidden;
    align-items: center;
    height: 60px;
    background-color: #fff; }
    @media (min-width: 992px) {
      .header__navigation {
        height: 80px; } }
    .header__navigation--menu-mobile-drawer {
      top: 0;
      bottom: 0;
      right: -100%;
      width: 96%;
      display: flex;
      position: fixed;
      overflow-y: scroll;
      margin-top: 60px;
      padding-top: -60px;
      background-color: #F5F5F5;
      flex-direction: column;
      justify-content: space-between;
      transform: translateX(0);
      max-height: calc(100% - 60px);
      max-height: -webkit-fill-available;
      max-height: -moz-fill-available;
      transition: transform 0.3s; }
      .header__navigation--menu-mobile-drawer--active {
        transform: translateX(-100vw); }
      @media (min-width: 576px) {
        .header__navigation--menu-mobile-drawer {
          width: 72%; } }
  .header__navigation-inner {
    display: flex;
    align-items: center; }
  .header__navigation-menu-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #888888;
    border-radius: 2px; }
  .header__navigation-overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    position: fixed;
    user-select: none;
    background-color: #333333; }
    .header__navigation-overlay--active {
      opacity: 0.5; }

.info-list {
  display: flex;
  margin-left: auto;
  align-items: center; }
  .info-list > *:not(:last-child) {
    margin-right: 1.5rem; }
  .info-list__item {
    display: flex;
    align-items: center; }
    .info-list__item .ring-noti {
      color: #888888;
      padding: 0; }
    .info-list__item__link {
      font-size: 14px;
      color: #888888; }
      .info-list__item__link:hover {
        color: #888888; }
      .info-list__item__link .material-icons {
        font-size: 18px; }
    .info-list__item__icon {
      cursor: pointer;
      color: #888888; }
    .info-list__item--user {
      display: none; }
      @media (min-width: 992px) {
        .info-list__item--user {
          display: flex; } }
    .info-list__item--mobile-menu {
      display: flex; }
      @media (min-width: 992px) {
        .info-list__item--mobile-menu {
          display: none; } }

.navigation {
  display: none; }
  @media (min-width: 992px) {
    .navigation {
      margin-left: 1.5rem;
      display: flex; } }
  .navigation__link {
    display: block;
    cursor: pointer;
    color: #888888;
    position: relative; }
    .navigation__link:hover {
      text-decoration: none;
      color: #888888; }
    .navigation__link[data-is-active='true'] {
      color: #EE4D2D; }
    .navigation__link--first {
      padding: 26px 12px; }
      .navigation__link--first:hover {
        background-color: #F5F5F5; }
      @media (min-width: 992px) {
        .navigation__link--first {
          font-size: 20px; } }
    .navigation__link--second {
      width: auto;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .navigation__link-icon {
    margin-left: 8px; }

.navigation-dropdown.ant-dropdown {
  max-width: 100px; }
  .navigation-dropdown.ant-dropdown > .ant-dropdown-menu {
    padding: 10px 0; }
    .navigation-dropdown.ant-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item,
    .navigation-dropdown.ant-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu-title {
      padding: 9px 12px;
      text-align: center; }
      .navigation-dropdown.ant-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:hover,
      .navigation-dropdown.ant-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu-title:hover {
        background-color: #fff2ee; }
      .navigation-dropdown.ant-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item > a,
      .navigation-dropdown.ant-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu-title > a {
        margin: -9px -12px;
        padding: 9px 12px;
        color: #888888; }

.brand {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  color: #EE4D2D; }
  .brand:hover {
    color: #EE4D2D;
    text-decoration: none; }
  .brand__logo {
    margin-right: 8px;
    width: 40px;
    height: 36px; }
    @media (min-width: 768px) {
      .brand__logo {
        width: 50px;
        height: 45px; } }
  .brand__name {
    font-size: 24px;
    font-weight: 400; }
    @media (min-width: 992px) {
      .brand__name {
        font-size: 36px; } }

.header-account {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  color: white; }
  .header-account > *:not(:last-child) {
    margin-right: 8px; }
  .header-account__name {
    display: none; }
    @media (min-width: 768px) {
      .header-account__name {
        display: inline-block;
        max-width: 160px;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; } }

.header-account-popover {
  width: 265px;
  top: 80px; }
  .header-account-popover__info-wrapper {
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    background-color: #F5F5F5; }
  .header-account-popover__info {
    margin-left: 20px; }
  .header-account-popover__info-primary {
    max-width: 140px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem; }
  .header-account-popover__info-secondary {
    color: #EE4D2D;
    border: 1px solid #EE4D2D;
    border-radius: 20px;
    padding: 0 5px;
    font-size: 0.75rem; }
  .header-account-popover__link {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    padding: 24px 20px;
    text-align: center;
    color: #191919; }
    .header-account-popover__link:hover {
      color: inherit;
      text-decoration: none;
      background-color: #fff2ee; }
      .header-account-popover__link:hover .header-account-popover__link__text {
        text-decoration: underline; }
    .header-account-popover__link--active {
      background-color: #fff2ee;
      color: #EE4D2D; }
      .header-account-popover__link--active:hover {
        color: #EE4D2D; }
    .header-account-popover__link__icon {
      color: #BBBBBB;
      font-size: 1.5rem;
      margin-bottom: 16px; }
      .header-account-popover__link__icon--active {
        color: #EE4D2D; }
    .header-account-popover__link__text {
      font-size: 1rem; }
  .header-account-popover__action-wrapper {
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    background-color: #fff; }
    .header-account-popover__action-wrapper > *:not(:last-child) {
      margin-bottom: 4px; }
  .header-account-popover__action-logout {
    text-align: center;
    color: #888888; }
  .header-account-popover.ant-popover {
    color: inherit; }
    .header-account-popover.ant-popover > .ant-popover-content > .ant-popover-inner .ant-popover-inner-content {
      padding: 0;
      color: inherit; }
    .header-account-popover.ant-popover .ant-popover-arrow {
      display: none; }

.course-image {
  position: relative; }
  .course-image[data-chamfer='true'] {
    border-radius: 4px;
    overflow: hidden; }
  .course-image[data-mask='true']::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0; }

.course-infos {
  margin-bottom: 1rem;
  line-height: 1.2; }
  @media (max-width: 767.98px) {
    .course-infos {
      margin-bottom: 0.5rem; } }

.comment-action {
  font-size: 16px;
  color: #888888; }
  .comment-action:hover,
  .comment-action:hover [data-role='icon'], .comment-action[data-is-active='true'],
  .comment-action[data-is-active='true'] [data-role='icon'] {
    color: #EE4D2D; }
  .comment-action [data-role='icon'] {
    font-size: 16px;
    color: #CCCCCC; }

.comment-actions {
  display: flex; }

.comment-avatar {
  width: 100%;
  border-radius: 50%;
  object-fit: cover; }

.comment-container {
  display: flex; }
  .comment-container:not(:first-child) {
    margin-top: 20px; }
  .comment-container:not(:last-child) {
    margin-bottom: 20px; }
  .comment-container:not(:last-child) > .comment-container__content-wrapper {
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E8; }
  .comment-container__avatar-wrapper {
    flex-shrink: 0;
    margin-right: 20px; }
    .comment-container__avatar-wrapper[data-size='sm'] {
      width: 40px; }
    .comment-container__avatar-wrapper[data-size='md'] {
      width: 60px; }
  .comment-container__content-wrapper {
    flex: auto;
    overflow: hidden; }
  .comment-container__nested {
    margin-top: 20px;
    padding: 20px;
    background-color: #F5F5F5; }

.course-lecturers {
  color: inherit; }
  .course-lecturers[data-is-highlighted='true'] {
    color: #000; }

.comment-header {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.course-price {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap; }
  .course-price[data-should-reverse='true'] {
    flex-flow: row-reverse; }
  .course-price[data-should-reverse='true'] .course-price__unit {
    margin-right: 0px; }
  .course-price[data-is-highlighted='true'] {
    font-size: 1.5rem; }
  .course-price [data-value='alternative-point'] {
    margin-left: 0.25rem; }

.comment-infos {
  color: #888888; }


.comment-meta {
  overflow: auto; }

.course-status {
  margin-top: auto;
  justify-content: space-between; }

.comment-rate-annotation {
  flex-shrink: 0; }
  .comment-rate-annotation__value {
    color: #00BFA5;
    font-size: 20px; }
  .comment-rate-annotation__base {
    margin-left: 4px;
    color: #888888;
    font-size: 16px; }
  .comment-rate-annotation__unit {
    margin-left: 8px;
    color: #00BFA5;
    font-size: 20px; }

.course__type {
  display: inline-block;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1;
  margin-right: 0.5rem;
  padding: 0.25rem;
  vertical-align: middle;
  white-space: nowrap; }
  @media (max-width: 767.98px) {
    .course__type {
      margin-right: 0.25rem;
      font-size: 0.75rem; } }

.comment-removed {
  margin-bottom: 0;
  font-size: 16px;
  color: #BBBBBB; }

.ribbon-bookmark {
  pointer-events: none;
  z-index: 1;
  position: absolute; }
  .ribbon-bookmark__text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 0.875rem; }

.comment-text {
  margin-bottom: 0;
  color: #333333;
  font-size: 16px; }
  .comment-text:not(:last-child) {
    margin-bottom: 10px; }

.ribbon-bookmark {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  opacity: 0.9;
  border-radius: 2px; }
  .ribbon-bookmark__text {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 0.875rem; }

/* mixin for multiline */
.comment-username {
  color: #191919;
  font-size: 16px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ribbon-right-corner {
  pointer-events: none;
  z-index: 1;
  position: absolute; }
  .ribbon-right-corner__text {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg) translate(25%, 25%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: white;
    font-size: 0.875rem; }



.textarea {
  resize: none;
  border: 1px solid #DBDBDB;
  outline: none; }
  .textarea::placeholder {
    color: #888888; }
  .textarea-error {
    border: 1px solid #FF4742; }

@media (min-width: 768px) {
  .course-item[data-direction='horizontal'] .course-item__title {
    font-size: 20px; } }

@media (min-width: 992px) {
  .course-item[data-direction='horizontal'] .course-item__title {
    font-size: 24px; } }

.comment-modifier {
  margin-top: 10px; }
  .comment-modifier__footer {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap; }
  .comment-modifier__actions {
    margin-left: auto; }
  .comment-modifier__hint {
    color: #EE4D2D; }
  .comment-modifier__hint-text {
    margin-left: 8px; }

.course-duration {
  color: #888888; }
  .course-duration[data-is-highlighted='true'] {
    color: #333333; }


.course-location {
  color: #1791F2; }
  .course-location [data-role='card-info-prefix'] {
    color: inherit; }

/* mixin for multiline */
.lecturer-description {
  color: #555555;
  margin-top: 12px;
  display: block;
  display: -webkit-box !important;
  white-space: normal;
  font-size: 16px;
  line-height: 1.5;
  max-height: 48px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  /*! autoprefixer: off */
  -webkit-box-orient: vertical; }
  @media (max-width: 767.98px) {
    .lecturer-description {
      margin-top: 8px;
      display: block;
      display: -webkit-box !important;
      white-space: normal;
      font-size: 14px;
      line-height: 1.5;
      max-height: 42px;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      /*! autoprefixer: off */
      -webkit-box-orient: vertical; } }

.course-order {
  margin-top: 16px; }
  @media (max-width: 991.98px) {
    .course-order {
      margin-top: 10px; } }

.bg-facebook {
  background-color: #0084ff !important; }

.bg-line {
  background-color: #00b900 !important; }

.text-facebook {
  color: #0084ff !important; }

.text-line {
  color: #00b900 !important; }

.share-shape-size-lg {
  width: 44px;
  height: 44px; }

.share-shape-size-sm {
  width: 28px;
  height: 28px; }

.share-font-size {
  font-size: 20px; }

/* mixin for multiline */
.lecturer-level {
  width: 44px;
  height: 44px;
  position: absolute;
  z-index: 1; }

.course-lesson__title {
  color: #191919; }

.course-lesson[data-direction='horizontal'] .course-lesson__content {
  padding: 10px 16px; }
  @media (max-width: 767.98px) {
    .course-lesson[data-direction='horizontal'] .course-lesson__content {
      padding: 10px; } }

.course-lesson[data-direction='vertical'] .course-lesson__content {
  min-height: 123px; }
  @media (min-width: 992px) {
    .course-lesson[data-direction='vertical'] .course-lesson__content {
      min-height: 143px; } }

.course-lesson[data-direction='horizontal'] .course-status {
  margin-top: auto; }

.course-lesson[data-direction='horizontal'] .alternate-card-link {
  height: 100%; }

.course-lesson[data-direction='horizontal'] .aspect-ratio-box {
  height: 100%;
  padding: 10px; }

.course-lesson[data-direction='horizontal'] .aspect-ratio-box__element {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }
  @media (max-width: 767.98px) {
    .course-lesson[data-direction='horizontal'] .aspect-ratio-box__element {
      padding: 10px 0px 10px 10px;
      border-radius: 0px; } }

.course-lesson[data-direction='vertical'] .course-status {
  margin-top: 0px; }

.course-lesson[data-direction='vertical'] .aspect-ratio-box__element {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.course-lesson__purchase {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 16px; }
  @media (max-width: 991.98px) {
    .course-lesson__purchase {
      margin-top: 10px; } }
  .course-lesson__purchase__button {
    padding: 3px 13px; }

/* mixin for multiline */
.home-brand-story__logo {
  cursor: pointer;
  margin-right: 32px;
  width: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.2s; }
  @media (max-width: 991.98px) {
    .home-brand-story__logo {
      width: 80px; } }
  @media (max-width: 767.98px) {
    .home-brand-story__logo {
      width: 70px;
      margin-right: 1rem; } }
  .home-brand-story__logo:last-child {
    margin-right: 0; }
  .home-brand-story__logo--active .home-brand-story__logo__name {
    color: #191919; }
  .home-brand-story__logo--active .home-brand-story__logo__img {
    filter: none;
    border: solid 1px #EE4D2D; }
  .home-brand-story__logo__name {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #888888; }
    @media (max-width: 767.98px) {
      .home-brand-story__logo__name {
        font-size: 0.875rem; } }
  .home-brand-story__logo__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    background-color: #fff;
    margin-bottom: 0.5rem;
    padding: 3px;
    filter: grayscale(1); }
    @media (max-width: 991.98px) {
      .home-brand-story__logo__img {
        width: 80px;
        height: 80px; } }
    @media (max-width: 767.98px) {
      .home-brand-story__logo__img {
        width: 50px;
        height: 50px; } }
    .home-brand-story__logo__img .ant-avatar {
      width: 100%;
      height: 100%; }

.home-brand-story__dialog {
  padding: 32px 190px;
  position: relative; }
  @media (max-width: 991.98px) {
    .home-brand-story__dialog {
      padding-left: 60px;
      padding-right: 60px; } }
  @media (max-width: 767.98px) {
    .home-brand-story__dialog {
      padding-left: 16px;
      padding-right: 16px; } }
  .home-brand-story__dialog__title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .home-brand-story__dialog__bubble {
    position: absolute;
    width: 0;
    height: 0;
    bottom: 99%;
    left: 0;
    border: 16px solid transparent;
    border-top: none;
    transition: 0.1s ease;
    border-bottom-color: #fff; }

/* mixin for multiline */
.course-form__selector {
  padding: 0 40px 10px 40px; }
  @media (max-width: 767.98px) {
    .course-form__selector {
      padding: 0 5px 10px 5px; } }

.course-form__hint {
  padding: 30px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.course-form__group {
  margin-bottom: 1rem;
  background-color: white;
  border-radius: 4px; }
  .course-form__group__title {
    background-color: #EE4D2D;
    color: white;
    font-size: 20px;
    line-height: 1;
    padding: 12px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .course-form__group__title__remark {
      font-size: 14px;
      color: white;
      opacity: 0.8;
      margin-top: 0.5rem; }
  .course-form__group__body {
    display: grid;
    gap: 1rem;
    margin: 20px; }

.course-form__body {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  border: 0; }

.lecturer__image-wrapper {
  margin: 0.5rem; }
  .lecturer__image-wrapper__avatar {
    border: 1px solid #fef6f5; }

.lecturer__infos {
  line-height: 1.5;
  color: #888888;
  margin-top: 0.25rem;
  font-size: 1rem; }
  @media (max-width: 767.98px) {
    .lecturer__infos {
      font-size: 0.75rem; } }

.lecturer__level {
  right: 0;
  bottom: 4px;
  width: 30%;
  height: 30%; }

.lecturer-info {
  display: flex; }
  .lecturer-info__content {
    line-height: 1.5;
    overflow: hidden;
    flex-grow: 1;
    margin-left: 1rem; }
    .lecturer-info__content > .material-icons {
      font-size: 1.5rem;
      color: #888888;
      position: absolute;
      right: 1.5rem;
      pointer-events: none; }
    .lecturer-info__content__name {
      position: relative;
      width: calc(100% - 1rem);
      font-size: 1.125rem;
      margin-bottom: 0;
      line-height: 1.5; }
    .lecturer-info__content__title, .lecturer-info__content__description, .lecturer-info__content__rating {
      font-size: 0.875rem;
      color: #888888; }
    .lecturer-info__content__title {
      min-height: 1.3125rem; }
    .lecturer-info__content__description {
      margin-top: 1rem;
      margin-bottom: 0.375rem;
      min-height: 2.625rem;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical; }
    .lecturer-info__content__rating > span {
      margin-left: 0.5rem; }

/* mixin for multiline */
.lecturers-progress {
  position: relative;
  overflow: hidden; }
  @media (max-width: 575.98px) {
    .lecturers-progress {
      padding-bottom: 2rem; } }
  .lecturers-progress__image {
    width: 45%;
    max-width: 265px;
    overflow: hidden;
    border-radius: 0.25rem; }
    @media (max-width: 575.98px) {
      .lecturers-progress__image {
        width: 50%; } }
  .lecturers-progress__content {
    display: flex;
    padding: 1.125rem 1.25rem; }
  .lecturers-progress__title {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .lecturers-progress__info {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between; }
    @media (max-width: 575.98px) {
      .lecturers-progress__info {
        width: 50%;
        justify-content: flex-start; } }
  .lecturers-progress__sub-title {
    font-weight: normal;
    display: block;
    display: -webkit-box !important;
    max-width: 100%;
    max-height: 2.5rem;
    font-size: 1rem;
    line-height: 1.25;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all; }
  .lecturers-progress__unit {
    font-size: 0.875rem;
    font-weight: 400; }
    @media (max-width: 575.98px) {
      .lecturers-progress__unit {
        margin-right: 0.875rem; } }
    .lecturers-progress__unit .material-icons {
      font-size: 1.25rem;
      width: 1.125rem;
      height: 1.125rem; }
  @media (max-width: 575.98px) {
    .lecturers-progress__units {
      position: absolute;
      left: 1.125rem;
      bottom: 1.125rem;
      display: flex;
      align-items: center; } }
  .lecturers-progress__progress-bar {
    position: relative;
    background-color: #F5F5F5;
    width: 100%;
    height: 4px; }
    @media (max-width: 767.98px) {
      .lecturers-progress__progress-bar {
        position: absolute;
        left: 0;
        bottom: 0; } }
    .lecturers-progress__progress-bar__percentage {
      position: absolute;
      left: 0;
      top: 0;
      height: 4px;
      background: linear-gradient(90deg, #EE4D2D 0%, #ee4d2d 100%); }

/* mixin for multiline */
.course-lesson-coming {
  position: relative; }
  .course-lesson-coming__count-down {
    position: absolute;
    top: 0.625rem;
    left: 0.875rem; }
  .course-lesson-coming__duration {
    color: #888888;
    font-size: 0.875rem;
    margin-top: 0.55rem; }
  .course-lesson-coming__title {
    flex: 1;
    margin-bottom: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .course-lesson-coming .badge-gap {
    margin-bottom: 0; }
  .course-lesson-coming[data-direction='horizontal'] a {
    display: flex;
    align-items: stretch;
    padding: 1.25rem; }
  .course-lesson-coming[data-direction='horizontal'] .course-lesson-coming__name {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 0.5rem;
    margin-bottom: 0;
    flex: 1; }
  .course-lesson-coming[data-direction='horizontal'] .course-lesson-coming__image {
    width: 50%; }
  .course-lesson-coming[data-direction='horizontal'] .course-lesson-coming__count-down {
    top: 0;
    left: 0;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center; }
  .course-lesson-coming[data-direction='horizontal'] .course-lesson-coming__title {
    width: 100%;
    flex: initial;
    margin-top: 1rem;
    font-size: 1.25rem; }
  .course-lesson-coming[data-direction='horizontal'] .alternate-card-body {
    padding: 0;
    padding-left: 1.25rem;
    justify-content: space-between; }

.course-comment {
  padding: 0 10px 10px 10px; }
  @media (min-width: 768px) {
    .course-comment {
      padding: 0 40px 40px 40px; } }
  @media (min-width: 992px) {
    .course-comment {
      padding: 0 30px 30px 30px; } }
  .course-comment__summary {
    padding: 20px;
    display: flex;
    background-color: #F5F5F5; }
  .course-comment__summary-rate {
    flex-shrink: 0;
    margin-right: 10px;
    text-align: center; }
    @media (min-width: 576px) {
      .course-comment__summary-rate {
        margin-right: 15px;
        padding: 0 15px; } }
  .course-comment__summary-rate-number {
    font-size: 30px; }
  .course-comment__summary-rate-base {
    font-size: 16px; }
  .course-comment__filter-list {
    list-style: none;
    padding: 0;
    margin: -4px;
    display: flex;
    flex-wrap: wrap; }
  .course-comment__filter-item {
    margin: 4px; }
  .course-comment__filter-button {
    padding-top: 6px;
    padding-bottom: 6px;
    width: 95px;
    font-size: 16px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    background-color: white;
    transition: all 200ms ease-in-out; }
    .course-comment__filter-button[data-is-active='true'] {
      color: #EE4D2D;
      border-color: #EE4D2D; }
    .course-comment__filter-button[data-is-active='false'] {
      color: inherit;
      border-color: #DBDBDB; }
    .course-comment__filter-button:hover {
      border-color: #EE4D2D;
      background-color: rgba(238, 77, 45, 0.08); }
  .course-comment__form {
    margin: 30px 0; }
  .course-comment__form-rate {
    margin-bottom: 30px;
    text-align: center; }
  .course-comment__form-rate-title {
    margin-bottom: 8px; }
  .course-comment__list-wrapper {
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E8; }

.swiper-button-disabled {
  display: none !important; }

.swiper-pagination-bullets .swiper-pagination-bullet {
  border-radius: 8px;
  transition: width 300ms ease-out; }
  .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border-radius: 8px;
    width: 24px;
    background-color: #EE4D2D !important; }

/* mixin for multiline */
.lecturer-detail {
  background-color: #fff;
  display: flex; }
  .lecturer-detail--column {
    flex-direction: column; }
    .lecturer-detail--column .lecturer-detail__contact {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #e8e8e8; }
  .lecturer-detail__contact {
    width: 265px;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    text-align: center;
    border-right: 1px solid #e8e8e8; }
    .lecturer-detail__contact__image-block {
      width: 140px;
      height: 140px;
      margin-bottom: 24px;
      position: relative; }
      .lecturer-detail__contact__image-block__image {
        border-radius: 50%;
        box-shadow: 0 0 10px 0 rgba(25, 25, 25, 0.25);
        object-fit: cover;
        object-position: center center;
        border: 4px solid #fff; }
      .lecturer-detail__contact__image-block__level {
        right: 0;
        bottom: 4px;
        width: 30%;
        height: 30%; }
    .lecturer-detail__contact__info {
      line-height: 1.5;
      width: 100%; }
      .lecturer-detail__contact__info > div + * {
        margin-top: 8px; }
      .lecturer-detail__contact__info__name {
        font-size: 18px;
        margin: 0; }
      .lecturer-detail__contact__info__title {
        color: #888888; }
      .lecturer-detail__contact__info__link {
        margin-top: 4px; }
        .lecturer-detail__contact__info__link:hover {
          text-decoration: none; }
        .lecturer-detail__contact__info__link > a {
          color: #0088ff; }
          .lecturer-detail__contact__info__link > a + a {
            margin-left: 8px; }
          .lecturer-detail__contact__info__link > a > svg {
            width: 16px;
            height: 16px; }
      .lecturer-detail__contact__info .lecturer-detail__contact__info__rate {
        font-size: 14px;
        color: #888888; }
        .lecturer-detail__contact__info .lecturer-detail__contact__info__rate .rate {
          margin-right: 8px; }
  .lecturer-detail__content {
    flex-grow: 1;
    padding: 24px 32px;
    line-height: 1.5; }
    .lecturer-detail__content--sm {
      padding: 24px; }
    .lecturer-detail__content__description {
      font-size: 14px; }
    .lecturer-detail__content__experience {
      font-size: 14px; }
      .lecturer-detail__content__experience img {
        width: 16px;
        height: 16px; }
      .lecturer-detail__content__experience__flag {
        height: 21px; }
      .lecturer-detail__content__experience > div + div {
        margin-top: 8px; }
      .lecturer-detail__content__experience__expand {
        cursor: pointer;
        width: fit-content;
        color: #0088ff; }
    .lecturer-detail__content > div + div {
      margin-top: 24px; }

.lecturer__section:nth-child(odd) {
  background-color: #f5f5f5; }

.lecturer__section--hide {
  display: none; }

.comment {
  padding: 40px;
  background-color: #fff; }
  .comment__summary {
    padding: 20px;
    display: flex;
    background-color: #F5F5F5; }
  .comment__summary-rate {
    flex-shrink: 0;
    margin-right: 10px;
    text-align: center; }
    @media (min-width: 576px) {
      .comment__summary-rate {
        margin-right: 15px;
        padding: 0 15px; } }
  .comment__summary-rate-number {
    font-size: 30px; }
  .comment__summary-rate-base {
    font-size: 1rem; }
  .comment__filter-list {
    list-style: none;
    padding: 0;
    margin: -4px;
    display: flex;
    flex-wrap: wrap; }
  .comment__filter-item {
    margin: 8px; }
  .comment__filter-button {
    padding: 8px 16px;
    width: 120px;
    font-size: 1rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    background-color: white;
    transition: all 200ms ease-in-out; }
    .comment__filter-button[data-is-active='true'] {
      color: #EE4D2D;
      border-color: #EE4D2D; }
    .comment__filter-button[data-is-active='false'] {
      color: inherit;
      border-color: #DBDBDB; }
    .comment__filter-button:hover {
      border-color: #EE4D2D;
      background-color: rgba(238, 77, 45, 0.08); }
  .comment__list__image {
    width: 60px;
    margin-right: 16px;
    flex-shrink: 0; }
    .comment__list__image > img {
      width: 100%;
      border-radius: 50%;
      object-fit: cover; }
  .comment__list > div {
    padding: 40px 0px;
    border-bottom: 1px solid #e8e8e8; }
  .comment__list__detail {
    line-height: 1.5;
    flex-grow: 1; }
    .comment__list__detail__name {
      font-size: 1rem;
      font-weight: 500; }
    .comment__list__detail__time {
      color: #888888;
      font-size: 14px; }
    .comment__list__detail .rate {
      margin: 0.5rem 0; }
    .comment__list__detail__description {
      color: #888888;
      font-size: 1rem; }

.reply__form {
  padding-top: 20px;
  flex: 1 1 auto; }

.cover-image--blur {
  filter: blur(20px); }