*,
*::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(0, 0, 0, 0);
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #eaeaef;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  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: #EF7D00;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #a35500;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

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: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

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-weight: 500;
  line-height: 1.2;
}

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(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  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: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

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

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

.figure {
  display: inline-block;
}

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

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

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

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1200px;
  }
}

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

.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: 15px;
  padding-left: 15px;
}

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

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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.333333%;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .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.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .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.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .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.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .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.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.modal-open {
  overflow: hidden;
}

.modal-open .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 (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.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(0, 0, 0, 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: #000;
}

.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 #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.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;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.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-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .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;
  }
}

.fade {
  transition: opacity 0.15s linear;
}

@media (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 (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=2.8.94");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=2.8.94") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=2.8.94") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=2.8.94") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=2.8.94") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=2.8.94#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-access-point:before {
  content: "\F002";
}

.mdi-access-point-network:before {
  content: "\F003";
}

.mdi-account:before {
  content: "\F004";
}

.mdi-account-alert:before {
  content: "\F005";
}

.mdi-account-box:before {
  content: "\F006";
}

.mdi-account-box-multiple:before {
  content: "\F933";
}

.mdi-account-box-outline:before {
  content: "\F007";
}

.mdi-account-card-details:before {
  content: "\F5D2";
}

.mdi-account-check:before {
  content: "\F008";
}

.mdi-account-child:before {
  content: "\FA88";
}

.mdi-account-child-circle:before {
  content: "\FA89";
}

.mdi-account-circle:before {
  content: "\F009";
}

.mdi-account-convert:before {
  content: "\F00A";
}

.mdi-account-details:before {
  content: "\F631";
}

.mdi-account-edit:before {
  content: "\F6BB";
}

.mdi-account-group:before {
  content: "\F848";
}

.mdi-account-heart:before {
  content: "\F898";
}

.mdi-account-key:before {
  content: "\F00B";
}

.mdi-account-location:before {
  content: "\F00C";
}

.mdi-account-minus:before {
  content: "\F00D";
}

.mdi-account-minus-outline:before {
  content: "\FAEB";
}

.mdi-account-multiple:before {
  content: "\F00E";
}

.mdi-account-multiple-check:before {
  content: "\F8C4";
}

.mdi-account-multiple-minus:before {
  content: "\F5D3";
}

.mdi-account-multiple-outline:before {
  content: "\F00F";
}

.mdi-account-multiple-plus:before {
  content: "\F010";
}

.mdi-account-multiple-plus-outline:before {
  content: "\F7FF";
}

.mdi-account-network:before {
  content: "\F011";
}

.mdi-account-off:before {
  content: "\F012";
}

.mdi-account-outline:before {
  content: "\F013";
}

.mdi-account-plus:before {
  content: "\F014";
}

.mdi-account-plus-outline:before {
  content: "\F800";
}

.mdi-account-remove:before {
  content: "\F015";
}

.mdi-account-remove-outline:before {
  content: "\FAEC";
}

.mdi-account-search:before {
  content: "\F016";
}

.mdi-account-search-outline:before {
  content: "\F934";
}

.mdi-account-settings:before {
  content: "\F630";
}

.mdi-account-star:before {
  content: "\F017";
}

.mdi-account-supervisor:before {
  content: "\FA8A";
}

.mdi-account-supervisor-circle:before {
  content: "\FA8B";
}

.mdi-account-switch:before {
  content: "\F019";
}

.mdi-accusoft:before {
  content: "\F849";
}

.mdi-adjust:before {
  content: "\F01A";
}

.mdi-adobe:before {
  content: "\F935";
}

.mdi-air-conditioner:before {
  content: "\F01B";
}

.mdi-airballoon:before {
  content: "\F01C";
}

.mdi-airplane:before {
  content: "\F01D";
}

.mdi-airplane-landing:before {
  content: "\F5D4";
}

.mdi-airplane-off:before {
  content: "\F01E";
}

.mdi-airplane-takeoff:before {
  content: "\F5D5";
}

.mdi-airplay:before {
  content: "\F01F";
}

.mdi-airport:before {
  content: "\F84A";
}

.mdi-alarm:before {
  content: "\F020";
}

.mdi-alarm-bell:before {
  content: "\F78D";
}

.mdi-alarm-check:before {
  content: "\F021";
}

.mdi-alarm-light:before {
  content: "\F78E";
}

.mdi-alarm-multiple:before {
  content: "\F022";
}

.mdi-alarm-off:before {
  content: "\F023";
}

.mdi-alarm-plus:before {
  content: "\F024";
}

.mdi-alarm-snooze:before {
  content: "\F68D";
}

.mdi-album:before {
  content: "\F025";
}

.mdi-alert:before {
  content: "\F026";
}

.mdi-alert-box:before {
  content: "\F027";
}

.mdi-alert-circle:before {
  content: "\F028";
}

.mdi-alert-circle-outline:before {
  content: "\F5D6";
}

.mdi-alert-decagram:before {
  content: "\F6BC";
}

.mdi-alert-octagon:before {
  content: "\F029";
}

.mdi-alert-octagram:before {
  content: "\F766";
}

.mdi-alert-outline:before {
  content: "\F02A";
}

.mdi-alien:before {
  content: "\F899";
}

.mdi-all-inclusive:before {
  content: "\F6BD";
}

.mdi-alpha:before {
  content: "\F02B";
}

.mdi-alpha-a:before {
  content: "\41";
}

.mdi-alpha-a-box:before {
  content: "\FAED";
}

.mdi-alpha-b:before {
  content: "\42";
}

.mdi-alpha-b-box:before {
  content: "\FAEE";
}

.mdi-alpha-c:before {
  content: "\43";
}

.mdi-alpha-c-box:before {
  content: "\FAEF";
}

.mdi-alpha-d:before {
  content: "\44";
}

.mdi-alpha-d-box:before {
  content: "\FAF0";
}

.mdi-alpha-e:before {
  content: "\45";
}

.mdi-alpha-e-box:before {
  content: "\FAF1";
}

.mdi-alpha-f:before {
  content: "\46";
}

.mdi-alpha-f-box:before {
  content: "\FAF2";
}

.mdi-alpha-g:before {
  content: "\47";
}

.mdi-alpha-g-box:before {
  content: "\FAF3";
}

.mdi-alpha-h:before {
  content: "\48";
}

.mdi-alpha-h-box:before {
  content: "\FAF4";
}

.mdi-alpha-i:before {
  content: "\49";
}

.mdi-alpha-i-box:before {
  content: "\FAF5";
}

.mdi-alpha-j:before {
  content: "\4A";
}

.mdi-alpha-j-box:before {
  content: "\FAF6";
}

.mdi-alpha-k:before {
  content: "\4B";
}

.mdi-alpha-k-box:before {
  content: "\FAF7";
}

.mdi-alpha-l:before {
  content: "\4C";
}

.mdi-alpha-l-box:before {
  content: "\FAF8";
}

.mdi-alpha-m:before {
  content: "\4D";
}

.mdi-alpha-m-box:before {
  content: "\FAF9";
}

.mdi-alpha-n:before {
  content: "\4E";
}

.mdi-alpha-n-box:before {
  content: "\FAFA";
}

.mdi-alpha-o:before {
  content: "\4F";
}

.mdi-alpha-o-box:before {
  content: "\FAFB";
}

.mdi-alpha-p:before {
  content: "\50";
}

.mdi-alpha-p-box:before {
  content: "\FAFC";
}

.mdi-alpha-q:before {
  content: "\51";
}

.mdi-alpha-q-box:before {
  content: "\FAFD";
}

.mdi-alpha-r:before {
  content: "\52";
}

.mdi-alpha-r-box:before {
  content: "\FAFE";
}

.mdi-alpha-s:before {
  content: "\53";
}

.mdi-alpha-s-box:before {
  content: "\FAFF";
}

.mdi-alpha-t:before {
  content: "\54";
}

.mdi-alpha-t-box:before {
  content: "\FB00";
}

.mdi-alpha-u:before {
  content: "\55";
}

.mdi-alpha-u-box:before {
  content: "\FB01";
}

.mdi-alpha-v:before {
  content: "\56";
}

.mdi-alpha-v-box:before {
  content: "\FB02";
}

.mdi-alpha-w:before {
  content: "\57";
}

.mdi-alpha-w-box:before {
  content: "\FB03";
}

.mdi-alpha-x:before {
  content: "\58";
}

.mdi-alpha-x-box:before {
  content: "\FB04";
}

.mdi-alpha-y:before {
  content: "\59";
}

.mdi-alpha-y-box:before {
  content: "\FB05";
}

.mdi-alpha-z:before {
  content: "\5A";
}

.mdi-alpha-z-box:before {
  content: "\FB06";
}

.mdi-alphabetical:before {
  content: "\F02C";
}

.mdi-altimeter:before {
  content: "\F5D7";
}

.mdi-amazon:before {
  content: "\F02D";
}

.mdi-amazon-alexa:before {
  content: "\F8C5";
}

.mdi-amazon-drive:before {
  content: "\F02E";
}

.mdi-ambulance:before {
  content: "\F02F";
}

.mdi-ampersand:before {
  content: "\FA8C";
}

.mdi-amplifier:before {
  content: "\F030";
}

.mdi-anchor:before {
  content: "\F031";
}

.mdi-android:before {
  content: "\F032";
}

.mdi-android-auto:before {
  content: "\FA8D";
}

.mdi-android-debug-bridge:before {
  content: "\F033";
}

.mdi-android-head:before {
  content: "\F78F";
}

.mdi-android-studio:before {
  content: "\F034";
}

.mdi-angle-acute:before {
  content: "\F936";
}

.mdi-angle-obtuse:before {
  content: "\F937";
}

.mdi-angle-right:before {
  content: "\F938";
}

.mdi-angular:before {
  content: "\F6B1";
}

.mdi-angularjs:before {
  content: "\F6BE";
}

.mdi-animation:before {
  content: "\F5D8";
}

.mdi-animation-outline:before {
  content: "\FA8E";
}

.mdi-animation-play:before {
  content: "\F939";
}

.mdi-animation-play-outline:before {
  content: "\FA8F";
}

.mdi-anvil:before {
  content: "\F89A";
}

.mdi-apple:before {
  content: "\F035";
}

.mdi-apple-finder:before {
  content: "\F036";
}

.mdi-apple-icloud:before {
  content: "\F038";
}

.mdi-apple-ios:before {
  content: "\F037";
}

.mdi-apple-keyboard-caps:before {
  content: "\F632";
}

.mdi-apple-keyboard-command:before {
  content: "\F633";
}

.mdi-apple-keyboard-control:before {
  content: "\F634";
}

.mdi-apple-keyboard-option:before {
  content: "\F635";
}

.mdi-apple-keyboard-shift:before {
  content: "\F636";
}

.mdi-apple-safari:before {
  content: "\F039";
}

.mdi-application:before {
  content: "\F614";
}

.mdi-apps:before {
  content: "\F03B";
}

.mdi-arch:before {
  content: "\F8C6";
}

.mdi-archive:before {
  content: "\F03C";
}

.mdi-arrange-bring-forward:before {
  content: "\F03D";
}

.mdi-arrange-bring-to-front:before {
  content: "\F03E";
}

.mdi-arrange-send-backward:before {
  content: "\F03F";
}

.mdi-arrange-send-to-back:before {
  content: "\F040";
}

.mdi-arrow-all:before {
  content: "\F041";
}

.mdi-arrow-bottom-left:before {
  content: "\F042";
}

.mdi-arrow-bottom-left-bold-outline:before {
  content: "\F9B6";
}

.mdi-arrow-bottom-left-thick:before {
  content: "\F9B7";
}

.mdi-arrow-bottom-right:before {
  content: "\F043";
}

.mdi-arrow-bottom-right-bold-outline:before {
  content: "\F9B8";
}

.mdi-arrow-bottom-right-thick:before {
  content: "\F9B9";
}

.mdi-arrow-collapse:before {
  content: "\F615";
}

.mdi-arrow-collapse-all:before {
  content: "\F044";
}

.mdi-arrow-collapse-down:before {
  content: "\F791";
}

.mdi-arrow-collapse-horizontal:before {
  content: "\F84B";
}

.mdi-arrow-collapse-left:before {
  content: "\F792";
}

.mdi-arrow-collapse-right:before {
  content: "\F793";
}

.mdi-arrow-collapse-up:before {
  content: "\F794";
}

.mdi-arrow-collapse-vertical:before {
  content: "\F84C";
}

.mdi-arrow-decision:before {
  content: "\F9BA";
}

.mdi-arrow-decision-auto:before {
  content: "\F9BB";
}

.mdi-arrow-decision-auto-outline:before {
  content: "\F9BC";
}

.mdi-arrow-decision-outline:before {
  content: "\F9BD";
}

.mdi-arrow-down:before {
  content: "\F045";
}

.mdi-arrow-down-bold:before {
  content: "\F72D";
}

.mdi-arrow-down-bold-box:before {
  content: "\F72E";
}

.mdi-arrow-down-bold-box-outline:before {
  content: "\F72F";
}

.mdi-arrow-down-bold-circle:before {
  content: "\F047";
}

.mdi-arrow-down-bold-circle-outline:before {
  content: "\F048";
}

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\F049";
}

.mdi-arrow-down-bold-outline:before {
  content: "\F9BE";
}

.mdi-arrow-down-box:before {
  content: "\F6BF";
}

.mdi-arrow-down-drop-circle:before {
  content: "\F04A";
}

.mdi-arrow-down-drop-circle-outline:before {
  content: "\F04B";
}

.mdi-arrow-down-thick:before {
  content: "\F046";
}

.mdi-arrow-expand:before {
  content: "\F616";
}

.mdi-arrow-expand-all:before {
  content: "\F04C";
}

.mdi-arrow-expand-down:before {
  content: "\F795";
}

.mdi-arrow-expand-horizontal:before {
  content: "\F84D";
}

.mdi-arrow-expand-left:before {
  content: "\F796";
}

.mdi-arrow-expand-right:before {
  content: "\F797";
}

.mdi-arrow-expand-up:before {
  content: "\F798";
}

.mdi-arrow-expand-vertical:before {
  content: "\F84E";
}

.mdi-arrow-left:before {
  content: "\F04D";
}

.mdi-arrow-left-bold:before {
  content: "\F730";
}

.mdi-arrow-left-bold-box:before {
  content: "\F731";
}

.mdi-arrow-left-bold-box-outline:before {
  content: "\F732";
}

.mdi-arrow-left-bold-circle:before {
  content: "\F04F";
}

.mdi-arrow-left-bold-circle-outline:before {
  content: "\F050";
}

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\F051";
}

.mdi-arrow-left-bold-outline:before {
  content: "\F9BF";
}

.mdi-arrow-left-box:before {
  content: "\F6C0";
}

.mdi-arrow-left-drop-circle:before {
  content: "\F052";
}

.mdi-arrow-left-drop-circle-outline:before {
  content: "\F053";
}

.mdi-arrow-left-right-bold-outline:before {
  content: "\F9C0";
}

.mdi-arrow-left-thick:before {
  content: "\F04E";
}

.mdi-arrow-right:before {
  content: "\F054";
}

.mdi-arrow-right-bold:before {
  content: "\F733";
}

.mdi-arrow-right-bold-box:before {
  content: "\F734";
}

.mdi-arrow-right-bold-box-outline:before {
  content: "\F735";
}

.mdi-arrow-right-bold-circle:before {
  content: "\F056";
}

.mdi-arrow-right-bold-circle-outline:before {
  content: "\F057";
}

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\F058";
}

.mdi-arrow-right-bold-outline:before {
  content: "\F9C1";
}

.mdi-arrow-right-box:before {
  content: "\F6C1";
}

.mdi-arrow-right-drop-circle:before {
  content: "\F059";
}

.mdi-arrow-right-drop-circle-outline:before {
  content: "\F05A";
}

.mdi-arrow-right-thick:before {
  content: "\F055";
}

.mdi-arrow-split-horizontal:before {
  content: "\F93A";
}

.mdi-arrow-split-vertical:before {
  content: "\F93B";
}

.mdi-arrow-top-left:before {
  content: "\F05B";
}

.mdi-arrow-top-left-bold-outline:before {
  content: "\F9C2";
}

.mdi-arrow-top-left-thick:before {
  content: "\F9C3";
}

.mdi-arrow-top-right:before {
  content: "\F05C";
}

.mdi-arrow-top-right-bold-outline:before {
  content: "\F9C4";
}

.mdi-arrow-top-right-thick:before {
  content: "\F9C5";
}

.mdi-arrow-up:before {
  content: "\F05D";
}

.mdi-arrow-up-bold:before {
  content: "\F736";
}

.mdi-arrow-up-bold-box:before {
  content: "\F737";
}

.mdi-arrow-up-bold-box-outline:before {
  content: "\F738";
}

.mdi-arrow-up-bold-circle:before {
  content: "\F05F";
}

.mdi-arrow-up-bold-circle-outline:before {
  content: "\F060";
}

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\F061";
}

.mdi-arrow-up-bold-outline:before {
  content: "\F9C6";
}

.mdi-arrow-up-box:before {
  content: "\F6C2";
}

.mdi-arrow-up-down-bold-outline:before {
  content: "\F9C7";
}

.mdi-arrow-up-drop-circle:before {
  content: "\F062";
}

.mdi-arrow-up-drop-circle-outline:before {
  content: "\F063";
}

.mdi-arrow-up-thick:before {
  content: "\F05E";
}

.mdi-artist:before {
  content: "\F802";
}

.mdi-aspect-ratio:before {
  content: "\FA23";
}

.mdi-assistant:before {
  content: "\F064";
}

.mdi-asterisk:before {
  content: "\F6C3";
}

.mdi-at:before {
  content: "\F065";
}

.mdi-atlassian:before {
  content: "\F803";
}

.mdi-atom:before {
  content: "\F767";
}

.mdi-attachment:before {
  content: "\F066";
}

.mdi-audio-video:before {
  content: "\F93C";
}

.mdi-audiobook:before {
  content: "\F067";
}

.mdi-augmented-reality:before {
  content: "\F84F";
}

.mdi-auto-fix:before {
  content: "\F068";
}

.mdi-auto-upload:before {
  content: "\F069";
}

.mdi-autorenew:before {
  content: "\F06A";
}

.mdi-av-timer:before {
  content: "\F06B";
}

.mdi-axe:before {
  content: "\F8C7";
}

.mdi-azure:before {
  content: "\F804";
}

.mdi-babel:before {
  content: "\FA24";
}

.mdi-baby:before {
  content: "\F06C";
}

.mdi-baby-buggy:before {
  content: "\F68E";
}

.mdi-backburger:before {
  content: "\F06D";
}

.mdi-backspace:before {
  content: "\F06E";
}

.mdi-backup-restore:before {
  content: "\F06F";
}

.mdi-badminton:before {
  content: "\F850";
}

.mdi-balloon:before {
  content: "\FA25";
}

.mdi-ballot:before {
  content: "\F9C8";
}

.mdi-ballot-outline:before {
  content: "\F9C9";
}

.mdi-bandcamp:before {
  content: "\F674";
}

.mdi-bank:before {
  content: "\F070";
}

.mdi-bank-transfer:before {
  content: "\FA26";
}

.mdi-bank-transfer-in:before {
  content: "\FA27";
}

.mdi-bank-transfer-out:before {
  content: "\FA28";
}

.mdi-barcode:before {
  content: "\F071";
}

.mdi-barcode-scan:before {
  content: "\F072";
}

.mdi-barley:before {
  content: "\F073";
}

.mdi-barrel:before {
  content: "\F074";
}

.mdi-baseball:before {
  content: "\F851";
}

.mdi-baseball-bat:before {
  content: "\F852";
}

.mdi-basecamp:before {
  content: "\F075";
}

.mdi-basket:before {
  content: "\F076";
}

.mdi-basket-fill:before {
  content: "\F077";
}

.mdi-basket-unfill:before {
  content: "\F078";
}

.mdi-basketball:before {
  content: "\F805";
}

.mdi-battery:before {
  content: "\F079";
}

.mdi-battery-10:before {
  content: "\F07A";
}

.mdi-battery-10-bluetooth:before {
  content: "\F93D";
}

.mdi-battery-20:before {
  content: "\F07B";
}

.mdi-battery-20-bluetooth:before {
  content: "\F93E";
}

.mdi-battery-30:before {
  content: "\F07C";
}

.mdi-battery-30-bluetooth:before {
  content: "\F93F";
}

.mdi-battery-40:before {
  content: "\F07D";
}

.mdi-battery-40-bluetooth:before {
  content: "\F940";
}

.mdi-battery-50:before {
  content: "\F07E";
}

.mdi-battery-50-bluetooth:before {
  content: "\F941";
}

.mdi-battery-60:before {
  content: "\F07F";
}

.mdi-battery-60-bluetooth:before {
  content: "\F942";
}

.mdi-battery-70:before {
  content: "\F080";
}

.mdi-battery-70-bluetooth:before {
  content: "\F943";
}

.mdi-battery-80:before {
  content: "\F081";
}

.mdi-battery-80-bluetooth:before {
  content: "\F944";
}

.mdi-battery-90:before {
  content: "\F082";
}

.mdi-battery-90-bluetooth:before {
  content: "\F945";
}

.mdi-battery-alert:before {
  content: "\F083";
}

.mdi-battery-alert-bluetooth:before {
  content: "\F946";
}

.mdi-battery-bluetooth:before {
  content: "\F947";
}

.mdi-battery-bluetooth-variant:before {
  content: "\F948";
}

.mdi-battery-charging:before {
  content: "\F084";
}

.mdi-battery-charging-10:before {
  content: "\F89B";
}

.mdi-battery-charging-100:before {
  content: "\F085";
}

.mdi-battery-charging-20:before {
  content: "\F086";
}

.mdi-battery-charging-30:before {
  content: "\F087";
}

.mdi-battery-charging-40:before {
  content: "\F088";
}

.mdi-battery-charging-50:before {
  content: "\F89C";
}

.mdi-battery-charging-60:before {
  content: "\F089";
}

.mdi-battery-charging-70:before {
  content: "\F89D";
}

.mdi-battery-charging-80:before {
  content: "\F08A";
}

.mdi-battery-charging-90:before {
  content: "\F08B";
}

.mdi-battery-charging-outline:before {
  content: "\F89E";
}

.mdi-battery-charging-wireless:before {
  content: "\F806";
}

.mdi-battery-charging-wireless-10:before {
  content: "\F807";
}

.mdi-battery-charging-wireless-20:before {
  content: "\F808";
}

.mdi-battery-charging-wireless-30:before {
  content: "\F809";
}

.mdi-battery-charging-wireless-40:before {
  content: "\F80A";
}

.mdi-battery-charging-wireless-50:before {
  content: "\F80B";
}

.mdi-battery-charging-wireless-60:before {
  content: "\F80C";
}

.mdi-battery-charging-wireless-70:before {
  content: "\F80D";
}

.mdi-battery-charging-wireless-80:before {
  content: "\F80E";
}

.mdi-battery-charging-wireless-90:before {
  content: "\F80F";
}

.mdi-battery-charging-wireless-alert:before {
  content: "\F810";
}

.mdi-battery-charging-wireless-outline:before {
  content: "\F811";
}

.mdi-battery-minus:before {
  content: "\F08C";
}

.mdi-battery-negative:before {
  content: "\F08D";
}

.mdi-battery-outline:before {
  content: "\F08E";
}

.mdi-battery-plus:before {
  content: "\F08F";
}

.mdi-battery-positive:before {
  content: "\F090";
}

.mdi-battery-unknown:before {
  content: "\F091";
}

.mdi-battery-unknown-bluetooth:before {
  content: "\F949";
}

.mdi-beach:before {
  content: "\F092";
}

.mdi-beaker:before {
  content: "\F68F";
}

.mdi-beats:before {
  content: "\F097";
}

.mdi-bed-empty:before {
  content: "\F89F";
}

.mdi-beer:before {
  content: "\F098";
}

.mdi-behance:before {
  content: "\F099";
}

.mdi-bell:before {
  content: "\F09A";
}

.mdi-bell-off:before {
  content: "\F09B";
}

.mdi-bell-off-outline:before {
  content: "\FA90";
}

.mdi-bell-outline:before {
  content: "\F09C";
}

.mdi-bell-plus:before {
  content: "\F09D";
}

.mdi-bell-plus-outline:before {
  content: "\FA91";
}

.mdi-bell-ring:before {
  content: "\F09E";
}

.mdi-bell-ring-outline:before {
  content: "\F09F";
}

.mdi-bell-sleep:before {
  content: "\F0A0";
}

.mdi-bell-sleep-outline:before {
  content: "\FA92";
}

.mdi-beta:before {
  content: "\F0A1";
}

.mdi-betamax:before {
  content: "\F9CA";
}

.mdi-bible:before {
  content: "\F0A2";
}

.mdi-bike:before {
  content: "\F0A3";
}

.mdi-bing:before {
  content: "\F0A4";
}

.mdi-binoculars:before {
  content: "\F0A5";
}

.mdi-bio:before {
  content: "\F0A6";
}

.mdi-biohazard:before {
  content: "\F0A7";
}

.mdi-bitbucket:before {
  content: "\F0A8";
}

.mdi-bitcoin:before {
  content: "\F812";
}

.mdi-black-mesa:before {
  content: "\F0A9";
}

.mdi-blackberry:before {
  content: "\F0AA";
}

.mdi-blender:before {
  content: "\F0AB";
}

.mdi-blinds:before {
  content: "\F0AC";
}

.mdi-block-helper:before {
  content: "\F0AD";
}

.mdi-blogger:before {
  content: "\F0AE";
}

.mdi-bluetooth:before {
  content: "\F0AF";
}

.mdi-bluetooth-audio:before {
  content: "\F0B0";
}

.mdi-bluetooth-connect:before {
  content: "\F0B1";
}

.mdi-bluetooth-off:before {
  content: "\F0B2";
}

.mdi-bluetooth-settings:before {
  content: "\F0B3";
}

.mdi-bluetooth-transfer:before {
  content: "\F0B4";
}

.mdi-blur:before {
  content: "\F0B5";
}

.mdi-blur-linear:before {
  content: "\F0B6";
}

.mdi-blur-off:before {
  content: "\F0B7";
}

.mdi-blur-radial:before {
  content: "\F0B8";
}

.mdi-bomb:before {
  content: "\F690";
}

.mdi-bomb-off:before {
  content: "\F6C4";
}

.mdi-bone:before {
  content: "\F0B9";
}

.mdi-book:before {
  content: "\F0BA";
}

.mdi-book-lock:before {
  content: "\F799";
}

.mdi-book-lock-open:before {
  content: "\F79A";
}

.mdi-book-minus:before {
  content: "\F5D9";
}

.mdi-book-multiple:before {
  content: "\F0BB";
}

.mdi-book-multiple-minus:before {
  content: "\FA93";
}

.mdi-book-multiple-plus:before {
  content: "\FA94";
}

.mdi-book-multiple-remove:before {
  content: "\FA95";
}

.mdi-book-multiple-variant:before {
  content: "\F0BC";
}

.mdi-book-open:before {
  content: "\F0BD";
}

.mdi-book-open-page-variant:before {
  content: "\F5DA";
}

.mdi-book-open-variant:before {
  content: "\F0BE";
}

.mdi-book-plus:before {
  content: "\F5DB";
}

.mdi-book-remove:before {
  content: "\FA96";
}

.mdi-book-variant:before {
  content: "\F0BF";
}

.mdi-bookmark:before {
  content: "\F0C0";
}

.mdi-bookmark-check:before {
  content: "\F0C1";
}

.mdi-bookmark-minus:before {
  content: "\F9CB";
}

.mdi-bookmark-minus-outline:before {
  content: "\F9CC";
}

.mdi-bookmark-music:before {
  content: "\F0C2";
}

.mdi-bookmark-off:before {
  content: "\F9CD";
}

.mdi-bookmark-off-outline:before {
  content: "\F9CE";
}

.mdi-bookmark-outline:before {
  content: "\F0C3";
}

.mdi-bookmark-plus:before {
  content: "\F0C5";
}

.mdi-bookmark-plus-outline:before {
  content: "\F0C4";
}

.mdi-bookmark-remove:before {
  content: "\F0C6";
}

.mdi-boombox:before {
  content: "\F5DC";
}

.mdi-bootstrap:before {
  content: "\F6C5";
}

.mdi-border-all:before {
  content: "\F0C7";
}

.mdi-border-all-variant:before {
  content: "\F8A0";
}

.mdi-border-bottom:before {
  content: "\F0C8";
}

.mdi-border-bottom-variant:before {
  content: "\F8A1";
}

.mdi-border-color:before {
  content: "\F0C9";
}

.mdi-border-horizontal:before {
  content: "\F0CA";
}

.mdi-border-inside:before {
  content: "\F0CB";
}

.mdi-border-left:before {
  content: "\F0CC";
}

.mdi-border-left-variant:before {
  content: "\F8A2";
}

.mdi-border-none:before {
  content: "\F0CD";
}

.mdi-border-none-variant:before {
  content: "\F8A3";
}

.mdi-border-outside:before {
  content: "\F0CE";
}

.mdi-border-right:before {
  content: "\F0CF";
}

.mdi-border-right-variant:before {
  content: "\F8A4";
}

.mdi-border-style:before {
  content: "\F0D0";
}

.mdi-border-top:before {
  content: "\F0D1";
}

.mdi-border-top-variant:before {
  content: "\F8A5";
}

.mdi-border-vertical:before {
  content: "\F0D2";
}

.mdi-bottle-wine:before {
  content: "\F853";
}

.mdi-bow-tie:before {
  content: "\F677";
}

.mdi-bowl:before {
  content: "\F617";
}

.mdi-bowling:before {
  content: "\F0D3";
}

.mdi-box:before {
  content: "\F0D4";
}

.mdi-box-cutter:before {
  content: "\F0D5";
}

.mdi-box-shadow:before {
  content: "\F637";
}

.mdi-braille:before {
  content: "\F9CF";
}

.mdi-brain:before {
  content: "\F9D0";
}

.mdi-bridge:before {
  content: "\F618";
}

.mdi-briefcase:before {
  content: "\F0D6";
}

.mdi-briefcase-check:before {
  content: "\F0D7";
}

.mdi-briefcase-download:before {
  content: "\F0D8";
}

.mdi-briefcase-edit:before {
  content: "\FA97";
}

.mdi-briefcase-minus:before {
  content: "\FA29";
}

.mdi-briefcase-outline:before {
  content: "\F813";
}

.mdi-briefcase-plus:before {
  content: "\FA2A";
}

.mdi-briefcase-remove:before {
  content: "\FA2B";
}

.mdi-briefcase-search:before {
  content: "\FA2C";
}

.mdi-briefcase-upload:before {
  content: "\F0D9";
}

.mdi-brightness-1:before {
  content: "\F0DA";
}

.mdi-brightness-2:before {
  content: "\F0DB";
}

.mdi-brightness-3:before {
  content: "\F0DC";
}

.mdi-brightness-4:before {
  content: "\F0DD";
}

.mdi-brightness-5:before {
  content: "\F0DE";
}

.mdi-brightness-6:before {
  content: "\F0DF";
}

.mdi-brightness-7:before {
  content: "\F0E0";
}

.mdi-brightness-auto:before {
  content: "\F0E1";
}

.mdi-broom:before {
  content: "\F0E2";
}

.mdi-brush:before {
  content: "\F0E3";
}

.mdi-buddhism:before {
  content: "\F94A";
}

.mdi-buffer:before {
  content: "\F619";
}

.mdi-bug:before {
  content: "\F0E4";
}

.mdi-bug-check:before {
  content: "\FA2D";
}

.mdi-bug-check-outline:before {
  content: "\FA2E";
}

.mdi-bug-outline:before {
  content: "\FA2F";
}

.mdi-bulldozer:before {
  content: "\FB07";
}

.mdi-bulletin-board:before {
  content: "\F0E5";
}

.mdi-bullhorn:before {
  content: "\F0E6";
}

.mdi-bullhorn-outline:before {
  content: "\FB08";
}

.mdi-bullseye:before {
  content: "\F5DD";
}

.mdi-bullseye-arrow:before {
  content: "\F8C8";
}

.mdi-bus:before {
  content: "\F0E7";
}

.mdi-bus-alert:before {
  content: "\FA98";
}

.mdi-bus-articulated-end:before {
  content: "\F79B";
}

.mdi-bus-articulated-front:before {
  content: "\F79C";
}

.mdi-bus-clock:before {
  content: "\F8C9";
}

.mdi-bus-double-decker:before {
  content: "\F79D";
}

.mdi-bus-school:before {
  content: "\F79E";
}

.mdi-bus-side:before {
  content: "\F79F";
}

.mdi-cached:before {
  content: "\F0E8";
}

.mdi-cake:before {
  content: "\F0E9";
}

.mdi-cake-layered:before {
  content: "\F0EA";
}

.mdi-cake-variant:before {
  content: "\F0EB";
}

.mdi-calculator:before {
  content: "\F0EC";
}

.mdi-calculator-variant:before {
  content: "\FA99";
}

.mdi-calendar:before {
  content: "\F0ED";
}

.mdi-calendar-alert:before {
  content: "\FA30";
}

.mdi-calendar-blank:before {
  content: "\F0EE";
}

.mdi-calendar-check:before {
  content: "\F0EF";
}

.mdi-calendar-clock:before {
  content: "\F0F0";
}

.mdi-calendar-edit:before {
  content: "\F8A6";
}

.mdi-calendar-export:before {
  content: "\FB09";
}

.mdi-calendar-heart:before {
  content: "\F9D1";
}

.mdi-calendar-import:before {
  content: "\FB0A";
}

.mdi-calendar-multiple:before {
  content: "\F0F1";
}

.mdi-calendar-multiple-check:before {
  content: "\F0F2";
}

.mdi-calendar-multiselect:before {
  content: "\FA31";
}

.mdi-calendar-plus:before {
  content: "\F0F3";
}

.mdi-calendar-question:before {
  content: "\F691";
}

.mdi-calendar-range:before {
  content: "\F678";
}

.mdi-calendar-remove:before {
  content: "\F0F4";
}

.mdi-calendar-search:before {
  content: "\F94B";
}

.mdi-calendar-star:before {
  content: "\F9D2";
}

.mdi-calendar-text:before {
  content: "\F0F5";
}

.mdi-calendar-today:before {
  content: "\F0F6";
}

.mdi-calendar-week:before {
  content: "\FA32";
}

.mdi-calendar-week-begin:before {
  content: "\FA33";
}

.mdi-call-made:before {
  content: "\F0F7";
}

.mdi-call-merge:before {
  content: "\F0F8";
}

.mdi-call-missed:before {
  content: "\F0F9";
}

.mdi-call-received:before {
  content: "\F0FA";
}

.mdi-call-split:before {
  content: "\F0FB";
}

.mdi-camcorder:before {
  content: "\F0FC";
}

.mdi-camcorder-box:before {
  content: "\F0FD";
}

.mdi-camcorder-box-off:before {
  content: "\F0FE";
}

.mdi-camcorder-off:before {
  content: "\F0FF";
}

.mdi-camera:before {
  content: "\F100";
}

.mdi-camera-account:before {
  content: "\F8CA";
}

.mdi-camera-burst:before {
  content: "\F692";
}

.mdi-camera-enhance:before {
  content: "\F101";
}

.mdi-camera-front:before {
  content: "\F102";
}

.mdi-camera-front-variant:before {
  content: "\F103";
}

.mdi-camera-gopro:before {
  content: "\F7A0";
}

.mdi-camera-image:before {
  content: "\F8CB";
}

.mdi-camera-iris:before {
  content: "\F104";
}

.mdi-camera-metering-center:before {
  content: "\F7A1";
}

.mdi-camera-metering-matrix:before {
  content: "\F7A2";
}

.mdi-camera-metering-partial:before {
  content: "\F7A3";
}

.mdi-camera-metering-spot:before {
  content: "\F7A4";
}

.mdi-camera-off:before {
  content: "\F5DF";
}

.mdi-camera-party-mode:before {
  content: "\F105";
}

.mdi-camera-rear:before {
  content: "\F106";
}

.mdi-camera-rear-variant:before {
  content: "\F107";
}

.mdi-camera-switch:before {
  content: "\F108";
}

.mdi-camera-timer:before {
  content: "\F109";
}

.mdi-cancel:before {
  content: "\F739";
}

.mdi-candle:before {
  content: "\F5E2";
}

.mdi-candycane:before {
  content: "\F10A";
}

.mdi-cannabis:before {
  content: "\F7A5";
}

.mdi-caps-lock:before {
  content: "\FA9A";
}

.mdi-car:before {
  content: "\F10B";
}

.mdi-car-battery:before {
  content: "\F10C";
}

.mdi-car-connected:before {
  content: "\F10D";
}

.mdi-car-convertible:before {
  content: "\F7A6";
}

.mdi-car-estate:before {
  content: "\F7A7";
}

.mdi-car-hatchback:before {
  content: "\F7A8";
}

.mdi-car-limousine:before {
  content: "\F8CC";
}

.mdi-car-pickup:before {
  content: "\F7A9";
}

.mdi-car-side:before {
  content: "\F7AA";
}

.mdi-car-sports:before {
  content: "\F7AB";
}

.mdi-car-wash:before {
  content: "\F10E";
}

.mdi-caravan:before {
  content: "\F7AC";
}

.mdi-cards:before {
  content: "\F638";
}

.mdi-cards-club:before {
  content: "\F8CD";
}

.mdi-cards-diamond:before {
  content: "\F8CE";
}

.mdi-cards-heart:before {
  content: "\F8CF";
}

.mdi-cards-outline:before {
  content: "\F639";
}

.mdi-cards-playing-outline:before {
  content: "\F63A";
}

.mdi-cards-spade:before {
  content: "\F8D0";
}

.mdi-cards-variant:before {
  content: "\F6C6";
}

.mdi-carrot:before {
  content: "\F10F";
}

.mdi-cart:before {
  content: "\F110";
}

.mdi-cart-off:before {
  content: "\F66B";
}

.mdi-cart-outline:before {
  content: "\F111";
}

.mdi-cart-plus:before {
  content: "\F112";
}

.mdi-case-sensitive-alt:before {
  content: "\F113";
}

.mdi-cash:before {
  content: "\F114";
}

.mdi-cash-100:before {
  content: "\F115";
}

.mdi-cash-multiple:before {
  content: "\F116";
}

.mdi-cash-refund:before {
  content: "\FA9B";
}

.mdi-cash-usd:before {
  content: "\F117";
}

.mdi-cassette:before {
  content: "\F9D3";
}

.mdi-cast:before {
  content: "\F118";
}

