/*
// 1. Import the initial variables
@import "../node_modules/bulma/sass/utilities/initial-variables";

// 2. Set your own initial variables
// Update the blue shade, used for links
$blue: #06bcef;
// Add pink and its invert
$pink: #ff8080;
$pink-invert: #fff;
// Update the sans-serif font family
$family-sans-serif: "Helvetica", "Arial", sans-serif;

// 3. Set the derived variables
// Use the new pink as the primary color
$primary: $pink;
$primary-invert: $pink-invert;

// 4. Import the rest of Bulma
*/
/* Bulma Utilities */
@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.modal-close, .button, .is-unselectable, .file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em; }

.title:not(:last-child),
.subtitle:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .message:not(:last-child) {
  margin-bottom: 1.5rem; }

.modal-close {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10, 10, 10, 0.2);
  border: none;
  border-radius: 290486px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px; }
  .modal-close::before, .modal-close::after {
    background-color: white;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform-origin: center center; }
  .modal-close::before {
    height: 2px;
    width: 50%; }
  .modal-close::after {
    height: 50%;
    width: 2px; }
  .modal-close:hover, .modal-close:focus {
    background-color: rgba(10, 10, 10, 0.3); }
  .modal-close:active {
    background-color: rgba(10, 10, 10, 0.4); }
  .is-small.modal-close {
    height: 16px;
    max-height: 16px;
    max-width: 16px;
    min-height: 16px;
    min-width: 16px;
    width: 16px; }
  .is-medium.modal-close {
    height: 24px;
    max-height: 24px;
    max-width: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px; }
  .is-large.modal-close {
    height: 32px;
    max-height: 32px;
    max-width: 32px;
    min-height: 32px;
    min-width: 32px;
    width: 32px; }

.button.is-loading::after, .select.is-loading::after, .control.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em; }

.is-overlay, .modal, .modal-background {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.button, .input, .textarea, .select select, .file-cta,
.file-name {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 0.95rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top; }
  .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
  .file-name:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
  .is-focused.file-name, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
  .file-name:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
  .is-active.file-name {
    outline: none; }
  .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
  .file-name[disabled],
  fieldset[disabled] .button,
  fieldset[disabled] .input,
  fieldset[disabled] .textarea,
  fieldset[disabled] .select select,
  .select fieldset[disabled] select,
  fieldset[disabled] .file-cta,
  fieldset[disabled] .file-name {
    cursor: not-allowed; }

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

ul {
  list-style: none; }

button,
input,
select,
textarea {
  margin: 0; }

html {
  font-size: 16px !important;
  box-sizing: border-box; }

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

img,
video {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }
  td:not([align]),
  th:not([align]) {
    text-align: inherit; }

html {
  background-color: white;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%; }

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

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace; }

code {
  background-color: whitesmoke;
  color: #da1039;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em; }

hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0; }

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

input[type="checkbox"],
input[type="radio"] {
  vertical-align: baseline; }

small {
  font-size: 0.875em; }

span {
  font-style: inherit;
  font-weight: inherit; }

strong {
  color: #1F1F1F;
  font-weight: 700; }

fieldset {
  border: none; }

pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #4a4a4a;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal; }
  pre code {
    background-color: transparent;
    color: currentColor;
    font-size: 1em;
    padding: 0; }

table td,
table th {
  vertical-align: top; }
  table td:not([align]),
  table th:not([align]) {
    text-align: inherit; }

table th {
  color: #1F1F1F; }

.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto; }
  .container.is-fluid {
    max-width: none !important;
    padding-left: 32px;
    padding-right: 32px;
    width: 100%; }
  @media screen and (min-width: 1024px) {
    .container {
      max-width: 960px; } }
  @media screen and (max-width: 1215px) {
    .container.is-widescreen:not(.is-max-desktop) {
      max-width: 1152px; } }
  @media screen and (max-width: 1407px) {
    .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
      max-width: 1344px; } }
  @media screen and (min-width: 1216px) {
    .container:not(.is-max-desktop) {
      max-width: 1152px; } }
  @media screen and (min-width: 1408px) {
    .container:not(.is-max-desktop):not(.is-max-widescreen) {
      max-width: 1344px; } }

.title,
.subtitle {
  word-break: break-word; }
  .title em,
  .title span,
  .subtitle em,
  .subtitle span {
    font-weight: inherit; }
  .title sub,
  .subtitle sub {
    font-size: 0.75em; }
  .title sup,
  .subtitle sup {
    font-size: 0.75em; }
  .title .tag,
  .subtitle .tag {
    vertical-align: middle; }

.title {
  color: #1F1F1F;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125; }
  .title strong {
    color: inherit;
    font-weight: inherit; }
  .title + .highlight {
    margin-top: -0.75rem; }
  .title:not(.is-spaced) + .subtitle {
    margin-top: -1.25rem; }
  .title.is-1 {
    font-size: 3rem; }
  .title.is-2 {
    font-size: 2.5rem; }
  .title.is-3 {
    font-size: 2rem; }
  .title.is-4 {
    font-size: 1.5rem; }
  .title.is-5 {
    font-size: 1.25rem; }
  .title.is-6 {
    font-size: 0.95rem; }
  .title.is-7 {
    font-size: 0.75rem; }

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25; }
  .subtitle strong {
    color: #1F1F1F;
    font-weight: 600; }
  .subtitle:not(.is-spaced) + .title {
    margin-top: -1.25rem; }
  .subtitle.is-1 {
    font-size: 3rem; }
  .subtitle.is-2 {
    font-size: 2.5rem; }
  .subtitle.is-3 {
    font-size: 2rem; }
  .subtitle.is-4 {
    font-size: 1.5rem; }
  .subtitle.is-5 {
    font-size: 1.25rem; }
  .subtitle.is-6 {
    font-size: 0.95rem; }
  .subtitle.is-7 {
    font-size: 0.75rem; }

.button {
  background-color: white;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #1F1F1F;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap; }
  .button strong {
    color: inherit; }
  .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
    height: 1.5em;
    width: 1.5em; }
  .button .icon:first-child:not(:last-child) {
    margin-left: calc(-0.5em - 1px);
    margin-right: 0.25em; }
  .button .icon:last-child:not(:first-child) {
    margin-left: 0.25em;
    margin-right: calc(-0.5em - 1px); }
  .button .icon:first-child:last-child {
    margin-left: calc(-0.5em - 1px);
    margin-right: calc(-0.5em - 1px); }
  .button:hover, .button.is-hovered {
    border-color: #b5b5b5;
    color: #1F1F1F; }
  .button:focus, .button.is-focused {
    border-color: #0081B8;
    color: #1F1F1F; }
    .button:focus:not(:active), .button.is-focused:not(:active) {
      box-shadow: 0 0 0 0.125em rgba(0, 129, 184, 0.25); }
  .button:active, .button.is-active {
    border-color: #4a4a4a;
    color: #1F1F1F; }
  .button.is-text {
    background-color: transparent;
    border-color: transparent;
    color: #4a4a4a;
    text-decoration: underline; }
    .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
      background-color: whitesmoke;
      color: #1F1F1F; }
    .button.is-text:active, .button.is-text.is-active {
      background-color: #e8e8e8;
      color: #1F1F1F; }
    .button.is-text[disabled],
    fieldset[disabled] .button.is-text {
      background-color: transparent;
      border-color: transparent;
      box-shadow: none; }
  .button.is-white {
    background-color: white;
    border-color: transparent;
    color: #0a0a0a; }
    .button.is-white:hover, .button.is-white.is-hovered {
      background-color: #f9f9f9;
      border-color: transparent;
      color: #0a0a0a; }
    .button.is-white:focus, .button.is-white.is-focused {
      border-color: transparent;
      color: #0a0a0a; }
      .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
    .button.is-white:active, .button.is-white.is-active {
      background-color: #f2f2f2;
      border-color: transparent;
      color: #0a0a0a; }
    .button.is-white[disabled],
    fieldset[disabled] .button.is-white {
      background-color: white;
      border-color: transparent;
      box-shadow: none; }
    .button.is-white.is-inverted {
      background-color: #0a0a0a;
      color: white; }
      .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
        background-color: black; }
      .button.is-white.is-inverted[disabled],
      fieldset[disabled] .button.is-white.is-inverted {
        background-color: #0a0a0a;
        border-color: transparent;
        box-shadow: none;
        color: white; }
    .button.is-white.is-loading::after {
      border-color: transparent transparent #0a0a0a #0a0a0a !important; }
    .button.is-white.is-outlined {
      background-color: transparent;
      border-color: white;
      color: white; }
      .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
        background-color: white;
        border-color: white;
        color: #0a0a0a; }
      .button.is-white.is-outlined.is-loading::after {
        border-color: transparent transparent white white !important; }
      .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
      .button.is-white.is-outlined[disabled],
      fieldset[disabled] .button.is-white.is-outlined {
        background-color: transparent;
        border-color: white;
        box-shadow: none;
        color: white; }
    .button.is-white.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #0a0a0a;
      color: #0a0a0a; }
      .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
        background-color: #0a0a0a;
        color: white; }
      .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent white white !important; }
      .button.is-white.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-white.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #0a0a0a;
        box-shadow: none;
        color: #0a0a0a; }
  .button.is-black {
    background-color: #0a0a0a;
    border-color: transparent;
    color: white; }
    .button.is-black:hover, .button.is-black.is-hovered {
      background-color: #040404;
      border-color: transparent;
      color: white; }
    .button.is-black:focus, .button.is-black.is-focused {
      border-color: transparent;
      color: white; }
      .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
    .button.is-black:active, .button.is-black.is-active {
      background-color: black;
      border-color: transparent;
      color: white; }
    .button.is-black[disabled],
    fieldset[disabled] .button.is-black {
      background-color: #0a0a0a;
      border-color: transparent;
      box-shadow: none; }
    .button.is-black.is-inverted {
      background-color: white;
      color: #0a0a0a; }
      .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-black.is-inverted[disabled],
      fieldset[disabled] .button.is-black.is-inverted {
        background-color: white;
        border-color: transparent;
        box-shadow: none;
        color: #0a0a0a; }
    .button.is-black.is-loading::after {
      border-color: transparent transparent white white !important; }
    .button.is-black.is-outlined {
      background-color: transparent;
      border-color: #0a0a0a;
      color: #0a0a0a; }
      .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
        background-color: #0a0a0a;
        border-color: #0a0a0a;
        color: white; }
      .button.is-black.is-outlined.is-loading::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
      .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent white white !important; }
      .button.is-black.is-outlined[disabled],
      fieldset[disabled] .button.is-black.is-outlined {
        background-color: transparent;
        border-color: #0a0a0a;
        box-shadow: none;
        color: #0a0a0a; }
    .button.is-black.is-inverted.is-outlined {
      background-color: transparent;
      border-color: white;
      color: white; }
      .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
        background-color: white;
        color: #0a0a0a; }
      .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #0a0a0a #0a0a0a !important; }
      .button.is-black.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-black.is-inverted.is-outlined {
        background-color: transparent;
        border-color: white;
        box-shadow: none;
        color: white; }
  .button.is-light {
    background-color: whitesmoke;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
    .button.is-light:hover, .button.is-light.is-hovered {
      background-color: #eeeeee;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
    .button.is-light:focus, .button.is-light.is-focused {
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
      .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
    .button.is-light:active, .button.is-light.is-active {
      background-color: #e8e8e8;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
    .button.is-light[disabled],
    fieldset[disabled] .button.is-light {
      background-color: whitesmoke;
      border-color: transparent;
      box-shadow: none; }
    .button.is-light.is-inverted {
      background-color: rgba(0, 0, 0, 0.7);
      color: whitesmoke; }
      .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
        background-color: rgba(0, 0, 0, 0.7); }
      .button.is-light.is-inverted[disabled],
      fieldset[disabled] .button.is-light.is-inverted {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: transparent;
        box-shadow: none;
        color: whitesmoke; }
    .button.is-light.is-loading::after {
      border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
    .button.is-light.is-outlined {
      background-color: transparent;
      border-color: whitesmoke;
      color: whitesmoke; }
      .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
        background-color: whitesmoke;
        border-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7); }
      .button.is-light.is-outlined.is-loading::after {
        border-color: transparent transparent whitesmoke whitesmoke !important; }
      .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
      .button.is-light.is-outlined[disabled],
      fieldset[disabled] .button.is-light.is-outlined {
        background-color: transparent;
        border-color: whitesmoke;
        box-shadow: none;
        color: whitesmoke; }
    .button.is-light.is-inverted.is-outlined {
      background-color: transparent;
      border-color: rgba(0, 0, 0, 0.7);
      color: rgba(0, 0, 0, 0.7); }
      .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
        background-color: rgba(0, 0, 0, 0.7);
        color: whitesmoke; }
      .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent whitesmoke whitesmoke !important; }
      .button.is-light.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-light.is-inverted.is-outlined {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.7);
        box-shadow: none;
        color: rgba(0, 0, 0, 0.7); }
  .button.is-dark {
    background-color: #1F1F1F;
    border-color: transparent;
    color: #fff; }
    .button.is-dark:hover, .button.is-dark.is-hovered {
      background-color: #191919;
      border-color: transparent;
      color: #fff; }
    .button.is-dark:focus, .button.is-dark.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(31, 31, 31, 0.25); }
    .button.is-dark:active, .button.is-dark.is-active {
      background-color: #121212;
      border-color: transparent;
      color: #fff; }
    .button.is-dark[disabled],
    fieldset[disabled] .button.is-dark {
      background-color: #1F1F1F;
      border-color: transparent;
      box-shadow: none; }
    .button.is-dark.is-inverted {
      background-color: #fff;
      color: #1F1F1F; }
      .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-dark.is-inverted[disabled],
      fieldset[disabled] .button.is-dark.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #1F1F1F; }
    .button.is-dark.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-dark.is-outlined {
      background-color: transparent;
      border-color: #1F1F1F;
      color: #1F1F1F; }
      .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
        background-color: #1F1F1F;
        border-color: #1F1F1F;
        color: #fff; }
      .button.is-dark.is-outlined.is-loading::after {
        border-color: transparent transparent #1F1F1F #1F1F1F !important; }
      .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-dark.is-outlined[disabled],
      fieldset[disabled] .button.is-dark.is-outlined {
        background-color: transparent;
        border-color: #1F1F1F;
        box-shadow: none;
        color: #1F1F1F; }
    .button.is-dark.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #1F1F1F; }
      .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #1F1F1F #1F1F1F !important; }
      .button.is-dark.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
  .button.is-primary {
    background-color: #313131;
    border-color: transparent;
    color: #fff; }
    .button.is-primary:hover, .button.is-primary.is-hovered {
      background-color: #2b2b2b;
      border-color: transparent;
      color: #fff; }
    .button.is-primary:focus, .button.is-primary.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(49, 49, 49, 0.25); }
    .button.is-primary:active, .button.is-primary.is-active {
      background-color: #242424;
      border-color: transparent;
      color: #fff; }
    .button.is-primary[disabled],
    fieldset[disabled] .button.is-primary {
      background-color: #313131;
      border-color: transparent;
      box-shadow: none; }
    .button.is-primary.is-inverted {
      background-color: #fff;
      color: #313131; }
      .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-primary.is-inverted[disabled],
      fieldset[disabled] .button.is-primary.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #313131; }
    .button.is-primary.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-primary.is-outlined {
      background-color: transparent;
      border-color: #313131;
      color: #313131; }
      .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
        background-color: #313131;
        border-color: #313131;
        color: #fff; }
      .button.is-primary.is-outlined.is-loading::after {
        border-color: transparent transparent #313131 #313131 !important; }
      .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-primary.is-outlined[disabled],
      fieldset[disabled] .button.is-primary.is-outlined {
        background-color: transparent;
        border-color: #313131;
        box-shadow: none;
        color: #313131; }
    .button.is-primary.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #313131; }
      .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #313131 #313131 !important; }
      .button.is-primary.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
    .button.is-primary.is-light {
      background-color: whitesmoke;
      color: #8a8a8a; }
      .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
        background-color: #eeeeee;
        border-color: transparent;
        color: #8a8a8a; }
      .button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
        background-color: #e8e8e8;
        border-color: transparent;
        color: #8a8a8a; }
  .button.is-link {
    background-color: #0081B8;
    border-color: transparent;
    color: #fff; }
    .button.is-link:hover, .button.is-link.is-hovered {
      background-color: #0078ab;
      border-color: transparent;
      color: #fff; }
    .button.is-link:focus, .button.is-link.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(0, 129, 184, 0.25); }
    .button.is-link:active, .button.is-link.is-active {
      background-color: #006f9f;
      border-color: transparent;
      color: #fff; }
    .button.is-link[disabled],
    fieldset[disabled] .button.is-link {
      background-color: #0081B8;
      border-color: transparent;
      box-shadow: none; }
    .button.is-link.is-inverted {
      background-color: #fff;
      color: #0081B8; }
      .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-link.is-inverted[disabled],
      fieldset[disabled] .button.is-link.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #0081B8; }
    .button.is-link.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-link.is-outlined {
      background-color: transparent;
      border-color: #0081B8;
      color: #0081B8; }
      .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
        background-color: #0081B8;
        border-color: #0081B8;
        color: #fff; }
      .button.is-link.is-outlined.is-loading::after {
        border-color: transparent transparent #0081B8 #0081B8 !important; }
      .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-link.is-outlined[disabled],
      fieldset[disabled] .button.is-link.is-outlined {
        background-color: transparent;
        border-color: #0081B8;
        box-shadow: none;
        color: #0081B8; }
    .button.is-link.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #0081B8; }
      .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #0081B8 #0081B8 !important; }
      .button.is-link.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-link.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
    .button.is-link.is-light {
      background-color: #ebf9ff;
      color: #009de0; }
      .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
        background-color: #def5ff;
        border-color: transparent;
        color: #009de0; }
      .button.is-link.is-light:active, .button.is-link.is-light.is-active {
        background-color: #d1f1ff;
        border-color: transparent;
        color: #009de0; }
  .button.is-info {
    background-color: #3298dc;
    border-color: transparent;
    color: #fff; }
    .button.is-info:hover, .button.is-info.is-hovered {
      background-color: #2793da;
      border-color: transparent;
      color: #fff; }
    .button.is-info:focus, .button.is-info.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25); }
    .button.is-info:active, .button.is-info.is-active {
      background-color: #238cd1;
      border-color: transparent;
      color: #fff; }
    .button.is-info[disabled],
    fieldset[disabled] .button.is-info {
      background-color: #3298dc;
      border-color: transparent;
      box-shadow: none; }
    .button.is-info.is-inverted {
      background-color: #fff;
      color: #3298dc; }
      .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-info.is-inverted[disabled],
      fieldset[disabled] .button.is-info.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #3298dc; }
    .button.is-info.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-info.is-outlined {
      background-color: transparent;
      border-color: #3298dc;
      color: #3298dc; }
      .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
        background-color: #3298dc;
        border-color: #3298dc;
        color: #fff; }
      .button.is-info.is-outlined.is-loading::after {
        border-color: transparent transparent #3298dc #3298dc !important; }
      .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-info.is-outlined[disabled],
      fieldset[disabled] .button.is-info.is-outlined {
        background-color: transparent;
        border-color: #3298dc;
        box-shadow: none;
        color: #3298dc; }
    .button.is-info.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #3298dc; }
      .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #3298dc #3298dc !important; }
      .button.is-info.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-info.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
    .button.is-info.is-light {
      background-color: #eef6fc;
      color: #1d72aa; }
      .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
        background-color: #e3f1fa;
        border-color: transparent;
        color: #1d72aa; }
      .button.is-info.is-light:active, .button.is-info.is-light.is-active {
        background-color: #d8ebf8;
        border-color: transparent;
        color: #1d72aa; }
  .button.is-success {
    background-color: #79b911;
    border-color: transparent;
    color: #fff; }
    .button.is-success:hover, .button.is-success.is-hovered {
      background-color: #71ad10;
      border-color: transparent;
      color: #fff; }
    .button.is-success:focus, .button.is-success.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(121, 185, 17, 0.25); }
    .button.is-success:active, .button.is-success.is-active {
      background-color: #6aa20f;
      border-color: transparent;
      color: #fff; }
    .button.is-success[disabled],
    fieldset[disabled] .button.is-success {
      background-color: #79b911;
      border-color: transparent;
      box-shadow: none; }
    .button.is-success.is-inverted {
      background-color: #fff;
      color: #79b911; }
      .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-success.is-inverted[disabled],
      fieldset[disabled] .button.is-success.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #79b911; }
    .button.is-success.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-success.is-outlined {
      background-color: transparent;
      border-color: #79b911;
      color: #79b911; }
      .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
        background-color: #79b911;
        border-color: #79b911;
        color: #fff; }
      .button.is-success.is-outlined.is-loading::after {
        border-color: transparent transparent #79b911 #79b911 !important; }
      .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-success.is-outlined[disabled],
      fieldset[disabled] .button.is-success.is-outlined {
        background-color: transparent;
        border-color: #79b911;
        box-shadow: none;
        color: #79b911; }
    .button.is-success.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #79b911; }
      .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #79b911 #79b911 !important; }
      .button.is-success.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-success.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
    .button.is-success.is-light {
      background-color: #f7fdec;
      color: #659a0e; }
      .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
        background-color: #f2fce1;
        border-color: transparent;
        color: #659a0e; }
      .button.is-success.is-light:active, .button.is-success.is-light.is-active {
        background-color: #edfbd5;
        border-color: transparent;
        color: #659a0e; }
  .button.is-warning {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
    .button.is-warning:hover, .button.is-warning.is-hovered {
      background-color: #ffdb4a;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
    .button.is-warning:focus, .button.is-warning.is-focused {
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
      .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
    .button.is-warning:active, .button.is-warning.is-active {
      background-color: #ffd83d;
      border-color: transparent;
      color: rgba(0, 0, 0, 0.7); }
    .button.is-warning[disabled],
    fieldset[disabled] .button.is-warning {
      background-color: #ffdd57;
      border-color: transparent;
      box-shadow: none; }
    .button.is-warning.is-inverted {
      background-color: rgba(0, 0, 0, 0.7);
      color: #ffdd57; }
      .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
        background-color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-inverted[disabled],
      fieldset[disabled] .button.is-warning.is-inverted {
        background-color: rgba(0, 0, 0, 0.7);
        border-color: transparent;
        box-shadow: none;
        color: #ffdd57; }
    .button.is-warning.is-loading::after {
      border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
    .button.is-warning.is-outlined {
      background-color: transparent;
      border-color: #ffdd57;
      color: #ffdd57; }
      .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
        background-color: #ffdd57;
        border-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-outlined.is-loading::after {
        border-color: transparent transparent #ffdd57 #ffdd57 !important; }
      .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }
      .button.is-warning.is-outlined[disabled],
      fieldset[disabled] .button.is-warning.is-outlined {
        background-color: transparent;
        border-color: #ffdd57;
        box-shadow: none;
        color: #ffdd57; }
    .button.is-warning.is-inverted.is-outlined {
      background-color: transparent;
      border-color: rgba(0, 0, 0, 0.7);
      color: rgba(0, 0, 0, 0.7); }
      .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
        background-color: rgba(0, 0, 0, 0.7);
        color: #ffdd57; }
      .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #ffdd57 #ffdd57 !important; }
      .button.is-warning.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
        background-color: transparent;
        border-color: rgba(0, 0, 0, 0.7);
        box-shadow: none;
        color: rgba(0, 0, 0, 0.7); }
    .button.is-warning.is-light {
      background-color: #fffbeb;
      color: #947600; }
      .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
        background-color: #fff8de;
        border-color: transparent;
        color: #947600; }
      .button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
        background-color: #fff6d1;
        border-color: transparent;
        color: #947600; }
  .button.is-danger {
    background-color: #f14668;
    border-color: transparent;
    color: #fff; }
    .button.is-danger:hover, .button.is-danger.is-hovered {
      background-color: #f03a5f;
      border-color: transparent;
      color: #fff; }
    .button.is-danger:focus, .button.is-danger.is-focused {
      border-color: transparent;
      color: #fff; }
      .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
        box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); }
    .button.is-danger:active, .button.is-danger.is-active {
      background-color: #ef2e55;
      border-color: transparent;
      color: #fff; }
    .button.is-danger[disabled],
    fieldset[disabled] .button.is-danger {
      background-color: #f14668;
      border-color: transparent;
      box-shadow: none; }
    .button.is-danger.is-inverted {
      background-color: #fff;
      color: #f14668; }
      .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
        background-color: #f2f2f2; }
      .button.is-danger.is-inverted[disabled],
      fieldset[disabled] .button.is-danger.is-inverted {
        background-color: #fff;
        border-color: transparent;
        box-shadow: none;
        color: #f14668; }
    .button.is-danger.is-loading::after {
      border-color: transparent transparent #fff #fff !important; }
    .button.is-danger.is-outlined {
      background-color: transparent;
      border-color: #f14668;
      color: #f14668; }
      .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
        background-color: #f14668;
        border-color: #f14668;
        color: #fff; }
      .button.is-danger.is-outlined.is-loading::after {
        border-color: transparent transparent #f14668 #f14668 !important; }
      .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #fff #fff !important; }
      .button.is-danger.is-outlined[disabled],
      fieldset[disabled] .button.is-danger.is-outlined {
        background-color: transparent;
        border-color: #f14668;
        box-shadow: none;
        color: #f14668; }
    .button.is-danger.is-inverted.is-outlined {
      background-color: transparent;
      border-color: #fff;
      color: #fff; }
      .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
        background-color: #fff;
        color: #f14668; }
      .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
        border-color: transparent transparent #f14668 #f14668 !important; }
      .button.is-danger.is-inverted.is-outlined[disabled],
      fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
        background-color: transparent;
        border-color: #fff;
        box-shadow: none;
        color: #fff; }
    .button.is-danger.is-light {
      background-color: #feecf0;
      color: #cc0f35; }
      .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
        background-color: #fde0e6;
        border-color: transparent;
        color: #cc0f35; }
      .button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
        background-color: #fcd4dc;
        border-color: transparent;
        color: #cc0f35; }
  .button.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .button.is-normal {
    font-size: 0.95rem; }
  .button.is-medium {
    font-size: 1.25rem; }
  .button.is-large {
    font-size: 1.5rem; }
  .button[disabled],
  fieldset[disabled] .button {
    background-color: white;
    border-color: #dbdbdb;
    box-shadow: none;
    opacity: 0.5; }
  .button.is-fullwidth {
    display: flex;
    width: 100%; }
  .button.is-loading {
    color: transparent !important;
    pointer-events: none; }
    .button.is-loading::after {
      position: absolute;
      left: calc(50% - (1em / 2));
      top: calc(50% - (1em / 2));
      position: absolute !important; }
  .button.is-static {
    background-color: whitesmoke;
    border-color: #dbdbdb;
    color: #717171;
    box-shadow: none;
    pointer-events: none; }
  .button.is-rounded {
    border-radius: 290486px;
    padding-left: calc(1em + 0.25em);
    padding-right: calc(1em + 0.25em); }

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .buttons .button {
    margin-bottom: 0.5rem; }
    .buttons .button:not(:last-child):not(.is-fullwidth) {
      margin-right: 0.5rem; }
  .buttons:last-child {
    margin-bottom: -0.5rem; }
  .buttons:not(:last-child) {
    margin-bottom: 1rem; }
  .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
    border-radius: 2px;
    font-size: 0.75rem; }
  .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
    font-size: 1.25rem; }
  .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
    font-size: 1.5rem; }
  .buttons.has-addons .button:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .buttons.has-addons .button:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: -1px; }
  .buttons.has-addons .button:last-child {
    margin-right: 0; }
  .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
    z-index: 2; }
  .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
    z-index: 3; }
    .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
      z-index: 4; }
  .buttons.has-addons .button.is-expanded {
    flex-grow: 1;
    flex-shrink: 1; }
  .buttons.is-centered {
    justify-content: center; }
    .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
  .buttons.is-right {
    justify-content: flex-end; }
    .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }

.table {
  background-color: white;
  color: #1F1F1F; }
  .table td,
  .table th {
    border: 1px solid #dbdbdb;
    border-width: 0 0 1px;
    padding: 0.5em 0.75em;
    vertical-align: top; }
    .table td.is-white,
    .table th.is-white {
      background-color: white;
      border-color: white;
      color: #0a0a0a; }
    .table td.is-black,
    .table th.is-black {
      background-color: #0a0a0a;
      border-color: #0a0a0a;
      color: white; }
    .table td.is-light,
    .table th.is-light {
      background-color: whitesmoke;
      border-color: whitesmoke;
      color: rgba(0, 0, 0, 0.7); }
    .table td.is-dark,
    .table th.is-dark {
      background-color: #1F1F1F;
      border-color: #1F1F1F;
      color: #fff; }
    .table td.is-primary,
    .table th.is-primary {
      background-color: #313131;
      border-color: #313131;
      color: #fff; }
    .table td.is-link,
    .table th.is-link {
      background-color: #0081B8;
      border-color: #0081B8;
      color: #fff; }
    .table td.is-info,
    .table th.is-info {
      background-color: #3298dc;
      border-color: #3298dc;
      color: #fff; }
    .table td.is-success,
    .table th.is-success {
      background-color: #79b911;
      border-color: #79b911;
      color: #fff; }
    .table td.is-warning,
    .table th.is-warning {
      background-color: #ffdd57;
      border-color: #ffdd57;
      color: rgba(0, 0, 0, 0.7); }
    .table td.is-danger,
    .table th.is-danger {
      background-color: #f14668;
      border-color: #f14668;
      color: #fff; }
    .table td.is-narrow,
    .table th.is-narrow {
      white-space: nowrap;
      width: 1%; }
    .table td.is-selected,
    .table th.is-selected {
      background-color: #313131;
      color: #fff; }
      .table td.is-selected a,
      .table td.is-selected strong,
      .table th.is-selected a,
      .table th.is-selected strong {
        color: currentColor; }
    .table td.is-vcentered,
    .table th.is-vcentered {
      vertical-align: middle; }
  .table th {
    color: #1F1F1F; }
    .table th:not([align]) {
      text-align: inherit; }
  .table tr.is-selected {
    background-color: #313131;
    color: #fff; }
    .table tr.is-selected a,
    .table tr.is-selected strong {
      color: currentColor; }
    .table tr.is-selected td,
    .table tr.is-selected th {
      border-color: #fff;
      color: currentColor; }
  .table thead {
    background-color: transparent; }
    .table thead td,
    .table thead th {
      border-width: 0 0 2px;
      color: #1F1F1F; }
  .table tfoot {
    background-color: transparent; }
    .table tfoot td,
    .table tfoot th {
      border-width: 2px 0 0;
      color: #1F1F1F; }
  .table tbody {
    background-color: transparent; }
    .table tbody tr:last-child td,
    .table tbody tr:last-child th {
      border-bottom-width: 0; }
  .table.is-bordered td,
  .table.is-bordered th {
    border-width: 1px; }
  .table.is-bordered tr:last-child td,
  .table.is-bordered tr:last-child th {
    border-bottom-width: 1px; }
  .table.is-fullwidth {
    width: 100%; }
  .table.is-hoverable tbody tr:not(.is-selected):hover {
    background-color: #F9F9F9; }
  .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
    background-color: #F9F9F9; }
    .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
      background-color: whitesmoke; }
  .table.is-narrow td,
  .table.is-narrow th {
    padding: 0.25em 0.5em; }
  .table.is-striped tbody tr:not(.is-selected):nth-child(even) {
    background-color: #F9F9F9; }

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%; }

.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem; }
  .columns.is-mobile > .column.is-narrow {
    flex: none; }
  .columns.is-mobile > .column.is-full {
    flex: none;
    width: 100%; }
  .columns.is-mobile > .column.is-three-quarters {
    flex: none;
    width: 75%; }
  .columns.is-mobile > .column.is-two-thirds {
    flex: none;
    width: 66.6666%; }
  .columns.is-mobile > .column.is-half {
    flex: none;
    width: 50%; }
  .columns.is-mobile > .column.is-one-third {
    flex: none;
    width: 33.3333%; }
  .columns.is-mobile > .column.is-one-quarter {
    flex: none;
    width: 25%; }
  .columns.is-mobile > .column.is-one-fifth {
    flex: none;
    width: 20%; }
  .columns.is-mobile > .column.is-two-fifths {
    flex: none;
    width: 40%; }
  .columns.is-mobile > .column.is-three-fifths {
    flex: none;
    width: 60%; }
  .columns.is-mobile > .column.is-four-fifths {
    flex: none;
    width: 80%; }
  .columns.is-mobile > .column.is-offset-three-quarters {
    margin-left: 75%; }
  .columns.is-mobile > .column.is-offset-two-thirds {
    margin-left: 66.6666%; }
  .columns.is-mobile > .column.is-offset-half {
    margin-left: 50%; }
  .columns.is-mobile > .column.is-offset-one-third {
    margin-left: 33.3333%; }
  .columns.is-mobile > .column.is-offset-one-quarter {
    margin-left: 25%; }
  .columns.is-mobile > .column.is-offset-one-fifth {
    margin-left: 20%; }
  .columns.is-mobile > .column.is-offset-two-fifths {
    margin-left: 40%; }
  .columns.is-mobile > .column.is-offset-three-fifths {
    margin-left: 60%; }
  .columns.is-mobile > .column.is-offset-four-fifths {
    margin-left: 80%; }
  .columns.is-mobile > .column.is-0 {
    flex: none;
    width: 0%; }
  .columns.is-mobile > .column.is-offset-0 {
    margin-left: 0%; }
  .columns.is-mobile > .column.is-1 {
    flex: none;
    width: 8.33333%; }
  .columns.is-mobile > .column.is-offset-1 {
    margin-left: 8.33333%; }
  .columns.is-mobile > .column.is-2 {
    flex: none;
    width: 16.66667%; }
  .columns.is-mobile > .column.is-offset-2 {
    margin-left: 16.66667%; }
  .columns.is-mobile > .column.is-3 {
    flex: none;
    width: 25%; }
  .columns.is-mobile > .column.is-offset-3 {
    margin-left: 25%; }
  .columns.is-mobile > .column.is-4 {
    flex: none;
    width: 33.33333%; }
  .columns.is-mobile > .column.is-offset-4 {
    margin-left: 33.33333%; }
  .columns.is-mobile > .column.is-5 {
    flex: none;
    width: 41.66667%; }
  .columns.is-mobile > .column.is-offset-5 {
    margin-left: 41.66667%; }
  .columns.is-mobile > .column.is-6 {
    flex: none;
    width: 50%; }
  .columns.is-mobile > .column.is-offset-6 {
    margin-left: 50%; }
  .columns.is-mobile > .column.is-7 {
    flex: none;
    width: 58.33333%; }
  .columns.is-mobile > .column.is-offset-7 {
    margin-left: 58.33333%; }
  .columns.is-mobile > .column.is-8 {
    flex: none;
    width: 66.66667%; }
  .columns.is-mobile > .column.is-offset-8 {
    margin-left: 66.66667%; }
  .columns.is-mobile > .column.is-9 {
    flex: none;
    width: 75%; }
  .columns.is-mobile > .column.is-offset-9 {
    margin-left: 75%; }
  .columns.is-mobile > .column.is-10 {
    flex: none;
    width: 83.33333%; }
  .columns.is-mobile > .column.is-offset-10 {
    margin-left: 83.33333%; }
  .columns.is-mobile > .column.is-11 {
    flex: none;
    width: 91.66667%; }
  .columns.is-mobile > .column.is-offset-11 {
    margin-left: 91.66667%; }
  .columns.is-mobile > .column.is-12 {
    flex: none;
    width: 100%; }
  .columns.is-mobile > .column.is-offset-12 {
    margin-left: 100%; }
  @media screen and (max-width: 768px) {
    .column.is-narrow-mobile {
      flex: none; }
    .column.is-full-mobile {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-mobile {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-mobile {
      flex: none;
      width: 66.6666%; }
    .column.is-half-mobile {
      flex: none;
      width: 50%; }
    .column.is-one-third-mobile {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-mobile {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-mobile {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-mobile {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-mobile {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-mobile {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-mobile {
      margin-left: 75%; }
    .column.is-offset-two-thirds-mobile {
      margin-left: 66.6666%; }
    .column.is-offset-half-mobile {
      margin-left: 50%; }
    .column.is-offset-one-third-mobile {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-mobile {
      margin-left: 25%; }
    .column.is-offset-one-fifth-mobile {
      margin-left: 20%; }
    .column.is-offset-two-fifths-mobile {
      margin-left: 40%; }
    .column.is-offset-three-fifths-mobile {
      margin-left: 60%; }
    .column.is-offset-four-fifths-mobile {
      margin-left: 80%; }
    .column.is-0-mobile {
      flex: none;
      width: 0%; }
    .column.is-offset-0-mobile {
      margin-left: 0%; }
    .column.is-1-mobile {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-mobile {
      margin-left: 8.33333%; }
    .column.is-2-mobile {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-mobile {
      margin-left: 16.66667%; }
    .column.is-3-mobile {
      flex: none;
      width: 25%; }
    .column.is-offset-3-mobile {
      margin-left: 25%; }
    .column.is-4-mobile {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-mobile {
      margin-left: 33.33333%; }
    .column.is-5-mobile {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-mobile {
      margin-left: 41.66667%; }
    .column.is-6-mobile {
      flex: none;
      width: 50%; }
    .column.is-offset-6-mobile {
      margin-left: 50%; }
    .column.is-7-mobile {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-mobile {
      margin-left: 58.33333%; }
    .column.is-8-mobile {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-mobile {
      margin-left: 66.66667%; }
    .column.is-9-mobile {
      flex: none;
      width: 75%; }
    .column.is-offset-9-mobile {
      margin-left: 75%; }
    .column.is-10-mobile {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-mobile {
      margin-left: 83.33333%; }
    .column.is-11-mobile {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-mobile {
      margin-left: 91.66667%; }
    .column.is-12-mobile {
      flex: none;
      width: 100%; }
    .column.is-offset-12-mobile {
      margin-left: 100%; } }
  @media screen and (min-width: 769px), print {
    .column.is-narrow, .column.is-narrow-tablet {
      flex: none; }
    .column.is-full, .column.is-full-tablet {
      flex: none;
      width: 100%; }
    .column.is-three-quarters, .column.is-three-quarters-tablet {
      flex: none;
      width: 75%; }
    .column.is-two-thirds, .column.is-two-thirds-tablet {
      flex: none;
      width: 66.6666%; }
    .column.is-half, .column.is-half-tablet {
      flex: none;
      width: 50%; }
    .column.is-one-third, .column.is-one-third-tablet {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter, .column.is-one-quarter-tablet {
      flex: none;
      width: 25%; }
    .column.is-one-fifth, .column.is-one-fifth-tablet {
      flex: none;
      width: 20%; }
    .column.is-two-fifths, .column.is-two-fifths-tablet {
      flex: none;
      width: 40%; }
    .column.is-three-fifths, .column.is-three-fifths-tablet {
      flex: none;
      width: 60%; }
    .column.is-four-fifths, .column.is-four-fifths-tablet {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
      margin-left: 75%; }
    .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
      margin-left: 66.6666%; }
    .column.is-offset-half, .column.is-offset-half-tablet {
      margin-left: 50%; }
    .column.is-offset-one-third, .column.is-offset-one-third-tablet {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
      margin-left: 25%; }
    .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
      margin-left: 20%; }
    .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
      margin-left: 40%; }
    .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
      margin-left: 60%; }
    .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
      margin-left: 80%; }
    .column.is-0, .column.is-0-tablet {
      flex: none;
      width: 0%; }
    .column.is-offset-0, .column.is-offset-0-tablet {
      margin-left: 0%; }
    .column.is-1, .column.is-1-tablet {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1, .column.is-offset-1-tablet {
      margin-left: 8.33333%; }
    .column.is-2, .column.is-2-tablet {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2, .column.is-offset-2-tablet {
      margin-left: 16.66667%; }
    .column.is-3, .column.is-3-tablet {
      flex: none;
      width: 25%; }
    .column.is-offset-3, .column.is-offset-3-tablet {
      margin-left: 25%; }
    .column.is-4, .column.is-4-tablet {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4, .column.is-offset-4-tablet {
      margin-left: 33.33333%; }
    .column.is-5, .column.is-5-tablet {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5, .column.is-offset-5-tablet {
      margin-left: 41.66667%; }
    .column.is-6, .column.is-6-tablet {
      flex: none;
      width: 50%; }
    .column.is-offset-6, .column.is-offset-6-tablet {
      margin-left: 50%; }
    .column.is-7, .column.is-7-tablet {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7, .column.is-offset-7-tablet {
      margin-left: 58.33333%; }
    .column.is-8, .column.is-8-tablet {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8, .column.is-offset-8-tablet {
      margin-left: 66.66667%; }
    .column.is-9, .column.is-9-tablet {
      flex: none;
      width: 75%; }
    .column.is-offset-9, .column.is-offset-9-tablet {
      margin-left: 75%; }
    .column.is-10, .column.is-10-tablet {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10, .column.is-offset-10-tablet {
      margin-left: 83.33333%; }
    .column.is-11, .column.is-11-tablet {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11, .column.is-offset-11-tablet {
      margin-left: 91.66667%; }
    .column.is-12, .column.is-12-tablet {
      flex: none;
      width: 100%; }
    .column.is-offset-12, .column.is-offset-12-tablet {
      margin-left: 100%; } }
  @media screen and (max-width: 1023px) {
    .column.is-narrow-touch {
      flex: none; }
    .column.is-full-touch {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-touch {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-touch {
      flex: none;
      width: 66.6666%; }
    .column.is-half-touch {
      flex: none;
      width: 50%; }
    .column.is-one-third-touch {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-touch {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-touch {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-touch {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-touch {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-touch {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-touch {
      margin-left: 75%; }
    .column.is-offset-two-thirds-touch {
      margin-left: 66.6666%; }
    .column.is-offset-half-touch {
      margin-left: 50%; }
    .column.is-offset-one-third-touch {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-touch {
      margin-left: 25%; }
    .column.is-offset-one-fifth-touch {
      margin-left: 20%; }
    .column.is-offset-two-fifths-touch {
      margin-left: 40%; }
    .column.is-offset-three-fifths-touch {
      margin-left: 60%; }
    .column.is-offset-four-fifths-touch {
      margin-left: 80%; }
    .column.is-0-touch {
      flex: none;
      width: 0%; }
    .column.is-offset-0-touch {
      margin-left: 0%; }
    .column.is-1-touch {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-touch {
      margin-left: 8.33333%; }
    .column.is-2-touch {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-touch {
      margin-left: 16.66667%; }
    .column.is-3-touch {
      flex: none;
      width: 25%; }
    .column.is-offset-3-touch {
      margin-left: 25%; }
    .column.is-4-touch {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-touch {
      margin-left: 33.33333%; }
    .column.is-5-touch {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-touch {
      margin-left: 41.66667%; }
    .column.is-6-touch {
      flex: none;
      width: 50%; }
    .column.is-offset-6-touch {
      margin-left: 50%; }
    .column.is-7-touch {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-touch {
      margin-left: 58.33333%; }
    .column.is-8-touch {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-touch {
      margin-left: 66.66667%; }
    .column.is-9-touch {
      flex: none;
      width: 75%; }
    .column.is-offset-9-touch {
      margin-left: 75%; }
    .column.is-10-touch {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-touch {
      margin-left: 83.33333%; }
    .column.is-11-touch {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-touch {
      margin-left: 91.66667%; }
    .column.is-12-touch {
      flex: none;
      width: 100%; }
    .column.is-offset-12-touch {
      margin-left: 100%; } }
  @media screen and (min-width: 1024px) {
    .column.is-narrow-desktop {
      flex: none; }
    .column.is-full-desktop {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-desktop {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-desktop {
      flex: none;
      width: 66.6666%; }
    .column.is-half-desktop {
      flex: none;
      width: 50%; }
    .column.is-one-third-desktop {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-desktop {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-desktop {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-desktop {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-desktop {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-desktop {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-desktop {
      margin-left: 75%; }
    .column.is-offset-two-thirds-desktop {
      margin-left: 66.6666%; }
    .column.is-offset-half-desktop {
      margin-left: 50%; }
    .column.is-offset-one-third-desktop {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-desktop {
      margin-left: 25%; }
    .column.is-offset-one-fifth-desktop {
      margin-left: 20%; }
    .column.is-offset-two-fifths-desktop {
      margin-left: 40%; }
    .column.is-offset-three-fifths-desktop {
      margin-left: 60%; }
    .column.is-offset-four-fifths-desktop {
      margin-left: 80%; }
    .column.is-0-desktop {
      flex: none;
      width: 0%; }
    .column.is-offset-0-desktop {
      margin-left: 0%; }
    .column.is-1-desktop {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-desktop {
      margin-left: 8.33333%; }
    .column.is-2-desktop {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-desktop {
      margin-left: 16.66667%; }
    .column.is-3-desktop {
      flex: none;
      width: 25%; }
    .column.is-offset-3-desktop {
      margin-left: 25%; }
    .column.is-4-desktop {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-desktop {
      margin-left: 33.33333%; }
    .column.is-5-desktop {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-desktop {
      margin-left: 41.66667%; }
    .column.is-6-desktop {
      flex: none;
      width: 50%; }
    .column.is-offset-6-desktop {
      margin-left: 50%; }
    .column.is-7-desktop {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-desktop {
      margin-left: 58.33333%; }
    .column.is-8-desktop {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-desktop {
      margin-left: 66.66667%; }
    .column.is-9-desktop {
      flex: none;
      width: 75%; }
    .column.is-offset-9-desktop {
      margin-left: 75%; }
    .column.is-10-desktop {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-desktop {
      margin-left: 83.33333%; }
    .column.is-11-desktop {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-desktop {
      margin-left: 91.66667%; }
    .column.is-12-desktop {
      flex: none;
      width: 100%; }
    .column.is-offset-12-desktop {
      margin-left: 100%; } }
  @media screen and (min-width: 1216px) {
    .column.is-narrow-widescreen {
      flex: none; }
    .column.is-full-widescreen {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-widescreen {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-widescreen {
      flex: none;
      width: 66.6666%; }
    .column.is-half-widescreen {
      flex: none;
      width: 50%; }
    .column.is-one-third-widescreen {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-widescreen {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-widescreen {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-widescreen {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-widescreen {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-widescreen {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-widescreen {
      margin-left: 75%; }
    .column.is-offset-two-thirds-widescreen {
      margin-left: 66.6666%; }
    .column.is-offset-half-widescreen {
      margin-left: 50%; }
    .column.is-offset-one-third-widescreen {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-widescreen {
      margin-left: 25%; }
    .column.is-offset-one-fifth-widescreen {
      margin-left: 20%; }
    .column.is-offset-two-fifths-widescreen {
      margin-left: 40%; }
    .column.is-offset-three-fifths-widescreen {
      margin-left: 60%; }
    .column.is-offset-four-fifths-widescreen {
      margin-left: 80%; }
    .column.is-0-widescreen {
      flex: none;
      width: 0%; }
    .column.is-offset-0-widescreen {
      margin-left: 0%; }
    .column.is-1-widescreen {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-widescreen {
      margin-left: 8.33333%; }
    .column.is-2-widescreen {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-widescreen {
      margin-left: 16.66667%; }
    .column.is-3-widescreen {
      flex: none;
      width: 25%; }
    .column.is-offset-3-widescreen {
      margin-left: 25%; }
    .column.is-4-widescreen {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-widescreen {
      margin-left: 33.33333%; }
    .column.is-5-widescreen {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-widescreen {
      margin-left: 41.66667%; }
    .column.is-6-widescreen {
      flex: none;
      width: 50%; }
    .column.is-offset-6-widescreen {
      margin-left: 50%; }
    .column.is-7-widescreen {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-widescreen {
      margin-left: 58.33333%; }
    .column.is-8-widescreen {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-widescreen {
      margin-left: 66.66667%; }
    .column.is-9-widescreen {
      flex: none;
      width: 75%; }
    .column.is-offset-9-widescreen {
      margin-left: 75%; }
    .column.is-10-widescreen {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-widescreen {
      margin-left: 83.33333%; }
    .column.is-11-widescreen {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-widescreen {
      margin-left: 91.66667%; }
    .column.is-12-widescreen {
      flex: none;
      width: 100%; }
    .column.is-offset-12-widescreen {
      margin-left: 100%; } }
  @media screen and (min-width: 1408px) {
    .column.is-narrow-fullhd {
      flex: none; }
    .column.is-full-fullhd {
      flex: none;
      width: 100%; }
    .column.is-three-quarters-fullhd {
      flex: none;
      width: 75%; }
    .column.is-two-thirds-fullhd {
      flex: none;
      width: 66.6666%; }
    .column.is-half-fullhd {
      flex: none;
      width: 50%; }
    .column.is-one-third-fullhd {
      flex: none;
      width: 33.3333%; }
    .column.is-one-quarter-fullhd {
      flex: none;
      width: 25%; }
    .column.is-one-fifth-fullhd {
      flex: none;
      width: 20%; }
    .column.is-two-fifths-fullhd {
      flex: none;
      width: 40%; }
    .column.is-three-fifths-fullhd {
      flex: none;
      width: 60%; }
    .column.is-four-fifths-fullhd {
      flex: none;
      width: 80%; }
    .column.is-offset-three-quarters-fullhd {
      margin-left: 75%; }
    .column.is-offset-two-thirds-fullhd {
      margin-left: 66.6666%; }
    .column.is-offset-half-fullhd {
      margin-left: 50%; }
    .column.is-offset-one-third-fullhd {
      margin-left: 33.3333%; }
    .column.is-offset-one-quarter-fullhd {
      margin-left: 25%; }
    .column.is-offset-one-fifth-fullhd {
      margin-left: 20%; }
    .column.is-offset-two-fifths-fullhd {
      margin-left: 40%; }
    .column.is-offset-three-fifths-fullhd {
      margin-left: 60%; }
    .column.is-offset-four-fifths-fullhd {
      margin-left: 80%; }
    .column.is-0-fullhd {
      flex: none;
      width: 0%; }
    .column.is-offset-0-fullhd {
      margin-left: 0%; }
    .column.is-1-fullhd {
      flex: none;
      width: 8.33333%; }
    .column.is-offset-1-fullhd {
      margin-left: 8.33333%; }
    .column.is-2-fullhd {
      flex: none;
      width: 16.66667%; }
    .column.is-offset-2-fullhd {
      margin-left: 16.66667%; }
    .column.is-3-fullhd {
      flex: none;
      width: 25%; }
    .column.is-offset-3-fullhd {
      margin-left: 25%; }
    .column.is-4-fullhd {
      flex: none;
      width: 33.33333%; }
    .column.is-offset-4-fullhd {
      margin-left: 33.33333%; }
    .column.is-5-fullhd {
      flex: none;
      width: 41.66667%; }
    .column.is-offset-5-fullhd {
      margin-left: 41.66667%; }
    .column.is-6-fullhd {
      flex: none;
      width: 50%; }
    .column.is-offset-6-fullhd {
      margin-left: 50%; }
    .column.is-7-fullhd {
      flex: none;
      width: 58.33333%; }
    .column.is-offset-7-fullhd {
      margin-left: 58.33333%; }
    .column.is-8-fullhd {
      flex: none;
      width: 66.66667%; }
    .column.is-offset-8-fullhd {
      margin-left: 66.66667%; }
    .column.is-9-fullhd {
      flex: none;
      width: 75%; }
    .column.is-offset-9-fullhd {
      margin-left: 75%; }
    .column.is-10-fullhd {
      flex: none;
      width: 83.33333%; }
    .column.is-offset-10-fullhd {
      margin-left: 83.33333%; }
    .column.is-11-fullhd {
      flex: none;
      width: 91.66667%; }
    .column.is-offset-11-fullhd {
      margin-left: 91.66667%; }
    .column.is-12-fullhd {
      flex: none;
      width: 100%; }
    .column.is-offset-12-fullhd {
      margin-left: 100%; } }

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem; }
  .columns:last-child {
    margin-bottom: -0.75rem; }
  .columns:not(:last-child) {
    margin-bottom: calc(1.5rem - 0.75rem); }
  .columns.is-centered {
    justify-content: center; }
  .columns.is-gapless {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0; }
    .columns.is-gapless > .column {
      margin: 0;
      padding: 0 !important; }
    .columns.is-gapless:not(:last-child) {
      margin-bottom: 1.5rem; }
    .columns.is-gapless:last-child {
      margin-bottom: 0; }
  .columns.is-mobile {
    display: flex; }
  .columns.is-multiline {
    flex-wrap: wrap; }
  .columns.is-vcentered {
    align-items: center; }
  @media screen and (min-width: 769px), print {
    .columns:not(.is-desktop) {
      display: flex; } }
  @media screen and (min-width: 1024px) {
    .columns.is-desktop {
      display: flex; } }

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap)); }
  .columns.is-variable .column {
    padding-left: var(--columnGap);
    padding-right: var(--columnGap); }
  .columns.is-variable.is-0 {
    --columnGap: 0rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-0-mobile {
      --columnGap: 0rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-0-tablet {
      --columnGap: 0rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-0-tablet-only {
      --columnGap: 0rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-0-touch {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-0-desktop {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-0-desktop-only {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-0-widescreen {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-0-widescreen-only {
      --columnGap: 0rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-0-fullhd {
      --columnGap: 0rem; } }
  .columns.is-variable.is-1 {
    --columnGap: 0.25rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-1-mobile {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-1-tablet {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-1-tablet-only {
      --columnGap: 0.25rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-1-touch {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-1-desktop {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-1-desktop-only {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-1-widescreen {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-1-widescreen-only {
      --columnGap: 0.25rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-1-fullhd {
      --columnGap: 0.25rem; } }
  .columns.is-variable.is-2 {
    --columnGap: 0.5rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-2-mobile {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-2-tablet {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-2-tablet-only {
      --columnGap: 0.5rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-2-touch {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-2-desktop {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-2-desktop-only {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-2-widescreen {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-2-widescreen-only {
      --columnGap: 0.5rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-2-fullhd {
      --columnGap: 0.5rem; } }
  .columns.is-variable.is-3 {
    --columnGap: 0.75rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-3-mobile {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-3-tablet {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-3-tablet-only {
      --columnGap: 0.75rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-3-touch {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-3-desktop {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-3-desktop-only {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-3-widescreen {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-3-widescreen-only {
      --columnGap: 0.75rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-3-fullhd {
      --columnGap: 0.75rem; } }
  .columns.is-variable.is-4 {
    --columnGap: 1rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-4-mobile {
      --columnGap: 1rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-4-tablet {
      --columnGap: 1rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-4-tablet-only {
      --columnGap: 1rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-4-touch {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-4-desktop {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-4-desktop-only {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-4-widescreen {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-4-widescreen-only {
      --columnGap: 1rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-4-fullhd {
      --columnGap: 1rem; } }
  .columns.is-variable.is-5 {
    --columnGap: 1.25rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-5-mobile {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-5-tablet {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-5-tablet-only {
      --columnGap: 1.25rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-5-touch {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-5-desktop {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-5-desktop-only {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-5-widescreen {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-5-widescreen-only {
      --columnGap: 1.25rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-5-fullhd {
      --columnGap: 1.25rem; } }
  .columns.is-variable.is-6 {
    --columnGap: 1.5rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-6-mobile {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-6-tablet {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-6-tablet-only {
      --columnGap: 1.5rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-6-touch {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-6-desktop {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-6-desktop-only {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-6-widescreen {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-6-widescreen-only {
      --columnGap: 1.5rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-6-fullhd {
      --columnGap: 1.5rem; } }
  .columns.is-variable.is-7 {
    --columnGap: 1.75rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-7-mobile {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-7-tablet {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-7-tablet-only {
      --columnGap: 1.75rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-7-touch {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-7-desktop {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-7-desktop-only {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-7-widescreen {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-7-widescreen-only {
      --columnGap: 1.75rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-7-fullhd {
      --columnGap: 1.75rem; } }
  .columns.is-variable.is-8 {
    --columnGap: 2rem; }
  @media screen and (max-width: 768px) {
    .columns.is-variable.is-8-mobile {
      --columnGap: 2rem; } }
  @media screen and (min-width: 769px), print {
    .columns.is-variable.is-8-tablet {
      --columnGap: 2rem; } }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .columns.is-variable.is-8-tablet-only {
      --columnGap: 2rem; } }
  @media screen and (max-width: 1023px) {
    .columns.is-variable.is-8-touch {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1024px) {
    .columns.is-variable.is-8-desktop {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1024px) and (max-width: 1215px) {
    .columns.is-variable.is-8-desktop-only {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1216px) {
    .columns.is-variable.is-8-widescreen {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1216px) and (max-width: 1407px) {
    .columns.is-variable.is-8-widescreen-only {
      --columnGap: 2rem; } }
  @media screen and (min-width: 1408px) {
    .columns.is-variable.is-8-fullhd {
      --columnGap: 2rem; } }

/* Bulma Helpers */
.has-text-white {
  color: white !important; }

a.has-text-white:hover, a.has-text-white:focus {
  color: #e6e6e6 !important; }

.has-background-white {
  background-color: white !important; }

.has-text-black {
  color: #0a0a0a !important; }

a.has-text-black:hover, a.has-text-black:focus {
  color: black !important; }

.has-background-black {
  background-color: #0a0a0a !important; }

.has-text-light {
  color: whitesmoke !important; }

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

.has-background-light {
  background-color: whitesmoke !important; }

.has-text-dark {
  color: #1F1F1F !important; }

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

.has-background-dark {
  background-color: #1F1F1F !important; }

.has-text-primary {
  color: #313131 !important; }

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

.has-background-primary {
  background-color: #313131 !important; }

.has-text-primary-light {
  color: whitesmoke !important; }

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

.has-background-primary-light {
  background-color: whitesmoke !important; }

.has-text-primary-dark {
  color: #8a8a8a !important; }

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: #a3a3a3 !important; }

.has-background-primary-dark {
  background-color: #8a8a8a !important; }

.has-text-link {
  color: #0081B8 !important; }

a.has-text-link:hover, a.has-text-link:focus {
  color: #005d85 !important; }

.has-background-link {
  background-color: #0081B8 !important; }

.has-text-link-light {
  color: #ebf9ff !important; }

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

.has-background-link-light {
  background-color: #ebf9ff !important; }

.has-text-link-dark {
  color: #009de0 !important; }

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: #14b9ff !important; }

.has-background-link-dark {
  background-color: #009de0 !important; }

.has-text-info {
  color: #3298dc !important; }

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

.has-background-info {
  background-color: #3298dc !important; }

.has-text-info-light {
  color: #eef6fc !important; }

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

.has-background-info-light {
  background-color: #eef6fc !important; }

.has-text-info-dark {
  color: #1d72aa !important; }

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: #248fd6 !important; }

.has-background-info-dark {
  background-color: #1d72aa !important; }

.has-text-success {
  color: #79b911 !important; }

a.has-text-success:hover, a.has-text-success:focus {
  color: #5a8a0d !important; }

.has-background-success {
  background-color: #79b911 !important; }

.has-text-success-light {
  color: #f7fdec !important; }

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

.has-background-success-light {
  background-color: #f7fdec !important; }

.has-text-success-dark {
  color: #659a0e !important; }

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: #83c912 !important; }

.has-background-success-dark {
  background-color: #659a0e !important; }

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

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

.has-background-warning {
  background-color: #ffdd57 !important; }

.has-text-warning-light {
  color: #fffbeb !important; }

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

.has-background-warning-light {
  background-color: #fffbeb !important; }

.has-text-warning-dark {
  color: #947600 !important; }

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

.has-background-warning-dark {
  background-color: #947600 !important; }

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

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

.has-background-danger {
  background-color: #f14668 !important; }

.has-text-danger-light {
  color: #feecf0 !important; }

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

.has-background-danger-light {
  background-color: #feecf0 !important; }

.has-text-danger-dark {
  color: #cc0f35 !important; }

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

.has-background-danger-dark {
  background-color: #cc0f35 !important; }

.has-text-black-bis {
  color: #121212 !important; }

.has-background-black-bis {
  background-color: #121212 !important; }

.has-text-black-ter {
  color: #242424 !important; }

.has-background-black-ter {
  background-color: #242424 !important; }

.has-text-grey-darker {
  color: #1F1F1F !important; }

.has-background-grey-darker {
  background-color: #1F1F1F !important; }

.has-text-grey-dark {
  color: #4a4a4a !important; }

.has-background-grey-dark {
  background-color: #4a4a4a !important; }

.has-text-grey {
  color: #717171 !important; }

.has-background-grey {
  background-color: #717171 !important; }

.has-text-grey-light {
  color: #b5b5b5 !important; }

.has-background-grey-light {
  background-color: #b5b5b5 !important; }

.has-text-grey-lighter {
  color: #dbdbdb !important; }

.has-background-grey-lighter {
  background-color: #dbdbdb !important; }

.has-text-white-ter {
  color: whitesmoke !important; }

.has-background-white-ter {
  background-color: whitesmoke !important; }

.has-text-white-bis {
  color: #F9F9F9 !important; }

.has-background-white-bis {
  background-color: #F9F9F9 !important; }

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

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

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

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

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

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

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

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

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

.is-justify-content-center {
  justify-content: center !important; }

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

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

.is-justify-content-space-evenly {
  justify-content: space-evenly !important; }

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

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

.is-justify-content-left {
  justify-content: left !important; }

.is-justify-content-right {
  justify-content: right !important; }

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

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

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

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

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

.is-align-content-space-evenly {
  align-content: space-evenly !important; }

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

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

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

.is-align-content-baseline {
  align-content: baseline !important; }

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

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

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

.is-align-items-center {
  align-items: center !important; }

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

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

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

.is-align-items-self-start {
  align-items: self-start !important; }

.is-align-items-self-end {
  align-items: self-end !important; }

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

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

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

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

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

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

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

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

.is-flex-grow-2 {
  flex-grow: 2 !important; }

.is-flex-grow-3 {
  flex-grow: 3 !important; }

.is-flex-grow-4 {
  flex-grow: 4 !important; }

.is-flex-grow-5 {
  flex-grow: 5 !important; }

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

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

.is-flex-shrink-2 {
  flex-shrink: 2 !important; }

.is-flex-shrink-3 {
  flex-shrink: 3 !important; }

.is-flex-shrink-4 {
  flex-shrink: 4 !important; }

.is-flex-shrink-5 {
  flex-shrink: 5 !important; }

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table; }

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

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

.is-radiusless {
  border-radius: 0 !important; }

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

.is-clickable {
  cursor: pointer !important; }

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

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

.is-marginless {
  margin: 0 !important; }

.is-paddingless {
  padding: 0 !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-3 {
  margin-top: 0.75rem !important; }

.mr-3 {
  margin-right: 0.75rem !important; }

.mb-3 {
  margin-bottom: 0.75rem !important; }

.ml-3 {
  margin-left: 0.75rem !important; }

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important; }

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important; }

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

.mt-4 {
  margin-top: 1rem !important; }

.mr-4 {
  margin-right: 1rem !important; }

.mb-4 {
  margin-bottom: 1rem !important; }

.ml-4 {
  margin-left: 1rem !important; }

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important; }

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

.mt-5 {
  margin-top: 1.5rem !important; }

.mr-5 {
  margin-right: 1.5rem !important; }

.mb-5 {
  margin-bottom: 1.5rem !important; }

.ml-5 {
  margin-left: 1.5rem !important; }

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important; }

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important; }

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

.mt-6 {
  margin-top: 3rem !important; }

.mr-6 {
  margin-right: 3rem !important; }

.mb-6 {
  margin-bottom: 3rem !important; }

.ml-6 {
  margin-left: 3rem !important; }

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important; }

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-3 {
  padding-top: 0.75rem !important; }

.pr-3 {
  padding-right: 0.75rem !important; }

.pb-3 {
  padding-bottom: 0.75rem !important; }

.pl-3 {
  padding-left: 0.75rem !important; }

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important; }

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important; }

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

.pt-4 {
  padding-top: 1rem !important; }

.pr-4 {
  padding-right: 1rem !important; }

.pb-4 {
  padding-bottom: 1rem !important; }

.pl-4 {
  padding-left: 1rem !important; }

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important; }

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important; }

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

.pt-5 {
  padding-top: 1.5rem !important; }

.pr-5 {
  padding-right: 1.5rem !important; }

.pb-5 {
  padding-bottom: 1.5rem !important; }

.pl-5 {
  padding-left: 1.5rem !important; }

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important; }

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important; }

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

.pt-6 {
  padding-top: 3rem !important; }

.pr-6 {
  padding-right: 3rem !important; }

.pb-6 {
  padding-bottom: 3rem !important; }

.pl-6 {
  padding-left: 3rem !important; }

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important; }

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important; }

.is-size-1 {
  font-size: 3rem !important; }

.is-size-2 {
  font-size: 2.5rem !important; }

.is-size-3 {
  font-size: 2rem !important; }

.is-size-4 {
  font-size: 1.5rem !important; }

.is-size-5 {
  font-size: 1.25rem !important; }

.is-size-6 {
  font-size: 0.95rem !important; }

.is-size-7 {
  font-size: 0.75rem !important; }

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important; }
  .is-size-2-mobile {
    font-size: 2.5rem !important; }
  .is-size-3-mobile {
    font-size: 2rem !important; }
  .is-size-4-mobile {
    font-size: 1.5rem !important; }
  .is-size-5-mobile {
    font-size: 1.25rem !important; }
  .is-size-6-mobile {
    font-size: 0.95rem !important; }
  .is-size-7-mobile {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important; }
  .is-size-2-tablet {
    font-size: 2.5rem !important; }
  .is-size-3-tablet {
    font-size: 2rem !important; }
  .is-size-4-tablet {
    font-size: 1.5rem !important; }
  .is-size-5-tablet {
    font-size: 1.25rem !important; }
  .is-size-6-tablet {
    font-size: 0.95rem !important; }
  .is-size-7-tablet {
    font-size: 0.75rem !important; } }

@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important; }
  .is-size-2-touch {
    font-size: 2.5rem !important; }
  .is-size-3-touch {
    font-size: 2rem !important; }
  .is-size-4-touch {
    font-size: 1.5rem !important; }
  .is-size-5-touch {
    font-size: 1.25rem !important; }
  .is-size-6-touch {
    font-size: 0.95rem !important; }
  .is-size-7-touch {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important; }
  .is-size-2-desktop {
    font-size: 2.5rem !important; }
  .is-size-3-desktop {
    font-size: 2rem !important; }
  .is-size-4-desktop {
    font-size: 1.5rem !important; }
  .is-size-5-desktop {
    font-size: 1.25rem !important; }
  .is-size-6-desktop {
    font-size: 0.95rem !important; }
  .is-size-7-desktop {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important; }
  .is-size-2-widescreen {
    font-size: 2.5rem !important; }
  .is-size-3-widescreen {
    font-size: 2rem !important; }
  .is-size-4-widescreen {
    font-size: 1.5rem !important; }
  .is-size-5-widescreen {
    font-size: 1.25rem !important; }
  .is-size-6-widescreen {
    font-size: 0.95rem !important; }
  .is-size-7-widescreen {
    font-size: 0.75rem !important; } }

@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important; }
  .is-size-2-fullhd {
    font-size: 2.5rem !important; }
  .is-size-3-fullhd {
    font-size: 2rem !important; }
  .is-size-4-fullhd {
    font-size: 1.5rem !important; }
  .is-size-5-fullhd {
    font-size: 1.25rem !important; }
  .is-size-6-fullhd {
    font-size: 0.95rem !important; }
  .is-size-7-fullhd {
    font-size: 0.75rem !important; } }

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

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

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

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

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important; } }

@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important; } }

@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important; } }

@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important; } }

@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important; } }

@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important; } }

@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important; } }

@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important; } }

@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important; } }

@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important; } }

@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important; } }

@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important; } }

@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important; } }

@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important; } }

@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important; } }

@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important; } }

@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important; } }

@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important; } }

@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important; } }

@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important; } }

@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important; } }

@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important; } }

@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important; } }

@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important; } }

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

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

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

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

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

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

.has-text-weight-medium {
  font-weight: 500 !important; }

.has-text-weight-semibold {
  font-weight: 600 !important; }

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

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; }

.is-family-monospace {
  font-family: monospace !important; }

.is-family-code {
  font-family: monospace !important; }

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

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important; } }

@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important; } }

@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important; } }

@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important; } }

@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important; } }

@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important; } }

.is-flex {
  display: flex !important; }

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important; } }

@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important; } }

@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important; } }

@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important; } }

@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important; } }

@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important; } }

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

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important; } }

@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important; } }

@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important; } }

@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important; } }

@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important; } }

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

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important; } }

@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important; } }

@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important; } }

@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important; } }

@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important; } }

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

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important; } }

@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important; } }

@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important; } }

@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important; } }

@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important; } }

@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important; } }

.is-hidden {
  display: none !important; }

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important; }

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important; } }

@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important; } }

@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important; } }

@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important; } }

@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important; } }

@media screen and (min-width: 1408px) {
  .is-hidden-fullhd {
    display: none !important; } }

.is-invisible {
  visibility: hidden !important; }

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important; } }

@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important; } }

@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important; } }

@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important; } }

@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important; } }

@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important; } }

.section {
  padding: 3rem 1.5rem; }
  @media screen and (min-width: 1024px) {
    .section.is-medium {
      padding: 9rem 1.5rem; }
    .section.is-large {
      padding: 18rem 1.5rem; } }

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40; }
  .modal.is-active {
    display: flex; }

.modal-background {
  background-color: rgba(10, 10, 10, 0.86); }

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%; }
  @media screen and (min-width: 769px) {
    .modal-content,
    .modal-card {
      margin: 0 auto;
      max-height: calc(100vh - 40px);
      width: 640px; } }

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px; }

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible; }

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: whitesmoke;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative; }

.modal-card-head {
  border-bottom: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px; }

.modal-card-title {
  color: #1F1F1F;
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1; }

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #dbdbdb; }
  .modal-card-foot .button:not(:last-child) {
    margin-right: 0.5em; }

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: white;
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px; }

.navbar {
  background-color: white;
  min-height: 3.25rem;
  position: relative;
  z-index: 30; }
  .navbar.is-white {
    background-color: white;
    color: #0a0a0a; }
    .navbar.is-white .navbar-brand > .navbar-item,
    .navbar.is-white .navbar-brand .navbar-link {
      color: #0a0a0a; }
    .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
    .navbar.is-white .navbar-brand .navbar-link:focus,
    .navbar.is-white .navbar-brand .navbar-link:hover,
    .navbar.is-white .navbar-brand .navbar-link.is-active {
      background-color: #f2f2f2;
      color: #0a0a0a; }
    .navbar.is-white .navbar-brand .navbar-link::after {
      border-color: #0a0a0a; }
    .navbar.is-white .navbar-burger {
      color: #0a0a0a; }
    @media screen and (min-width: 1024px) {
      .navbar.is-white .navbar-start > .navbar-item,
      .navbar.is-white .navbar-start .navbar-link,
      .navbar.is-white .navbar-end > .navbar-item,
      .navbar.is-white .navbar-end .navbar-link {
        color: #0a0a0a; }
      .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
      .navbar.is-white .navbar-start .navbar-link:focus,
      .navbar.is-white .navbar-start .navbar-link:hover,
      .navbar.is-white .navbar-start .navbar-link.is-active,
      .navbar.is-white .navbar-end > a.navbar-item:focus,
      .navbar.is-white .navbar-end > a.navbar-item:hover,
      .navbar.is-white .navbar-end > a.navbar-item.is-active,
      .navbar.is-white .navbar-end .navbar-link:focus,
      .navbar.is-white .navbar-end .navbar-link:hover,
      .navbar.is-white .navbar-end .navbar-link.is-active {
        background-color: #f2f2f2;
        color: #0a0a0a; }
      .navbar.is-white .navbar-start .navbar-link::after,
      .navbar.is-white .navbar-end .navbar-link::after {
        border-color: #0a0a0a; }
      .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #f2f2f2;
        color: #0a0a0a; }
      .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
        background-color: white;
        color: #0a0a0a; } }
  .navbar.is-black {
    background-color: #0a0a0a;
    padding: 5px;
    color: white; }
    .navbar.is-black .navbar-brand > .navbar-item,
    .navbar.is-black .navbar-brand .navbar-link {
      color: white; }
    .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
    .navbar.is-black .navbar-brand .navbar-link:focus,
    .navbar.is-black .navbar-brand .navbar-link:hover,
    .navbar.is-black .navbar-brand .navbar-link.is-active {
      background-color: black;
      color: white; }
    .navbar.is-black .navbar-brand .navbar-link::after {
      border-color: white; }
    .navbar.is-black .navbar-burger {
      color: white; }
    @media screen and (min-width: 1024px) {
      .navbar.is-black .navbar-start > .navbar-item,
      .navbar.is-black .navbar-start .navbar-link,
      .navbar.is-black .navbar-end > .navbar-item,
      .navbar.is-black .navbar-end .navbar-link {
        color: white; }
      .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
      .navbar.is-black .navbar-start .navbar-link:focus,
      .navbar.is-black .navbar-start .navbar-link:hover,
      .navbar.is-black .navbar-start .navbar-link.is-active,
      .navbar.is-black .navbar-end > a.navbar-item:focus,
      .navbar.is-black .navbar-end > a.navbar-item:hover,
      .navbar.is-black .navbar-end > a.navbar-item.is-active,
      .navbar.is-black .navbar-end .navbar-link:focus,
      .navbar.is-black .navbar-end .navbar-link:hover,
      .navbar.is-black .navbar-end .navbar-link.is-active {
        background-color: black;
        color: white; }
      .navbar.is-black .navbar-start .navbar-link::after,
      .navbar.is-black .navbar-end .navbar-link::after {
        border-color: white; }
      .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: black;
        color: white; }
      .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
        background-color: #0a0a0a;
        color: white; } }
  .navbar.is-light {
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.7); }
    .navbar.is-light .navbar-brand > .navbar-item,
    .navbar.is-light .navbar-brand .navbar-link {
      color: rgba(0, 0, 0, 0.7); }
    .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
    .navbar.is-light .navbar-brand .navbar-link:focus,
    .navbar.is-light .navbar-brand .navbar-link:hover,
    .navbar.is-light .navbar-brand .navbar-link.is-active {
      background-color: #e8e8e8;
      color: rgba(0, 0, 0, 0.7); }
    .navbar.is-light .navbar-brand .navbar-link::after {
      border-color: rgba(0, 0, 0, 0.7); }
    .navbar.is-light .navbar-burger {
      color: rgba(0, 0, 0, 0.7); }
    @media screen and (min-width: 1024px) {
      .navbar.is-light .navbar-start > .navbar-item,
      .navbar.is-light .navbar-start .navbar-link,
      .navbar.is-light .navbar-end > .navbar-item,
      .navbar.is-light .navbar-end .navbar-link {
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
      .navbar.is-light .navbar-start .navbar-link:focus,
      .navbar.is-light .navbar-start .navbar-link:hover,
      .navbar.is-light .navbar-start .navbar-link.is-active,
      .navbar.is-light .navbar-end > a.navbar-item:focus,
      .navbar.is-light .navbar-end > a.navbar-item:hover,
      .navbar.is-light .navbar-end > a.navbar-item.is-active,
      .navbar.is-light .navbar-end .navbar-link:focus,
      .navbar.is-light .navbar-end .navbar-link:hover,
      .navbar.is-light .navbar-end .navbar-link.is-active {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-light .navbar-start .navbar-link::after,
      .navbar.is-light .navbar-end .navbar-link::after {
        border-color: rgba(0, 0, 0, 0.7); }
      .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #e8e8e8;
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
        background-color: whitesmoke;
        color: rgba(0, 0, 0, 0.7); } }
  .navbar.is-dark {
    background-color: #1F1F1F;
    color: #fff; }
    .navbar.is-dark .navbar-brand > .navbar-item,
    .navbar.is-dark .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
    .navbar.is-dark .navbar-brand .navbar-link:focus,
    .navbar.is-dark .navbar-brand .navbar-link:hover,
    .navbar.is-dark .navbar-brand .navbar-link.is-active {
      background-color: #121212;
      color: #fff; }
    .navbar.is-dark .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-dark .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-dark .navbar-start > .navbar-item,
      .navbar.is-dark .navbar-start .navbar-link,
      .navbar.is-dark .navbar-end > .navbar-item,
      .navbar.is-dark .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
      .navbar.is-dark .navbar-start .navbar-link:focus,
      .navbar.is-dark .navbar-start .navbar-link:hover,
      .navbar.is-dark .navbar-start .navbar-link.is-active,
      .navbar.is-dark .navbar-end > a.navbar-item:focus,
      .navbar.is-dark .navbar-end > a.navbar-item:hover,
      .navbar.is-dark .navbar-end > a.navbar-item.is-active,
      .navbar.is-dark .navbar-end .navbar-link:focus,
      .navbar.is-dark .navbar-end .navbar-link:hover,
      .navbar.is-dark .navbar-end .navbar-link.is-active {
        background-color: #121212;
        color: #fff; }
      .navbar.is-dark .navbar-start .navbar-link::after,
      .navbar.is-dark .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #121212;
        color: #fff; }
      .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
        background-color: #1F1F1F;
        color: #fff; } }
  .navbar.is-primary {
    background-color: #313131;
    color: #fff; }
    .navbar.is-primary .navbar-brand > .navbar-item,
    .navbar.is-primary .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
    .navbar.is-primary .navbar-brand .navbar-link:focus,
    .navbar.is-primary .navbar-brand .navbar-link:hover,
    .navbar.is-primary .navbar-brand .navbar-link.is-active {
      background-color: #242424;
      color: #fff; }
    .navbar.is-primary .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-primary .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-primary .navbar-start > .navbar-item,
      .navbar.is-primary .navbar-start .navbar-link,
      .navbar.is-primary .navbar-end > .navbar-item,
      .navbar.is-primary .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
      .navbar.is-primary .navbar-start .navbar-link:focus,
      .navbar.is-primary .navbar-start .navbar-link:hover,
      .navbar.is-primary .navbar-start .navbar-link.is-active,
      .navbar.is-primary .navbar-end > a.navbar-item:focus,
      .navbar.is-primary .navbar-end > a.navbar-item:hover,
      .navbar.is-primary .navbar-end > a.navbar-item.is-active,
      .navbar.is-primary .navbar-end .navbar-link:focus,
      .navbar.is-primary .navbar-end .navbar-link:hover,
      .navbar.is-primary .navbar-end .navbar-link.is-active {
        background-color: #242424;
        color: #fff; }
      .navbar.is-primary .navbar-start .navbar-link::after,
      .navbar.is-primary .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #242424;
        color: #fff; }
      .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
        background-color: #313131;
        color: #fff; } }
  .navbar.is-link {
    background-color: #0081B8;
    color: #fff; }
    .navbar.is-link .navbar-brand > .navbar-item,
    .navbar.is-link .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
    .navbar.is-link .navbar-brand .navbar-link:focus,
    .navbar.is-link .navbar-brand .navbar-link:hover,
    .navbar.is-link .navbar-brand .navbar-link.is-active {
      background-color: #006f9f;
      color: #fff; }
    .navbar.is-link .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-link .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-link .navbar-start > .navbar-item,
      .navbar.is-link .navbar-start .navbar-link,
      .navbar.is-link .navbar-end > .navbar-item,
      .navbar.is-link .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
      .navbar.is-link .navbar-start .navbar-link:focus,
      .navbar.is-link .navbar-start .navbar-link:hover,
      .navbar.is-link .navbar-start .navbar-link.is-active,
      .navbar.is-link .navbar-end > a.navbar-item:focus,
      .navbar.is-link .navbar-end > a.navbar-item:hover,
      .navbar.is-link .navbar-end > a.navbar-item.is-active,
      .navbar.is-link .navbar-end .navbar-link:focus,
      .navbar.is-link .navbar-end .navbar-link:hover,
      .navbar.is-link .navbar-end .navbar-link.is-active {
        background-color: #006f9f;
        color: #fff; }
      .navbar.is-link .navbar-start .navbar-link::after,
      .navbar.is-link .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #006f9f;
        color: #fff; }
      .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
        background-color: #0081B8;
        color: #fff; } }
  .navbar.is-info {
    background-color: #3298dc;
    color: #fff; }
    .navbar.is-info .navbar-brand > .navbar-item,
    .navbar.is-info .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
    .navbar.is-info .navbar-brand .navbar-link:focus,
    .navbar.is-info .navbar-brand .navbar-link:hover,
    .navbar.is-info .navbar-brand .navbar-link.is-active {
      background-color: #238cd1;
      color: #fff; }
    .navbar.is-info .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-info .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-info .navbar-start > .navbar-item,
      .navbar.is-info .navbar-start .navbar-link,
      .navbar.is-info .navbar-end > .navbar-item,
      .navbar.is-info .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
      .navbar.is-info .navbar-start .navbar-link:focus,
      .navbar.is-info .navbar-start .navbar-link:hover,
      .navbar.is-info .navbar-start .navbar-link.is-active,
      .navbar.is-info .navbar-end > a.navbar-item:focus,
      .navbar.is-info .navbar-end > a.navbar-item:hover,
      .navbar.is-info .navbar-end > a.navbar-item.is-active,
      .navbar.is-info .navbar-end .navbar-link:focus,
      .navbar.is-info .navbar-end .navbar-link:hover,
      .navbar.is-info .navbar-end .navbar-link.is-active {
        background-color: #238cd1;
        color: #fff; }
      .navbar.is-info .navbar-start .navbar-link::after,
      .navbar.is-info .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #238cd1;
        color: #fff; }
      .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
        background-color: #3298dc;
        color: #fff; } }
  .navbar.is-success {
    background-color: #79b911;
    color: #fff; }
    .navbar.is-success .navbar-brand > .navbar-item,
    .navbar.is-success .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
    .navbar.is-success .navbar-brand .navbar-link:focus,
    .navbar.is-success .navbar-brand .navbar-link:hover,
    .navbar.is-success .navbar-brand .navbar-link.is-active {
      background-color: #6aa20f;
      color: #fff; }
    .navbar.is-success .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-success .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-success .navbar-start > .navbar-item,
      .navbar.is-success .navbar-start .navbar-link,
      .navbar.is-success .navbar-end > .navbar-item,
      .navbar.is-success .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
      .navbar.is-success .navbar-start .navbar-link:focus,
      .navbar.is-success .navbar-start .navbar-link:hover,
      .navbar.is-success .navbar-start .navbar-link.is-active,
      .navbar.is-success .navbar-end > a.navbar-item:focus,
      .navbar.is-success .navbar-end > a.navbar-item:hover,
      .navbar.is-success .navbar-end > a.navbar-item.is-active,
      .navbar.is-success .navbar-end .navbar-link:focus,
      .navbar.is-success .navbar-end .navbar-link:hover,
      .navbar.is-success .navbar-end .navbar-link.is-active {
        background-color: #6aa20f;
        color: #fff; }
      .navbar.is-success .navbar-start .navbar-link::after,
      .navbar.is-success .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #6aa20f;
        color: #fff; }
      .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
        background-color: #79b911;
        color: #fff; } }
  .navbar.is-warning {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand > .navbar-item,
    .navbar.is-warning .navbar-brand .navbar-link {
      color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
    .navbar.is-warning .navbar-brand .navbar-link:focus,
    .navbar.is-warning .navbar-brand .navbar-link:hover,
    .navbar.is-warning .navbar-brand .navbar-link.is-active {
      background-color: #ffd83d;
      color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-brand .navbar-link::after {
      border-color: rgba(0, 0, 0, 0.7); }
    .navbar.is-warning .navbar-burger {
      color: rgba(0, 0, 0, 0.7); }
    @media screen and (min-width: 1024px) {
      .navbar.is-warning .navbar-start > .navbar-item,
      .navbar.is-warning .navbar-start .navbar-link,
      .navbar.is-warning .navbar-end > .navbar-item,
      .navbar.is-warning .navbar-end .navbar-link {
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
      .navbar.is-warning .navbar-start .navbar-link:focus,
      .navbar.is-warning .navbar-start .navbar-link:hover,
      .navbar.is-warning .navbar-start .navbar-link.is-active,
      .navbar.is-warning .navbar-end > a.navbar-item:focus,
      .navbar.is-warning .navbar-end > a.navbar-item:hover,
      .navbar.is-warning .navbar-end > a.navbar-item.is-active,
      .navbar.is-warning .navbar-end .navbar-link:focus,
      .navbar.is-warning .navbar-end .navbar-link:hover,
      .navbar.is-warning .navbar-end .navbar-link.is-active {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-start .navbar-link::after,
      .navbar.is-warning .navbar-end .navbar-link::after {
        border-color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ffd83d;
        color: rgba(0, 0, 0, 0.7); }
      .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
        background-color: #ffdd57;
        color: rgba(0, 0, 0, 0.7); } }
  .navbar.is-danger {
    background-color: #f14668;
    color: #fff; }
    .navbar.is-danger .navbar-brand > .navbar-item,
    .navbar.is-danger .navbar-brand .navbar-link {
      color: #fff; }
    .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
    .navbar.is-danger .navbar-brand .navbar-link:focus,
    .navbar.is-danger .navbar-brand .navbar-link:hover,
    .navbar.is-danger .navbar-brand .navbar-link.is-active {
      background-color: #ef2e55;
      color: #fff; }
    .navbar.is-danger .navbar-brand .navbar-link::after {
      border-color: #fff; }
    .navbar.is-danger .navbar-burger {
      color: #fff; }
    @media screen and (min-width: 1024px) {
      .navbar.is-danger .navbar-start > .navbar-item,
      .navbar.is-danger .navbar-start .navbar-link,
      .navbar.is-danger .navbar-end > .navbar-item,
      .navbar.is-danger .navbar-end .navbar-link {
        color: #fff; }
      .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
      .navbar.is-danger .navbar-start .navbar-link:focus,
      .navbar.is-danger .navbar-start .navbar-link:hover,
      .navbar.is-danger .navbar-start .navbar-link.is-active,
      .navbar.is-danger .navbar-end > a.navbar-item:focus,
      .navbar.is-danger .navbar-end > a.navbar-item:hover,
      .navbar.is-danger .navbar-end > a.navbar-item.is-active,
      .navbar.is-danger .navbar-end .navbar-link:focus,
      .navbar.is-danger .navbar-end .navbar-link:hover,
      .navbar.is-danger .navbar-end .navbar-link.is-active {
        background-color: #ef2e55;
        color: #fff; }
      .navbar.is-danger .navbar-start .navbar-link::after,
      .navbar.is-danger .navbar-end .navbar-link::after {
        border-color: #fff; }
      .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
      .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
      .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
        background-color: #ef2e55;
        color: #fff; }
      .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
        background-color: #f14668;
        color: #fff; } }
  .navbar > .container {
    align-items: stretch;
    display: flex;
    min-height: 3.25rem;
    width: 100%; }
  .navbar.has-shadow {
    box-shadow: 0 2px 0 0 whitesmoke; }
  .navbar.is-fixed-bottom, .navbar.is-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom {
    bottom: 0; }
    .navbar.is-fixed-bottom.has-shadow {
      box-shadow: 0 -2px 0 0 whitesmoke; }
  .navbar.is-fixed-top {
    top: 0; }

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 3.25rem; }

html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 3.25rem; }

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 3.25rem; }

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent; }

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden; }

.navbar-burger {
  color: #4a4a4a;
  cursor: pointer;
  display: block;
  height: 3.25rem;
  position: relative;
  width: 3.25rem;
  margin-left: auto; }
  .navbar-burger span {
    background-color: currentColor;
    display: block;
    height: 1px;
    left: calc(50% - 8px);
    position: absolute;
    transform-origin: center;
    transition-duration: 86ms;
    transition-property: background-color, opacity, transform;
    transition-timing-function: ease-out;
    width: 16px; }
    .navbar-burger span:nth-child(1) {
      top: calc(50% - 6px); }
    .navbar-burger span:nth-child(2) {
      top: calc(50% - 1px); }
    .navbar-burger span:nth-child(3) {
      top: calc(50% + 4px); }
  .navbar-burger:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .navbar-burger.is-active span:nth-child(1) {
    transform: translateY(5px) rotate(45deg); }
  .navbar-burger.is-active span:nth-child(2) {
    opacity: 0; }
  .navbar-burger.is-active span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg); }

.navbar-menu {
  display: none; }

.navbar-item,
.navbar-link {
  color: #4a4a4a;
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative; }
  .navbar-item .icon:only-child,
  .navbar-link .icon:only-child {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }

a.navbar-item,
.navbar-link {
  cursor: pointer; }
  a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
  .navbar-link:focus,
  .navbar-link:focus-within,
  .navbar-link:hover,
  .navbar-link.is-active {
    background-color: #F9F9F9;
    color: #0081B8; }

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0; }
  .navbar-item img {
    max-height: 1.75rem; }
  .navbar-item.has-dropdown {
    padding: 0; }
  .navbar-item.is-expanded {
    flex-grow: 1;
    flex-shrink: 1; }
  .navbar-item.is-tab {
    border-bottom: 1px solid transparent;
    min-height: 3.25rem;
    padding-bottom: calc(0.5rem - 1px); }
    .navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
      background-color: transparent;
      border-bottom-color: #0081B8; }
    .navbar-item.is-tab.is-active {
      background-color: transparent;
      border-bottom-color: #0081B8;
      border-bottom-style: solid;
      border-bottom-width: 3px;
      color: #0081B8;
      padding-bottom: calc(0.5rem - 3px); }

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1; }

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em; }
  .navbar-link:not(.is-arrowless)::after {
    border-color: #0081B8;
    margin-top: -0.375em;
    right: 1.125em; }

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }
  .navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }

.navbar-divider {
  background-color: whitesmoke;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0; }

@media screen and (max-width: 1023px) {
  .navbar > .container {
    display: block; }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex; }
  .navbar-link::after {
    display: none; }
  .navbar-menu {
    background-color: white;
    box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    padding: 0.5rem 0; }
    .navbar-menu.is-active {
      display: block; }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom-touch {
    bottom: 0; }
    .navbar.is-fixed-bottom-touch.has-shadow {
      box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
  .navbar.is-fixed-top-touch {
    top: 0; }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 3.25rem);
    overflow: auto; }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 3.25rem; }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 3.25rem; } }

@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex; }
  .navbar {
    min-height: 3.25rem; }
    .navbar.is-spaced {
      padding: 1rem 2rem; }
      .navbar.is-spaced .navbar-start,
      .navbar.is-spaced .navbar-end {
        align-items: center; }
      .navbar.is-spaced a.navbar-item,
      .navbar.is-spaced .navbar-link {
        border-radius: 4px; }
    .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
    .navbar.is-transparent .navbar-link:focus,
    .navbar.is-transparent .navbar-link:hover,
    .navbar.is-transparent .navbar-link.is-active {
      background-color: transparent !important; }
    .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
      background-color: transparent !important; }
    .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
      background-color: whitesmoke;
      color: #0a0a0a; }
    .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
      background-color: whitesmoke;
      color: #0081B8; }
  .navbar-burger {
    display: none; }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex; }
  .navbar-item.has-dropdown {
    align-items: stretch; }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em); }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid #dbdbdb;
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
    top: auto; }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block; }
    .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0); }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0; }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto; }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto; }
  .navbar-dropdown {
    background-color: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #dbdbdb;
    box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20; }
    .navbar-dropdown .navbar-item {
      padding: 0.375rem 1rem;
      white-space: nowrap; }
    .navbar-dropdown a.navbar-item {
      padding-right: 3rem; }
      .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
        background-color: whitesmoke;
        color: #0a0a0a; }
      .navbar-dropdown a.navbar-item.is-active {
        background-color: whitesmoke;
        color: #0081B8; }
    .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
      border-radius: 6px;
      border-top: none;
      box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
      display: block;
      opacity: 0;
      pointer-events: none;
      top: calc(100% + (-4px));
      transform: translateY(-5px);
      transition-duration: 86ms;
      transition-property: opacity, transform; }
    .navbar-dropdown.is-right {
      left: auto;
      right: 0; }
  .navbar-divider {
    display: block; }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem; }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem; }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30; }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0; }
    .navbar.is-fixed-bottom-desktop.has-shadow {
      box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); }
  .navbar.is-fixed-top-desktop {
    top: 0; }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 3.25rem; }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 3.25rem; }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 5.25rem; }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 5.25rem; }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: #0a0a0a; }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    background-color: transparent; }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: #F9F9F9; } }

.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 3.25rem); }

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top; }
  .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
    display: block; }
  .dropdown.is-right .dropdown-menu {
    left: auto;
    right: 0; }
  .dropdown.is-up .dropdown-menu {
    bottom: 100%;
    padding-bottom: 4px;
    padding-top: initial;
    top: auto; }

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20; }

.dropdown-content {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem; }

.dropdown-item {
  color: #4a4a4a;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative; }

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%; }
  a.dropdown-item:hover,
  button.dropdown-item:hover {
    background-color: whitesmoke;
    color: #0a0a0a; }
  a.dropdown-item.is-active,
  button.dropdown-item.is-active {
    background-color: #0081B8;
    color: #fff; }

.dropdown-divider {
  background-color: #ededed;
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0; }

.card {
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  color: #4a4a4a;
  max-width: 100%;
  overflow: hidden;
  position: relative; }

.card-header {
  background-color: transparent;
  align-items: stretch;
  box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
  display: flex; }

.card-header-title {
  align-items: center;
  color: #1F1F1F;
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem; }
  .card-header-title.is-centered {
    justify-content: center; }

.card-header-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem; }

.card-image {
  display: block;
  position: relative; }

.card-content {
  background-color: transparent;
  padding: 1.5rem; }

.card-footer {
  background-color: transparent;
  border-top: 1px solid #ededed;
  align-items: stretch;
  display: flex; }

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem; }
  .card-footer-item:not(:last-child) {
    border-right: 1px solid #ededed; }

.card .media:not(:last-child) {
  margin-bottom: 1.5rem; }

.message {
  background-color: whitesmoke;
  border-radius: 4px;
  font-size: 0.95rem; }
  .message strong {
    color: currentColor; }
  .message a:not(.button):not(.tag):not(.dropdown-item) {
    color: currentColor;
    text-decoration: underline; }
  .message.is-small {
    font-size: 0.75rem; }
  .message.is-medium {
    font-size: 1.25rem; }
  .message.is-large {
    font-size: 1.5rem; }
  .message.is-white {
    background-color: white; }
    .message.is-white .message-header {
      background-color: white;
      color: #0a0a0a; }
    .message.is-white .message-body {
      border-color: white; }
  .message.is-black {
    background-color: #fafafa; }
    .message.is-black .message-header {
      background-color: #0a0a0a;
      color: white; }
    .message.is-black .message-body {
      border-color: #0a0a0a; }
  .message.is-light {
    background-color: #fafafa; }
    .message.is-light .message-header {
      background-color: whitesmoke;
      color: rgba(0, 0, 0, 0.7); }
    .message.is-light .message-body {
      border-color: whitesmoke; }
  .message.is-dark {
    background-color: #fafafa; }
    .message.is-dark .message-header {
      background-color: #1F1F1F;
      color: #fff; }
    .message.is-dark .message-body {
      border-color: #1F1F1F; }
  .message.is-primary {
    background-color: whitesmoke; }
    .message.is-primary .message-header {
      background-color: #313131;
      color: #fff; }
    .message.is-primary .message-body {
      border-color: #313131;
      color: #8a8a8a; }
  .message.is-link {
    background-color: #ebf9ff; }
    .message.is-link .message-header {
      background-color: #0081B8;
      color: #fff; }
    .message.is-link .message-body {
      border-color: #0081B8;
      color: #009de0; }
  .message.is-info {
    background-color: #eef6fc; }
    .message.is-info .message-header {
      background-color: #3298dc;
      color: #fff; }
    .message.is-info .message-body {
      border-color: #3298dc;
      color: #1d72aa; }
  .message.is-success {
    background-color: #f7fdec; }
    .message.is-success .message-header {
      background-color: #79b911;
      color: #fff; }
    .message.is-success .message-body {
      border-color: #79b911;
      color: #659a0e; }
  .message.is-warning {
    background-color: #fffbeb; }
    .message.is-warning .message-header {
      background-color: #ffdd57;
      color: rgba(0, 0, 0, 0.7); }
    .message.is-warning .message-body {
      border-color: #ffdd57;
      color: #947600; }
  .message.is-danger {
    background-color: #feecf0; }
    .message.is-danger .message-header {
      background-color: #f14668;
      color: #fff; }
    .message.is-danger .message-body {
      border-color: #f14668;
      color: #cc0f35; }

.message-header {
  align-items: center;
  background-color: #4a4a4a;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative; }
  .message-header .delete {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 0.75em; }
  .message-header + .message-body {
    border-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.message-body {
  border-color: #dbdbdb;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #4a4a4a;
  padding: 1.25em 1.5em; }
  .message-body code,
  .message-body pre {
    background-color: white; }
  .message-body pre code {
    background-color: transparent; }

/* Bulma Form */
.input, .textarea, .select select {
  background-color: white;
  border-color: #dbdbdb;
  border-radius: 4px;
  color: #1F1F1F; }
  .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
    color: rgba(31, 31, 31, 0.3); }
  .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
    color: rgba(31, 31, 31, 0.3); }
  .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
    color: rgba(31, 31, 31, 0.3); }
  .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
    color: rgba(31, 31, 31, 0.3); }
  .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
    border-color: #b5b5b5; }
  .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
    border-color: #0081B8;
    box-shadow: 0 0 0 0.125em rgba(0, 129, 184, 0.25); }
  .input[disabled], .textarea[disabled], .select select[disabled],
  fieldset[disabled] .input,
  fieldset[disabled] .textarea,
  fieldset[disabled] .select select,
  .select fieldset[disabled] select {
    background-color: whitesmoke;
    border-color: whitesmoke;
    box-shadow: none;
    color: #717171; }
    .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
    fieldset[disabled] .input::-moz-placeholder,
    fieldset[disabled] .textarea::-moz-placeholder,
    fieldset[disabled] .select select::-moz-placeholder,
    .select fieldset[disabled] select::-moz-placeholder {
      color: rgba(113, 113, 113, 0.3); }
    .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
    fieldset[disabled] .input::-webkit-input-placeholder,
    fieldset[disabled] .textarea::-webkit-input-placeholder,
    fieldset[disabled] .select select::-webkit-input-placeholder,
    .select fieldset[disabled] select::-webkit-input-placeholder {
      color: rgba(113, 113, 113, 0.3); }
    .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
    fieldset[disabled] .input:-moz-placeholder,
    fieldset[disabled] .textarea:-moz-placeholder,
    fieldset[disabled] .select select:-moz-placeholder,
    .select fieldset[disabled] select:-moz-placeholder {
      color: rgba(113, 113, 113, 0.3); }
    .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
    fieldset[disabled] .input:-ms-input-placeholder,
    fieldset[disabled] .textarea:-ms-input-placeholder,
    fieldset[disabled] .select select:-ms-input-placeholder,
    .select fieldset[disabled] select:-ms-input-placeholder {
      color: rgba(113, 113, 113, 0.3); }

.input, .textarea {
  box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
  max-width: 100%;
  width: 100%; }
  .input[readonly], .textarea[readonly] {
    box-shadow: none; }
  .is-white.input, .is-white.textarea {
    border-color: white; }
    .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
  .is-black.input, .is-black.textarea {
    border-color: #0a0a0a; }
    .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
  .is-light.input, .is-light.textarea {
    border-color: whitesmoke; }
    .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
  .is-dark.input, .is-dark.textarea {
    border-color: #1F1F1F; }
    .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(31, 31, 31, 0.25); }
  .is-primary.input, .is-primary.textarea {
    border-color: #313131; }
    .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(49, 49, 49, 0.25); }
  .is-link.input, .is-link.textarea {
    border-color: #0081B8; }
    .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(0, 129, 184, 0.25); }
  .is-info.input, .is-info.textarea {
    border-color: #3298dc; }
    .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25); }
  .is-success.input, .is-success.textarea {
    border-color: #79b911; }
    .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(121, 185, 17, 0.25); }
  .is-warning.input, .is-warning.textarea {
    border-color: #ffdd57; }
    .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
  .is-danger.input, .is-danger.textarea {
    border-color: #f14668; }
    .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
      box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); }
  .is-small.input, .is-small.textarea {
    border-radius: 2px;
    font-size: 0.75rem; }
  .is-medium.input, .is-medium.textarea {
    font-size: 1.25rem; }
  .is-large.input, .is-large.textarea {
    font-size: 1.5rem; }
  .is-fullwidth.input, .is-fullwidth.textarea {
    display: block;
    width: 100%; }
  .is-inline.input, .is-inline.textarea {
    display: inline;
    width: auto; }

.input.is-rounded {
  border-radius: 290486px;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em); }

.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0; }

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical; }
  .textarea:not([rows]) {
    max-height: 40em;
    min-height: 8em; }
  .textarea[rows] {
    height: initial; }
  .textarea.has-fixed-size {
    resize: none; }

.checkbox, .radio {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative; }
  .checkbox input, .radio input {
    cursor: pointer; }
  .checkbox:hover, .radio:hover {
    color: #1F1F1F; }
  .checkbox[disabled], .radio[disabled],
  fieldset[disabled] .checkbox,
  fieldset[disabled] .radio,
  .checkbox input[disabled],
  .radio input[disabled] {
    color: #717171;
    cursor: not-allowed; }

.radio + .radio {
  margin-left: 0.5em; }

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top; }
  .select:not(.is-multiple) {
    height: 45px; }
  .select:not(.is-multiple):not(.is-loading)::after {
    border-color: #0081B8;
    right: 1.125em;
    z-index: 4; }
  .select.is-rounded select {
    border-radius: 290486px;
    padding-left: 1em; }
  .select select {
    cursor: pointer;
    display: block;
    font-size: 1em;
    max-width: 100%;
    outline: none; }
    .select select::-ms-expand {
      display: none; }
    .select select[disabled]:hover,
    fieldset[disabled] .select select:hover {
      border-color: whitesmoke; }
    .select select:not([multiple]) {
      padding-right: 2.5em; }
    .select select[multiple] {
      height: auto;
      padding: 0; }
      .select select[multiple] option {
        padding: 0.5em 1em; }
  .select:not(.is-multiple):not(.is-loading):hover::after {
    border-color: #1F1F1F; }
  .select.is-white:not(:hover)::after {
    border-color: white; }
  .select.is-white select {
    border-color: white; }
    .select.is-white select:hover, .select.is-white select.is-hovered {
      border-color: #f2f2f2; }
    .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
      box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }
  .select.is-black:not(:hover)::after {
    border-color: #0a0a0a; }
  .select.is-black select {
    border-color: #0a0a0a; }
    .select.is-black select:hover, .select.is-black select.is-hovered {
      border-color: black; }
    .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
      box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); }
  .select.is-light:not(:hover)::after {
    border-color: whitesmoke; }
  .select.is-light select {
    border-color: whitesmoke; }
    .select.is-light select:hover, .select.is-light select.is-hovered {
      border-color: #e8e8e8; }
    .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
      box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); }
  .select.is-dark:not(:hover)::after {
    border-color: #1F1F1F; }
  .select.is-dark select {
    border-color: #1F1F1F; }
    .select.is-dark select:hover, .select.is-dark select.is-hovered {
      border-color: #121212; }
    .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
      box-shadow: 0 0 0 0.125em rgba(31, 31, 31, 0.25); }
  .select.is-primary:not(:hover)::after {
    border-color: #313131; }
  .select.is-primary select {
    border-color: #313131; }
    .select.is-primary select:hover, .select.is-primary select.is-hovered {
      border-color: #242424; }
    .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
      box-shadow: 0 0 0 0.125em rgba(49, 49, 49, 0.25); }
  .select.is-link:not(:hover)::after {
    border-color: #0081B8; }
  .select.is-link select {
    border-color: #0081B8; }
    .select.is-link select:hover, .select.is-link select.is-hovered {
      border-color: #006f9f; }
    .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
      box-shadow: 0 0 0 0.125em rgba(0, 129, 184, 0.25); }
  .select.is-info:not(:hover)::after {
    border-color: #3298dc; }
  .select.is-info select {
    border-color: #3298dc; }
    .select.is-info select:hover, .select.is-info select.is-hovered {
      border-color: #238cd1; }
    .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
      box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25); }
  .select.is-success:not(:hover)::after {
    border-color: #79b911; }
  .select.is-success select {
    border-color: #79b911; }
    .select.is-success select:hover, .select.is-success select.is-hovered {
      border-color: #6aa20f; }
    .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
      box-shadow: 0 0 0 0.125em rgba(121, 185, 17, 0.25); }
  .select.is-warning:not(:hover)::after {
    border-color: #ffdd57; }
  .select.is-warning select {
    border-color: #ffdd57; }
    .select.is-warning select:hover, .select.is-warning select.is-hovered {
      border-color: #ffd83d; }
    .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
      box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }
  .select.is-danger:not(:hover)::after {
    border-color: #f14668; }
  .select.is-danger select {
    border-color: #f14668; }
    .select.is-danger select:hover, .select.is-danger select.is-hovered {
      border-color: #ef2e55; }
    .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
      box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); }
  .select.is-small {
    border-radius: 2px;
    font-size: 0.75rem; }
  .select.is-medium {
    font-size: 1.25rem; }
  .select.is-large {
    font-size: 1.5rem; }
  .select.is-disabled::after {
    border-color: #717171; }
  .select.is-fullwidth {
    width: 100%; }
    .select.is-fullwidth select {
      width: 100%; }
  .select.is-loading::after {
    margin-top: 0;
    position: absolute;
    right: 0.625em;
    top: 0.625em;
    transform: none; }
  .select.is-loading.is-small:after {
    font-size: 0.75rem; }
  .select.is-loading.is-medium:after {
    font-size: 1.25rem; }
  .select.is-loading.is-large:after {
    font-size: 1.5rem; }

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative; }
  .file.is-white .file-cta {
    background-color: white;
    border-color: transparent;
    color: #0a0a0a; }
  .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
    background-color: #f9f9f9;
    border-color: transparent;
    color: #0a0a0a; }
  .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
    color: #0a0a0a; }
  .file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
    background-color: #f2f2f2;
    border-color: transparent;
    color: #0a0a0a; }
  .file.is-black .file-cta {
    background-color: #0a0a0a;
    border-color: transparent;
    color: white; }
  .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
    background-color: #040404;
    border-color: transparent;
    color: white; }
  .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
    color: white; }
  .file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
    background-color: black;
    border-color: transparent;
    color: white; }
  .file.is-light .file-cta {
    background-color: whitesmoke;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
    background-color: #eeeeee;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
    color: rgba(0, 0, 0, 0.7); }
  .file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
    background-color: #e8e8e8;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-dark .file-cta {
    background-color: #1F1F1F;
    border-color: transparent;
    color: #fff; }
  .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
    background-color: #191919;
    border-color: transparent;
    color: #fff; }
  .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(31, 31, 31, 0.25);
    color: #fff; }
  .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
    background-color: #121212;
    border-color: transparent;
    color: #fff; }
  .file.is-primary .file-cta {
    background-color: #313131;
    border-color: transparent;
    color: #fff; }
  .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
    background-color: #2b2b2b;
    border-color: transparent;
    color: #fff; }
  .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(49, 49, 49, 0.25);
    color: #fff; }
  .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
    background-color: #242424;
    border-color: transparent;
    color: #fff; }
  .file.is-link .file-cta {
    background-color: #0081B8;
    border-color: transparent;
    color: #fff; }
  .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
    background-color: #0078ab;
    border-color: transparent;
    color: #fff; }
  .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(0, 129, 184, 0.25);
    color: #fff; }
  .file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
    background-color: #006f9f;
    border-color: transparent;
    color: #fff; }
  .file.is-info .file-cta {
    background-color: #3298dc;
    border-color: transparent;
    color: #fff; }
  .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
    background-color: #2793da;
    border-color: transparent;
    color: #fff; }
  .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(50, 152, 220, 0.25);
    color: #fff; }
  .file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
    background-color: #238cd1;
    border-color: transparent;
    color: #fff; }
  .file.is-success .file-cta {
    background-color: #79b911;
    border-color: transparent;
    color: #fff; }
  .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
    background-color: #71ad10;
    border-color: transparent;
    color: #fff; }
  .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(121, 185, 17, 0.25);
    color: #fff; }
  .file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
    background-color: #6aa20f;
    border-color: transparent;
    color: #fff; }
  .file.is-warning .file-cta {
    background-color: #ffdd57;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
    background-color: #ffdb4a;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
    color: rgba(0, 0, 0, 0.7); }
  .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
    background-color: #ffd83d;
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7); }
  .file.is-danger .file-cta {
    background-color: #f14668;
    border-color: transparent;
    color: #fff; }
  .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
    background-color: #f03a5f;
    border-color: transparent;
    color: #fff; }
  .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
    border-color: transparent;
    box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
    color: #fff; }
  .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
    background-color: #ef2e55;
    border-color: transparent;
    color: #fff; }
  .file.is-small {
    font-size: 0.75rem; }
  .file.is-medium {
    font-size: 1.25rem; }
    .file.is-medium .file-icon .fa {
      font-size: 21px; }
  .file.is-large {
    font-size: 1.5rem; }
    .file.is-large .file-icon .fa {
      font-size: 28px; }
  .file.has-name .file-cta {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .file.has-name .file-name {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .file.has-name.is-empty .file-cta {
    border-radius: 4px; }
  .file.has-name.is-empty .file-name {
    display: none; }
  .file.is-boxed .file-label {
    flex-direction: column; }
  .file.is-boxed .file-cta {
    flex-direction: column;
    height: auto;
    padding: 1em 3em; }
  .file.is-boxed .file-name {
    border-width: 0 1px 1px; }
  .file.is-boxed .file-icon {
    height: 1.5em;
    width: 1.5em; }
    .file.is-boxed .file-icon .fa {
      font-size: 21px; }
  .file.is-boxed.is-small .file-icon .fa {
    font-size: 14px; }
  .file.is-boxed.is-medium .file-icon .fa {
    font-size: 28px; }
  .file.is-boxed.is-large .file-icon .fa {
    font-size: 35px; }
  .file.is-boxed.has-name .file-cta {
    border-radius: 4px 4px 0 0; }
  .file.is-boxed.has-name .file-name {
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px; }
  .file.is-centered {
    justify-content: center; }
  .file.is-fullwidth .file-label {
    width: 100%; }
  .file.is-fullwidth .file-name {
    flex-grow: 1;
    max-width: none; }
  .file.is-right {
    justify-content: flex-end; }
    .file.is-right .file-cta {
      border-radius: 0 4px 4px 0; }
    .file.is-right .file-name {
      border-radius: 4px 0 0 4px;
      border-width: 1px 0 1px 1px;
      order: -1; }

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative; }
  .file-label:hover .file-cta {
    background-color: #eeeeee;
    color: #1F1F1F; }
  .file-label:hover .file-name {
    border-color: #d5d5d5; }
  .file-label:active .file-cta {
    background-color: #e8e8e8;
    color: #1F1F1F; }
  .file-label:active .file-name {
    border-color: #cfcfcf; }

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%; }

.file-cta,
.file-name {
  border-color: #dbdbdb;
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap; }

.file-cta {
  background-color: whitesmoke;
  color: #4a4a4a; }

.file-name {
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis; }

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em; }
  .file-icon .fa {
    font-size: 14px; }

.label {
  color: #1F1F1F;
  display: block;
  font-size: 0.95rem;
  font-weight: 700; }
  .label:not(:last-child) {
    margin-bottom: 0.5em; }
  .label.is-small {
    font-size: 0.75rem; }
  .label.is-medium {
    font-size: 1.25rem; }
  .label.is-large {
    font-size: 1.5rem; }

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem; }
  .help.is-white {
    color: white; }
  .help.is-black {
    color: #0a0a0a; }
  .help.is-light {
    color: whitesmoke; }
  .help.is-dark {
    color: #1F1F1F; }
  .help.is-primary {
    color: #313131; }
  .help.is-link {
    color: #0081B8; }
  .help.is-info {
    color: #3298dc; }
  .help.is-success {
    color: #79b911; }
  .help.is-warning {
    color: #ffdd57; }
  .help.is-danger {
    color: #f14668; }

.field:not(:last-child) {
  margin-bottom: 0.75rem; }

.field.has-addons {
  display: flex;
  justify-content: flex-start; }
  .field.has-addons .control:not(:last-child) {
    margin-right: -1px; }
  .field.has-addons .control:not(:first-child):not(:last-child) .button,
  .field.has-addons .control:not(:first-child):not(:last-child) .input,
  .field.has-addons .control:not(:first-child):not(:last-child) .select select {
    border-radius: 0; }
  .field.has-addons .control:first-child:not(:only-child) .button,
  .field.has-addons .control:first-child:not(:only-child) .input,
  .field.has-addons .control:first-child:not(:only-child) .select select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .field.has-addons .control:last-child:not(:only-child) .button,
  .field.has-addons .control:last-child:not(:only-child) .input,
  .field.has-addons .control:last-child:not(:only-child) .select select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
  .field.has-addons .control .input:not([disabled]):hover,
  .field.has-addons .control .input:not([disabled]).is-hovered,
  .field.has-addons .control .select select:not([disabled]):hover,
  .field.has-addons .control .select select:not([disabled]).is-hovered {
    z-index: 2; }
  .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
  .field.has-addons .control .input:not([disabled]):focus,
  .field.has-addons .control .input:not([disabled]).is-focused,
  .field.has-addons .control .input:not([disabled]):active,
  .field.has-addons .control .input:not([disabled]).is-active,
  .field.has-addons .control .select select:not([disabled]):focus,
  .field.has-addons .control .select select:not([disabled]).is-focused,
  .field.has-addons .control .select select:not([disabled]):active,
  .field.has-addons .control .select select:not([disabled]).is-active {
    z-index: 3; }
    .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
    .field.has-addons .control .input:not([disabled]):focus:hover,
    .field.has-addons .control .input:not([disabled]).is-focused:hover,
    .field.has-addons .control .input:not([disabled]):active:hover,
    .field.has-addons .control .input:not([disabled]).is-active:hover,
    .field.has-addons .control .select select:not([disabled]):focus:hover,
    .field.has-addons .control .select select:not([disabled]).is-focused:hover,
    .field.has-addons .control .select select:not([disabled]):active:hover,
    .field.has-addons .control .select select:not([disabled]).is-active:hover {
      z-index: 4; }
  .field.has-addons .control.is-expanded {
    flex-grow: 1;
    flex-shrink: 1; }
  .field.has-addons.has-addons-centered {
    justify-content: center; }
  .field.has-addons.has-addons-right {
    justify-content: flex-end; }
  .field.has-addons.has-addons-fullwidth .control {
    flex-grow: 1;
    flex-shrink: 0; }

.field.is-grouped {
  display: flex;
  justify-content: flex-start; }
  .field.is-grouped > .control {
    flex-shrink: 0; }
    .field.is-grouped > .control:not(:last-child) {
      margin-bottom: 0;
      margin-right: 0.75rem; }
    .field.is-grouped > .control.is-expanded {
      flex-grow: 1;
      flex-shrink: 1; }
  .field.is-grouped.is-grouped-centered {
    justify-content: center; }
  .field.is-grouped.is-grouped-right {
    justify-content: flex-end; }
  .field.is-grouped.is-grouped-multiline {
    flex-wrap: wrap; }
    .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
      margin-bottom: 0.75rem; }
    .field.is-grouped.is-grouped-multiline:last-child {
      margin-bottom: -0.75rem; }
    .field.is-grouped.is-grouped-multiline:not(:last-child) {
      margin-bottom: 0; }

@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex; } }

.field-label .label {
  font-size: inherit; }

@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem; } }

@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right; }
    .field-label.is-small {
      font-size: 0.75rem;
      padding-top: 0.375em; }
    .field-label.is-normal {
      padding-top: 0.375em; }
    .field-label.is-medium {
      font-size: 1.25rem;
      padding-top: 0.375em; }
    .field-label.is-large {
      font-size: 1.5rem;
      padding-top: 0.375em; } }

.field-body .field .field {
  margin-bottom: 0; }

@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1; }
    .field-body .field {
      margin-bottom: 0; }
    .field-body > .field {
      flex-shrink: 1; }
      .field-body > .field:not(.is-narrow) {
        flex-grow: 1; }
      .field-body > .field:not(:last-child) {
        margin-right: 0.75rem; } }

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 0.95rem;
  position: relative;
  text-align: inherit; }
  .control.has-icons-left .input:focus ~ .icon,
  .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
  .control.has-icons-right .select:focus ~ .icon {
    color: #4a4a4a; }
  .control.has-icons-left .input.is-small ~ .icon,
  .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
  .control.has-icons-right .select.is-small ~ .icon {
    font-size: 0.75rem; }
  .control.has-icons-left .input.is-medium ~ .icon,
  .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
  .control.has-icons-right .select.is-medium ~ .icon {
    font-size: 1.25rem; }
  .control.has-icons-left .input.is-large ~ .icon,
  .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
  .control.has-icons-right .select.is-large ~ .icon {
    font-size: 1.5rem; }
  .control.has-icons-left .icon, .control.has-icons-right .icon {
    color: #dbdbdb;
    height: 45px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 45px;
    z-index: 4; }
  .control.has-icons-left .input,
  .control.has-icons-left .select select {
    padding-left: 45px; }
  .control.has-icons-left .icon.is-left {
    left: 0; }
  .control.has-icons-right .input,
  .control.has-icons-right .select select {
    padding-right: 45px; }
  .control.has-icons-right .icon.is-right {
    right: 0; }
  .control.is-loading::after {
    position: absolute !important;
    right: 0.625em;
    top: 0.625em;
    z-index: 4; }
  .control.is-loading.is-small:after {
    font-size: 0.75rem; }
  .control.is-loading.is-medium:after {
    font-size: 1.25rem; }
  .control.is-loading.is-large:after {
    font-size: 1.5rem; }

/*@font-face {
  font-family: 'maven_pro_light';
  src: url('../font/mavenprolight-300-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}*/
/*@font-face {
  font-family: 'sheep_sans';
  src: url('../font/sheep-sans.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}*/
/* nunito-sans-300 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local(""), url("../font/nunito-sans-v8-latin-800italic.woff2") format("woff2"), url("../font/nunito-sans-v8-latin-800italic.woff2") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("../font/nunito-sans-v8-latin-italic.woff2") format("woff2"), url("../font/nunito-sans-v8-latin-italic.woff") format("woff");
  /* Modern Browsers */ }

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local(""), url("../font/nunito-sans-v8-latin-600italic.woff2") format("woff2"), url("../font/nunito-sans-v8-latin-600italic.woff") format("woff");
  /* Modern Browsers */ }

/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(""), url("../font/nunito-sans-v6-latin-regular.woff2") format("woff2"), url("../font/nunito-sans-v6-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* nunito-sans-600 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(""), url("../font/nunito-sans-v6-latin-600.woff2") format("woff2"), url("../font/nunito-sans-v6-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local(""), url("../font/nunito-sans-v6-latin-700.woff2") format("woff2"), url("../font/nunito-sans-v6-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }

.has-text-weight-medium, .has-text-weight-semibold {
  font-weight: 600 !important; }

input::-ms-reveal {
  display: none; }

body {
  background-color: #F9F9F9;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  color: #0a0a0a;
  touch-action: pan-y;
  font-size:16px !important;
  font-family: 'Nunito Sans', sans-serif !important;
  font-weight: 400; }

body,
button,
input,
optgroup,
select,
textarea {
  font-family: 'Nunito Sans', sans-serif; }

.player-open {
  margin-bottom: 157px; }
  @media screen and (min-width: 1024px) {
    .player-open {
      margin-bottom: 64px; } }

.nav-open-noscroll {
  position: absolute;
  height: 100vh;
  height: calc((var(--vh, 1vh) * 100) - (62px));
  overflow: hidden;
  width: 100%; }
  @media screen and (min-width: 1024px) {
    .nav-open-noscroll {
      position: inherit;
      overflow: initial;
      height: initial;
      width: initial; } }

#header {
  position: sticky;
  top: 0;
  z-index: 1000;
  height: 62px; }

.nav-black-mobile {
  background-color: #000 !important;
  padding: 0 !important; }
  @media screen and (min-width: 1024px) {
    .nav-black-mobile {
      padding: 5px !important; } }
  .nav-black-mobile .navbar-brand {
    padding: 5px; }

nav {
  font-family: 'Nunito Sans', sans-serif;
  letter-spacing: -0.01em;
  padding: 5px; }
  nav .navbar-brand {
    justify-content: space-between; }
    @media screen and (min-width: 1024px) {
      nav .navbar-brand {
        justify-content: inherit; } }
  nav .navbar-burger {
    color: #4a4a4a;
    cursor: pointer;
    display: block;
    height: 3.25rem;
    position: relative;
    width: 3.25rem;
    margin-left: inherit; }
    nav .navbar-burger span {
      height: 2.3px !important;
      background-color: white; }
  nav .navbar-mobile {
    width: 100%;
    min-height: 100vh;
    min-height: calc((var(--vh, 1vh) * 100) - (62px));
    left: 0;
    padding-bottom: 100px; }
    @media screen and (min-width: 1024px) {
      nav .navbar-mobile {
        min-height: initial;
        position: inherit;
        width: inherit;
        height: inherit;
        left: inherit;
        padding-bottom: 0;
        overflow: initial; } }
  nav .navbar-item:hover, nav .navbar-link:hover {
    background-color: transparent;
    color: black; }
  nav .navbar-middle {
    flex: 1;
    justify-content: center;
    align-items: center; }
    nav .navbar-middle .navbar-item.has-dropdown {
      border-bottom: none; }
    nav .navbar-middle .navbar-item {
      font-weight: 600;
      margin-bottom: 15px;
      border-bottom: 1px solid #d8d8d8;
      color: #000;
      letter-spacing: 0.04em; }
      @media screen and (min-width: 1024px) {
        nav .navbar-middle .navbar-item {
          font-weight: 500;
          margin: 0 1rem;
          text-align: inherit;
          border-bottom: inherit; } }
      nav .navbar-middle .navbar-item .navbar-link:not(.is-arrowless)::after {
        margin-top: -0.45rem;
        right: 1.125em;
        border-color: #000; }
        @media screen and (min-width: 769px), print {
          nav .navbar-middle .navbar-item .navbar-link:not(.is-arrowless)::after {
            border-color: #FFF; } }
      nav .navbar-middle .navbar-item .navbar-link:not(.is-arrowless)::after {
        height: 0.525em;
        width: 0.525em; }
      nav .navbar-middle .navbar-item .navbar-link {
        color: #000; }
    nav .navbar-middle .navbar-dropdown {
      border-radius: 5px;
      border-top: none !important;
      font-size: 15px;
      color: #4a4a4a;
      min-width: 156px; }
      nav .navbar-middle .navbar-dropdown .navbar-divider-container {
        margin: 0 2rem; }
      nav .navbar-middle .navbar-dropdown .navbar-item {
        border-bottom: 0; }
        nav .navbar-middle .navbar-dropdown .navbar-item:hover {
          color: #0a0a0a;
          font-weight: 700 !important;
          background-color: transparent; }
    nav .navbar-middle #free-music {
      padding: 0.4rem 1rem;
      cursor: pointer; }
      nav .navbar-middle #free-music .navbar-item:hover {
        background-color: #79b911 !important; }
      @media screen and (min-width: 1024px) {
        nav .navbar-middle #free-music {
          background-color: #79b911 !important;
          height: 34px;
          border-radius: 30px;
          margin-right: 1rem;
          font-size: 15px !important;
          font-weight: 700 !important;
          text-shadow: 0 1px #6EAD0D;
          letter-spacing: 0.015em; }
          nav .navbar-middle #free-music a {
            color: white;
            padding: 6px 3px; } }
  nav ul li {
    margin-right: 10px; }
    nav ul li a {
      color: white; }
    nav ul li a:hover {
      color: white; }
  nav #cart a {
    color: #0a0a0a; }
  nav #cart .notification-cart {
    position: absolute;
    background-color: white;
    border-radius: 50px;
    padding: 1px 6px;
    right: -12px;
    top: -5px;
    font-size: 12px;
    line-height: 15px; }
    nav #cart .notification-cart #nb-cart-item {
      color: #0a0a0a !important; }
  nav .dropdown-account {
    margin-right: 15px;
    font-size: 1rem; }

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

.nav-mobile {
  -webkit-transition: left 0.5s ease;
  -moz-transition: left 0.5s ease;
  -ms-transition: left 0.5s ease;
  -o-transition: left 0.5s ease;
  transition: left 0.5s ease;
  background: #313131;
  color: white;
  cursor: pointer;
  height: 100vh;
  left: -20rem;
  padding: 6rem 2rem 2rem 2rem;
  position: fixed;
  top: 0;
  width: 20rem;
  z-index: 1; }
  .nav-mobile ul {
    position: absolute;
    top: 150px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    list-style: none;
    margin: 0;
    padding: 0; }
  .nav-mobile li {
    margin-bottom: 15px; }
    .nav-mobile li a {
      color: white;
      font-size: 20px; }

.expanded {
  left: 0; }

#dark-layer {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  background-color: #00000059; }

#search-home {
  margin-top: -62px;
  position: relative;
  height: 100vh;
  background-color: #000;
  position: relative; }
  @media screen and (min-width: 1024px) {
    #search-home {
      height: 300px; } }
  #search-home .button span {
    font-weight: 800;
    font-style: italic; }
    @media screen and (min-width: 769px), print {
      #search-home .button span {
        font-weight: inherit; } }
  #search-home .container {
    margin-top: 44px;
    align-items: center; }
    @media screen and (min-width: 769px), print {
      #search-home .container {
        margin-top: 0px;
        align-items: inherit; } }
  @media screen and (min-width: 769px), print {
    #search-home #home-title-background {
      margin-left: 80px; } }
  @media screen and (min-width: 1216px) {
    #search-home #home-title-background {
      margin-left: 90px; } }
  #search-home #home-title-background div {
    display: flex;
    justify-content: center; }
    @media screen and (min-width: 769px), print {
      #search-home #home-title-background div {
        display: flex;
        justify-content: inherit; } }
  @media screen and (min-width: 1024px) {
    #search-home .title-variation {
      font-size: 2.8em !important; } }
  #search-home .home-background {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    #search-home .home-background img {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 100%;
      min-width: 452px;
      max-width: 1569px; }
      @media screen and (min-width: 769px), print {
        #search-home .home-background img {
          left: 57%;
          width: 119%; } }
      @media screen and (min-width: 1024px) {
        #search-home .home-background img {
          pointer-events: none;
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          min-width: 644px;
          max-width: 1580px;
          width: 1250px; } }
      @media screen and (min-width: 1216px) {
        #search-home .home-background img {
          width: 1400px; } }
      @media screen and (min-width: 1408px) {
        #search-home .home-background img {
          width: 1580px; } }
  @media screen and (min-width: 769px), print {
    #search-home {
      height: 450px; } }
  @media screen and (min-width: 1024px) {
    #search-home {
      height: 570px; } }
  @media screen and (min-width: 1216px) {
    #search-home {
      height: 660px; } }
  @media screen and (min-width: 1408px) {
    #search-home {
      height: 660px; } }
  #search-home h1 {
    font-weight: 800;
    font-style: italic; }
    @media screen and (min-width: 1024px) {
      #search-home h1 {
        line-height: 58px; } }
  #search-home h2 {
    color: white;
    text-align: center; }
  #search-home ul {
    list-style: inside; }
    #search-home ul li {
      color: white; }
  #search-home p {
    color: white; }
    #search-home p strong {
      color: white; }
  #search-home .header-block-container {
    width: 100%;
    justify-content: space-evenly;
    flex-direction: column; }
    @media screen and (min-width: 769px), print {
      #search-home .header-block-container {
        flex-direction: row; } }
    @media screen and (min-width: 1024px) {
      #search-home .header-block-container {
        width: 91%;
        justify-content: space-evenly; } }
    @media screen and (min-width: 1216px) {
      #search-home .header-block-container {
        width: 85%; } }
    @media screen and (min-width: 1408px) {
      #search-home .header-block-container {
        width: 69%; } }
    #search-home .header-block-container .header-button {
      background-color: #79b911;
      color: white;
      border: none;
      border-radius: 30px;
      width: 285px;
      cursor: pointer;
      text-shadow: 1px 2px 5px #00000040; }
      @media screen and (min-width: 1024px) {
        #search-home .header-block-container .header-button {
          width: 340px; } }
    #search-home .header-block-container .ghost-button {
      background: transparent;
      border: 1px white solid; }
  #search-home .free-music-button {
    background-color: #79b911;
    color: white;
    border: none;
    border-radius: 20px; }

#trust-logo, #trust-logo-mobile {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 1024px) {
    #trust-logo, #trust-logo-mobile {
      flex-direction: row;
      padding-top: 20px; } }
  #trust-logo img, #trust-logo-mobile img {
    width: 100px; }
  #trust-logo .container-trusted-logo, #trust-logo-mobile .container-trusted-logo {
    width: 126px;
    display: flex;
    justify-content: center; }
    @media screen and (max-width: 1023px) {
      #trust-logo .container-trusted-logo, #trust-logo-mobile .container-trusted-logo {
        margin-bottom: 22px; } }
  #trust-logo img, #trust-logo-mobile img {
    height: 23px; }
  #trust-logo #logo-microsoft, #trust-logo-mobile #logo-microsoft {
    width: 112px; }
    @media screen and (max-width: 768px) {
      #trust-logo #logo-microsoft, #trust-logo-mobile #logo-microsoft {
        width: 103px; } }
  #trust-logo #logo-netflix, #trust-logo-mobile #logo-netflix {
    width: 75px; }
  #trust-logo #logo-sony, #trust-logo-mobile #logo-sony {
    width: 83px; }
  #trust-logo #logo-samsung, #trust-logo-mobile #logo-samsung {
    width: 126px; }
  #trust-logo #logo-amazon, #trust-logo-mobile #logo-amazon {
    width: 92px; }
    @media screen and (max-width: 768px) {
      #trust-logo #logo-amazon, #trust-logo-mobile #logo-amazon {
        width: 80px; } }
  #trust-logo #logo-google, #trust-logo-mobile #logo-google {
    width: 90px; }
    @media screen and (max-width: 768px) {
      #trust-logo #logo-google, #trust-logo-mobile #logo-google {
        width: 82px; } }
  #trust-logo #logo-nasa, #trust-logo-mobile #logo-nasa {
    width: 64px; }
  #trust-logo #logo-toyota, #trust-logo-mobile #logo-toyota {
    width: 123px; }
    @media screen and (max-width: 768px) {
      #trust-logo #logo-toyota, #trust-logo-mobile #logo-toyota {
        width: 93px; } }
  #trust-logo #logo-bose, #trust-logo-mobile #logo-bose {
    width: 144px; }
    @media screen and (max-width: 768px) {
      #trust-logo #logo-bose, #trust-logo-mobile #logo-bose {
        width: 109px; } }
  #trust-logo #logo-discovery, #trust-logo-mobile #logo-discovery {
    width: 127px; }
  #trust-logo h2, #trust-logo span, #trust-logo-mobile h2, #trust-logo-mobile span {
    line-height: 32px; }

#trust-logo-mobile {
  background-color: #000; }

#home-container {
  background-color: white; }
  #home-container .browse-music-button {
    height: 50px;
    border: none !important; }
    @media screen and (min-width: 1024px) {
      #home-container .browse-music-button {
        font-size: 21px !important;
        padding-left: 2.4rem !important;
        padding-right: 2.7rem !important;
        padding-bottom: calc(0.53em - 1px) !important;
        padding-top: calc(0.53em - 1px) !important; } }
    #home-container .browse-music-button svg {
      margin-right: 0.95rem; }

#main-home {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }
  @media screen and (min-width: 1024px) {
    #main-home {
      margin-top: 120px !important;
      margin-bottom: 120px !important; } }
  #main-home .line-decorator {
    flex: 1;
    border-top: 2px solid #0a0a0a; }
  #main-home .new-tracks {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem; }
    #main-home .new-tracks .description, #main-home .new-tracks .button-license {
      font-size: 12px;
      color: #626262; }
    @media screen and (max-width: 768px) {
      #main-home .new-tracks .description:not(:last-child) {
        border-bottom: 1px solid #E0E0E0; } }
    @media screen and (min-width: 769px), print {
      #main-home .new-tracks .description:not(:last-child) {
        border-bottom: 1px solid #E0E0E0; } }
    @media screen and (min-width: 1024px) {
      #main-home .new-tracks .description:not(:last-child) {
        border-bottom: none; } }
    @media screen and (min-width: 1024px) {
      #main-home .new-tracks {
        flex-direction: row;
        margin-bottom: 3rem; } }
    #main-home .new-tracks .home-track-information {
      display: flex;
      flex-direction: row;
      margin-bottom: 15px; }
      @media screen and (min-width: 1024px) {
        #main-home .new-tracks .home-track-information {
          flex-direction: column;
          margin-bottom: 0; } }
      #main-home .new-tracks .home-track-information .home-track-information-name-container {
        width: 168px;
        margin-left: 20px; }
        @media screen and (max-width: 768px) {
          #main-home .new-tracks .home-track-information .home-track-information-name-container {
            margin-top: 0 !important; } }
        @media screen and (min-width: 1024px) {
          #main-home .new-tracks .home-track-information .home-track-information-name-container {
            margin-left: inherit; } }
        #main-home .new-tracks .home-track-information .home-track-information-name-container .track-name {
          font-size: 14px; }
        #main-home .new-tracks .home-track-information .home-track-information-name-container .track-composer {
          font-size: 13px;
          color: #666666; }
      #main-home .new-tracks .home-track-information .img-container {
        width: 80px;
        height: 80px; }
        @media screen and (min-width: 769px), print {
          #main-home .new-tracks .home-track-information .img-container {
            width: 140px;
            height: 140px; } }
      #main-home .new-tracks .home-track-information img {
        width: 80px;
        height: 80px;
        margin-right: 20px; }
        @media screen and (min-width: 769px), print {
          #main-home .new-tracks .home-track-information img {
            width: 140px;
            height: 140px;
            margin-right: 0; } }
      #main-home .new-tracks .home-track-information .download-icon {
        background-color: #EFEFEF;
        border: none;
        border-radius: 7px;
        width: 50px; }
        #main-home .new-tracks .home-track-information .download-icon img {
          width: 12px;
          height: 10px;
          margin-right: 0px; }
  #main-home .img-container {
    position: relative;
    cursor: pointer; }
    #main-home .img-container .play-button img {
      top: 48%;
      left: 54%;
      transform: translate(-50%, -50%);
      position: absolute;
      width: 14px; }
      @media screen and (min-width: 769px), print {
        #main-home .img-container .play-button img {
          width: 18px; } }
    #main-home .img-container .pause-button img {
      top: 48%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
      width: 12px; }
      @media screen and (min-width: 769px), print {
        #main-home .img-container .pause-button img {
          left: 51%; } }
      @media screen and (min-width: 769px), print {
        #main-home .img-container .pause-button img {
          width: 18px; } }
    #main-home .img-container .player-button {
      cursor: pointer;
      top: 48%;
      left: 50%;
      width: 35px;
      height: 35px;
      border-radius: 35px;
      background-color: rgba(255, 255, 255, 0.8);
      position: absolute;
      transform: translate(-50%, -50%); }
      @media screen and (min-width: 769px), print {
        #main-home .img-container .player-button {
          height: 45px;
          width: 45px;
          border-radius: 45px; } }
  #main-home .more-tracks {
    color: #005281;
    font-size: 17px; }

#safe-youtube-platform, #newsletter, #use-forever {
  background-color: #000;
  padding-top: 1rem;
  padding-bottom: 1rem; }
  @media screen and (min-width: 769px), print {
    #safe-youtube-platform, #newsletter, #use-forever {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; } }
  #safe-youtube-platform .container, #newsletter .container, #use-forever .container {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 769px), print {
      #safe-youtube-platform .container, #newsletter .container, #use-forever .container {
        padding-top: 3rem;
        padding-bottom: 3rem;
        flex-direction: row;
        justify-content: space-between; } }
    #safe-youtube-platform .container img, #newsletter .container img, #use-forever .container img {
      width: 100%; }
      @media screen and (min-width: 769px), print {
        #safe-youtube-platform .container img, #newsletter .container img, #use-forever .container img {
          width: 90%; } }
      @media screen and (min-width: 1024px) {
        #safe-youtube-platform .container img, #newsletter .container img, #use-forever .container img {
          width: inherit; } }
    #safe-youtube-platform .container div, #newsletter .container div, #use-forever .container div {
      margin-bottom: 10px; }
      @media screen and (min-width: 769px), print {
        #safe-youtube-platform .container div, #newsletter .container div, #use-forever .container div {
          margin-bottom: 0; } }
      #safe-youtube-platform .container div h1, #safe-youtube-platform .container div h2, #safe-youtube-platform .container div span, #newsletter .container div h1, #newsletter .container div h2, #newsletter .container div span, #use-forever .container div h1, #use-forever .container div h2, #use-forever .container div span {
        line-height: 39px;
        margin-bottom: 10px; }
        @media screen and (min-width: 769px), print {
          #safe-youtube-platform .container div h1, #safe-youtube-platform .container div h2, #safe-youtube-platform .container div span, #newsletter .container div h1, #newsletter .container div h2, #newsletter .container div span, #use-forever .container div h1, #use-forever .container div h2, #use-forever .container div span {
            margin-bottom: 0;
            line-height: 57px; } }
      @media screen and (min-width: 769px), print {
        #safe-youtube-platform .container div p, #newsletter .container div p, #use-forever .container div p {
          width: 387px;
          font-size: 17px !important; } }

#newsletter .button span {
  font-weight: 800;
  font-style: italic; }
  @media screen and (min-width: 769px), print {
    #newsletter .button span {
      font-weight: inherit; } }

.block-links {
  background-color: #000; }
  .block-links h2 {
    font-size: 18px; }
    @media screen and (min-width: 1024px) {
      .block-links h2 {
        font-size: 29px; } }
  .block-links .block-links-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 20px; }
    @media screen and (min-width: 1024px) {
      .block-links .block-links-container {
        grid-template-columns: repeat(6, 1fr);
        row-gap: 15px;
        column-gap: 70px; } }
    @media screen and (min-width: 1216px) {
      .block-links .block-links-container {
        column-gap: 100px; } }
    .block-links .block-links-container a {
      background-color: #000;
      border-color: #979797; }

@media screen and (max-width: 1023px) {
  #safe-youtube-platform {
    background-color: white; }
    #safe-youtube-platform h1, #safe-youtube-platform p, #safe-youtube-platform h2 {
      color: #0a0a0a !important; } }

@media screen and (min-width: 1024px) {
  #safe-youtube-platform {
    background-image: url("../image/background-safe.svg");
    background-size: cover; } }

#use-forever {
  background-color: #FFF; }
  #use-forever picture {
    order: 2; }
    @media screen and (min-width: 769px), print {
      #use-forever picture {
        order: 1; } }
  #use-forever div {
    order: 1; }
    @media screen and (min-width: 769px), print {
      #use-forever div {
        order: 2; } }

.music-container {
  background-color: white;
  border-radius: 6px;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1); }
  .music-container .img-container {
    min-width: 78px;
    height: 78px; }
    .music-container .img-container img {
      border-radius: 10px;
      object-fit: cover;
      height: 100%; }
  @media screen and (min-width: 1024px) {
    .music-container .img-container {
      min-width: 88px;
      height: 88px; } }
  @media screen and (min-width: 1408px) {
    .music-container .img-container {
      min-width: 98px;
      height: 98px; } }
  .music-container .music-content h2 {
    font-weight: 600; }
  .music-container .music-content i {
    color: #727272; }
  .music-container .music-content {
    flex: 1; }
  .music-container .btn-download {
    background-color: transparent;
    border: 1px #595959 solid;
    color: #313030;
    border-radius: 5px; }
  .music-container .btn-purchase {
    background-color: #313131;
    border: none;
    color: white;
    border-radius: 5px; }

@media screen and (max-width: 1023px) {
  .bg-search-royalty-free-music {
    background-image: url(../image/bg-royalty-free-mobile@2x.jpg); }
  .bg-search-free-music-videos {
    background-image: url(../image/pink-afro-girl-mobile@2x.jpg); } }

#search {
  background-color: #0a0a0a;
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.1);
  flex-grow: 0;
  z-index: 1;
  min-height: 50px; }
  @media screen and (max-width: 1023px) {
    #search {
      background-size: cover;
      background-position: right top;
      background-repeat: no-repeat;
      background-color: #000; }
      #search .divider {
        height: 1px;
        border-top: 1px solid #979797; }
      #search .title-search {
        font-size: 27px; }
        #search .title-search span {
          color: #79b911; }
      #search .subtitle-search {
        font-size: 18px; }
      #search .popular-search {
        font-size: 12px; } }
  #search .search-bar-container input[type="search"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background-color: transparent; }
  #search .search-bar-container input[type="search"]::-webkit-search-decoration,
  #search .search-bar-container input[type="search"]::-webkit-search-cancel-button,
  #search .search-bar-container input[type="search"]::-webkit-search-results-button,
  #search .search-bar-container input[type="search"]::-webkit-search-results-decoration {
    display: none; }
  @media screen and (max-width: 1023px) {
    #search .search-bar-container {
      background-color: #FFF;
      border-radius: 20px;
      padding: 4px 0; }
      #search .search-bar-container > div:first-child {
        margin-left: 0.75rem; }
      #search .search-bar-container svg path {
        fill: #6E6E6E; } }
  @media screen and (min-width: 1024px) {
    #search {
      position: sticky;
      top: 62px;
      background-color: white;
      padding-top: 0.55rem !important;
      padding-bottom: 0.55rem !important;
      padding-left: 24px !important; } }
  #search .search-container {
    cursor: text;
    min-height: 36px; }
  #search input {
    border: none;
    outline: none; }
  #search .sort-by {
    position: relative; }
  #search .sort-by-container::after {
    border: 1px solid #000000;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 6px;
    pointer-events: none;
    position: absolute;
    top: 44%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: 6px;
    right: 1.125em;
    z-index: 4; }
  #search #sort-by {
    border: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 14px;
    padding-left: 4px; }
  #search .cross-tag {
    position: relative; }
    #search .cross-tag:hover span {
      transition: opacity 0.1s, font-size 0.1s;
      font-size: 14px; }
    #search .cross-tag:hover .tag-close {
      position: absolute;
      right: 9.8px;
      transition: right 0.1s; }
    #search .cross-tag span {
      transition: font-size 0.1s, opacity 0.1s;
      font-size: 13px; }
    #search .cross-tag .tag-close {
      top: 5px;
      position: absolute;
      right: 10px;
      transition: right 0.1s; }
  #search .tag {
    background-color: #007493;
    border-radius: 4px;
    color: white;
    height: 32px;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    margin-right: 0.6rem; }
    #search .tag > div:first-child {
      margin-right: 1rem;
      font-size: 0.93em; }
    #search .tag .icon {
      font-size: 13px;
      color: white; }
  #search .tag-free-music {
    background-color: #79b911; }
  #search .clear-all-filters {
    border: 2px solid #0a0a0a;
    color: #0a0a0a;
    background-color: transparent; }
    #search .clear-all-filters .icon {
      font-size: 13px;
      color: #0a0a0a; }
  #search #search-bar {
    width: 200px; }
  #search #nb-filter-active-desktop {
    font-size: 0.9em !important; }
  #search .popular-tag {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10px; }
    #search .popular-tag a {
      border: 1px solid #5B5B5B;
      background-color: #00000069;
      font-weight: 700;
      padding: 0 1rem !important;
      height: 35px; }
    #search .popular-tag .free-music {
      border: 1px solid #79b911;
      background-color: #79b911; }

.browser-container {
  flex: 1;
  position: relative;
  background-color: white; }

#results {
  overflow: scroll;
  width: 100%;
  flex: 1;
  padding-bottom: 62px;
  background-color: white;
  padding-top: 15px; }
  @media screen and (min-width: 1024px) {
    #results {
      background-color: #F9F9F9;
      border-left: 1px #F3F3F3 solid; } }
  #results .browser-error {
    height: calc(100vh - (62px + 324px + 105px + 50px + 70px)); }
  #results .breadcrumb a, #results .breadcrumb strong, #results .breadcrumb span {
    font-size: 16px; }
    @media screen and (min-width: 1024px) {
      #results .breadcrumb a, #results .breadcrumb strong, #results .breadcrumb span {
        font-size: 18px; } }
  @media screen and (min-width: 1024px) {
    #results .breadcrumb {
      padding-left: 27px; } }
  #results .bg-search-royalty-free-music {
    background-image: url(../image/purple-man-@2x.jpg); }
  #results .bg-search-free-music-videos {
    background-image: url(../image/pink-afro-girl-desktop@2x.jpg); }
  #results .popular-search-desktop {
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #000;
    margin: 15px 28px;
    border-radius: 10px;
    min-height: 250px; }
    #results .popular-search-desktop .divider {
      height: 2px;
      flex: 1;
      background: #e0e0e0; }
      @media screen and (min-width: 1024px) {
        #results .popular-search-desktop .divider {
          background: linear-gradient(101deg, rgba(189, 189, 189, 0.84) 0%, rgba(255, 255, 255, 0) 50%); } }
      @media screen and (min-width: 1216px) {
        #results .popular-search-desktop .divider {
          background: linear-gradient(101deg, rgba(189, 189, 189, 0.84) 0%, rgba(255, 255, 255, 0) 65%); } }
      @media screen and (min-width: 1408px) {
        #results .popular-search-desktop .divider {
          background: linear-gradient(101deg, rgba(189, 189, 189, 0.84) 0%, rgba(255, 255, 255, 0) 80%); } }
    #results .popular-search-desktop .popular-tag-container .popular-tag {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      column-gap: 10px; }
      @media screen and (min-width: 1216px) {
        #results .popular-search-desktop .popular-tag-container .popular-tag {
          column-gap: 20px; } }
    #results .popular-search-desktop .popular-tag-container a {
      border: 1px solid #ffffff80;
      background-color: #00000069;
      font-weight: 700;
      padding: 0 1rem !important;
      height: 35px; }
      #results .popular-search-desktop .popular-tag-container a:hover {
        border: 1px solid #ffffff; }
    #results .popular-search-desktop h1 {
      font-size: 35px; }
      #results .popular-search-desktop h1 span {
        color: #79b911; }
    #results .popular-search-desktop h2, #results .popular-search-desktop span.subtitle {
      font-size: 22px; }
    #results .popular-search-desktop p {
      font-size: 16px; }
      @media screen and (min-width: 1216px) {
        #results .popular-search-desktop p {
          font-size: 18px; } }
    #results .popular-search-desktop li strong {
      font-size: 18px; }
      @media screen and (min-width: 1216px) {
        #results .popular-search-desktop li strong {
          font-size: 24px; } }
  #results .result-container {
    flex-direction: column;
    margin-bottom: 2em; }
    @media screen and (min-width: 769px), print {
      #results .result-container {
        padding: 10px;
        border-radius: 3px;
        box-shadow: 0 0 5px #0000000a;
        margin-bottom: 10px; } }
    #results .result-container .overlay-img {
      width: 50px;
      height: 50px;
      background-color: #00000052;
      position: absolute;
      display: none; }
      @media screen and (min-width: 1024px) {
        #results .result-container .overlay-img {
          width: 60px;
          height: 60px; } }
    @media screen and (min-width: 769px), print {
      #results .result-container {
        padding: 13px 13px 13px 27px;
        margin-bottom: 0 !important;
        flex-direction: row;
        background-color: transparent;
        border-radius: 0;
        box-shadow: none; }
        #results .result-container:hover {
          background-color: white; }
          #results .result-container:hover .free-download {
            background-color: #79b911;
            color: white;
            border: 2px #79b911 solid;
            font-weight: 700; }
          #results .result-container:hover .play-button-container {
            display: block; }
          #results .result-container:hover .overlay-img {
            display: block; } }
    @media screen and (min-width: 769px), print {
      #results .result-container .play-button-container {
        color: #C5C5C5;
        display: none; } }
    #results .result-container .img-container {
      width: 50px;
      height: 50px;
      cursor: pointer;
      flex-shrink: 0; }
      @media screen and (min-width: 769px), print {
        #results .result-container .img-container {
          width: 60px;
          height: 60px; }
          #results .result-container .img-container:hover .play-button-container {
            display: block; }
          #results .result-container .img-container:hover .overlay-img {
            display: block; } }
      #results .result-container .img-container img {
        object-fit: cover;
        height: 100%; }
    #results .result-container .track-name {
      margin-bottom: 3px; }
      @media screen and (min-width: 769px), print {
        #results .result-container .track-name {
          margin-bottom: 4px; } }
      #results .result-container .track-name .composer {
        color: #717171;
        line-height: 23px;
        font-size: 0.82em !important;
        font-weight: 400;
        font-style: italic; }
        #results .result-container .track-name .composer:hover {
          color: #0a0a0a; }
      #results .result-container .track-name span {
        font-size: 13px; }
        @media screen and (min-width: 769px), print {
          #results .result-container .track-name span {
            font-size: 0.91em; } }
        #results .result-container .track-name span .composer {
          color: #717171; }
    #results .result-container .play-button-container, #results .result-container .pause-button-container {
      left: 9px;
      top: 10px;
      position: absolute; }
      @media screen and (min-width: 769px), print {
        #results .result-container .play-button-container, #results .result-container .pause-button-container {
          left: 14px;
          top: 14px; } }
      #results .result-container .play-button-container .play-button, #results .result-container .play-button-container .pause-button, #results .result-container .pause-button-container .play-button, #results .result-container .pause-button-container .pause-button {
        cursor: pointer;
        transform: scale(1.3); }
      #results .result-container .play-button-container .pause-button, #results .result-container .pause-button-container .pause-button {
        display: none; }
    #results .result-container .display {
      display: block !important; }
    #results .result-container .duration {
      color: #353535;
      font-weight: 400; }
    @media screen and (min-width: 1216px) {
      #results .result-container .container-description {
        justify-content: center; } }
    #results .result-container .container-description .description {
      width: 100%;
      margin-top: 10px;
      color: #7b7b7b;
      font-weight: 400;
      font-style: italic;
      font-size: 0.80em !important; }
      @media screen and (min-width: 1024px) {
        #results .result-container .container-description .description {
          margin-top: 0;
          text-align: normal; } }
      @media screen and (min-width: 1408px) {
        #results .result-container .container-description .description {
          width: 350px; } }
    @media screen and (min-width: 769px), print {
      #results .result-container .button-container {
        margin-left: 0; } }
    #results .result-container .button-container button {
      flex: 1; }
      @media screen and (min-width: 769px), print {
        #results .result-container .button-container button {
          flex: initial; } }
    #results .result-container .button-container .button-license {
      min-width: 120px; }
  #results .free-download {
    color: #8BC000;
    border: 1px solid #8BC000;
    padding: 0 18px !important;
    height: 27px; }
    #results .free-download:focus {
      background-color: inherit; }
    @media screen and (min-width: 769px), print {
      #results .free-download {
        padding: 5px 15px !important;
        height: inherit;
        color: black;
        border: 2px solid #000;
        font-weight: 700; } }
  @media screen and (min-width: 1024px) {
    #results .button-license {
      font-size: 14px; } }
  @media screen and (max-width: 768px) {
    #results footer {
      padding-left: 0 !important;
      padding-right: 0 !important; } }