.mdi-cast-connected:before {
  content: "\F119";
}

.mdi-cast-off:before {
  content: "\F789";
}

.mdi-castle:before {
  content: "\F11A";
}

.mdi-cat:before {
  content: "\F11B";
}

.mdi-cctv:before {
  content: "\F7AD";
}

.mdi-ceiling-light:before {
  content: "\F768";
}

.mdi-cellphone:before {
  content: "\F11C";
}

.mdi-cellphone-android:before {
  content: "\F11D";
}

.mdi-cellphone-arrow-down:before {
  content: "\F9D4";
}

.mdi-cellphone-basic:before {
  content: "\F11E";
}

.mdi-cellphone-dock:before {
  content: "\F11F";
}

.mdi-cellphone-erase:before {
  content: "\F94C";
}

.mdi-cellphone-iphone:before {
  content: "\F120";
}

.mdi-cellphone-key:before {
  content: "\F94D";
}

.mdi-cellphone-link:before {
  content: "\F121";
}

.mdi-cellphone-link-off:before {
  content: "\F122";
}

.mdi-cellphone-lock:before {
  content: "\F94E";
}

.mdi-cellphone-message:before {
  content: "\F8D2";
}

.mdi-cellphone-off:before {
  content: "\F94F";
}

.mdi-cellphone-screenshot:before {
  content: "\FA34";
}

.mdi-cellphone-settings:before {
  content: "\F123";
}

.mdi-cellphone-settings-variant:before {
  content: "\F950";
}

.mdi-cellphone-sound:before {
  content: "\F951";
}

.mdi-cellphone-text:before {
  content: "\F8D1";
}

.mdi-cellphone-wireless:before {
  content: "\F814";
}

.mdi-certificate:before {
  content: "\F124";
}

.mdi-chair-school:before {
  content: "\F125";
}

.mdi-chart-arc:before {
  content: "\F126";
}

.mdi-chart-areaspline:before {
  content: "\F127";
}

.mdi-chart-bar:before {
  content: "\F128";
}

.mdi-chart-bar-stacked:before {
  content: "\F769";
}

.mdi-chart-bubble:before {
  content: "\F5E3";
}

.mdi-chart-donut:before {
  content: "\F7AE";
}

.mdi-chart-donut-variant:before {
  content: "\F7AF";
}

.mdi-chart-gantt:before {
  content: "\F66C";
}

.mdi-chart-histogram:before {
  content: "\F129";
}

.mdi-chart-line:before {
  content: "\F12A";
}

.mdi-chart-line-stacked:before {
  content: "\F76A";
}

.mdi-chart-line-variant:before {
  content: "\F7B0";
}

.mdi-chart-multiline:before {
  content: "\F8D3";
}

.mdi-chart-pie:before {
  content: "\F12B";
}

.mdi-chart-scatterplot-hexbin:before {
  content: "\F66D";
}

.mdi-chart-timeline:before {
  content: "\F66E";
}

.mdi-check:before {
  content: "\F12C";
}

.mdi-check-all:before {
  content: "\F12D";
}

.mdi-check-circle:before {
  content: "\F5E0";
}

.mdi-check-circle-outline:before {
  content: "\F5E1";
}

.mdi-check-decagram:before {
  content: "\F790";
}

.mdi-check-outline:before {
  content: "\F854";
}

.mdi-checkbook:before {
  content: "\FA9C";
}

.mdi-checkbox-blank:before {
  content: "\F12E";
}

.mdi-checkbox-blank-circle:before {
  content: "\F12F";
}

.mdi-checkbox-blank-circle-outline:before {
  content: "\F130";
}

.mdi-checkbox-blank-outline:before {
  content: "\F131";
}

.mdi-checkbox-intermediate:before {
  content: "\F855";
}

.mdi-checkbox-marked:before {
  content: "\F132";
}

.mdi-checkbox-marked-circle:before {
  content: "\F133";
}

.mdi-checkbox-marked-circle-outline:before {
  content: "\F134";
}

.mdi-checkbox-marked-outline:before {
  content: "\F135";
}

.mdi-checkbox-multiple-blank:before {
  content: "\F136";
}

.mdi-checkbox-multiple-blank-circle:before {
  content: "\F63B";
}

.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "\F63C";
}

.mdi-checkbox-multiple-blank-outline:before {
  content: "\F137";
}

.mdi-checkbox-multiple-marked:before {
  content: "\F138";
}

.mdi-checkbox-multiple-marked-circle:before {
  content: "\F63D";
}

.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "\F63E";
}

.mdi-checkbox-multiple-marked-outline:before {
  content: "\F139";
}

.mdi-checkerboard:before {
  content: "\F13A";
}

.mdi-chemical-weapon:before {
  content: "\F13B";
}

.mdi-chess-bishop:before {
  content: "\F85B";
}

.mdi-chess-king:before {
  content: "\F856";
}

.mdi-chess-knight:before {
  content: "\F857";
}

.mdi-chess-pawn:before {
  content: "\F858";
}

.mdi-chess-queen:before {
  content: "\F859";
}

.mdi-chess-rook:before {
  content: "\F85A";
}

.mdi-chevron-double-down:before {
  content: "\F13C";
}

.mdi-chevron-double-left:before {
  content: "\F13D";
}

.mdi-chevron-double-right:before {
  content: "\F13E";
}

.mdi-chevron-double-up:before {
  content: "\F13F";
}

.mdi-chevron-down:before {
  content: "\F140";
}

.mdi-chevron-down-box:before {
  content: "\F9D5";
}

.mdi-chevron-down-box-outline:before {
  content: "\F9D6";
}

.mdi-chevron-down-circle:before {
  content: "\FB0B";
}

.mdi-chevron-down-circle-outline:before {
  content: "\FB0C";
}

.mdi-chevron-left:before {
  content: "\F141";
}

.mdi-chevron-left-box:before {
  content: "\F9D7";
}

.mdi-chevron-left-box-outline:before {
  content: "\F9D8";
}

.mdi-chevron-left-circle:before {
  content: "\FB0D";
}

.mdi-chevron-left-circle-outline:before {
  content: "\FB0E";
}

.mdi-chevron-right:before {
  content: "\F142";
}

.mdi-chevron-right-box:before {
  content: "\F9D9";
}

.mdi-chevron-right-box-outline:before {
  content: "\F9DA";
}

.mdi-chevron-right-circle:before {
  content: "\FB0F";
}

.mdi-chevron-right-circle-outline:before {
  content: "\FB10";
}

.mdi-chevron-up:before {
  content: "\F143";
}

.mdi-chevron-up-box:before {
  content: "\F9DB";
}

.mdi-chevron-up-box-outline:before {
  content: "\F9DC";
}

.mdi-chevron-up-circle:before {
  content: "\FB11";
}

.mdi-chevron-up-circle-outline:before {
  content: "\FB12";
}

.mdi-chili-hot:before {
  content: "\F7B1";
}

.mdi-chili-medium:before {
  content: "\F7B2";
}

.mdi-chili-mild:before {
  content: "\F7B3";
}

.mdi-chip:before {
  content: "\F61A";
}

.mdi-christianity:before {
  content: "\F952";
}

.mdi-church:before {
  content: "\F144";
}

.mdi-circle:before {
  content: "\F764";
}

.mdi-circle-edit-outline:before {
  content: "\F8D4";
}

.mdi-circle-medium:before {
  content: "\F9DD";
}

.mdi-circle-outline:before {
  content: "\F765";
}

.mdi-circle-slice-1:before {
  content: "\FA9D";
}

.mdi-circle-slice-2:before {
  content: "\FA9E";
}

.mdi-circle-slice-3:before {
  content: "\FA9F";
}

.mdi-circle-slice-4:before {
  content: "\FAA0";
}

.mdi-circle-slice-5:before {
  content: "\FAA1";
}

.mdi-circle-slice-6:before {
  content: "\FAA2";
}

.mdi-circle-slice-7:before {
  content: "\FAA3";
}

.mdi-circle-slice-8:before {
  content: "\FAA4";
}

.mdi-circle-small:before {
  content: "\F9DE";
}

.mdi-cisco-webex:before {
  content: "\F145";
}

.mdi-city:before {
  content: "\F146";
}

.mdi-city-variant:before {
  content: "\FA35";
}

.mdi-city-variant-outline:before {
  content: "\FA36";
}

.mdi-clipboard:before {
  content: "\F147";
}

.mdi-clipboard-account:before {
  content: "\F148";
}

.mdi-clipboard-alert:before {
  content: "\F149";
}

.mdi-clipboard-arrow-down:before {
  content: "\F14A";
}

.mdi-clipboard-arrow-left:before {
  content: "\F14B";
}

.mdi-clipboard-check:before {
  content: "\F14C";
}

.mdi-clipboard-check-outline:before {
  content: "\F8A7";
}

.mdi-clipboard-flow:before {
  content: "\F6C7";
}

.mdi-clipboard-outline:before {
  content: "\F14D";
}

.mdi-clipboard-plus:before {
  content: "\F750";
}

.mdi-clipboard-pulse:before {
  content: "\F85C";
}

.mdi-clipboard-pulse-outline:before {
  content: "\F85D";
}

.mdi-clipboard-text:before {
  content: "\F14E";
}

.mdi-clipboard-text-outline:before {
  content: "\FA37";
}

.mdi-clippy:before {
  content: "\F14F";
}

.mdi-clock:before {
  content: "\F953";
}

.mdi-clock-alert:before {
  content: "\F954";
}

.mdi-clock-alert-outline:before {
  content: "\F5CE";
}

.mdi-clock-end:before {
  content: "\F151";
}

.mdi-clock-fast:before {
  content: "\F152";
}

.mdi-clock-in:before {
  content: "\F153";
}

.mdi-clock-out:before {
  content: "\F154";
}

.mdi-clock-outline:before {
  content: "\F150";
}

.mdi-clock-start:before {
  content: "\F155";
}

.mdi-close:before {
  content: "\F156";
}

.mdi-close-box:before {
  content: "\F157";
}

.mdi-close-box-outline:before {
  content: "\F158";
}

.mdi-close-circle:before {
  content: "\F159";
}

.mdi-close-circle-outline:before {
  content: "\F15A";
}

.mdi-close-network:before {
  content: "\F15B";
}

.mdi-close-octagon:before {
  content: "\F15C";
}

.mdi-close-octagon-outline:before {
  content: "\F15D";
}

.mdi-close-outline:before {
  content: "\F6C8";
}

.mdi-closed-caption:before {
  content: "\F15E";
}

.mdi-cloud:before {
  content: "\F15F";
}

.mdi-cloud-alert:before {
  content: "\F9DF";
}

.mdi-cloud-braces:before {
  content: "\F7B4";
}

.mdi-cloud-check:before {
  content: "\F160";
}

.mdi-cloud-circle:before {
  content: "\F161";
}

.mdi-cloud-download:before {
  content: "\F162";
}

.mdi-cloud-off-outline:before {
  content: "\F164";
}

.mdi-cloud-outline:before {
  content: "\F163";
}

.mdi-cloud-print:before {
  content: "\F165";
}

.mdi-cloud-print-outline:before {
  content: "\F166";
}

.mdi-cloud-question:before {
  content: "\FA38";
}

.mdi-cloud-search:before {
  content: "\F955";
}

.mdi-cloud-search-outline:before {
  content: "\F956";
}

.mdi-cloud-sync:before {
  content: "\F63F";
}

.mdi-cloud-tags:before {
  content: "\F7B5";
}

.mdi-cloud-upload:before {
  content: "\F167";
}

.mdi-clover:before {
  content: "\F815";
}

.mdi-code-array:before {
  content: "\F168";
}

.mdi-code-braces:before {
  content: "\F169";
}

.mdi-code-brackets:before {
  content: "\F16A";
}

.mdi-code-equal:before {
  content: "\F16B";
}

.mdi-code-greater-than:before {
  content: "\F16C";
}

.mdi-code-greater-than-or-equal:before {
  content: "\F16D";
}

.mdi-code-less-than:before {
  content: "\F16E";
}

.mdi-code-less-than-or-equal:before {
  content: "\F16F";
}

.mdi-code-not-equal:before {
  content: "\F170";
}

.mdi-code-not-equal-variant:before {
  content: "\F171";
}

.mdi-code-parentheses:before {
  content: "\F172";
}

.mdi-code-string:before {
  content: "\F173";
}

.mdi-code-tags:before {
  content: "\F174";
}

.mdi-code-tags-check:before {
  content: "\F693";
}

.mdi-codepen:before {
  content: "\F175";
}

.mdi-coffee:before {
  content: "\F176";
}

.mdi-coffee-outline:before {
  content: "\F6C9";
}

.mdi-coffee-to-go:before {
  content: "\F177";
}

.mdi-cogs:before {
  content: "\F8D5";
}

.mdi-coin:before {
  content: "\F178";
}

.mdi-coins:before {
  content: "\F694";
}

.mdi-collage:before {
  content: "\F640";
}

.mdi-collapse-all:before {
  content: "\FAA5";
}

.mdi-collapse-all-outline:before {
  content: "\FAA6";
}

.mdi-color-helper:before {
  content: "\F179";
}

.mdi-comment:before {
  content: "\F17A";
}

.mdi-comment-account:before {
  content: "\F17B";
}

.mdi-comment-account-outline:before {
  content: "\F17C";
}

.mdi-comment-alert:before {
  content: "\F17D";
}

.mdi-comment-alert-outline:before {
  content: "\F17E";
}

.mdi-comment-arrow-left:before {
  content: "\F9E0";
}

.mdi-comment-arrow-left-outline:before {
  content: "\F9E1";
}

.mdi-comment-arrow-right:before {
  content: "\F9E2";
}

.mdi-comment-arrow-right-outline:before {
  content: "\F9E3";
}

.mdi-comment-check:before {
  content: "\F17F";
}

.mdi-comment-check-outline:before {
  content: "\F180";
}

.mdi-comment-eye:before {
  content: "\FA39";
}

.mdi-comment-eye-outline:before {
  content: "\FA3A";
}

.mdi-comment-multiple:before {
  content: "\F85E";
}

.mdi-comment-multiple-outline:before {
  content: "\F181";
}

.mdi-comment-outline:before {
  content: "\F182";
}

.mdi-comment-plus:before {
  content: "\F9E4";
}

.mdi-comment-plus-outline:before {
  content: "\F183";
}

.mdi-comment-processing:before {
  content: "\F184";
}

.mdi-comment-processing-outline:before {
  content: "\F185";
}

.mdi-comment-question:before {
  content: "\F816";
}

.mdi-comment-question-outline:before {
  content: "\F186";
}

.mdi-comment-remove:before {
  content: "\F5DE";
}

.mdi-comment-remove-outline:before {
  content: "\F187";
}

.mdi-comment-search:before {
  content: "\FA3B";
}

.mdi-comment-search-outline:before {
  content: "\FA3C";
}

.mdi-comment-text:before {
  content: "\F188";
}

.mdi-comment-text-multiple:before {
  content: "\F85F";
}

.mdi-comment-text-multiple-outline:before {
  content: "\F860";
}

.mdi-comment-text-outline:before {
  content: "\F189";
}

.mdi-compare:before {
  content: "\F18A";
}

.mdi-compass:before {
  content: "\F18B";
}

.mdi-compass-outline:before {
  content: "\F18C";
}

.mdi-console:before {
  content: "\F18D";
}

.mdi-console-line:before {
  content: "\F7B6";
}

.mdi-console-network:before {
  content: "\F8A8";
}

.mdi-contact-mail:before {
  content: "\F18E";
}

.mdi-contacts:before {
  content: "\F6CA";
}

.mdi-contain:before {
  content: "\FA3D";
}

.mdi-contain-end:before {
  content: "\FA3E";
}

.mdi-contain-start:before {
  content: "\FA3F";
}

.mdi-content-copy:before {
  content: "\F18F";
}

.mdi-content-cut:before {
  content: "\F190";
}

.mdi-content-duplicate:before {
  content: "\F191";
}

.mdi-content-paste:before {
  content: "\F192";
}

.mdi-content-save:before {
  content: "\F193";
}

.mdi-content-save-all:before {
  content: "\F194";
}

.mdi-content-save-outline:before {
  content: "\F817";
}

.mdi-content-save-settings:before {
  content: "\F61B";
}

.mdi-content-save-settings-outline:before {
  content: "\FB13";
}

.mdi-contrast:before {
  content: "\F195";
}

.mdi-contrast-box:before {
  content: "\F196";
}

.mdi-contrast-circle:before {
  content: "\F197";
}

.mdi-cookie:before {
  content: "\F198";
}

.mdi-copyright:before {
  content: "\F5E6";
}

.mdi-cordova:before {
  content: "\F957";
}

.mdi-corn:before {
  content: "\F7B7";
}

.mdi-counter:before {
  content: "\F199";
}

.mdi-cow:before {
  content: "\F19A";
}

.mdi-crane:before {
  content: "\F861";
}

.mdi-creation:before {
  content: "\F1C9";
}

.mdi-credit-card:before {
  content: "\F19B";
}

.mdi-credit-card-multiple:before {
  content: "\F19C";
}

.mdi-credit-card-off:before {
  content: "\F5E4";
}

.mdi-credit-card-plus:before {
  content: "\F675";
}

.mdi-credit-card-refund:before {
  content: "\FAA7";
}

.mdi-credit-card-scan:before {
  content: "\F19D";
}

.mdi-credit-card-settings:before {
  content: "\F8D6";
}

.mdi-crop:before {
  content: "\F19E";
}

.mdi-crop-free:before {
  content: "\F19F";
}

.mdi-crop-landscape:before {
  content: "\F1A0";
}

.mdi-crop-portrait:before {
  content: "\F1A1";
}

.mdi-crop-rotate:before {
  content: "\F695";
}

.mdi-crop-square:before {
  content: "\F1A2";
}

.mdi-crosshairs:before {
  content: "\F1A3";
}

.mdi-crosshairs-gps:before {
  content: "\F1A4";
}

.mdi-crown:before {
  content: "\F1A5";
}

.mdi-cryengine:before {
  content: "\F958";
}

.mdi-crystal-ball:before {
  content: "\FB14";
}

.mdi-cube:before {
  content: "\F1A6";
}

.mdi-cube-outline:before {
  content: "\F1A7";
}

.mdi-cube-send:before {
  content: "\F1A8";
}

.mdi-cube-unfolded:before {
  content: "\F1A9";
}

.mdi-cup:before {
  content: "\F1AA";
}

.mdi-cup-off:before {
  content: "\F5E5";
}

.mdi-cup-water:before {
  content: "\F1AB";
}

.mdi-cupcake:before {
  content: "\F959";
}

.mdi-curling:before {
  content: "\F862";
}

.mdi-currency-bdt:before {
  content: "\F863";
}

.mdi-currency-btc:before {
  content: "\F1AC";
}

.mdi-currency-chf:before {
  content: "\F7B8";
}

.mdi-currency-cny:before {
  content: "\F7B9";
}

.mdi-currency-eth:before {
  content: "\F7BA";
}

.mdi-currency-eur:before {
  content: "\F1AD";
}

.mdi-currency-gbp:before {
  content: "\F1AE";
}

.mdi-currency-inr:before {
  content: "\F1AF";
}

.mdi-currency-jpy:before {
  content: "\F7BB";
}

.mdi-currency-krw:before {
  content: "\F7BC";
}

.mdi-currency-kzt:before {
  content: "\F864";
}

.mdi-currency-ngn:before {
  content: "\F1B0";
}

.mdi-currency-php:before {
  content: "\F9E5";
}

.mdi-currency-rub:before {
  content: "\F1B1";
}

.mdi-currency-sign:before {
  content: "\F7BD";
}

.mdi-currency-try:before {
  content: "\F1B2";
}

.mdi-currency-twd:before {
  content: "\F7BE";
}

.mdi-currency-usd:before {
  content: "\F1B3";
}

.mdi-currency-usd-off:before {
  content: "\F679";
}

.mdi-current-ac:before {
  content: "\F95A";
}

.mdi-current-dc:before {
  content: "\F95B";
}

.mdi-cursor-default:before {
  content: "\F1B4";
}

.mdi-cursor-default-outline:before {
  content: "\F1B5";
}

.mdi-cursor-move:before {
  content: "\F1B6";
}

.mdi-cursor-pointer:before {
  content: "\F1B7";
}

.mdi-cursor-text:before {
  content: "\F5E7";
}

.mdi-database:before {
  content: "\F1B8";
}

.mdi-database-check:before {
  content: "\FAA8";
}

.mdi-database-export:before {
  content: "\F95D";
}

.mdi-database-import:before {
  content: "\F95C";
}

.mdi-database-lock:before {
  content: "\FAA9";
}

.mdi-database-minus:before {
  content: "\F1B9";
}

.mdi-database-plus:before {
  content: "\F1BA";
}

.mdi-database-search:before {
  content: "\F865";
}

.mdi-death-star:before {
  content: "\F8D7";
}

.mdi-death-star-variant:before {
  content: "\F8D8";
}

.mdi-debian:before {
  content: "\F8D9";
}

.mdi-debug-step-into:before {
  content: "\F1BB";
}

.mdi-debug-step-out:before {
  content: "\F1BC";
}

.mdi-debug-step-over:before {
  content: "\F1BD";
}

.mdi-decagram:before {
  content: "\F76B";
}

.mdi-decagram-outline:before {
  content: "\F76C";
}

.mdi-decimal-decrease:before {
  content: "\F1BE";
}

.mdi-decimal-increase:before {
  content: "\F1BF";
}

.mdi-delete:before {
  content: "\F1C0";
}

.mdi-delete-circle:before {
  content: "\F682";
}

.mdi-delete-empty:before {
  content: "\F6CB";
}

.mdi-delete-forever:before {
  content: "\F5E8";
}

.mdi-delete-outline:before {
  content: "\F9E6";
}

.mdi-delete-restore:before {
  content: "\F818";
}

.mdi-delete-sweep:before {
  content: "\F5E9";
}

.mdi-delete-variant:before {
  content: "\F1C1";
}

.mdi-delta:before {
  content: "\F1C2";
}

.mdi-desk-lamp:before {
  content: "\F95E";
}

.mdi-deskphone:before {
  content: "\F1C3";
}

.mdi-desktop-classic:before {
  content: "\F7BF";
}

.mdi-desktop-mac:before {
  content: "\F1C4";
}

.mdi-desktop-mac-dashboard:before {
  content: "\F9E7";
}

.mdi-desktop-tower:before {
  content: "\F1C5";
}

.mdi-desktop-tower-monitor:before {
  content: "\FAAA";
}

.mdi-details:before {
  content: "\F1C6";
}

.mdi-developer-board:before {
  content: "\F696";
}

.mdi-deviantart:before {
  content: "\F1C7";
}

.mdi-dialpad:before {
  content: "\F61C";
}

.mdi-diamond:before {
  content: "\F1C8";
}

.mdi-dice-1:before {
  content: "\F1CA";
}

.mdi-dice-2:before {
  content: "\F1CB";
}

.mdi-dice-3:before {
  content: "\F1CC";
}

.mdi-dice-4:before {
  content: "\F1CD";
}

.mdi-dice-5:before {
  content: "\F1CE";
}

.mdi-dice-6:before {
  content: "\F1CF";
}

.mdi-dice-d10:before {
  content: "\F76E";
}

.mdi-dice-d12:before {
  content: "\F866";
}

.mdi-dice-d20:before {
  content: "\F5EA";
}

.mdi-dice-d4:before {
  content: "\F5EB";
}

.mdi-dice-d6:before {
  content: "\F5EC";
}

.mdi-dice-d8:before {
  content: "\F5ED";
}

.mdi-dice-multiple:before {
  content: "\F76D";
}

.mdi-dictionary:before {
  content: "\F61D";
}

.mdi-dip-switch:before {
  content: "\F7C0";
}

.mdi-directions:before {
  content: "\F1D0";
}

.mdi-directions-fork:before {
  content: "\F641";
}

.mdi-disc:before {
  content: "\F5EE";
}

.mdi-disc-alert:before {
  content: "\F1D1";
}

.mdi-disc-player:before {
  content: "\F95F";
}

.mdi-discord:before {
  content: "\F66F";
}

.mdi-dishwasher:before {
  content: "\FAAB";
}

.mdi-disqus:before {
  content: "\F1D2";
}

.mdi-disqus-outline:before {
  content: "\F1D3";
}

.mdi-division:before {
  content: "\F1D4";
}

.mdi-division-box:before {
  content: "\F1D5";
}

.mdi-dlna:before {
  content: "\FA40";
}

.mdi-dna:before {
  content: "\F683";
}

.mdi-dns:before {
  content: "\F1D6";
}

.mdi-do-not-disturb:before {
  content: "\F697";
}

.mdi-do-not-disturb-off:before {
  content: "\F698";
}

.mdi-docker:before {
  content: "\F867";
}

.mdi-doctor:before {
  content: "\FA41";
}

.mdi-dog:before {
  content: "\FA42";
}

.mdi-dog-service:before {
  content: "\FAAC";
}

.mdi-dog-side:before {
  content: "\FA43";
}

.mdi-dolby:before {
  content: "\F6B2";
}

.mdi-domain:before {
  content: "\F1D7";
}

.mdi-donkey:before {
  content: "\F7C1";
}

.mdi-door:before {
  content: "\F819";
}

.mdi-door-closed:before {
  content: "\F81A";
}

.mdi-door-open:before {
  content: "\F81B";
}

.mdi-doorbell-video:before {
  content: "\F868";
}

.mdi-dot-net:before {
  content: "\FAAD";
}

.mdi-dots-horizontal:before {
  content: "\F1D8";
}

.mdi-dots-horizontal-circle:before {
  content: "\F7C2";
}

.mdi-dots-vertical:before {
  content: "\F1D9";
}

.mdi-dots-vertical-circle:before {
  content: "\F7C3";
}

.mdi-douban:before {
  content: "\F699";
}

.mdi-download:before {
  content: "\F1DA";
}

.mdi-download-multiple:before {
  content: "\F9E8";
}

.mdi-download-network:before {
  content: "\F6F3";
}

.mdi-drag:before {
  content: "\F1DB";
}

.mdi-drag-horizontal:before {
  content: "\F1DC";
}

.mdi-drag-vertical:before {
  content: "\F1DD";
}

.mdi-drawing:before {
  content: "\F1DE";
}

.mdi-drawing-box:before {
  content: "\F1DF";
}

.mdi-dribbble:before {
  content: "\F1E0";
}

.mdi-dribbble-box:before {
  content: "\F1E1";
}

.mdi-drone:before {
  content: "\F1E2";
}

.mdi-dropbox:before {
  content: "\F1E3";
}

.mdi-drupal:before {
  content: "\F1E4";
}

.mdi-duck:before {
  content: "\F1E5";
}

.mdi-dumbbell:before {
  content: "\F1E6";
}

.mdi-ear-hearing:before {
  content: "\F7C4";
}

.mdi-ear-hearing-off:before {
  content: "\FA44";
}

.mdi-earth:before {
  content: "\F1E7";
}

.mdi-earth-box:before {
  content: "\F6CC";
}

.mdi-earth-box-off:before {
  content: "\F6CD";
}

.mdi-earth-off:before {
  content: "\F1E8";
}

.mdi-edge:before {
  content: "\F1E9";
}

.mdi-egg:before {
  content: "\FAAE";
}

.mdi-egg-easter:before {
  content: "\FAAF";
}

.mdi-eight-track:before {
  content: "\F9E9";
}

.mdi-eject:before {
  content: "\F1EA";
}

.mdi-elephant:before {
  content: "\F7C5";
}

.mdi-elevation-decline:before {
  content: "\F1EB";
}

.mdi-elevation-rise:before {
  content: "\F1EC";
}

.mdi-elevator:before {
  content: "\F1ED";
}

.mdi-email:before {
  content: "\F1EE";
}

.mdi-email-alert:before {
  content: "\F6CE";
}

.mdi-email-check:before {
  content: "\FAB0";
}

.mdi-email-check-outline:before {
  content: "\FAB1";
}

.mdi-email-lock:before {
  content: "\F1F1";
}

.mdi-email-open:before {
  content: "\F1EF";
}

.mdi-email-open-outline:before {
  content: "\F5EF";
}

.mdi-email-outline:before {
  content: "\F1F0";
}

.mdi-email-plus:before {
  content: "\F9EA";
}

.mdi-email-plus-outline:before {
  content: "\F9EB";
}

.mdi-email-search:before {
  content: "\F960";
}

.mdi-email-search-outline:before {
  content: "\F961";
}

.mdi-email-variant:before {
  content: "\F5F0";
}

.mdi-ember:before {
  content: "\FB15";
}

.mdi-emby:before {
  content: "\F6B3";
}

.mdi-emoticon:before {
  content: "\F1F2";
}

.mdi-emoticon-cool:before {
  content: "\F1F3";
}

.mdi-emoticon-dead:before {
  content: "\F69A";
}

.mdi-emoticon-devil:before {
  content: "\F1F4";
}

.mdi-emoticon-excited:before {
  content: "\F69B";
}

.mdi-emoticon-happy:before {
  content: "\F1F5";
}

.mdi-emoticon-neutral:before {
  content: "\F1F6";
}

.mdi-emoticon-poop:before {
  content: "\F1F7";
}

.mdi-emoticon-sad:before {
  content: "\F1F8";
}

.mdi-emoticon-tongue:before {
  content: "\F1F9";
}

.mdi-engine:before {
  content: "\F1FA";
}

.mdi-engine-off:before {
  content: "\FA45";
}

.mdi-engine-off-outline:before {
  content: "\FA46";
}

.mdi-engine-outline:before {
  content: "\F1FB";
}

.mdi-equal:before {
  content: "\F1FC";
}

.mdi-equal-box:before {
  content: "\F1FD";
}

.mdi-eraser:before {
  content: "\F1FE";
}

.mdi-eraser-variant:before {
  content: "\F642";
}

.mdi-escalator:before {
  content: "\F1FF";
}

.mdi-et:before {
  content: "\FAB2";
}

.mdi-ethereum:before {
  content: "\F869";
}

.mdi-ethernet:before {
  content: "\F200";
}

.mdi-ethernet-cable:before {
  content: "\F201";
}

.mdi-ethernet-cable-off:before {
  content: "\F202";
}

.mdi-etsy:before {
  content: "\F203";
}

.mdi-ev-station:before {
  content: "\F5F1";
}

.mdi-eventbrite:before {
  content: "\F7C6";
}

.mdi-evernote:before {
  content: "\F204";
}

.mdi-exclamation:before {
  content: "\F205";
}

.mdi-exit-run:before {
  content: "\FA47";
}

.mdi-exit-to-app:before {
  content: "\F206";
}

.mdi-expand-all:before {
  content: "\FAB3";
}

.mdi-expand-all-outline:before {
  content: "\FAB4";
}

.mdi-exponent:before {
  content: "\F962";
}

.mdi-exponent-box:before {
  content: "\F963";
}

.mdi-export:before {
  content: "\F207";
}

.mdi-eye:before {
  content: "\F208";
}

.mdi-eye-off:before {
  content: "\F209";
}

.mdi-eye-off-outline:before {
  content: "\F6D0";
}

.mdi-eye-outline:before {
  content: "\F6CF";
}

.mdi-eye-plus:before {
  content: "\F86A";
}

.mdi-eye-plus-outline:before {
  content: "\F86B";
}

.mdi-eye-settings:before {
  content: "\F86C";
}

.mdi-eye-settings-outline:before {
  content: "\F86D";
}

.mdi-eyedropper:before {
  content: "\F20A";
}

.mdi-eyedropper-variant:before {
  content: "\F20B";
}

.mdi-face:before {
  content: "\F643";
}

.mdi-face-profile:before {
  content: "\F644";
}

.mdi-facebook:before {
  content: "\F20C";
}

.mdi-facebook-box:before {
  content: "\F20D";
}

.mdi-facebook-messenger:before {
  content: "\F20E";
}

.mdi-facebook-workplace:before {
  content: "\FB16";
}

.mdi-factory:before {
  content: "\F20F";
}

.mdi-fan:before {
  content: "\F210";
}

.mdi-fan-off:before {
  content: "\F81C";
}

.mdi-fast-forward:before {
  content: "\F211";
}

.mdi-fast-forward-outline:before {
  content: "\F6D1";
}

.mdi-fax:before {
  content: "\F212";
}

.mdi-feather:before {
  content: "\F6D2";
}

.mdi-feature-search:before {
  content: "\FA48";
}

.mdi-feature-search-outline:before {
  content: "\FA49";
}

.mdi-fedora:before {
  content: "\F8DA";
}

.mdi-ferry:before {
  content: "\F213";
}

.mdi-file:before {
  content: "\F214";
}

.mdi-file-account:before {
  content: "\F73A";
}

.mdi-file-alert:before {
  content: "\FA4A";
}

.mdi-file-alert-outline:before {
  content: "\FA4B";
}

.mdi-file-cabinet:before {
  content: "\FAB5";
}

.mdi-file-chart:before {
  content: "\F215";
}

.mdi-file-check:before {
  content: "\F216";
}

.mdi-file-cloud:before {
  content: "\F217";
}

.mdi-file-compare:before {
  content: "\F8A9";
}

.mdi-file-delimited:before {
  content: "\F218";
}

.mdi-file-document:before {
  content: "\F219";
}

.mdi-file-document-box:before {
  content: "\F21A";
}

.mdi-file-document-box-multiple:before {
  content: "\FAB6";
}

.mdi-file-document-box-multiple-outline:before {
  content: "\FAB7";
}

.mdi-file-document-box-outline:before {
  content: "\F9EC";
}

.mdi-file-document-outline:before {
  content: "\F9ED";
}

.mdi-file-download:before {
  content: "\F964";
}

.mdi-file-download-outline:before {
  content: "\F965";
}

.mdi-file-excel:before {
  content: "\F21B";
}

.mdi-file-excel-box:before {
  content: "\F21C";
}

.mdi-file-export:before {
  content: "\F21D";
}

.mdi-file-find:before {
  content: "\F21E";
}

.mdi-file-hidden:before {
  content: "\F613";
}

.mdi-file-image:before {
  content: "\F21F";
}

.mdi-file-import:before {
  content: "\F220";
}

.mdi-file-lock:before {
  content: "\F221";
}

.mdi-file-move:before {
  content: "\FAB8";
}

.mdi-file-multiple:before {
  content: "\F222";
}

.mdi-file-music:before {
  content: "\F223";
}

.mdi-file-outline:before {
  content: "\F224";
}

.mdi-file-pdf:before {
  content: "\F225";
}

.mdi-file-pdf-box:before {
  content: "\F226";
}

.mdi-file-percent:before {
  content: "\F81D";
}

.mdi-file-plus:before {
  content: "\F751";
}

.mdi-file-powerpoint:before {
  content: "\F227";
}

.mdi-file-powerpoint-box:before {
  content: "\F228";
}

.mdi-file-presentation-box:before {
  content: "\F229";
}

.mdi-file-question:before {
  content: "\F86E";
}

.mdi-file-replace:before {
  content: "\FB17";
}

.mdi-file-replace-outline:before {
  content: "\FB18";
}

.mdi-file-restore:before {
  content: "\F670";
}

.mdi-file-send:before {
  content: "\F22A";
}

.mdi-file-tree:before {
  content: "\F645";
}

.mdi-file-undo:before {
  content: "\F8DB";
}

.mdi-file-upload:before {
  content: "\FA4C";
}

.mdi-file-upload-outline:before {
  content: "\FA4D";
}

.mdi-file-video:before {
  content: "\F22B";
}

.mdi-file-word:before {
  content: "\F22C";
}

.mdi-file-word-box:before {
  content: "\F22D";
}

.mdi-file-xml:before {
  content: "\F22E";
}

.mdi-film:before {
  content: "\F22F";
}

.mdi-filmstrip:before {
  content: "\F230";
}

.mdi-filmstrip-off:before {
  content: "\F231";
}

.mdi-filter:before {
  content: "\F232";
}

.mdi-filter-outline:before {
  content: "\F233";
}

.mdi-filter-remove:before {
  content: "\F234";
}

.mdi-filter-remove-outline:before {
  content: "\F235";
}

.mdi-filter-variant:before {
  content: "\F236";
}

.mdi-finance:before {
  content: "\F81E";
}

.mdi-find-replace:before {
  content: "\F6D3";
}

.mdi-fingerprint:before {
  content: "\F237";
}

.mdi-fire:before {
  content: "\F238";
}

.mdi-fire-truck:before {
  content: "\F8AA";
}

.mdi-firebase:before {
  content: "\F966";
}

.mdi-firefox:before {
  content: "\F239";
}

.mdi-fish:before {
  content: "\F23A";
}

.mdi-flag:before {
  content: "\F23B";
}

.mdi-flag-checkered:before {
  content: "\F23C";
}

.mdi-flag-outline:before {
  content: "\F23D";
}

.mdi-flag-triangle:before {
  content: "\F23F";
}

.mdi-flag-variant:before {
  content: "\F240";
}

.mdi-flag-variant-outline:before {
  content: "\F23E";
}

.mdi-flash:before {
  content: "\F241";
}

.mdi-flash-auto:before {
  content: "\F242";
}

.mdi-flash-circle:before {
  content: "\F81F";
}

.mdi-flash-off:before {
  content: "\F243";
}

.mdi-flash-outline:before {
  content: "\F6D4";
}

.mdi-flash-red-eye:before {
  content: "\F67A";
}

.mdi-flashlight:before {
  content: "\F244";
}

.mdi-flashlight-off:before {
  content: "\F245";
}

.mdi-flask:before {
  content: "\F093";
}

.mdi-flask-empty:before {
  content: "\F094";
}

.mdi-flask-empty-outline:before {
  content: "\F095";
}

.mdi-flask-outline:before {
  content: "\F096";
}

.mdi-flattr:before {
  content: "\F246";
}

.mdi-flip-to-back:before {
  content: "\F247";
}

.mdi-flip-to-front:before {
  content: "\F248";
}

.mdi-floor-lamp:before {
  content: "\F8DC";
}

.mdi-floor-plan:before {
  content: "\F820";
}

.mdi-floppy:before {
  content: "\F249";
}

.mdi-floppy-variant:before {
  content: "\F9EE";
}

.mdi-flower:before {
  content: "\F24A";
}

.mdi-flower-outline:before {
  content: "\F9EF";
}

.mdi-flower-tulip:before {
  content: "\F9F0";
}

.mdi-flower-tulip-outline:before {
  content: "\F9F1";
}

.mdi-folder:before {
  content: "\F24B";
}

.mdi-folder-account:before {
  content: "\F24C";
}

.mdi-folder-clock:before {
  content: "\FAB9";
}

.mdi-folder-clock-outline:before {
  content: "\FABA";
}