#filters {
  position: sticky;
  top: 112px;
  height: calc(99vh - (62px + 50px + 64px ));
  overflow: scroll;
  width: 252px;
  background-color: white; }
  #filters::-webkit-scrollbar {
    display: none; }
  #filters .filter-section, #filters .energy-section {
    padding: 0.6em 0 !important;
    padding-left: 0 !important;
    color: #424242;
    margin-left: 0.5em;
    border-bottom: 1px solid #F2F1F1; }
    #filters .filter-section a, #filters .energy-section a {
      font-weight: 600;
      font-size: 0.92em;
      color: #595959;
      margin-left: 13px;
      padding: 1px; }
      #filters .filter-section a:hover, #filters .energy-section a:hover {
        color: #0a0a0a; }
    #filters .filter-section .filter-title, #filters .energy-section .filter-title {
      font-size: 1em;
      letter-spacing: 0.03em;
      text-transform: capitalize; }
    #filters .filter-section .filter:not(.is-disabled):hover, #filters .energy-section .filter:not(.is-disabled):hover {
      font-weight: bold; }
    #filters .filter-section .is-disabled, #filters .energy-section .is-disabled {
      font-weight: 500; }
  #filters .energy-section .filter-title {
    font-size: 0.94em; }
  #filters .italic-filter {
    font-size: 0.94em; }
  #filters input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden; }
  #filters .switch-button {
    cursor: pointer;
    text-indent: -9999px;
    width: 31px;
    height: 16px;
    background-color: #E5E5E5;
    display: block;
    border-radius: 20px;
    position: relative; }
  #filters .switch-button.is-disabled {
    background-color: #F7F7F7 !important;
    opacity: 1 !important; }
  #filters .switch-button:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 14px;
    transition: 0.05s; }
  #filters .input-switch-toggle:checked + label {
    background: #007493; }
  #filters .input-switch-toggle:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%); }
  #filters .switch-button:active:after {
    width: 14px; }
  #filters .text-browse-menu {
    font-size: 0.92em !important; }
  #filters .filters-list .filter-element {
    margin-bottom: 0.15em !important; }