.mdi-folder-download:before {
  content: "\F24D";
}

.mdi-folder-edit:before {
  content: "\F8DD";
}

.mdi-folder-google-drive:before {
  content: "\F24E";
}

.mdi-folder-image:before {
  content: "\F24F";
}

.mdi-folder-key:before {
  content: "\F8AB";
}

.mdi-folder-key-network:before {
  content: "\F8AC";
}

.mdi-folder-lock:before {
  content: "\F250";
}

.mdi-folder-lock-open:before {
  content: "\F251";
}

.mdi-folder-move:before {
  content: "\F252";
}

.mdi-folder-multiple:before {
  content: "\F253";
}

.mdi-folder-multiple-image:before {
  content: "\F254";
}

.mdi-folder-multiple-outline:before {
  content: "\F255";
}

.mdi-folder-network:before {
  content: "\F86F";
}

.mdi-folder-open:before {
  content: "\F76F";
}

.mdi-folder-outline:before {
  content: "\F256";
}

.mdi-folder-plus:before {
  content: "\F257";
}

.mdi-folder-remove:before {
  content: "\F258";
}

.mdi-folder-search:before {
  content: "\F967";
}

.mdi-folder-search-outline:before {
  content: "\F968";
}

.mdi-folder-star:before {
  content: "\F69C";
}

.mdi-folder-upload:before {
  content: "\F259";
}

.mdi-font-awesome:before {
  content: "\F03A";
}

.mdi-food:before {
  content: "\F25A";
}

.mdi-food-apple:before {
  content: "\F25B";
}

.mdi-food-croissant:before {
  content: "\F7C7";
}

.mdi-food-fork-drink:before {
  content: "\F5F2";
}

.mdi-food-off:before {
  content: "\F5F3";
}

.mdi-food-variant:before {
  content: "\F25C";
}

.mdi-football:before {
  content: "\F25D";
}

.mdi-football-australian:before {
  content: "\F25E";
}

.mdi-football-helmet:before {
  content: "\F25F";
}

.mdi-forklift:before {
  content: "\F7C8";
}

.mdi-format-align-bottom:before {
  content: "\F752";
}

.mdi-format-align-center:before {
  content: "\F260";
}

.mdi-format-align-justify:before {
  content: "\F261";
}

.mdi-format-align-left:before {
  content: "\F262";
}

.mdi-format-align-middle:before {
  content: "\F753";
}

.mdi-format-align-right:before {
  content: "\F263";
}

.mdi-format-align-top:before {
  content: "\F754";
}

.mdi-format-annotation-minus:before {
  content: "\FABB";
}

.mdi-format-annotation-plus:before {
  content: "\F646";
}

.mdi-format-bold:before {
  content: "\F264";
}

.mdi-format-clear:before {
  content: "\F265";
}

.mdi-format-color-fill:before {
  content: "\F266";
}

.mdi-format-color-text:before {
  content: "\F69D";
}

.mdi-format-columns:before {
  content: "\F8DE";
}

.mdi-format-float-center:before {
  content: "\F267";
}

.mdi-format-float-left:before {
  content: "\F268";
}

.mdi-format-float-none:before {
  content: "\F269";
}

.mdi-format-float-right:before {
  content: "\F26A";
}

.mdi-format-font:before {
  content: "\F6D5";
}

.mdi-format-font-size-decrease:before {
  content: "\F9F2";
}

.mdi-format-font-size-increase:before {
  content: "\F9F3";
}

.mdi-format-header-1:before {
  content: "\F26B";
}

.mdi-format-header-2:before {
  content: "\F26C";
}

.mdi-format-header-3:before {
  content: "\F26D";
}

.mdi-format-header-4:before {
  content: "\F26E";
}

.mdi-format-header-5:before {
  content: "\F26F";
}

.mdi-format-header-6:before {
  content: "\F270";
}

.mdi-format-header-decrease:before {
  content: "\F271";
}

.mdi-format-header-equal:before {
  content: "\F272";
}

.mdi-format-header-increase:before {
  content: "\F273";
}

.mdi-format-header-pound:before {
  content: "\F274";
}

.mdi-format-horizontal-align-center:before {
  content: "\F61E";
}

.mdi-format-horizontal-align-left:before {
  content: "\F61F";
}

.mdi-format-horizontal-align-right:before {
  content: "\F620";
}

.mdi-format-indent-decrease:before {
  content: "\F275";
}

.mdi-format-indent-increase:before {
  content: "\F276";
}

.mdi-format-italic:before {
  content: "\F277";
}

.mdi-format-letter-case:before {
  content: "\FB19";
}

.mdi-format-letter-case-lower:before {
  content: "\FB1A";
}

.mdi-format-letter-case-upper:before {
  content: "\FB1B";
}

.mdi-format-line-spacing:before {
  content: "\F278";
}

.mdi-format-line-style:before {
  content: "\F5C8";
}

.mdi-format-line-weight:before {
  content: "\F5C9";
}

.mdi-format-list-bulleted:before {
  content: "\F279";
}

.mdi-format-list-bulleted-type:before {
  content: "\F27A";
}

.mdi-format-list-checkbox:before {
  content: "\F969";
}

.mdi-format-list-checks:before {
  content: "\F755";
}

.mdi-format-list-numbers:before {
  content: "\F27B";
}

.mdi-format-page-break:before {
  content: "\F6D6";
}

.mdi-format-paint:before {
  content: "\F27C";
}

.mdi-format-paragraph:before {
  content: "\F27D";
}

.mdi-format-pilcrow:before {
  content: "\F6D7";
}

.mdi-format-quote-close:before {
  content: "\F27E";
}

.mdi-format-quote-open:before {
  content: "\F756";
}

.mdi-format-rotate-90:before {
  content: "\F6A9";
}

.mdi-format-section:before {
  content: "\F69E";
}

.mdi-format-size:before {
  content: "\F27F";
}

.mdi-format-strikethrough:before {
  content: "\F280";
}

.mdi-format-strikethrough-variant:before {
  content: "\F281";
}

.mdi-format-subscript:before {
  content: "\F282";
}

.mdi-format-superscript:before {
  content: "\F283";
}

.mdi-format-text:before {
  content: "\F284";
}

.mdi-format-textdirection-l-to-r:before {
  content: "\F285";
}

.mdi-format-textdirection-r-to-l:before {
  content: "\F286";
}

.mdi-format-title:before {
  content: "\F5F4";
}

.mdi-format-underline:before {
  content: "\F287";
}

.mdi-format-vertical-align-bottom:before {
  content: "\F621";
}

.mdi-format-vertical-align-center:before {
  content: "\F622";
}

.mdi-format-vertical-align-top:before {
  content: "\F623";
}

.mdi-format-wrap-inline:before {
  content: "\F288";
}

.mdi-format-wrap-square:before {
  content: "\F289";
}

.mdi-format-wrap-tight:before {
  content: "\F28A";
}

.mdi-format-wrap-top-bottom:before {
  content: "\F28B";
}

.mdi-forum:before {
  content: "\F28C";
}

.mdi-forum-outline:before {
  content: "\F821";
}

.mdi-forward:before {
  content: "\F28D";
}

.mdi-fountain:before {
  content: "\F96A";
}

.mdi-foursquare:before {
  content: "\F28E";
}

.mdi-freebsd:before {
  content: "\F8DF";
}

.mdi-fridge:before {
  content: "\F28F";
}

.mdi-fridge-filled:before {
  content: "\F290";
}

.mdi-fridge-filled-bottom:before {
  content: "\F291";
}

.mdi-fridge-filled-top:before {
  content: "\F292";
}

.mdi-fuel:before {
  content: "\F7C9";
}

.mdi-fullscreen:before {
  content: "\F293";
}

.mdi-fullscreen-exit:before {
  content: "\F294";
}

.mdi-function:before {
  content: "\F295";
}

.mdi-function-variant:before {
  content: "\F870";
}

.mdi-gamepad:before {
  content: "\F296";
}

.mdi-gamepad-variant:before {
  content: "\F297";
}

.mdi-garage:before {
  content: "\F6D8";
}

.mdi-garage-alert:before {
  content: "\F871";
}

.mdi-garage-open:before {
  content: "\F6D9";
}

.mdi-gas-cylinder:before {
  content: "\F647";
}

.mdi-gas-station:before {
  content: "\F298";
}

.mdi-gate:before {
  content: "\F299";
}

.mdi-gate-and:before {
  content: "\F8E0";
}

.mdi-gate-nand:before {
  content: "\F8E1";
}

.mdi-gate-nor:before {
  content: "\F8E2";
}

.mdi-gate-not:before {
  content: "\F8E3";
}

.mdi-gate-or:before {
  content: "\F8E4";
}

.mdi-gate-xnor:before {
  content: "\F8E5";
}

.mdi-gate-xor:before {
  content: "\F8E6";
}

.mdi-gauge:before {
  content: "\F29A";
}

.mdi-gauge-empty:before {
  content: "\F872";
}

.mdi-gauge-full:before {
  content: "\F873";
}

.mdi-gauge-low:before {
  content: "\F874";
}

.mdi-gavel:before {
  content: "\F29B";
}

.mdi-gender-female:before {
  content: "\F29C";
}

.mdi-gender-male:before {
  content: "\F29D";
}

.mdi-gender-male-female:before {
  content: "\F29E";
}

.mdi-gender-transgender:before {
  content: "\F29F";
}

.mdi-gentoo:before {
  content: "\F8E7";
}

.mdi-gesture:before {
  content: "\F7CA";
}

.mdi-gesture-double-tap:before {
  content: "\F73B";
}

.mdi-gesture-pinch:before {
  content: "\FABC";
}

.mdi-gesture-spread:before {
  content: "\FABD";
}

.mdi-gesture-swipe-down:before {
  content: "\F73C";
}

.mdi-gesture-swipe-horizontal:before {
  content: "\FABE";
}

.mdi-gesture-swipe-left:before {
  content: "\F73D";
}

.mdi-gesture-swipe-right:before {
  content: "\F73E";
}

.mdi-gesture-swipe-up:before {
  content: "\F73F";
}

.mdi-gesture-swipe-vertical:before {
  content: "\FABF";
}

.mdi-gesture-tap:before {
  content: "\F740";
}

.mdi-gesture-two-double-tap:before {
  content: "\F741";
}

.mdi-gesture-two-tap:before {
  content: "\F742";
}

.mdi-ghost:before {
  content: "\F2A0";
}

.mdi-ghost-off:before {
  content: "\F9F4";
}

.mdi-gift:before {
  content: "\F2A1";
}

.mdi-git:before {
  content: "\F2A2";
}

.mdi-github-box:before {
  content: "\F2A3";
}

.mdi-github-circle:before {
  content: "\F2A4";
}

.mdi-github-face:before {
  content: "\F6DA";
}

.mdi-glass-cocktail:before {
  content: "\F356";
}

.mdi-glass-flute:before {
  content: "\F2A5";
}

.mdi-glass-mug:before {
  content: "\F2A6";
}

.mdi-glass-stange:before {
  content: "\F2A7";
}

.mdi-glass-tulip:before {
  content: "\F2A8";
}

.mdi-glass-wine:before {
  content: "\F875";
}

.mdi-glassdoor:before {
  content: "\F2A9";
}

.mdi-glasses:before {
  content: "\F2AA";
}

.mdi-globe-model:before {
  content: "\F8E8";
}

.mdi-gmail:before {
  content: "\F2AB";
}

.mdi-gnome:before {
  content: "\F2AC";
}

.mdi-golf:before {
  content: "\F822";
}

.mdi-gondola:before {
  content: "\F685";
}

.mdi-google:before {
  content: "\F2AD";
}

.mdi-google-allo:before {
  content: "\F801";
}

.mdi-google-analytics:before {
  content: "\F7CB";
}

.mdi-google-assistant:before {
  content: "\F7CC";
}

.mdi-google-cardboard:before {
  content: "\F2AE";
}

.mdi-google-chrome:before {
  content: "\F2AF";
}

.mdi-google-circles:before {
  content: "\F2B0";
}

.mdi-google-circles-communities:before {
  content: "\F2B1";
}

.mdi-google-circles-extended:before {
  content: "\F2B2";
}

.mdi-google-circles-group:before {
  content: "\F2B3";
}

.mdi-google-controller:before {
  content: "\F2B4";
}

.mdi-google-controller-off:before {
  content: "\F2B5";
}

.mdi-google-drive:before {
  content: "\F2B6";
}

.mdi-google-earth:before {
  content: "\F2B7";
}

.mdi-google-fit:before {
  content: "\F96B";
}

.mdi-google-glass:before {
  content: "\F2B8";
}

.mdi-google-hangouts:before {
  content: "\F2C9";
}

.mdi-google-home:before {
  content: "\F823";
}

.mdi-google-keep:before {
  content: "\F6DB";
}

.mdi-google-lens:before {
  content: "\F9F5";
}

.mdi-google-maps:before {
  content: "\F5F5";
}

.mdi-google-nearby:before {
  content: "\F2B9";
}

.mdi-google-pages:before {
  content: "\F2BA";
}

.mdi-google-photos:before {
  content: "\F6DC";
}

.mdi-google-physical-web:before {
  content: "\F2BB";
}

.mdi-google-play:before {
  content: "\F2BC";
}

.mdi-google-plus:before {
  content: "\F2BD";
}

.mdi-google-plus-box:before {
  content: "\F2BE";
}

.mdi-google-spreadsheet:before {
  content: "\F9F6";
}

.mdi-google-translate:before {
  content: "\F2BF";
}

.mdi-google-wallet:before {
  content: "\F2C0";
}

.mdi-gpu:before {
  content: "\F8AD";
}

.mdi-gradient:before {
  content: "\F69F";
}

.mdi-graphql:before {
  content: "\F876";
}

.mdi-grease-pencil:before {
  content: "\F648";
}

.mdi-greater-than:before {
  content: "\F96C";
}

.mdi-greater-than-or-equal:before {
  content: "\F96D";
}

.mdi-grid:before {
  content: "\F2C1";
}

.mdi-grid-large:before {
  content: "\F757";
}

.mdi-grid-off:before {
  content: "\F2C2";
}

.mdi-group:before {
  content: "\F2C3";
}

.mdi-guitar-acoustic:before {
  content: "\F770";
}

.mdi-guitar-electric:before {
  content: "\F2C4";
}

.mdi-guitar-pick:before {
  content: "\F2C5";
}

.mdi-guitar-pick-outline:before {
  content: "\F2C6";
}

.mdi-guy-fawkes-mask:before {
  content: "\F824";
}

.mdi-hackernews:before {
  content: "\F624";
}

.mdi-hail:before {
  content: "\FAC0";
}

.mdi-hamburger:before {
  content: "\F684";
}

.mdi-hammer:before {
  content: "\F8E9";
}

.mdi-hand:before {
  content: "\FA4E";
}

.mdi-hand-okay:before {
  content: "\FA4F";
}

.mdi-hand-peace:before {
  content: "\FA50";
}

.mdi-hand-peace-variant:before {
  content: "\FA51";
}

.mdi-hand-pointing-down:before {
  content: "\FA52";
}

.mdi-hand-pointing-left:before {
  content: "\FA53";
}

.mdi-hand-pointing-right:before {
  content: "\F2C7";
}

.mdi-hand-pointing-up:before {
  content: "\FA54";
}

.mdi-hanger:before {
  content: "\F2C8";
}

.mdi-hard-hat:before {
  content: "\F96E";
}

.mdi-harddisk:before {
  content: "\F2CA";
}

.mdi-headphones:before {
  content: "\F2CB";
}

.mdi-headphones-bluetooth:before {
  content: "\F96F";
}

.mdi-headphones-box:before {
  content: "\F2CC";
}

.mdi-headphones-off:before {
  content: "\F7CD";
}

.mdi-headphones-settings:before {
  content: "\F2CD";
}

.mdi-headset:before {
  content: "\F2CE";
}

.mdi-headset-dock:before {
  content: "\F2CF";
}

.mdi-headset-off:before {
  content: "\F2D0";
}

.mdi-heart:before {
  content: "\F2D1";
}

.mdi-heart-box:before {
  content: "\F2D2";
}

.mdi-heart-box-outline:before {
  content: "\F2D3";
}

.mdi-heart-broken:before {
  content: "\F2D4";
}

.mdi-heart-circle:before {
  content: "\F970";
}

.mdi-heart-circle-outline:before {
  content: "\F971";
}

.mdi-heart-half:before {
  content: "\F6DE";
}

.mdi-heart-half-full:before {
  content: "\F6DD";
}

.mdi-heart-half-outline:before {
  content: "\F6DF";
}

.mdi-heart-multiple:before {
  content: "\FA55";
}

.mdi-heart-multiple-outline:before {
  content: "\FA56";
}

.mdi-heart-off:before {
  content: "\F758";
}

.mdi-heart-outline:before {
  content: "\F2D5";
}

.mdi-heart-pulse:before {
  content: "\F5F6";
}

.mdi-helicopter:before {
  content: "\FAC1";
}

.mdi-help:before {
  content: "\F2D6";
}

.mdi-help-box:before {
  content: "\F78A";
}

.mdi-help-circle:before {
  content: "\F2D7";
}

.mdi-help-circle-outline:before {
  content: "\F625";
}

.mdi-help-network:before {
  content: "\F6F4";
}

.mdi-hexagon:before {
  content: "\F2D8";
}

.mdi-hexagon-multiple:before {
  content: "\F6E0";
}

.mdi-hexagon-outline:before {
  content: "\F2D9";
}

.mdi-hexagon-slice-1:before {
  content: "\FAC2";
}

.mdi-hexagon-slice-2:before {
  content: "\FAC3";
}

.mdi-hexagon-slice-3:before {
  content: "\FAC4";
}

.mdi-hexagon-slice-4:before {
  content: "\FAC5";
}

.mdi-hexagon-slice-5:before {
  content: "\FAC6";
}

.mdi-hexagon-slice-6:before {
  content: "\FAC7";
}

.mdi-hexagram:before {
  content: "\FAC8";
}

.mdi-hexagram-outline:before {
  content: "\FAC9";
}

.mdi-high-definition:before {
  content: "\F7CE";
}

.mdi-high-definition-box:before {
  content: "\F877";
}

.mdi-highway:before {
  content: "\F5F7";
}

.mdi-hinduism:before {
  content: "\F972";
}

.mdi-history:before {
  content: "\F2DA";
}

.mdi-hockey-puck:before {
  content: "\F878";
}

.mdi-hockey-sticks:before {
  content: "\F879";
}

.mdi-hololens:before {
  content: "\F2DB";
}

.mdi-home:before {
  content: "\F2DC";
}

.mdi-home-account:before {
  content: "\F825";
}

.mdi-home-alert:before {
  content: "\F87A";
}

.mdi-home-assistant:before {
  content: "\F7CF";
}

.mdi-home-automation:before {
  content: "\F7D0";
}

.mdi-home-circle:before {
  content: "\F7D1";
}

.mdi-home-currency-usd:before {
  content: "\F8AE";
}

.mdi-home-heart:before {
  content: "\F826";
}

.mdi-home-lock:before {
  content: "\F8EA";
}

.mdi-home-lock-open:before {
  content: "\F8EB";
}

.mdi-home-map-marker:before {
  content: "\F5F8";
}

.mdi-home-minus:before {
  content: "\F973";
}

.mdi-home-modern:before {
  content: "\F2DD";
}

.mdi-home-outline:before {
  content: "\F6A0";
}

.mdi-home-plus:before {
  content: "\F974";
}

.mdi-home-variant:before {
  content: "\F2DE";
}

.mdi-hook:before {
  content: "\F6E1";
}

.mdi-hook-off:before {
  content: "\F6E2";
}

.mdi-hops:before {
  content: "\F2DF";
}

.mdi-horseshoe:before {
  content: "\FA57";
}

.mdi-hospital:before {
  content: "\F2E0";
}

.mdi-hospital-building:before {
  content: "\F2E1";
}

.mdi-hospital-marker:before {
  content: "\F2E2";
}

.mdi-hot-tub:before {
  content: "\F827";
}

.mdi-hotel:before {
  content: "\F2E3";
}

.mdi-houzz:before {
  content: "\F2E4";
}

.mdi-houzz-box:before {
  content: "\F2E5";
}

.mdi-hulu:before {
  content: "\F828";
}

.mdi-human:before {
  content: "\F2E6";
}

.mdi-human-child:before {
  content: "\F2E7";
}

.mdi-human-female:before {
  content: "\F649";
}

.mdi-human-female-boy:before {
  content: "\FA58";
}

.mdi-human-female-female:before {
  content: "\FA59";
}

.mdi-human-female-girl:before {
  content: "\FA5A";
}

.mdi-human-greeting:before {
  content: "\F64A";
}

.mdi-human-handsdown:before {
  content: "\F64B";
}

.mdi-human-handsup:before {
  content: "\F64C";
}

.mdi-human-male:before {
  content: "\F64D";
}

.mdi-human-male-boy:before {
  content: "\FA5B";
}

.mdi-human-male-female:before {
  content: "\F2E8";
}

.mdi-human-male-girl:before {
  content: "\FA5C";
}

.mdi-human-male-male:before {
  content: "\FA5D";
}

.mdi-human-pregnant:before {
  content: "\F5CF";
}

.mdi-humble-bundle:before {
  content: "\F743";
}

.mdi-ice-cream:before {
  content: "\F829";
}

.mdi-image:before {
  content: "\F2E9";
}

.mdi-image-album:before {
  content: "\F2EA";
}

.mdi-image-area:before {
  content: "\F2EB";
}

.mdi-image-area-close:before {
  content: "\F2EC";
}

.mdi-image-broken:before {
  content: "\F2ED";
}

.mdi-image-broken-variant:before {
  content: "\F2EE";
}

.mdi-image-filter:before {
  content: "\F2EF";
}

.mdi-image-filter-black-white:before {
  content: "\F2F0";
}

.mdi-image-filter-center-focus:before {
  content: "\F2F1";
}

.mdi-image-filter-center-focus-weak:before {
  content: "\F2F2";
}

.mdi-image-filter-drama:before {
  content: "\F2F3";
}

.mdi-image-filter-frames:before {
  content: "\F2F4";
}

.mdi-image-filter-hdr:before {
  content: "\F2F5";
}

.mdi-image-filter-none:before {
  content: "\F2F6";
}

.mdi-image-filter-tilt-shift:before {
  content: "\F2F7";
}

.mdi-image-filter-vintage:before {
  content: "\F2F8";
}

.mdi-image-move:before {
  content: "\F9F7";
}

.mdi-image-multiple:before {
  content: "\F2F9";
}

.mdi-image-off:before {
  content: "\F82A";
}

.mdi-image-outline:before {
  content: "\F975";
}

.mdi-image-plus:before {
  content: "\F87B";
}

.mdi-image-search:before {
  content: "\F976";
}

.mdi-image-search-outline:before {
  content: "\F977";
}

.mdi-import:before {
  content: "\F2FA";
}

.mdi-inbox:before {
  content: "\F686";
}

.mdi-inbox-arrow-down:before {
  content: "\F2FB";
}

.mdi-inbox-arrow-up:before {
  content: "\F3D1";
}

.mdi-inbox-multiple:before {
  content: "\F8AF";
}

.mdi-incognito:before {
  content: "\F5F9";
}

.mdi-infinity:before {
  content: "\F6E3";
}

.mdi-information:before {
  content: "\F2FC";
}

.mdi-information-outline:before {
  content: "\F2FD";
}

.mdi-information-variant:before {
  content: "\F64E";
}

.mdi-instagram:before {
  content: "\F2FE";
}

.mdi-instapaper:before {
  content: "\F2FF";
}

.mdi-internet-explorer:before {
  content: "\F300";
}

.mdi-invert-colors:before {
  content: "\F301";
}

.mdi-ip:before {
  content: "\FA5E";
}

.mdi-ip-network:before {
  content: "\FA5F";
}

.mdi-islam:before {
  content: "\F978";
}

.mdi-itunes:before {
  content: "\F676";
}

.mdi-jeepney:before {
  content: "\F302";
}

.mdi-jira:before {
  content: "\F303";
}

.mdi-jquery:before {
  content: "\F87C";
}

.mdi-jsfiddle:before {
  content: "\F304";
}

.mdi-json:before {
  content: "\F626";
}

.mdi-judaism:before {
  content: "\F979";
}

.mdi-karate:before {
  content: "\F82B";
}

.mdi-keg:before {
  content: "\F305";
}

.mdi-kettle:before {
  content: "\F5FA";
}

.mdi-key:before {
  content: "\F306";
}

.mdi-key-change:before {
  content: "\F307";
}

.mdi-key-minus:before {
  content: "\F308";
}

.mdi-key-plus:before {
  content: "\F309";
}

.mdi-key-remove:before {
  content: "\F30A";
}

.mdi-key-variant:before {
  content: "\F30B";
}

.mdi-keyboard:before {
  content: "\F30C";
}

.mdi-keyboard-backspace:before {
  content: "\F30D";
}

.mdi-keyboard-caps:before {
  content: "\F30E";
}

.mdi-keyboard-close:before {
  content: "\F30F";
}

.mdi-keyboard-off:before {
  content: "\F310";
}

.mdi-keyboard-outline:before {
  content: "\F97A";
}

.mdi-keyboard-return:before {
  content: "\F311";
}

.mdi-keyboard-settings:before {
  content: "\F9F8";
}

.mdi-keyboard-settings-outline:before {
  content: "\F9F9";
}

.mdi-keyboard-tab:before {
  content: "\F312";
}

.mdi-keyboard-variant:before {
  content: "\F313";
}

.mdi-kickstarter:before {
  content: "\F744";
}

.mdi-knife:before {
  content: "\F9FA";
}

.mdi-knife-military:before {
  content: "\F9FB";
}

.mdi-kodi:before {
  content: "\F314";
}

.mdi-label:before {
  content: "\F315";
}

.mdi-label-off:before {
  content: "\FACA";
}

.mdi-label-off-outline:before {
  content: "\FACB";
}

.mdi-label-outline:before {
  content: "\F316";
}

.mdi-label-variant:before {
  content: "\FACC";
}

.mdi-label-variant-outline:before {
  content: "\FACD";
}

.mdi-ladybug:before {
  content: "\F82C";
}

.mdi-lambda:before {
  content: "\F627";
}

.mdi-lamp:before {
  content: "\F6B4";
}

.mdi-lan:before {
  content: "\F317";
}

.mdi-lan-connect:before {
  content: "\F318";
}

.mdi-lan-disconnect:before {
  content: "\F319";
}

.mdi-lan-pending:before {
  content: "\F31A";
}

.mdi-language-c:before {
  content: "\F671";
}

.mdi-language-cpp:before {
  content: "\F672";
}

.mdi-language-csharp:before {
  content: "\F31B";
}

.mdi-language-css3:before {
  content: "\F31C";
}

.mdi-language-go:before {
  content: "\F7D2";
}

.mdi-language-html5:before {
  content: "\F31D";
}

.mdi-language-java:before {
  content: "\FB1C";
}

.mdi-language-javascript:before {
  content: "\F31E";
}

.mdi-language-lua:before {
  content: "\F8B0";
}

.mdi-language-php:before {
  content: "\F31F";
}

.mdi-language-python:before {
  content: "\F320";
}

.mdi-language-python-text:before {
  content: "\F321";
}

.mdi-language-r:before {
  content: "\F7D3";
}

.mdi-language-ruby-on-rails:before {
  content: "\FACE";
}

.mdi-language-swift:before {
  content: "\F6E4";
}

.mdi-language-typescript:before {
  content: "\F6E5";
}

.mdi-laptop:before {
  content: "\F322";
}

.mdi-laptop-chromebook:before {
  content: "\F323";
}

.mdi-laptop-mac:before {
  content: "\F324";
}

.mdi-laptop-off:before {
  content: "\F6E6";
}

.mdi-laptop-windows:before {
  content: "\F325";
}

.mdi-laravel:before {
  content: "\FACF";
}

.mdi-lastfm:before {
  content: "\F326";
}

.mdi-lastpass:before {
  content: "\F446";
}

.mdi-launch:before {
  content: "\F327";
}

.mdi-lava-lamp:before {
  content: "\F7D4";
}

.mdi-layers:before {
  content: "\F328";
}

.mdi-layers-off:before {
  content: "\F329";
}

.mdi-layers-off-outline:before {
  content: "\F9FC";
}

.mdi-layers-outline:before {
  content: "\F9FD";
}

.mdi-lead-pencil:before {
  content: "\F64F";
}

.mdi-leaf:before {
  content: "\F32A";
}

.mdi-led-off:before {
  content: "\F32B";
}

.mdi-led-on:before {
  content: "\F32C";
}

.mdi-led-outline:before {
  content: "\F32D";
}

.mdi-led-strip:before {
  content: "\F7D5";
}

.mdi-led-variant-off:before {
  content: "\F32E";
}

.mdi-led-variant-on:before {
  content: "\F32F";
}

.mdi-led-variant-outline:before {
  content: "\F330";
}

.mdi-less-than:before {
  content: "\F97B";
}

.mdi-less-than-or-equal:before {
  content: "\F97C";
}

.mdi-library:before {
  content: "\F331";
}

.mdi-library-books:before {
  content: "\F332";
}

.mdi-library-music:before {
  content: "\F333";
}

.mdi-library-plus:before {
  content: "\F334";
}

.mdi-lifebuoy:before {
  content: "\F87D";
}

.mdi-light-switch:before {
  content: "\F97D";
}

.mdi-lightbulb:before {
  content: "\F335";
}

.mdi-lightbulb-on:before {
  content: "\F6E7";
}

.mdi-lightbulb-on-outline:before {
  content: "\F6E8";
}

.mdi-lightbulb-outline:before {
  content: "\F336";
}

.mdi-lighthouse:before {
  content: "\F9FE";
}

.mdi-lighthouse-on:before {
  content: "\F9FF";
}

.mdi-link:before {
  content: "\F337";
}

.mdi-link-off:before {
  content: "\F338";
}

.mdi-link-variant:before {
  content: "\F339";
}

.mdi-link-variant-off:before {
  content: "\F33A";
}

.mdi-linkedin:before {
  content: "\F33B";
}

.mdi-linkedin-box:before {
  content: "\F33C";
}

.mdi-linux:before {
  content: "\F33D";
}

.mdi-linux-mint:before {
  content: "\F8EC";
}

.mdi-litecoin:before {
  content: "\FA60";
}

.mdi-loading:before {
  content: "\F771";
}

.mdi-lock:before {
  content: "\F33E";
}

.mdi-lock-alert:before {
  content: "\F8ED";
}

.mdi-lock-clock:before {
  content: "\F97E";
}

.mdi-lock-open:before {
  content: "\F33F";
}

.mdi-lock-open-outline:before {
  content: "\F340";
}

.mdi-lock-outline:before {
  content: "\F341";
}

.mdi-lock-pattern:before {
  content: "\F6E9";
}

.mdi-lock-plus:before {
  content: "\F5FB";
}

.mdi-lock-question:before {
  content: "\F8EE";
}

.mdi-lock-reset:before {
  content: "\F772";
}

.mdi-lock-smart:before {
  content: "\F8B1";
}

.mdi-locker:before {
  content: "\F7D6";
}

.mdi-locker-multiple:before {
  content: "\F7D7";
}

.mdi-login:before {
  content: "\F342";
}

.mdi-login-variant:before {
  content: "\F5FC";
}

.mdi-logout:before {
  content: "\F343";
}

.mdi-logout-variant:before {
  content: "\F5FD";
}

.mdi-looks:before {
  content: "\F344";
}

.mdi-loop:before {
  content: "\F6EA";
}

.mdi-loupe:before {
  content: "\F345";
}

.mdi-lumx:before {
  content: "\F346";
}

.mdi-lyft:before {
  content: "\FB1D";
}

.mdi-magnet:before {
  content: "\F347";
}

.mdi-magnet-on:before {
  content: "\F348";
}

.mdi-magnify:before {
  content: "\F349";
}

.mdi-magnify-close:before {
  content: "\F97F";
}

.mdi-magnify-minus:before {
  content: "\F34A";
}

.mdi-magnify-minus-cursor:before {
  content: "\FA61";
}

.mdi-magnify-minus-outline:before {
  content: "\F6EB";
}

.mdi-magnify-plus:before {
  content: "\F34B";
}

.mdi-magnify-plus-cursor:before {
  content: "\FA62";
}

.mdi-magnify-plus-outline:before {
  content: "\F6EC";
}

.mdi-mail-ru:before {
  content: "\F34C";
}

.mdi-mailbox:before {
  content: "\F6ED";
}

.mdi-map:before {
  content: "\F34D";
}

.mdi-map-legend:before {
  content: "\FA00";
}

.mdi-map-marker:before {
  content: "\F34E";
}

.mdi-map-marker-circle:before {
  content: "\F34F";
}

.mdi-map-marker-distance:before {
  content: "\F8EF";
}

.mdi-map-marker-minus:before {
  content: "\F650";
}

.mdi-map-marker-multiple:before {
  content: "\F350";
}

.mdi-map-marker-off:before {
  content: "\F351";
}

.mdi-map-marker-outline:before {
  content: "\F7D8";
}

.mdi-map-marker-plus:before {
  content: "\F651";
}

.mdi-map-marker-radius:before {
  content: "\F352";
}

.mdi-map-minus:before {
  content: "\F980";
}

.mdi-map-outline:before {
  content: "\F981";
}

.mdi-map-plus:before {
  content: "\F982";
}

.mdi-map-search:before {
  content: "\F983";
}

.mdi-map-search-outline:before {
  content: "\F984";
}

.mdi-margin:before {
  content: "\F353";
}

.mdi-markdown:before {
  content: "\F354";
}

.mdi-marker:before {
  content: "\F652";
}

.mdi-marker-check:before {
  content: "\F355";
}

.mdi-mastodon:before {
  content: "\FAD0";
}

.mdi-mastodon-variant:before {
  content: "\FAD1";
}

.mdi-material-design:before {
  content: "\F985";
}

.mdi-material-ui:before {
  content: "\F357";
}

.mdi-math-compass:before {
  content: "\F358";
}

.mdi-matrix:before {
  content: "\F628";
}

.mdi-maxcdn:before {
  content: "\F359";
}

.mdi-medal:before {
  content: "\F986";
}

.mdi-medical-bag:before {
  content: "\F6EE";
}

.mdi-medium:before {
  content: "\F35A";
}

.mdi-meetup:before {
  content: "\FAD2";
}

.mdi-memory:before {
  content: "\F35B";
}

.mdi-menu:before {
  content: "\F35C";
}

.mdi-menu-down:before {
  content: "\F35D";
}

.mdi-menu-down-outline:before {
  content: "\F6B5";
}

.mdi-menu-left:before {
  content: "\F35E";
}

.mdi-menu-left-outline:before {
  content: "\FA01";
}

.mdi-menu-right:before {
  content: "\F35F";
}

.mdi-menu-right-outline:before {
  content: "\FA02";
}

.mdi-menu-swap:before {
  content: "\FA63";
}

.mdi-menu-swap-outline:before {
  content: "\FA64";
}

.mdi-menu-up:before {
  content: "\F360";
}

.mdi-menu-up-outline:before {
  content: "\F6B6";
}

.mdi-message:before {
  content: "\F361";
}

.mdi-message-alert:before {
  content: "\F362";
}

.mdi-message-alert-outline:before {
  content: "\FA03";
}

.mdi-message-bulleted:before {
  content: "\F6A1";
}

.mdi-message-bulleted-off:before {
  content: "\F6A2";
}

.mdi-message-draw:before {
  content: "\F363";
}

.mdi-message-image:before {
  content: "\F364";
}

.mdi-message-outline:before {
  content: "\F365";
}

.mdi-message-plus:before {
  content: "\F653";
}

.mdi-message-processing:before {
  content: "\F366";
}

.mdi-message-reply:before {
  content: "\F367";
}

.mdi-message-reply-text:before {
  content: "\F368";
}

.mdi-message-settings:before {
  content: "\F6EF";
}

.mdi-message-settings-variant:before {
  content: "\F6F0";
}

.mdi-message-text:before {
  content: "\F369";
}

.mdi-message-text-outline:before {
  content: "\F36A";
}

.mdi-message-video:before {
  content: "\F36B";
}

.mdi-meteor:before {
  content: "\F629";
}

.mdi-metronome:before {
  content: "\F7D9";
}

.mdi-metronome-tick:before {
  content: "\F7DA";
}

.mdi-micro-sd:before {
  content: "\F7DB";
}

.mdi-microphone:before {
  content: "\F36C";
}

.mdi-microphone-minus:before {
  content: "\F8B2";
}

.mdi-microphone-off:before {
  content: "\F36D";
}

.mdi-microphone-outline:before {
  content: "\F36E";
}

.mdi-microphone-plus:before {
  content: "\F8B3";
}

.mdi-microphone-settings:before {
  content: "\F36F";
}

.mdi-microphone-variant:before {
  content: "\F370";
}

.mdi-microphone-variant-off:before {
  content: "\F371";
}

.mdi-microscope:before {
  content: "\F654";
}

.mdi-microsoft:before {
  content: "\F372";
}

.mdi-microsoft-dynamics:before {
  content: "\F987";
}

.mdi-midi:before {
  content: "\F8F0";
}

.mdi-midi-port:before {
  content: "\F8F1";
}

.mdi-minecraft:before {
  content: "\F373";
}

.mdi-mini-sd:before {
  content: "\FA04";
}

.mdi-minidisc:before {
  content: "\FA05";
}

.mdi-minus:before {
  content: "\F374";
}

.mdi-minus-box:before {
  content: "\F375";
}

.mdi-minus-box-outline:before {
  content: "\F6F1";
}

.mdi-minus-circle:before {
  content: "\F376";
}

.mdi-minus-circle-outline:before {
  content: "\F377";
}

.mdi-minus-network:before {
  content: "\F378";
}

.mdi-mixcloud:before {
  content: "\F62A";
}

.mdi-mixed-reality:before {
  content: "\F87E";
}

.mdi-mixer:before {
  content: "\F7DC";
}

.mdi-monitor:before {
  content: "\F379";
}

.mdi-monitor-cellphone:before {
  content: "\F988";
}

.mdi-monitor-cellphone-star:before {
  content: "\F989";
}

.mdi-monitor-dashboard:before {
  content: "\FA06";
}

.mdi-monitor-multiple:before {
  content: "\F37A";
}

.mdi-more:before {
  content: "\F37B";
}

.mdi-motorbike:before {
  content: "\F37C";
}

.mdi-mouse:before {
  content: "\F37D";
}

.mdi-mouse-bluetooth:before {
  content: "\F98A";
}

.mdi-mouse-off:before {
  content: "\F37E";
}

.mdi-mouse-variant:before {
  content: "\F37F";
}

.mdi-mouse-variant-off:before {
  content: "\F380";
}

.mdi-move-resize:before {
  content: "\F655";
}

.mdi-move-resize-variant:before {
  content: "\F656";
}

.mdi-movie:before {
  content: "\F381";
}

.mdi-movie-roll:before {
  content: "\F7DD";
}

.mdi-muffin:before {
  content: "\F98B";
}

.mdi-multiplication:before {
  content: "\F382";
}

.mdi-multiplication-box:before {
  content: "\F383";
}

.mdi-mushroom:before {
  content: "\F7DE";
}

.mdi-mushroom-outline:before {
  content: "\F7DF";
}

.mdi-music:before {
  content: "\F759";
}

.mdi-music-box:before {
  content: "\F384";
}

.mdi-music-box-outline:before {
  content: "\F385";
}

.mdi-music-circle:before {
  content: "\F386";
}

.mdi-music-circle-outline:before {
  content: "\FAD3";
}

.mdi-music-note:before {
  content: "\F387";
}

.mdi-music-note-bluetooth:before {
  content: "\F5FE";
}

.mdi-music-note-bluetooth-off:before {
  content: "\F5FF";
}

.mdi-music-note-eighth:before {
  content: "\F388";
}

.mdi-music-note-half:before {
  content: "\F389";
}

.mdi-music-note-off:before {
  content: "\F38A";
}

.mdi-music-note-quarter:before {
  content: "\F38B";
}

.mdi-music-note-sixteenth:before {
  content: "\F38C";
}

.mdi-music-note-whole:before {
  content: "\F38D";
}

.mdi-music-off:before {
  content: "\F75A";
}

.mdi-nas:before {
  content: "\F8F2";
}

.mdi-nativescript:before {
  content: "\F87F";
}

.mdi-nature:before {
  content: "\F38E";
}

.mdi-nature-people:before {
  content: "\F38F";
}

.mdi-navigation:before {
  content: "\F390";
}

.mdi-near-me:before {
  content: "\F5CD";
}

.mdi-needle:before {
  content: "\F391";
}

.mdi-netflix:before {
  content: "\F745";
}

.mdi-network:before {
  content: "\F6F2";
}

.mdi-network-strength-1:before {
  content: "\F8F3";
}

.mdi-network-strength-1-alert:before {
  content: "\F8F4";
}

.mdi-network-strength-2:before {
  content: "\F8F5";
}

.mdi-network-strength-2-alert:before {
  content: "\F8F6";
}

.mdi-network-strength-3:before {
  content: "\F8F7";
}

.mdi-network-strength-3-alert:before {
  content: "\F8F8";
}

.mdi-network-strength-4:before {
  content: "\F8F9";
}

.mdi-network-strength-4-alert:before {
  content: "\F8FA";
}

.mdi-network-strength-off:before {
  content: "\F8FB";
}

.mdi-network-strength-off-outline:before {
  content: "\F8FC";
}

.mdi-network-strength-outline:before {
  content: "\F8FD";
}

.mdi-new-box:before {
  content: "\F394";
}

.mdi-newspaper:before {
  content: "\F395";
}

.mdi-nfc:before {
  content: "\F396";
}

.mdi-nfc-tap:before {
  content: "\F397";
}

.mdi-nfc-variant:before {
  content: "\F398";
}

.mdi-ninja:before {
  content: "\F773";
}

.mdi-nintendo-switch:before {
  content: "\F7E0";
}

.mdi-nodejs:before {
  content: "\F399";
}

.mdi-not-equal:before {
  content: "\F98C";
}

.mdi-not-equal-variant:before {
  content: "\F98D";
}

.mdi-note:before {
  content: "\F39A";
}

.mdi-note-multiple:before {
  content: "\F6B7";
}

.mdi-note-multiple-outline:before {
  content: "\F6B8";
}

.mdi-note-outline:before {
  content: "\F39B";
}

.mdi-note-plus:before {
  content: "\F39C";
}

.mdi-note-plus-outline:before {
  content: "\F39D";
}

.mdi-note-text:before {
  content: "\F39E";
}

.mdi-notebook:before {
  content: "\F82D";
}

.mdi-notification-clear-all:before {
  content: "\F39F";
}

.mdi-npm:before {
  content: "\F6F6";
}

.mdi-npm-variant:before {
  content: "\F98E";
}

.mdi-npm-variant-outline:before {
  content: "\F98F";
}

.mdi-nuke:before {
  content: "\F6A3";
}

.mdi-null:before {
  content: "\F7E1";
}

.mdi-numeric:before {
  content: "\F3A0";
}

.mdi-numeric-0:before {
  content: "\30";
}

.mdi-numeric-0-box:before {
  content: "\F3A1";
}

.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2";
}

.mdi-numeric-0-box-outline:before {
  content: "\F3A3";
}

.mdi-numeric-1:before {
  content: "\31";
}

.mdi-numeric-1-box:before {
  content: "\F3A4";
}

.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5";
}

.mdi-numeric-1-box-outline:before {
  content: "\F3A6";
}

.mdi-numeric-2:before {
  content: "\32";
}

.mdi-numeric-2-box:before {
  content: "\F3A7";
}

.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8";
}

.mdi-numeric-2-box-outline:before {
  content: "\F3A9";
}

.mdi-numeric-3:before {
  content: "\33";
}

.mdi-numeric-3-box:before {
  content: "\F3AA";
}

.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB";
}

.mdi-numeric-3-box-outline:before {
  content: "\F3AC";
}

.mdi-numeric-4:before {
  content: "\34";
}

.mdi-numeric-4-box:before {
  content: "\F3AD";
}

.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE";
}

.mdi-numeric-4-box-outline:before {
  content: "\F3AF";
}

.mdi-numeric-5:before {
  content: "\35";
}

.mdi-numeric-5-box:before {
  content: "\F3B0";
}

.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1";
}

.mdi-numeric-5-box-outline:before {
  content: "\F3B2";
}

.mdi-numeric-6:before {
  content: "\36";
}

.mdi-numeric-6-box:before {
  content: "\F3B3";
}

.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4";
}

.mdi-numeric-6-box-outline:before {
  content: "\F3B5";
}

.mdi-numeric-7:before {
  content: "\37";
}

.mdi-numeric-7-box:before {
  content: "\F3B6";
}

.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7";
}

.mdi-numeric-7-box-outline:before {
  content: "\F3B8";
}

.mdi-numeric-8:before {
  content: "\38";
}

.mdi-numeric-8-box:before {
  content: "\F3B9";
}

.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA";
}

.mdi-numeric-8-box-outline:before {
  content: "\F3BB";
}

.mdi-numeric-9:before {
  content: "\39";
}

.mdi-numeric-9-box:before {
  content: "\F3BC";
}

.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD";
}

.mdi-numeric-9-box-outline:before {
  content: "\F3BE";
}

.mdi-numeric-9-plus-box:before {
  content: "\F3BF";
}

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0";
}

.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1";
}

.mdi-nut:before {
  content: "\F6F7";
}

.mdi-nutrition:before {
  content: "\F3C2";
}

.mdi-oar:before {
  content: "\F67B";
}

.mdi-octagon:before {
  content: "\F3C3";
}

.mdi-octagon-outline:before {
  content: "\F3C4";
}

.mdi-octagram:before {
  content: "\F6F8";
}

.mdi-octagram-outline:before {
  content: "\F774";
}

.mdi-odnoklassniki:before {
  content: "\F3C5";
}

.mdi-office:before {
  content: "\F3C6";
}

.mdi-office-building:before {
  content: "\F990";
}

.mdi-oil:before {
  content: "\F3C7";
}

.mdi-oil-temperature:before {
  content: "\F3C8";
}

.mdi-omega:before {
  content: "\F3C9";
}

.mdi-onedrive:before {
  content: "\F3CA";
}

.mdi-onenote:before {
  content: "\F746";
}

.mdi-onepassword:before {
  content: "\F880";
}

.mdi-opacity:before {
  content: "\F5CC";
}

.mdi-open-in-app:before {
  content: "\F3CB";
}

.mdi-open-in-new:before {
  content: "\F3CC";
}

.mdi-openid:before {
  content: "\F3CD";
}

.mdi-opera:before {
  content: "\F3CE";
}

.mdi-orbit:before {
  content: "\F018";
}

.mdi-origin:before {
  content: "\FB2B";
}

.mdi-ornament:before {
  content: "\F3CF";
}

.mdi-ornament-variant:before {
  content: "\F3D0";
}

.mdi-owl:before {
  content: "\F3D2";
}

.mdi-package:before {
  content: "\F3D3";
}

.mdi-package-down:before {
  content: "\F3D4";
}

.mdi-package-up:before {
  content: "\F3D5";
}

.mdi-package-variant:before {
  content: "\F3D6";
}

.mdi-package-variant-closed:before {
  content: "\F3D7";
}

.mdi-page-first:before {
  content: "\F600";
}

.mdi-page-last:before {
  content: "\F601";
}

.mdi-page-layout-body:before {
  content: "\F6F9";
}

.mdi-page-layout-footer:before {
  content: "\F6FA";
}

.mdi-page-layout-header:before {
  content: "\F6FB";
}

.mdi-page-layout-sidebar-left:before {
  content: "\F6FC";
}

.mdi-page-layout-sidebar-right:before {
  content: "\F6FD";
}

.mdi-palette:before {
  content: "\F3D8";
}

.mdi-palette-advanced:before {
  content: "\F3D9";
}

.mdi-palette-swatch:before {
  content: "\F8B4";
}

.mdi-panda:before {
  content: "\F3DA";
}

.mdi-pandora:before {
  content: "\F3DB";
}

.mdi-panorama:before {
  content: "\F3DC";
}

.mdi-panorama-fisheye:before {
  content: "\F3DD";
}

.mdi-panorama-horizontal:before {
  content: "\F3DE";
}

.mdi-panorama-vertical:before {
  content: "\F3DF";
}

.mdi-panorama-wide-angle:before {
  content: "\F3E0";
}

.mdi-paper-cut-vertical:before {
  content: "\F3E1";
}

.mdi-paperclip:before {
  content: "\F3E2";
}

.mdi-parking:before {
  content: "\F3E3";
}

.mdi-passport:before {
  content: "\F7E2";
}

.mdi-patreon:before {
  content: "\F881";
}

.mdi-pause:before {
  content: "\F3E4";
}

.mdi-pause-circle:before {
  content: "\F3E5";
}

.mdi-pause-circle-outline:before {
  content: "\F3E6";
}

.mdi-pause-octagon:before {
  content: "\F3E7";
}

.mdi-pause-octagon-outline:before {
  content: "\F3E8";
}

.mdi-paw:before {
  content: "\F3E9";
}

.mdi-paw-off:before {
  content: "\F657";
}

.mdi-paypal:before {
  content: "\F882";
}

.mdi-peace:before {
  content: "\F883";
}

.mdi-pen:before {
  content: "\F3EA";
}

.mdi-pencil:before {
  content: "\F3EB";
}

.mdi-pencil-box:before {
  content: "\F3EC";
}

.mdi-pencil-box-outline:before {
  content: "\F3ED";
}

.mdi-pencil-circle:before {
  content: "\F6FE";
}

.mdi-pencil-circle-outline:before {
  content: "\F775";
}

.mdi-pencil-lock:before {
  content: "\F3EE";
}

.mdi-pencil-off:before {
  content: "\F3EF";
}

.mdi-pentagon:before {
  content: "\F6FF";
}

.mdi-pentagon-outline:before {
  content: "\F700";
}

.mdi-percent:before {
  content: "\F3F0";
}

.mdi-periodic-table:before {
  content: "\F8B5";
}

.mdi-periodic-table-co2:before {
  content: "\F7E3";
}

.mdi-periscope:before {
  content: "\F747";
}

.mdi-pharmacy:before {
  content: "\F3F1";
}

.mdi-phone:before {
  content: "\F3F2";
}

.mdi-phone-bluetooth:before {
  content: "\F3F3";
}

.mdi-phone-classic:before {
  content: "\F602";
}

.mdi-phone-forward:before {
  content: "\F3F4";
}

.mdi-phone-hangup:before {
  content: "\F3F5";
}

.mdi-phone-in-talk:before {
  content: "\F3F6";
}

.mdi-phone-incoming:before {
  content: "\F3F7";
}

.mdi-phone-lock:before {
  content: "\F3F8";
}

.mdi-phone-log:before {
  content: "\F3F9";
}

.mdi-phone-minus:before {
  content: "\F658";
}

.mdi-phone-missed:before {
  content: "\F3FA";
}

.mdi-phone-outgoing:before {
  content: "\F3FB";
}

.mdi-phone-paused:before {
  content: "\F3FC";
}

.mdi-phone-plus:before {
  content: "\F659";
}

.mdi-phone-return:before {
  content: "\F82E";
}

.mdi-phone-rotate-landscape:before {
  content: "\F884";
}

.mdi-phone-rotate-portrait:before {
  content: "\F885";
}

.mdi-phone-settings:before {
  content: "\F3FD";
}

.mdi-phone-voip:before {
  content: "\F3FE";
}

.mdi-pi:before {
  content: "\F3FF";
}

.mdi-pi-box:before {
  content: "\F400";
}

.mdi-piano:before {
  content: "\F67C";
}

.mdi-pickaxe:before {
  content: "\F8B6";
}

.mdi-pier:before {
  content: "\F886";
}

.mdi-pier-crane:before {
  content: "\F887";
}

.mdi-pig:before {
  content: "\F401";
}

.mdi-pill:before {
  content: "\F402";
}

.mdi-pillar:before {
  content: "\F701";
}

.mdi-pin:before {
  content: "\F403";
}

.mdi-pin-off:before {
  content: "\F404";
}

.mdi-pin-off-outline:before {
  content: "\F92F";
}

.mdi-pin-outline:before {
  content: "\F930";
}

.mdi-pine-tree:before {
  content: "\F405";
}

.mdi-pine-tree-box:before {
  content: "\F406";
}

.mdi-pinterest:before {
  content: "\F407";
}

.mdi-pinterest-box:before {
  content: "\F408";
}

.mdi-pinwheel:before {
  content: "\FAD4";
}

.mdi-pinwheel-outline:before {
  content: "\FAD5";
}

.mdi-pipe:before {
  content: "\F7E4";
}

.mdi-pipe-disconnected:before {
  content: "\F7E5";
}

.mdi-pipe-leak:before {
  content: "\F888";
}

.mdi-pirate:before {
  content: "\FA07";
}

.mdi-pistol:before {
  content: "\F702";
}

.mdi-piston:before {
  content: "\F889";
}

.mdi-pizza:before {
  content: "\F409";
}

.mdi-plane-shield:before {
  content: "\F6BA";
}

.mdi-play:before {
  content: "\F40A";
}

.mdi-play-box-outline:before {
  content: "\F40B";
}

.mdi-play-circle:before {
  content: "\F40C";
}

.mdi-play-circle-outline:before {
  content: "\F40D";
}

.mdi-play-network:before {
  content: "\F88A";
}

.mdi-play-pause:before {
  content: "\F40E";
}

.mdi-play-protected-content:before {
  content: "\F40F";
}

.mdi-play-speed:before {
  content: "\F8FE";
}

.mdi-playlist-check:before {
  content: "\F5C7";
}

.mdi-playlist-edit:before {
  content: "\F8FF";
}

.mdi-playlist-minus:before {
  content: "\F410";
}

.mdi-playlist-play:before {
  content: "\F411";
}

.mdi-playlist-plus:before {
  content: "\F412";
}

.mdi-playlist-remove:before {
  content: "\F413";
}

.mdi-playstation:before {
  content: "\F414";
}

.mdi-plex:before {
  content: "\F6B9";
}

.mdi-plus:before {
  content: "\F415";
}

.mdi-plus-box:before {
  content: "\F416";
}

.mdi-plus-box-outline:before {
  content: "\F703";
}

.mdi-plus-circle:before {
  content: "\F417";
}

.mdi-plus-circle-multiple-outline:before {
  content: "\F418";
}

.mdi-plus-circle-outline:before {
  content: "\F419";
}

.mdi-plus-minus:before {
  content: "\F991";
}

.mdi-plus-minus-box:before {
  content: "\F992";
}

.mdi-plus-network:before {
  content: "\F41A";
}

.mdi-plus-one:before {
  content: "\F41B";
}

.mdi-plus-outline:before {
  content: "\F704";
}

.mdi-pocket:before {
  content: "\F41C";
}

.mdi-podcast:before {
  content: "\F993";
}

.mdi-pokeball:before {
  content: "\F41D";
}

.mdi-pokemon-go:before {
  content: "\FA08";
}

.mdi-poker-chip:before {
  content: "\F82F";
}

.mdi-polaroid:before {
  content: "\F41E";
}

.mdi-poll:before {
  content: "\F41F";
}

.mdi-poll-box:before {
  content: "\F420";
}

.mdi-polymer:before {
  content: "\F421";
}

.mdi-pool:before {
  content: "\F606";
}

.mdi-popcorn:before {
  content: "\F422";
}

.mdi-pot:before {
  content: "\F65A";
}

.mdi-pot-mix:before {
  content: "\F65B";
}

.mdi-pound:before {
  content: "\F423";
}

.mdi-pound-box:before {
  content: "\F424";
}

.mdi-power:before {
  content: "\F425";
}

.mdi-power-cycle:before {
  content: "\F900";
}

.mdi-power-off:before {
  content: "\F901";
}

.mdi-power-on:before {
  content: "\F902";
}

.mdi-power-plug:before {
  content: "\F6A4";
}

.mdi-power-plug-off:before {
  content: "\F6A5";
}

.mdi-power-settings:before {
  content: "\F426";
}

.mdi-power-sleep:before {
  content: "\F903";
}

.mdi-power-socket:before {
  content: "\F427";
}

.mdi-power-socket-au:before {
  content: "\F904";
}

.mdi-power-socket-eu:before {
  content: "\F7E6";
}

.mdi-power-socket-uk:before {
  content: "\F7E7";
}

.mdi-power-socket-us:before {
  content: "\F7E8";
}

.mdi-power-standby:before {
  content: "\F905";
}

.mdi-powershell:before {
  content: "\FA09";
}

.mdi-prescription:before {
  content: "\F705";
}

.mdi-presentation:before {
  content: "\F428";
}

.mdi-presentation-play:before {
  content: "\F429";
}

.mdi-printer:before {
  content: "\F42A";
}

.mdi-printer-3d:before {
  content: "\F42B";
}

.mdi-printer-alert:before {
  content: "\F42C";
}

.mdi-printer-settings:before {
  content: "\F706";
}

.mdi-printer-wireless:before {
  content: "\FA0A";
}

.mdi-priority-high:before {
  content: "\F603";
}

.mdi-priority-low:before {
  content: "\F604";
}

.mdi-professional-hexagon:before {
  content: "\F42D";
}

.mdi-progress-check:before {
  content: "\F994";
}

.mdi-progress-clock:before {
  content: "\F995";
}

.mdi-progress-download:before {
  content: "\F996";
}

.mdi-progress-upload:before {
  content: "\F997";
}

.mdi-projector:before {
  content: "\F42E";
}

.mdi-projector-screen:before {
  content: "\F42F";
}

.mdi-publish:before {
  content: "\F6A6";
}

.mdi-pulse:before {
  content: "\F430";
}

.mdi-puzzle:before {
  content: "\F431";
}

.mdi-puzzle-outline:before {
  content: "\FA65";
}

.mdi-qi:before {
  content: "\F998";
}

.mdi-qqchat:before {
  content: "\F605";
}

.mdi-qrcode:before {
  content: "\F432";
}

.mdi-qrcode-edit:before {
  content: "\F8B7";
}

.mdi-qrcode-scan:before {
  content: "\F433";
}

.mdi-quadcopter:before {
  content: "\F434";
}

.mdi-quality-high:before {
  content: "\F435";
}

.mdi-quality-low:before {
  content: "\FA0B";
}

.mdi-quality-medium:before {
  content: "\FA0C";
}

.mdi-quicktime:before {
  content: "\F436";
}

.mdi-rabbit:before {
  content: "\F906";
}

.mdi-radar:before {
  content: "\F437";
}

.mdi-radiator:before {
  content: "\F438";
}

.mdi-radiator-disabled:before {
  content: "\FAD6";
}

.mdi-radiator-off:before {
  content: "\FAD7";
}

.mdi-radio:before {
  content: "\F439";
}

.mdi-radio-handheld:before {
  content: "\F43A";
}

.mdi-radio-tower:before {
  content: "\F43B";
}

.mdi-radioactive:before {
  content: "\F43C";
}

.mdi-radiobox-blank:before {
  content: "\F43D";
}

.mdi-radiobox-marked:before {
  content: "\F43E";
}

.mdi-raspberrypi:before {
  content: "\F43F";
}

.mdi-ray-end:before {
  content: "\F440";
}

.mdi-ray-end-arrow:before {
  content: "\F441";
}

.mdi-ray-start:before {
  content: "\F442";
}

.mdi-ray-start-arrow:before {
  content: "\F443";
}

.mdi-ray-start-end:before {
  content: "\F444";
}

.mdi-ray-vertex:before {
  content: "\F445";
}

.mdi-react:before {
  content: "\F707";
}

.mdi-read:before {
  content: "\F447";
}

.mdi-receipt:before {
  content: "\F449";
}

.mdi-record:before {
  content: "\F44A";
}

.mdi-record-player:before {
  content: "\F999";
}

.mdi-record-rec:before {
  content: "\F44B";
}

.mdi-recycle:before {
  content: "\F44C";
}

.mdi-reddit:before {
  content: "\F44D";
}

.mdi-redo:before {
  content: "\F44E";
}

.mdi-redo-variant:before {
  content: "\F44F";
}

.mdi-reflect-horizontal:before {
  content: "\FA0D";
}

.mdi-reflect-vertical:before {
  content: "\FA0E";
}

.mdi-refresh:before {
  content: "\F450";
}

.mdi-regex:before {
  content: "\F451";
}

.mdi-registered-trademark:before {
  content: "\FA66";
}

.mdi-relative-scale:before {
  content: "\F452";
}

.mdi-reload:before {
  content: "\F453";
}

.mdi-reminder:before {
  content: "\F88B";
}

.mdi-remote:before {
  content: "\F454";
}

.mdi-remote-desktop:before {
  content: "\F8B8";
}

.mdi-rename-box:before {
  content: "\F455";
}

.mdi-reorder-horizontal:before {
  content: "\F687";
}

.mdi-reorder-vertical:before {
  content: "\F688";
}

.mdi-repeat:before {
  content: "\F456";
}

.mdi-repeat-off:before {
  content: "\F457";
}

.mdi-repeat-once:before {
  content: "\F458";
}

.mdi-replay:before {
  content: "\F459";
}

.mdi-reply:before {
  content: "\F45A";
}

.mdi-reply-all:before {
  content: "\F45B";
}

.mdi-reproduction:before {
  content: "\F45C";
}

.mdi-resistor:before {
  content: "\FB1F";
}

.mdi-resistor-nodes:before {
  content: "\FB20";
}

.mdi-resize:before {
  content: "\FA67";
}

.mdi-resize-bottom-right:before {
  content: "\F45D";
}

.mdi-responsive:before {
  content: "\F45E";
}

.mdi-restart:before {
  content: "\F708";
}

.mdi-restore:before {
  content: "\F99A";
}

.mdi-restore-clock:before {
  content: "\F6A7";
}

.mdi-rewind:before {
  content: "\F45F";
}

.mdi-rewind-outline:before {
  content: "\F709";
}

.mdi-rhombus:before {
  content: "\F70A";
}

.mdi-rhombus-medium:before {
  content: "\FA0F";
}

.mdi-rhombus-outline:before {
  content: "\F70B";
}

.mdi-rhombus-split:before {
  content: "\FA10";
}

.mdi-ribbon:before {
  content: "\F460";
}

.mdi-rice:before {
  content: "\F7E9";
}

.mdi-ring:before {
  content: "\F7EA";
}

.mdi-road:before {
  content: "\F461";
}

.mdi-road-variant:before {
  content: "\F462";
}

.mdi-robot:before {
  content: "\F6A8";
}

.mdi-robot-industrial:before {
  content: "\FB21";
}

.mdi-robot-vacuum:before {
  content: "\F70C";
}

.mdi-robot-vacuum-variant:before {
  content: "\F907";
}

.mdi-rocket:before {
  content: "\F463";
}

.mdi-room-service:before {
  content: "\F88C";
}

.mdi-rotate-3d:before {
  content: "\F464";
}

.mdi-rotate-left:before {
  content: "\F465";
}

.mdi-rotate-left-variant:before {
  content: "\F466";
}

.mdi-rotate-right:before {
  content: "\F467";
}

.mdi-rotate-right-variant:before {
  content: "\F468";
}

.mdi-rounded-corner:before {
  content: "\F607";
}

.mdi-router-wireless:before {
  content: "\F469";
}

.mdi-router-wireless-settings:before {
  content: "\FA68";
}

.mdi-routes:before {
  content: "\F46A";
}

.mdi-rowing:before {
  content: "\F608";
}

.mdi-rss:before {
  content: "\F46B";
}

.mdi-rss-box:before {
  content: "\F46C";
}

.mdi-ruler:before {
  content: "\F46D";
}

.mdi-run:before {
  content: "\F70D";
}

.mdi-run-fast:before {
  content: "\F46E";
}

.mdi-safe:before {
  content: "\FA69";
}

.mdi-sale:before {
  content: "\F46F";
}

.mdi-salesforce:before {
  content: "\F88D";
}

.mdi-sass:before {
  content: "\F7EB";
}

.mdi-satellite:before {
  content: "\F470";
}

.mdi-satellite-uplink:before {
  content: "\F908";
}

.mdi-satellite-variant:before {
  content: "\F471";
}

.mdi-sausage:before {
  content: "\F8B9";
}

.mdi-saxophone:before {
  content: "\F609";
}

.mdi-scale:before {
  content: "\F472";
}

.mdi-scale-balance:before {
  content: "\F5D1";
}

.mdi-scale-bathroom:before {
  content: "\F473";
}

.mdi-scanner:before {
  content: "\F6AA";
}

.mdi-scanner-off:before {
  content: "\F909";
}

.mdi-school:before {
  content: "\F474";
}

.mdi-scissors-cutting:before {
  content: "\FA6A";
}

.mdi-screen-rotation:before {
  content: "\F475";
}

.mdi-screen-rotation-lock:before {
  content: "\F476";
}

.mdi-screwdriver:before {
  content: "\F477";
}

.mdi-script:before {
  content: "\F478";
}

.mdi-sd:before {
  content: "\F479";
}

.mdi-seal:before {
  content: "\F47A";
}

.mdi-search-web:before {
  content: "\F70E";
}

.mdi-seat-flat:before {
  content: "\F47B";
}

.mdi-seat-flat-angled:before {
  content: "\F47C";
}

.mdi-seat-individual-suite:before {
  content: "\F47D";
}

.mdi-seat-legroom-extra:before {
  content: "\F47E";
}

.mdi-seat-legroom-normal:before {
  content: "\F47F";
}

.mdi-seat-legroom-reduced:before {
  content: "\F480";
}

.mdi-seat-recline-extra:before {
  content: "\F481";
}

.mdi-seat-recline-normal:before {
  content: "\F482";
}

.mdi-security:before {
  content: "\F483";
}

.mdi-security-account:before {
  content: "\F88E";
}

.mdi-security-account-outline:before {
  content: "\FA11";
}

.mdi-security-close:before {
  content: "\F99B";
}

.mdi-security-home:before {
  content: "\F689";
}

.mdi-security-lock:before {
  content: "\F99C";
}

.mdi-security-network:before {
  content: "\F484";
}

.mdi-security-off:before {
  content: "\F99D";
}

.mdi-select:before {
  content: "\F485";
}

.mdi-select-all:before {
  content: "\F486";
}

.mdi-select-compare:before {
  content: "\FAD8";
}

.mdi-select-drag:before {
  content: "\FA6B";
}

.mdi-select-inverse:before {
  content: "\F487";
}

.mdi-select-off:before {
  content: "\F488";
}

.mdi-selection:before {
  content: "\F489";
}

.mdi-selection-drag:before {
  content: "\FA6C";
}

.mdi-selection-off:before {
  content: "\F776";
}

.mdi-send:before {
  content: "\F48A";
}

.mdi-send-lock:before {
  content: "\F7EC";
}

.mdi-serial-port:before {
  content: "\F65C";
}

.mdi-server:before {
  content: "\F48B";
}

.mdi-server-minus:before {
  content: "\F48C";
}

.mdi-server-network:before {
  content: "\F48D";
}

.mdi-server-network-off:before {
  content: "\F48E";
}

.mdi-server-off:before {
  content: "\F48F";
}

.mdi-server-plus:before {
  content: "\F490";
}

.mdi-server-remove:before {
  content: "\F491";
}

.mdi-server-security:before {
  content: "\F492";
}

.mdi-set-all:before {
  content: "\F777";
}

.mdi-set-center:before {
  content: "\F778";
}

.mdi-set-center-right:before {
  content: "\F779";
}

.mdi-set-left:before {
  content: "\F77A";
}

.mdi-set-left-center:before {
  content: "\F77B";
}

.mdi-set-left-right:before {
  content: "\F77C";
}

.mdi-set-none:before {
  content: "\F77D";
}

.mdi-set-right:before {
  content: "\F77E";
}

.mdi-set-top-box:before {
  content: "\F99E";
}

.mdi-settings:before {
  content: "\F493";
}

.mdi-settings-box:before {
  content: "\F494";
}

.mdi-settings-helper:before {
  content: "\FA6D";
}

.mdi-settings-outline:before {
  content: "\F8BA";
}

.mdi-shape:before {
  content: "\F830";
}

.mdi-shape-circle-plus:before {
  content: "\F65D";
}

.mdi-shape-outline:before {
  content: "\F831";
}

.mdi-shape-plus:before {
  content: "\F495";
}

.mdi-shape-polygon-plus:before {
  content: "\F65E";
}

.mdi-shape-rectangle-plus:before {
  content: "\F65F";
}

.mdi-shape-square-plus:before {
  content: "\F660";
}

.mdi-share:before {
  content: "\F496";
}

.mdi-share-outline:before {
  content: "\F931";
}

.mdi-share-variant:before {
  content: "\F497";
}

.mdi-shield:before {
  content: "\F498";
}

.mdi-shield-half-full:before {
  content: "\F77F";
}

.mdi-shield-outline:before {
  content: "\F499";
}

.mdi-shield-plus:before {
  content: "\FAD9";
}

.mdi-shield-plus-outline:before {
  content: "\FADA";
}

.mdi-shield-remove:before {
  content: "\FADB";
}

.mdi-shield-remove-outline:before {
  content: "\FADC";
}

.mdi-ship-wheel:before {
  content: "\F832";
}

.mdi-shoe-formal:before {
  content: "\FB22";
}

.mdi-shoe-heel:before {
  content: "\FB23";
}

.mdi-shopify:before {
  content: "\FADD";
}

.mdi-shopping:before {
  content: "\F49A";
}

.mdi-shopping-music:before {
  content: "\F49B";
}

.mdi-shovel:before {
  content: "\F70F";
}

.mdi-shovel-off:before {
  content: "\F710";
}

.mdi-shower:before {
  content: "\F99F";
}

.mdi-shower-head:before {
  content: "\F9A0";
}

.mdi-shredder:before {
  content: "\F49C";
}

.mdi-shuffle:before {
  content: "\F49D";
}

.mdi-shuffle-disabled:before {
  content: "\F49E";
}

.mdi-shuffle-variant:before {
  content: "\F49F";
}

.mdi-sigma:before {
  content: "\F4A0";
}

.mdi-sigma-lower:before {
  content: "\F62B";
}

.mdi-sign-caution:before {
  content: "\F4A1";
}

.mdi-sign-direction:before {
  content: "\F780";
}

.mdi-sign-text:before {
  content: "\F781";
}

.mdi-signal:before {
  content: "\F4A2";
}

.mdi-signal-2g:before {
  content: "\F711";
}

.mdi-signal-3g:before {
  content: "\F712";
}

.mdi-signal-4g:before {
  content: "\F713";
}

.mdi-signal-5g:before {
  content: "\FA6E";
}

.mdi-signal-cellular-1:before {
  content: "\F8BB";
}

.mdi-signal-cellular-2:before {
  content: "\F8BC";
}

.mdi-signal-cellular-3:before {
  content: "\F8BD";
}

.mdi-signal-cellular-outline:before {
  content: "\F8BE";
}

.mdi-signal-hspa:before {
  content: "\F714";
}

.mdi-signal-hspa-plus:before {
  content: "\F715";
}

.mdi-signal-off:before {
  content: "\F782";
}

.mdi-signal-variant:before {
  content: "\F60A";
}

.mdi-silo:before {
  content: "\FB24";
}

.mdi-silverware:before {
  content: "\F4A3";
}

.mdi-silverware-fork:before {
  content: "\F4A4";
}

.mdi-silverware-fork-knife:before {
  content: "\FA6F";
}

.mdi-silverware-spoon:before {
  content: "\F4A5";
}

.mdi-silverware-variant:before {
  content: "\F4A6";
}

.mdi-sim:before {
  content: "\F4A7";
}

.mdi-sim-alert:before {
  content: "\F4A8";
}

.mdi-sim-off:before {
  content: "\F4A9";
}

.mdi-sina-weibo:before {
  content: "\FADE";
}

.mdi-sitemap:before {
  content: "\F4AA";
}

.mdi-skip-backward:before {
  content: "\F4AB";
}

.mdi-skip-forward:before {
  content: "\F4AC";
}

.mdi-skip-next:before {
  content: "\F4AD";
}

.mdi-skip-next-circle:before {
  content: "\F661";
}

.mdi-skip-next-circle-outline:before {
  content: "\F662";
}

.mdi-skip-previous:before {
  content: "\F4AE";
}

.mdi-skip-previous-circle:before {
  content: "\F663";
}

.mdi-skip-previous-circle-outline:before {
  content: "\F664";
}

.mdi-skull:before {
  content: "\F68B";
}

.mdi-skype:before {
  content: "\F4AF";
}

.mdi-skype-business:before {
  content: "\F4B0";
}

.mdi-slack:before {
  content: "\F4B1";
}

.mdi-slackware:before {
  content: "\F90A";
}

.mdi-sleep:before {
  content: "\F4B2";
}

.mdi-sleep-off:before {
  content: "\F4B3";
}

.mdi-smog:before {
  content: "\FA70";
}

.mdi-smoke-detector:before {
  content: "\F392";
}

.mdi-smoking:before {
  content: "\F4B4";
}

.mdi-smoking-off:before {
  content: "\F4B5";
}

.mdi-snapchat:before {
  content: "\F4B6";
}

.mdi-snowflake:before {
  content: "\F716";
}

.mdi-snowman:before {
  content: "\F4B7";
}

.mdi-soccer:before {
  content: "\F4B8";
}

.mdi-soccer-field:before {
  content: "\F833";
}

.mdi-sofa:before {
  content: "\F4B9";
}

.mdi-solar-power:before {
  content: "\FA71";
}

.mdi-solid:before {
  content: "\F68C";
}

.mdi-sort:before {
  content: "\F4BA";
}

.mdi-sort-alphabetical:before {
  content: "\F4BB";
}

.mdi-sort-ascending:before {
  content: "\F4BC";
}

.mdi-sort-descending:before {
  content: "\F4BD";
}

.mdi-sort-numeric:before {
  content: "\F4BE";
}

.mdi-sort-variant:before {
  content: "\F4BF";
}

.mdi-soundcloud:before {
  content: "\F4C0";
}

.mdi-source-branch:before {
  content: "\F62C";
}

.mdi-source-commit:before {
  content: "\F717";
}

.mdi-source-commit-end:before {
  content: "\F718";
}

.mdi-source-commit-end-local:before {
  content: "\F719";
}

.mdi-source-commit-local:before {
  content: "\F71A";
}

.mdi-source-commit-next-local:before {
  content: "\F71B";
}

.mdi-source-commit-start:before {
  content: "\F71C";
}

.mdi-source-commit-start-next-local:before {
  content: "\F71D";
}

.mdi-source-fork:before {
  content: "\F4C1";
}

.mdi-source-merge:before {
  content: "\F62D";
}

.mdi-source-pull:before {
  content: "\F4C2";
}

.mdi-soy-sauce:before {
  content: "\F7ED";
}

.mdi-speaker:before {
  content: "\F4C3";
}

.mdi-speaker-bluetooth:before {
  content: "\F9A1";
}

.mdi-speaker-off:before {
  content: "\F4C4";
}

.mdi-speaker-wireless:before {
  content: "\F71E";
}

.mdi-speedometer:before {
  content: "\F4C5";
}

.mdi-spellcheck:before {
  content: "\F4C6";
}

.mdi-spotify:before {
  content: "\F4C7";
}

.mdi-spotlight:before {
  content: "\F4C8";
}

.mdi-spotlight-beam:before {
  content: "\F4C9";
}

.mdi-spray:before {
  content: "\F665";
}

.mdi-spray-bottle:before {
  content: "\FADF";
}

.mdi-square:before {
  content: "\F763";
}

.mdi-square-edit-outline:before {
  content: "\F90B";
}

.mdi-square-inc:before {
  content: "\F4CA";
}

.mdi-square-inc-cash:before {
  content: "\F4CB";
}

.mdi-square-medium:before {
  content: "\FA12";
}

.mdi-square-medium-outline:before {
  content: "\FA13";
}

.mdi-square-outline:before {
  content: "\F762";
}

.mdi-square-root:before {
  content: "\F783";
}

.mdi-square-root-box:before {
  content: "\F9A2";
}

.mdi-square-small:before {
  content: "\FA14";
}

.mdi-squeegee:before {
  content: "\FAE0";
}

.mdi-ssh:before {
  content: "\F8BF";
}

.mdi-stack-exchange:before {
  content: "\F60B";
}

.mdi-stack-overflow:before {
  content: "\F4CC";
}

.mdi-stadium:before {
  content: "\F71F";
}

.mdi-stairs:before {
  content: "\F4CD";
}

.mdi-standard-definition:before {
  content: "\F7EE";
}

.mdi-star:before {
  content: "\F4CE";
}

.mdi-star-box:before {
  content: "\FA72";
}

.mdi-star-box-outline:before {
  content: "\FA73";
}

.mdi-star-circle:before {
  content: "\F4CF";
}

.mdi-star-circle-outline:before {
  content: "\F9A3";
}

.mdi-star-face:before {
  content: "\F9A4";
}

.mdi-star-four-points:before {
  content: "\FAE1";
}

.mdi-star-four-points-outline:before {
  content: "\FAE2";
}