.display-player {
  transition-duration: 0.5s;
  transition-property: bottom;
  bottom: 0 !important; }

#player {
  flex-direction: column;
  padding: 20px !important;
  transition-duration: 0.5s;
  transition-property: bottom;
  background-color: #212121;
  position: fixed;
  bottom: -158px;
  width: 100%;
  z-index: 200; }
  @media screen and (min-width: 1024px) {
    #player {
      padding: 7px 11px !important;
      bottom: -100px; } }
  @media screen and (min-width: 769px), print {
    #player {
      padding: 7px 20px !important; } }
  @media screen and (min-width: 1024px) {
    #player {
      flex-direction: row; } }
  @media screen and (min-width: 1024px) {
    #player .player-container {
      justify-content: space-between; } }
  #player .img-container {
    width: 60px;
    height: 60px;
    flex-shrink: 0; }
    @media screen and (min-width: 1024px) {
      #player .img-container {
        width: 50px;
        height: 50px; } }
    #player .img-container img {
      object-fit: cover;
      height: 100%; }
  #player #player-track-information {
    width: 120px;
    margin-right: 1rem; }
    @media screen and (min-width: 769px), print {
      #player #player-track-information {
        width: 150px; } }
    @media screen and (min-width: 1024px) {
      #player #player-track-information {
        margin-right: 2rem; } }
    @media screen and (min-width: 1216px) {
      #player #player-track-information {
        margin-right: 3rem; } }
    #player #player-track-information span {
      color: white; }
  #player .player-control {
    color: white; }
    @media screen and (min-width: 1024px) {
      #player .player-control {
        flex: initial;
        margin-left: 2rem;
        margin-right: 2rem; } }
    @media screen and (min-width: 1216px) {
      #player .player-control {
        margin-left: 3rem;
        margin-right: 3rem; } }
    #player .player-control #container-play-pause {
      position: absolute;
      left: 32px;
      width: 36px;
      height: 36px; }
      @media screen and (min-width: 1024px) {
        #player .player-control #container-play-pause {
          position: initial;
          left: initial;
          margin-left: 1.5rem;
          margin-right: 1.5rem; } }
      #player .player-control #container-play-pause .amplitude-paused {
        background-image: url("../image/control-play-mobile.svg"); }
        @media screen and (min-width: 1024px) {
          #player .player-control #container-play-pause .amplitude-paused {
            background-image: url("../image/control-play.svg"); } }
      #player .player-control #container-play-pause .amplitude-playing {
        background-image: url("../image/control-pause-mobile.svg"); }
        @media screen and (min-width: 1024px) {
          #player .player-control #container-play-pause .amplitude-playing {
            background-image: url("../image/control-pause.svg"); } }
      #player .player-control #container-play-pause .amplitude-play-pause {
        width: 36px;
        height: 36px;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer; }
    #player .player-control .container-prev-next {
      width: 38px;
      height: 38px;
      background-repeat: no-repeat;
      background-size: contain; }
      @media screen and (min-width: 1024px) {
        #player .player-control .container-prev-next {
          width: 13px;
          height: 15px; } }
      #player .player-control .container-prev-next .amplitude-prev {
        background-image: url("../image/control-prev.svg"); }
      #player .player-control .container-prev-next .amplitude-next {
        background-image: url("../image/control-next-mobile.svg"); }
        @media screen and (min-width: 1024px) {
          #player .player-control .container-prev-next .amplitude-next {
            background-image: url("../image/control-next.svg"); } }
      #player .player-control .container-prev-next .amplitude-next, #player .player-control .container-prev-next .amplitude-prev {
        width: 38px;
        height: 38px;
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer; }
        @media screen and (min-width: 1024px) {
          #player .player-control .container-prev-next .amplitude-next, #player .player-control .container-prev-next .amplitude-prev {
            width: 14px;
            height: 20px; } }
  #player .close-player {
    margin-left: 1rem; }
    @media screen and (min-width: 769px), print {
      #player .close-player {
        flex: inherit; } }
    @media screen and (min-width: 1024px) {
      #player .close-player {
        margin-left: 3rem; } }
    #player .close-player span {
      justify-content: flex-end; }
      @media screen and (min-width: 769px), print {
        #player .close-player span {
          flex: inherit; } }
  #player .container-volume {
    width: 90px; }
    #player .container-volume span {
      cursor: pointer; }
    #player .container-volume .amplitude-volume-slider {
      background-color: #ACACAC; }
    #player .container-volume input {
      height: 4px;
      border-radius: 10px; }
  #player .container-progress span {
    color: white; }
  #player .container-progress .amplitude-song-slider {
    background-color: #ACACAC !important;
    border-radius: 10px;
    height: 7px; }
    @media screen and (min-width: 1024px) {
      #player .container-progress .amplitude-song-slider {
        height: initial; } }
  #player .close-player {
    cursor: pointer; }
  #player .button-player-mobile {
    border: 2px solid #8E8E8E;
    border-radius: 7px;
    width: 43px;
    height: 32px; }
  #player .button-player-mobile.free-track-download {
    border: 2px solid #8BC000; }
  #player .button-player-mobile:not(:last-child) {
    margin-right: 24px; }