.mdi-star-half:before {
  content: "\F4D0";
}

.mdi-star-off:before {
  content: "\F4D1";
}

.mdi-star-outline:before {
  content: "\F4D2";
}

.mdi-star-three-points:before {
  content: "\FAE3";
}

.mdi-star-three-points-outline:before {
  content: "\FAE4";
}

.mdi-steam:before {
  content: "\F4D3";
}

.mdi-steam-box:before {
  content: "\F90C";
}

.mdi-steering:before {
  content: "\F4D4";
}

.mdi-steering-off:before {
  content: "\F90D";
}

.mdi-step-backward:before {
  content: "\F4D5";
}

.mdi-step-backward-2:before {
  content: "\F4D6";
}

.mdi-step-forward:before {
  content: "\F4D7";
}

.mdi-step-forward-2:before {
  content: "\F4D8";
}

.mdi-stethoscope:before {
  content: "\F4D9";
}

.mdi-sticker:before {
  content: "\F5D0";
}

.mdi-sticker-emoji:before {
  content: "\F784";
}

.mdi-stocking:before {
  content: "\F4DA";
}

.mdi-stop:before {
  content: "\F4DB";
}

.mdi-stop-circle:before {
  content: "\F666";
}

.mdi-stop-circle-outline:before {
  content: "\F667";
}

.mdi-store:before {
  content: "\F4DC";
}

.mdi-store-24-hour:before {
  content: "\F4DD";
}

.mdi-stove:before {
  content: "\F4DE";
}

.mdi-strava:before {
  content: "\FB25";
}

.mdi-subdirectory-arrow-left:before {
  content: "\F60C";
}

.mdi-subdirectory-arrow-right:before {
  content: "\F60D";
}

.mdi-subtitles:before {
  content: "\FA15";
}

.mdi-subtitles-outline:before {
  content: "\FA16";
}

.mdi-subway:before {
  content: "\F6AB";
}

.mdi-subway-variant:before {
  content: "\F4DF";
}

.mdi-summit:before {
  content: "\F785";
}

.mdi-sunglasses:before {
  content: "\F4E0";
}

.mdi-surround-sound:before {
  content: "\F5C5";
}

.mdi-surround-sound-2-0:before {
  content: "\F7EF";
}

.mdi-surround-sound-3-1:before {
  content: "\F7F0";
}

.mdi-surround-sound-5-1:before {
  content: "\F7F1";
}

.mdi-surround-sound-7-1:before {
  content: "\F7F2";
}

.mdi-svg:before {
  content: "\F720";
}

.mdi-swap-horizontal:before {
  content: "\F4E1";
}

.mdi-swap-horizontal-variant:before {
  content: "\F8C0";
}

.mdi-swap-vertical:before {
  content: "\F4E2";
}

.mdi-swap-vertical-variant:before {
  content: "\F8C1";
}

.mdi-swim:before {
  content: "\F4E3";
}

.mdi-switch:before {
  content: "\F4E4";
}

.mdi-sword:before {
  content: "\F4E5";
}

.mdi-sword-cross:before {
  content: "\F786";
}

.mdi-symfony:before {
  content: "\FAE5";
}

.mdi-sync:before {
  content: "\F4E6";
}

.mdi-sync-alert:before {
  content: "\F4E7";
}

.mdi-sync-off:before {
  content: "\F4E8";
}

.mdi-tab:before {
  content: "\F4E9";
}

.mdi-tab-minus:before {
  content: "\FB26";
}

.mdi-tab-plus:before {
  content: "\F75B";
}

.mdi-tab-remove:before {
  content: "\FB27";
}

.mdi-tab-unselected:before {
  content: "\F4EA";
}

.mdi-table:before {
  content: "\F4EB";
}

.mdi-table-border:before {
  content: "\FA17";
}

.mdi-table-column:before {
  content: "\F834";
}

.mdi-table-column-plus-after:before {
  content: "\F4EC";
}

.mdi-table-column-plus-before:before {
  content: "\F4ED";
}

.mdi-table-column-remove:before {
  content: "\F4EE";
}

.mdi-table-column-width:before {
  content: "\F4EF";
}

.mdi-table-edit:before {
  content: "\F4F0";
}

.mdi-table-large:before {
  content: "\F4F1";
}

.mdi-table-merge-cells:before {
  content: "\F9A5";
}

.mdi-table-of-contents:before {
  content: "\F835";
}

.mdi-table-plus:before {
  content: "\FA74";
}

.mdi-table-remove:before {
  content: "\FA75";
}

.mdi-table-row:before {
  content: "\F836";
}

.mdi-table-row-height:before {
  content: "\F4F2";
}

.mdi-table-row-plus-after:before {
  content: "\F4F3";
}

.mdi-table-row-plus-before:before {
  content: "\F4F4";
}

.mdi-table-row-remove:before {
  content: "\F4F5";
}

.mdi-table-search:before {
  content: "\F90E";
}

.mdi-table-settings:before {
  content: "\F837";
}

.mdi-tablet:before {
  content: "\F4F6";
}

.mdi-tablet-android:before {
  content: "\F4F7";
}

.mdi-tablet-cellphone:before {
  content: "\F9A6";
}

.mdi-tablet-ipad:before {
  content: "\F4F8";
}

.mdi-taco:before {
  content: "\F761";
}

.mdi-tag:before {
  content: "\F4F9";
}

.mdi-tag-faces:before {
  content: "\F4FA";
}

.mdi-tag-heart:before {
  content: "\F68A";
}

.mdi-tag-minus:before {
  content: "\F90F";
}

.mdi-tag-multiple:before {
  content: "\F4FB";
}

.mdi-tag-outline:before {
  content: "\F4FC";
}

.mdi-tag-plus:before {
  content: "\F721";
}

.mdi-tag-remove:before {
  content: "\F722";
}

.mdi-tag-text-outline:before {
  content: "\F4FD";
}

.mdi-tape-measure:before {
  content: "\FB28";
}

.mdi-target:before {
  content: "\F4FE";
}

.mdi-target-variant:before {
  content: "\FA76";
}

.mdi-taxi:before {
  content: "\F4FF";
}

.mdi-teach:before {
  content: "\F88F";
}

.mdi-teamviewer:before {
  content: "\F500";
}

.mdi-telegram:before {
  content: "\F501";
}

.mdi-telescope:before {
  content: "\FB29";
}

.mdi-television:before {
  content: "\F502";
}

.mdi-television-box:before {
  content: "\F838";
}

.mdi-television-classic:before {
  content: "\F7F3";
}

.mdi-television-classic-off:before {
  content: "\F839";
}

.mdi-television-guide:before {
  content: "\F503";
}

.mdi-television-off:before {
  content: "\F83A";
}

.mdi-temperature-celsius:before {
  content: "\F504";
}

.mdi-temperature-fahrenheit:before {
  content: "\F505";
}

.mdi-temperature-kelvin:before {
  content: "\F506";
}

.mdi-tennis:before {
  content: "\F507";
}

.mdi-tent:before {
  content: "\F508";
}

.mdi-terrain:before {
  content: "\F509";
}

.mdi-test-tube:before {
  content: "\F668";
}

.mdi-test-tube-empty:before {
  content: "\F910";
}

.mdi-test-tube-off:before {
  content: "\F911";
}

.mdi-text:before {
  content: "\F9A7";
}

.mdi-text-shadow:before {
  content: "\F669";
}

.mdi-text-short:before {
  content: "\F9A8";
}

.mdi-text-subject:before {
  content: "\F9A9";
}

.mdi-text-to-speech:before {
  content: "\F50A";
}

.mdi-text-to-speech-off:before {
  content: "\F50B";
}

.mdi-textbox:before {
  content: "\F60E";
}

.mdi-textbox-password:before {
  content: "\F7F4";
}

.mdi-texture:before {
  content: "\F50C";
}

.mdi-theater:before {
  content: "\F50D";
}

.mdi-theme-light-dark:before {
  content: "\F50E";
}

.mdi-thermometer:before {
  content: "\F50F";
}

.mdi-thermometer-lines:before {
  content: "\F510";
}

.mdi-thermostat:before {
  content: "\F393";
}

.mdi-thermostat-box:before {
  content: "\F890";
}

.mdi-thought-bubble:before {
  content: "\F7F5";
}

.mdi-thought-bubble-outline:before {
  content: "\F7F6";
}

.mdi-thumb-down:before {
  content: "\F511";
}

.mdi-thumb-down-outline:before {
  content: "\F512";
}

.mdi-thumb-up:before {
  content: "\F513";
}

.mdi-thumb-up-outline:before {
  content: "\F514";
}

.mdi-thumbs-up-down:before {
  content: "\F515";
}

.mdi-ticket:before {
  content: "\F516";
}

.mdi-ticket-account:before {
  content: "\F517";
}

.mdi-ticket-confirmation:before {
  content: "\F518";
}

.mdi-ticket-outline:before {
  content: "\F912";
}

.mdi-ticket-percent:before {
  content: "\F723";
}

.mdi-tie:before {
  content: "\F519";
}

.mdi-tilde:before {
  content: "\F724";
}

.mdi-timelapse:before {
  content: "\F51A";
}

.mdi-timer:before {
  content: "\F51B";
}

.mdi-timer-10:before {
  content: "\F51C";
}

.mdi-timer-3:before {
  content: "\F51D";
}

.mdi-timer-off:before {
  content: "\F51E";
}

.mdi-timer-sand:before {
  content: "\F51F";
}

.mdi-timer-sand-empty:before {
  content: "\F6AC";
}

.mdi-timer-sand-full:before {
  content: "\F78B";
}

.mdi-timetable:before {
  content: "\F520";
}

.mdi-toggle-switch:before {
  content: "\F521";
}

.mdi-toggle-switch-off:before {
  content: "\F522";
}

.mdi-toggle-switch-off-outline:before {
  content: "\FA18";
}

.mdi-toggle-switch-outline:before {
  content: "\FA19";
}

.mdi-toilet:before {
  content: "\F9AA";
}

.mdi-toolbox:before {
  content: "\F9AB";
}

.mdi-toolbox-outline:before {
  content: "\F9AC";
}

.mdi-tooltip:before {
  content: "\F523";
}

.mdi-tooltip-edit:before {
  content: "\F524";
}

.mdi-tooltip-image:before {
  content: "\F525";
}

.mdi-tooltip-outline:before {
  content: "\F526";
}

.mdi-tooltip-outline-plus:before {
  content: "\F527";
}

.mdi-tooltip-text:before {
  content: "\F528";
}

.mdi-tooth:before {
  content: "\F8C2";
}

.mdi-tooth-outline:before {
  content: "\F529";
}

.mdi-tor:before {
  content: "\F52A";
}

.mdi-tournament:before {
  content: "\F9AD";
}

.mdi-tower-beach:before {
  content: "\F680";
}

.mdi-tower-fire:before {
  content: "\F681";
}

.mdi-towing:before {
  content: "\F83B";
}

.mdi-track-light:before {
  content: "\F913";
}

.mdi-trackpad:before {
  content: "\F7F7";
}

.mdi-trackpad-lock:before {
  content: "\F932";
}

.mdi-tractor:before {
  content: "\F891";
}

.mdi-trademark:before {
  content: "\FA77";
}

.mdi-traffic-light:before {
  content: "\F52B";
}

.mdi-train:before {
  content: "\F52C";
}

.mdi-train-variant:before {
  content: "\F8C3";
}

.mdi-tram:before {
  content: "\F52D";
}

.mdi-transcribe:before {
  content: "\F52E";
}

.mdi-transcribe-close:before {
  content: "\F52F";
}

.mdi-transfer:before {
  content: "\F530";
}

.mdi-transit-transfer:before {
  content: "\F6AD";
}

.mdi-transition:before {
  content: "\F914";
}

.mdi-transition-masked:before {
  content: "\F915";
}

.mdi-translate:before {
  content: "\F5CA";
}

.mdi-trash-can:before {
  content: "\FA78";
}

.mdi-trash-can-outline:before {
  content: "\FA79";
}

.mdi-treasure-chest:before {
  content: "\F725";
}

.mdi-tree:before {
  content: "\F531";
}

.mdi-trello:before {
  content: "\F532";
}

.mdi-trending-down:before {
  content: "\F533";
}

.mdi-trending-neutral:before {
  content: "\F534";
}

.mdi-trending-up:before {
  content: "\F535";
}

.mdi-triangle:before {
  content: "\F536";
}

.mdi-triangle-outline:before {
  content: "\F537";
}

.mdi-trophy:before {
  content: "\F538";
}

.mdi-trophy-award:before {
  content: "\F539";
}

.mdi-trophy-outline:before {
  content: "\F53A";
}

.mdi-trophy-variant:before {
  content: "\F53B";
}

.mdi-trophy-variant-outline:before {
  content: "\F53C";
}

.mdi-truck:before {
  content: "\F53D";
}

.mdi-truck-delivery:before {
  content: "\F53E";
}

.mdi-truck-fast:before {
  content: "\F787";
}

.mdi-truck-trailer:before {
  content: "\F726";
}

.mdi-tshirt-crew:before {
  content: "\FA7A";
}

.mdi-tshirt-crew-outline:before {
  content: "\F53F";
}

.mdi-tshirt-v:before {
  content: "\FA7B";
}

.mdi-tshirt-v-outline:before {
  content: "\F540";
}

.mdi-tumble-dryer:before {
  content: "\F916";
}

.mdi-tumblr:before {
  content: "\F541";
}

.mdi-tumblr-box:before {
  content: "\F917";
}

.mdi-tumblr-reblog:before {
  content: "\F542";
}

.mdi-tune:before {
  content: "\F62E";
}

.mdi-tune-vertical:before {
  content: "\F66A";
}

.mdi-twitch:before {
  content: "\F543";
}

.mdi-twitter:before {
  content: "\F544";
}

.mdi-twitter-box:before {
  content: "\F545";
}

.mdi-twitter-circle:before {
  content: "\F546";
}

.mdi-twitter-retweet:before {
  content: "\F547";
}

.mdi-two-factor-authentication:before {
  content: "\F9AE";
}

.mdi-uber:before {
  content: "\F748";
}

.mdi-ubuntu:before {
  content: "\F548";
}

.mdi-ultra-high-definition:before {
  content: "\F7F8";
}

.mdi-umbraco:before {
  content: "\F549";
}

.mdi-umbrella:before {
  content: "\F54A";
}

.mdi-umbrella-closed:before {
  content: "\F9AF";
}

.mdi-umbrella-outline:before {
  content: "\F54B";
}

.mdi-undo:before {
  content: "\F54C";
}

.mdi-undo-variant:before {
  content: "\F54D";
}

.mdi-unfold-less-horizontal:before {
  content: "\F54E";
}

.mdi-unfold-less-vertical:before {
  content: "\F75F";
}

.mdi-unfold-more-horizontal:before {
  content: "\F54F";
}

.mdi-unfold-more-vertical:before {
  content: "\F760";
}

.mdi-ungroup:before {
  content: "\F550";
}

.mdi-unity:before {
  content: "\F6AE";
}

.mdi-unreal:before {
  content: "\F9B0";
}

.mdi-untappd:before {
  content: "\F551";
}

.mdi-update:before {
  content: "\F6AF";
}

.mdi-upload:before {
  content: "\F552";
}

.mdi-upload-multiple:before {
  content: "\F83C";
}

.mdi-upload-network:before {
  content: "\F6F5";
}

.mdi-usb:before {
  content: "\F553";
}

.mdi-van-passenger:before {
  content: "\F7F9";
}

.mdi-van-utility:before {
  content: "\F7FA";
}

.mdi-vanish:before {
  content: "\F7FB";
}

.mdi-variable:before {
  content: "\FAE6";
}

.mdi-vector-arrange-above:before {
  content: "\F554";
}

.mdi-vector-arrange-below:before {
  content: "\F555";
}

.mdi-vector-bezier:before {
  content: "\FAE7";
}

.mdi-vector-circle:before {
  content: "\F556";
}

.mdi-vector-circle-variant:before {
  content: "\F557";
}

.mdi-vector-combine:before {
  content: "\F558";
}

.mdi-vector-curve:before {
  content: "\F559";
}

.mdi-vector-difference:before {
  content: "\F55A";
}

.mdi-vector-difference-ab:before {
  content: "\F55B";
}

.mdi-vector-difference-ba:before {
  content: "\F55C";
}

.mdi-vector-ellipse:before {
  content: "\F892";
}

.mdi-vector-intersection:before {
  content: "\F55D";
}

.mdi-vector-line:before {
  content: "\F55E";
}

.mdi-vector-point:before {
  content: "\F55F";
}

.mdi-vector-polygon:before {
  content: "\F560";
}

.mdi-vector-polyline:before {
  content: "\F561";
}

.mdi-vector-radius:before {
  content: "\F749";
}

.mdi-vector-rectangle:before {
  content: "\F5C6";
}

.mdi-vector-selection:before {
  content: "\F562";
}

.mdi-vector-square:before {
  content: "\F001";
}

.mdi-vector-triangle:before {
  content: "\F563";
}

.mdi-vector-union:before {
  content: "\F564";
}

.mdi-venmo:before {
  content: "\F578";
}

.mdi-verified:before {
  content: "\F565";
}

.mdi-vhs:before {
  content: "\FA1A";
}

.mdi-vibrate:before {
  content: "\F566";
}

.mdi-video:before {
  content: "\F567";
}

.mdi-video-3d:before {
  content: "\F7FC";
}

.mdi-video-4k-box:before {
  content: "\F83D";
}

.mdi-video-account:before {
  content: "\F918";
}

.mdi-video-image:before {
  content: "\F919";
}

.mdi-video-input-antenna:before {
  content: "\F83E";
}

.mdi-video-input-component:before {
  content: "\F83F";
}

.mdi-video-input-hdmi:before {
  content: "\F840";
}

.mdi-video-input-svideo:before {
  content: "\F841";
}

.mdi-video-minus:before {
  content: "\F9B1";
}

.mdi-video-off:before {
  content: "\F568";
}

.mdi-video-plus:before {
  content: "\F9B2";
}

.mdi-video-stabilization:before {
  content: "\F91A";
}

.mdi-video-switch:before {
  content: "\F569";
}

.mdi-video-vintage:before {
  content: "\FA1B";
}

.mdi-view-agenda:before {
  content: "\F56A";
}

.mdi-view-array:before {
  content: "\F56B";
}

.mdi-view-carousel:before {
  content: "\F56C";
}

.mdi-view-column:before {
  content: "\F56D";
}

.mdi-view-dashboard:before {
  content: "\F56E";
}

.mdi-view-dashboard-outline:before {
  content: "\FA1C";
}

.mdi-view-dashboard-variant:before {
  content: "\F842";
}

.mdi-view-day:before {
  content: "\F56F";
}

.mdi-view-grid:before {
  content: "\F570";
}

.mdi-view-headline:before {
  content: "\F571";
}

.mdi-view-list:before {
  content: "\F572";
}

.mdi-view-module:before {
  content: "\F573";
}

.mdi-view-parallel:before {
  content: "\F727";
}

.mdi-view-quilt:before {
  content: "\F574";
}

.mdi-view-sequential:before {
  content: "\F728";
}

.mdi-view-stream:before {
  content: "\F575";
}

.mdi-view-week:before {
  content: "\F576";
}

.mdi-vimeo:before {
  content: "\F577";
}

.mdi-violin:before {
  content: "\F60F";
}

.mdi-virtual-reality:before {
  content: "\F893";
}

.mdi-visual-studio:before {
  content: "\F610";
}

.mdi-visual-studio-code:before {
  content: "\FA1D";
}

.mdi-vk:before {
  content: "\F579";
}

.mdi-vk-box:before {
  content: "\F57A";
}

.mdi-vk-circle:before {
  content: "\F57B";
}

.mdi-vlc:before {
  content: "\F57C";
}

.mdi-voice:before {
  content: "\F5CB";
}

.mdi-voicemail:before {
  content: "\F57D";
}

.mdi-volleyball:before {
  content: "\F9B3";
}

.mdi-volume-high:before {
  content: "\F57E";
}

.mdi-volume-low:before {
  content: "\F57F";
}

.mdi-volume-medium:before {
  content: "\F580";
}

.mdi-volume-minus:before {
  content: "\F75D";
}

.mdi-volume-mute:before {
  content: "\F75E";
}

.mdi-volume-off:before {
  content: "\F581";
}

.mdi-volume-plus:before {
  content: "\F75C";
}

.mdi-vote:before {
  content: "\FA1E";
}

.mdi-vote-outline:before {
  content: "\FA1F";
}

.mdi-vpn:before {
  content: "\F582";
}

.mdi-vuejs:before {
  content: "\F843";
}

.mdi-walk:before {
  content: "\F583";
}

.mdi-wall:before {
  content: "\F7FD";
}

.mdi-wall-sconce:before {
  content: "\F91B";
}

.mdi-wall-sconce-flat:before {
  content: "\F91C";
}

.mdi-wall-sconce-variant:before {
  content: "\F91D";
}

.mdi-wallet:before {
  content: "\F584";
}

.mdi-wallet-giftcard:before {
  content: "\F585";
}

.mdi-wallet-membership:before {
  content: "\F586";
}

.mdi-wallet-travel:before {
  content: "\F587";
}

.mdi-wan:before {
  content: "\F588";
}

.mdi-washing-machine:before {
  content: "\F729";
}

.mdi-watch:before {
  content: "\F589";
}

.mdi-watch-export:before {
  content: "\F58A";
}

.mdi-watch-export-variant:before {
  content: "\F894";
}

.mdi-watch-import:before {
  content: "\F58B";
}

.mdi-watch-import-variant:before {
  content: "\F895";
}

.mdi-watch-variant:before {
  content: "\F896";
}

.mdi-watch-vibrate:before {
  content: "\F6B0";
}

.mdi-water:before {
  content: "\F58C";
}

.mdi-water-off:before {
  content: "\F58D";
}

.mdi-water-percent:before {
  content: "\F58E";
}

.mdi-water-pump:before {
  content: "\F58F";
}

.mdi-watermark:before {
  content: "\F612";
}

.mdi-waves:before {
  content: "\F78C";
}

.mdi-weather-cloudy:before {
  content: "\F590";
}

.mdi-weather-fog:before {
  content: "\F591";
}

.mdi-weather-hail:before {
  content: "\F592";
}

.mdi-weather-hurricane:before {
  content: "\F897";
}

.mdi-weather-lightning:before {
  content: "\F593";
}

.mdi-weather-lightning-rainy:before {
  content: "\F67D";
}

.mdi-weather-night:before {
  content: "\F594";
}

.mdi-weather-partlycloudy:before {
  content: "\F595";
}

.mdi-weather-pouring:before {
  content: "\F596";
}

.mdi-weather-rainy:before {
  content: "\F597";
}

.mdi-weather-snowy:before {
  content: "\F598";
}

.mdi-weather-snowy-rainy:before {
  content: "\F67E";
}

.mdi-weather-sunny:before {
  content: "\F599";
}

.mdi-weather-sunset:before {
  content: "\F59A";
}

.mdi-weather-sunset-down:before {
  content: "\F59B";
}

.mdi-weather-sunset-up:before {
  content: "\F59C";
}

.mdi-weather-windy:before {
  content: "\F59D";
}

.mdi-weather-windy-variant:before {
  content: "\F59E";
}

.mdi-web:before {
  content: "\F59F";
}

.mdi-webcam:before {
  content: "\F5A0";
}

.mdi-webhook:before {
  content: "\F62F";
}

.mdi-webpack:before {
  content: "\F72A";
}

.mdi-wechat:before {
  content: "\F611";
}

.mdi-weight:before {
  content: "\F5A1";
}

.mdi-weight-kilogram:before {
  content: "\F5A2";
}

.mdi-weight-pound:before {
  content: "\F9B4";
}

.mdi-whatsapp:before {
  content: "\F5A3";
}

.mdi-wheelchair-accessibility:before {
  content: "\F5A4";
}

.mdi-whistle:before {
  content: "\F9B5";
}

.mdi-white-balance-auto:before {
  content: "\F5A5";
}

.mdi-white-balance-incandescent:before {
  content: "\F5A6";
}

.mdi-white-balance-iridescent:before {
  content: "\F5A7";
}

.mdi-white-balance-sunny:before {
  content: "\F5A8";
}

.mdi-widgets:before {
  content: "\F72B";
}

.mdi-wifi:before {
  content: "\F5A9";
}

.mdi-wifi-off:before {
  content: "\F5AA";
}

.mdi-wifi-strength-1:before {
  content: "\F91E";
}

.mdi-wifi-strength-1-alert:before {
  content: "\F91F";
}

.mdi-wifi-strength-1-lock:before {
  content: "\F920";
}

.mdi-wifi-strength-2:before {
  content: "\F921";
}

.mdi-wifi-strength-2-alert:before {
  content: "\F922";
}

.mdi-wifi-strength-2-lock:before {
  content: "\F923";
}

.mdi-wifi-strength-3:before {
  content: "\F924";
}

.mdi-wifi-strength-3-alert:before {
  content: "\F925";
}

.mdi-wifi-strength-3-lock:before {
  content: "\F926";
}

.mdi-wifi-strength-4:before {
  content: "\F927";
}

.mdi-wifi-strength-4-alert:before {
  content: "\F928";
}

.mdi-wifi-strength-4-lock:before {
  content: "\F929";
}

.mdi-wifi-strength-alert-outline:before {
  content: "\F92A";
}

.mdi-wifi-strength-lock-outline:before {
  content: "\F92B";
}

.mdi-wifi-strength-off:before {
  content: "\F92C";
}

.mdi-wifi-strength-off-outline:before {
  content: "\F92D";
}

.mdi-wifi-strength-outline:before {
  content: "\F92E";
}

.mdi-wii:before {
  content: "\F5AB";
}

.mdi-wiiu:before {
  content: "\F72C";
}

.mdi-wikipedia:before {
  content: "\F5AC";
}

.mdi-window-close:before {
  content: "\F5AD";
}

.mdi-window-closed:before {
  content: "\F5AE";
}

.mdi-window-maximize:before {
  content: "\F5AF";
}

.mdi-window-minimize:before {
  content: "\F5B0";
}

.mdi-window-open:before {
  content: "\F5B1";
}

.mdi-window-restore:before {
  content: "\F5B2";
}

.mdi-windows:before {
  content: "\F5B3";
}

.mdi-windows-classic:before {
  content: "\FA20";
}

.mdi-wiper:before {
  content: "\FAE8";
}

.mdi-wordpress:before {
  content: "\F5B4";
}

.mdi-worker:before {
  content: "\F5B5";
}

.mdi-wrap:before {
  content: "\F5B6";
}

.mdi-wrench:before {
  content: "\F5B7";
}

.mdi-wunderlist:before {
  content: "\F5B8";
}

.mdi-xamarin:before {
  content: "\F844";
}

.mdi-xamarin-outline:before {
  content: "\F845";
}

.mdi-xaml:before {
  content: "\F673";
}

.mdi-xbox:before {
  content: "\F5B9";
}

.mdi-xbox-controller:before {
  content: "\F5BA";
}

.mdi-xbox-controller-battery-alert:before {
  content: "\F74A";
}

.mdi-xbox-controller-battery-charging:before {
  content: "\FA21";
}

.mdi-xbox-controller-battery-empty:before {
  content: "\F74B";
}

.mdi-xbox-controller-battery-full:before {
  content: "\F74C";
}

.mdi-xbox-controller-battery-low:before {
  content: "\F74D";
}

.mdi-xbox-controller-battery-medium:before {
  content: "\F74E";
}

.mdi-xbox-controller-battery-unknown:before {
  content: "\F74F";
}

.mdi-xbox-controller-off:before {
  content: "\F5BB";
}

.mdi-xda:before {
  content: "\F5BC";
}

.mdi-xing:before {
  content: "\F5BD";
}

.mdi-xing-box:before {
  content: "\F5BE";
}

.mdi-xing-circle:before {
  content: "\F5BF";
}

.mdi-xml:before {
  content: "\F5C0";
}

.mdi-xmpp:before {
  content: "\F7FE";
}

.mdi-yahoo:before {
  content: "\FB2A";
}

.mdi-yammer:before {
  content: "\F788";
}

.mdi-yeast:before {
  content: "\F5C1";
}

.mdi-yelp:before {
  content: "\F5C2";
}

.mdi-yin-yang:before {
  content: "\F67F";
}

.mdi-youtube:before {
  content: "\F5C3";
}

.mdi-youtube-creator-studio:before {
  content: "\F846";
}

.mdi-youtube-gaming:before {
  content: "\F847";
}

.mdi-youtube-tv:before {
  content: "\F448";
}

.mdi-z-wave:before {
  content: "\FAE9";
}

.mdi-zend:before {
  content: "\FAEA";
}

.mdi-zip-box:before {
  content: "\F5C4";
}

.mdi-zip-disk:before {
  content: "\FA22";
}

.mdi-zodiac-aquarius:before {
  content: "\FA7C";
}

.mdi-zodiac-aries:before {
  content: "\FA7D";
}

.mdi-zodiac-cancer:before {
  content: "\FA7E";
}

.mdi-zodiac-capricorn:before {
  content: "\FA7F";
}

.mdi-zodiac-gemini:before {
  content: "\FA80";
}

.mdi-zodiac-leo:before {
  content: "\FA81";
}

.mdi-zodiac-libra:before {
  content: "\FA82";
}

.mdi-zodiac-pisces:before {
  content: "\FA83";
}

.mdi-zodiac-sagittarius:before {
  content: "\FA84";
}

.mdi-zodiac-scorpio:before {
  content: "\FA85";
}

.mdi-zodiac-taurus:before {
  content: "\FA86";
}

.mdi-zodiac-virgo:before {
  content: "\FA87";
}

.mdi-blank:before {
  content: "\F68C";
  visibility: hidden;
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px;
}

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}

.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: white;
}

.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(45deg);
            transform: scaleX(-1) rotate(45deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: scaleY(-1) rotate(45deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mdi-rotate-90 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(90deg);
            transform: scaleX(-1) rotate(90deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: scaleY(-1) rotate(90deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-135 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mdi-rotate-180 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(180deg);
            transform: scaleX(-1) rotate(180deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: scaleY(-1) rotate(180deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-225 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(225deg);
            transform: scaleX(-1) rotate(225deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: scaleY(-1) rotate(225deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mdi-rotate-270 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(270deg);
            transform: scaleX(-1) rotate(270deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: scaleY(-1) rotate(270deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-rotate-315 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(315deg);
            transform: scaleX(-1) rotate(315deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(315deg);
            -ms-transform: rotate(315deg);
            transform: scaleY(-1) rotate(315deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/**
 * RECIPE TEASER VARIATION
 */
.teaser-recipe {
  position: relative;
  width: 260px;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  width: 270px;
  height: 395px;
  margin-bottom: 10px;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
}

.teaser-recipe:hover {
  text-decoration: none;
}

.teaser-recipe__inner {
  position: relative;
  height: 100%;
  padding: 12px;
  background-color: #fff;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-recipe {
    width: 180px;
    height: 280px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .teaser-list--cloud .teaser-recipe:nth-child(4) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-recipe:nth-child(7) {
    margin-right: 270px;
  }
}

@media (min-width: 1200px) {
  .teaser-list--cloud .teaser-recipe:nth-child(5) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-recipe:nth-child(10) {
    margin-right: 270px;
  }
}

.teaser-recipe__img {
  position: relative;
  height: 236px;
  overflow: hidden;
}

.teaser-recipe__img img {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(-50%);
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-recipe__img {
    height: 146px;
  }
}

.teaser-recipe__title {
  margin: 20px 0 15px;
  height: 70px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #000;
  line-height: 70px;
}

.teaser-recipe__title span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-recipe__title {
    margin: 20px 0 10px;
    height: 60px;
    font-size: 0.8125rem;
    line-height: 60px;
  }
}

.teaser-recipe__nutrition {
  display: flex;
  justify-content: space-around;
}

.teaser-recipe .recipe-bookmark__toggle {
  position: absolute;
  top: 248px;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-recipe .recipe-bookmark__toggle {
    top: 158px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .teaser-recipe--of-the-week .teaser-recipe__img img {
    transform: translateX(-50%);
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
  }
}

.teaser-recipe--of-the-week .teaser-recipe__inner {
  background-color: #EF7D00;
}

.teaser-recipe--of-the-week .teaser-recipe__title {
  color: #fff;
}

.teaser-recipe--of-the-week .teaser-recipe__title-label {
  display: block;
  color: #fff;
  padding: 5px 0 5px;
  font-size: 1.25rem;
}

@media (min-width: 992px) {
  .teaser-recipe--of-the-week .teaser-recipe__title-label {
    padding: 10px 0 10px;
  }
}

.teaser-recipe--of-the-week .teaser-recipe__nutrition {
  justify-content: center;
}

.teaser-recipe--of-the-week .teaser-recipe__nutrition > span {
  padding: 0 10px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-recipe--of-the-week {
    width: 100% !important;
  }
}

@media (min-width: 992px) {
  #page__content > div > div > div > div > div > .teaser-recipe--of-the-week {
    width: 540px;
  }
  #page__content > div > div > div > div > div > .teaser-recipe--of-the-week .teaser-recipe__title {
    padding: 0 40px;
  }
}

/**
     * PRODUCT TEASER VARIATION
     */
.teaser-product {
  position: relative;
  width: 260px;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  width: 270px;
  height: 395px;
  margin-bottom: 10px;
  flex-shrink: 0;
  flex-grow: 0;
}

.teaser-product:hover {
  text-decoration: none;
}

.teaser-product__inner {
  position: relative;
  height: 100%;
  padding: 12px;
  background-color: #fff;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-product {
    width: 180px;
    height: 280px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .teaser-list--cloud .teaser-product:nth-child(4) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-product:nth-child(7) {
    margin-right: 270px;
  }
}

@media (min-width: 1200px) {
  .teaser-list--cloud .teaser-product:nth-child(5) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-product:nth-child(10) {
    margin-right: 270px;
  }
}

.teaser-product__img {
  height: 270px;
  padding-top: 15px;
  overflow: hidden;
  text-align: center;
}

.teaser-product__img img {
  display: inline-block;
  width: auto;
  height: 100%;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-product__img {
    height: 170px;
  }
}

@media print {
  .teaser-product__img {
    height: 100px;
  }
}

.teaser-product__title {
  margin: 15px 0 0 0;
  height: 70px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #000;
  line-height: 70px;
}

.teaser-product__title span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-product__title {
    font-size: 0.9375rem;
  }
}

.teaser-product__new {
  display: block;
  position: absolute;
  top: 25px;
  left: 25px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-product__new {
    top: 15px;
    left: 15px;
  }
}

.teaser-product__badge-wrapper {
  display: block;
  position: absolute;
  top: 24px;
  right: 20px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-product__badge-wrapper {
    top: 15px;
    right: 15px;
  }
}

@media print {
  .teaser-product {
    height: initial;
  }
}

/**
 * TOPIC TEASER VARIATION
 */
.teaser-page {
  position: relative;
  width: 260px;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  width: 270px;
  height: 395px;
  margin-bottom: 10px;
  flex-shrink: 0;
  flex-grow: 0;
}

.teaser-page:hover {
  text-decoration: none;
}

.teaser-page__inner {
  position: relative;
  height: 100%;
  padding: 12px;
  background-color: #fff;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-page {
    width: 180px;
    height: 280px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .teaser-list--cloud .teaser-page:nth-child(4) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-page:nth-child(7) {
    margin-right: 270px;
  }
}

@media (min-width: 1200px) {
  .teaser-list--cloud .teaser-page:nth-child(5) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-page:nth-child(10) {
    margin-right: 270px;
  }
}

.teaser-page__img {
  position: relative;
  height: 185px;
  overflow: hidden;
}

.teaser-page__img img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: auto;
  height: 100%;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-page__img {
    position: relative;
  }
}

.teaser-page__title {
  margin: 25px 0 20px 0;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #000;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-page__title {
    margin: 10px 0;
    font-size: 0.8125rem;
    height: 65px;
    line-height: 65px;
  }
  .teaser-list--multiline .teaser-page__title span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
  }
}

.teaser-page__copy {
  padding: 0 12px;
  max-height: 125px;
  font-size: 0.875rem;
  color: #626262;
  text-align: center;
  line-height: 1.27;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-page__copy {
    display: none;
  }
}

.teaser-page__badge {
  display: block;
  position: absolute;
  top: 186px;
  left: 50%;
  padding: 0 15px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  color: #737373;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #eaeaef;
  border-radius: 10px;
  transform: translateX(-50%);
  max-width: 80%;
}

.teaser-page--has-color .teaser-page__badge {
  color: #fff;
}

.teaser-page--no-image .teaser-page__inner {
  padding-top: 55px;
}

.teaser-page--no-image .teaser-page__badge {
  top: 30px;
}

.teaser-page--no-image .teaser-page__title {
  font-size: 1.313rem;
  margin-bottom: 40px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-page--no-image .teaser-page__title {
    font-size: 0.9375rem;
  }
}

.teaser-page--no-image .teaser-page__copy {
  font-size: 1.063rem;
}

.teaser-page--no-image .teaser-page__title,
.teaser-page--no-image .teaser-page__copy {
  padding: 0 20px;
}

.teaser-page--has-color.teaser-page--no-image .teaser-page__badge {
  background-color: #fff !important;
}

.teaser-page--has-color.teaser-page--no-image .teaser-page__title,
.teaser-page--has-color.teaser-page--no-image .teaser-page__copy {
  color: #fff;
}

.teaser-page--has-video .teaser-page__inner {
  padding: 12px 12px 0 12px;
  display: flex;
  flex-direction: column;
}

.teaser-page--has-video .teaser-page__title {
  display: flex;
  height: 27px;
  justify-content: center;
  align-items: center;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-page--has-video .teaser-page__title {
    height: 45px;
  }
}

.teaser-page--has-video .teaser-page__badge {
  top: 270px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-page--has-video .teaser-page__badge {
    top: 170px;
  }
}

.teaser-page--has-video .teaser-page__img {
  position: relative;
  height: 270px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-page--has-video .teaser-page__img {
    height: 170px;
  }
}

.teaser-page--has-video .icon-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transform: translate(-50%, -50%);
}

.teaser-page--is-playing iframe {
  position: absolute;
  top: 0;
}

.teaser-page-badge {
  opacity: 0;
}

@media (min-width: 992px) {
  #page__content > div > div > div > div > div > .teaser-page--double {
    width: 540px;
  }
  #page__content > div > div > div > div > div > .teaser-page--double .teaser-page__img {
    height: 236px;
  }
  #page__content > div > div > div > div > div > .teaser-page--double .teaser-page__img img {
    width: 100%;
    height: auto;
  }
  #page__content > div > div > div > div > div > .teaser-page--double .teaser-page__title {
    font-size: 1.313rem;
  }
  #page__content > div > div > div > div > div > .teaser-page--double .teaser-page__badge {
    top: 238px;
  }
}

.teaser-special {
  position: relative;
  width: 260px;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  width: 270px;
  height: 395px;
  margin-bottom: 10px;
  flex-shrink: 0;
  flex-grow: 0;
}

.teaser-special:hover {
  text-decoration: none;
}

.teaser-special__inner {
  position: relative;
  height: 100%;
  padding: 12px;
  background-color: #fff;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-special {
    width: 180px;
    height: 280px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .teaser-list--cloud .teaser-special:nth-child(4) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-special:nth-child(7) {
    margin-right: 270px;
  }
}

@media (min-width: 1200px) {
  .teaser-list--cloud .teaser-special:nth-child(5) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-special:nth-child(10) {
    margin-right: 270px;
  }
}

.teaser-special__inner {
  padding: 20px;
}

@media (min-width: 576px) {
  .teaser-special__inner {
    padding: 30px 40px;
  }
}

.teaser-special__video {
  color: #ffffff;
  font-size: 1rem;
  padding-top: 1rem;
}

@media (min-width: 992px) {
  .teaser-special__video {
    /*font-size: 22px;*/
    font-size: 19px;
  }
}

.teaser-special__title {
  font-size: 1.825rem;
  font-weight: 600;
  color: #fff;
  text-align: right;
}

@media (min-width: 576px) {
  .teaser-special__title {
    /*font-size: 2.625rem;*/
    font-size: 1.5rem;
  }
}

.teaser-special__icon {
  position: absolute;
  right: 10px;
  bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 46px;
}

@media (min-width: 576px) {
  .teaser-special__icon {
    right: 30px;
    bottom: 40px;
  }
}

.teaser-special ul {
  position: absolute;
  bottom: 40px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.teaser-special ul li a {
  display: block;
  margin-bottom: 10px;
  font-size: 1.125rem;
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.teaser-image {
  position: relative;
  width: 260px;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  display: block;
  width: 270px;
  height: 395px;
  margin-bottom: 10px;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  height: 500px;
  width: 186px;
}

.teaser-image:hover {
  text-decoration: none;
}

.teaser-image__inner {
  position: relative;
  height: 100%;
  padding: 12px;
  background-color: #fff;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-image {
    width: 180px;
    height: 280px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .teaser-list--cloud .teaser-image:nth-child(4) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-image:nth-child(7) {
    margin-right: 270px;
  }
}

@media (min-width: 1200px) {
  .teaser-list--cloud .teaser-image:nth-child(5) {
    margin-left: 270px;
  }
  .teaser-list--cloud .teaser-image:nth-child(10) {
    margin-right: 270px;
  }
}

.teaser-image__img {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.teaser-image__img img {
  position: absolute;
  height: 100%;
  width: auto;
  max-width: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-image__img {
    height: 146px;
  }
}

.icon-button {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #eaeaef;
  color: #2e2e33;
  font-size: 1.3rem;
  text-align: center;
  line-height: 34px;
  overflow: visible;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}

.icon-button__icon {
  display: block;
}

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

.icon-button__count {
  position: absolute;
  left: 35px;
  bottom: 5px;
  padding: 2px 5px 3px 5px;
  background-color: #EF7D00;
  border-radius: 0.6875rem;
  font-family: "open-sans", sans-serif;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
}

.icon-button::after {
  content: '';
  display: block;
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -35px 0 0 -35px;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  background: rgba(46, 46, 51, 0.2);
}

.icon-button--click, .icon-button:focus {
  outline: none;
  z-index: 1000;
}

.icon-button--click::after, .icon-button:focus::after {
  animation: clickEffectIconButton 0.3s forwards;
}

.icon-button--white {
  background: #fff;
}

.button {
  position: relative;
  display: inline-block;
  padding: 15px 25px;
  border-width: 1px;
  border-style: solid;
  overflow: hidden;
  cursor: pointer;
  font-size: 0.9375rem;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 400ms ease, border-color 400ms ease;
}

.button:hover {
  text-decoration: none;
}

.button .mdi {
  display: inline-block;
  margin-right: 5px;
  transform: translateY(2px);
  font-size: 1.375rem;
}

.button--white {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

.button--white:hover {
  color: #2e2e33;
  background-color: #fff;
  border-color: transparent;
}

.button--black {
  color: #2e2e33;
  border-color: rgba(46, 46, 51, 0.3);
}

.button--black:hover {
  color: #fff !important;
  background-color: #2e2e33;
  border-color: transparent;
}

.button--filled-green {
  border: 0;
  color: #fff;
  background-color: #6fae4b;
}

.button--filled-lightgrey {
  border: 0;
  color: #2e2e33;
  background-color: #eaeaef;
}

.button--text {
  border: 0;
  color: #a4a5a8;
}

.button--small {
  padding: 10px 20px;
  font-size: 0.75rem;
}

.share-button {
  width: 40px;
  height: 40px;
  color: #7f7f80;
  line-height: 40px;
}

.share-button--facebook {
  color: #fff;
  background-color: #4265b2;
}

.share-button--facebook::after {
  background-color: rgba(66, 101, 178, 0.2);
}

.share-button--pinterest {
  color: #fff;
  background-color: #bd191c;
}

.share-button--pinterest::after {
  background-color: rgba(189, 25, 28, 0.2);
}

@keyframes clickEffectIconButton {
  0% {
    transform: scale3d(0.3, 0.3, 1);
  }
  25%, 50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1);
  }
}

@keyframes clickEffectButton {
  0% {
    transform: scale3d(0.3, 0.3, 1);
  }
  25%, 50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale3d(2, 2, 1);
  }
}

.form-field {
  position: relative;
  padding: 20px 15px 0 15px;
  margin-bottom: 20px;
  font-size: 1.125rem;
  width: 100%;
}

@media (min-width: 576px) {
  .form-field__small {
    width: 66%;
    display: inline-block;
  }
  .form-field__smaller {
    width: 33%;
    display: inline-block;
  }
}

.form-field label {
  position: absolute;
  top: 20px;
  color: #2e2e33;
  background-color: #fff;
  left: 0;
  right: 0;
  padding: 5px 15px;
  font-size: 1.125rem;
  cursor: text;
  transition: all 0.3s ease;
  z-index: 2;
}

.form-field label span {
  position: absolute;
  right: 40px;
  top: 10px;
  font-family: 'OpenSans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background-color: #EF7D00;
  border-radius: 10px;
  padding: 0 5px;
}

.form-field__error-msg {
  font-size: 0.9em;
  color: #ff003c;
  padding-top: 4px;
}

.form-field--invalid input {
  border-color: #ff003c !important;
}

.form-field--active label,
.form-field--selected label,
.form-field--filled label,
.form-field input:focus + label {
  top: 0;
  padding: 0 15px;
  color: #7f7f8b;
  font-size: 0.75rem;
}

.form-field--active label span,
.form-field--selected label span,
.form-field--filled label span,
.form-field input:focus + label span {
  display: none;
}

.form-field input,
.form-field select {
  display: block;
  width: 100%;
  padding: 5px 0;
  border: 0;
  border-bottom: 1px solid rgba(20, 14, 10, 0.1);
  background-color: transparent;
}

.form-field input:focus {
  outline: 0;
  border-bottom: 2px solid #140e0a;
}

.form-field .submit-button {
  float: right;
  margin-right: 15px;
}

.form-field--select::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;
}

.form-field--select:empty::after {
  margin-left: 0;
}

.form-field--select::after {
  position: absolute;
  top: 62%;
  right: 15px;
  color: #EF7D00;
  z-index: 4;
}

.form-field--select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-field--select select::-ms-expand {
  display: none;
}

.form-field--textarea textarea {
  width: 100%;
  padding: 7px 10px;
  border-radius: 4px;
  outline: none;
  border: 1px solid rgba(20, 14, 10, 0.1);
}

.form-field--textarea textarea:focus {
  border: 1px solid #140e0a;
}

.form-field--textarea textarea::-webkit-input-placeholder, .form-field--textarea textarea:-moz-placeholder, .form-field--textarea textarea::-moz-placeholder, .form-field--textarea textarea:-ms-input-placeholder, .form-field--textarea textarea::placeholder {
  color: #000;
}

.form-field--checkbox {
  position: relative;
  margin-bottom: 0;
  padding-top: 10px;
}

.form-field--checkbox input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}

.form-field--checkbox label {
  position: relative;
  top: 0;
  color: #2e2e33;
  background-color: #fff;
  padding: 5px 15px 5px 2rem;
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 2;
}

.form-field--checkbox label::before {
  content: '';
  position: absolute;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 3px;
  background-color: #C4C4C4;
  transition: background-color .3s ease;
}

.form-field--checkbox input[type="checkbox"]:checked + label::after {
  content: '';
  position: absolute;
  left: 8px;
  top: 8px;
  width: 0.5rem;
  height: 1rem;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.form-field--checkbox input[type="checkbox"]:checked + label::before {
  background-color: #EF7D00;
}

.form-field-hint {
  opacity: 0.5;
}

/**
 *
 * ********************************************
 * Special field extensions usually done by js
 */
.select__field-wrapper {
  position: relative;
}

.select__field-proxy {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  width: 100%;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}

.select__field-value {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  padding: 5px 50px 5px 0;
  z-index: 1;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 992px) {
  .select__field-value {
    max-width: 315px;
  }
}

.select__field-value span {
  position: absolute;
  right: 23px;
  top: 10px;
  font-family: 'OpenSans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background-color: #EF7D00;
  border-radius: 10px;
  padding: 0 5px;
}

.select__list-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  margin: 0;
  opacity: 0;
  display: none;
  min-width: 100px;
  overflow-y: auto;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  z-index: 9999;
  transition: opacity .35s ease;
}

.form-field--active .select__list-wrapper {
  display: block;
  opacity: 1;
}

.select__list-item {
  padding: 10px 15px;
  font-size: 1rem;
  cursor: pointer;
  position: relative;
  padding-right: 30px;
}

.select__list-item span {
  position: absolute;
  right: 10px;
  top: 14px;
  font-family: 'OpenSans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  background-color: #EF7D00;
  border-radius: 10px;
  padding: 0 5px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .select__list-item {
    font-size: 0.875rem;
  }
}

.select__list-item:hover {
  background-color: #fafafa;
}

.select__list-item--selected {
  background-color: #f3f3f3;
}

form {
  margin-left: -15px;
  margin-right: -15px;
  padding-bottom: 40px;
}

.product__badge {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-size: 100%;
  margin-bottom: 5px;
}

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

.product__badge--glutenfree {
  background-image: url("../img/badges/badge-glutenfree.svg");
}

.product__badge--gmofree {
  background-image: url("../img/badges/badge-gmofree.svg");
}

.product__badge--organic {
  background-image: url("../img/badges/badge-organic.svg");
}

.product__badge--halal {
  background-image: url("../img/badges/badge-halal.svg");
}

.product__badge--xl {
  width: 34px;
  height: 34px;
  line-height: 34px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .product__badge {
    width: 20px;
    height: 20px;
  }
}

.product__new {
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  border-radius: 50%;
  background-image: url("../img/badges/badge-new.svg");
  background-size: 100%;
}

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

.product__new svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-21deg);
}

.product__new svg text {
  font-weight: 900;
  text-transform: uppercase;
  fill: #fff;
}

.product__new--sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.product__new--xl {
  width: 90px;
  height: 90px;
  line-height: 90px;
}

.recipe__icon-svg {
  display: inline-block;
  width: 18px;
  height: 18px;
  padding: 2px;
  margin: 0 4px -4px 0;
  border-radius: 50%;
  background-color: #eaeaef;
  text-align: center;
}

.recipe__icon-svg svg {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
  fill: #7f7f8b;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .recipe__icon-svg {
    width: 12px;
    height: 12px;
    margin-bottom: -2px;
  }
}

.recipe__icon-svg--xl {
  width: 25px;
  height: 25px;
  padding: 5px;
  margin-bottom: -7px;
}

.teaser-recipe--of-the-week .recipe__icon-svg {
  background-color: rgba(0, 0, 0, 0.15);
}

.teaser-recipe--of-the-week .recipe__icon-svg svg {
  fill: #fff;
}

@media print {
  .recipe__icon-svg {
    border: 1px solid grey;
  }
}