footer {
  width: 100%;
  position: relative; }
  footer > div {
    flex-direction: column; }
    @media screen and (min-width: 769px), print {
      footer > div {
        flex-direction: row; } }
  @media screen and (min-width: 1024px) {
    footer .footer-social-block {
      width: 200px; } }
  footer .footer-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 34px; }
    @media screen and (min-width: 1024px) {
      footer .footer-section {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 0px; } }
    footer .footer-section .footer-social-block {
      order: 1;
      grid-area: 1 / 1 / 2 / 3; }
      @media screen and (max-width: 1023px) {
        footer .footer-section .footer-social-block a {
          width: 48px;
          height: 48px;
          display: flex;
          justify-content: center;
          align-items: center; }
        footer .footer-section .footer-social-block span {
          margin: 0 !important; } }
      @media screen and (min-width: 1024px) {
        footer .footer-section .footer-social-block {
          grid-area: 1 / 1 / 2 / 2; } }
    footer .footer-section .footer-bensound {
      order: 2;
      grid-area: 2 / 1 / 3 / 2; }
      @media screen and (min-width: 1024px) {
        footer .footer-section .footer-bensound {
          grid-area: 1 / 2 / 2 / 3; } }
    footer .footer-section .footer-info {
      margin-left: 37px;
      order: 5;
      grid-area: 3 / 2 / 4 / 3; }
      @media screen and (min-width: 1024px) {
        footer .footer-section .footer-info {
          order: 3;
          grid-area: 2 / 2 / 3 / 3;
          margin-left: 0; } }
    footer .footer-section .footer-popular-searches {
      order: 4;
      grid-area: 3 / 1 / 4 / 2;
      min-width: 183px; }
      @media screen and (min-width: 1024px) {
        footer .footer-section .footer-popular-searches {
          width: inherit;
          grid-area: 1 / 3 / 3 / 4; } }
    footer .footer-section .footer-support {
      margin-left: 37px;
      order: 3;
      grid-area: 2 / 2 / 3 / 3; }
      @media screen and (min-width: 1024px) {
        footer .footer-section .footer-support {
          margin-left: 0;
          order: 5;
          grid-area: 1 / 4 / 2 / 5; } }

.modal-card footer {
  height: auto; }

.modal-close:before {
  background-color: black !important; }

.modal-close:after {
  background-color: black !important; }

.footer-copyright {
  text-align: center; }

input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%; }

input[type=range]:focus {
  outline: none; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0 0 0 #0a0a0a;
  border-radius: 10px;
  border: 0 solid #0a0a0a; }

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0 0 1px #0a0a0a;
  border: 3px solid #ffffff;
  height: 22px;
  width: 22px;
  border-radius: 50px;
  background: #2c2c2c;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10.5px; }
  @media screen and (min-width: 1024px) {
    input[type=range]::-webkit-slider-thumb {
      border: 0 solid #0a0a0a;
      height: 14px;
      width: 14px;
      background: white;
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -6.5px; } }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0 0 0 #0a0a0a;
  border-radius: 10px;
  border: 0 solid #0a0a0a; }

input[type=range]::-moz-range-thumb {
  box-shadow: 0 0 1px #0a0a0a;
  border: 0 solid #0a0a0a;
  height: 14px;
  width: 14px;
  border-radius: 50px;
  background: white;
  cursor: pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent; }

input[type=range]::-ms-fill-lower {
  background: #79b911;
  border: 0 solid #0a0a0a;
  border-radius: 20px;
  box-shadow: 0 0 0 #0a0a0a; }

input[type=range]::-ms-fill-upper {
  background: #79b911;
  border: 0 solid #0a0a0a;
  border-radius: 20px;
  box-shadow: 0 0 0 #0a0a0a; }

input[type=range]::-ms-thumb {
  box-shadow: 0 0 1px #0a0a0a;
  border: 0 solid #0a0a0a;
  height: 14px;
  width: 14px;
  border-radius: 50px;
  background: white;
  cursor: pointer; }

input[type=range]:focus::-ms-fill-lower {
  background: #79b911; }

input[type=range]:focus::-ms-fill-upper {
  background: #79b911; }

.canvas-container {
  width: 200px; }
  @media screen and (min-width: 1216px) {
    .canvas-container {
      width: 250px; } }
  @media screen and (min-width: 1408px) {
    .canvas-container {
      width: 350px; } }
  .canvas-container .canvas-waveform {
    width: 213px;
    height: 30px;
    cursor: pointer; }
    @media screen and (min-width: 1408px) {
      .canvas-container .canvas-waveform {
        width: 313px; } }

#product {
  background-color: #F9F9F9; }

#product-details {
  background-color: white;
  box-shadow: 0px -4px 13px -7px rgba(0, 0, 0, 0.1); }

.product #product-picture {
  margin-top: 50px; }
  .product #product-picture .overlay {
    width: 230px;
    height: 230px;
    background-color: #00000030;
    position: absolute; }
    .product #product-picture .overlay .play-button {
      background-image: url(../image/play-button-smart.svg);
      width: 78px;
      height: 78px;
      background-size: contain;
      background-repeat: no-repeat; }
  .product #product-picture .img-container {
    width: 230px;
    height: 230px;
    margin-bottom: 25px; }
    .product #product-picture .img-container img {
      object-fit: cover;
      height: 100%; }