.recipe__nutritional-value {
  font-family: "open-sans", sans-serif;
  font-size: 0.75rem;
  text-align: center;
  font-weight: 600;
  color: #7f7f8b;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .recipe__nutritional-value {
    max-width: 50%;
    overflow: hidden;
    font-size: 0.625rem;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.recipe__nutritional-value--xl {
  font-size: 0.875rem;
  font-weight: 800;
  color: #2e2e33;
}

.teaser-recipe--of-the-week .recipe__nutritional-value {
  color: #fff;
}

.recipe__nutritional-label {
  display: block;
  padding-bottom: 10px;
  font-size: 0.875rem;
  color: #7f7f8b;
}

.headline-main {
  margin-top: 35px;
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .headline-main {
    margin-top: 60px;
    margin-bottom: 35px;
  }
}

.headline-main__content {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
  max-width: 270px;
}

@media (min-width: 375px) {
  .headline-main__content {
    max-width: 370px;
  }
}

@media (min-width: 576px) {
  .headline-main__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .headline-main__content {
    max-width: 590px;
  }
}

@media (min-width: 992px) {
  .headline-main__content {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .headline-main__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .headline-main__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .headline-main__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.headline-main h1 {
  font-size: 1.75rem;
  font-weight: bold;
  letter-spacing: -1px;
  color: #2e2e33;
}

@media (min-width: 992px) {
  .headline-main h1 {
    font-size: 2.5rem;
  }
}

.headline-main h3 {
  font-size: 1.125rem;
  letter-spacing: -0.6px;
  color: #EF7D00;
  padding-top: 7px;
}

@media (min-width: 992px) {
  .headline-main h3 {
    font-size: 1.5rem;
  }
}

.headline-main h1, .headline-main h3 {
  margin: 0;
}

.context-bar + .headline-main {
  margin-top: 0;
}

.news .headline-main h1 {
  text-transform: capitalize;
}

.filter-badges {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .filter-badges {
    margin-bottom: 25px;
  }
}

.filter-badges__content {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 375px) {
  .filter-badges__content {
    max-width: 370px;
  }
}

@media (min-width: 576px) {
  .filter-badges__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .filter-badges__content {
    max-width: 590px;
  }
}

@media (min-width: 992px) {
  .filter-badges__content {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .filter-badges__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .filter-badges__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .filter-badges__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.filter-badges .filter-badges-list {
  display: flex;
  flex-wrap: wrap;
}

.filter-badges .filter-badges-list .badge {
  margin-right: 13px;
  margin-bottom: 8px;
  padding: 5px 15px;
  border-radius: 25px;
}

.filter-badges .filter-badges-list .badge.filter-badge {
  background-color: #7f7f8b;
  color: #FFFFFF;
}

.filter-badges .filter-badges-list .badge.filter-badge > span {
  padding-left: 5px;
}

.filter-badges .filter-badges-list .badge.remove-badge {
  background-color: #FFFFFF;
  color: #000000;
  border: 1px solid #7f7f8b;
}

.filter-badges .filter-badges-list .badge span {
  color: #FFFFFF;
}

.abo-search-teaser {
  position: relative;
  margin-bottom: 50px;
  /*&__recipe-abo {
        width: 100%;
        //height: 400px;
        @include media-breakpoint-up(md) {
            width: 50%;
            height: 350px;
        }
        display: flex;
        position: relative;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 60px;
        background-image: url("/typo3conf/ext/kikkoman/Resources/Public/img/recipe-abo-teaser.png");
        background-size: cover;
        color: #FFFFFF;
        h2 {
            font-weight: bold;
        }
        p {
            margin-bottom: 0;
        }
        a:hover {
            color: #2e2e33 !important;
        }
        form {
            display: flex;
            width: 100%;
            flex-direction: column;
            align-items: center;
            justify-items: center;
            margin-top: 15px;
        }
        input {
            font-weight: bold;
            height: 50px;
            width: 60%;
            padding: 5px;
            margin-bottom: 15px;
            border-radius: 4px;
            border: none;
            text-align: center;
        }
        .bottom-overlay {
            position: absolute;
            bottom: 0;
            padding: 18px 40px;
            text-align: center;
            line-height: 1.15em;
            background-color: rgba(0,0,0, 0.4);
        }
    }
    */
}

.abo-search-teaser:before {
  content: '';
  position: absolute;
  top: 90px;
  bottom: 130px;
  width: 100%;
  background-color: #D7D7DF;
}

.abo-search-teaser:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 90px;
  background-color: #fff;
}

.abo-search-teaser__content {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
  /*height: 600px;
        @include media-breakpoint-up(md) {
            height: 350px;
        }*/
  /*>div {
            float: left;
        }*/
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

@media (min-width: 375px) {
  .abo-search-teaser__content {
    max-width: 370px;
  }
}

@media (min-width: 576px) {
  .abo-search-teaser__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .abo-search-teaser__content {
    max-width: 590px;
  }
}

@media (min-width: 992px) {
  .abo-search-teaser__content {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .abo-search-teaser__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .abo-search-teaser__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .abo-search-teaser__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.abo-search-teaser__content .teaser-recipe.teaser-recipe--of-the-week {
  margin: 30px 0;
  width: 100%;
  height: auto;
}

.abo-search-teaser input:focus {
  outline: none;
}

.abo-search-teaser .teaser-recipe.teaser-recipe--of-the-week, .abo-search-teaser__search {
  width: 100%;
}

@media (min-width: 768px) {
  .abo-search-teaser .teaser-recipe.teaser-recipe--of-the-week, .abo-search-teaser__search {
    width: 50%;
  }
}

.abo-search-teaser__search {
  /*height: 200px;
        @include media-breakpoint-up(md) {
            width: 50%;
            height: 350px;
        }*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}

.abo-search-teaser__search h5 {
  font-weight: bold;
  text-align: center;
}

.abo-search-teaser__search form {
  width: 70%;
}

.abo-search-teaser__search form .input-wrapper {
  width: 100%;
  position: relative;
}

.abo-search-teaser__search form .input-wrapper input {
  width: 100%;
  height: 60px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: none;
  border-radius: 30px;
  padding: 10px 30px;
}

.abo-search-teaser__search form .input-wrapper .mdi {
  position: absolute;
  right: 25px;
  top: 30px;
  font-size: 22px;
  color: #94949a;
}

.youtube-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1050;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.youtube-modal__content {
  position: relative;
  border-radius: 6px;
  border: none;
  background-color: #000000;
  overflow: hidden;
  opacity: 0;
  z-index: 1052;
  transform: scale(0.9);
  transition: transform 0.4s ease, opacity 0.4s ease;
}

.youtube-modal__content .mdi {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  color: #FFFFFF;
}

.youtube-modal--active .youtube-modal__content {
  opacity: 1;
  transform: scale(1);
}

.youtube-modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1051;
  transition: background 0.7s ease;
}

.youtube-modal--active .youtube-modal__backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.youtube-modal iframe {
  padding: 45px 80px;
}

.youtube-modal__channel-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #FFFFFF;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  color: #000000;
}

.youtube-modal__channel-link img {
  height: 30px;
}

.content-navigation {
  display: flex;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  background-color: #eeeef2;
  list-style: none;
  justify-content: stretch;
}

@media (min-width: 992px) {
  .content-navigation {
    display: none;
  }
}

.content-navigation li {
  flex-grow: 1;
}

.content-navigation a {
  display: block;
  text-align: center;
  font-size: 0.9375rem;
  color: #2e2e33;
  line-height: 50px;
  opacity: 0.5;
  transition: opacity .3s ease;
}

.content-navigation > li > a.content-navigation__item--active {
  font-weight: 600;
  opacity: 1;
}

@media print {
  .content-navigation {
    display: none;
  }
}

.content-actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  background-color: #FFF;
  padding: 30px 55px;
}

.content-actions__page {
  text-align: center;
}

.content-actions__page a:hover {
  color: #EF7D00;
}

.content-actions__page .recipe-bookmark__toggle-text {
  display: block;
}

.content-actions__page .recipe-bookmark__toggle-text--active .mdi-heart {
  color: #ff6e07;
}

@media (min-width: 992px) {
  .content-actions__page .recipe-bookmark__toggle-text {
    display: inline-block;
  }
}

.content-actions__share {
  padding-top: 15px;
  text-align: center;
}

.content-actions__share a {
  margin: 0 5px;
}

.content-actions--extended .content-actions__page,
.content-actions--extended .content-actions__share {
  flex-basis: 100%;
}

@media (min-width: 1200px) {
  .content-actions--extended .content-actions__page,
  .content-actions--extended .content-actions__share {
    flex-basis: auto;
  }
}

@media print {
  .content-actions {
    display: none;
  }
}

.sticky-element--sticked {
  position: fixed !important;
  top: 0;
  z-index: 100;
  margin-top: 0 !important;
}

.sticky-element--stucked {
  position: absolute;
}

.sticky-element__placeholder {
  visibility: hidden;
}

.context-bar {
  position: relative;
  min-height: 60px;
  background-color: #eaeaef;
  z-index: 2;
  transition: background-color 0.3s ease, height 0.3s ease;
  /**
     * context row based on teaser grid
     */
}

.context-bar--hidden {
  min-height: 0;
}

.context-bar__content {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
}

@media (min-width: 576px) {
  .context-bar__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .context-bar__content {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .context-bar__content {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .context-bar__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .context-bar__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .context-bar__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.context-bar__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  height: 100%;
  position: relative;
  z-index: 4;
}

@media print {
  .context-bar__content {
    display: none;
  }
}

.context-bar--has-filter .context-bar__content-inner {
  justify-content: flex-end;
}

@media (min-width: 992px) {
  .context-bar--recipe-detail .context-bar__content-inner {
    justify-content: space-between;
  }
}

.context-bar__navigation {
  display: flex;
  flex-direction: row;
  min-width: 100%;
  font-size: 0.875rem;
  line-height: 60px;
  justify-content: center;
}

@media (min-width: 768px) {
  .context-bar__navigation {
    min-width: auto;
  }
}

.context-bar__navigation--actions {
  min-width: auto;
}

.context-bar__navigation__prev, .context-bar__navigation__next {
  flex: 1 1 auto;
  display: flex;
  position: relative;
  color: #2e2e33;
}

.context-bar__navigation__prev .mdi, .context-bar__navigation__next .mdi {
  font-size: 1.3rem;
}

.context-bar__navigation__prev-text, .context-bar__navigation__next-text {
  display: block;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 5px;
}

@media (min-width: 768px) {
  .context-bar__navigation__prev-text, .context-bar__navigation__next-text {
    max-width: 230px;
  }
}

.context-bar__navigation__next {
  justify-content: flex-end;
}

.context-bar__navigation__count {
  display: inline-block;
  font-family: "open-sans", sans-serif;
  color: #EF7D00;
  font-weight: 800;
  margin: 0 5px;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .context-bar__navigation__count {
    margin: 0 20px;
  }
}

.context-bar__navigation-button {
  display: block;
  line-height: 60px;
  padding: 0 20px;
  font-size: 1rem;
  color: #7f7f8b;
  cursor: pointer;
}

.context-bar__navigation-button .mdi {
  display: inline-block;
  font-size: 1.3rem;
  margin: 0 5px;
  line-height: 60px;
}

.context-bar__navigation-button .mdi::before {
  transform: translateY(2px);
}

.context-bar__navigation-button--toggle .mdi-close {
  display: none;
}

.context-bar__navigation-button--active {
  background-color: #eaeaef;
}

.context-bar__navigation-button--active .mdi {
  display: none;
}

.context-bar__navigation-button--active .mdi-close {
  display: inline-block;
}

.context-bar--recipe-detail .context-bar__navigation--browse {
  display: none;
}

@media (min-width: 992px) {
  .context-bar--recipe-detail .context-bar__navigation--browse {
    display: flex;
  }
}

.context-bar.sticky-element--sticked {
  min-height: 75px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 4;
}

.context-bar.sticky-element--sticked .context-bar__navigation {
  line-height: 75px;
}

.context-bar__sticky-action {
  display: none;
  align-items: center;
}

.context-bar.sticky-element--sticked .context-bar__sticky-action {
  display: flex;
  padding: 0 20px;
}

.context-bar__sticky-title {
  display: none;
  align-items: center;
}

.context-bar.sticky-element--sticked .context-bar__sticky-title {
  display: flex;
  margin-right: auto;
}

.context-bar.sticky-element--sticked .filter-navigation--dropdowns {
  background-color: #fff;
  border-top: 1px solid #eaeaef;
  margin-bottom: 0;
}

.context-bar--teaser-grid .context-bar__content {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 375px) {
  .context-bar--teaser-grid .context-bar__content {
    max-width: 370px;
  }
}

@media (min-width: 576px) {
  .context-bar--teaser-grid .context-bar__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .context-bar--teaser-grid .context-bar__content {
    max-width: 590px;
  }
}

@media (min-width: 992px) {
  .context-bar--teaser-grid .context-bar__content {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .context-bar--teaser-grid .context-bar__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .context-bar--teaser-grid .context-bar__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .context-bar--teaser-grid .context-bar__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.context-bar--teaser-grid .context-bar__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.filter-navigation {
  margin-bottom: 15px;
  max-height: 43px;
  overflow-y: hidden;
  /**
     *
     * FILTER NAVIGATION IN SLIDER MODE
     *
     */
  /**
     *
     * FILTER NAVIGATION 2 LEVELS
     *
     */
}

@media (min-width: 992px) {
  .filter-navigation {
    margin-bottom: 35px;
    max-height: 1000px;
  }
}

.filter-navigation__content {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 375px) {
  .filter-navigation__content {
    max-width: 370px;
  }
}

@media (min-width: 576px) {
  .filter-navigation__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .filter-navigation__content {
    max-width: 590px;
  }
}

@media (min-width: 992px) {
  .filter-navigation__content {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .filter-navigation__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .filter-navigation__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .filter-navigation__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (max-width: 575.98px) {
  .filter-navigation__content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.filter-navigation__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  justify-content: left;
}

.filter-navigation__item {
  position: relative;
  flex-grow: 1 !important;
  flex-shrink: 1;
  padding: 0 5px;
}

@media (min-width: 992px) {
  .filter-navigation__item {
    width: 16.666667%;
    flex-grow: 1;
  }
}

.filter-navigation__item-inner {
  box-sizing: border-box;
  font-size: 0.8125rem;
  font-weight: bold;
  color: #2e2e33;
  text-align: center;
  cursor: pointer;
  padding: 12px 15px;
  border-radius: 4px;
  background-color: #fff;
  min-width: 125px;
  user-select: none;
}

@media (min-width: 992px) {
  .filter-navigation__item-inner {
    font-size: 1rem;
    padding: 15px;
  }
}

@media (min-width: 1200px) {
  .filter-navigation__item-inner {
    padding: 15px 20px;
  }
}

.filter-navigation__item-inner span {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.filter-navigation__item-inner-no-filter {
  font-size: 1.4rem;
  padding: 10px 20px;
  cursor: auto;
}

.filter-navigation__item--active .filter-navigation__item-inner {
  text-align: left;
  padding-right: 35px;
}

@media (min-width: 1200px) {
  .filter-navigation__item--active .filter-navigation__item-inner {
    padding-right: 40px;
  }
}

.filter-navigation__item--active .filter-navigation__item-inner span.mdi {
  position: absolute;
  top: 5px;
  right: 15px;
  width: auto;
  font-size: 22px;
}

@media (min-width: 992px) {
  .filter-navigation__item--active .filter-navigation__item-inner span.mdi {
    top: 10px;
  }
}

@media (min-width: 1200px) {
  .filter-navigation__item--active .filter-navigation__item-inner span.mdi {
    right: 20px;
  }
}

.filter-navigation__item--has-color .filter-navigation__item-inner {
  color: #fff;
}

.filter-navigation__item a:hover {
  text-decoration: none;
}

.filter-navigation.less-margin {
  margin-bottom: 15px;
  max-height: none;
}

.filter-navigation--slider-active {
  overflow: hidden;
}

.filter-navigation--slider-active .filter-navigation__content {
  position: relative;
}

.filter-navigation--slider-active .filter-navigation__content-inner {
  display: block;
  overflow: visible;
}

.filter-navigation--slider-active .filter-navigation__content-slider {
  display: flex;
}

.filter-navigation--slider-active .filter-navigation__item {
  flex-grow: 0;
  width: auto;
}

.filter-navigation--slider-active .filter-navigation__item-inner {
  min-width: 0;
}

.filter-navigation--dropdowns {
  display: none;
  max-height: none;
  transition: background-color 0.3s ease;
  overflow: visible;
}

.filter-navigation--dropdowns .filter-navigation__content-inner {
  padding: 20px 5px;
  background-color: #fff;
  justify-content: left;
}

@media (min-width: 576px) {
  .filter-navigation--dropdowns .filter-navigation__content-inner {
    padding: 20px;
  }
}

.filter-navigation__select {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 10px;
}

@media (min-width: 992px) {
  .filter-navigation__select {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.filter-navigation__tabs {
  margin-right: -5px;
  margin-left: -5px;
}

.filter-navigation__tab {
  padding: 20px 35px;
  display: inline-block;
  background-color: #a5a5b5;
  color: #FFF;
  margin: 0;
}

.filter-navigation__tab:hover {
  color: #FFF;
}

.filter-navigation__tab--active {
  color: #EF7D00;
  background-color: #FFF;
  font-weight: 600;
}

.filter-navigation__tab--active:hover {
  color: #EF7D00;
}

.dot-navigation {
  text-align: center;
}

.dot-navigation__item {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  border: solid 1px #7f7f8b;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color .3s ease, border-color .3s ease;
}

.dot-navigation__item--active {
  border-color: #7f7f8b;
  background-color: #7f7f8b;
}

.product-range {
  border-top: 1px solid #eaeaef;
  background-color: #fff;
  padding: 70px 0 0 0;
  text-align: center;
  margin-bottom: 60px;
  overflow: hidden;
}

@media (min-width: 992px) {
  .product-range {
    padding: 17px 0px 47px 0px;
  }
}

@media (min-width: 992px) {
  .product-range__content {
    max-width: 980px;
    margin: 0px auto;
    padding: 56px 0px 10px 0px;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
  }
}

@media (min-width: 991px) and (max-width: 1146px) {
  .product-range__content {
    max-width: 856px;
  }
}

.product-range__content-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.product-range--mobile-active .product-range__content .product-range__content-inner {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.product-range__item {
  display: inline-block;
  position: relative;
  width: 170px;
  height: 250px;
  line-height: 250px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

@media (min-width: 992px) {
  .product-range__item {
    display: block;
    flex: 0 0 auto;
    height: 110px;
    visibility: hidden;
    padding: 0 15px;
    line-height: 110px;
  }
  .product-range__item.swiper-slide-visible {
    visibility: visible;
  }
}

.product-range__item img {
  height: 80%;
  width: auto;
}

@media (min-width: 992px) {
  .product-range__item img {
    height: 100%;
  }
}

.product-range__item-title {
  display: none;
  position: absolute;
  left: 50%;
  top: -50px;
  height: 34px;
  padding: 0 10px;
  transform: translate(-50%, 5px) scaleY(0.9);
  transition: none;
  transition-delay: 0s;
  opacity: 0;
  background-color: #EF7D00;
  background-color: #323237;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 35px;
  white-space: nowrap;
  color: #fff;
}

.product-range__item-title::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -9px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #323237 transparent transparent transparent;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .product-range__item-title {
    display: block;
  }
}

.product-range__item-badges {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

@media (min-width: 992px) {
  .product-range__item-badges {
    display: none !important;
  }
}

.product-range__item--hover, .product-range__item--active {
  opacity: 1;
  z-index: 3;
}

.product-range__item--active {
  transform: scale(1.2);
}

.product-range__item--hover img,
.product-range__item--active img {
  height: 100%;
}

.product-range__item--hover .product-range__item-title,
.product-range__item--active .product-range__item-title {
  opacity: 1;
  transform: translate(-50%, 0px) scale(1);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition-delay: 0.1s;
}

.product-range__item--active .product-range__item-title {
  transform: translate(-50%, 10px) scale(0.8);
  background-color: #EF7D00;
}

.product-range__item--active .product-range__item-title::after {
  border-color: #EF7D00 transparent transparent transparent;
}

.product-range__item--hover .product-range__item-badges,
.product-range__item--active .product-range__item-badges {
  opacity: 1;
}

.product-range__item .product__new {
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 992px) {
  .product-range__item .product__new {
    width: 24px;
    height: 24px;
    line-height: 24px;
  }
}

.product-range--mobile-active .product-range__item {
  display: none;
}

.product-range--mobile-active .product-range__item--mobile-left, .product-range--mobile-active .product-range__item--mobile-center-left, .product-range--mobile-active .product-range__item--mobile-center, .product-range--mobile-active .product-range__item--mobile-center-right, .product-range--mobile-active .product-range__item--mobile-right {
  display: block;
  position: absolute;
  transform: translateX(-50%);
}

.product-range--mobile-active .product-range__item--mobile-left {
  left: 0;
}

.product-range--mobile-active .product-range__item--mobile-center-left {
  left: 25%;
}

.product-range--mobile-active .product-range__item--mobile-center {
  left: 50%;
}

.product-range--mobile-active .product-range__item--mobile-center-right {
  left: 75%;
}

.product-range--mobile-active .product-range__item--mobile-right {
  left: 100%;
}

.product-range__navigation {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: 90px;
}

@media (min-width: 576px) {
  .product-range__navigation {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .product-range__navigation {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .product-range__navigation {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .product-range__navigation {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .product-range__navigation {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .product-range__navigation {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (min-width: 992px) {
  .product-range__navigation {
    display: none;
  }
}

.product-range__navigation-inner {
  position: relative;
  height: 100%;
  margin: 0 -15px;
  overflow: hidden;
  background-color: #fff;
}

@media (min-width: 992px) {
  .product-range__navigation-inner {
    overflow: visible;
    top: -55px;
    margin: 0 auto;
    max-width: 1200px;
  }
}

.product-range__navigation--prev, .product-range__navigation--next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}

.product-range__navigation--next {
  left: auto;
  right: 15px;
}

.product-range__navigation h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}

.product-range .swiper-button-disabled {
  display: none;
}

.product-slider {
  position: relative;
  padding: 60px 0;
  background-color: #fff;
  overflow: hidden;
}

@media (min-width: 992px) {
  .product-slider:before, .product-slider::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    z-index: 2;
    background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
    pointer-events: none;
  }
  .product-slider::before {
    right: auto;
    left: 0;
    background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
    pointer-events: none;
  }
}

.product-slider__content {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .product-slider__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .product-slider__content {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .product-slider__content {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .product-slider__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .product-slider__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .product-slider__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.product-slider__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.product-slider__wrapper {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  width: 320px;
  min-height: 380px;
  padding: 0;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .product-slider__wrapper {
    width: 720px;
    min-height: 460px;
  }
}

.product-slider__wrapper-inner {
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
}

.product-slider__wrapper-inner--ready {
  transition: transform 0.5s ease;
}

.product-slider__item {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  width: 100px;
  transition: width 0.5s ease;
}

@media (min-width: 992px) {
  .product-slider__item {
    width: 120px;
  }
}

.product-slider__item-img {
  position: relative;
  flex: 0 0 120px;
  width: 120px;
  padding: 140px 0;
  transition: all 0.5s ease;
}

@media (min-width: 992px) {
  .product-slider__item-img {
    flex: 0 0 120px;
    width: 120px;
  }
}

.product-slider__item-img-holder {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.product-slider__item-img img {
  display: block;
  position: absolute;
  visibility: hidden;
  width: 10px;
  height: auto;
}

.product-slider__item-img .product__new {
  position: absolute;
  top: 150px;
  left: 50%;
  transition: all 0.5s ease;
}

@media (min-width: 992px) {
  .product-slider__item-img .product__new {
    right: 0;
  }
}

.product-slider__item-main-col {
  width: 320px;
  position: absolute;
  left: 50%;
  bottom: 0;
  padding: 0;
  transform: translateX(-50%);
  overflow: visible;
  opacity: 0;
  transition: opacity 0.25s ease;
}

@media (min-width: 992px) {
  .product-slider__item-main-col {
    width: 480px;
    height: 100%;
    left: 240px;
    top: 0;
    padding: 55px;
    transform: translateX(0);
  }
}

.product-slider__item-header h2 {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 992px) {
  .product-slider__item-header h2 {
    font-size: 2.5rem;
    margin-bottom: 30px;
    text-align: left;
  }
}

.product-slider__item-action {
  display: none;
  padding-top: 20px;
}

@media (min-width: 992px) {
  .product-slider__item-action {
    display: block;
  }
}

.product-slider__item-text {
  display: none;
}

@media (min-width: 992px) {
  .product-slider__item-text {
    display: block;
  }
}

.product-slider__item--active {
  width: 320px;
  z-index: 2;
}

@media (min-width: 992px) {
  .product-slider__item--active {
    width: 720px;
  }
}

.product-slider__item--active .product-slider__item-img {
  flex-basis: 320px;
  width: 320px;
  padding: 0 20px 80px 20px;
}

@media (min-width: 992px) {
  .product-slider__item--active .product-slider__item-img {
    flex-basis: 190px;
    width: 190px;
    margin: 0 0 0 50px;
  }
  .product-slider__item--active .product-slider__item-img img {
    max-width: 100%;
    height: auto;
  }
}

.product-slider__item--active .product-slider__item-img .product__new {
  width: 70px;
  height: 70px;
  top: 130px;
  right: 0;
}

.product-slider__item--active .product-slider__item-main-col {
  opacity: 1;
  transition: opacity 0.5s ease;
}

.product-slider__item--active .product-slider__item-main-col .product-slider__item-text,
.product-slider__item--active .product-slider__item-main-col .product-slider__item-action {
  display: none;
}

@media (min-width: 992px) {
  .product-slider__item--active .product-slider__item-main-col .product-slider__item-text,
  .product-slider__item--active .product-slider__item-main-col .product-slider__item-action {
    display: block;
  }
}

.product-slider__item:not(.product-slider__item--active) img {
  transition: 0.3s transform;
}

.product-slider__item:not(.product-slider__item--active):hover img, .product-slider__item:not(.product-slider__item--active):active img {
  transform: translateY(-20px);
}

.product-slider__control {
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 5;
}

@media (min-width: 576px) {
  .product-slider__control {
    left: 0;
  }
}

.product-slider__control--next {
  left: auto;
  right: 20px;
}

@media (min-width: 576px) {
  .product-slider__control--next {
    right: 0;
  }
}

.product-slider__control--hidden {
  opacity: 0;
}

.product-slider__dots {
  padding-top: 50px;
  cursor: pointer;
}

.hero-teaser {
  position: relative;
}

.hero-teaser__img-desktop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
}

@media (min-width: 992px) {
  .hero-teaser__img-desktop {
    display: block;
  }
}

.hero-teaser__content {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 992px) {
  .hero-teaser__content {
    max-width: 1200px;
    height: 380px;
  }
}

.hero-teaser__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  height: 100%;
}

.hero-teaser__img {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  height: 40vH;
  background-position: center center;
  background-size: 100%;
  background-size: cover;
  overflow: hidden;
}

@media (min-width: 992px) {
  .hero-teaser__img {
    height: 100%;
    min-width: calc(100% - 480px);
    flex: 0px;
    background-image: none !important;
  }
}

.hero-teaser__img img {
  display: block;
  visibility: hidden;
}

.hero-teaser__main-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  height: 100%;
  padding: 30px;
  background-color: #323237;
  color: #fff;
}

@media (min-width: 992px) {
  .hero-teaser__main-col {
    min-width: 480px;
    flex: 0px;
  }
}

.hero-teaser__header {
  margin-bottom: 10px;
}

.hero-teaser__header h5 {
  font-size: 0.9375rem;
  font-weight: 600;
  color: #EF7D00;
}

@media (min-width: 992px) {
  .hero-teaser__header h5 {
    font-size: 1.125rem;
  }
}

.hero-teaser__header h1 {
  font-size: 1.625rem;
  font-weight: 600;
  color: #fff;
}

@media (min-width: 992px) {
  .hero-teaser__header h1 {
    font-size: 2.375rem;
  }
}

.hero-teaser__text {
  font-size: 0.9375rem;
}

.hero-teaser__action {
  padding-top: 10px;
}

.hero {
  overflow: hidden;
  position: relative;
}

.hero__slider {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.hero-teaser {
  width: 100%;
  text-align: center;
  font-size: 18px;
  background: #fff;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  margin-bottom: -27px;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

@media (min-width: 768px) {
  .hero-teaser {
    /* max-height: 600px; */
    margin-bottom: 0px;
  }
}

.swiper-pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 10;
  position: absolute;
  bottom: 0px;
  align-items: center;
  padding-bottom: 2px;
}

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

.swiper-pagination::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 35px;
  padding-top: 16px;
  bottom: 0px;
  z-index: 1;
  background: transparent url(../img/navbg-clear.png) bottom center no-repeat;
}

.swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  z-index: 5;
  position: relative;
  margin-right: 20px;
  border: 1px solid transparent;
  padding: 1px;
  border-radius: 50%;
}

.swiper-pagination-bullet::before {
  content: '';
  width: 6px;
  height: 6px;
  top: 6px;
  background: #8A8B8E;
  border-radius: 50%;
  position: absolute;
  margin: 0px auto;
  left: 0px;
  right: 0px;
}

.swiper-pagination-bullet:hover {
  cursor: pointer;
  border: 1px solid #8A8B8E;
}

.swiper-pagination-bullet-active {
  display: inline-flex;
  overflow: hidden;
  z-index: 3;
  width: auto;
  height: auto;
  border-radius: unset;
  background: none;
  align-items: center;
  border: 1px solid #8A8B8E;
  padding: 1px;
  border-radius: 50%;
}

.swiper-pagination-bullet-active::before {
  display: none;
}

.swiper-pagination-bullet-active--full .circle__half:before {
  animation-play-state: paused;
}

.swiper-pagination-bullet-active .circle__half {
  height: 16px;
  width: 8px;
  position: relative;
  overflow: hidden;
}

.swiper-pagination-bullet-active .circle__half:before {
  height: inherit;
  width: inherit;
  position: absolute;
  content: "";
  border-radius: 100px 0 0 100px;
  background-color: #8A8B8E;
  transform-origin: 100% 50%;
  /* hidden by default */
  transform: rotate(180deg);
  opacity: 0.65;
  animation-name: rotate-circle-half;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: reverse;
}

.swiper-pagination-bullet-active .circle__half--right {
  transform: scale(-1, -1);
}

.swiper-pagination-bullet-active .circle__half--right:before {
  animation-name: rotate-circle-half--right;
}

/* show half of circle half of the time */
@keyframes rotate-circle-half {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes rotate-circle-half--right {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.tip-box {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 25px;
}

@media (min-width: 576px) {
  .tip-box {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .tip-box {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .tip-box {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .tip-box {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .tip-box {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .tip-box {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.tip-box__inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  background-color: #c79852;
  padding: 30px;
}

.tip-box__header h3 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}

.tip-box__copy p {
  font-size: 1.125rem;
  font-weight: 600;
  color: #fff;
}

.tip-box__copy small {
  font-size: 0.875rem;
  opacity: 0.7;
}

.accordion__section {
  border-bottom: 3px solid #eaeaef;
}

.accordion__section:first-child {
  border-top: 3px solid #eaeaef;
}

.accordion__section header {
  position: relative;
  padding: 20px 80px 20px 0;
  cursor: pointer;
}

.accordion__section header h3 {
  margin: 0;
  font-size: 1.125rem;
  color: #2e2e33;
}

.accordion__section--active header h3 {
  font-weight: 600;
}

.accordion__section-toggle {
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.accordion__section-toggle span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.75rem;
  color: #7f7f8b;
}

.accordion__section-toggle .mdi-chevron-up {
  display: none;
}

.accordion__section--active .accordion__section-toggle .mdi-chevron-up {
  display: inline-block;
}

.accordion__section--active .accordion__section-toggle .mdi-chevron-down {
  display: none;
}

.accordion__section-body {
  display: none;
  padding: 10px 0px;
}

h1 {
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: bold;
  letter-spacing: -1px;
  color: #2e2e33;
}

@media (min-width: 992px) {
  h1 {
    font-size: 2.5rem;
  }
}

h1 + h2,
h1 + h3 {
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 500 !important;
  letter-spacing: -0.6px;
  color: #EF7D00;
}

@media (min-width: 992px) {
  h1 + h2,
  h1 + h3 {
    font-size: 1.5rem;
  }
}

.frame-default header {
  margin-bottom: 25px;
}

@media (min-width: 992px) {
  .frame-default header {
    margin-bottom: 35px;
  }
}

.frame-default .accordion header {
  margin: 0px;
}

#page__content > .frame-type-kikkoman_contentcontainer > .content-container:first-child,
#page__content > .frame-type-kikkoman_contentcontainer > .content-container.content-container--no-image:first-child {
  margin-top: 0px;
}

@media (min-width: 992px) {
  #page__content > .frame-type-kikkoman_contentcontainer > .content-container:first-child,
  #page__content > .frame-type-kikkoman_contentcontainer > .content-container.content-container--no-image:first-child {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  .frame-type-kikkoman_contentcontainer > .content-container:first-child {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  .content-container__relations-col-inner .frame-type-kikkoman_coloredbox:first-child {
    margin-top: -60px;
  }
}

@media (min-width: 992px) {
  .content-container--no-image .content-container__relations-col-inner .frame-type-kikkoman_coloredbox:first-child {
    margin-top: 0px;
  }
}

.contact-form ul li {
  list-style-type: none;
}

.contact-form ul label {
  padding-right: 20px;
  text-align: right;
  width: 25%;
}

.contact-form ul input, .contact-form ul textarea {
  border: 1px solid #000;
  width: 40%;
  padding: 5px;
}

.contact-form textarea {
  width: 75% !important;
}

.contact-form .csc-form-element-textarea {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}

.contact-form .csc-form-element-submit input {
  margin-left: 25%;
}

.contact-form ul li {
  margin-bottom: 5px;
}

.recipe-bookmark__panel {
  position: absolute !important;
  top: 30px;
  right: 0;
  width: 100%;
  bottom: auto;
  background-color: #fff;
  border-right: 0;
  box-shadow: 0px 18px 20px rgba(0, 0, 0, 0.239781);
  z-index: 30;
  transform: translateY(-180%);
  transition: transform .3s ease;
}

@media (min-width: 576px) {
  .recipe-bookmark__panel {
    right: 5%;
    width: 25%;
    max-width: 450px;
    min-width: 370px;
  }
}

.recipe-bookmark__panel.active {
  transform: translateY(0);
}

.recipe-bookmark__panel .inner-wrapper-sticky {
  max-height: 100%;
  overflow: auto;
}

.recipe-bookmark__panel-header {
  font-size: 18px;
  padding: 30px;
  border-bottom: 1px solid #DCDDDD;
  cursor: pointer;
  background-color: #fff;
  margin: 0;
  color: #333;
  font-weight: bold;
}

.recipe-bookmark__panel-header .mdi-close {
  float: right;
  font-size: 23px;
}

.recipe-bookmark__badge {
  transform: translate(8px, -10px);
  display: inline-block;
  color: #fff;
  background-color: #ee7f00;
  border-radius: 50%;
  padding: 0 5px;
  font-size: 12px;
  line-height: 19px;
  min-width: 19px;
  box-sizing: border-box;
  text-align: center;
}

.recipe-bookmark__empty-message {
  height: 140px;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  color: #9b9c9e;
}

.recipe-bookmark__heart {
  width: 50px;
  height: 50px;
  background-size: contain;
  opacity: .6;
  display: inline-block;
  background: transparent url(../img/heart-filled-grey.svg) center no-repeat;
}

.recipe-bookmark__recipe-list-item {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 20px 30px 20px 130px;
  border-bottom: 1px solid #DCDDDD;
  text-decoration: none;
  color: #333;
}

.recipe-bookmark__recipe-list-item:hover {
  background-color: #f3f3f3;
  text-decoration: none;
  color: #333;
}

.recipe-bookmark__recipe-list-item-image {
  display: block;
  position: absolute;
  left: 30px;
  top: 20px;
  width: 70px;
  height: 70px;
  object-fit: cover;
}

.recipe-bookmark__recipe-list-item-header {
  font-size: 16px;
  font-weight: bold;
  min-height: 36px;
  margin-bottom: 10px;
}

.recipe-bookmark__recipe-list-item-actions {
  margin-left: -10px;
}

.recipe-bookmark__recipe-list-item-actions > div {
  float: left;
  padding: 5px 10px;
  font-weight: bold;
  color: #828282;
}

.recipe-bookmark__recipe-list-item-print {
  color: #ee7f00 !important;
  cursor: pointer;
}

.recipe-bookmark__recipe-list-item-print:hover {
  background-color: #DCDDDD;
}

.recipe-bookmark__recipe-list-item-remove:hover {
  background-color: #DCDDDD;
}

.recipe-bookmark__recipe-list-item-time {
  position: relative;
  padding-left: 30px !important;
  cursor: default;
}

.recipe-bookmark__time {
  position: absolute;
  left: 5px;
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(../img/clock.svg) center no-repeat;
  opacity: 0.5;
}

#myRecipes-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9;
}

.country-select {
  background-color: #FFFFFF;
}

.country-select__content {
  background-image: url(../img/europe_in_labels.jpg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: 60%;
  padding-top: 175px !important;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media (min-width: 576px) {
  .country-select__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .country-select__content {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .country-select__content {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .country-select__content {
    max-width: 1200px;
  }
}

@media (min-width: 576px) {
  .country-select__content {
    padding-top: 235px !important;
  }
}

@media (min-width: 768px) {
  .country-select__content {
    padding-top: 325px !important;
  }
}

@media (min-width: 1200px) {
  .country-select__content {
    padding-top: 368px !important;
  }
}

.country-select__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin: 0;
}

.country-select h1 {
  padding-bottom: 30px;
}

.country-select__block {
  width: 100%;
  float: left;
}

@media (min-width: 768px) {
  .country-select__block {
    width: 50%;
  }
}

.country-select__subblock {
  width: 50%;
  float: left;
}

.country-select__subheadline {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
}

.country-select__list {
  list-style: none;
  padding: 0;
  margin: 0 0 50px 0;
}

.country-select__list li {
  padding-bottom: 0px;
}

.country-select__list a {
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  color: #858585;
}

.country-select__list-highlight a {
  color: #EF7D00;
}

.country-select__list-item {
  display: block;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  color: #858585;
}

.country-select__list-item:hover {
  color: #858585;
}

.country-select__list-item__icon {
  display: inline-block;
  width: 22px;
  height: 14px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(1px);
  background-color: #f3f3f3;
  margin-right: 10px;
}

.country-select__list-item__icon--at {
  background-image: url("../img/flags/at.png");
}

.country-select__list-item__icon--dk {
  background-image: url("../img/flags/dk.png");
}

.country-select__list-item__icon--fl {
  background-image: url("../img/flags/fi.png");
}

.country-select__list-item__icon--fr {
  background-image: url("../img/flags/fr.png");
}

.country-select__list-item__icon--de {
  background-image: url("../img/flags/de.png");
}

.country-select__list-item__icon--it {
  background-image: url("../img/flags/it.png");
}

.country-select__list-item__icon--nl {
  background-image: url("../img/flags/nl.png");
}

.country-select__list-item__icon--pl {
  background-image: url("../img/flags/pl.png");
}

.country-select__list-item__icon--ru {
  background-image: url("../img/flags/ru.png");
}

.country-select__list-item__icon--es {
  background-image: url("../img/flags/es.png");
}

.country-select__list-item__icon--sw {
  background-image: url("../img/flags/se.png");
}

.country-select__list-item__icon--ch {
  background-image: url("../img/flags/ch.png");
}

.country-select__list-item__icon--tr {
  background-image: url("../img/flags/tr.png");
}

.country-select__list-item__icon--gb {
  background-image: url("../img/flags/gb.png");
}

.country-select__list-item__icon--usa {
  background-image: url("../img/flags/us.png");
}

.country-select__list-item__icon--jp {
  background-image: url("../img/flags/jp.png");
}

.country-select__list-item__icon--no {
  background-image: url("../img/flags/no.png");
}

.country-select__list-item__icon--pt {
  background-image: url("../img/flags/pt.png");
}

.modal-dialog {
  margin: 0;
  height: 100%;
}

@media (min-width: 768px) {
  .modal-dialog {
    max-width: 600px;
    margin: 0 auto;
  }
}

.modal-content {
  background-clip: initial;
  border: 0;
  border-radius: 0;
  height: 100%;
}

@media (min-width: 768px) {
  .modal-content {
    border-radius: 30px;
    height: auto;
    box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25);
  }
}

.modal-header, .modal-body, .modal-footer {
  padding-right: 25px;
  padding-left: 25px;
  border: 0;
}

@media (min-width: 768px) {
  .modal-header, .modal-body, .modal-footer {
    padding-right: 50px;
    padding-left: 50px;
  }
}

.modal-header {
  padding-top: 25px;
  border-radius: 0;
  flex-flow: row wrap;
}

@media (min-width: 768px) {
  .modal-header {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
  }
}

.modal-body:last-child {
  padding-bottom: 25px;
}

@media (min-width: 768px) {
  .modal-body:last-child {
    padding-bottom: 40px;
  }
}

.modal-body__inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.modal-body__col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.modal-body__col img {
  width: 100%;
  height: auto;
}

.modal-footer {
  background-color: #EAEAEF;
  padding-bottom: 25px;
  border-radius: 0;
}

@media (min-width: 768px) {
  .modal-footer {
    padding-bottom: 50px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }
}

.modal-divider {
  min-width: 100%;
  height: 1px;
  background-color: #EAEAEF;
}

@media (min-width: 768px) {
  .modal-header .modal-divider {
    display: none;
  }
}

.modal-logo {
  padding-bottom: 15px;
  height: 45px;
}

@media (min-width: 768px) {
  .modal-logo {
    display: none;
  }
}

.modal-logo img {
  width: auto;
  height: 100%;
}

.modal-close {
  background-color: transparent;
  padding: 15px;
  border: 0;
  -webkit-appearance: none;
  font-size: 20px;
  color: #BABAC8;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 5;
}

@media (min-width: 768px) {
  .modal-close {
    top: 10px;
    right: 10px;
  }
}

.modal-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .modal-title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 35px;
  }
}

.recipe-search {
  display: none;
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 35px;
}

@media (min-width: 375px) {
  .recipe-search {
    max-width: 370px;
  }
}

@media (min-width: 576px) {
  .recipe-search {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .recipe-search {
    max-width: 590px;
  }
}

@media (min-width: 992px) {
  .recipe-search {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .recipe-search {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .recipe-search {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .recipe-search {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (max-width: 575.98px) {
  .recipe-search {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.recipe-search__inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.recipe-search__col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 30px;
}

.recipe-search__form {
  position: relative;
  min-width: 100%;
  background-color: #eaeaef;
  border-radius: 50px;
}

.recipe-search__form form {
  width: 100%;
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 0;
  margin: 0;
}

.recipe-search__form input {
  width: 100%;
  background-color: transparent;
  border: 0;
  line-height: 3rem;
}

.recipe-search__form input:focus {
  outline: none;
}

.recipe-search__form-icon, .recipe-search__form-close {
  width: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #8e8e8e;
  text-align: center;
  font-size: 1.6rem;
}

.recipe-search__form-icon {
  left: 0;
}

.recipe-search__form-close {
  opacity: 0;
  right: 0;
  font-size: 1.4rem;
  cursor: pointer;
  transition: opacity .3s ease;
}

.recipe-search__form--filled .recipe-search__form-close {
  opacity: 1;
}

#search-trigger {
  display: none;
}

@media (min-width: 992px) {
  #search-trigger {
    display: inline-block;
  }
}

.search-results__list {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .search-results__list {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .search-results__list {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .search-results__list {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .search-results__list {
    max-width: 1200px;
  }
}

.search-results__list-header {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.search-results__list-header-inner {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  padding-top: 40px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 768px) {
  .search-results__list-header-inner {
    padding-top: 80px;
  }
}

.search-results__list-header--no-results {
  padding-top: 10%;
  text-align: center;
}

.search-results__list-group {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.search-results__list-group-body, .search-results__list-group-header, .search-results__list-group-footer {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.search-results__list-group-header h2 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 1.625rem;
  font-weight: 600;
}

.search-results__list-group-header h2 span {
  display: inline-block;
  padding: 2px 5px 3px 5px;
  background-color: #EF7D00;
  border-radius: 30px;
  font-family: "open-sans", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  transform: translateY(-2px);
}

.search-results__list-group-body, .search-results__list-group-footer {
  background-color: #fff;
}

.search-results__list-group-footer {
  display: flex;
  padding: 30px;
  justify-content: center;
}

.search-results__list-group-item {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eaeaef;
}

.search-results__list-group-item:nth-child(n+7) {
  display: none;
}

.search-results__list-group-item h3 {
  font-size: 1.25rem;
  font-weight: bold;
}

.search-results__list-group-item h3 a {
  color: #212529;
}

.search-results__list-group-item .results-highlight {
  color: #EF7D00;
  font-weight: bold;
}

.search-result {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.search-result__img {
  position: relative;
  display: block;
  padding-top: 100%;
  background-position: center center;
  background-size: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  .search-result__img {
    margin-bottom: 0;
  }
}

.search-result__img--placeholder {
  display: none;
  background-color: #eaeaef;
  opacity: .3;
}

@media (min-width: 768px) {
  .search-result__img--placeholder {
    display: block;
  }
}

.search-result--has-video .search-result__img .icon-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.search-result__url {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #afafaf;
}

.teaser-list {
  position: relative;
  padding-bottom: 40px;
  /**
     *
     * TEASER LISTS IN SLIDER MODE
     *
     */
}

.teaser-list__header {
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .teaser-list__header {
    margin-bottom: 35px;
  }
}

.teaser-list__header > h3 {
  display: inline-block;
  position: relative;
  max-width: 80%;
  padding: 20px;
  margin: 0;
  background-color: #eaeaef;
  font-size: 22px;
  font-weight: bold;
}

.teaser-list__header > h4 {
  display: inline-block;
  position: relative;
  max-width: 80%;
  padding: 15px;
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
}

.teaser-list__header::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100%;
  background: #c5c5ca;
}

.teaser-list__content {
  width: 100%;
  padding-right: 5px;
  padding-left: 5px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 375px) {
  .teaser-list__content {
    max-width: 370px;
  }
}

@media (min-width: 576px) {
  .teaser-list__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .teaser-list__content {
    max-width: 590px;
  }
}

@media (min-width: 992px) {
  .teaser-list__content {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .teaser-list__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .teaser-list__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .teaser-list__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.teaser-list__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  justify-content: center;
}

@media (min-width: 576px) {
  .teaser-list__content-inner {
    justify-content: left;
  }
}

.products-used__content-inner .teaser-list__content-inner {
  justify-content: center;
}

.products-used__content-inner .teaser-list__content {
  padding-left: 15px;
  padding-right: 15px;
}

.teaser-list__controls {
  display: none;
}

@media (max-width: 575.98px) {
  .teaser-list--multiline .teaser-list__content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list--multiline .teaser-list__content-inner {
    justify-content: left;
  }
}

.teaser-list--slider-active {
  overflow: hidden;
}

.teaser-list--slider-active .teaser-list__content {
  position: relative;
  max-width: 270px;
}

@media (min-width: 375px) {
  .teaser-list--slider-active .teaser-list__content {
    max-width: 270px;
  }
}

@media (min-width: 576px) {
  .teaser-list--slider-active .teaser-list__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .teaser-list--slider-active .teaser-list__content {
    max-width: 590px;
  }
}

@media (min-width: 992px) {
  .teaser-list--slider-active .teaser-list__content {
    max-width: 930px;
  }
}

@media (min-width: 1200px) {
  .teaser-list--slider-active .teaser-list__content {
    max-width: 1200px;
  }
}

.teaser-list--slider-active .teaser-list__content-inner {
  display: block;
  overflow: hidden;
  position: relative;
}

.teaser-list--slider-active .teaser-list__content-slider {
  display: flex;
}

.teaser-list--slider-active .teaser-list__content-slider--sliding {
  transition: transform 0.4s ease-out;
}

.teaser-list--overflowed .teaser-list__content-inner {
  overflow: visible;
}

.teaser-list--slider-active .teaser-list__controls {
  display: block;
}

.teaser-list__control {
  position: absolute;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
  transition: opacity .3s ease;
}

@media (min-width: 768px) {
  .teaser-list__control {
    background: none;
    color: #2e2e33;
    font-size: 1.9rem;
  }
}

.teaser-list__control--prev {
  left: -13px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list__control--prev {
    left: -35px;
  }
}

@media (min-width: 768px) {
  .teaser-list__control--prev {
    left: -35px;
  }
}

.teaser-list__control--next {
  right: -14px;
}

@media (min-width: 375px) and (max-width: 575.98px) {
  .teaser-list__control--next {
    right: -35px;
  }
}

@media (min-width: 768px) {
  .teaser-list__control--next {
    right: -35px;
  }
}

.teaser-list__control--hidden {
  opacity: 0;
}

.teaser-list__dots {
  display: none;
  padding-top: 25px;
  padding-bottom: 25px;
}

.teaser-list--slider-active .teaser-list__dots {
  display: block;
}

.teaser-list--has-heading {
  flex-grow: 1;
  padding-bottom: 0;
}

.teaser-list--has-heading h1 {
  padding-bottom: 20px;
}

.teaser-list--has-heading .teaser-list__content {
  width: 270px !important;
  padding: 10px 5px;
}

@media (min-width: 768px) {
  .teaser-list--has-heading .teaser-list__control--prev {
    left: -50px;
  }
  .teaser-list--has-heading .teaser-list__control--next {
    right: -55px;
  }
}

.product-detail .teaser-list {
  padding-bottom: 0px;
}

.teaser-news {
  width: 100%;
  display: block;
  background: #fff;
  padding: 12px;
  margin: 7px 0px;
}

.teaser-news a {
  display: flex;
  color: #212529;
}

@media (max-width: 767.98px) {
  .teaser-news a {
    display: block;
  }
}

.teaser-news a:hover {
  text-decoration: none;
  color: inherit;
}

.teaser-news__date {
  color: #737373;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}

.teaser-news__date span {
  color: #EF7D00;
}

.teaser-news__date span::before {
  content: '';
  border-right: 2px solid #737373;
  padding-right: 5px;
  margin-right: 5px;
  display: inline-flex;
  height: 12px;
  position: relative;
  top: 2px;
}

.teaser-news img {
  max-width: 270px;
  margin-right: 20px;
  height: auto !important;
}

@media (max-width: 767.98px) {
  .teaser-news img {
    max-width: 100%;
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
}

.teaser-news__title {
  font-weight: bold;
  font-size: 18px;
  padding: 5px 0px 10px 0px;
}

.teaser-news__description {
  line-height: normal;
}

@media (max-width: 991.98px) {
  .teaser-news__description {
    font-size: 13px;
  }
}

.teaser-news__pagination {
  width: 100%;
}

.teaser-news__pagination ul {
  display: flex;
  justify-content: flex-end;
  list-style: none;
}

.teaser-news__pagination ul li {
  font-family: "open-sans", sans-serif;
  color: #EF7D00;
  font-weight: 800;
  margin: 0 5px;
  white-space: nowrap;
}

.teaser-news__pagination ul li > a:hover {
  text-decoration: none;
}

.teaser-news__pagination ul li.current {
  color: #7f7f8b;
}

.teaser-news__pagination ul li.next a, .teaser-news__pagination ul li.previous a {
  color: #2e2e33;
  font-weight: normal;
  font-size: 15px;
}

.teaser-news__pagination ul li.next a:hover, .teaser-news__pagination ul li.previous a:hover {
  color: #ba4d00;
}

.news-detail {
  width: 100%;
}

.news-detail__title {
  margin-bottom: 35px;
}

.news-detail__image {
  margin: 0.45rem 30px 10px 0px;
  float: left;
}

@media (max-width: 767.98px) {
  .news-detail__image {
    float: none;
    text-align: center;
    margin-right: 0px;
  }
}

.news-detail__image img {
  max-width: 300px;
  height: auto !important;
}

@media (max-width: 767.98px) {
  .news-detail__image img {
    width: 100%;
    max-width: 100%;
  }
}

.recipe-detail {
  position: relative;
  margin-bottom: 25px;
  /**
     * Columns
     */
  /**
     * Header
     */
  /**
     * Categories
     */
  /**
     * Nutritions
     */
  /**
     * Ingredients
     */
  /**
     * Preperations text
     */
  /**
     * Used products (product teaser)
     */
}

@media (min-width: 992px) {
  .recipe-detail {
    margin-bottom: 35px;
  }
}

.recipe-detail__content {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .recipe-detail__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .recipe-detail__content {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .recipe-detail__content {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .recipe-detail__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .recipe-detail__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .recipe-detail__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.recipe-detail__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.recipe-detail__img {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: 380px;
}

@media (min-width: 576px) {
  .recipe-detail__img {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .recipe-detail__img {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .recipe-detail__img {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .recipe-detail__img {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .recipe-detail__img {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .recipe-detail__img {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (min-width: 992px) {
  .recipe-detail__img {
    height: 290px;
  }
}

@media (min-width: 1200px) {
  .recipe-detail__img {
    height: 380px;
  }
}

@media print {
  .recipe-detail__img {
    height: 250px;
  }
}

.recipe-detail__img-inner {
  position: relative;
  height: 100%;
  margin-right: -15px;
  margin-left: -15px;
  overflow: hidden;
}

.recipe-detail__img img {
  display: block;
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .recipe-detail__img img {
    width: 100%;
    height: auto;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
  }
}

.recipe-detail__main-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
  /**
         * Teaser lists inside main col
         */
}

@media (min-width: 992px) {
  .recipe-detail__main-col {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}

.recipe-detail__main-col-inner {
  flex: 1 0 auto;
  background-color: #fff;
}

.recipe-detail__main-col-inner > div {
  padding-left: 55px;
  padding-right: 55px;
}

.recipe-detail__main-col .teaser-list__header {
  margin: 0 55px;
}

.recipe-detail__main-col .teaser-list__header h4 {
  font-size: 1.125rem;
  font-weight: bold;
  background-color: #fff;
}

.recipe-detail__main-col .teaser-list__content {
  padding: 0 5px;
}

@media (min-width: 576px) {
  .recipe-detail__main-col .teaser-list__content {
    max-width: 270px !important;
  }
}

@media (min-width: 768px) {
  .recipe-detail__main-col .teaser-list__content {
    max-width: 540px !important;
  }
}

@media (min-width: 992px) {
  .recipe-detail__main-col .teaser-list__content {
    max-width: 270px !important;
  }
}

@media (min-width: 1200px) {
  .recipe-detail__main-col .teaser-list__content {
    max-width: 540px !important;
  }
}

.recipe-detail__main-col .teaser-list__content-inner {
  justify-content: center;
}

.recipe-detail__main-col .dot-navigation {
  padding-top: 0;
}

.recipe-detail__ingredients-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

@media (min-width: 992px) {
  .recipe-detail__ingredients-col {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.recipe-detail__ingredients-col .teaser-list__header {
  margin: 15px;
}

.recipe-detail__ingredients-col .teaser-list__header h4 {
  font-size: 1.125rem;
  font-weight: bold;
  background-color: #eaeaef;
}

@media (min-width: 992px) {
  .recipe-detail__ingredients-col .teaser-list__content {
    padding: 0 5px;
    max-width: 270px !important;
  }
}

.recipe-detail__header {
  padding-top: 35px;
  padding-bottom: 15px;
  transition: background-color .3s ease;
}

@media (min-width: 992px) {
  .recipe-detail__header {
    padding-top: 55px;
  }
}

.recipe-detail__header.sticky-element--sticked {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 90px;
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.recipe-detail__header h1, .recipe-detail__header h4 {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
  color: #2e2e33;
  letter-spacing: -1px;
}

@media (min-width: 992px) {
  .recipe-detail__header h1, .recipe-detail__header h4 {
    font-size: 2.5rem;
    text-align: left;
  }
}

.recipe-detail__header h1 {
  margin-bottom: 15px;
}

@media print {
  .recipe-detail__header h1 {
    font-size: 27px;
  }
}

.recipe-detail__header.sticky-element--sticked h1 {
  max-width: 80%;
  margin-bottom: 0;
  font-size: 0.9375rem;
  letter-spacing: 0;
}

.recipe-detail__header h4 {
  margin-bottom: 6px;
  font-size: 1rem;
  color: #EF7D00;
}

.recipe-detail__header.sticky-element--sticked h4 {
  display: none;
}

.recipe-detail__header-count {
  margin-bottom: 16px;
  font-family: "open-sans", sans-serif;
  font-size: 0.8125rem;
  font-weight: 800;
  text-align: center;
  color: #EF7D00;
}

@media (min-width: 992px) {
  .recipe-detail__header-count {
    display: none;
  }
}

.sticky-element--sticked .recipe-detail__header-count {
  font-size: 0.625rem;
  margin: 5px;
}

@media print {
  .recipe-detail__header-count {
    display: none;
  }
}

.recipe-detail__header-navigation {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 992px) {
  .recipe-detail__header-navigation {
    top: -30px;
  }
}

.sticky-element--sticked .recipe-detail__header-navigation {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transform: translateX(0);
}

.sticky-element--sticked .recipe-detail__header-navigation > .recipe-detail__control {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

.sticky-element--sticked .recipe-detail__header-navigation > .recipe-detail__control:last-child {
  left: auto;
  right: 25px;
}

.recipe-detail__header-navigation > .recipe-bookmark__toggle {
  margin: 0 15px;
}

@media (min-width: 375px) {
  .recipe-detail__header-navigation > .recipe-bookmark__toggle {
    margin: 0 25px;
  }
}

.sticky-element--sticked .recipe-detail__header-navigation > .recipe-bookmark__toggle {
  display: none;
}

@media (min-width: 992px) {
  .recipe-detail__header-navigation > .recipe-detail__control {
    display: none;
  }
}

@media print {
  .recipe-detail__header-navigation {
    display: none;
  }
}

@media print {
  .recipe-detail__header {
    padding-top: 10px;
    padding-bottom: 0;
  }
}

.recipe-detail__categories {
  padding-bottom: 0px;
  text-align: center;
}

@media (min-width: 992px) {
  .recipe-detail__categories {
    text-align: left;
  }
}

@media print {
  .recipe-detail__categories {
    display: none;
  }
}

.recipe-detail__category {
  display: inline-block;
  padding: 6px 8px;
  margin-right: 5px;
  margin-bottom: 8px;
  border: 1px solid #eaeaef;
  border-radius: 3px;
  font-size: 0.6875rem;
  font-weight: 600;
  color: #5e5e60;
}

@media (min-width: 992px) {
  .recipe-detail__category {
    font-size: 0.8125rem;
  }
}

.recipe-detail__nutrition {
  border-top: 1px solid #eaeaef;
  padding-bottom: 35px;
  padding-top: 35px;
  margin-top: 35px;
}

@media print {
  .recipe-detail__nutrition {
    border: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .recipe-detail__nutrition {
    border: 0;
    padding-top: 0;
  }
}

@media (min-width: 992px) {
  .recipe-detail__nutrition {
    display: inline-block;
    padding-bottom: 0;
  }
}

.recipe-detail__nutrition-inner {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .recipe-detail__nutrition-inner {
    flex-direction: row;
    justify-content: space-around;
    padding: 20px 10px;
    border: 1px solid #eaeaef;
    border-radius: 3px;
  }
}

@media print {
  .recipe-detail__nutrition-inner {
    flex-direction: row;
    justify-content: space-around;
    padding: 5px 10px;
  }
}

.recipe-detail__nutrition-column {
  padding-bottom: 15px;
}

@media (min-width: 768px) {
  .recipe-detail__nutrition-column {
    padding: 0 15px;
  }
}

@media (min-width: 992px) {
  .recipe-detail__nutrition-column {
    padding: 0 10px;
  }
}

@media (min-width: 1200px) {
  .recipe-detail__nutrition-column {
    padding: 0 15px;
  }
}

.recipe-detail .ingredients {
  padding: 25px 35px;
  margin-bottom: 25px;
  color: #fff;
  background-color: #323237;
}

@media print {
  .recipe-detail .ingredients {
    margin-bottom: 0;
    padding: 10px;
    columns: 150px 2;
  }
  .recipe-detail .ingredients div {
    break-inside: avoid;
  }
}

@media (min-width: 992px) {
  .recipe-detail .ingredients {
    display: none;
    margin-top: -55px;
  }
}

.recipe-detail .ingredients__header {
  font-weight: bold;
  text-align: center;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 2px solid #515159;
}

@media print {
  .recipe-detail .ingredients__header {
    border-bottom: none;
    padding-bottom: 0;
    column-span: all;
  }
  .recipe-detail .ingredients__header h4 {
    font-size: 20px;
  }
}

.recipe-detail .ingredients__header span {
  display: block;
  padding-top: 5px;
  font-weight: normal;
  font-size: 1rem;
}

.recipe-detail .ingredients h5 {
  font-size: 1.125rem;
  font-weight: bold;
}

.recipe-detail .ingredients ul {
  font-family: 'open-sans', sans-serif;
  font-size: 0.9375rem;
  margin-bottom: 25px;
  padding-left: 20px;
}

@media print {
  .recipe-detail .ingredients {
    color: #000000;
    background-color: #fff;
  }
}

.recipe-detail .sticky-element--sticked .ingredients {
  margin-top: 0;
}

.recipe-detail__ingredients-col .ingredients {
  display: none;
}

@media (min-width: 992px) {
  .recipe-detail__ingredients-col .ingredients {
    display: block;
  }
}

.recipe-detail .preperation {
  padding-top: 35px;
  padding-bottom: 35px;
}

.recipe-detail .preperation h4 {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 2.2rem;
}

@media (min-width: 992px) {
  .recipe-detail .preperation h4 {
    font-size: 1.625rem;
    text-align: left;
  }
}

.recipe-detail .preperation h5, .recipe-detail .preperation p {
  font-size: 1rem;
}

@media (min-width: 768px) {
  .recipe-detail .preperation h5, .recipe-detail .preperation p {
    font-size: 1.25rem;
  }
}

.recipe-detail .preperation h5 {
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.recipe-detail .preperation p + h5 {
  margin-top: 2rem;
}

@media print {
  .recipe-detail .preperation {
    padding: 10px;
  }
  .recipe-detail .preperation > div {
    break-inside: avoid;
  }
  .recipe-detail .preperation h4 {
    margin-bottom: 20px;
  }
  .recipe-detail .preperation p {
    break-inside: avoid;
  }
}

.recipe-detail .products-used {
  background-color: #f7f7f9;
  position: relative;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
}

@media (min-width: 992px) {
  .recipe-detail .products-used {
    flex-direction: row;
  }
}

.recipe-detail .products-used__heading {
  padding: 35px 20px 20px;
}

@media (min-width: 992px) {
  .recipe-detail .products-used__heading {
    padding: 35px 0 20px 55px;
    width: 40%;
  }
}

@media print {
  .recipe-detail .products-used {
    display: none;
  }
}

.product-detail {
  margin-bottom: 25px;
  margin-top: -60px;
  /**
     * Description
     */
  /**
     * Badges
     */
  /**
     * Ingredients & nutrition
     */
  /**
     * Image
     */
  /**
     * Linked products
     */
}

@media (min-width: 992px) {
  .product-detail {
    margin-bottom: 35px;
    margin-top: 0;
  }
}

.product-detail__content {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .product-detail__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .product-detail__content {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .product-detail__content {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .product-detail__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .product-detail__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .product-detail__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.product-detail__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.product-detail__content-inner--bottom {
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 768px) {
  .product-detail__content-inner--bottom {
    flex-direction: row;
    align-items: initial;
  }
}

.product-detail__content-inner:first-child {
  background-color: #fff;
}

@media (min-width: 992px) {
  .product-detail__content-inner:first-child {
    min-height: 590px;
  }
}

.product-detail__column-left {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

@media (min-width: 768px) {
  .product-detail__column-left {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1200px) {
  .product-detail__column-left {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.product-detail__column-center {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 25px;
}

@media (min-width: 768px) {
  .product-detail__column-center {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 55px 55px 10px 0;
  }
}

@media (min-width: 1200px) {
  .product-detail__column-center {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}

.product-detail__column-nutrition {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

@media (min-width: 1200px) {
  .product-detail__column-nutrition {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.product-detail__column {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 1200px) {
  .product-detail__column {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.product-detail__teaser-column {
  margin-top: 50px;
}

.product-detail__teaser-column .teaser-list__header {
  margin-left: 55px;
  margin-right: 55px;
  margin-bottom: 10px !important;
}

@media (min-width: 992px) {
  .product-detail__teaser-column .teaser-list__header {
    margin-left: 0;
    margin-right: 0;
  }
}

.product-detail__teaser-column .teaser-list__header h4 {
  display: block;
  background-color: #eaeaef;
  padding: 5px;
  margin: 0 auto;
  font-size: 1.25rem;
  text-align: center;
}

@media (min-width: 992px) {
  .product-detail__teaser-column .teaser-list__header h4 {
    margin: 0;
    text-align: left;
  }
}

.product-detail__teaser-column .teaser-list__header::before {
  content: none;
}

.product-detail__related-recipes {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  width: 310px;
  padding-right: 0;
  padding-left: 0;
  padding-top: 30px;
  background-color: #323237;
}

@media (min-width: 1200px) {
  .product-detail__related-recipes {
    position: absolute;
    right: 0;
    top: 55px;
    width: 340px;
  }
}

.product-detail__related-recipes .teaser-list__content {
  padding: 0 5px;
  max-width: 270px;
}

@media (min-width: 768px) {
  .product-detail__related-recipes .teaser-list__content {
    padding: 0 40px;
    max-width: 610px;
  }
}

@media (min-width: 1200px) {
  .product-detail__related-recipes .teaser-list__content {
    padding: 0 40px;
  }
}

.product-detail__related-recipes .teaser-list__content-inner {
  justify-content: center;
}

.product-detail__related-recipes .teaser-list__control {
  color: #FFF;
  background-color: #323237;
}

@media (min-width: 768px) {
  .product-detail__related-recipes .teaser-list__control--prev {
    left: 2px;
  }
  .product-detail__related-recipes .teaser-list__control--next {
    right: 2px;
  }
}

.product-detail__related-recipes .teaser-list__control::after {
  background: rgba(255, 255, 255, 0.2);
}

.product-detail__related-recipes-heading {
  display: flex;
  justify-content: center;
  margin: 0 40px;
  margin-bottom: 30px;
  position: relative;
}

.product-detail__related-recipes-heading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #FFF;
}

.product-detail__related-recipes-heading span {
  color: #FFF;
  font-weight: bold;
  background-color: #323237;
  padding: 0 15px;
  z-index: 1;
}

.product-detail__bottle-images {
  padding: 15px;
}

@media (min-width: 992px) {
  .product-detail__bottle-images {
    padding: 50px 30px 0px 30px;
  }
}

@media (min-width: 768px) {
  .product-detail__bottle-images .teaser-list {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .product-detail__bottle-images .teaser-list .teaser-list__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.product-detail__bottle-images .teaser-list .teaser-image {
  width: 270px;
  height: 395px;
}

@media (min-width: 768px) {
  .product-detail__bottle-images .teaser-list .teaser-image {
    width: 250px;
  }
}

.product-detail__bottle-images .teaser-list__control--prev {
  left: 7px;
}

.product-detail__bottle-images .teaser-list__control--next {
  right: 7px;
}

@media (min-width: 992px) {
  .product-detail__bottle-images .teaser-image__img img {
    position: absolute;
    height: 100%;
    width: auto;
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
  }
}

.product-detail__available-sizes {
  padding: 15px 25px;
}

@media (min-width: 992px) {
  .product-detail__available-sizes {
    padding: 0px 50px 20px 50px;
  }
}

.product-detail__available-sizes h6 {
  font-weight: bold;
  margin-bottom: 5px;
}

.product-detail__description {
  padding-bottom: 25px;
}

.product-detail__header {
  margin-bottom: 15px;
}

.product-detail__header h1 {
  font-size: 1.625rem;
  font-weight: 600;
  text-align: center;
  display: none;
}

@media (min-width: 992px) {
  .product-detail__header h1 {
    font-size: 2.5rem;
    text-align: left;
    display: block;
  }
}

.product-detail__lead {
  margin-bottom: 20px;
}

.product-detail__lead p {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}

.product-detail__copy {
  margin-bottom: 10px;
}

.product-detail__copy::after {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
  opacity: 0;
  z-index: 1;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, white 100%);
  transition: height .3s ease, opacity .3s ease;
}

.product-detail__copy--reduced {
  max-height: 280px;
  overflow: hidden;
  position: relative;
}

.product-detail__copy--reduced::after {
  height: 110px;
  opacity: 1;
}

.product-detail__badges {
  width: 100%;
  padding: 0px;
  background-color: #FFF;
  display: flex;
  flex-flow: row wrap;
}

.product-detail__badge {
  margin: 0px 10px 0px 0px;
  padding: 0px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.75rem;
  color: #7f7f8b;
  line-height: 38px;
  white-space: nowrap;
}

.product-detail__badge .product__badge {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 10px;
  margin-bottom: -8px;
  border-radius: 50%;
}

.product-detail__nutritions-wrapper {
  padding: 40px 50px 1px;
  margin: 0 0 25px 0;
  color: #000;
  background-color: #d4d4dc;
}

.product-detail__ingredients, .product-detail__nutrition {
  margin-bottom: 40px;
}

.product-detail__ingredients h4, .product-detail__nutrition h4 {
  font-size: 22px;
  font-weight: bold;
}

.product-detail__ingredients table, .product-detail__nutrition table {
  width: 100%;
  border-collapse: collapse;
}

.product-detail__ingredients table td, .product-detail__nutrition table td {
  width: 50%;
  padding: 3px 0;
  font-size: 0.95rem;
}

.product-detail__img {
  display: none;
  position: relative;
  padding: 70px 55px 150px 100px;
  text-align: center;
}

@media (min-width: 992px) {
  .product-detail__img {
    display: block;
  }
}

.product-detail__img img {
  display: inline-block;
  max-width: 65%;
  height: auto;
  max-height: 450px;
}

.product-detail__img .product__new {
  position: absolute;
  top: 55px;
  right: 30px;
}

.product-detail__new {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}

@media (min-width: 992px) {
  .product-detail__linked-products {
    margin: 0;
  }
}

.product-detail__linked-products .teaser-list {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .product-detail__linked-products .teaser-list {
    margin: 0;
  }
}

@media (min-width: 768px) {
  .product-detail__linked-products .teaser-list__header {
    margin: 0 25px;
  }
}

@media (min-width: 768px) {
  .product-detail__linked-products .teaser-list__control--next {
    right: -35px;
  }
  .product-detail__linked-products .teaser-list__control--prev {
    left: -35px;
  }
}

.product-detail__linked-products .teaser-list__content {
  padding: 0 5px;
  width: 270px;
  margin: 0 25px;
}

@media (min-width: 768px) {
  .product-detail__linked-products .teaser-list__content {
    margin: 0 25px;
  }
}

.product-detail__linked-products .teaser-list__content .teaser-product {
  width: 270px;
  height: 395px;
  margin-bottom: 5px;
}

.product-detail__linked-products .teaser-list__content .teaser-product .teaser-product__badge-wrapper {
  top: 15px;
  right: 15px;
}

.product-detail__linked-products .teaser-list__content .teaser-product .teaser-product__title {
  font-size: 0.9375rem;
}

.content-container {
  position: relative;
  margin-bottom: 25px;
  z-index: 3;
  /**
     * Topic image
     */
  /**
     * Columns
     */
}

@media (min-width: 768px) {
  .content-container {
    margin-top: 0;
  }
}

@media (min-width: 992px) {
  .content-container {
    margin-bottom: 35px;
    margin-top: 0;
  }
}

.content-container__content {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .content-container__content {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .content-container__content {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .content-container__content {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .content-container__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .content-container__content {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .content-container__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.content-container__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.content-container__img {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: auto;
}

@media (min-width: 576px) {
  .content-container__img {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .content-container__img {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .content-container__img {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .content-container__img {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .content-container__img {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .content-container__img {
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (min-width: 992px) {
  .content-container__img {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .content-container__img {
    height: 300px;
  }
}

.content-container__img-inner {
  position: relative;
  height: 100%;
  margin-right: -15px;
  margin-left: -15px;
  overflow: hidden;
}

.content-container__img img {
  display: block;
  height: auto;
  width: 100%;
}

@media (min-width: 992px) {
  .content-container__img img {
    position: absolute;
    width: 100%;
    height: auto;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
  }
}

.content-container__main-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-flow: column nowrap;
  padding: 0;
}

@media (min-width: 992px) {
  .content-container__main-col {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}

.content-container__main-col-inner {
  flex: 1 0 auto;
  padding: 55px;
  background-color: #fff;
}

.content-container__main-col h2 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .content-container__main-col h2 {
    font-size: 1.625rem;
  }
}

.content-container__main-col h3 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .content-container__main-col h3 {
    font-size: 1.25rem;
  }
}

.content-container__main-col p, .content-container__main-col ul, .content-container__main-col ol {
  font-size: 1.125rem;
}

@media (min-width: 992px) {
  .content-container__main-col p, .content-container__main-col ul, .content-container__main-col ol {
    font-size: 1.25rem;
  }
}

.content-container__main-col p + h2 {
  margin-top: 40px;
  margin-bottom: 20px;
}

.content-container__main-col p + h3 {
  margin-top: 30px;
  margin-bottom: 20px;
}

.content-container__main-col table td {
  font-size: 0.75rem;
  vertical-align: top;
  background-color: #f2f2f5;
  border: 2px solid #fff;
  padding: 5px 10px;
}

.content-container__main-col table td li {
  font-size: 0.75rem;
}

@media (min-width: 768px) {
  .content-container__main-col table td {
    font-size: 0.875rem;
  }
  .content-container__main-col table td li {
    font-size: 0.875rem;
  }
}

.content-container__relations-col {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
}

@media (min-width: 992px) {
  .content-container__relations-col {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}

.content-container__relations-col .teaser-list__header {
  margin: 15px;
}

.content-container__relations-col .teaser-list__header h3 {
  font-size: 1.125rem;
  font-weight: bold;
  background-color: #eaeaef;
}

@media (min-width: 992px) {
  .content-container__relations-col .teaser-list__content {
    padding: 0 5px;
    max-width: 270px !important;
  }
}

@media (min-width: 992px) {
  .content-container--no-image .content-container__relations-col-inner {
    margin-top: 0px;
  }
}

@media (min-width: 992px) {
  .content-container--single-col .content-container__main-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.topic-relation-teaser {
  padding: 40px 30px;
  background-color: #5d374a;
  font-size: 1.25rem;
  color: #fff;
  text-align: center;
}

.topic-relation-teaser:nth-child(2) {
  background-color: #e66340;
}

.topic-relation-teaser h3, .topic-relation-teaser h4 {
  margin-bottom: 25px;
  font-size: 1.625rem;
  font-weight: 600;
}

.topic-relation-teaser h4 {
  margin-bottom: 15px;
  font-size: 1.25rem;
}

.topic-relation-teaser__copy li {
  text-align: left;
}

.topic-relation-teaser__action {
  padding-top: 20px;
}

#page__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media print {
  #page__header {
    display: none;
  }
}

#page__content {
  flex-grow: 1;
}

@media print {
  #page__footer {
    display: none;
  }
}

#top-button {
  position: fixed;
  background-color: #EF7D00;
  cursor: pointer;
  color: #FFFFFF;
  font-size: 25px;
  padding: 11px;
  border-radius: 25px;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
}

/* correct top margin on following container when context bar is activated via page template */
.context-bar + .frame-type-kikkoman_contentcontainer .content-container,
.context-bar + .frame-layout-0 .headline-main {
  margin-top: 0 !important;
}

.header {
  height: 120px;
  background-color: #fff;
}

@media (min-width: 992px) {
  .header {
    height: 150px;
  }
}

.header--active {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 20;
}

@media (min-width: 992px) {
  .header--active {
    position: static;
  }
}

.header__meta {
  position: relative;
  background-color: #EF7D00;
  color: #fff;
  z-index: 10;
}

.header__meta-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  height: 30px;
}

@media (min-width: 992px) {
  .header__meta-container {
    height: 30px;
  }
}

@media (min-width: 992px) and (min-width: 576px) {
  .header__meta-container {
    max-width: 540px;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  .header__meta-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .header__meta-container {
    max-width: 960px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .header__meta-container {
    max-width: 1200px;
  }
}

.header__meta-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  position: relative;
  height: 100%;
}

.header__content-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: calc(100% - 30px);
}

@media (min-width: 992px) {
  .header__content-container {
    height: calc(100% - 30px);
  }
}

@media (min-width: 992px) and (min-width: 576px) {
  .header__content-container {
    max-width: 540px;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  .header__content-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .header__content-container {
    max-width: 960px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .header__content-container {
    max-width: 1200px;
  }
}

.header__content-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  position: relative;
  height: 100%;
}

.header__logo {
  position: relative;
  height: 100%;
  text-align: center;
  flex-grow: 1;
}

@media (min-width: 992px) {
  .header__logo {
    width: 200px;
    flex-grow: 0;
  }
}

.header__logo a:hover {
  text-decoration: none;
}

.header__navigation {
  width: 90px;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 992px) {
  .header__navigation {
    position: relative;
    flex-grow: 1;
  }
}

.header__search {
  display: none;
  justify-content: center;
  align-items: center;
  width: 100vW;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  padding: 0 30px;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-20px);
  transition: opacity .3s ease, transform .3s ease, height .3s ease;
}

@media (min-width: 992px) {
  .header__search {
    display: flex;
    width: auto;
    right: 0;
    padding: 0 60px;
  }
}

.header__search--active {
  height: 100%;
  opacity: 1;
  transform: translateY(0px);
}

.header__widgets {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

@media (min-width: 768px) {
  .header__widgets {
    justify-content: flex-end;
  }
}

.header__widget-item {
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.1rem;
  padding: 0 10px;
  display: inline-block;
  color: #fff;
  cursor: pointer;
}

.header__widget-item:hover {
  color: #894800;
  text-decoration: none;
}

@media (min-width: 768px) {
  .header__widget-item {
    font-size: 0.8rem;
  }
}

.header__widget-item__active {
  background-color: #FFF;
  color: #2e2e33 !important;
}

.header__widget-item__active .header__widget-item__my-recipes-badge {
  color: #fff;
  background-color: #EF7D00;
}

.header__widget-item#toggle-my-recipes {
  cursor: pointer;
}

.header__widget-item#toggle-my-recipes:hover {
  color: #894800;
}

.header__widget-item__my-recipes-badge {
  transform: translate(2px, -1px);
  display: inline-block;
  background-color: #FFF;
  color: #EF7D00;
  border-radius: 50%;
  padding: 0 5px 0 4px;
  font-size: 12px;
  line-height: 19px;
  min-width: 19px;
  box-sizing: border-box;
  text-align: center;
}

.header__widget-label {
  display: none;
}

@media (min-width: 768px) {
  .header__widget-label {
    display: inline-block;
  }
}

.logo {
  height: 100%;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  background-color: #fff;
}

@media (min-width: 992px) {
  .logo {
    display: block;
  }
}

.logo > img {
  display: block;
  height: 100%;
  width: auto;
}

@media (min-width: 992px) {
  .logo > img {
    display: inline-block;
    width: 140px;
    margin: 0;
  }
}

.logo__desktop-extension {
  height: 50px;
}

@media (min-width: 992px) {
  .logo__desktop-extension {
    display: inline-block;
    height: 80px;
  }
}

.logo__desktop-extension img {
  display: inline-block;
  width: auto;
  height: 50px;
}

@media (min-width: 992px) {
  .logo__desktop-extension img {
    height: 80px;
  }
}

.logo--print {
  display: none;
}

@media print {
  .logo--print {
    display: block;
  }
}

.logo--print img {
  width: 150px;
}

.navigation {
  background-color: #fff;
}

@media (min-width: 992px) {
  .navigation__mobile {
    display: none;
  }
}

.navigation__desktop {
  display: none;
  height: 100%;
}

@media (min-width: 992px) {
  .navigation__desktop {
    display: block;
  }
}

.navigation__main-mobile {
  display: none;
  position: fixed;
  top: 120px;
  left: 0;
  bottom: 0;
  right: 0;
  border-top: 2px solid #eaeaef;
  background-color: #fff;
  overflow: auto;
}

@media (min-width: 992px) {
  .navigation__main-mobile {
    display: none !important;
  }
}

.navigation__main-mobile--active {
  display: block;
}

.navigation__main-mobile ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navigation__main-mobile form {
  margin: 0;
  padding: 0;
}

.navigation__main-mobile-search {
  position: relative;
  height: 60px;
}

.navigation__main-mobile-search span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  line-height: 60px;
  color: #7f7f8b;
  font-size: 30px;
  padding: 0 15px;
}

.navigation__main-mobile-search input {
  display: block;
  font-size: 1.125rem;
  width: calc(100%);
  height: 100%;
  border: 0;
  padding: 0 20px 0 60px;
}

.navigation__main-mobile-item {
  position: relative;
  background-color: #f2f2f2;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.navigation__main-mobile-item a {
  display: block;
  height: inherit !important;
  padding: 12px 25px;
  border-left: 10px solid #c1c1c1;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 34px;
  text-align: left;
  color: #2e2e33;
}

.navigation__main-mobile-item ul {
  display: none;
}

.navigation__main-mobile-item--active {
  background-color: #323237;
}

.navigation__main-mobile-item--active > a {
  color: #fff;
  border-left: 10px solid #323237;
}

.navigation__main-mobile-item--active ul {
  display: block;
}

.navigation__main-mobile-item--active ul > li {
  margin-left: 10px;
  background-color: #fff;
  border-top: 0;
  border-bottom: 1px solid #d7d7d7;
}

.navigation__main-mobile-item--active ul > li a {
  border-left: 0;
}

.navigation__main-mobile-item-trigger {
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  font-size: 1.25rem;
  line-height: 60px;
  text-align: center;
}

.navigation__main-mobile-item-trigger .mdi {
  display: inline-block;
  color: #2e2e33;
  transition: transform .3s ease;
}

.navigation__main-mobile-item--active .navigation__main-mobile-item-trigger .mdi {
  color: #fff;
  transform: rotate(45deg);
  transform-origin: center center;
}

.navigation__main-mobile-trigger {
  width: 45px;
  height: 26px;
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  background: #a5a5b5;
  color: #fff;
  font-size: 1.5rem;
  line-height: 27px;
}

.navigation__main-mobile-trigger:before, .navigation__main-mobile-trigger:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 22.5px solid transparent;
  border-right: 22.5px solid transparent;
}

.navigation__main-mobile-trigger:before {
  bottom: 100%;
  left: 0px;
  border-bottom: 12.99px solid #a5a5b5;
}

.navigation__main-mobile-trigger:after {
  top: 100%;
  width: 0;
  left: 0px;
  border-top: 12.99px solid #a5a5b5;
}

.navigation__main {
  height: 100%;
  padding: 25px 0;
}

.navigation__main ul {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  justify-content: center;
  list-style: none;
}

.navigation__main-item {
  display: inline-block;
  width: auto;
  height: 70px;
  padding: 0 10px;
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 1200px) {
  .navigation__main-item {
    padding: 0 20px;
  }
}

.navigation__main-item svg {
  width: 40px;
  display: block;
  margin: 0 auto;
  fill: #bfbfc5;
  transition: fill .3s ease;
}

.navigation__main-item span {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 70px;
  color: #363636;
  transition: color .3s ease;
}

.navigation__main-item:hover span {
  color: #323237;
}

.navigation__main-item:hover svg {
  fill: #323237;
}

.navigation__main-item--active span {
  color: #EF7D00;
}

.navigation__main-item--active svg {
  fill: #EF7D00;
}

.navigation__main-item a:hover {
  text-decoration: none;
}

.recipe-bookmark__trigger {
  width: 45px;
  height: 45px;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.5rem;
  line-height: 1.9;
}

@media (min-width: 992px) {
  .recipe-bookmark__trigger {
    display: inline-block;
    width: 58px;
    height: 58px;
    position: static;
    right: auto;
    top: auto;
    margin-right: 10px;
    transform: translateY(0);
    font-size: 1.75rem;
    line-height: 2.1;
  }
}

.recipe-bookmark__trigger--context {
  position: static;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 1.25rem;
  transform: translateY(0);
}

.recipe-bookmark__toggle {
  width: 40px;
  height: 40px;
  font-size: 1rem;
  line-height: 40px;
}

.recipe-bookmark__toggle--active {
  color: #fff;
  background-color: #EF7D00;
}

.recipe-bookmark__toggle--active::after {
  background-color: rgba(239, 125, 0, 0.2);
}

.recipe-bookmark__toggle--xl {
  width: 50px;
  height: 50px;
  font-size: 1.25rem;
  line-height: 50px;
}

@media (min-width: 992px) {
  .recipe-bookmark__toggle--xl {
    width: 60px;
    height: 60px;
    font-size: 1.5rem;
    line-height: 60px;
  }
}

.search__trigger {
  display: none;
}

@media (min-width: 992px) {
  .search__trigger {
    display: inline-block;
    width: 58px;
    height: 58px;
    font-size: 1.75rem;
    line-height: 2.1;
  }
}

.search__form {
  position: relative;
  min-width: 100%;
  background-color: #eaeaef;
  border-radius: 50px;
}

.search__form form {
  width: 100%;
  padding-right: 60px;
  padding-left: 60px;
  padding-bottom: 0;
  margin: 0;
}

.search__form input {
  width: 100%;
  background-color: transparent;
  border: 0;
  line-height: 3rem;
}

.search__form input:focus {
  outline: none;
}

.search__form-icon, .search__form-close {
  width: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #8e8e8e;
  text-align: center;
  font-size: 1.6rem;
}

.search__form-icon {
  left: 0;
}

.search__form-close {
  opacity: 0;
  right: 0;
  font-size: 1.4rem;
  cursor: pointer;
  transition: opacity .3s ease;
}

.search__form--filled .search__form-close {
  opacity: 1;
}

#search-trigger {
  display: none;
}

@media (min-width: 992px) {
  #search-trigger {
    display: inline-block;
  }
}

.language__trigger {
  display: none;
  font-size: 0.75rem;
  font-weight: 600;
  color: #7f7f8b;
}

@media (min-width: 992px) {
  .language__trigger {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 55px;
  }
}

.language__trigger span.mdi {
  font-size: 120%;
}

.language__trigger span:not(.mdi) {
  margin-left: 5px;
}

.language__trigger span:not(.mdi)::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;
}

.language__trigger span:not(.mdi):empty::after {
  margin-left: 0;
}

.footer {
  background-color: #EF7D00;
  color: #fff;
}

.footer__content {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 992px) and (min-width: 576px) {
  .footer__content {
    max-width: 540px;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  .footer__content {
    max-width: 720px;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .footer__content {
    max-width: 960px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .footer__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .footer__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.footer__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer .footer-recipe-subscription__header {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: #7f7f8b;
}

.footer .footer-recipe-subscription__field {
  padding: 20px 0;
}

.footer .footer-recipe-subscription__field input {
  display: block;
  height: 50px;
  border: solid 4px #eaeaef;
  padding: 0 20px;
  width: calc(100%);
  background-color: #fff;
}

.footer .footer-recipe-subscription__field input::placeholder {
  font-weight: 600;
  color: #2e2e33;
}

.footer .footer-recipe-subscription__field input::-webkit-input-placeholder {
  font-weight: 600;
  color: #2e2e33;
}

.footer .footer-recipe-subscription__submit p {
  font-size: 12px;
  color: #7f7f8b;
}

.footer__column {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.footer__column--list {
  padding-left: 80px;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 992px) {
  .footer__column--list {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

.footer__column--list header {
  display: none;
}

.footer__column--recipe-subscription {
  flex: 0 0 100%;
  max-width: 100%;
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid rgba(139, 139, 150, 0.5);
}

@media (min-width: 992px) {
  .footer__column--recipe-subscription {
    flex: 0 0 25%;
    max-width: 25%;
    margin-top: 0px;
    padding-top: 0px;
    border-top: 0;
  }
}

.footer__column--logo {
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 30px;
  max-height: 154px;
}

.footer__column--logo .socialmedia {
  padding: 20px 0;
}

.footer-list ul {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 992px) {
  .footer-list ul {
    display: block;
  }
}

.footer-list a {
  font-size: 1rem;
  color: #fff;
  line-height: 2.2;
  text-decoration: none;
  font-weight: bold;
}

.footer-list__icon {
  position: absolute;
  left: 20px;
  width: 45px;
  height: 25.98px;
  background-color: #eaeaef;
  margin: 12.99px 0;
}

.footer-list__icon:before, .footer-list__icon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 22.5px solid transparent;
  border-right: 22.5px solid transparent;
}

.footer-list__icon:before {
  bottom: 100%;
  border-bottom: 12.99px solid #eaeaef;
}

.footer-list__icon:after {
  top: 100%;
  width: 0;
  border-top: 12.99px solid #eaeaef;
}

.footer-list__icon > img,
.footer-list__icon > span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 25px;
  color: #7C7C7D;
  z-index: 2;
}

.footer-list__header {
  position: relative;
}

.footer-list__header h5 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.7;
  color: #fff;
}

.footer-list__toggle {
  position: absolute;
  top: 0;
  right: 5px;
}

@media (min-width: 992px) {
  .footer-list__toggle {
    display: none;
  }
}

.footer-list__toggle .mdi-minus {
  display: none;
}

.footer-list--is-visible .footer-list {
  display: block;
  padding-bottom: 20px;
}

.footer-list--is-visible .footer-list__header h5 {
  color: #EF7D00;
}

@media (min-width: 992px) {
  .footer-list--is-visible .footer-list__header h5 {
    color: #7f7f8b;
  }
}

.footer-list--is-visible .footer-list__toggle .mdi-plus {
  display: none;
}

.footer-list--is-visible .footer-list__toggle .mdi-minus {
  display: block;
}

.disclaimer {
  color: #7f7f8b;
}

.disclaimer__content {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  min-height: 90px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 30px;
  padding-right: 30px;
}

@media (min-width: 992px) {
  .disclaimer__content {
    line-height: 40px;
  }
}

@media (min-width: 992px) and (min-width: 576px) {
  .disclaimer__content {
    max-width: 540px;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  .disclaimer__content {
    max-width: 720px;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .disclaimer__content {
    max-width: 960px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .disclaimer__content {
    max-width: 1200px;
  }
}

@media (min-width: 768px) {
  .disclaimer__content {
    padding-left: 65px;
    padding-right: 65px;
  }
}

.disclaimer__content-inner {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.disclaimer__copyright, .disclaimer__legal {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.disclaimer__copyright {
  text-align: center;
  font-size: 0.8125rem;
}

@media (min-width: 992px) {
  .disclaimer__copyright {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    font-size: 1rem;
    text-align: left;
  }
}

.disclaimer__legal {
  text-align: center;
}

@media (min-width: 992px) {
  .disclaimer__legal {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    text-align: right;
  }
}

.disclaimer__legal a {
  display: inline-block;
  font-size: 0.8125rem;
  color: #7f7f8b;
}

@media (min-width: 992px) {
  .disclaimer__legal a {
    margin-left: 30px;
    font-size: 1rem;
  }
}

.raffle__trigger {
  position: fixed;
  right: 0;
  bottom: 30px;
  width: 90px;
  height: 76px;
  background-color: #fff;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.15);
  z-index: 200;
  cursor: pointer;
  opacity: 0;
  transform: translateX(20px);
  transition: transform .3s ease, opacity .3s ease;
}

@media (min-width: 768px) {
  .raffle__trigger {
    width: 120px;
    height: 94px;
    bottom: 20%;
  }
}

.raffle__trigger--active {
  opacity: 1;
  transform: translateX(0px);
}

.raffle__trigger-img {
  width: 64px;
  height: auto;
  position: absolute;
  left: 5px;
  bottom: 5px;
}

@media (min-width: 768px) {
  .raffle__trigger-img {
    width: 80px;
    bottom: 6px;
    left: 6px;
  }
}

.raffle__intro {
  position: absolute;
  bottom: 50px;
  right: 5px;
  width: 330px;
  z-index: 210;
  opacity: 0;
  transform: scale(0.1) translateY(20px);
  transform-origin: 80% bottom;
  transition: transform .3s ease, opacity .3s ease;
  transition-delay: 0s;
}

@media (min-width: 768px) {
  .raffle__intro {
    bottom: 70px;
    right: 30px;
  }
}

.raffle__intro--active {
  opacity: 1;
  transform: scale(1) translateY(0px);
  transition-delay: 0.2s;
}

.raffle__intro-top {
  height: 65px;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../img/raffle-intro-top.png");
}

.raffle__intro-content {
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image: url("../img/raffle-intro-bottom.png");
}

.raffle__intro-content-inner {
  position: relative;
  top: -30px;
  padding-left: 60px;
  padding-bottom: 40px;
  padding-right: 20px;
}

.raffle__intro-content h4 {
  padding-right: 30px;
  font-style: italic;
  font-weight: bold;
  font-size: 19px;
  line-height: 24px;
  color: #fff;
}

.raffle__intro-content p {
  font-style: italic;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
}

.raffle__intro-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.raffle__btn {
  display: block;
  width: 100%;
  padding: 10px 40px;
  border-radius: 3px;
  margin-bottom: 10px;
  border: 0;
  background-color: transparent;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #363636;
  cursor: pointer;
}

@media (min-width: 768px) {
  .raffle__btn {
    display: inline-block;
    width: auto;
    padding: 20px 40px;
  }
}

.raffle__btn:hover {
  text-decoration: none;
  color: #363636;
}

.raffle__btn--block {
  display: block;
  width: 100%;
}

.raffle__btn--text {
  text-decoration: underline;
}

.raffle__btn--text-orange {
  color: #EF7D00;
}

.raffle__btn--text-right {
  text-align: right;
}

.raffle__btn--white {
  background-color: #fff;
}

.raffle__btn--orange {
  background-color: #EF7D00;
  color: #fff;
}

.raffle__btn--mini {
  padding-left: 0;
  padding-right: 0;
}

.raffle__btn--outline {
  border: 1px solid currentColor;
}

.raffle__question {
  display: flex;
  min-height: 160px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 30px 25px 10px;
  opacity: 0;
  background-color: #fff;
  box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.06);
  z-index: 2000;
  transform: translate(0, -20px);
  transition: transform .3s ease, opacity .3s ease;
}

@media (min-width: 768px) {
  .raffle__question {
    flex-direction: column;
    width: 350px;
    min-height: 400px;
    left: auto;
    top: 50%;
    padding: 30px 50px 50px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.25);
    transform: translate(30px, -50%);
  }
}

.raffle__question--active {
  opacity: 1;
  transform: translate(0, 0);
}

@media (min-width: 768px) {
  .raffle__question--active {
    transform: translate(0, -50%);
  }
}

.raffle__question-col:last-child {
  padding-left: 20px;
}

@media (min-width: 768px) {
  .raffle__question-col:last-child {
    padding-top: 20px;
    padding-left: 0;
  }
}

.raffle__question-progress {
  margin-bottom: 15px;
  padding-right: 40px;
}

.raffle__question-title {
  font-style: italic;
  font-weight: bold;
  font-size: 15px;
  line-height: 19px;
}

@media (min-width: 768px) {
  .raffle__question-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
  }
}

.raffle__question-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  color: #BABAC8;
  font-size: 20px;
  text-align: center;
}

.raffle__progress-bar {
  position: relative;
  height: 6px;
  border-radius: 4px;
  background-color: #EAEAEF;
  overflow: hidden;
}

.raffle__progress-bar-progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #36CF4F;
  transition: width 2s .6s ease;
}

.raffle__modal-col--text {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.raffle__modal-col--image {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.raffle__modal-col--actions {
  flex: 0 0 100%;
  max-width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.raffle__modal-appeal {
  font-weight: bold;
}

.raffle__modal .modal-title, .raffle__modal p {
  font-style: italic;
}

.raffle__modal.raffle__modal--question .modal-dialog {
  transition: max-width .3s .4s ease;
}

.raffle__modal.raffle__modal--question .modal-title {
  font-size: 21px;
  line-height: 26px;
}

@media (min-width: 768px) {
  .raffle__modal.raffle__modal--question .modal-title {
    font-size: 30px;
    line-height: 37px;
  }
}

.raffle__modal.raffle__modal--question .modal-content {
  overflow: hidden;
}

.raffle__modal.raffle__modal--question .modal-header {
  position: relative;
  z-index: 200;
}

.raffle__modal.raffle__modal--question .modal-body {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  .raffle__modal.raffle__modal--question.raffle__modal--question-answered .modal-dialog {
    max-width: 400px;
  }
}

.raffle__modal.raffle__modal--question .raffle__progress-bar {
  min-width: calc(100% - 30px);
  margin-top: 7px;
}

@media (min-width: 768px) {
  .raffle__modal.raffle__modal--question .raffle__progress-bar {
    min-width: calc(100% - 20px);
    margin-top: 11px;
  }
}

.raffle__answers {
  margin-right: -25px;
  margin-left: -25px;
  border-top: 1px solid #EAEAEF;
}

@media (min-width: 768px) {
  .raffle__answers {
    margin-right: -50px;
    margin-left: -50px;
  }
}

.raffle__answer {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-items: flex-start;
  padding: 15px 25px;
  border-bottom: 1px solid #EAEAEF;
  cursor: pointer;
  font-size: 15px;
  line-height: 19px;
  transition: background-color .3s ease, color .3s ease;
}

@media (min-width: 768px) {
  .raffle__answer {
    padding: 15px 50px;
    font-size: 20px;
    line-height: 25px;
  }
}

.raffle__answer:hover {
  background-color: #EAEAEF;
}

.raffle__answer--error {
  background-color: #FF3434;
  color: #fff;
  font-weight: bold;
}

.raffle__answer--error:hover {
  background-color: #FF3434;
  color: #fff;
}

.raffle__answer-letter {
  display: block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  margin-right: 15px;
  background-color: #323237;
  border-radius: 16px;
  font-size: 14px;
  line-height: 32px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width: 768px) {
  .raffle__answer-letter {
    margin-right: 30px;
    font-size: 18px;
  }
}

.raffle__answer-text {
  display: block;
}

.raffle__hint {
  position: relative;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow: hidden;
  padding-bottom: 25px;
  min-height: 165px;
}

@media (min-width: 768px) {
  .raffle__hint {
    min-height: 185px;
  }
}

.raffle__hint-text {
  margin: 0;
  padding-right: 25px;
}

.raffle__hint-text h6 {
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .raffle__hint-text h6 {
    font-size: 24px;
    line-height: 30px;
  }
}

.raffle__hint-text p {
  font-size: 14px;
  line-height: 17px;
  padding-right: 20px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .raffle__hint-text p {
    font-size: 18px;
    line-height: 22px;
  }
}

.raffle__hint-text p span {
  color: #EF7D00;
  font-weight: bold;
}

.raffle__hint-image {
  flex: 0 0 62px;
  width: 62px;
  height: auto;
  margin: 0;
}

@media (min-width: 768px) {
  .raffle__hint-image {
    width: 85px;
  }
}

.raffle__hint-trigger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: inherit;
  opacity: 0;
  transform: translateY(-20px);
  background-color: #EAEAEF;
  transition: opacity .3s ease, transform .3s ease;
}

.raffle__hint-trigger--active {
  opacity: 1;
  transform: translateY(0px);
}

.raffle__hint-trigger h6 {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .raffle__hint-trigger h6 {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 24px;
  }
}

.raffle__answered-success {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-color: #fff;
  padding: 15px 25px;
  transition: opacity .4s ease;
}

@media (min-width: 768px) {
  .raffle__answered-success {
    padding: 15px 50px;
    border-radius: 30px;
  }
}

.raffle__answered-success > * {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .3s .6s ease, transform .3s .6s ease;
}

.raffle__answered-success p {
  font-style: italic;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .raffle__answered-success p {
    font-size: 21px;
    line-height: 26px;
  }
}

.raffle__answered-success-image {
  display: block;
  width: 210px;
  height: auto;
  margin-bottom: 20px;
}

.raffle__modal--question-answered .raffle__answered-success {
  opacity: 1;
}

.raffle__modal--question-answered .raffle__answered-success > * {
  opacity: 1;
  transform: translateY(0);
}

.raffle__form .form-actions {
  display: flex;
  justify-content: flex-end;
}

.raffle__form h1 + p {
  padding-top: 20px;
}

.raffle__form .raffle__progress-bar {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .raffle__form .raffle__progress-bar {
    margin-bottom: 40px;
  }
}

.raffle--mobile {
  display: block;
}

@media (min-width: 768px) {
  .raffle--mobile {
    display: none;
  }
}

.raffle--desktop {
  display: none;
}

@media (min-width: 768px) {
  .raffle--desktop {
    display: block;
  }
}

.vacancies h1 {
  margin-bottom: 20px;
}

.vacancies h2 {
  margin-bottom: 0px;
}

.vacancies__offer {
  padding: 20px 10px;
  display: block;
  border-bottom: 1px solid #f1f1f1;
  transition: background-color .3s ease;
}

.vacancies__offer:hover {
  text-decoration: none;
  background: #f1f1f1;
}

.vacancies__location {
  color: #212529;
  background: url("../img/location.svg") no-repeat left;
  padding: 15px 0px 15px 21px;
  margin-left: -2px;
}

.vacancies__date {
  color: #212529;
  font-size: 13px;
}

.vacancies__type {
  color: #a4a5a8;
}

.vacancy h1 {
  margin-bottom: 30px;
}

.vacancy__row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.vacancy__leftcolumn {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  .vacancy__leftcolumn {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}

.vacancy__rightcolumn {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .vacancy__rightcolumn {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.vacancy__rightcolumn-inner {
  border-left: 1px solid #f1f1f1;
  padding-left: 20px;
}

.vacancy__rightcolumn-inner p {
  font-size: 17px;
}

.vacancy__company, .vacancy__address, .vacancy__contact {
  margin-bottom: 15px;
  font-size: 17px;
}

.vacancy__address span {
  background: url("../img/location.svg") no-repeat left;
  padding-left: 21px;
  display: block;
}

.vacancy__salary {
  margin-bottom: 15px;
  font-size: 18px;
}

.vacancy__description {
  padding-bottom: 20px;
}

.vacancy__info {
  padding-bottom: 20px;
}

.vacancy__info p {
  margin-bottom: 0px;
  font-size: 18px;
  color: #7f7f8b;
}

/*
 *
 * TYPO3-CSS OVERWRITES (ugly solution)
 *
 */
.ce-column {
  margin-top: 10px;
}

table.contenttable {
  width: 100% !important;
}

.image-embed-item {
  width: 100% !important;
  height: auto !important;
}

/*
 *
 * YouTube iframe OVERWRITES
 *
 */
.embed-youtube {
  position: relative;
  padding-bottom: 56.25%;
  /* - 16:9 aspect ratio (most common) */
  /* padding-bottom: 62.5%; - 16:10 aspect ratio */
  /* padding-bottom: 75%; - 4:3 aspect ratio */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

html,
body {
  font-family: "ff-dagny-web-pro", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
  }
}

/*# sourceMappingURL=kikkoman.main.css.map */