.product #song .play-button {
  background-image: url(../image/play-button-desktop.svg);
  width: 38px;
  height: 38px;
  background-size: contain;
  margin-right: 10px;
  margin-top: -5px;
  cursor: pointer;
  background-repeat: no-repeat; }

.product #song h1 {
  font-weight: bold;
  color: #282828; }

.product #song h2 {
  color: #353535; }
  .product #song h2 span {
    color: #727272;
    font-style: italic; }
  .product #song h2 a {
    color: #79b911; }

.product #song .description {
  width: 700px; }
  .product #song .description p {
    color: #525252;
    font-size: 18px;
    margin-top: 24px;
    text-align: center; }

.product #license {
  background-color: #0a0a0a;
  color: white;
  border-radius: 3px;
  padding: 10px;
  border: none;
  font-weight: bold;
  margin-top: 24px;
  margin-bottom: 24px;
  cursor: pointer;
  width: 100%; }
  @media screen and (min-width: 769px), print {
    .product #license {
      width: 230px; } }
  .product #license span {
    line-height: 23px;
    margin-top: 3px; }

.product .details {
  margin-bottom: 24px;
  margin-top: 12px; }
  .product .details div:not(:last-child) {
    border-right: 1px #E3E0E0 solid; }
  .product .details div {
    flex: 1; }
    .product .details div span {
      font-size: 24px;
      line-height: 34px; }

.product #informations {
  padding-top: 12px;
  background-color: white; }
  .product #informations p {
    color: #363636;
    font-size: 14px;
    margin-bottom: 24px;
    text-align: justify; }
  .product #informations .details {
    margin-bottom: 24px;
    margin-top: 12px; }
    .product #informations .details div:not(:last-child) {
      border-right: 1px #E3E0E0 solid; }
    .product #informations .details div {
      flex: 1; }
      .product #informations .details div span {
        font-size: 16px;
        line-height: 24px; }
  @media screen and (min-width: 769px), print {
    .product #informations #tag-container {
      margin-top: 30px; } }
  .product #informations #tag-container .tags {
    margin-bottom: 20px; }
    @media screen and (min-width: 769px), print {
      .product #informations #tag-container .tags {
        width: 40%;
        margin-bottom: 40px; } }
    .product #informations #tag-container .tags h3 {
      margin-bottom: 8px;
      font-weight: bold;
      color: #363636; }
    .product #informations #tag-container .tags .tag {
      border: 1px solid #979797;
      border-radius: 16px;
      margin-right: 6px;
      padding: 2px 7px;
      font-size: 13px;
      color: #1C1C1C;
      margin-bottom: 8px;
      line-height: 24px; }

.product .separator {
  height: 1px;
  border-top: 1px solid #E3E0E0;
  margin-bottom: 24px; }

@media screen and (max-width: 768px) {
  .mobile-padding {
    padding-left: 26px !important;
    padding-right: 26px !important; } }

@media screen and (min-width: 769px), print {
  .mobile-padding {
    padding-left: 26px;
    padding-right: 26px; } }

@media screen and (min-width: 1024px) {
  .mobile-padding {
    padding-left: 0;
    padding-right: 0; } }

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px; }
  .pagination .links {
    flex: 1; }
    .pagination .links b {
      color: #808080;
      margin-right: 5px; }
    .pagination .links a {
      color: #0a0a0a;
      font-weight: bold;
      margin-right: 5px; }
  .pagination .button-next-page {
    background-color: #0a0a0a;
    color: #FFF;
    height: 48px; }
  @media screen and (max-width: 1023px) {
    .pagination b {
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 30px !important;
      color: #0a0a0a !important; }
    .pagination .pagination-button {
      background-color: #0a0a0a;
      color: white !important;
      padding: 10px;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 30px;
      margin: 0 !important;
      font-size: 20px; } }

.favorite {
  cursor: pointer; }
  .favorite[data-is-favorite="1"] .fa-heart {
    font-weight: 900 !important; }
  .favorite[data-is-favorite="1"]:hover .fa-heart {
    font-weight: 400 !important; }
  .favorite[data-is-favorite="0"] .fa-heart {
    font-weight: 400 !important; }
  .favorite[data-is-favorite="0"]:hover .fa-heart {
    font-weight: 900 !important; }

#filters-mobile {
  cursor: pointer; }

.modal {
  z-index: 2000; }

#modal-content {
  width: 100vw;
  max-height: 100vh !important;
  height: 100vh;
  -webkit-overflow-scrolling: touch; }
  @media screen and (min-width: 1024px) {
    #modal-content {
      border-radius: 6px;
      width: 900px;
      height: inherit; } }
  #modal-content .modal-download-section {
    background-color: #D8D8D8; }
    #modal-content .modal-download-section button {
      background-color: #79b911;
      color: white; }
  #modal-content .is-free .or {
    top: 28% !important; }
  #modal-content .container {
    width: 100vw;
    min-height: 100vh; }
    @media screen and (min-width: 1024px) {
      #modal-content .container {
        width: 900px;
        max-height: 95vh;
        height: inherit !important;
        min-height: inherit !important; } }
    #modal-content .container #licenses-or-plans {
      width: 100%; }
    #modal-content .container #select-plan {
      flex-direction: column;
      flex: 1; }
      @media screen and (min-width: 1024px) {
        #modal-content .container #select-plan {
          flex-direction: row; } }
      #modal-content .container #select-plan h2 {
        color: #282828; }
      #modal-content .container #select-plan .price {
        color: #282828; }
      #modal-content .container #select-plan > div {
        flex: 1;
        background-color: white; }
        @media screen and (min-width: 1024px) {
          #modal-content .container #select-plan > div {
            min-height: 300px;
            flex: 1; } }
        #modal-content .container #select-plan > div:last-child {
          background-color: #F5F5F5; }
        #modal-content .container #select-plan > div button {
          width: 60%;
          padding: 22px 0;
          border-radius: 8px; }
        #modal-content .container #select-plan > div .see-license-track {
          border: 2px solid #000; }
        #modal-content .container #select-plan > div .see-plan-details {
          border: 2px solid #0081B8; }
      #modal-content .container #select-plan .or {
        flex: 0 1 0;
        position: absolute;
        background-color: white;
        border-radius: 2px;
        border: 1px #b1afaf solid;
        height: 10px;
        top: 45%;
        color: #635e5e;
        font-size: 12px;
        min-height: inherit; }
      #modal-content .container #select-plan ul li {
        list-style: disc; }
      @media screen and (min-width: 1024px) {
        #modal-content .container #select-plan .details-container {
          flex: 1; } }
      @media screen and (min-width: 1024px) {
        #modal-content .container #select-plan .details-container div:last-child {
          flex: 1;
          align-items: center; } }
      #modal-content .container #select-plan .img-cover-tracks {
        filter: blur(0);
        -webkit-filter: blur(0);
        transform: translateZ(0);
        -webkit-transform: translateZ(0); }
    #modal-content .container .close {
      position: absolute;
      right: 17px;
      top: 1px;
      width: 20px;
      height: 20px;
      opacity: 0.5;
      min-height: inherit !important;
      background-color: transparent !important; }
    #modal-content .container .close:hover {
      opacity: 1;
      cursor: pointer; }
    #modal-content .container .close:before, #modal-content .container .close:after {
      position: absolute;
      left: 9px;
      content: ' ';
      height: 20px;
      width: 2px;
      background-color: #0a0a0a; }
    #modal-content .container .close:before {
      transform: rotate(45deg); }
    #modal-content .container .close:after {
      transform: rotate(-45deg); }
    #modal-content .container #subscription-details {
      position: relative; }
      #modal-content .container #subscription-details #subscription-card-container {
        width: 100%; }
        #modal-content .container #subscription-details #subscription-card-container .card {
          width: 260px;
          border-radius: 7px !important; }
          #modal-content .container #subscription-details #subscription-card-container .card .subscription-card-header {
            color: white; }
          #modal-content .container #subscription-details #subscription-card-container .card .subscription-extended {
            background-color: #0081B8; }
          #modal-content .container #subscription-details #subscription-card-container .card .subscription-standard {
            background-color: #00B8A8; }
          #modal-content .container #subscription-details #subscription-card-container .card .card-content, #modal-content .container #subscription-details #subscription-card-container .card .content {
            height: 100%; }
    #modal-content .container #pay-per-track {
      background-color: #F2F2F2;
      position: relative;
      width: 100%; }
      @media screen and (min-width: 1024px) {
        #modal-content .container #pay-per-track {
          width: auto;
          border-radius: 5px; } }
      #modal-content .container #pay-per-track .divider {
        flex: 1;
        border-top: 1px #0a0a0a solid;
        height: 1px; }
      #modal-content .container #pay-per-track .info-coverage {
        width: 82%; }
      #modal-content .container #pay-per-track #track-licences-mobile .license-detail-mobile {
        background-color: white;
        border-radius: 8px;
        border: 2px solid white;
        box-shadow: 2px 2px 7px #0000000f; }
      #modal-content .container #pay-per-track #track-licences-mobile .extended-license {
        border: 2px solid #00B8A8;
        box-shadow: 0 0 0 #FFF !important; }
      #modal-content .container #pay-per-track #compare-license-button {
        background-color: #00B8A8;
        color: white;
        width: 200px;
        height: 50px; }
      #modal-content .container #pay-per-track #track-licences {
        width: 100%; }
        @media screen and (min-width: 1024px) {
          #modal-content .container #pay-per-track #track-licences {
            padding: 0 80px; } }
        #modal-content .container #pay-per-track #track-licences > div {
          border-left: 10px solid;
          border-right: 2px solid;
          background-color: white;
          border-radius: 5px;
          height: 50px; }
          #modal-content .container #pay-per-track #track-licences > div button {
            border-radius: 0 !important;
            color: white;
            height: 100%; }
          #modal-content .container #pay-per-track #track-licences > div .track-licences-button {
            min-width: 110px; }
        #modal-content .container #pay-per-track #track-licences .selected {
          border-top: 2px solid;
          border-bottom: 2px solid; }
        #modal-content .container #pay-per-track #track-licences .standard-license {
          border-color: #00B8A8; }
          #modal-content .container #pay-per-track #track-licences .standard-license button {
            background-color: #00B8A8;
            border-color: #00B8A8; }
        #modal-content .container #pay-per-track #track-licences .extended-license {
          border-color: #0081B8; }
          #modal-content .container #pay-per-track #track-licences .extended-license button {
            background-color: #0081B8;
            border-color: #0081B8; }
        #modal-content .container #pay-per-track #track-licences .premium-license {
          border-color: #BDB401; }
          #modal-content .container #pay-per-track #track-licences .premium-license button {
            background-color: #BDB401;
            border-color: #BDB401; }
      #modal-content .container #pay-per-track #pay-per-track-details {
        padding: 20px 0;
        background-color: white; }
        @media screen and (min-width: 1024px) {
          #modal-content .container #pay-per-track #pay-per-track-details {
            border-radius: 0 0 5px 5px;
            padding: 32px 50px !important; } }
        #modal-content .container #pay-per-track #pay-per-track-details #licenses-details {
          flex: 1.5; }
        #modal-content .container #pay-per-track #pay-per-track-details #license-price {
          flex: 1; }
        #modal-content .container #pay-per-track #pay-per-track-details > div {
          flex-direction: column; }
          @media screen and (min-width: 1024px) {
            #modal-content .container #pay-per-track #pay-per-track-details > div {
              flex-direction: row; } }
    #modal-content .container #license-attribution {
      position: relative;
      width: 650px;
      background-color: white;
      justify-content: center; }
      @media screen and (min-width: 1024px) {
        #modal-content .container #license-attribution {
          border-radius: 5px;
          justify-content: inherit; } }
      #modal-content .container #license-attribution .free-download {
        background-color: #79b911;
        color: white; }
      #modal-content .container #license-attribution .forbidden-use-container {
        width: 95%; }
        @media screen and (min-width: 1024px) {
          #modal-content .container #license-attribution .forbidden-use-container {
            width: 57%; } }
        #modal-content .container #license-attribution .forbidden-use-container .forbidden-use {
          flex: 1; }
    #modal-content .container #thanks-for-downloading {
      position: relative;
      width: 550px;
      border-radius: 5px;
      background-color: white; }
      #modal-content .container #thanks-for-downloading .tip-text-downloadinf {
        color: #0081B8; }
      @media screen and (max-width: 768px) {
        #modal-content .container #thanks-for-downloading .unlimited-music-image {
          width: 170px; } }
    #modal-content .container #license-added {
      justify-content: center;
      background-color: white;
      min-width: 100%;
      position: relative; }
      @media screen and (min-width: 1024px) {
        #modal-content .container #license-added {
          min-width: 500px;
          border-radius: 5px; } }
      #modal-content .container #license-added .progress {
        background-color: #0081B8;
        width: 0px;
        height: 6px;
        border-radius: 0 0 0 4px;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: width 0.5s ease-in-out; }
      #modal-content .container #license-added .start-progress {
        width: 100%;
        transition: width 4s; }
      #modal-content .container #license-added .license-added-container {
        display: flex;
        flex-direction: column; }
        @media screen and (min-width: 1024px) {
          #modal-content .container #license-added .license-added-container {
            flex-direction: row;
            justify-content: space-between;
            align-items: center; } }
        @media screen and (min-width: 1024px) {
          #modal-content .container #license-added .license-added-container > div {
            margin-right: 12px; } }
        #modal-content .container #license-added .license-added-container button {
          width: 100%;
          margin-top: 16px; }
          @media screen and (min-width: 1024px) {
            #modal-content .container #license-added .license-added-container button {
              width: inherit;
              margin-top: inherit; } }

.block:not(:last-child) {
  margin-bottom: 1.5rem; }

#my-account > div {
  flex-direction: column;
  margin-bottom: 16px; }
  @media screen and (min-width: 769px), print {
    #my-account > div {
      flex-direction: row;
      margin-bottom: 0; } }

#my-account h1 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 20px; }
  @media screen and (min-width: 769px), print {
    #my-account h1 {
      font-size: 1.5rem;
      text-align: left; } }

#my-account .remaining-days-subscription {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 14px; }
  @media screen and (min-width: 769px), print {
    #my-account .remaining-days-subscription {
      margin-top: 25px;
      font-size: 16px; } }

#my-account .few-days-remaining {
  color: red; }

#my-account #my-account-container {
  flex-direction: column;
  background-color: white;
  border-radius: 4px; }
  @media screen and (min-width: 769px), print {
    #my-account #my-account-container {
      flex-direction: row; } }
  #my-account #my-account-container .account-tab {
    min-width: 210px;
    border-right: 1px #EDEDED solid; }
  #my-account #my-account-container .account-container {
    flex: 1;
    border-bottom: 1px #E3E3E3 solid; }
    @media screen and (min-width: 769px), print {
      #my-account #my-account-container .account-container {
        border-bottom: none; } }
  #my-account #my-account-container .account-dropdown {
    border-bottom: 1px #E3E3E3 solid;
    justify-content: space-between; }
    #my-account #my-account-container .account-dropdown:last-child {
      border-bottom: 1px #E3E3E3 solid; }
  #my-account #my-account-container .link-account {
    font-size: 18px;
    color: #282828; }

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

.without-border-radius {
  border-radius: 0; }

#checkout, #activate-password, #maintenance {
  min-height: calc(100vh - (62px + 324px + 105px)); }

#activate-password .reset-password-form {
  width: 50%; }

#checkout-blocks #react-login #login-cje {
  box-shadow: 0 0 28px #0000000d; }

#checkout-blocks > div {
  flex-direction: column; }
  @media screen and (min-width: 1024px) {
    #checkout-blocks > div {
      flex-direction: row; } }
  #checkout-blocks > div #inputPassword, #checkout-blocks > div #inputEmail {
    height: 45px; }
  #checkout-blocks > div .left-block {
    width: 100%;
    order: 2; }
    @media screen and (min-width: 1024px) {
      #checkout-blocks > div .left-block {
        width: 48%; } }
  #checkout-blocks > div .right-block {
    width: 100%;
    order: 1; }
    @media screen and (min-width: 1024px) {
      #checkout-blocks > div .right-block {
        width: 48%; } }
  #checkout-blocks > div .checkout-block {
    box-shadow: 0 0 28px #0000000d; }
    #checkout-blocks > div .checkout-block .input, #checkout-blocks > div .checkout-block .control a, #checkout-blocks > div .checkout-block select[name="country_id"] {
      height: 45px; }
    #checkout-blocks > div .checkout-block .control.is-loading::after {
      -webkit-animation: spinAround .5s infinite linear;
      animation: spinAround .5s infinite linear;
      border: 2px solid #2793da;
      border-radius: 9999px;
      border-right-color: transparent;
      border-top-color: transparent;
      content: "";
      display: block;
      height: 1em;
      position: relative;
      width: 1em;
      margin-top: 4px; }
  @media screen and (min-width: 1024px) {
    #checkout-blocks > div .left-block {
      order: 1; }
    #checkout-blocks > div .right-block {
      order: 2; } }

#checkout-step div {
  width: 190px; }

#checkout-step .active {
  background-color: #0081B8;
  color: white;
  font-weight: 500; }

#checkout-step .divider {
  width: 60px;
  height: 1px;
  border-top: 1px #CBCBCB solid; }

#checkout-product .play-button, #checkout-product .pause-button {
  cursor: pointer; }

#checkout-product, #resume-checkout-product {
  background-color: white; }
  #checkout-product .divider, #resume-checkout-product .divider {
    border-bottom: 1px #E7E7E7 solid;
    height: 1px;
    width: 88%;
    margin-bottom: 10px;
    margin-top: 10px; }
  #checkout-product .overlay-img, #resume-checkout-product .overlay-img {
    width: 60px;
    height: 60px;
    background-color: #00000052;
    position: absolute;
    display: none; }
    @media screen and (min-width: 1024px) {
      #checkout-product .overlay-img, #resume-checkout-product .overlay-img {
        width: 60px;
        height: 60px; } }
  #checkout-product .img-container, #resume-checkout-product .img-container {
    width: 60px;
    height: 60px; }
  #checkout-product .play-button-container, #resume-checkout-product .play-button-container {
    color: #C5C5C5; }
    @media screen and (min-width: 769px), print {
      #checkout-product .play-button-container, #resume-checkout-product .play-button-container {
        display: none; } }
  #checkout-product .pause-button-container, #checkout-product .play-button-container, #resume-checkout-product .pause-button-container, #resume-checkout-product .play-button-container {
    position: absolute;
    left: 14px;
    top: 14px; }
  #checkout-product .play-button, #checkout-product .pause-button, #resume-checkout-product .play-button, #resume-checkout-product .pause-button {
    cursor: pointer;
    transform: scale(1.3); }
  #checkout-product .pause-button, #resume-checkout-product .pause-button {
    display: none; }
  #checkout-product .row-product-cart, #resume-checkout-product .row-product-cart {
    position: relative; }
    #checkout-product .row-product-cart .display, #resume-checkout-product .row-product-cart .display {
      display: block !important; }
    #checkout-product .row-product-cart:hover .play-button-container, #resume-checkout-product .row-product-cart:hover .play-button-container {
      display: block; }
    #checkout-product .row-product-cart:hover .overlay-img, #resume-checkout-product .row-product-cart:hover .overlay-img {
      display: block; }

#checkout-cart-container {
  flex-direction: column; }
  @media screen and (min-width: 1024px) {
    #checkout-cart-container {
      flex-direction: row; } }
  #checkout-cart-container #checkout-total {
    width: 100%;
    order: 1; }
    @media screen and (min-width: 1024px) {
      #checkout-cart-container #checkout-total {
        width: 50%;
        order: 2; } }
  #checkout-cart-container #checkout-coupon {
    order: 2;
    margin-top: 20px;
    text-align: center; }
    @media screen and (min-width: 1024px) {
      #checkout-cart-container #checkout-coupon {
        order: 1;
        margin-top: 0; } }
    #checkout-cart-container #checkout-coupon #coupon {
      border-right: none;
      border-radius: 5px 0 0 5px; }
      #checkout-cart-container #checkout-coupon #coupon:focus {
        box-shadow: none;
        border-color: #dbdbdb; }
    #checkout-cart-container #checkout-coupon #button-coupon-cart {
      border-left: none;
      border-radius: 0 5px 5px 0;
      border-color: #dbdbdb; }

#checkout-total {
  background-color: white; }
  #checkout-total .divider {
    border-bottom: 1px #E7E7E7 solid;
    height: 1px;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px; }

#resume-checkout-product {
  border-radius: 6px; }
  @media screen and (min-width: 1024px) {
    #resume-checkout-product {
      position: sticky;
      top: 160px;
      min-width: 450px; } }
  @media screen and (min-width: 1216px) {
    #resume-checkout-product {
      min-width: 500px; } }
  #resume-checkout-product #checkout-total {
    width: 100%; }

#checkout-button {
  background-color: #0a0a0a;
  color: white;
  border: none;
  width: 200px;
  cursor: pointer; }

#billing-details-checkout-product, #payment-method, #checkout-register, #login-cje, #confirm-address, .checkout-block {
  background-color: white;
  border-radius: 6px; }
  #billing-details-checkout-product .billing-address, #payment-method .billing-address, #checkout-register .billing-address, #login-cje .billing-address, #confirm-address .billing-address, .checkout-block .billing-address {
    background-color: #f7f7f7;
    border-radius: 2px;
    padding: 5px; }

#payment {
  width: 100%; }

#pay-button {
  background-color: #CACACA;
  color: #FFF;
  padding: 0.7rem;
  margin-top: 20px;
  cursor: pointer;
  border-radius: 4px;
  height: 45px;
  border-color: transparent; }

#confirm {
  background-color: white;
  padding: 1rem; }
  @media screen and (min-width: 1024px) {
    #confirm {
      padding: 1.5rem; } }
  #confirm #payment {
    padding: 0; }
  #confirm .payment #payment-container {
    flex-direction: column; }
    @media screen and (min-width: 1024px) {
      #confirm .payment #payment-container {
        flex-direction: row; } }

#login-cje {
  padding: 1.5rem !important; }
  @media screen and (min-width: 1024px) {
    #login-cje {
      padding: 3rem !important; } }

.payment .divider {
  height: 1px;
  border-top: 1px #ddd solid;
  width: 100%;
  margin: 0 50px; }
  @media screen and (min-width: 1024px) {
    .payment .divider {
      height: 100%;
      border-right: 1px #ddd solid;
      border-top: 0;
      width: 1px;
      margin: 0 50px; } }

@media screen and (min-width: 1024px) {
  .bottom-block {
    margin: 0 16px; } }

@media screen and (min-width: 1216px) {
  .bottom-block {
    margin: 0 64px; } }

@media screen and (min-width: 1408px) {
  .bottom-block {
    margin: 0 128px; } }

.pay-button-disable {
  background-color: #cacaca !important;
  color: white;
  opacity: 1 !important; }
  .pay-button-disable:hover {
    color: white !important; }

.input-float {
  position: relative; }
  .input-float .floating-label {
    position: absolute;
    left: 10px;
    top: 19%;
    font-size: 16px;
    background-color: white;
    padding: 0 5px;
    cursor: inherit;
    transition: all 0.2s ease-out;
    color: #a9a9a9;
    z-index: 4; }
  .input-float .floating-label-active {
    position: absolute;
    left: 10px;
    top: -9px;
    background-color: white;
    font-size: 13px;
    padding: 0 5px;
    cursor: inherit;
    transition: all 0.2s ease-out;
    z-index: 4;
    color: #a9a9a9; }
  .input-float .input:-webkit-autofill + .floating-label {
    position: absolute;
    left: 10px;
    top: -7px;
    background-color: white;
    font-size: 13px;
    padding: 0 5px;
    cursor: inherit;
    transition: all 0.2s ease-out;
    z-index: 4;
    color: #a9a9a9; }

.fadeOut {
  opacity: 0;
  transition: opacity 0.5s; }

.fadeIn {
  opacity: 1;
  transition: opacity 0.5s 0.5s; }

.coupon-checkout {
  text-decoration: underline;
  cursor: pointer; }

.form-input-error {
  color: red; }

#select-country::before {
  border-color: #cdcece;
  right: 1px;
  z-index: 4;
  background-color: #F4F4F4;
  border-left: 1px solid #dbdbdb;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: calc(45px - 2px);
  pointer-events: none;
  position: absolute;
  top: 1px;
  transform-origin: center;
  width: 45px;
  border-radius: 0 5px 5px 0; }

#select-country::after {
  border: 1px solid #C2C2C2;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 10px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 10px;
  right: 1.125em;
  z-index: 4; }

#coupon-checkout-area .button-send-coupon {
  background-color: #1F1F1F;
  color: white;
  height: 45px; }

#pricing-section {
  background-image: url(../image/blackmamba.png); }
  #pricing-section .pricing-section-block {
    width: 100%; }
    @media screen and (min-width: 1024px) {
      #pricing-section .pricing-section-block {
        width: 25%; } }
  #pricing-section #pricing-section-block-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem 0; }
    @media screen and (min-width: 1024px) {
      #pricing-section #pricing-section-block-container {
        align-items: flex-start;
        flex-direction: row;
        margin: 2rem 0 3rem 0; } }
    #pricing-section #pricing-section-block-container .pricing-section-block {
      align-items: center; }
      @media screen and (min-width: 1024px) {
        #pricing-section #pricing-section-block-container .pricing-section-block {
          margin-bottom: 0;
          align-items: flex-start; } }
      #pricing-section #pricing-section-block-container .pricing-section-block p {
        text-align: center; }
        @media screen and (min-width: 1024px) {
          #pricing-section #pricing-section-block-container .pricing-section-block p {
            text-align: left; } }

#pricing-details {
  background-color: white; }
  @media screen and (min-width: 1024px) {
    #pricing-details {
      position: sticky;
      top: 62px;
      z-index: 10; } }
  @media screen and (max-width: 1023px) {
    #pricing-details #select-pricing-structure {
      padding-top: 30px;
      position: sticky;
      top: 62px;
      z-index: 200;
      background-color: #FFF; } }
  @media screen and (min-width: 1024px) {
    #pricing-details #select-pricing-structure {
      width: 350px; } }
  #pricing-details .toggle-subscription-ppt {
    border: 2px solid #000;
    border-radius: 50px; }
    @media screen and (min-width: 1024px) {
      #pricing-details .toggle-subscription-ppt #pay-per-track {
        padding-left: 0.6rem !important;
        padding-right: 0.6rem !important; } }
    @media screen and (min-width: 1216px) {
      #pricing-details .toggle-subscription-ppt #pay-per-track {
        padding-left: 0.8rem !important;
        padding-right: 1.3rem !important; }
        #pricing-details .toggle-subscription-ppt #pay-per-track h3 {
          font-size: 0.94em !important; } }
    #pricing-details .toggle-subscription-ppt #premium {
      margin-right: 0.25rem !important; }
      @media screen and (min-width: 1216px) {
        #pricing-details .toggle-subscription-ppt #premium {
          padding: 0.5rem 1.4rem !important; }
          #pricing-details .toggle-subscription-ppt #premium h3 {
            font-size: 1.13em !important; } }
  #pricing-details > div {
    flex-direction: column; }
    @media screen and (min-width: 1024px) {
      #pricing-details > div {
        flex-direction: row; } }
  #pricing-details #premium.active {
    background-color: #E8B328;
    color: #FFF;
    border-radius: 50px; }
  #pricing-details #pay-per-track, #pricing-details #premium {
    color: #7E7E7E; }
  #pricing-details #pay-per-track.active {
    background-color: #000;
    color: #FFF;
    border-radius: 50px; }
  #pricing-details .title-divider {
    height: 1px;
    width: 50px;
    border-bottom: 1px solid #979797; }
    @media screen and (min-width: 1024px) {
      #pricing-details .title-divider {
        width: 6px; } }
    @media screen and (min-width: 1216px) {
      #pricing-details .title-divider {
        width: 26px; } }
    @media screen and (min-width: 1408px) {
      #pricing-details .title-divider {
        width: 50px; } }
  #pricing-details .subscription-standard, #pricing-details .pay-per-track-standard {
    border-color: #00B8A8 !important; }
  #pricing-details .subscription-premium, #pricing-details .pay-per-track-premium {
    border-color: #000 !important; }
  #pricing-details .pay-per-track-extended {
    border-color: #0081B8 !important; }
  #pricing-details .not-active {
    color: #969696; }
  #pricing-details .subscription-block {
    width: 312px;
    padding: 1.6rem;
    padding-top: 1.1rem !important;
    margin-bottom: 32px;
    position: relative;
    border: 3px solid #858585;
    border-radius: 10px; }
    @media screen and (min-width: 1024px) {
      #pricing-details .subscription-block:not(:last-child) {
        margin-right: 20px; } }
    @media screen and (min-width: 1216px) {
      #pricing-details .subscription-block:not(:last-child) {
        margin-right: 26px; } }
    @media screen and (min-width: 1408px) {
      #pricing-details .subscription-block:not(:last-child) {
        margin-right: 75px; } }
    @media screen and (min-width: 1024px) {
      #pricing-details .subscription-block {
        padding: 1rem;
        box-shadow: 0 24px 34px #8a8a8a24;
        width: 190px;
        margin-bottom: 0; } }
    @media screen and (min-width: 1216px) {
      #pricing-details .subscription-block {
        padding: 1.5rem;
        width: 230px; } }
    @media screen and (min-width: 1408px) {
      #pricing-details .subscription-block {
        width: 259px; } }
    #pricing-details .subscription-block .not-include {
      color: #a0a0a0; }
    #pricing-details .subscription-block .divider {
      border-bottom: 1px #E7E7E7 solid;
      height: 1px;
      width: 100%; }
    #pricing-details .subscription-block .info-taxes {
      position: absolute;
      bottom: -30px;
      right: 0; }
    #pricing-details .subscription-block .flag-standard {
      width: 76px;
      height: 10px;
      background-color: #00B8A8; }
    #pricing-details .subscription-block .flag-extended {
      width: 76px;
      height: 10px;
      background-color: #0081B8; }
    #pricing-details .subscription-block .flag-national-tv-ad {
      width: 76px;
      height: 10px;
      background-color: #BDB401; }
    #pricing-details .subscription-block .subtitle {
      margin-bottom: 0px; }
      @media screen and (min-width: 1024px) {
        #pricing-details .subscription-block .subtitle {
          font-size: 11px; } }
      @media screen and (min-width: 1216px) {
        #pricing-details .subscription-block .subtitle {
          font-size: 13px; } }
    #pricing-details .subscription-block h5 {
      z-index: 100;
      font-size: 15px !important;
      font-weight: 700 !important; }
    #pricing-details .subscription-block sup {
      font-size: 18px !important; }
    #pricing-details .subscription-block sup + span {
      font-size: 28px !important; }
  #pricing-details input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden; }
  #pricing-details label {
    cursor: pointer;
    text-indent: -9999px;
    width: 42px;
    height: 20px;
    background-color: #E8B328;
    display: block;
    border-radius: 20px;
    position: relative; }
  #pricing-details label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background: white;
    border-radius: 14px;
    transition: 0.3s; }
  #pricing-details input:checked + label {
    background: #2A2A2A; }
  #pricing-details input:checked + label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%); }
  #pricing-details label:active:after {
    width: 16px; }
  #pricing-details #all-access-blocks > div, #pricing-details #pay-per-tracks-blocks > div {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 1024px) {
      #pricing-details #all-access-blocks > div, #pricing-details #pay-per-tracks-blocks > div {
        flex-direction: row;
        justify-content: center;
        align-items: initial; } }
  #pricing-details #switch-container {
    margin-right: 1rem;
    margin-left: 1rem; }
    @media screen and (min-width: 1024px) {
      #pricing-details #switch-container {
        margin-right: 3rem;
        margin-left: 3rem; } }
  #pricing-details #pay-per-tracks-blocks .top-title-subscription-block {
    display: none;
    position: absolute;
    background-color: white;
    top: -22px;
    right: 98px;
    color: #464646;
    font-size: 0.85em !important; }
    @media screen and (min-width: 1024px) {
      #pricing-details #pay-per-tracks-blocks .top-title-subscription-block {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        right: 35px;
        top: -11px; } }
    @media screen and (min-width: 1216px) {
      #pricing-details #pay-per-tracks-blocks .top-title-subscription-block {
        right: 55px; } }
    @media screen and (min-width: 1408px) {
      #pricing-details #pay-per-tracks-blocks .top-title-subscription-block {
        right: 69px; } }
  #pricing-details #all-access-blocks .top-title-subscription-block {
    position: absolute;
    background-color: white;
    top: -22px;
    right: 110px;
    color: #464646;
    font-size: 0.85em !important; }
    @media screen and (min-width: 1024px) {
      #pricing-details #all-access-blocks .top-title-subscription-block {
        top: -10px;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        right: 49px; } }
    @media screen and (min-width: 1216px) {
      #pricing-details #all-access-blocks .top-title-subscription-block {
        right: 68px; } }
    @media screen and (min-width: 1408px) {
      #pricing-details #all-access-blocks .top-title-subscription-block {
        right: 80px; } }
  #pricing-details .collapse-pricing-details, #pricing-details .collapse-pricing-details-pay-per-track {
    max-height: 100px;
    overflow: hidden;
    transition: max-height 0.2s ease-out; }

#subscriptions-compare {
  background-color: #FFF;
  padding-top: 0px !important; }
  #subscriptions-compare .is-fullwidth {
    width: 99% !important; }
  #subscriptions-compare .table {
    background-color: transparent !important; }
    #subscriptions-compare .table tr {
      display: flex; }
    #subscriptions-compare .table tr:not(:last-child) {
      border-bottom: 1px solid #EAEAEA; }
    #subscriptions-compare .table th {
      border: 0 !important;
      padding-bottom: 20px;
      padding-top: 20px;
      border-right: 1px solid #EAEAEA !important;
      font-size: 14px;
      padding-left: 0 !important;
      width: 350px;
      position: relative; }
    #subscriptions-compare .table td {
      flex: 1;
      border: 0 !important;
      padding-bottom: 20px;
      padding-top: 20px;
      font-size: 14px; }
    #subscriptions-compare .table td:not(:last-child) {
      border-right: 1px solid #EAEAEA !important; }
  #subscriptions-compare .tooltip-container {
    position: absolute;
    right: 12px;
    top: 39%; }
    #subscriptions-compare .tooltip-container .tooltiptext {
      font-size: 14px;
      width: 396px;
      border-radius: 6px;
      padding: 20px;
      top: -15px;
      left: 33px;
      z-index: 10;
      box-shadow: 1px 1px 5px #00000030;
      text-align: left; }
      #subscriptions-compare .tooltip-container .tooltiptext::before {
        position: absolute;
        left: -5px;
        top: 22px;
        content: ' ';
        height: 12px;
        width: 12px;
        background-color: #282828;
        transform: rotate(45deg); }

#faq {
  background-color: #1F1F1F; }
  #faq .faq-block {
    background-color: #3F3F3F;
    border-radius: 5px; }
  #faq .faq-question, #faq .faq-content {
    border-radius: 5px; }
  #faq .faq-section-container {
    margin-bottom: 50px;
    width: 100%; }
  #faq .faq-content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out; }
    #faq .faq-content strong {
      color: #FFF; }
    #faq .faq-content span, #faq .faq-content p {
      font-size: 16px !important; }
    #faq .faq-content p {
      margin-bottom: 10px !important; }

#currencies {
  padding: 2px 10px 2px 2px;
  outline: none;
  color: white;
  border: 0;
  background: transparent; }

.badge {
  top: -2px;
  line-height: 16px;
  height: 15px;
  width: 15px;
  background-color: #010002;
  text-align: center;
  color: white;
  border-radius: 50%;
  display: inline-block;
  position: relative; }

.tooltip {
  position: relative;
  display: inline-block;
  cursor: help; }
  .tooltip .tooltiptext {
    color: white;
    visibility: hidden;
    width: 220px;
    background-color: #282828;
    text-align: center;
    border-radius: 6px;
    padding: 10px 10px;
    position: absolute;
    top: -65px;
    left: -10px; }

.tooltiptext::before {
  position: absolute;
  left: 12px;
  top: 45px;
  content: ' ';
  height: 12px;
  width: 12px;
  background-color: #282828;
  transform: rotate(45deg); }

@media screen and (min-width: 769px), print {
  .tooltip:hover .tooltiptext {
    visibility: visible; } }

.message-error {
  color: red; }

.button.is-info {
  background-color: #0081B8;
  border-color: transparent;
  color: white; }

.is-underlined {
  text-decoration: underline; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

@media screen and (max-width: 768px) {
  .p-1-mobile {
    padding: 0.25rem !important; } }

@media screen and (max-width: 768px) {
  .p-2-mobile {
    padding: 0.5rem !important; } }

@media screen and (max-width: 768px) {
  .p-3-mobile {
    padding: 0.75rem !important; } }

@media screen and (max-width: 768px) {
  .p-4-mobile {
    padding: 1rem !important; } }

@media screen and (max-width: 768px) {
  .p-5-mobile {
    padding: 1.5rem !important; } }

@media screen and (max-width: 768px) {
  .p-6-mobile {
    padding: 3rem !important; } }

@media screen and (min-width: 1024px) {
  .p-1-desktop {
    padding: 0.25rem !important; } }

@media screen and (min-width: 1024px) {
  .p-2-desktop {
    padding: 0.5rem !important; } }

@media screen and (min-width: 1024px) {
  .p-3-desktop {
    padding: 0.75rem !important; } }

@media screen and (min-width: 1024px) {
  .p-4-desktop {
    padding: 1rem !important; } }

@media screen and (min-width: 1024px) {
  .p-5-desktop {
    padding: 1.5rem !important; } }

@media screen and (min-width: 1024px) {
  .p-6-desktop {
    padding: 3rem !important; } }

@media screen and (max-width: 768px) {
  .mt-1-mobile {
    margin-top: 0.25rem; } }

@media screen and (max-width: 768px) {
  .mt-2-mobile {
    margin-top: 0.5rem; } }

@media screen and (max-width: 768px) {
  .mt-3-mobile {
    margin-top: 0.75rem; } }

@media screen and (max-width: 768px) {
  .mt-4-mobile {
    margin-top: 1rem; } }

@media screen and (max-width: 768px) {
  .mt-5-mobile {
    margin-top: 1.5rem; } }

@media screen and (max-width: 768px) {
  .mt-6-mobile {
    margin-top: 3rem; } }

@media screen and (min-width: 1024px) {
  .mt-1-desktop {
    margin-top: 0.25rem; } }

@media screen and (min-width: 1024px) {
  .mt-2-desktop {
    margin-top: 0.5rem; } }

@media screen and (min-width: 1024px) {
  .mt-3-desktop {
    margin-top: 0.75rem; } }

@media screen and (min-width: 1024px) {
  .mt-4-desktop {
    margin-top: 1rem; } }

@media screen and (min-width: 1024px) {
  .mt-5-desktop {
    margin-top: 1.5rem; } }

@media screen and (min-width: 1024px) {
  .mt-6-desktop {
    margin-top: 3rem; } }

@media screen and (max-width: 768px) {
  .mb-1-mobile {
    margin-bottom: 0.25rem; } }

@media screen and (max-width: 768px) {
  .mb-2-mobile {
    margin-bottom: 0.5rem; } }

@media screen and (max-width: 768px) {
  .mb-3-mobile {
    margin-bottom: 0.75rem; } }

@media screen and (max-width: 768px) {
  .mb-4-mobile {
    margin-bottom: 1rem; } }

@media screen and (max-width: 768px) {
  .mb-5-mobile {
    margin-bottom: 1.5rem; } }

@media screen and (max-width: 768px) {
  .mb-6-mobile {
    margin-bottom: 3rem; } }

@media screen and (min-width: 1024px) {
  .mb-1-desktop {
    margin-bottom: 0.25rem; } }

@media screen and (min-width: 1024px) {
  .mb-2-desktop {
    margin-bottom: 0.5rem; } }

@media screen and (min-width: 1024px) {
  .mb-3-desktop {
    margin-bottom: 0.75rem; } }

@media screen and (min-width: 1024px) {
  .mb-4-desktop {
    margin-bottom: 1rem; } }

@media screen and (min-width: 1024px) {
  .mb-5-desktop {
    margin-bottom: 1.5rem; } }

@media screen and (min-width: 1024px) {
  .mb-6-desktop {
    margin-bottom: 3rem; } }

@media screen and (max-width: 768px) {
  .is-justify-content-space-between-mobile {
    justify-content: space-between !important; } }

@media screen and (min-width: 1024px) {
  .is-justify-content-space-between-desktop {
    justify-content: space-between !important; } }

@media screen and (max-width: 768px) {
  .is-justify-content-space-around-mobile {
    justify-content: space-around !important; } }

@media screen and (max-width: 1023px) {
  .is-justify-content-space-evenly-mobile {
    justify-content: space-evenly !important; } }

@media screen and (min-width: 1024px) {
  .is-justify-content-space-around-desktop {
    justify-content: space-around !important; } }

.footer-divider {
  height: 1px;
  border-top: 1px solid #EDEDED;
  width: 100%; }

#zendesk-form {
  flex: 1;
  margin-bottom: 30px;
  margin-top: 20px; }
  @media screen and (min-width: 1024px) {
    #zendesk-form {
      margin-bottom: 70px; } }
  #zendesk-form .input-container {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    flex: 1; }
    @media screen and (min-width: 1024px) {
      #zendesk-form .input-container {
        flex-direction: row; } }
    #zendesk-form .input-container input:first-child {
      margin-right: 0 !important; }
      @media screen and (min-width: 1024px) {
        #zendesk-form .input-container input:first-child {
          margin-right: 16px !important; } }
    #zendesk-form .input-container input {
      padding: 13px 10px;
      background-color: white;
      border: 1px solid;
      margin-bottom: 20px;
      flex: 1;
      outline: none;
      border-radius: 3px;
      box-shadow: 0 1px 4px #eaeaea; }
      @media screen and (min-width: 1024px) {
        #zendesk-form .input-container input {
          margin-bottom: 32px; } }
    #zendesk-form .input-container select, #zendesk-form .input-container textarea {
      border: 1px solid; }
  #zendesk-form .type {
    background-image: url("../image/chevron.png");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px;
    -webkit-appearance: none;
    appearance: none;
    padding: 13px 10px;
    background-color: #FFF;
    border: 0;
    margin-bottom: 20px;
    flex: 1;
    outline: none;
    border-radius: 3px;
    height: 42px;
    box-shadow: 0 1px 4px #eaeaea; }
  #zendesk-form textarea {
    border: 0;
    flex: 1;
    padding: 10px;
    outline: none;
    box-shadow: 0 1px 4px #eaeaea;
    border-radius: 3px; }
  #zendesk-form #submit {
    background-color: #007493;
    border: 0px;
    padding: 10px;
    color: #FFF;
    border-radius: 4px;
    width: 100%;
    margin-top: 32px;
    cursor: pointer;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    outline: none; }
    @media screen and (min-width: 1024px) {
      #zendesk-form #submit {
        width: 200px; } }
  #zendesk-form .feedback-message {
    background-color: #9cd121;
    padding: 15px;
    border-radius: 4px;
    color: #FFF;
    margin-top: 10px;
    font-weight: 600;
    text-align: center; }

#contact-form, #information-container {
  padding-top: 25px; }
  @media screen and (min-width: 1024px) {
    #contact-form, #information-container {
      padding-top: 70px; } }

#information-container .container {
  padding: 0; }
  @media screen and (min-width: 769px), print {
    #information-container .container {
      padding: 3rem; } }

#contact-background, #faq-background {
  margin-top: -62px;
  position: relative;
  background-color: #000;
  height: 200px; }
  @media screen and (min-width: 769px), print {
    #contact-background, #faq-background {
      height: 247px; } }
  @media screen and (min-width: 1024px) {
    #contact-background, #faq-background {
      height: 395px; } }
  #contact-background #contact-title-background, #contact-background #faq-title-background, #faq-background #contact-title-background, #faq-background #faq-title-background {
    margin-top: 62px; }
  #contact-background .contact-background, #contact-background .faq-background, #faq-background .contact-background, #faq-background .faq-background {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%; }
    #contact-background .contact-background img, #contact-background .faq-background img, #faq-background .contact-background img, #faq-background .faq-background img {
      pointer-events: none;
      position: absolute;
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 100%;
      min-width: 644px;
      max-width: 1580px; }
      @media screen and (min-width: 1024px) {
        #contact-background .contact-background img, #contact-background .faq-background img, #faq-background .contact-background img, #faq-background .faq-background img {
          width: 1344px; } }

.noUi-horizontal {
  width: 70%;
  height: 11px;
  margin-top: 5px; }
  @media screen and (min-width: 1024px) {
    .noUi-horizontal {
      width: 100%;
      height: 8px;
      margin-top: 5px !important; } }

.noUi-horizontal .noUi-handle {
  width: 21px;
  height: 21px;
  right: -8px;
  top: -6px; }
  @media screen and (min-width: 1024px) {
    .noUi-horizontal .noUi-handle {
      width: 15px;
      height: 15px;
      right: -6px;
      top: -4px; } }

@media screen and (min-width: 1024px) {
  .noUi-target {
    background: #e3e3e3;
    border-radius: 4px;
    border: 1px solid #ffffff;
    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } }

.noUi-handle {
  border: 2px solid #007493;
  border-radius: 13px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; }

.noUi-handle:after, .noUi-handle:before {
  display: none; }

.noUi-connect {
  background: #007493; }

.noUi-touch-area {
  height: 100%;
  cursor: pointer;
  width: 100%; }

#min-duration, #max-duration {
  font-size: 0.9em;
  font-weight: 600; }

.is-disabled {
  cursor: not-allowed;
  opacity: 0.4; }

#input-grow {
  position: absolute;
  visibility: hidden;
  left: -9999px;
  display: inline-block;
  min-width: 200px;
  font-size: 0.95rem !important; }

#login-register #react-login {
  width: 100%;
  min-height: calc(100vh - (62px));
  min-height: calc((var(--vh, 1vh) * 100) - (62px)); }
  @media screen and (min-width: 1024px) {
    #login-register #react-login {
      width: 500px; } }
  #login-register #react-login #login-cje {
    box-shadow: 0 0 28px #0000000d; }

#filters-mobile {
  margin-right: 5px;
  position: relative; }

.notification-filter {
  min-width: 18px;
  height: 18px;
  color: white;
  border-radius: 10px;
  background-color: #0a0a0a;
  line-height: 11px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 4px;
  position: absolute;
  top: 0px;
  right: 53px; }

.notification-free {
  background-color: #79b911; }

#modal-filters .modal-content {
  margin: 0 !important; }

#modal-filters #header-filter {
  background-color: #EFEFEF; }
  #modal-filters #header-filter .clear-all-button-mobile {
    background-color: transparent;
    border: 2px solid #000000; }

#modal-filters .odd {
  background-color: #EFEFEF; }

#modal-filters .even {
  background-color: #FFF; }

#modal-filters input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden; }

#modal-filters .switch-button {
  cursor: pointer;
  text-indent: -9999px;
  width: 53px;
  height: 24px;
  background-color: #D0D0D0;
  display: block;
  border-radius: 20px;
  position: relative; }

#modal-filters .switch-button:after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 14px;
  transition: 0.3s; }

#modal-filters .input-switch-toggle-filter:checked + label {
  background: #007493; }

#modal-filters .input-switch-toggle-filter:checked + label:after {
  left: calc(100% - 5px);
  transform: translateX(-100%); }

#modal-filters .switch-button:active:after {
  width: 20px; }

#modal-filters #apply-filters-container {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%; }
  #modal-filters #apply-filters-container .button {
    border: 2px #000 solid; }

#modal-filters #filters-container-mobile .active-tab {
  border-bottom: 3px #000 solid;
  font-weight: 700; }

#modal-filters .notification-filter {
  min-width: 18px;
  height: 18px;
  color: white;
  border-radius: 10px;
  background-color: #0a0a0a;
  line-height: 11px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  padding: 4px;
  position: absolute;
  top: 0px;
  right: -18px; }

#modal-filters #slider-container-mobile {
  padding-top: 5px !important; }

.dropdown-menu-browser {
  top: 0; }

.player-container .dropdown-menu {
  bottom: 122%;
  top: inherit;
  left: -100px; }

.navbar-dropdown-user-logged {
  left: -117px;
  top: 45px;
  border-radius: 4px;
  box-shadow: 1px 1px 9px #99999973;
  border-top: none;
  font-size: 15px;
  border-radius: 5px;
  width: 190px; }
  .navbar-dropdown-user-logged .navbar-divider {
    background-color: #D8D8D8;
    height: 1px; }
  .navbar-dropdown-user-logged .navbar-item:hover, .navbar-dropdown-user-logged .favorite {
    background-color: transparent !important;
    color: #0a0a0a;
    font-weight: 700 !important; }
    .navbar-dropdown-user-logged .navbar-item:hover .heart-outline, .navbar-dropdown-user-logged .favorite .heart-outline {
      fill: black; }

.navbar-item {
  font-weight: 600 !important;
  cursor: pointer; }
  .navbar-item:hover {
    background-color: transparent !important; }

@media screen and (min-width: 769px), print {
  .licensee-download {
    border: 2px solid #000; } }

.grecaptcha-badge {
  display: none !important; }

#not-found-container, #checkout-success, #delete-account-container, #my-account {
  min-height: calc(100vh - (62px + 324px + 105px)); }

#faq-section {
  margin-top: 80px; }
  #faq-section .faq-question, #faq-section .faq-content {
    background-color: white;
    border-radius: 5px; }
  #faq-section .faq-question {
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.04); }
  #faq-section .faq-section-container {
    margin-bottom: 50px; }
  #faq-section .faq-content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out; }

.newsletter-subscription-message-hidden {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s; }

.newsletter-subscription-message-show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.9s, visibility 0.9s; }
  .newsletter-subscription-message-show.newsletter-subscription-message-success {
    color: #79b911; }
  .newsletter-subscription-message-show.newsletter-subscription-message-error {
    color: #f14668; }

#checkout .button.is-loading::after {
  border-left-color: white; }

#cookies-preferences-fixed {
  height: 200px;
  background-color: #F9F9F9;
  z-index: 1000;
  position: fixed;
  border-radius: 5px;
  box-shadow: 0px 5px 20px #99999973;
  width: 100%;
  bottom: 0;
  right: 0; }
  @media screen and (min-width: 769px), print {
    #cookies-preferences-fixed {
      bottom: 25px;
      right: 25px;
      width: 350px; } }

.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active), .button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: none; }

@media screen and (min-width: 1024px) {
  .button {
    border-width: 0px; } }

#filter-by-duration, #cookies-consent-modal button, .licensee-download, .account-container .browse-music-button {
  border-width: 1px; }

#cookies-consent-modal .modal-card-body {
  border-radius: 0 0 6px 6px; }
  @media screen and (max-width: 768px) {
    #cookies-consent-modal .modal-card-body > div, #cookies-consent-modal .modal-card-body ul li > div {
      padding: 0 !important; }
    #cookies-consent-modal .modal-card-body ul li > div:not(:first-child) {
      margin-left: 1rem; } }

.payment-method, .payment-method > input {
  cursor: pointer; }

@-moz-document url-prefix() {
  #volume-player-slider {
    height: 7px !important; }
  #results, #filters {
    scrollbar-width: none;
    scrollbar-color: transparent transparent; }
  .filters-list .input-switch-toggle {
    position: absolute; } }

#checkout-register-button, .see-license-track, .see-plan-details, .license-price-button, .subscribe-plan, .subscribe-plan-mini, .go-to-cart-button, .start-browsing-ppt {
  height: inherit !important; }

.subscribe-plan-mini {
  padding-top: 0.50rem !important;
  padding-bottom: 0.50rem !important; }

.see-license-track, .see-plan-details {
  padding-top: 0.65rem !important;
  padding-bottom: 0.65rem !important; }

.subscribe-plan {
  text-transform: uppercase; }

#checkout-register-button, .license-price-button, .subscribe-plan, .go-to-cart-button, .start-browsing-ppt {
  padding-top: 0.80rem !important;
  padding-bottom: 0.80rem !important; }

.play-button-container circle {
  fill: #FFFFFF; }

.play-button-container g {
  fill: #212121; }

@media screen and (min-width: 769px), print {
  .play-button-container circle {
    fill: none; }
  .play-button-container g {
    fill: #FFFFFF; } }

.new-track {
  height: 19px;
  color: #7b7b7b;
  display: inline;
  border-color: #5A5A5A;
  border-width: 1px;
  border-style: solid;
  background-color: white;
  border-radius: 4px;
  padding: 2px 6px 0px;
  font-size: 10px;
  font-style: italic;
  font-weight: bolder; }