@charset "UTF-8";
/*!
 * MF Styles
 * All Right Reserved
 */
/* Bootstrap Prefs */
/* === Base / reset bits needed for the used utilities === */
*,
::before,
::after {
  box-sizing: border-box;
}

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

/* === Colors (Tailwind v3 palette approximations) === */
:root {
  --tw-indigo-50: #eef2ff;
  --tw-indigo-300: #a5b4fc;
  --tw-indigo-600: #4f46e5;
  --tw-indigo-700: #4338ca;
  --tw-gray-500: #6b7280;
  --tw-gray-900: #111827;
  --tw-black: #000000;
  --tw-white: #ffffff;
}

/* === Breakpoints (Tailwind defaults) === */
@media (min-width: 640px) {
  /* sm */
}
@media (min-width: 768px) {
  /* md */
}
@media (min-width: 1024px) {
  /* lg */
}
@media (min-width: 1280px) {
  /* xl */
}
@media (min-width: 1536px) {
  /* 2xl */
}
/* === Container === */
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}
/* === Layout & spacing === */
.overflow-hidden {
  overflow: hidden;
}

.pb-16 {
  padding-bottom: 4rem;
}

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

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mb-16 {
  margin-bottom: 4rem;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.left-0 {
  left: 0;
}

.bottom-0 {
  bottom: 0;
}

.z-20 {
  z-index: 20;
}

.flex {
  display: flex;
}

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

.items-center {
  align-items: center;
}

.-m-8 {
  margin: -2rem;
}

.w-full {
  width: 100%;
}

.p-20 {
  padding: 5rem;
}

.p-8 {
  padding: 2rem;
}

.lg\:w-1\/2 {
  width: 100%;
}

@media (min-width: 1024px) {
  .lg\:w-1\/2 {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .lg\:pr-0 {
    padding-right: 0;
  }
}
@media (min-width: 1024px) {
  .lg\:pl-28 {
    padding-left: 7rem;
  }
}
@media (min-width: 1024px) {
  .lg\:py-28 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
/* === Radius === */
.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

/* === Backgrounds & borders === */
.bg-indigo-50 {
  background-color: var(--tw-indigo-50);
}

.bg-indigo-600 {
  background-color: var(--tw-indigo-600);
}

.hover\:bg-indigo-700:hover {
  background-color: var(--tw-indigo-700);
}

.border {
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
}

.border-indigo-700 {
  border-color: var(--tw-indigo-700);
}

/* === Typography === */
.text-white {
  color: var(--tw-white);
}

.text-black {
  color: var(--tw-black);
}

.text-gray-500 {
  color: var(--tw-gray-500);
}

.text-gray-900 {
  color: var(--tw-gray-900);
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

@media (min-width: 768px) {
  .md\:text-8xl {
    font-size: 6rem;
    line-height: 1;
  }
}
/* Tailwind не имеет 10xl — аппроксимировал 8rem/1 */
@media (min-width: 1280px) {
  .xl\:text-10xl {
    font-size: 8rem;
    line-height: 1;
  }
}
.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

/* Кастомный шрифт: оставляю как наследуемый селектор,
   если у тебя есть @font-face — подключишь отдельно */
.font-heading {
  font-family: inherit;
}

.leading-none {
  line-height: 1;
}

.mb-7 {
  margin-bottom: 1.75rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

/* Трекинг кастомный: -1px как в названии */
.tracking-px-n {
  letter-spacing: -1px;
}

/* === Display helpers === */
.inline-block {
  display: inline-block;
}

.inline-flex {
  display: inline-flex;
}

.md\:inline-block {
  display: inline;
}

@media (min-width: 768px) {
  .md\:inline-block {
    display: inline-block;
  }
}
/* === Buttons / misc === */
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Focus ring (упрощённая модель Tailwind ring) */
.focus\:ring:focus {
  box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.5);
  outline: 0;
}

.focus\:ring-indigo-300:focus {
  box-shadow: 0 0 0 3px rgba(165, 180, 252, 0.75);
}

/* Transitions */
.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.duration-200 {
  transition-duration: 200ms;
}

/* Utilities not strictly necessary but commonly relied on */
.hover\:underline:hover {
  text-decoration: underline;
}

/* (не используется, оставлено на всякий) */
/*!
 * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*, ::after, ::before {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

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

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

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

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

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

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

figure {
  margin: 0 0 1rem;
}

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

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

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

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

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

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

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

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

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

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

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.d-none {
  display: none !important;
}

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.flex-row {
  flex-direction: row !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.w-25 {
  width: 25% !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 
.m-10 {
    margin: 6rem !important;
}

.mt-10,
.my-10 {
    margin-top: 6rem !important;
}

.mr-10,
.mx-10 {
    margin-right: 6rem !important;
}

.mb-10,
.my-10 {
    margin-bottom: 6rem !important;
}

.ml-10,
.mx-10 {
    margin-left: 6rem !important;
}

.m-15 {
    margin: 9rem !important;
}

.mt-15,
.my-15 {
    margin-top: 9rem !important;
}

.mr-15,
.mx-15 {
    margin-right: 9rem !important;
}

.mb-15,
.my-15 {
    margin-bottom: 9rem !important;
}

.ml-15,
.mx-15 {
    margin-left: 9rem !important;
}

.m-20 {
    margin: 12rem !important;
}

.mt-20,
.my-20 {
    margin-top: 12rem !important;
}

.mr-20,
.mx-20 {
    margin-right: 12rem !important;
}

.mb-20,
.my-20 {
    margin-bottom: 12rem !important;
}

.ml-20,
.mx-20 {
    margin-left: 12rem !important;
}

.m-25 {
    margin: 17rem !important;
}

.mt-25,
.my-25 {
    margin-top: 17rem !important;
}

.mr-25,
.mx-25 {
    margin-right: 17rem !important;
}

.mb-25,
.my-25 {
    margin-bottom: 17rem !important;
}

.ml-25,
.mx-25 {
    margin-left: 17rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-n10,
.my-n10 {
    margin-top: -6rem !important;
}

.mr-n10,
.mx-n10 {
    margin-right: -6rem !important;
}

.mb-n10,
.my-n10 {
    margin-bottom: -6rem !important;
}

.ml-n10,
.mx-n10 {
    margin-left: -6rem !important;
}

.m-n15 {
    margin: -9rem !important;
}

.mt-n15,
.my-n15 {
    margin-top: -9rem !important;
}

.mr-n15,
.mx-n15 {
    margin-right: -9rem !important;
}

.mb-n15,
.my-n15 {
    margin-bottom: -9rem !important;
}

.ml-n15,
.mx-n15 {
    margin-left: -9rem !important;
}

.m-n20 {
    margin: -12rem !important;
}

.mt-n20,
.my-n20 {
    margin-top: -12rem !important;
}

.mr-n20,
.mx-n20 {
    margin-right: -12rem !important;
}

.mb-n20,
.my-n20 {
    margin-bottom: -12rem !important;
}

.ml-n20,
.mx-n20 {
    margin-left: -12rem !important;
}

.m-n25 {
    margin: -17rem !important;
}

.mt-n25,
.my-n25 {
    margin-top: -17rem !important;
}

.mr-n25,
.mx-n25 {
    margin-right: -17rem !important;
}

.mb-n25,
.my-n25 {
    margin-bottom: -17rem !important;
}

.ml-n25,
.mx-n25 {
    margin-left: -17rem !important;
} */
.p-0 {
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 
.p-10 {
    padding: 6rem !important;
}

.pt-10,
.py-10 {
    padding-top: 6rem !important;
}

.pr-10,
.px-10 {
    padding-right: 6rem !important;
}

.pb-10,
.py-10 {
    padding-bottom: 6rem !important;
}

.pl-10,
.px-10 {
    padding-left: 6rem !important;
}

.p-15 {
    padding: 9rem !important;
}

.pt-15,
.py-15 {
    padding-top: 9rem !important;
}

.pr-15,
.px-15 {
    padding-right: 9rem !important;
}

.pb-15,
.py-15 {
    padding-bottom: 9rem !important;
}

.pl-15,
.px-15 {
    padding-left: 9rem !important;
}

.p-20 {
    padding: 12rem !important;
}

.pt-20,
.py-20 {
    padding-top: 12rem !important;
}

.pr-20,
.px-20 {
    padding-right: 12rem !important;
}

.pb-20,
.py-20 {
    padding-bottom: 12rem !important;
}

.pl-20,
.px-20 {
    padding-left: 12rem !important;
}

.p-25 {
    padding: 17rem !important;
}

.pt-25,
.py-25 {
    padding-top: 17rem !important;
}

.pr-25,
.px-25 {
    padding-right: 17rem !important;
}

.pb-25,
.py-25 {
    padding-bottom: 17rem !important;
}

.pl-25,
.px-25 {
    padding-left: 17rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-n10,
.py-n10 {
    padding-top: -6rem !important;
}

.pr-n10,
.px-n10 {
    padding-right: -6rem !important;
}

.pb-n10,
.py-n10 {
    padding-bottom: -6rem !important;
}

.pl-n10,
.px-n10 {
    padding-left: -6rem !important;
}

.p-n15 {
    padding: -9rem !important;
}

.pt-n15,
.py-n15 {
    padding-top: -9rem !important;
}

.pr-n15,
.px-n15 {
    padding-right: -9rem !important;
}

.pb-n15,
.py-n15 {
    padding-bottom: -9rem !important;
}

.pl-n15,
.px-n15 {
    padding-left: -9rem !important;
}

.p-n20 {
    padding: -12rem !important;
}

.pt-n20,
.py-n20 {
    padding-top: -12rem !important;
}

.pr-n20,
.px-n20 {
    padding-right: -12rem !important;
}

.pb-n20,
.py-n20 {
    padding-bottom: -12rem !important;
}

.pl-n20,
.px-n20 {
    padding-left: -12rem !important;
}

.p-n25 {
    padding: -17rem !important;
}

.pt-n25,
.py-n25 {
    padding-top: -17rem !important;
}

.pr-n25,
.px-n25 {
    padding-right: -17rem !important;
}

.pb-n25,
.py-n25 {
    padding-bottom: -17rem !important;
}

.pl-n25,
.px-n25 {
    padding-left: -17rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-n10,
.my-n10 {
    margin-top: -6rem !important;
}

.mr-n10,
.mx-n10 {
    margin-right: -6rem !important;
}

.mb-n10,
.my-n10 {
    margin-bottom: -6rem !important;
}

.ml-n10,
.mx-n10 {
    margin-left: -6rem !important;
}

.m-n15 {
    margin: -9rem !important;
}

.mt-n15,
.my-n15 {
    margin-top: -9rem !important;
}

.mr-n15,
.mx-n15 {
    margin-right: -9rem !important;
}

.mb-n15,
.my-n15 {
    margin-bottom: -9rem !important;
}

.ml-n15,
.mx-n15 {
    margin-left: -9rem !important;
}

.m-n20 {
    margin: -12rem !important;
}

.mt-n20,
.my-n20 {
    margin-top: -12rem !important;
}

.mr-n20,
.mx-n20 {
    margin-right: -12rem !important;
}

.mb-n20,
.my-n20 {
    margin-bottom: -12rem !important;
}

.ml-n20,
.mx-n20 {
    margin-left: -12rem !important;
}

.m-n25 {
    margin: -17rem !important;
}

.mt-n25,
.my-n25 {
    margin-top: -17rem !important;
}

.mr-n25,
.mx-n25 {
    margin-right: -17rem !important;
}

.mb-n25,
.my-n25 {
    margin-bottom: -17rem !important;
}

.ml-n25,
.mx-n25 {
    margin-left: -17rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-nn10,
.my-nn10 {
    margin-top: -6rem !important;
}

.mr-nn10,
.mx-nn10 {
    margin-right: -6rem !important;
}

.mb-nn10,
.my-nn10 {
    margin-bottom: -6rem !important;
}

.ml-nn10,
.mx-nn10 {
    margin-left: -6rem !important;
}

.m-nn15 {
    margin: -9rem !important;
}

.mt-nn15,
.my-nn15 {
    margin-top: -9rem !important;
}

.mr-nn15,
.mx-nn15 {
    margin-right: -9rem !important;
}

.mb-nn15,
.my-nn15 {
    margin-bottom: -9rem !important;
}

.ml-nn15,
.mx-nn15 {
    margin-left: -9rem !important;
}

.m-nn20 {
    margin: -12rem !important;
}

.mt-nn20,
.my-nn20 {
    margin-top: -12rem !important;
}

.mr-nn20,
.mx-nn20 {
    margin-right: -12rem !important;
}

.mb-nn20,
.my-nn20 {
    margin-bottom: -12rem !important;
}

.ml-nn20,
.mx-nn20 {
    margin-left: -12rem !important;
}

.m-nn25 {
    margin: -17rem !important;
}

.mt-nn25,
.my-nn25 {
    margin-top: -17rem !important;
}

.mr-nn25,
.mx-nn25 {
    margin-right: -17rem !important;
}

.mb-nn25,
.my-nn25 {
    margin-bottom: -17rem !important;
}

.ml-nn25,
.mx-nn25 {
    margin-left: -17rem !important;
} */
.m-auto {
  margin: auto !important;
}

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

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

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

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

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  /* 
      .m-sm-10 {
          margin: 6rem !important;
      }

      .mt-sm-10,
      .my-sm-10 {
          margin-top: 6rem !important;
      }

      .mr-sm-10,
      .mx-sm-10 {
          margin-right: 6rem !important;
      }

      .mb-sm-10,
      .my-sm-10 {
          margin-bottom: 6rem !important;
      }

      .ml-sm-10,
      .mx-sm-10 {
          margin-left: 6rem !important;
      }

      .m-sm-15 {
          margin: 9rem !important;
      }

      .mt-sm-15,
      .my-sm-15 {
          margin-top: 9rem !important;
      }

      .mr-sm-15,
      .mx-sm-15 {
          margin-right: 9rem !important;
      }

      .mb-sm-15,
      .my-sm-15 {
          margin-bottom: 9rem !important;
      }

      .ml-sm-15,
      .mx-sm-15 {
          margin-left: 9rem !important;
      }

      .m-sm-20 {
          margin: 12rem !important;
      }

      .mt-sm-20,
      .my-sm-20 {
          margin-top: 12rem !important;
      }

      .mr-sm-20,
      .mx-sm-20 {
          margin-right: 12rem !important;
      }

      .mb-sm-20,
      .my-sm-20 {
          margin-bottom: 12rem !important;
      }

      .ml-sm-20,
      .mx-sm-20 {
          margin-left: 12rem !important;
      }

      .m-sm-25 {
          margin: 17rem !important;
      }

      .mt-sm-25,
      .my-sm-25 {
          margin-top: 17rem !important;
      }

      .mr-sm-25,
      .mx-sm-25 {
          margin-right: 17rem !important;
      }

      .mb-sm-25,
      .my-sm-25 {
          margin-bottom: 17rem !important;
      }

      .ml-sm-25,
      .mx-sm-25 {
          margin-left: 17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-sm-n10,
      .my-sm-n10 {
          margin-top: -6rem !important;
      }

      .mr-sm-n10,
      .mx-sm-n10 {
          margin-right: -6rem !important;
      }

      .mb-sm-n10,
      .my-sm-n10 {
          margin-bottom: -6rem !important;
      }

      .ml-sm-n10,
      .mx-sm-n10 {
          margin-left: -6rem !important;
      }

      .m-sm-n15 {
          margin: -9rem !important;
      }

      .mt-sm-n15,
      .my-sm-n15 {
          margin-top: -9rem !important;
      }

      .mr-sm-n15,
      .mx-sm-n15 {
          margin-right: -9rem !important;
      }

      .mb-sm-n15,
      .my-sm-n15 {
          margin-bottom: -9rem !important;
      }

      .ml-sm-n15,
      .mx-sm-n15 {
          margin-left: -9rem !important;
      }

      .m-sm-n20 {
          margin: -12rem !important;
      }

      .mt-sm-n20,
      .my-sm-n20 {
          margin-top: -12rem !important;
      }

      .mr-sm-n20,
      .mx-sm-n20 {
          margin-right: -12rem !important;
      }

      .mb-sm-n20,
      .my-sm-n20 {
          margin-bottom: -12rem !important;
      }

      .ml-sm-n20,
      .mx-sm-n20 {
          margin-left: -12rem !important;
      }

      .m-sm-n25 {
          margin: -17rem !important;
      }

      .mt-sm-n25,
      .my-sm-n25 {
          margin-top: -17rem !important;
      }

      .mr-sm-n25,
      .mx-sm-n25 {
          margin-right: -17rem !important;
      }

      .mb-sm-n25,
      .my-sm-n25 {
          margin-bottom: -17rem !important;
      }

      .ml-sm-n25,
      .mx-sm-n25 {
          margin-left: -17rem !important;
      } */
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  /* 
      .p-sm-10 {
          padding: 6rem !important;
      }

      .pt-sm-10,
      .py-sm-10 {
          padding-top: 6rem !important;
      }

      .pr-sm-10,
      .px-sm-10 {
          padding-right: 6rem !important;
      }

      .pb-sm-10,
      .py-sm-10 {
          padding-bottom: 6rem !important;
      }

      .pl-sm-10,
      .px-sm-10 {
          padding-left: 6rem !important;
      }

      .p-sm-15 {
          padding: 9rem !important;
      }

      .pt-sm-15,
      .py-sm-15 {
          padding-top: 9rem !important;
      }

      .pr-sm-15,
      .px-sm-15 {
          padding-right: 9rem !important;
      }

      .pb-sm-15,
      .py-sm-15 {
          padding-bottom: 9rem !important;
      }

      .pl-sm-15,
      .px-sm-15 {
          padding-left: 9rem !important;
      }

      .p-sm-20 {
          padding: 12rem !important;
      }

      .pt-sm-20,
      .py-sm-20 {
          padding-top: 12rem !important;
      }

      .pr-sm-20,
      .px-sm-20 {
          padding-right: 12rem !important;
      }

      .pb-sm-20,
      .py-sm-20 {
          padding-bottom: 12rem !important;
      }

      .pl-sm-20,
      .px-sm-20 {
          padding-left: 12rem !important;
      }

      .p-sm-25 {
          padding: 17rem !important;
      }

      .pt-sm-25,
      .py-sm-25 {
          padding-top: 17rem !important;
      }

      .pr-sm-25,
      .px-sm-25 {
          padding-right: 17rem !important;
      }

      .pb-sm-25,
      .py-sm-25 {
          padding-bottom: 17rem !important;
      }

      .pl-sm-25,
      .px-sm-25 {
          padding-left: 17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .pt-sm-n10,
      .py-sm-n10 {
          padding-top: -6rem !important;
      }

      .pr-sm-n10,
      .px-sm-n10 {
          padding-right: -6rem !important;
      }

      .pb-sm-n10,
      .py-sm-n10 {
          padding-bottom: -6rem !important;
      }

      .pl-sm-n10,
      .px-sm-n10 {
          padding-left: -6rem !important;
      }

      .p-sm-n15 {
          padding: -9rem !important;
      }

      .pt-sm-n15,
      .py-sm-n15 {
          padding-top: -9rem !important;
      }

      .pr-sm-n15,
      .px-sm-n15 {
          padding-right: -9rem !important;
      }

      .pb-sm-n15,
      .py-sm-n15 {
          padding-bottom: -9rem !important;
      }

      .pl-sm-n15,
      .px-sm-n15 {
          padding-left: -9rem !important;
      }

      .p-sm-n20 {
          padding: -12rem !important;
      }

      .pt-sm-n20,
      .py-sm-n20 {
          padding-top: -12rem !important;
      }

      .pr-sm-n20,
      .px-sm-n20 {
          padding-right: -12rem !important;
      }

      .pb-sm-n20,
      .py-sm-n20 {
          padding-bottom: -12rem !important;
      }

      .pl-sm-n20,
      .px-sm-n20 {
          padding-left: -12rem !important;
      }

      .p-sm-n25 {
          padding: -17rem !important;
      }

      .pt-sm-n25,
      .py-sm-n25 {
          padding-top: -17rem !important;
      }

      .pr-sm-n25,
      .px-sm-n25 {
          padding-right: -17rem !important;
      }

      .pb-sm-n25,
      .py-sm-n25 {
          padding-bottom: -17rem !important;
      }

      .pl-sm-n25,
      .px-sm-n25 {
          padding-left: -17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-sm-n10,
      .my-sm-n10 {
          margin-top: -6rem !important;
      }

      .mr-sm-n10,
      .mx-sm-n10 {
          margin-right: -6rem !important;
      }

      .mb-sm-n10,
      .my-sm-n10 {
          margin-bottom: -6rem !important;
      }

      .ml-sm-n10,
      .mx-sm-n10 {
          margin-left: -6rem !important;
      }

      .m-sm-n15 {
          margin: -9rem !important;
      }

      .mt-sm-n15,
      .my-sm-n15 {
          margin-top: -9rem !important;
      }

      .mr-sm-n15,
      .mx-sm-n15 {
          margin-right: -9rem !important;
      }

      .mb-sm-n15,
      .my-sm-n15 {
          margin-bottom: -9rem !important;
      }

      .ml-sm-n15,
      .mx-sm-n15 {
          margin-left: -9rem !important;
      }

      .m-sm-n20 {
          margin: -12rem !important;
      }

      .mt-sm-n20,
      .my-sm-n20 {
          margin-top: -12rem !important;
      }

      .mr-sm-n20,
      .mx-sm-n20 {
          margin-right: -12rem !important;
      }

      .mb-sm-n20,
      .my-sm-n20 {
          margin-bottom: -12rem !important;
      }

      .ml-sm-n20,
      .mx-sm-n20 {
          margin-left: -12rem !important;
      }

      .m-sm-n25 {
          margin: -17rem !important;
      }

      .mt-sm-n25,
      .my-sm-n25 {
          margin-top: -17rem !important;
      }

      .mr-sm-n25,
      .mx-sm-n25 {
          margin-right: -17rem !important;
      }

      .mb-sm-n25,
      .my-sm-n25 {
          margin-bottom: -17rem !important;
      }

      .ml-sm-n25,
      .mx-sm-n25 {
          margin-left: -17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-sm-nn10,
      .my-sm-nn10 {
          margin-top: -6rem !important;
      }

      .mr-sm-nn10,
      .mx-sm-nn10 {
          margin-right: -6rem !important;
      }

      .mb-sm-nn10,
      .my-sm-nn10 {
          margin-bottom: -6rem !important;
      }

      .ml-sm-nn10,
      .mx-sm-nn10 {
          margin-left: -6rem !important;
      }

      .m-sm-nn15 {
          margin: -9rem !important;
      }

      .mt-sm-nn15,
      .my-sm-nn15 {
          margin-top: -9rem !important;
      }

      .mr-sm-nn15,
      .mx-sm-nn15 {
          margin-right: -9rem !important;
      }

      .mb-sm-nn15,
      .my-sm-nn15 {
          margin-bottom: -9rem !important;
      }

      .ml-sm-nn15,
      .mx-sm-nn15 {
          margin-left: -9rem !important;
      }

      .m-sm-nn20 {
          margin: -12rem !important;
      }

      .mt-sm-nn20,
      .my-sm-nn20 {
          margin-top: -12rem !important;
      }

      .mr-sm-nn20,
      .mx-sm-nn20 {
          margin-right: -12rem !important;
      }

      .mb-sm-nn20,
      .my-sm-nn20 {
          margin-bottom: -12rem !important;
      }

      .ml-sm-nn20,
      .mx-sm-nn20 {
          margin-left: -12rem !important;
      }

      .m-sm-nn25 {
          margin: -17rem !important;
      }

      .mt-sm-nn25,
      .my-sm-nn25 {
          margin-top: -17rem !important;
      }

      .mr-sm-nn25,
      .mx-sm-nn25 {
          margin-right: -17rem !important;
      }

      .mb-sm-nn25,
      .my-sm-nn25 {
          margin-bottom: -17rem !important;
      }

      .ml-sm-nn25,
      .mx-sm-nn25 {
          margin-left: -17rem !important;
      } */
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  /* 
      .m-md-10 {
          margin: 6rem !important;
      }

      .mt-md-10,
      .my-md-10 {
          margin-top: 6rem !important;
      }

      .mr-md-10,
      .mx-md-10 {
          margin-right: 6rem !important;
      }

      .mb-md-10,
      .my-md-10 {
          margin-bottom: 6rem !important;
      }

      .ml-md-10,
      .mx-md-10 {
          margin-left: 6rem !important;
      }

      .m-md-15 {
          margin: 9rem !important;
      }

      .mt-md-15,
      .my-md-15 {
          margin-top: 9rem !important;
      }

      .mr-md-15,
      .mx-md-15 {
          margin-right: 9rem !important;
      }

      .mb-md-15,
      .my-md-15 {
          margin-bottom: 9rem !important;
      }

      .ml-md-15,
      .mx-md-15 {
          margin-left: 9rem !important;
      }

      .m-md-20 {
          margin: 12rem !important;
      }

      .mt-md-20,
      .my-md-20 {
          margin-top: 12rem !important;
      }

      .mr-md-20,
      .mx-md-20 {
          margin-right: 12rem !important;
      }

      .mb-md-20,
      .my-md-20 {
          margin-bottom: 12rem !important;
      }

      .ml-md-20,
      .mx-md-20 {
          margin-left: 12rem !important;
      }

      .m-md-25 {
          margin: 17rem !important;
      }

      .mt-md-25,
      .my-md-25 {
          margin-top: 17rem !important;
      }

      .mr-md-25,
      .mx-md-25 {
          margin-right: 17rem !important;
      }

      .mb-md-25,
      .my-md-25 {
          margin-bottom: 17rem !important;
      }

      .ml-md-25,
      .mx-md-25 {
          margin-left: 17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-md-n10,
      .my-md-n10 {
          margin-top: -6rem !important;
      }

      .mr-md-n10,
      .mx-md-n10 {
          margin-right: -6rem !important;
      }

      .mb-md-n10,
      .my-md-n10 {
          margin-bottom: -6rem !important;
      }

      .ml-md-n10,
      .mx-md-n10 {
          margin-left: -6rem !important;
      }

      .m-md-n15 {
          margin: -9rem !important;
      }

      .mt-md-n15,
      .my-md-n15 {
          margin-top: -9rem !important;
      }

      .mr-md-n15,
      .mx-md-n15 {
          margin-right: -9rem !important;
      }

      .mb-md-n15,
      .my-md-n15 {
          margin-bottom: -9rem !important;
      }

      .ml-md-n15,
      .mx-md-n15 {
          margin-left: -9rem !important;
      }

      .m-md-n20 {
          margin: -12rem !important;
      }

      .mt-md-n20,
      .my-md-n20 {
          margin-top: -12rem !important;
      }

      .mr-md-n20,
      .mx-md-n20 {
          margin-right: -12rem !important;
      }

      .mb-md-n20,
      .my-md-n20 {
          margin-bottom: -12rem !important;
      }

      .ml-md-n20,
      .mx-md-n20 {
          margin-left: -12rem !important;
      }

      .m-md-n25 {
          margin: -17rem !important;
      }

      .mt-md-n25,
      .my-md-n25 {
          margin-top: -17rem !important;
      }

      .mr-md-n25,
      .mx-md-n25 {
          margin-right: -17rem !important;
      }

      .mb-md-n25,
      .my-md-n25 {
          margin-bottom: -17rem !important;
      }

      .ml-md-n25,
      .mx-md-n25 {
          margin-left: -17rem !important;
      } */
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  /* 
      .p-md-10 {
          padding: 6rem !important;
      }

      .pt-md-10,
      .py-md-10 {
          padding-top: 6rem !important;
      }

      .pr-md-10,
      .px-md-10 {
          padding-right: 6rem !important;
      }

      .pb-md-10,
      .py-md-10 {
          padding-bottom: 6rem !important;
      }

      .pl-md-10,
      .px-md-10 {
          padding-left: 6rem !important;
      }

      .p-md-15 {
          padding: 9rem !important;
      }

      .pt-md-15,
      .py-md-15 {
          padding-top: 9rem !important;
      }

      .pr-md-15,
      .px-md-15 {
          padding-right: 9rem !important;
      }

      .pb-md-15,
      .py-md-15 {
          padding-bottom: 9rem !important;
      }

      .pl-md-15,
      .px-md-15 {
          padding-left: 9rem !important;
      }

      .p-md-20 {
          padding: 12rem !important;
      }

      .pt-md-20,
      .py-md-20 {
          padding-top: 12rem !important;
      }

      .pr-md-20,
      .px-md-20 {
          padding-right: 12rem !important;
      }

      .pb-md-20,
      .py-md-20 {
          padding-bottom: 12rem !important;
      }

      .pl-md-20,
      .px-md-20 {
          padding-left: 12rem !important;
      }

      .p-md-25 {
          padding: 17rem !important;
      }

      .pt-md-25,
      .py-md-25 {
          padding-top: 17rem !important;
      }

      .pr-md-25,
      .px-md-25 {
          padding-right: 17rem !important;
      }

      .pb-md-25,
      .py-md-25 {
          padding-bottom: 17rem !important;
      }

      .pl-md-25,
      .px-md-25 {
          padding-left: 17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .pt-md-n10,
      .py-md-n10 {
          padding-top: -6rem !important;
      }

      .pr-md-n10,
      .px-md-n10 {
          padding-right: -6rem !important;
      }

      .pb-md-n10,
      .py-md-n10 {
          padding-bottom: -6rem !important;
      }

      .pl-md-n10,
      .px-md-n10 {
          padding-left: -6rem !important;
      }

      .p-md-n15 {
          padding: -9rem !important;
      }

      .pt-md-n15,
      .py-md-n15 {
          padding-top: -9rem !important;
      }

      .pr-md-n15,
      .px-md-n15 {
          padding-right: -9rem !important;
      }

      .pb-md-n15,
      .py-md-n15 {
          padding-bottom: -9rem !important;
      }

      .pl-md-n15,
      .px-md-n15 {
          padding-left: -9rem !important;
      }

      .p-md-n20 {
          padding: -12rem !important;
      }

      .pt-md-n20,
      .py-md-n20 {
          padding-top: -12rem !important;
      }

      .pr-md-n20,
      .px-md-n20 {
          padding-right: -12rem !important;
      }

      .pb-md-n20,
      .py-md-n20 {
          padding-bottom: -12rem !important;
      }

      .pl-md-n20,
      .px-md-n20 {
          padding-left: -12rem !important;
      }

      .p-md-n25 {
          padding: -17rem !important;
      }

      .pt-md-n25,
      .py-md-n25 {
          padding-top: -17rem !important;
      }

      .pr-md-n25,
      .px-md-n25 {
          padding-right: -17rem !important;
      }

      .pb-md-n25,
      .py-md-n25 {
          padding-bottom: -17rem !important;
      }

      .pl-md-n25,
      .px-md-n25 {
          padding-left: -17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-md-n10,
      .my-md-n10 {
          margin-top: -6rem !important;
      }

      .mr-md-n10,
      .mx-md-n10 {
          margin-right: -6rem !important;
      }

      .mb-md-n10,
      .my-md-n10 {
          margin-bottom: -6rem !important;
      }

      .ml-md-n10,
      .mx-md-n10 {
          margin-left: -6rem !important;
      }

      .m-md-n15 {
          margin: -9rem !important;
      }

      .mt-md-n15,
      .my-md-n15 {
          margin-top: -9rem !important;
      }

      .mr-md-n15,
      .mx-md-n15 {
          margin-right: -9rem !important;
      }

      .mb-md-n15,
      .my-md-n15 {
          margin-bottom: -9rem !important;
      }

      .ml-md-n15,
      .mx-md-n15 {
          margin-left: -9rem !important;
      }

      .m-md-n20 {
          margin: -12rem !important;
      }

      .mt-md-n20,
      .my-md-n20 {
          margin-top: -12rem !important;
      }

      .mr-md-n20,
      .mx-md-n20 {
          margin-right: -12rem !important;
      }

      .mb-md-n20,
      .my-md-n20 {
          margin-bottom: -12rem !important;
      }

      .ml-md-n20,
      .mx-md-n20 {
          margin-left: -12rem !important;
      }

      .m-md-n25 {
          margin: -17rem !important;
      }

      .mt-md-n25,
      .my-md-n25 {
          margin-top: -17rem !important;
      }

      .mr-md-n25,
      .mx-md-n25 {
          margin-right: -17rem !important;
      }

      .mb-md-n25,
      .my-md-n25 {
          margin-bottom: -17rem !important;
      }

      .ml-md-n25,
      .mx-md-n25 {
          margin-left: -17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-md-nn10,
      .my-md-nn10 {
          margin-top: -6rem !important;
      }

      .mr-md-nn10,
      .mx-md-nn10 {
          margin-right: -6rem !important;
      }

      .mb-md-nn10,
      .my-md-nn10 {
          margin-bottom: -6rem !important;
      }

      .ml-md-nn10,
      .mx-md-nn10 {
          margin-left: -6rem !important;
      }

      .m-md-nn15 {
          margin: -9rem !important;
      }

      .mt-md-nn15,
      .my-md-nn15 {
          margin-top: -9rem !important;
      }

      .mr-md-nn15,
      .mx-md-nn15 {
          margin-right: -9rem !important;
      }

      .mb-md-nn15,
      .my-md-nn15 {
          margin-bottom: -9rem !important;
      }

      .ml-md-nn15,
      .mx-md-nn15 {
          margin-left: -9rem !important;
      }

      .m-md-nn20 {
          margin: -12rem !important;
      }

      .mt-md-nn20,
      .my-md-nn20 {
          margin-top: -12rem !important;
      }

      .mr-md-nn20,
      .mx-md-nn20 {
          margin-right: -12rem !important;
      }

      .mb-md-nn20,
      .my-md-nn20 {
          margin-bottom: -12rem !important;
      }

      .ml-md-nn20,
      .mx-md-nn20 {
          margin-left: -12rem !important;
      }

      .m-md-nn25 {
          margin: -17rem !important;
      }

      .mt-md-nn25,
      .my-md-nn25 {
          margin-top: -17rem !important;
      }

      .mr-md-nn25,
      .mx-md-nn25 {
          margin-right: -17rem !important;
      }

      .mb-md-nn25,
      .my-md-nn25 {
          margin-bottom: -17rem !important;
      }

      .ml-md-nn25,
      .mx-md-nn25 {
          margin-left: -17rem !important;
      } */
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  /* 
      .m-lg-10 {
          margin: 6rem !important;
      }

      .mt-lg-10,
      .my-lg-10 {
          margin-top: 6rem !important;
      }

      .mr-lg-10,
      .mx-lg-10 {
          margin-right: 6rem !important;
      }

      .mb-lg-10,
      .my-lg-10 {
          margin-bottom: 6rem !important;
      }

      .ml-lg-10,
      .mx-lg-10 {
          margin-left: 6rem !important;
      }

      .m-lg-15 {
          margin: 9rem !important;
      }

      .mt-lg-15,
      .my-lg-15 {
          margin-top: 9rem !important;
      }

      .mr-lg-15,
      .mx-lg-15 {
          margin-right: 9rem !important;
      }

      .mb-lg-15,
      .my-lg-15 {
          margin-bottom: 9rem !important;
      }

      .ml-lg-15,
      .mx-lg-15 {
          margin-left: 9rem !important;
      }

      .m-lg-20 {
          margin: 12rem !important;
      }

      .mt-lg-20,
      .my-lg-20 {
          margin-top: 12rem !important;
      }

      .mr-lg-20,
      .mx-lg-20 {
          margin-right: 12rem !important;
      }

      .mb-lg-20,
      .my-lg-20 {
          margin-bottom: 12rem !important;
      }

      .ml-lg-20,
      .mx-lg-20 {
          margin-left: 12rem !important;
      }

      .m-lg-25 {
          margin: 17rem !important;
      }

      .mt-lg-25,
      .my-lg-25 {
          margin-top: 17rem !important;
      }

      .mr-lg-25,
      .mx-lg-25 {
          margin-right: 17rem !important;
      }

      .mb-lg-25,
      .my-lg-25 {
          margin-bottom: 17rem !important;
      }

      .ml-lg-25,
      .mx-lg-25 {
          margin-left: 17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-lg-n10,
      .my-lg-n10 {
          margin-top: -6rem !important;
      }

      .mr-lg-n10,
      .mx-lg-n10 {
          margin-right: -6rem !important;
      }

      .mb-lg-n10,
      .my-lg-n10 {
          margin-bottom: -6rem !important;
      }

      .ml-lg-n10,
      .mx-lg-n10 {
          margin-left: -6rem !important;
      }

      .m-lg-n15 {
          margin: -9rem !important;
      }

      .mt-lg-n15,
      .my-lg-n15 {
          margin-top: -9rem !important;
      }

      .mr-lg-n15,
      .mx-lg-n15 {
          margin-right: -9rem !important;
      }

      .mb-lg-n15,
      .my-lg-n15 {
          margin-bottom: -9rem !important;
      }

      .ml-lg-n15,
      .mx-lg-n15 {
          margin-left: -9rem !important;
      }

      .m-lg-n20 {
          margin: -12rem !important;
      }

      .mt-lg-n20,
      .my-lg-n20 {
          margin-top: -12rem !important;
      }

      .mr-lg-n20,
      .mx-lg-n20 {
          margin-right: -12rem !important;
      }

      .mb-lg-n20,
      .my-lg-n20 {
          margin-bottom: -12rem !important;
      }

      .ml-lg-n20,
      .mx-lg-n20 {
          margin-left: -12rem !important;
      }

      .m-lg-n25 {
          margin: -17rem !important;
      }

      .mt-lg-n25,
      .my-lg-n25 {
          margin-top: -17rem !important;
      }

      .mr-lg-n25,
      .mx-lg-n25 {
          margin-right: -17rem !important;
      }

      .mb-lg-n25,
      .my-lg-n25 {
          margin-bottom: -17rem !important;
      }

      .ml-lg-n25,
      .mx-lg-n25 {
          margin-left: -17rem !important;
      } */
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  /* 
      .p-lg-10 {
          padding: 6rem !important;
      }

      .pt-lg-10,
      .py-lg-10 {
          padding-top: 6rem !important;
      }

      .pr-lg-10,
      .px-lg-10 {
          padding-right: 6rem !important;
      }

      .pb-lg-10,
      .py-lg-10 {
          padding-bottom: 6rem !important;
      }

      .pl-lg-10,
      .px-lg-10 {
          padding-left: 6rem !important;
      }

      .p-lg-15 {
          padding: 9rem !important;
      }

      .pt-lg-15,
      .py-lg-15 {
          padding-top: 9rem !important;
      }

      .pr-lg-15,
      .px-lg-15 {
          padding-right: 9rem !important;
      }

      .pb-lg-15,
      .py-lg-15 {
          padding-bottom: 9rem !important;
      }

      .pl-lg-15,
      .px-lg-15 {
          padding-left: 9rem !important;
      }

      .p-lg-20 {
          padding: 12rem !important;
      }

      .pt-lg-20,
      .py-lg-20 {
          padding-top: 12rem !important;
      }

      .pr-lg-20,
      .px-lg-20 {
          padding-right: 12rem !important;
      }

      .pb-lg-20,
      .py-lg-20 {
          padding-bottom: 12rem !important;
      }

      .pl-lg-20,
      .px-lg-20 {
          padding-left: 12rem !important;
      }

      .p-lg-25 {
          padding: 17rem !important;
      }

      .pt-lg-25,
      .py-lg-25 {
          padding-top: 17rem !important;
      }

      .pr-lg-25,
      .px-lg-25 {
          padding-right: 17rem !important;
      }

      .pb-lg-25,
      .py-lg-25 {
          padding-bottom: 17rem !important;
      }

      .pl-lg-25,
      .px-lg-25 {
          padding-left: 17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .pt-lg-n10,
      .py-lg-n10 {
          padding-top: -6rem !important;
      }

      .pr-lg-n10,
      .px-lg-n10 {
          padding-right: -6rem !important;
      }

      .pb-lg-n10,
      .py-lg-n10 {
          padding-bottom: -6rem !important;
      }

      .pl-lg-n10,
      .px-lg-n10 {
          padding-left: -6rem !important;
      }

      .p-lg-n15 {
          padding: -9rem !important;
      }

      .pt-lg-n15,
      .py-lg-n15 {
          padding-top: -9rem !important;
      }

      .pr-lg-n15,
      .px-lg-n15 {
          padding-right: -9rem !important;
      }

      .pb-lg-n15,
      .py-lg-n15 {
          padding-bottom: -9rem !important;
      }

      .pl-lg-n15,
      .px-lg-n15 {
          padding-left: -9rem !important;
      }

      .p-lg-n20 {
          padding: -12rem !important;
      }

      .pt-lg-n20,
      .py-lg-n20 {
          padding-top: -12rem !important;
      }

      .pr-lg-n20,
      .px-lg-n20 {
          padding-right: -12rem !important;
      }

      .pb-lg-n20,
      .py-lg-n20 {
          padding-bottom: -12rem !important;
      }

      .pl-lg-n20,
      .px-lg-n20 {
          padding-left: -12rem !important;
      }

      .p-lg-n25 {
          padding: -17rem !important;
      }

      .pt-lg-n25,
      .py-lg-n25 {
          padding-top: -17rem !important;
      }

      .pr-lg-n25,
      .px-lg-n25 {
          padding-right: -17rem !important;
      }

      .pb-lg-n25,
      .py-lg-n25 {
          padding-bottom: -17rem !important;
      }

      .pl-lg-n25,
      .px-lg-n25 {
          padding-left: -17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-lg-n10,
      .my-lg-n10 {
          margin-top: -6rem !important;
      }

      .mr-lg-n10,
      .mx-lg-n10 {
          margin-right: -6rem !important;
      }

      .mb-lg-n10,
      .my-lg-n10 {
          margin-bottom: -6rem !important;
      }

      .ml-lg-n10,
      .mx-lg-n10 {
          margin-left: -6rem !important;
      }

      .m-lg-n15 {
          margin: -9rem !important;
      }

      .mt-lg-n15,
      .my-lg-n15 {
          margin-top: -9rem !important;
      }

      .mr-lg-n15,
      .mx-lg-n15 {
          margin-right: -9rem !important;
      }

      .mb-lg-n15,
      .my-lg-n15 {
          margin-bottom: -9rem !important;
      }

      .ml-lg-n15,
      .mx-lg-n15 {
          margin-left: -9rem !important;
      }

      .m-lg-n20 {
          margin: -12rem !important;
      }

      .mt-lg-n20,
      .my-lg-n20 {
          margin-top: -12rem !important;
      }

      .mr-lg-n20,
      .mx-lg-n20 {
          margin-right: -12rem !important;
      }

      .mb-lg-n20,
      .my-lg-n20 {
          margin-bottom: -12rem !important;
      }

      .ml-lg-n20,
      .mx-lg-n20 {
          margin-left: -12rem !important;
      }

      .m-lg-n25 {
          margin: -17rem !important;
      }

      .mt-lg-n25,
      .my-lg-n25 {
          margin-top: -17rem !important;
      }

      .mr-lg-n25,
      .mx-lg-n25 {
          margin-right: -17rem !important;
      }

      .mb-lg-n25,
      .my-lg-n25 {
          margin-bottom: -17rem !important;
      }

      .ml-lg-n25,
      .mx-lg-n25 {
          margin-left: -17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-lg-nn10,
      .my-lg-nn10 {
          margin-top: -6rem !important;
      }

      .mr-lg-nn10,
      .mx-lg-nn10 {
          margin-right: -6rem !important;
      }

      .mb-lg-nn10,
      .my-lg-nn10 {
          margin-bottom: -6rem !important;
      }

      .ml-lg-nn10,
      .mx-lg-nn10 {
          margin-left: -6rem !important;
      }

      .m-lg-nn15 {
          margin: -9rem !important;
      }

      .mt-lg-nn15,
      .my-lg-nn15 {
          margin-top: -9rem !important;
      }

      .mr-lg-nn15,
      .mx-lg-nn15 {
          margin-right: -9rem !important;
      }

      .mb-lg-nn15,
      .my-lg-nn15 {
          margin-bottom: -9rem !important;
      }

      .ml-lg-nn15,
      .mx-lg-nn15 {
          margin-left: -9rem !important;
      }

      .m-lg-nn20 {
          margin: -12rem !important;
      }

      .mt-lg-nn20,
      .my-lg-nn20 {
          margin-top: -12rem !important;
      }

      .mr-lg-nn20,
      .mx-lg-nn20 {
          margin-right: -12rem !important;
      }

      .mb-lg-nn20,
      .my-lg-nn20 {
          margin-bottom: -12rem !important;
      }

      .ml-lg-nn20,
      .mx-lg-nn20 {
          margin-left: -12rem !important;
      }

      .m-lg-nn25 {
          margin: -17rem !important;
      }

      .mt-lg-nn25,
      .my-lg-nn25 {
          margin-top: -17rem !important;
      }

      .mr-lg-nn25,
      .mx-lg-nn25 {
          margin-right: -17rem !important;
      }

      .mb-lg-nn25,
      .my-lg-nn25 {
          margin-bottom: -17rem !important;
      }

      .ml-lg-nn25,
      .mx-lg-nn25 {
          margin-left: -17rem !important;
      } */
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  /* 
      .m-xl-10 {
          margin: 6rem !important;
      }

      .mt-xl-10,
      .my-xl-10 {
          margin-top: 6rem !important;
      }

      .mr-xl-10,
      .mx-xl-10 {
          margin-right: 6rem !important;
      }

      .mb-xl-10,
      .my-xl-10 {
          margin-bottom: 6rem !important;
      }

      .ml-xl-10,
      .mx-xl-10 {
          margin-left: 6rem !important;
      }

      .m-xl-15 {
          margin: 9rem !important;
      }

      .mt-xl-15,
      .my-xl-15 {
          margin-top: 9rem !important;
      }

      .mr-xl-15,
      .mx-xl-15 {
          margin-right: 9rem !important;
      }

      .mb-xl-15,
      .my-xl-15 {
          margin-bottom: 9rem !important;
      }

      .ml-xl-15,
      .mx-xl-15 {
          margin-left: 9rem !important;
      }

      .m-xl-20 {
          margin: 12rem !important;
      }

      .mt-xl-20,
      .my-xl-20 {
          margin-top: 12rem !important;
      }

      .mr-xl-20,
      .mx-xl-20 {
          margin-right: 12rem !important;
      }

      .mb-xl-20,
      .my-xl-20 {
          margin-bottom: 12rem !important;
      }

      .ml-xl-20,
      .mx-xl-20 {
          margin-left: 12rem !important;
      }

      .m-xl-25 {
          margin: 17rem !important;
      }

      .mt-xl-25,
      .my-xl-25 {
          margin-top: 17rem !important;
      }

      .mr-xl-25,
      .mx-xl-25 {
          margin-right: 17rem !important;
      }

      .mb-xl-25,
      .my-xl-25 {
          margin-bottom: 17rem !important;
      }

      .ml-xl-25,
      .mx-xl-25 {
          margin-left: 17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .ml-xl-n5,
      .mx-xl-n5 {
          margin-left: -3rem !important;
      } */
  /* 
      .m-xl-n10 {
          margin: -6rem !important;
      }

      .mt-xl-n10,
      .my-xl-n10 {
          margin-top: -6rem !important;
      }

      .mr-xl-n10,
      .mx-xl-n10 {
          margin-right: -6rem !important;
      }

      .mb-xl-n10,
      .my-xl-n10 {
          margin-bottom: -6rem !important;
      }

      .ml-xl-n10,
      .mx-xl-n10 {
          margin-left: -6rem !important;
      }

      .m-xl-n15 {
          margin: -9rem !important;
      }

      .mt-xl-n15,
      .my-xl-n15 {
          margin-top: -9rem !important;
      }

      .mr-xl-n15,
      .mx-xl-n15 {
          margin-right: -9rem !important;
      }

      .mb-xl-n15,
      .my-xl-n15 {
          margin-bottom: -9rem !important;
      }

      .ml-xl-n15,
      .mx-xl-n15 {
          margin-left: -9rem !important;
      }

      .m-xl-n20 {
          margin: -12rem !important;
      }

      .mt-xl-n20,
      .my-xl-n20 {
          margin-top: -12rem !important;
      }

      .mr-xl-n20,
      .mx-xl-n20 {
          margin-right: -12rem !important;
      }

      .mb-xl-n20,
      .my-xl-n20 {
          margin-bottom: -12rem !important;
      }

      .ml-xl-n20,
      .mx-xl-n20 {
          margin-left: -12rem !important;
      }

      .m-xl-n25 {
          margin: -17rem !important;
      }

      .mt-xl-n25,
      .my-xl-n25 {
          margin-top: -17rem !important;
      }

      .mr-xl-n25,
      .mx-xl-n25 {
          margin-right: -17rem !important;
      }

      .mb-xl-n25,
      .my-xl-n25 {
          margin-bottom: -17rem !important;
      }

      .ml-xl-n25,
      .mx-xl-n25 {
          margin-left: -17rem !important;
      } */
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  /* 
      .p-xl-10 {
          padding: 6rem !important;
      }

      .pt-xl-10,
      .py-xl-10 {
          padding-top: 6rem !important;
      }

      .pr-xl-10,
      .px-xl-10 {
          padding-right: 6rem !important;
      }

      .pb-xl-10,
      .py-xl-10 {
          padding-bottom: 6rem !important;
      }

      .pl-xl-10,
      .px-xl-10 {
          padding-left: 6rem !important;
      }

      .p-xl-15 {
          padding: 9rem !important;
      }

      .pt-xl-15,
      .py-xl-15 {
          padding-top: 9rem !important;
      }

      .pr-xl-15,
      .px-xl-15 {
          padding-right: 9rem !important;
      }

      .pb-xl-15,
      .py-xl-15 {
          padding-bottom: 9rem !important;
      }

      .pl-xl-15,
      .px-xl-15 {
          padding-left: 9rem !important;
      }

      .p-xl-20 {
          padding: 12rem !important;
      }

      .pt-xl-20,
      .py-xl-20 {
          padding-top: 12rem !important;
      }

      .pr-xl-20,
      .px-xl-20 {
          padding-right: 12rem !important;
      }

      .pb-xl-20,
      .py-xl-20 {
          padding-bottom: 12rem !important;
      }

      .pl-xl-20,
      .px-xl-20 {
          padding-left: 12rem !important;
      }

      .p-xl-25 {
          padding: 17rem !important;
      }

      .pt-xl-25,
      .py-xl-25 {
          padding-top: 17rem !important;
      }

      .pr-xl-25,
      .px-xl-25 {
          padding-right: 17rem !important;
      }

      .pb-xl-25,
      .py-xl-25 {
          padding-bottom: 17rem !important;
      }

      .pl-xl-25,
      .px-xl-25 {
          padding-left: 17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .pt-xl-n10,
      .py-xl-n10 {
          padding-top: -6rem !important;
      }

      .pr-xl-n10,
      .px-xl-n10 {
          padding-right: -6rem !important;
      }

      .pb-xl-n10,
      .py-xl-n10 {
          padding-bottom: -6rem !important;
      }

      .pl-xl-n10,
      .px-xl-n10 {
          padding-left: -6rem !important;
      }

      .p-xl-n15 {
          padding: -9rem !important;
      }

      .pt-xl-n15,
      .py-xl-n15 {
          padding-top: -9rem !important;
      }

      .pr-xl-n15,
      .px-xl-n15 {
          padding-right: -9rem !important;
      }

      .pb-xl-n15,
      .py-xl-n15 {
          padding-bottom: -9rem !important;
      }

      .pl-xl-n15,
      .px-xl-n15 {
          padding-left: -9rem !important;
      }

      .p-xl-n20 {
          padding: -12rem !important;
      }

      .pt-xl-n20,
      .py-xl-n20 {
          padding-top: -12rem !important;
      }

      .pr-xl-n20,
      .px-xl-n20 {
          padding-right: -12rem !important;
      }

      .pb-xl-n20,
      .py-xl-n20 {
          padding-bottom: -12rem !important;
      }

      .pl-xl-n20,
      .px-xl-n20 {
          padding-left: -12rem !important;
      }

      .p-xl-n25 {
          padding: -17rem !important;
      }

      .pt-xl-n25,
      .py-xl-n25 {
          padding-top: -17rem !important;
      }

      .pr-xl-n25,
      .px-xl-n25 {
          padding-right: -17rem !important;
      }

      .pb-xl-n25,
      .py-xl-n25 {
          padding-bottom: -17rem !important;
      }

      .pl-xl-n25,
      .px-xl-n25 {
          padding-left: -17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-xl-n10,
      .my-xl-n10 {
          margin-top: -6rem !important;
      }

      .mr-xl-n10,
      .mx-xl-n10 {
          margin-right: -6rem !important;
      }

      .mb-xl-n10,
      .my-xl-n10 {
          margin-bottom: -6rem !important;
      }

      .ml-xl-n10,
      .mx-xl-n10 {
          margin-left: -6rem !important;
      }

      .m-xl-n15 {
          margin: -9rem !important;
      }

      .mt-xl-n15,
      .my-xl-n15 {
          margin-top: -9rem !important;
      }

      .mr-xl-n15,
      .mx-xl-n15 {
          margin-right: -9rem !important;
      }

      .mb-xl-n15,
      .my-xl-n15 {
          margin-bottom: -9rem !important;
      }

      .ml-xl-n15,
      .mx-xl-n15 {
          margin-left: -9rem !important;
      }

      .m-xl-n20 {
          margin: -12rem !important;
      }

      .mt-xl-n20,
      .my-xl-n20 {
          margin-top: -12rem !important;
      }

      .mr-xl-n20,
      .mx-xl-n20 {
          margin-right: -12rem !important;
      }

      .mb-xl-n20,
      .my-xl-n20 {
          margin-bottom: -12rem !important;
      }

      .ml-xl-n20,
      .mx-xl-n20 {
          margin-left: -12rem !important;
      }

      .m-xl-n25 {
          margin: -17rem !important;
      }

      .mt-xl-n25,
      .my-xl-n25 {
          margin-top: -17rem !important;
      }

      .mr-xl-n25,
      .mx-xl-n25 {
          margin-right: -17rem !important;
      }

      .mb-xl-n25,
      .my-xl-n25 {
          margin-bottom: -17rem !important;
      }

      .ml-xl-n25,
      .mx-xl-n25 {
          margin-left: -17rem !important;
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      .mt-xl-nn10,
      .my-xl-nn10 {
          margin-top: -6rem !important;
      }

      .mr-xl-nn10,
      .mx-xl-nn10 {
          margin-right: -6rem !important;
      }

      .mb-xl-nn10,
      .my-xl-nn10 {
          margin-bottom: -6rem !important;
      }

      .ml-xl-nn10,
      .mx-xl-nn10 {
          margin-left: -6rem !important;
      }

      .m-xl-nn15 {
          margin: -9rem !important;
      }

      .mt-xl-nn15,
      .my-xl-nn15 {
          margin-top: -9rem !important;
      }

      .mr-xl-nn15,
      .mx-xl-nn15 {
          margin-right: -9rem !important;
      }

      .mb-xl-nn15,
      .my-xl-nn15 {
          margin-bottom: -9rem !important;
      }

      .ml-xl-nn15,
      .mx-xl-nn15 {
          margin-left: -9rem !important;
      }

      .m-xl-nn20 {
          margin: -12rem !important;
      }

      .mt-xl-nn20,
      .my-xl-nn20 {
          margin-top: -12rem !important;
      }

      .mr-xl-nn20,
      .mx-xl-nn20 {
          margin-right: -12rem !important;
      }

      .mb-xl-nn20,
      .my-xl-nn20 {
          margin-bottom: -12rem !important;
      }

      .ml-xl-nn20,
      .mx-xl-nn20 {
          margin-left: -12rem !important;
      }

      .m-xl-nn25 {
          margin: -17rem !important;
      }

      .mt-xl-nn25,
      .my-xl-nn25 {
          margin-top: -17rem !important;
      }

      .mr-xl-nn25,
      .mx-xl-nn25 {
          margin-right: -17rem !important;
      }

      .mb-xl-nn25,
      .my-xl-nn25 {
          margin-bottom: -17rem !important;
      }

      .ml-xl-nn25,
      .mx-xl-nn25 {
          margin-left: -17rem !important;
      } */
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

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

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

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

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

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

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

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

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

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

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

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

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

/* Main after Bootstrap prefs */
/* Control Styles with variables (loaded first) */
/* Def colors of market system */
/* Premaded transitions */
body {
  font-family: "General Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  -webkit-font-smoothing: antialiased;
  color: #262a31;
  background-color: white;
  position: relative;
  cursor: default;
  overflow-y: auto;
}
body::-webkit-scrollbar {
  width: 15px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: #90A4AE #e4eaec;
}
body::-webkit-scrollbar-track {
  background: #e4eaec;
}
body::-webkit-scrollbar-thumb {
  background-color: #90A4AE;
  border-radius: 6px;
  border: 3px solid #e4eaec;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #83949c;
}
body.disable-scrolls {
  overflow: hidden;
}

.grid-divider {
  overflow-x: hidden;
  position: relative;
}

.grid-divider > [class*=col-]:nth-child(n+2):after {
  content: "";
  background-color: #e7e7e7;
  position: absolute;
  top: 0;
  bottom: 0;
}
@media (max-width: 767px) {
  .grid-divider > [class*=col-]:nth-child(n+2):after {
    width: 100%;
    height: 1px;
    left: 0;
    top: -4px;
  }
}
@media (min-width: 768px) {
  .grid-divider > [class*=col-]:nth-child(n+2):after {
    width: 2px;
    height: auto;
    left: -1px;
  }
}

/* Main container width */
.container {
  max-width: 1460px;
}

/* Text Colors */
.text-primary {
  color: #4e73df !important;
}

.text-success {
  color: #17d58f !important;
}

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

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

.text-black {
  color: black !important;
}

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

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

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

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

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

/* Background Colors */
.bg-none {
  background: none !important;
}

.bg-primary {
  background: #4e73df !important;
}

.bg-secondary {
  background: rgba(212, 212, 212, 0.4) !important;
}

.bg-success {
  background: #17d58f !important;
}

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

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

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

.bg-grey {
  background: #f6f8fa !important;
}

.bg-white {
  background: white !important;
}

/* Border Colors */
.border-primary {
  border-color: #4e73df !important;
}

.border-success {
  border-color: #17d58f !important;
}

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

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

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

.border-grey {
  border-color: #f6f8fa !important;
}

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

.cursor-help {
  cursor: help;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-grab {
  cursor: grab;
}

/* Hightlight */
.hl {
  background: #f6f8fa;
  padding: 3px 9px;
  border-radius: 6px;
}

/* Section/SVG Colors */
.section {
  padding-top: 4rem;
  padding-bottom: 4rem;
  position: relative;
  background-color: #ffffff;
}

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

.grey {
  background-color: #f6f8fa;
}
.grey.svg {
  color: #f6f8fa;
  background: none;
}

.dark {
  background-color: #272532;
  color: #ffffff;
}
.dark.svg {
  color: #272532 !important;
  background: none;
}

.g-grey {
  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

/* SVG Section inner/outer - for correct scaling svg  */
.svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4vw;
  pointer-events: none;
  /* Disable from Z Index actions */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 0;
}
.svg-dark {
  color: #272532 !important;
}
.svg-grey {
  color: #f6f8fa !important;
  background: none;
}
.svg-white {
  color: #fff !important;
  background: none;
}
.svg-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 4vw;
  pointer-events: none;
  /* Disable from Z Index actions */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: 0;
}
.svg-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
  pointer-events: none;
  /* Disable from Z Index actions */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.svg-invert {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
  pointer-events: none;
  /* Disable from Z Index actions */
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.b {
  border: 1px solid red !important;
}

.bt-1 {
  border-top: 1px solid #b0b9c7;
}
.bt-2 {
  border-top: 2px solid #b0b9c7;
}

.bb-1 {
  border-bottom: 1px solid #b0b9c7;
}
.bb-2 {
  border-bottom: 2px solid #b0b9c7;
}

ul.none-list {
  list-style: none;
}

ul.height-2 {
  line-height: 2rem;
}

.clear-link {
  color: inherit;
}
.clear-link:hover {
  color: inherit;
  text-decoration: none;
}

.v-center {
  min-height: 100%;
  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;
  /* These two lines are counted as one :-)       */
  display: flex;
  align-items: center;
}

.lead {
  font-weight: 400;
  color: #848e9b;
}
.lead a {
  color: inherit;
  text-decoration: underline;
}
.lead a:hover {
  text-decoration: none;
}

.legal-section h4 {
  padding-top: 60px;
}
.legal-section ol {
  list-style-type: lower-alpha;
}
.legal-section ol li {
  margin: 15px;
  padding: 10px;
  background: rgba(145, 161, 168, 0.1);
  border-radius: 15px;
}

.title-link-pointer-right a {
  color: inherit;
  position: relative;
  width: 100%;
  transition: 0.2s ease all;
}
.title-link-pointer-right a:hover {
  letter-spacing: -1px;
  color: #4e73df;
  text-decoration: none;
}
.title-link-pointer-right a:hover::before {
  color: initial;
  font-family: "fontello";
  font-size: 2rem;
  position: absolute;
  top: 12px;
  left: -15px;
  content: "\e837";
}

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

h1 {
  font-size: 4rem;
}
@media screen and (max-width: 600px) {
  h1 {
    font-size: 10vw !important;
  }
}

h2 {
  font-size: 2.5rem;
}
@media screen and (max-width: 600px) {
  h2 {
    font-size: 7vw !important;
  }
}

h3 {
  font-size: 2rem;
}
@media screen and (max-width: 600px) {
  h3 {
    font-size: 6vw !important;
  }
}

h4 {
  font-size: 1.5rem;
}
@media screen and (max-width: 600px) {
  h4 {
    font-size: 5.5vw !important;
  }
}

h5 {
  font-size: 1.2rem;
}
@media screen and (max-width: 600px) {
  h5 {
    font-size: 5vw !important;
  }
}

h6 {
  font-size: 1rem;
}
@media screen and (max-width: 600px) {
  h6 {
    font-size: 4vw !important;
  }
}

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

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

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

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

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

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

.heading {
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 2rem;
  text-align: center;
}
.heading.head-max {
  font-size: 2.5rem;
}
.heading.head-2 {
  font-size: 1.5rem;
}
.heading.head-3 {
  font-size: 1rem;
}
.heading::after {
  content: "";
  display: block;
  border-bottom: 2px solid #4e73df;
  width: 8%;
  margin: 24px auto;
}
.heading.heading-left {
  text-align: left;
}
.heading.heading-left::after {
  content: "";
  display: block;
  border-bottom: 2px solid #4e73df;
  width: 8%;
  margin: 24px 0;
}

.p-line::after {
  content: "";
  display: block;
  border-bottom: 2px solid #4e73df;
  width: 30%;
  margin-top: 35px;
  margin-bottom: 35px;
}

.head-line {
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #a1a1a1;
  color: #a1a1a1;
  line-height: 0.05em;
  letter-spacing: 2px;
  margin: 25px 0 20px;
  opacity: 0.6;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: uppercase;
}

.head-line span {
  background: #fff;
  padding: 0 10px;
}

.half-head {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #4e73df;
  text-align: center;
}

mark {
  background: rgba(245, 235, 111, 0.29);
  padding: 3px;
}

strong.mark {
  font-weight: 500;
  background: rgba(245, 235, 111, 0.29);
  padding: 3px;
}

code {
  background: rgba(250, 239, 240, 0.78);
  color: #b44437;
  padding: 3px 4px;
  border-radius: 5px;
  margin: 0 1px;
  font-family: inherit;
  font-size: 0.9em;
  font-weight: 500;
  letter-spacing: 0.3px;
}
code.tagging {
  font-size: 1em;
  font-weight: bold;
}

.small {
  font-size: 0.85rem !important;
}

.underline {
  text-decoration: underline;
}
.underline:hover {
  text-decoration: none;
}

.ls-half {
  letter-spacing: 0.5px;
}

.ls-1 {
  letter-spacing: 1px;
}

.ls-2 {
  letter-spacing: 2px;
}

.z-1 {
  z-index: 1 !important;
  position: relative !important;
}

/* Flex Propotions for objects */
.flex-shrink-0 {
  flex-shrink: 0 !important;
}

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

/* Icons Stacks */
.icon-stack {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  height: 2.5rem;
  width: 2.5rem;
  font-size: 1rem;
  background-color: #f2f6fc;
}
.icon-stack svg {
  height: 1rem;
  width: 1rem;
}
.icon-stack-sm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #f2f6fc;
  height: 2rem;
  width: 2rem;
  font-size: 0.8rem;
}
.icon-stack-sm svg {
  height: 0.8rem;
  width: 0.8rem;
}
.icon-stack-lg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #f2f6fc;
  height: 4rem;
  width: 4rem;
  font-size: 1.5rem;
}
.icon-stack-lg svg {
  height: 1.5rem;
  width: 1.5rem;
}
.icon-stack-xl {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #f2f6fc;
  height: 5rem;
  width: 5rem;
  font-size: 1.75rem;
}
.icon-stack-xl svg {
  height: 1.75rem;
  width: 1.75rem;
}

.col-stretch {
  align-self: stretch;
}

.round-badge {
  border-radius: 15px;
  padding: 1px;
}

.mini-notify {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  min-height: 6px;
  min-width: 6px;
  padding: 3px;
}

.badge {
  padding: 5px 10px;
  border-radius: 5px;
}

sup.badge {
  font-size: 14px !important;
  position: relative;
  top: -30px;
  letter-spacing: 2px;
  font-weight: bold;
}

.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: 0.5;
}

.only-disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* Spoilers, elements to hide/show via JS */
[aria-hidden=true] {
  /* display: none; */
}

[aria-hidden=false] {
  display: block;
}

.none-overflow {
  overflow: hidden;
}

/* Main styles in system */
/* All Animations Here */
/* By default uses for popups (show from bottom/top) */
@keyframes animate-top {
  from {
    top: -50px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
@keyframes animate-bottom {
  from {
    bottom: -50px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
/* Attrach Attention to element */
@keyframes attrach-lifting {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
/* Slide to see */
@keyframes move-sliding {
  0% {
    transform: translateY(0);
    opacity: 0.4;
  }
  100% {
    transform: translateY(-20px);
    opacity: 0.8;
  }
}
@keyframes move-left-attrach-w-color {
  0% {
    transform: translateX(0);
    opacity: 1;
    color: #17d58f;
  }
  50% {
    transform: translateX(-3px);
    color: #17d58f;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Animation to left and back */
@keyframes move-left-attrach {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(-5px);
    opacity: 0.4;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Animation to right and back */
@keyframes move-right-attrach {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateX(10px);
    opacity: 0.4;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Loading image lazy */
@keyframes lazy-load {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
/* Lazy load finish */
@keyframes lazy-load-finish {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
/* Animation In Opacity for Marketplace items (when ajax, loading) */
@keyframes refresh-items-grid {
  from {
    opacity: 0;
  }
}
/* Change colors */
@keyframes done-item {
  from {
    background: #17d58f;
    color: white;
  }
  to {
    color: black;
    background: transparent;
  }
}
/* Change colors done - mini cart item */
@keyframes done-item-mini-cart {
  0% {
    color: white;
    background: #272532;
  }
  50% {
    color: white;
    background: #17d58f;
  }
  100% {
    color: white;
    background: #272532;
  }
}
/* Change colors done - cart item */
@keyframes done-item-cart {
  0% {
    color: white;
    background: #4e73df;
  }
  50% {
    color: white;
    background: #17d58f;
    border-color: #17d58f;
  }
  100% {
    color: white;
    background: #4e73df;
  }
}
/* Splash sizing for cart button */
@keyframes splash {
  from {
    opacity: 0;
    transform: scale(0, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1.1, 1.1);
  }
  to {
    transform: scale(1, 1);
  }
}
/* Flick to attrach attention */
@keyframes flicking {
  from {
    opacity: 0;
    transform: scale(0, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1.1, 1.1);
  }
  to {
    transform: scale(1, 1);
    opacity: 0;
  }
}
/* Check Size Up for Checkboxes */
@keyframes check {
  50% {
    transform: scale(1.2);
  }
}
/* LOADINGS / PROGRESS BARS */
/* Line Loading */
@keyframes loader-animation {
  0% {
    width: 0%;
    left: 0;
  }
  70% {
    width: 100%;
  }
  100% {
    left: 100%;
    width: 0%;
  }
}
/* Ring Loading for circle-loader */
@keyframes ring-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes atomx-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* Fading */
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* Offset border */
@keyframes borderBlueToGreenAndOutlineOffset {
  0% {
    outline-offset: -20px;
  }
  50% {
    outline-offset: -5px;
  }
  100% {
    outline-offset: -20px;
  }
}
@keyframes borderColorInvalidToBlack {
  from {
    border-color: #ff4848;
  }
}
@keyframes borderColorValidToBlack {
  from {
    border-color: #0fca85;
  }
}
/* Fading with blur */
@keyframes fadeBlur {
  from {
    opacity: 0.4;
    filter: saturate(3);
  }
  to {
    filter: unset;
    opacity: 1;
  }
}
@keyframes attrach {
  0% {
    transform: scale(0.8);
    opacity: 0.6;
  }
  100% {
    transform: scale(1.1);
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes attrach-smooth {
  from {
    opacity: 0.3;
    transform: scale(0, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1.1, 1.1);
  }
  to {
    transform: scale(1, 1);
  }
}
/* Progress Bar uploading */
@keyframes animate-stripes {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 60px 0;
  }
}
@keyframes auto-progress {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/* All used SVG icons like classes */
/* Categories icons when hover show outlined */
/* All icons */
.icon {
  min-width: 50px;
  min-height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  /* ALIGN */
}
.icon.vmid {
  vertical-align: middle;
}
.icon.vtop {
  vertical-align: top;
}
.icon {
  /* GREYSCALE */
}
.icon.gs {
  filter: grayscale(1);
}
.icon {
  /* SIZES */
}
.icon.min {
  min-width: 24px;
  min-height: 24px;
}
.icon.mid {
  min-width: 36px;
  min-height: 36px;
}
.icon.min-extra {
  min-width: 18px;
  min-height: 18px;
  vertical-align: top;
}
.icon.max {
  min-width: 60px;
  min-height: 60px;
  vertical-align: middle;
  margin-top: -15px;
}
.icon.x2 {
  min-width: 100px;
  min-height: 100px;
}
.icon.x3 {
  min-width: 150px;
  min-height: 150px;
}
.icon.x4 {
  min-width: 200px;
  min-height: 200px;
}
.icon.x5 {
  min-width: 300px;
  min-height: 300px;
}
@media screen and (max-width: 992px) {
  .icon.x5 {
    min-width: 150px;
    min-height: 150px;
  }
}
.icon.x6 {
  min-width: 450px;
  min-height: 450px;
}
.icon.x7 {
  min-width: 650px;
  min-height: 650px;
}
.icon {
  /* Locale Flags */
}
.icon.lang-en {
  background-image: url("/img/icons/flags/en.svg");
}
.icon.lang-ru {
  background-image: url("/img/icons/flags/ru.svg");
}
.icon {
  /* Cards */
}
.icon.mastercard-card {
  background-image: url("/img/icons/cards/mc_symbol.svg");
}
.icon.visa-card {
  background-image: url("/img/icons/cards/visa_symbol.svg");
}
.icon.any-card {
  background-image: url("/img/icons/cards/any_symbol.svg");
}
.icon.paypal-card {
  background-image: url("/img/icons/cards/paypal_symbol.svg");
}
.icon {
  /* Payout Methods */
}
.icon.payoneer-method {
  background-image: url("/img/icons/payout/payoneer_symbol.svg");
}
.icon.payproglobal-method {
  background-image: url("/img/icons/payout/payproglobal_symbol.svg");
}
.icon.paypal-method {
  background-image: url("/img/icons/payout/paypal_symbol.svg");
}
.icon.swift-method {
  background-image: url("/img/icons/payout/swift_symbol.svg");
}
.icon.head-icon {
  vertical-align: middle;
  margin-top: -10px;
}
.icon {
  /* AUTH SOCIAL ICONS */
}
.icon.signInWithGoogle {
  background-image: url("/img/icons/sign/google-18px.svg");
}
.icon.signInWithFacebook {
  background-image: url("/img/icons/sign/facebook-18px.svg");
}
.icon.signInWithEmail {
  background-image: url("/img/icons/sign/email-18px.svg");
}
.icon {
  /* ATOMX default programs icons */
}
.icon.default-ae {
  background-image: url("/img/icons/atomx/default_ae.svg");
}
.icon.default-pr {
  background-image: url("/img/icons/atomx/default_pr.svg");
}
.icon.default-ps {
  background-image: url("/img/icons/atomx/default_ps.svg");
}
.icon.default-ai {
  background-image: url("/img/icons/atomx/default_ai.svg");
}
.icon {
  /* CATEGORIES BLACK & WHITE */
}
.icon.ae {
  background-image: url("/img/icons/categories/ae-fill.svg");
}
.icon.ae-white {
  background-image: url("/img/icons/categories/ae-outlined.svg");
}
.icon.pr {
  background-image: url("/img/icons/categories/pr-fill.svg");
}
.icon.pr-white {
  background-image: url("/img/icons/categories/pr-outlined.svg");
}
.icon.davinci {
  background-image: url("/img/icons/categories/davinci-fill.svg");
}
.icon.davinci-white {
  background-image: url("/img/icons/categories/davinci-outlined.svg");
}
.icon.fcpx {
  background-image: url("/img/icons/categories/fcpx-fill.svg");
}
.icon.fcpx-white {
  background-image: url("/img/icons/categories/fcpx-outlined.svg");
}
.icon.ai {
  background-image: url("/img/icons/categories/ai-fill.svg");
}
.icon.ai-white {
  background-image: url("/img/icons/categories/ai-outlined.svg");
}
.icon.addons {
  background-image: url("/img/icons/categories/addons-fill.svg");
}
.icon.addons-white {
  background-image: url("/img/icons/categories/addons-outlined.svg");
}
.icon.audio {
  background-image: url("/img/icons/categories/audio-fill.svg");
}
.icon.audio-white {
  background-image: url("/img/icons/categories/audio-outlined.svg");
}
.icon.all-folder {
  background-image: url("/img/icons/categories/all-folder-fill.svg");
}
.icon.all-folder-white {
  background-image: url("/img/icons/categories/all-folder-outlined.svg");
}
.icon.atomx {
  background-image: url("/img/icons/categories/atomx-fill.svg");
}
.icon.atomx-white {
  background-image: url("/img/icons/categories/atomx-outlined.svg");
}
.icon.market {
  background-image: url("/img/icons/categories/market-fill.svg");
}
.icon.market-white {
  background-image: url("/img/icons/categories/market-outlined.svg");
}
.icon.animate {
  background-image: url("/img/icons/categories/animate-fill.svg");
}
.icon.animate-white {
  background-image: url("/img/icons/categories/animate-outlined.svg");
}
.icon.box {
  background-image: url("/img/icons/categories/box-fill.svg");
}
.icon.box-white {
  background-image: url("/img/icons/categories/box-outlined.svg");
}
.icon.business {
  background-image: url("/img/icons/categories/business-fill.svg");
}
.icon.business-white {
  background-image: url("/img/icons/categories/business-outlined.svg");
}
.icon.effects {
  background-image: url("/img/icons/categories/effects-fill.svg");
}
.icon.effects-white {
  background-image: url("/img/icons/categories/effects-outlined.svg");
}
.icon.post-production {
  background-image: url("/img/icons/categories/post-production-fill.svg");
}
.icon.post-production-white {
  background-image: url("/img/icons/categories/post-production-outlined.svg");
}
.icon.video {
  background-image: url("/img/icons/categories/video-fill.svg");
}
.icon.video-white {
  background-image: url("/img/icons/categories/video-outlined.svg");
}
.icon {
  /* BIG ICONS (OTHER FOLDER) */
}
.icon.no-items {
  background-image: url("/img/other/no-items.svg");
}
.icon.auth-form {
  background-image: url("/img/other/auth-form.svg");
}
.icon.help-center {
  background-image: url("/img/other/help-center.svg");
}
.icon.help-support {
  background-image: url("/img/other/help-support.svg");
}
.icon.get-help {
  background-image: url("/img/other/get-help.svg");
}
.icon.downloading {
  background-image: url("/img/other/download-files.svg");
}
.icon.uploading {
  background-image: url("/img/other/upload-content.svg");
}
.icon.big-earn-money {
  background-image: url("/img/other/happy-earn.svg");
}
.icon.articles {
  background-image: url("/img/other/articles.svg");
}
.icon.shopping-request {
  background-image: url("/img/other/shopping-request.svg");
}
.icon.blocked {
  background-image: url("/img/other/blocked.svg");
}
.icon.not-found {
  background-image: url("/img/other/not-found.svg");
}
.icon.broken-robot {
  background-image: url("/img/other/broken-robot.svg");
}
.icon.no-auth {
  background-image: url("/img/other/no-auth.svg");
}
.icon.under-reconstruction {
  background-image: url("/img/other/under-reconstruction.svg");
}
.icon {
  /* BADGES */
}
.icon.first-on-board {
  background-image: url("/img/icons/badges/first-on-board.svg");
}
.icon.pro-author {
  background-image: url("/img/icons/badge.svg");
}
.icon {
  /* MARKETPLACE ITEM ATTRIBUTES */
}
.icon.required-software {
  background-image: url("/img/icons/attributes/required-software.svg");
}
.icon.mogrt {
  background-image: url("/img/icons/attributes/mogrt.svg");
}
.icon.microchip {
  background-image: url("/img/icons/attributes/microchip.svg");
}
.icon.yt-id {
  background-image: url("/img/icons/attributes/youtube-content-id.svg");
}
.icon.zip {
  background-image: url("/img/icons/attributes/zip.svg");
}
.icon.folder-files {
  background-image: url("/img/icons/attributes/folder-files.svg");
}
.icon.resize {
  background-image: url("/img/icons/attributes/resize.svg");
}
.icon.plugins {
  background-image: url("/img/icons/attributes/plugins.svg");
}
.icon.coding {
  background-image: url("/img/icons/attributes/coding.svg");
}
.icon.rotation {
  background-image: url("/img/icons/attributes/rotation.svg");
}
.icon.bit-rate {
  background-image: url("/img/icons/attributes/bit-rate.svg");
}
.icon.music {
  background-image: url("/img/icons/attributes/music.svg");
}
.icon.metronome {
  background-image: url("/img/icons/attributes/metronome.svg");
}
.icon.rating {
  background-image: url("/img/icons/attributes/rating.svg");
}
.icon.punch {
  background-image: url("/img/icons/attributes/punch.svg");
}
.icon.assoc_music {
  background-image: url("/img/icons/attributes/assoc_music.svg");
}
.icon {
  /* ICON FOR BECOME AUTHORS */
}
.icon.chart-direct-sales {
  background-image: url("/img/icons/subscription/chart-direct-sales.svg");
}
.icon.chart-subscription-sales {
  background-image: url("/img/icons/subscription/chart-subscription-sales.svg");
}
.icon {
  /* ITEM LABELS */
}
.icon.gift {
  background-image: url("/img/icons/item_labels/gift.svg");
}
.icon.rocket {
  background-image: url("/img/icons/item_labels/rocket.svg");
}
.icon.discount {
  background-image: url("/img/icons/item_labels/discount.svg");
}
.icon {
  /* ANOTHER ICONS */
}
.icon.refresh {
  background-image: url("/img/icons/refresh.svg");
}
.icon.upload {
  background-image: url("/img/icons/upload.svg");
}
.icon.upload-2 {
  background-image: url("/img/icons/upload-2.svg");
}
.icon.upload-3 {
  background-image: url("/img/icons/upload-3.svg");
}
.icon.upload-cloud {
  background-image: url("/img/icons/upload-cloud.svg");
}
.icon.up-arrow {
  background-image: url("/img/icons/up-arrow.svg");
}
.icon.reload {
  background-image: url("/img/icons/reload.svg");
}
.icon.eye {
  background-image: url("/img/icons/eye.svg");
}
.icon.notification {
  background-image: url("/img/icons/notification.svg");
}
.icon.quality {
  background-image: url("/img/icons/quality.svg");
}
.icon.subscribed {
  background-image: url("/img/icons/subscribed.svg");
}
.icon.shopping-cart {
  background-image: url("/img/icons/shopping-cart.svg");
}
.icon.success {
  background-image: url("/img/icons/success.svg");
}
.icon.infinite {
  background-image: url("/img/icons/infinite.svg");
}
.icon.affiliate-program {
  background-image: url("/img/icons/affiliate.svg");
}
.icon.link {
  background-image: url("/img/icons/link.svg");
}
.icon.promotion {
  background-image: url("/img/icons/promotion.svg");
}
.icon.bill {
  background-image: url("/img/icons/bill.svg");
}
.icon.layers {
  background-image: url("/img/icons/layers.svg");
}
.icon.checked {
  background-image: url("/img/icons/checked.svg");
}
.icon.startup {
  background-image: url("/img/icons/startup.svg");
}
.icon.strategy {
  background-image: url("/img/icons/strategy.svg");
}
.icon.checked_ok {
  background-image: url("/img/icons/checked_ok.svg");
}
.icon.doc-folders {
  background-image: url("/img/icons/doc-folders.svg");
}
.icon.package {
  background-image: url("/img/icons/package.svg");
}
.icon.support {
  background-image: url("/img/icons/support.svg");
}
.icon.vtuts {
  background-image: url("/img/icons/video.svg");
}
.icon.download {
  background-image: url("/img/icons/download.svg");
}
.icon.download-cloud {
  background-image: url("/img/icons/download-cloud.svg");
}
.icon.paper {
  background-image: url("/img/icons/paper.svg");
}
.icon.docs {
  background-image: url("/img/icons/google-docs.svg");
}
.icon.value {
  background-image: url("/img/icons/value.svg");
}
.icon.packaging {
  background-image: url("/img/icons/packaging.svg");
}
.icon.office {
  background-image: url("/img/icons/office.svg");
}
.icon.factory {
  background-image: url("/img/icons/factory.svg");
}
.icon.percentage {
  background-image: url("/img/icons/percentage.svg");
}
.icon.investment {
  background-image: url("/img/icons/investment.svg");
}
.icon.files {
  background-image: url("/img/icons/files.svg");
}
.icon.piggy-bank {
  background-image: url("/img/icons/piggy-bank.svg");
}
.icon.bag {
  background-image: url("/img/icons/bag.svg");
}
.icon.calendar {
  background-image: url("/img/icons/calendar.svg");
}
.icon.credit-card {
  background-image: url("/img/icons/credit-card.svg");
}
.icon.settings {
  background-image: url("/img/icons/settings.svg");
}
.icon.folder {
  background-image: url("/img/icons/folder.svg");
}
.icon.user {
  background-image: url("/img/icons/user.svg");
}
.icon.speedometer {
  background-image: url("/img/icons/speedometer.svg");
}
.icon.mouse {
  background-image: url("/img/icons/mouse.svg");
}
.icon.bookmark {
  background-image: url("/img/icons/bookmark.svg");
}
.icon.content {
  background-image: url("/img/icons/content.svg");
}
.icon.earnings {
  background-image: url("/img/icons/earnings.svg");
}
.icon.giftbox {
  background-image: url("/img/icons/gift.svg");
}
.icon.coupon {
  background-image: url("/img/icons/coupon.svg");
}
.icon.search-queries {
  background-image: url("/img/icons/search_queries.svg");
}
.icon.trending {
  background-image: url("/img/icons/trending-topic.svg");
}
.icon.trending-outline {
  background-image: url("/img/icons/trending-topic-outline.svg");
}
.icon.flame {
  background-image: url("/img/icons/flame.svg");
}
.icon.blank {
  background-image: url("/img/icons/blank.svg");
}
.icon.warning {
  background-image: url("/img/icons/warning.svg");
}
.icon.shopping-bag {
  background-image: url("/img/icons/shopping-bag.svg");
}
.icon.send {
  background-image: url("/img/icons/send.svg");
}
.icon.internet {
  background-image: url("/img/icons/internet.svg");
}
.icon.file-hosting {
  background-image: url("/img/icons/file-hosting.svg");
}
.icon.doc-simple {
  background-image: url("/img/icons/doc-simple.svg");
}
.icon.note {
  background-image: url("/img/icons/note.svg");
}
.icon.script {
  background-image: url("/img/icons/script.svg");
}
.icon.lifesaver {
  background-image: url("/img/icons/lifesaver.svg");
}
.icon.star {
  background-image: url("/img/icons/star.svg");
}
.icon.diamond {
  background-image: url("/img/icons/diamond.svg");
}
.icon.gem {
  background-image: url("/img/icons/gem.svg");
}
.icon.best-seller {
  background-image: url("/img/icons/best-seller.svg");
}
.icon.staff {
  background-image: url("/img/icons/staff.svg");
}
.icon.key {
  background-image: url("/img/icons/key.svg");
}
.icon.admin {
  background-image: url("/img/icons/admin.svg");
}
.icon.resolution {
  background-image: url("/img/icons/resolution.svg");
}

/* Bg image inside Section or other element inside */
.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.bg-image.helpContact {
  background-color: #f6f8fa;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url("/img/other/get-help.svg");
}
.bg-image.atomxPartnership {
  background-position: center 0px;
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(214, 214, 214, 0.5)), url("/img/other/partnership.svg");
}
.bg-image.authorProfileHead {
  background-position: center center;
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.8)), url("/img/other/motion-design.svg");
}
.bg-image.subscriptionHead {
  background-position: center center;
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.8)), url("/img/other/profile-heading.svg");
}
.bg-image.subscriptionOver {
  background-position: center center;
  background-size: contain;
  background-image: url("/img/other/motion-design-simple.svg");
  background-image: url("/img/other/round-fill.svg");
}
.bg-image.bigPlaceOffer {
  background-position: center top;
  background-image: linear-gradient(rgba(10, 10, 10, 0.1), rgba(14, 13, 13, 0.4)), url("/img/bg/category-header-min.jpg");
}
.bg-image.marketCategory {
  background-attachment: fixed;
  background-color: #4e73df;
  background-image: linear-gradient(rgba(27, 28, 31, 0.9), rgba(27, 28, 31, 0.6)), url("/img/other/motion-design.svg");
}
.bg-image.marketItem {
  background-position: center top;
  background-size: cover;
  background-image: url("/img/other/motion-design-simple.svg");
}
.bg-image.becomeAnAuthor {
  background-position: center center;
  background-color: #f6f8fa;
  background-image: url("/img/other/motion-design-simple-white.svg");
}
.bg-image.confetti {
  background-position: center center;
  background-color: #f6f8fa;
  background-image: url("/img/other/confetti.svg");
}
.bg-image.motionDesign {
  background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(214, 214, 214, 0.8)), url("/img/other/motion-design.svg");
}
.bg-image.uploadContent {
  background-size: cover;
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9)), url("/img/other/upload-content.svg");
}
.bg-image.purchases {
  background-position: center bottom;
  background-image: url("/img/other/round-fill.svg");
}
.bg-image.blogHead {
  background-color: #272532;
  background-image: linear-gradient(90deg, #272532, rgba(39, 37, 50, 0.3)), url("/img/other/design-place.svg");
}
.bg-image.happyEarn {
  background-position: top center;
  background-image: linear-gradient(0deg, rgb(255, 255, 255), rgba(214, 214, 214, 0)), url("/img/other/happy-earn-bg.svg");
}
.bg-image.happyEarn_2 {
  background-position: top top;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7)), url("/img/other/happy-earn-bg.svg");
}
.bg-image.shoppingRequest {
  background-position: top center;
  background-image: linear-gradient(-90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.8)), url("/img/other/shopping-request.svg");
}
.bg-image.settings {
  background-position: center top;
  background-image: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.5)), url("/img/other/auth-form.svg");
}
.bg-image.needHelp {
  background-image: linear-gradient(rgba(214, 214, 214, 0.6), rgba(214, 214, 214, 0.4)), url("/img/other/business-bg.svg");
}
.bg-image.parallax {
  background-attachment: fixed;
}

/* Fill BG for pages as separated tag DIV */
.fill-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -10;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.fill-bg.businessContact {
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), url("/img/other/business-bg.svg");
}
.fill-bg.signBackground {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url("/img/other/auth-form.svg");
}
.fill-bg.downloadFiles {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)), url("/img/other/download-files.svg");
}
.fill-bg.helpContact {
  background-image: linear-gradient(rgba(235, 246, 255, 0.4), rgba(56, 159, 255, 0.4)), url("/img/other/get-help.svg");
}

/* Preferred Input/Select styles */
input,
select,
textarea {
  background-color: #fff;
  border-radius: 5px;
  color: #383838;
  outline: 0;
  border: 0;
  border: 1px solid #b9b9b9;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #b9b9b9;
}

input::placeholder,
textarea::placeholder {
  color: #b9b9b9;
}

button,
input[type=submit] {
  outline: 0 !important;
  border: 0;
  padding: 0;
}

select:required:invalid {
  color: #b9b9b9;
}

select option[value=""][disabled] {
  display: none;
}

select option {
  color: black;
}

/* Default forms - for contacts us, other simple forms in special stylization*/
.default-form {
  /* Main form stylization */
}
.default-form.minimal .input-group {
  padding: 11px 0 0 0;
}
.default-form.minimal .input-group label.input-group-head {
  display: block;
}
.default-form.minimal .input-group-head {
  font-size: 0.85rem;
  font-weight: 500;
  margin-bottom: 4px;
}
.default-form.minimal .input-group-footer {
  margin-top: 4px;
  font-size: 0.8rem;
}
.default-form.minimal .input-group-content {
  position: relative;
  width: 100%;
  /* Fixes for IE11 - appearance:none */
}
.default-form.minimal .input-group-content select::-ms-expand {
  display: none;
}
.default-form.minimal .input-group-content > input, .default-form.minimal .input-group-content > select, .default-form.minimal .input-group-content > textarea {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #d8dbdd;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 3px -2px #9098a9;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 150ms ease;
  font-family: inherit;
  font-size: 0.95em;
}
.default-form.minimal .input-group-content > input::-moz-placeholder, .default-form.minimal .input-group-content > select::-moz-placeholder, .default-form.minimal .input-group-content > textarea::-moz-placeholder {
  color: #ccc;
}
.default-form.minimal .input-group-content > input::placeholder, .default-form.minimal .input-group-content > select::placeholder, .default-form.minimal .input-group-content > textarea::placeholder {
  color: #ccc;
}
.default-form.minimal .input-group-content > input:hover + svg, .default-form.minimal .input-group-content > select:hover + svg, .default-form.minimal .input-group-content > textarea:hover + svg {
  stroke: #2962ff;
}
.default-form.minimal .input-group-content > input:hover + svg.custom, .default-form.minimal .input-group-content > select:hover + svg.custom, .default-form.minimal .input-group-content > textarea:hover + svg.custom {
  fill: #2962ff;
}
.default-form.minimal .input-group-content > input:hover, .default-form.minimal .input-group-content > select:hover, .default-form.minimal .input-group-content > textarea:hover {
  border: 1px solid #2962ff;
}
.default-form.minimal .input-group-content > input:focus, .default-form.minimal .input-group-content > select:focus, .default-form.minimal .input-group-content > textarea:focus {
  box-shadow: 0 0 0 2px rgba(0, 119, 255, 0.2);
}
.default-form.minimal .input-group-content > input:focus ~ label.tip, .default-form.minimal .input-group-content > input:valid:not([value=""]) ~ label.tip, .default-form.minimal .input-group-content > select:focus ~ label.tip, .default-form.minimal .input-group-content > select:valid:not([value=""]) ~ label.tip, .default-form.minimal .input-group-content > textarea:focus ~ label.tip, .default-form.minimal .input-group-content > textarea:valid:not([value=""]) ~ label.tip {
  color: #2962ff;
  transform: translateY(-20px);
  font-size: 0.75em;
  cursor: default;
}
.default-form.minimal .input-group-content > input:focus, .default-form.minimal .input-group-content > input:valid:not([value=""]), .default-form.minimal .input-group-content > select:focus, .default-form.minimal .input-group-content > select:valid:not([value=""]), .default-form.minimal .input-group-content > textarea:focus, .default-form.minimal .input-group-content > textarea:valid:not([value=""]) {
  border-color: #2962ff;
}
.default-form.minimal .input-group-content > input[type=email]:not([value=""]):not(:focus) ~ label.tip, .default-form.minimal .input-group-content > select[type=email]:not([value=""]):not(:focus) ~ label.tip, .default-form.minimal .input-group-content > textarea[type=email]:not([value=""]):not(:focus) ~ label.tip {
  color: #2962ff;
  transform: translateY(-20px);
  font-size: 0.75em;
  cursor: default;
}
.default-form.minimal .input-group-content > input[type=email]:not([value=""]):not(:focus), .default-form.minimal .input-group-content > select[type=email]:not([value=""]):not(:focus), .default-form.minimal .input-group-content > textarea[type=email]:not([value=""]):not(:focus) {
  border-color: #2962ff;
}
.default-form.minimal .input-group-content > input[aria-invalid=true] ~ label.tip, .default-form.minimal .input-group-content > select[aria-invalid=true] ~ label.tip, .default-form.minimal .input-group-content > textarea[aria-invalid=true] ~ label.tip {
  color: #ff4848 !important;
}
.default-form.minimal .input-group-content > input[aria-invalid=true], .default-form.minimal .input-group-content > select[aria-invalid=true], .default-form.minimal .input-group-content > textarea[aria-invalid=true] {
  border-color: #ff4848 !important;
}
.default-form.minimal .input-group-content > input, .default-form.minimal .input-group-content > select, .default-form.minimal .input-group-content > textarea {
  text-overflow: ellipsis;
  /* add ... if text can't fill in select */
  /* Needed to make it work */
}
.default-form.minimal .input-group-content textarea {
  min-height: 70px;
  max-height: 400px;
}
.default-form.minimal .input-group-content select {
  padding-right: 25px;
}
.default-form.minimal .input-group-content svg {
  transition: all 150ms ease;
  position: absolute;
  right: 12px;
  top: 20px;
  /* calc(50% - 3px); */
  width: 10px;
  height: 6px;
  stroke-width: 2px;
  stroke: #9098a9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.default-form.minimal .input-group-content svg.custom {
  width: 16px;
  height: 16px;
  stroke-width: 0;
  fill: #9098a9;
  top: 14px;
}
.default-form.minimal .input-group-content label.tip {
  transition: all 200ms ease-out;
  position: absolute;
  background-color: #ffffff;
  border-radius: 5px;
  top: 12px;
  left: 8px;
  padding: 0px 7px;
  font-size: 0.95em;
  color: #ccc;
  cursor: text;
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.default-form.market-styles .input-group-content {
  position: relative;
  width: 100%;
  /* Fixes for IE11 - appearance:none */
}
.default-form.market-styles .input-group-content select::-ms-expand {
  display: none;
}
.default-form.market-styles .input-group-content input,
.default-form.market-styles .input-group-content select,
.default-form.market-styles .input-group-content textarea {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid grey;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 3px -2px #9098a9;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 150ms ease;
  font-family: inherit;
  font-size: inherit;
  opacity: 0.7;
}
.default-form.market-styles .input-group-content input:hover,
.default-form.market-styles .input-group-content select:hover,
.default-form.market-styles .input-group-content textarea:hover {
  opacity: 1;
}
.default-form.market-styles .input-group-content input:hover + svg,
.default-form.market-styles .input-group-content select:hover + svg,
.default-form.market-styles .input-group-content textarea:hover + svg {
  stroke: grey;
}
.default-form.market-styles .input-group-content input:hover,
.default-form.market-styles .input-group-content select:hover,
.default-form.market-styles .input-group-content textarea:hover {
  border: 1px solid grey;
}
.default-form.market-styles .input-group-content input:focus ~ label.tip, .default-form.market-styles .input-group-content input:valid:not([value=""]) ~ label.tip,
.default-form.market-styles .input-group-content select:focus ~ label.tip,
.default-form.market-styles .input-group-content select:valid:not([value=""]) ~ label.tip,
.default-form.market-styles .input-group-content textarea:focus ~ label.tip,
.default-form.market-styles .input-group-content textarea:valid:not([value=""]) ~ label.tip {
  color: grey;
  transform: translateY(-20px);
  font-size: 0.75em;
  cursor: default;
}
.default-form.market-styles .input-group-content input:focus, .default-form.market-styles .input-group-content input:valid:not([value=""]),
.default-form.market-styles .input-group-content select:focus,
.default-form.market-styles .input-group-content select:valid:not([value=""]),
.default-form.market-styles .input-group-content textarea:focus,
.default-form.market-styles .input-group-content textarea:valid:not([value=""]) {
  border-color: grey;
}
.default-form.market-styles .input-group-content input,
.default-form.market-styles .input-group-content select,
.default-form.market-styles .input-group-content textarea {
  text-overflow: ellipsis;
}
.default-form.market-styles .input-group-content svg {
  transition: all 150ms ease;
  position: absolute;
  right: 12px;
  top: calc(50% - 3px);
  width: 10px;
  height: 6px;
  stroke-width: 2px;
  stroke: #9098a9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.default-form.market-styles .input-group-content .form-market-search {
  display: flex;
}
.default-form.market-styles .input-group-content .form-market-search select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.default-form.market-styles .input-group-content .form-market-search input {
  min-width: 200px;
  opacity: 0.7;
  border-radius: 0;
  transition: 0.2s ease opacity;
}
.default-form.market-styles .input-group-content .form-market-search input:hover, .default-form.market-styles .input-group-content .form-market-search input:focus {
  opacity: 1;
}
.default-form.market-styles .input-group-content .form-market-search button {
  outline: none;
  opacity: 0.7;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: white;
  background: #272532;
  min-width: 45px;
  cursor: pointer;
  transition: 0.2s ease opacity;
}
.default-form.market-styles .input-group-content .form-market-search button:hover {
  opacity: 0.9;
}
.default-form.boxed input,
.default-form.boxed select,
.default-form.boxed textarea {
  padding: 10px 16px;
  font-size: 14px;
  outline: none;
  border: 2px solid rgba(133, 141, 150, 0.5);
  width: 100%;
  opacity: 1;
  transition: all 200ms ease-out;
}
.default-form.boxed input:hover, .default-form.boxed input:focus,
.default-form.boxed select:hover,
.default-form.boxed select:focus,
.default-form.boxed textarea:hover,
.default-form.boxed textarea:focus {
  border: 2px solid #2962ff;
  box-shadow: -0.35rem 0.35rem 0 0 #ced2da !important;
}
.default-form.boxed input,
.default-form.boxed select,
.default-form.boxed textarea {
  box-shadow: 0 2px 3px -2px #9098a9;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.default-form.boxed input:focus, .default-form.boxed input:valid:not([value=""]),
.default-form.boxed select:focus,
.default-form.boxed select:valid:not([value=""]),
.default-form.boxed textarea:focus,
.default-form.boxed textarea:valid:not([value=""]) {
  border-color: #2962ff;
}
.default-form.boxed input[type=email]:not([value=""]):not(:focus),
.default-form.boxed select[type=email]:not([value=""]):not(:focus),
.default-form.boxed textarea[type=email]:not([value=""]):not(:focus) {
  border-color: #2962ff;
}
.default-form.boxed input[aria-invalid=true]::-moz-placeholder, .default-form.boxed select[aria-invalid=true]::-moz-placeholder, .default-form.boxed textarea[aria-invalid=true]::-moz-placeholder {
  color: #ff4848 !important;
}
.default-form.boxed input[aria-invalid=true]::placeholder,
.default-form.boxed select[aria-invalid=true]::placeholder,
.default-form.boxed textarea[aria-invalid=true]::placeholder {
  color: #ff4848 !important;
}
.default-form.boxed input[aria-invalid=true],
.default-form.boxed select[aria-invalid=true],
.default-form.boxed textarea[aria-invalid=true] {
  border-color: #ff4848 !important;
}
.default-form.boxed.labeled .input-group {
  padding: 8px 0 0 0;
}
.default-form.boxed.labeled .input-group-content {
  position: relative;
  width: 100%;
}
.default-form.boxed.labeled .input-group-content input:focus ~ label.tip, .default-form.boxed.labeled .input-group-content input:valid:not([value=""]) ~ label.tip,
.default-form.boxed.labeled .input-group-content select:focus ~ label.tip,
.default-form.boxed.labeled .input-group-content select:valid:not([value=""]) ~ label.tip,
.default-form.boxed.labeled .input-group-content textarea:focus ~ label.tip,
.default-form.boxed.labeled .input-group-content textarea:valid:not([value=""]) ~ label.tip {
  color: #2962ff;
  transform: translateY(-20px);
  font-size: 0.75em;
  cursor: default;
}
.default-form.boxed.labeled .input-group-content input:focus, .default-form.boxed.labeled .input-group-content input:valid:not([value=""]),
.default-form.boxed.labeled .input-group-content select:focus,
.default-form.boxed.labeled .input-group-content select:valid:not([value=""]),
.default-form.boxed.labeled .input-group-content textarea:focus,
.default-form.boxed.labeled .input-group-content textarea:valid:not([value=""]) {
  border-color: #2962ff;
}
.default-form.boxed.labeled .input-group-content input[type=email]:not([value=""]):not(:focus):invalid ~ label.tip,
.default-form.boxed.labeled .input-group-content select[type=email]:not([value=""]):not(:focus):invalid ~ label.tip,
.default-form.boxed.labeled .input-group-content textarea[type=email]:not([value=""]):not(:focus):invalid ~ label.tip {
  color: #2962ff;
  transform: translateY(-20px);
  font-size: 0.75em;
  cursor: default;
}
.default-form.boxed.labeled .input-group-content input[type=email]:not([value=""]):not(:focus):invalid,
.default-form.boxed.labeled .input-group-content select[type=email]:not([value=""]):not(:focus):invalid,
.default-form.boxed.labeled .input-group-content textarea[type=email]:not([value=""]):not(:focus):invalid {
  border-color: #2962ff;
}
.default-form.boxed.labeled .input-group-content input[aria-invalid=true] ~ label.tip,
.default-form.boxed.labeled .input-group-content select[aria-invalid=true] ~ label.tip,
.default-form.boxed.labeled .input-group-content textarea[aria-invalid=true] ~ label.tip {
  color: #ff4848 !important;
}
.default-form.boxed.labeled .input-group-content input[aria-invalid=true],
.default-form.boxed.labeled .input-group-content select[aria-invalid=true],
.default-form.boxed.labeled .input-group-content textarea[aria-invalid=true] {
  border-color: #ff4848 !important;
}
.default-form.boxed.labeled .input-group-content input[aria-invalid=true]:valid ~ label.tip,
.default-form.boxed.labeled .input-group-content select[aria-invalid=true]:valid ~ label.tip,
.default-form.boxed.labeled .input-group-content textarea[aria-invalid=true]:valid ~ label.tip {
  color: #0fca85 !important;
}
.default-form.boxed.labeled .input-group-content input[aria-invalid=true]:valid,
.default-form.boxed.labeled .input-group-content select[aria-invalid=true]:valid,
.default-form.boxed.labeled .input-group-content textarea[aria-invalid=true]:valid {
  border-color: #0fca85 !important;
}
.default-form.boxed.labeled .input-group-content label.tip {
  transition: all 200ms ease-out;
  position: absolute;
  background-color: white;
  top: 10px;
  left: 8px;
  padding: 2px 7px;
  font-size: 14px;
  color: #ccc;
  cursor: text;
  z-index: 10;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.default-form.login-form .input-group-content label.label-icon {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #b9b9b9;
  padding: 9.5px 12px;
  color: white;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: 0.3s ease all;
}
.default-form.login-form .input-group-content input {
  font-size: 0.9rem;
  padding-left: 55px;
}
.default-form.login-form .input-group-content input:hover ~ label, .default-form.login-form .input-group-content input:focus ~ label, .default-form.login-form .input-group-content input:valid:not([value=""]) ~ label {
  background-color: #2962ff !important;
}
.default-form.login-form .input-group-content input[type=email]:not([value=""]):not(:focus):invalid ~ label {
  background-color: #2962ff !important;
}
.default-form.login-form .input-group-content input[aria-invalid=true] ~ label {
  background-color: #ff4848 !important;
}
.default-form.login-form .input-group-content input[aria-invalid=true]:valid ~ label {
  background-color: #ff4848 !important;
}
.default-form.login-form .input-group-content input::-moz-placeholder {
  color: #b9b9b9;
}
.default-form.login-form .input-group-content input::placeholder {
  color: #b9b9b9;
}
.default-form ul.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
.default-form ul.footer-links li {
  display: inline-block;
}
.default-form ul.footer-links li::after {
  pointer-events: none;
  content: " |";
  color: black;
  padding: 5px;
  opacity: 0.4;
}
.default-form ul.footer-links li:nth-last-child(-1n+1)::after {
  content: "";
}
.default-form {
  /* Extra elements */
  /* Help tip for Inputs */
}
.default-form .help-tip {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #ff4848;
  text-align: left;
  display: none;
}
.default-form {
  /* Main error message */
}
.default-form .errors {
  color: #ff4848;
  font-weight: 500;
  margin-bottom: 4px;
  font-size: 14px;
  animation: fadeIn 1s forwards;
  transition: 0.2s ease all;
}
.default-form .errors-badge {
  display: none;
  background-color: #ff4848;
  color: white;
  line-height: 24px;
  border-radius: 5px;
  padding: 8px;
  text-align: center;
  animation: fadeIn 1s forwards;
}
.default-form {
  /* Main success message */
}
.default-form .success {
  color: #0fca85;
  font-weight: 500;
  margin-bottom: 4px;
  font-size: 14px;
  animation: fadeIn 1s forwards;
  transition: 0.2s ease all;
}
.default-form .success-badge {
  display: none;
  background-color: #0fca85;
  color: white;
  line-height: 24px;
  border-radius: 5px;
  padding: 8px;
  text-align: center;
  animation: fadeIn 1s forwards;
}
.default-form {
  /* All form buttons */
}
.default-form .formBtn {
  /* Classic submit buttons */
}
.default-form .formBtn .btn {
  display: inline-block;
  padding: 10px 25px;
  background: none;
  border: 2px solid #c0c0c0;
  border-radius: 4px;
  color: #666;
  font-size: 0.9em;
  outline: none;
  transition: all 100ms ease-out;
  box-shadow: 0 2px 3px -2px #9098a9;
}
.default-form .formBtn .btn:hover, .default-form .formBtn .btn:focus {
  transform: translateY(-3px);
}
.default-form .formBtn .btn {
  /* Styles */
}
.default-form .formBtn .btn-confirm {
  border-color: #2962ff;
  background: #2962ff;
  color: #fff;
}
.default-form .formBtn .btn-pay {
  border-color: #2962ff;
  background: transparent;
  color: #2962ff;
}
.default-form .formBtn .btn-pay:hover, .default-form .formBtn .btn-pay:focus, .default-form .formBtn .btn-pay.current {
  transform: none;
  background: #272532;
  border-color: #272532;
  color: white;
}
.default-form .formBtn {
  /* Auth/Sign button styles */
}
.default-form .formBtn .btn-cc {
  color: #35414c;
  background-color: #fff;
  background-size: 18px;
  background-position: 16px;
  background-repeat: no-repeat;
  border: 2px solid #dce0e3;
  display: block;
  border-radius: 44px;
  font-weight: 600;
  font-size: 14px;
  width: 260px;
  line-height: 38px;
  margin: 5px auto;
  outline: 0;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.default-form .formBtn .btn-cc:hover {
  background-color: #dce0e3;
  text-decoration: none;
}
.default-form .formBtn .btn-cc {
  /* Dark circle loader */
}
.default-form .formBtn .btn-cc .circle-loader.mini {
  border-color: white;
  border-top-color: #272532;
}
.default-form .formBtn .btn-cc.signin {
  background-color: #e7ecf0;
  border-color: #e7ecf0;
}
.default-form .formBtn .btn-cc.signin:hover {
  border-color: #dce0e3;
  background-color: #dce0e3;
}
.default-form {
  /* Attach the file input */
}
.default-form .attachInput {
  overflow: hidden;
}
.default-form .attachInput input[type=file] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.default-form .attachInput label {
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  transition: 0.2s ease color;
}
.default-form .attachInput label:hover {
  color: #2962ff;
}
.default-form .attachInput label .icon {
  transition: 0.2s ease transform;
}
.default-form .attachInput label:hover .icon {
  transform: translateY(-2px);
}
.default-form .attachInput .attachInfo {
  font-size: 12.5px;
  opacity: 0.6;
}
.default-form .attachInput span {
  background-color: #2962ff;
  color: white;
  border-radius: 8px;
  padding: 3px 7px;
  font-size: 12px;
  opacity: 0;
  transition: 0.2s ease all;
  cursor: pointer;
}
.default-form .attachInput span:hover {
  background-color: #272532;
}

/* .login-form {
	input,
	select,
	textarea {
		padding: 10px 16px;
		outline: none;
		border: 2px solid #ddd;
		font-size: 14px;
		// border-radius: 0;
		// padding-left:0;
		width: 100%;

		// min-width:300px;

		@include defEasing;
		&::placeholder {
			opacity: 0.7;
		}
		&:hover,
		&:focus {
			opacity: 1;
			border: 2px solid $mColor1;
		}
		&[aria-invalid=true] {
			border-color: #ff4848;
		}
		&:optional:focus,
		&:optional:hover {
			border-color: gray;
		}
		 		&:required:valid {
			border-color: rgb(29, 226, 29);
		} 
	}

	.errors {
		color: #ff4848;
	}
} */
/* Tooltip Styles */
.tooltip-position-left:hover::before {
  margin-bottom: 0;
  transform: translate(0, 0%);
  left: 0;
  right: auto;
  top: auto;
  content: attr(data-tooltip);
  margin-right: 15px;
}

[data-tooltip-bottom]:hover,
[data-tooltip-left]:hover,
[data-tooltip-right]:hover,
[data-tooltip]:hover {
  position: relative;
  z-index: 15;
}

[data-tooltip-bottom]:hover::after,
[data-tooltip-left]:hover::after,
[data-tooltip-right]:hover::after,
[data-tooltip]:hover::after {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1a1a1a;
  position: absolute;
  bottom: 100%;
  content: "";
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 5px;
  z-index: 10;
}

[data-tooltip-right]:hover::after {
  margin-bottom: 0;
  bottom: auto;
  transform: rotate(90deg) translate(0, -50%);
  left: 100%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}

[data-tooltip-left]:hover::after {
  margin-bottom: 0;
  bottom: auto;
  transform: rotate(-90deg) translate(0, -50%);
  left: auto;
  right: 100%;
  top: 50%;
  margin-right: -5px;
  margin-top: -5px;
}

[data-tooltip-bottom]:hover::after {
  margin-bottom: 0;
  bottom: auto;
  transform: rotate(180deg) translate(-50%, 0);
  top: 100%;
  margin-left: -20px;
  margin-top: 5px;
}

[data-tooltip-bottom]:hover::before,
[data-tooltip-left]:hover::before,
[data-tooltip-right]:hover::before,
[data-tooltip]:hover::before {
  font-size: 13px;
  display: inline-block;
  border-radius: 5px;
  padding: 10px;
  background-color: #1a1a1a;
  content: attr(data-tooltip);
  color: #f9f9f9;
  position: absolute;
  bottom: 100%;
  width: 140px;
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 15px;
  text-align: center;
  font-weight: 500;
}

[data-tooltip-right]:hover::before {
  margin-bottom: 0;
  bottom: auto;
  transform: translate(0, -50%);
  left: 100%;
  top: 50%;
  content: attr(data-tooltip-right);
  margin-left: 15px;
}

[data-tooltip-left]:hover::before {
  margin-bottom: 0;
  bottom: auto;
  transform: translate(0, -50%);
  left: auto;
  right: 100%;
  top: 50%;
  content: attr(data-tooltip-left);
  margin-right: 15px;
}

[data-tooltip-bottom]:hover::before {
  margin-bottom: 0;
  bottom: auto;
  top: 100%;
  content: attr(data-tooltip-bottom);
  margin-top: 15px;
}

/* Stylization for tables */
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

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

.table-bordered {
  border: 1px solid #e8ebee;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e8ebee;
}

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

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

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

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

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

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

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

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

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

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

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

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

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

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

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

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

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

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

.table-hover .table-info:hover {
  background-color: #abdde5;
}

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

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

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

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

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

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

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

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

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

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

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

.table-hover .table-light:hover {
  background-color: #ececf6;
}

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

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

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

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

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

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

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

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

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

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

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

/* Stylized Checkboxes */
.cbx {
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.cbx.min span {
  font-size: 0.8rem;
}
.cbx.min span:first-child {
  width: 15px;
  height: 15px;
}
.cbx.min span:first-child svg {
  top: 2px;
  left: 1px;
}
.cbx.mid span {
  font-size: 0.9rem;
}
.cbx.mid span:first-child {
  width: 18px;
  height: 18px;
}
.cbx.mid span:first-child svg {
  top: 3px;
  left: 2px;
}

.cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.cbx span:first-child {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  transform: scale(1);
  vertical-align: middle;
  border: 2px solid #b9b8c3;
  transition: all 0.2s ease;
}

.cbx span:first-child svg {
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 4px;
  fill: none;
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #3c53c7;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition-delay: 0.2s;
}

.cbx:hover span:first-child {
  border-color: #3c53c7;
}

.inp-cbx {
  display: inline-block !important;
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  z-index: -1 !important;
  position: absolute !important;
}

.inp-cbx:checked + .cbx span:first-child {
  border-color: #3c53c7;
  background: #3c53c7;
  animation: check 0.6s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}

/* Range Slider */
.range-slider {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  height: 6em;
}
.range-slider svg,
.range-slider input[type=range] {
  position: absolute;
  left: 0;
  bottom: 0;
}
.range-slider input[type=number] {
  text-align: center;
}
.range-slider input[type=number]:invalid,
.range-slider input[type=number]:out-of-range {
  border: 2px solid #ff6347;
}
.range-slider input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  border: 0;
  background: #dadada;
}
.range-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
}
.range-slider input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 2px solid #3c53c7;
  height: 22px;
  width: 22px;
  border-radius: 25px;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
  -webkit-transition: 0.2s background-color ease;
  transition: 0.2s background-color ease;
}
.range-slider input[type=range]::-webkit-slider-thumb:hover {
  background-color: #3c53c7;
}

/* CSS Circle Loader (uses for mini-cart and other elements) */
.circle-loader {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  animation: ring-loader 1s linear infinite;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.5);
  border-top-color: #4e73df;
  /* Static - non overlay */
}
.circle-loader.static-loader {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: 0;
}
.circle-loader.mini {
  top: 3px;
  left: -5px;
  display: inline-block;
  width: 15px;
  height: 15px;
  border-width: 2px;
  border-top-color: white;
}
.circle-loader.mini.replaced {
  top: 0;
  left: 0;
  vertical-align: middle;
}
.circle-loader.mini.dark {
  border-color: rgba(0, 0, 0, 0.5);
  border-top-color: black;
}
.circle-loader.mini.primary {
  border-color: #4e73df;
  border-top-color: white;
}
.circle-loader.mini.special {
  border-color: white;
  border-top-color: #272532;
}

/* Special classes */
hr {
  border: 1px solid #e4e4e4;
  width: 100%;
  margin-bottom: 20px;
}

.v-hr {
  border: 1px solid #dce0e3;
  border-radius: 2px;
  flex-grow: 0;
}

.h-hr {
  border: 1px solid #e4e4e4;
  width: 100%;
  margin-bottom: 20px;
}

.vertical-center {
  height: 100%;
  width: 100%;
  text-align: center;
  /* align the inline(-block) elements horizontally */
}

.vertical-center:before {
  /* create a full-height inline block pseudo=element */
  content: " ";
  display: inline-block;
  vertical-align: middle;
  /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center > .container {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  /* vertical alignment of the inline element */
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* Shadow classes */
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
}

.shadow {
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

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

.shadow-xl {
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.135) !important;
}

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

.shadow-inset {
  box-shadow: inset 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

.shadow-back {
  box-shadow: -1.25rem 1.25rem 0 0 rgba(206, 210, 218, 0.5) !important;
}

.card-secured {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: bolder;
  opacity: 0.4;
}

/* Pricing anywhere */
.price_w_discount {
  font-size: 2.4rem;
  font-weight: bold;
}
.price_w_discount sup {
  font-size: 1.5rem;
}
.price_w_discount s {
  font-weight: initial;
  font-size: 1.5rem;
  opacity: 0.4;
  vertical-align: top;
  padding: 3px;
}
.price_w_discount small {
  font-size: 1.2rem;
  opacity: 0.4;
  vertical-align: middle;
}

/* Card white box */
.card {
  box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 35px;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 0.35rem;
}
.card.deselected {
  opacity: 0.5;
  box-shadow: none;
}
.card.deselected .icon, .card.deselected img {
  transition: 0.3s ease all;
  filter: grayscale(1);
}
.card.deselected:hover {
  opacity: 1;
  box-shadow: 0 0.18rem 2.5rem rgba(0, 0, 0, 0.125) !important;
}
.card.deselected:hover .icon, .card.deselected:hover img {
  filter: none;
}
.card.card-noshadow {
  box-shadow: none !important;
}
.card.stretch {
  width: 100%;
  height: 100%;
}
.card.lift, .card.fill {
  text-decoration: none;
  color: inherit;
}
.card.back-blur {
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.card.back-blur-2 {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}
.card.back-blur-3 {
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}
.card.back-blur-4 {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.card.back-blur-5 {
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Animation lift for the Card class */
.lift {
  box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.lift:hover {
  transform: translateY(-0.3333333333rem);
  box-shadow: 0 0.5rem 2rem 0 rgba(33, 40, 50, 0.25);
}
.lift:not(.unpress):active {
  transform: none;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(33, 40, 50, 0.15);
}
.lift-sm {
  box-shadow: 0 0.125rem 0.25rem 0 rgba(33, 40, 50, 0.2);
}
.lift-sm:hover {
  transform: translateY(-0.1666666667rem);
  box-shadow: 0 0.25rem 1rem 0 rgba(33, 40, 50, 0.25);
}
.lift-sm:not(.unpress):active {
  transform: none;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(33, 40, 50, 0.2);
}

/* Animation full fill to color for the Card class */
.fill {
  transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.fill:hover {
  color: white;
  background-color: #4e73df;
}
.fill:hover .icon-stack {
  background-color: white !important;
}
.fill:hover .icon-stack > div {
  color: black !important;
}
.fill:hover p {
  color: white !important;
}

/* Subscribe box in bottom */
.subscribe {
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 35px;
}
.subscribe select,
.subscribe input,
.subscribe button {
  font-weight: bold;
  font-size: 14px;
  padding: 4px;
  margin: 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: white;
  width: 100%;
  height: 45px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-overflow: ellipsis;
  border-bottom: 2px solid white;
}
.subscribe select::-ms-expand {
  display: none;
}
.subscribe input::-moz-placeholder {
  opacity: 0.5;
}
.subscribe input::placeholder {
  opacity: 0.5;
}
.subscribe svg {
  transition: all 150ms ease;
  position: absolute;
  right: 10px;
  top: 30px;
  width: 10px;
  height: 6px;
  stroke-width: 2px;
  stroke: #ffffff;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.subscribe button {
  border: 2px solid white;
  cursor: pointer;
  transition: 0.2s ease all;
}
.subscribe button:hover {
  background: white;
  color: black;
}
.subscribe .desc {
  font-size: 12px;
  opacity: 0.5;
}
.subscribe-title {
  font-weight: bold;
}
.subscribe-title span {
  color: #FFDD00;
}
.subscribe-dark {
  padding: 40px;
}
.subscribe-dark button {
  border: 2px solid black;
}
.subscribe-dark button:hover {
  background: black;
  color: white;
}
.subscribe-dark select,
.subscribe-dark input,
.subscribe-dark button {
  color: black;
  border-bottom: 2px solid black;
}
.subscribe-dark-title {
  font-weight: bold;
}
.subscribe-dark-title span {
  color: #4e73df;
}

.animateElementLifting {
  animation: attrach-lifting 1.2s infinite alternate;
}

/* Outer padding from top page (for section classes) */
.outer-padding {
  padding-top: 110px;
}

/* Hide Main Menu on Mobile */
@media (max-width: 991px) {
  header.head-menu nav#menu > ul {
    display: none;
  }
  header.head-menu nav#menu > ul > li.cart-btn > .menu-dropdown {
    display: none;
  }
  header.head-menu nav#menu > ul > li.sign-btn:hover > .menu-dropdown {
    left: 80% !important;
  }
  header.head-menu nav#menu > ul {
    -ms-box-shadow: 0px 0px 36px -10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 36px -10px rgba(0, 0, 0, 0.25);
  }
}
/* Hide Mobile Switcher on PC */
@media (min-width: 992px) {
  /* Hide mobile hamburger icon on PC */
  header.head-menu .menu-icon {
    display: none;
  }
  /* Stay mobile close even if new resolution after mobile to close small menu */
  header.head-menu .menu-btn:checked ~ .menu-icon {
    display: block;
  }
}
header.head-menu {
  z-index: 100;
  width: 100%;
  padding: 15px 0 15px 0;
  background: transparent;
  transition: 0.4s ease all;
  position: absolute;
  /* Main Logo (left side) */
}
header.head-menu .logo {
  width: 185px;
  height: 30px;
  background: url("/img/brand/logo_mf_dark.svg");
  /* background-position-y: 0; */
  background-size: contain;
  /* Hovering */
}
header.head-menu {
  /* MOBILE ICON HAMBURGER */
  /* Hide checkbox input */
}
header.head-menu .menu-btn {
  display: none;
}
header.head-menu {
  /* Default hambuger icon for mobile */
}
header.head-menu .menu-icon {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
header.head-menu .menu-icon .top {
  stroke-dasharray: 40 82;
}
header.head-menu .menu-icon .middle {
  stroke-dasharray: 40 111;
}
header.head-menu .menu-icon .bottom {
  stroke-dasharray: 40 161;
}
header.head-menu .menu-icon .line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: #000;
  stroke-width: 5.5;
  stroke-linecap: round;
}
header.head-menu {
  /* Click handle to mobile hamburger */
}
header.head-menu .menu-btn:checked ~ #menu > ul {
  display: block;
  position: absolute;
  padding: 10px;
  left: 0;
  top: 75px;
  width: 100%;
  background: white;
}
header.head-menu .menu-btn:checked ~ #menu > ul > li {
  padding: 12px;
  width: 100%;
}
header.head-menu .menu-btn:checked ~ #menu > ul > li div.menu-dropdown {
  min-width: 100% !important;
}
header.head-menu .menu-btn:checked ~ #menu > ul > li.sign-btn, header.head-menu .menu-btn:checked ~ #menu > ul > li.cart-btn {
  width: auto;
}
header.head-menu {
  /* Change icon hamburger animation to close */
}
header.head-menu .menu-btn:checked ~ .menu-icon {
  transform: rotate(45deg);
}
header.head-menu .menu-btn:checked ~ .menu-icon .top {
  stroke-dasharray: 17 82;
  stroke-dashoffset: -62px;
}
header.head-menu .menu-btn:checked ~ .menu-icon .middle {
  stroke-dashoffset: 23px;
}
header.head-menu .menu-btn:checked ~ .menu-icon .bottom {
  stroke-dashoffset: -83px;
}
header.head-menu {
  /* MAIN MENU NEW */
}
header.head-menu nav#menu {
  max-height: auto;
  transition: 0.4s all ease;
}
header.head-menu nav#menu svg {
  transition: all 250ms ease;
  position: relative;
  width: 10px;
  height: 7px;
  stroke-width: 2px;
  stroke: #9098a9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
header.head-menu nav#menu ul.section-links {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
header.head-menu nav#menu ul.section-links li {
  padding-left: 18px;
  display: block;
}
header.head-menu nav#menu ul.section-links li a {
  font-weight: 300;
  font-size: 0.9rem;
  text-decoration: none;
}
header.head-menu nav#menu ul.section-links > li.title-section {
  text-transform: uppercase;
  color: #7f92ac;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
}
header.head-menu nav#menu ul.menu-footer {
  background-color: #eef3fd;
  border-radius: 0 0 6px 6px;
  font-weight: 500;
  text-align: center;
  padding: 14px;
}
header.head-menu nav#menu ul.menu-footer li {
  margin: 3px;
  display: inline-block;
}
header.head-menu nav#menu ul.menu-footer li a {
  color: #4e73df;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
header.head-menu nav#menu ul.menu-footer li a:hover {
  color: black;
}
header.head-menu nav#menu {
  /* Main Links Nav */
}
header.head-menu nav#menu > ul {
  margin: 0;
  padding: 0;
}
header.head-menu nav#menu > ul > li {
  display: inline-block;
  font-weight: 500;
  position: relative;
  padding: 9px;
  padding-left: 5px;
  padding-right: 5px;
}
header.head-menu nav#menu > ul > li .menu-dropdown {
  background: white;
  z-index: 1110;
  position: absolute;
  border-radius: 6px;
  opacity: 0;
  visibility: hidden;
  /* Fixed for IE11 */
  top: 120%;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
  /* Shadow for back */
}
header.head-menu nav#menu > ul > li .menu-dropdown:after {
  content: "";
  width: 100%;
  height: calc(100% - 0px);
  top: 15px;
  top: 0;
  box-shadow: 0 12px 60px rgba(14, 32, 66, 0.15), 0 1px 2px rgba(14, 32, 66, 0.05);
  position: absolute;
  z-index: -1;
  border-radius: 6px;
}
header.head-menu nav#menu > ul > li:hover > .menu-dropdown,
header.head-menu nav#menu > ul > li .menu-dropdown.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: 100%;
}
header.head-menu nav#menu > ul > li:hover svg {
  transform: rotateZ(90deg);
}
header.head-menu nav#menu > ul > li.current {
  background: rgba(10, 93, 126, 0.07);
  border-radius: 5px;
}
header.head-menu nav#menu > ul > li > a {
  text-decoration: none;
  color: black;
  padding: 10px;
  position: relative;
}
header.head-menu nav#menu > ul > li span.count {
  background-color: white;
  color: black;
  font-size: 11px;
  padding: 0 2px;
  text-align: center;
  width: 22px;
  border-radius: 50px;
  font-weight: 700;
  position: absolute;
  border: 2px solid #1d1c1c;
  top: -9px;
}
header.head-menu nav#menu > ul > li {
  /* Sign In Button Style */
}
header.head-menu nav#menu > ul > li.sign-btn > a {
  color: white;
  background: #007bff;
  border: 2px solid transparent;
  border-radius: 30px;
  transition: 0.2s ease all;
  padding: 6px 14px;
  margin: 0;
  font-weight: 500;
}
header.head-menu nav#menu > ul > li.sign-btn > a.logged {
  background-color: transparent;
  border-color: black;
  color: black;
  text-align: right;
}
header.head-menu nav#menu > ul > li.sign-btn > a:hover {
  color: black;
  background: none;
  border-color: black;
  text-decoration: none;
}
header.head-menu nav#menu > ul > li.sign-btn.author-access-hover-position .menu-dropdown, header.head-menu nav#menu > ul > li.sign-btn.author-access-hover-position .menu-dropdown.active {
  left: 80%;
  transform: translateX(-80%);
}
header.head-menu nav#menu > ul > li.sign-btn .m-place-author {
  border-left: 2px solid #eef3fd;
}
header.head-menu nav#menu > ul > li {
  /* Cart Button Style */
}
header.head-menu nav#menu > ul > li.cart-btn {
  /* Hide cart btn if added this class (pages outside market/atomx) */
}
header.head-menu nav#menu > ul > li.cart-btn.hidden {
  display: none;
}
header.head-menu nav#menu > ul > li.cart-btn {
  /* Add class to animate when clicked to Add to cart */
}
header.head-menu nav#menu > ul > li.cart-btn.added-animate {
  animation: splash 0.6s ease;
}
header.head-menu nav#menu > ul > li.cart-btn.added-animate > a {
  animation: done-item-mini-cart 1.1s ease;
}
header.head-menu nav#menu > ul > li.cart-btn .menu-dropdown, header.head-menu nav#menu > ul > li.cart-btn .menu-dropdown.active {
  left: 100%;
  transform: translateX(-100%);
}
header.head-menu nav#menu > ul > li.cart-btn {
  /* Button cart link */
}
header.head-menu nav#menu > ul > li.cart-btn > a {
  padding: 6px 14px;
  margin: 0;
  color: white;
  background: #333333;
  border: 2px solid transparent;
  border-radius: 30px;
  transition: 0.2s ease all;
  position: relative;
}
header.head-menu nav#menu {
  /* Double Items Grid for Market Categories */
}
header.head-menu nav#menu ul.dropdown-links {
  padding: 8px;
}
header.head-menu nav#menu ul.dropdown-links li {
  display: inline-block;
  /* Default width for classic menu ULs */
  width: 290px;
  max-width: 100%;
}
header.head-menu nav#menu ul.dropdown-links li a {
  display: flex;
  align-items: center;
  top: 0;
  position: relative;
  transition: 0.2s ease all;
  text-decoration: none;
}
header.head-menu nav#menu ul.dropdown-links li a > span {
  margin-left: 6px;
}
header.head-menu nav#menu ul.dropdown-links li a .title {
  color: #4e73df;
  transition: all 0.2s ease-in-out;
  /* Badge */
}
header.head-menu nav#menu ul.dropdown-links li a .title > strong {
  font-weight: 900;
  font-size: 11px;
  padding: 2px 8px;
  margin-left: 4px;
  color: white;
  text-transform: uppercase;
  background-color: #4e73df;
  font-weight: 500;
  letter-spacing: 1px;
  border-radius: 15px;
  transition: all 0.2s ease-in-out;
}
header.head-menu nav#menu ul.dropdown-links li a .description {
  font-weight: 300;
  font-size: 0.9rem;
  color: #6b7c93;
}
header.head-menu nav#menu ul.dropdown-links li a:hover .title {
  color: black;
}
header.head-menu nav#menu ul.dropdown-links li a:hover strong {
  background: black;
}
header.head-menu nav#menu ul.dropdown-links {
  /* User menu list */
}
header.head-menu nav#menu ul.dropdown-links-user li {
  width: auto;
  display: block;
  max-width: 100%;
}
header.head-menu nav#menu ul.dropdown-links-user li span.notified-link {
  font-size: 11px;
  padding: 3px;
  border-radius: 50px;
  background: #ff4848;
  animation: attrach infinite alternate-reverse 0.5s;
  right: 0;
}
header.head-menu nav#menu ul.dropdown-links-user li.become-author {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px solid #eef3fd;
}
header.head-menu nav#menu ul.dropdown-links-user li.admin-zone {
  padding: 3px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
header.head-menu nav#menu ul.dropdown-links-user li.author-stats {
  padding: 6px 10px;
  display: flex;
  font-size: 0.9rem;
  color: #7f92ac;
}
header.head-menu nav#menu ul.dropdown-links-user li.author-stats .currency {
  font-weight: 600;
  color: #4e73df;
}
header.head-menu nav#menu ul.dropdown-links-user li a {
  width: 100%;
  border-radius: 10px;
  padding: 6px 10px;
  color: #4e73df;
}
header.head-menu nav#menu ul.dropdown-links-user li a i {
  margin-right: 4px;
  transition: 0.2s ease margin-right;
}
header.head-menu nav#menu ul.dropdown-links-user li a:hover {
  color: black;
  background: #eef3fd;
}
header.head-menu nav#menu ul.dropdown-links-user li a:hover i {
  margin-right: 7px;
}
header.head-menu nav#menu ul.dropdown-links {
  /* Simple menu list */
}
header.head-menu nav#menu ul.dropdown-links-list li {
  padding: 6px;
}
header.head-menu nav#menu ul.dropdown-links-list li a > span {
  margin-left: 8px;
}
header.head-menu nav#menu ul.dropdown-links {
  /* Grid marketpalce categories in menu */
}
header.head-menu nav#menu ul.dropdown-links-items li a {
  padding: 12px;
  border-radius: 10px;
}
header.head-menu nav#menu ul.dropdown-links-items li a .icon {
  min-width: 40px;
  min-height: 40px;
}
header.head-menu nav#menu ul.dropdown-links-items li a .title {
  color: black;
}
header.head-menu nav#menu ul.dropdown-links-items li a:hover {
  background: #eef3fd;
}
header.head-menu nav#menu ul.dropdown-links-items li a:hover .title {
  color: #4e73df;
}
header.head-menu {
  /* MENU STYLES */
}
header.head-menu.menu-fixed {
  position: fixed;
}
header.head-menu.menu-default {
  background: white;
  position: relative;
}
header.head-menu.menu-white .logo {
  background: url("/img/brand/logo_mf_white.svg");
}
header.head-menu.menu-white .menu-icon .line {
  stroke: white;
}
header.head-menu.menu-white nav#menu li.current {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 5px;
}
header.head-menu.menu-white {
  /* on Mobile */
}
@media (max-width: 991px) {
  header.head-menu.menu-white nav#menu > ul > li > a {
    color: black;
  }
  header.head-menu.menu-white nav#menu > ul > li.current {
    background: rgba(10, 93, 126, 0.07);
    border-radius: 5px;
  }
  header.head-menu.menu-white nav#menu > ul > li.sign-btn > a {
    color: white;
    background: #007bff;
    border: 2px solid transparent;
    border-radius: 30px;
    transition: 0.2s ease all;
    padding: 6px 14px;
    margin: 0;
    font-weight: 500;
  }
  header.head-menu.menu-white nav#menu > ul > li.sign-btn > a.logged {
    background-color: transparent;
    border-color: black;
    color: black;
    text-align: right;
  }
  header.head-menu.menu-white nav#menu > ul > li.sign-btn > a:hover {
    color: black;
    background: none;
    border-color: black;
    text-decoration: none;
  }
  header.head-menu.menu-white nav#menu > ul > li.cart-btn > a {
    padding: 6px 14px;
    margin: 0;
    color: white;
    background: #333333;
    border: 2px solid transparent;
    border-radius: 30px;
    transition: 0.2s ease all;
    position: relative;
  }
}
header.head-menu.menu-white {
  /* on PC */
}
@media (min-width: 992px) {
  header.head-menu.menu-white nav#menu > ul > li > a {
    color: white;
  }
  header.head-menu.menu-white nav#menu > ul > li.sign-btn > a.logged {
    border-color: white;
    color: white;
  }
  header.head-menu.menu-white nav#menu > ul > li.sign-btn > a:hover {
    color: white;
    border-color: white;
  }
  header.head-menu.menu-white nav#menu > ul > li.cart-btn > a {
    background: white;
    color: black;
  }
  header.head-menu.menu-white .menu-btn:checked ~ nav#menu > ul > li > a {
    color: black;
  }
  header.head-menu.menu-white .menu-btn:checked ~ nav#menu > ul > li.current {
    background: rgba(10, 93, 126, 0.07);
    border-radius: 5px;
  }
  header.head-menu.menu-white .menu-btn:checked ~ nav#menu > ul > li.sign-btn > a {
    color: white;
    background: #007bff;
    border: 2px solid transparent;
    border-radius: 30px;
    transition: 0.2s ease all;
    padding: 6px 14px;
    margin: 0;
    font-weight: 500;
  }
  header.head-menu.menu-white .menu-btn:checked ~ nav#menu > ul > li.sign-btn > a.logged {
    background-color: transparent;
    border-color: black;
    color: black;
    text-align: right;
  }
  header.head-menu.menu-white .menu-btn:checked ~ nav#menu > ul > li.sign-btn > a:hover {
    color: black;
    background: none;
    border-color: black;
    text-decoration: none;
  }
  header.head-menu.menu-white .menu-btn:checked ~ nav#menu > ul > li.cart-btn > a {
    padding: 6px 14px;
    margin: 0;
    color: white;
    background: #333333;
    border: 2px solid transparent;
    border-radius: 30px;
    transition: 0.2s ease all;
    position: relative;
  }
}
header.head-menu {
  /* Add shadow for menu when scrolling mouse from top (realized via JS) */
}
header.head-menu.menu--scroll {
  background: white;
  -ms-box-shadow: 0px 0px 36px -10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 36px -10px rgba(0, 0, 0, 0.25);
}
header.head-menu.menu--scroll .logo {
  width: 185px;
  height: 30px;
  background: url("/img/brand/logo_mf_dark.svg");
  /* background-position-y: 0; */
  background-size: contain;
}
header.head-menu.menu--scroll .menu-icon .line {
  stroke: black;
}
header.head-menu.menu--scroll nav#menu > ul > li > a {
  color: black;
}
header.head-menu.menu--scroll nav#menu > ul > li.current {
  background: rgba(10, 93, 126, 0.07);
  border-radius: 5px;
}
header.head-menu.menu--scroll nav#menu > ul > li.sign-btn > a {
  color: white;
  background: #007bff;
  border: 2px solid transparent;
  border-radius: 30px;
  transition: 0.2s ease all;
  padding: 6px 14px;
  margin: 0;
  font-weight: 500;
}
header.head-menu.menu--scroll nav#menu > ul > li.sign-btn > a.logged {
  background-color: transparent;
  border-color: black;
  color: black;
  text-align: right;
}
header.head-menu.menu--scroll nav#menu > ul > li.sign-btn > a:hover {
  color: black;
  background: none;
  border-color: black;
  text-decoration: none;
}
header.head-menu.menu--scroll nav#menu > ul > li.cart-btn > a {
  padding: 6px 14px;
  margin: 0;
  color: white;
  background: #333333;
  border: 2px solid transparent;
  border-radius: 30px;
  transition: 0.2s ease all;
  position: relative;
}

/* Premaded big elements (search blocks, button blocks, form blocks) */
/* Search elements on different pages */
.search-block {
  /* Search input in Help Center */
}
.search-block.in-help-center {
  display: flex;
  margin-top: 4px;
  position: relative;
}
.search-block.in-help-center.none-opacity input,
.search-block.in-help-center.none-opacity button {
  opacity: 1;
}
.search-block.in-help-center.big-field input {
  border-color: #4e73df;
}
.search-block.in-help-center.big-field button {
  color: #4e73df;
}
.search-block.in-help-center:hover input, .search-block.in-help-center:hover button {
  opacity: 1;
}
.search-block.in-help-center input:focus {
  border-color: #4e73df;
  color: #4e73df;
}
.search-block.in-help-center input {
  padding: 10px 16px;
  outline: none;
  border: 2px solid #a9b0b9;
  width: 100%;
  min-width: 260px;
  opacity: 0.7;
  padding-right: 40px;
  transition: 0.2s ease opacity;
}
.search-block.in-help-center input:hover, .search-block.in-help-center input:focus {
  opacity: 1;
}
.search-block.in-help-center button {
  opacity: 0.7;
  color: #a9b0b9;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  cursor: pointer;
  transition: 0.2s ease all;
}
.search-block.in-help-center button:hover {
  color: white;
  background: #4e73df;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.search-block {
  /* Search input in marketplace categories (right side box) */
}
.search-block.in-categories {
  display: flex;
  margin-top: 4px;
  opacity: 0.7;
}
.search-block.in-categories:hover input, .search-block.in-categories:hover button {
  opacity: 1;
}
.search-block.in-categories input {
  padding: 10px 16px;
  outline: none;
  border: 1px solid #272532;
  width: 100%;
  min-width: 200px;
  opacity: 0.7;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  transition: 0.2s ease opacity;
}
.search-block.in-categories input:hover, .search-block.in-categories input:focus {
  opacity: 1;
}
.search-block.in-categories button {
  opacity: 0.7;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: white;
  background: #272532;
  width: 45px;
  cursor: pointer;
  transition: 0.2s ease opacity;
}
.search-block.in-blogs {
  display: flex;
  margin-top: 4px;
  position: relative;
}
.search-block.in-blogs.none-opacity input,
.search-block.in-blogs.none-opacity button {
  opacity: 1;
}
.search-block.in-blogs.big-field input {
  border-color: #4e73df;
}
.search-block.in-blogs.big-field button {
  color: #4e73df;
}
.search-block.in-blogs:hover input, .search-block.in-blogs:hover button {
  opacity: 1;
  border-color: #4e73df;
  color: #4e73df;
}
.search-block.in-blogs input:focus {
  border-color: #4e73df;
  color: #4e73df;
}
.search-block.in-blogs input {
  padding: 10px 16px;
  outline: none;
  border: 1px solid #a9b0b9;
  width: 100%;
  border-radius: 5px;
  min-width: 260px;
  padding-right: 40px;
  transition: 0.2s ease all;
}
.search-block.in-blogs input:hover, .search-block.in-blogs input:focus {
  opacity: 1;
}
.search-block.in-blogs input {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.search-block.in-blogs button {
  color: #a9b0b9;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  cursor: pointer;
  transition: 0.2s ease all;
}
.search-block.in-blogs button:hover {
  color: white;
  background: #4e73df;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.search-block {
  /* Search on the main marketplace page */
}
.search-block.market-header {
  max-width: 750px;
  margin: 0 auto;
}
.search-block.market-header .main-search {
  display: flex;
  transition: 0.2s ease all;
}
.search-block.market-header .main-search:hover {
  box-shadow: 0px 0px 28px -2px rgba(255, 255, 255, 0.7);
}
.search-block.market-header .main-search input {
  padding: 15px 22px;
  width: 100%;
  text-overflow: ellipsis;
  border-radius: 0;
  border: 1px solid #ffffff;
}
.search-block.market-header .main-search .input-group {
  position: relative;
}
.search-block.market-header .main-search .input-group svg {
  transition: all 150ms ease;
  position: absolute;
  right: 12px;
  top: calc(50% - 3px);
  width: 10px;
  height: 6px;
  stroke-width: 2px;
  stroke: #9098a9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.search-block.market-header .main-search .input-group svg.custom {
  width: 16px;
  height: 16px;
  stroke-width: 0;
  fill: #9098a9;
  top: 14px;
}
.search-block.market-header .main-search .input-group select {
  padding: 15px 22px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 100%;
  min-width: 160px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  text-overflow: ellipsis;
  /* add ... if text can't fill in select */
  border: 1px solid #ffffff;
}
.search-block.market-header .main-search {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.search-block.market-header .main-search button {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #4e73df;
  background-color: white;
  width: 90px;
  cursor: pointer;
  transition: 0.2s ease background-color, 0.2s ease color;
}
.search-block.market-header .main-search button:hover {
  background-color: #4e73df;
  color: white;
}
.search-block.market-header .search-tip {
  font-size: 14px;
  color: #afafaf;
  padding: 5px;
  display: block;
}
.search-block.market-header .search-tip a {
  font-weight: 500;
  color: rgb(223, 223, 223);
  text-decoration: underline;
}
.search-block.market-header .search-tip a:hover {
  text-decoration: none;
}
.search-block {
  /* Search on the main marketplace page */
}
.search-block.tutorials-header {
  max-width: 750px;
  margin: 0 auto;
}
.search-block.tutorials-header .main-search {
  display: flex;
  transition: 0.2s ease all;
}
.search-block.tutorials-header .main-search:hover {
  box-shadow: 0px 0px 28px -2px rgba(255, 255, 255, 0.7);
}
.search-block.tutorials-header .main-search input {
  padding: 15px 22px;
  width: 100%;
  min-width: 200px;
  border-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #ffffff;
}
.search-block.tutorials-header .main-search {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.search-block.tutorials-header .main-search button {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #4e73df;
  background-color: white;
  width: 70px;
  cursor: pointer;
  transition: 0.2s ease background-color, 0.2s ease color;
}
.search-block.tutorials-header .main-search button:hover {
  background-color: #4e73df;
  color: white;
}

/* If input with live-search - show this list */
.live-search-list {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 1;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.live-search-list ul {
  list-style: none;
  padding: 0;
}
.live-search-list ul li {
  padding: 5px;
  border-bottom: 1px solid rgb(161, 161, 161);
}

/* Breadcrumb main class for Marketplace/help center and others */
ul.breadcrumb {
  padding: 15px 0;
  margin: 0;
  list-style: none;
  font-size: 14px;
}
ul.breadcrumb li {
  line-height: 22px;
  display: inline;
}
ul.breadcrumb li + li:before {
  padding: 8px;
  color: #aaaaaa;
  content: "/";
}
ul.breadcrumb.bc-1 {
  color: #919191;
  line-height: 11px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
ul.breadcrumb.bc-1 a {
  color: initial;
}
ul.breadcrumb.bc-1 li:last-child {
  display: none;
}
ul.breadcrumb.bc-blog {
  padding: 0;
  line-height: 11px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
ul.breadcrumb.bc-blog.bc-dark li {
  color: rgba(0, 0, 0, 0.5);
}
ul.breadcrumb.bc-blog.bc-dark li a {
  color: black;
}
ul.breadcrumb.bc-blog li:last-child {
  display: none;
}
ul.breadcrumb.bc-blog li + li:before {
  padding: 8px;
  color: #aaaaaa;
  content: ">";
}
ul.breadcrumb.bc-blog li a {
  color: white;
}
ul.breadcrumb.bc-blog li {
  color: rgba(255, 255, 255, 0.5);
}
ul.breadcrumb.bc-market {
  padding: 0;
  line-height: 11px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
ul.breadcrumb.bc-market.bc-white {
  color: #c2c2c2;
}
ul.breadcrumb.bc-market.bc-white a {
  color: white;
}
ul.breadcrumb.bc-market li:last-child {
  display: none;
}
ul.breadcrumb.bc-market li + li:before {
  padding: 8px;
  color: #aaaaaa;
  content: ">";
}

/* Navigation buttons */
nav.pagination {
  text-align: center;
}
nav.pagination ul {
  padding: 0;
  margin: 0;
}
nav.pagination li {
  display: inline-block;
  font-weight: 600;
  width: 35px;
  line-height: 35px;
  border: 1px solid grey;
  border-radius: 2px;
}
nav.pagination li svg {
  vertical-align: bottom;
}
nav.pagination li[aria-current=page], nav.pagination li[aria-disabled=true] {
  cursor: default;
  background-color: grey;
  opacity: 0.4;
}
nav.pagination li a {
  text-decoration: none;
  display: block;
  color: grey;
  transition: 0.2s ease all;
}
nav.pagination li a:hover {
  color: white;
  background-color: grey;
}
nav.pagination p.info {
  margin-top: 10px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  color: #a0a0a0;
}

ul.social-share {
  list-style: none;
  padding: 0;
}
ul.social-share li {
  color: white;
  padding: 12px 13px;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
  border-radius: 4px;
  margin: 3px;
}
ul.social-share li.facebook {
  background-color: #3B5998;
}
ul.social-share li.twitter {
  background-color: #55ACEE;
}
ul.social-share li.pinterest {
  background-color: #CB2027;
}
ul.social-share li:hover {
  cursor: pointer;
}
ul.social-share-small {
  margin: 0;
  padding: 10px;
  display: inline-block;
}
ul.social-share-small li {
  margin: 2px;
  padding: 6px 7px;
}

/* Main Modal Popup for Signin/contact us/etc... */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 150;
  /* Over main Menu (menu has 100 index */
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.75);
  /* Black w/ opacity */
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  justify-content: center;
  align-items: center;
  /* Modal Content */
}
.modal .modal-content {
  position: relative;
  max-height: 100%;
  width: 100%;
  padding: 0;
  max-width: 100vh;
  /* Was 700px */
  /* Better 100%, but for scrollable Ajax content like AtomX changes version was wrong with % */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.modal .modal-content.animate-top {
  -webkit-animation-name: animate-top;
  -webkit-animation-duration: 0.4s;
  animation-name: animate-top;
  animation-duration: 0.4s;
}
.modal .modal-content.animate-bottom {
  -webkit-animation-name: animate-bottom;
  -webkit-animation-duration: 0.4s;
  animation-name: animate-bottom;
  animation-duration: 0.4s;
}
.modal .modal-content.animate-sizeup {
  -webkit-animation-name: splash;
  -webkit-animation-duration: 0.4s;
  animation-name: splash;
  animation-duration: 0.4s;
}
.modal .modal-content img {
  width: auto;
}
.modal.youtube .modal-body {
  background-color: transparent;
}
.modal.youtube .modal-body iframe {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 510px;
  z-index: 100;
}
.modal.youtube .modal-content {
  box-shadow: none;
  max-width: 960px;
}
.modal.youtube .close {
  right: -10px;
  height: 35px;
  width: 35px;
}
.modal.youtube .close::before,
.modal.youtube .close::after {
  background-color: white;
  height: 35px;
  left: 15px;
  top: 0px;
}
.modal .modal-header {
  padding: 2px 16px;
  background-color: #4e73df;
  color: white;
  display: block;
  height: 25px;
}
.modal .modal-body {
  border-radius: 5px;
  padding: 26px;
  background-color: #ffffff;
}
.modal .modal-body > div {
  margin-top: 15px;
  margin-bottom: 10px;
}
.modal .modal-body > div::-webkit-scrollbar {
  width: 15px;
}
.modal .modal-body > div {
  scrollbar-width: thin;
  scrollbar-color: #90A4AE #e4eaec;
}
.modal .modal-body > div::-webkit-scrollbar-track {
  background: #e4eaec;
}
.modal .modal-body > div::-webkit-scrollbar-thumb {
  background-color: #90A4AE;
  border-radius: 6px;
  border: 3px solid #e4eaec;
}
.modal .modal-body > div::-webkit-scrollbar-thumb:hover {
  background-color: #83949c;
}
.modal .modal-body > div.scrollable {
  max-height: 50vh;
  overflow-y: auto;
}
.modal .modal-footer {
  padding: 2px 16px;
  background-color: #4e73df;
  color: white;
}
.modal {
  /* The Close Button */
}
.modal .close {
  position: absolute;
  right: 4px;
  top: 5px;
  width: 26px;
  height: 26px;
  opacity: 1;
  transition: 0.25s ease transform, 0.25s ease background-color;
  cursor: pointer;
  border-radius: 3px;
}
.modal .close:hover {
  transform: scale(0.8);
}
.modal .close:before, .modal .close:after {
  position: absolute;
  left: 12px;
  top: 2px;
  content: " ";
  height: 22px;
  width: 2px;
  background-color: rgb(29, 29, 29);
}
.modal .close:before {
  transform: rotate(45deg);
}
.modal .close:after {
  transform: rotate(-45deg);
}

/* Ajax Message content with icon (in marketplace, etc...) */
.infoMessagePlace {
  text-align: center;
  position: relative;
  height: 314px;
  display: flex;
  align-items: center;
}
.infoMessagePlace .icon {
  width: 320px;
  height: 220px;
  margin: 0 auto;
}
.infoMessagePlace .icon.warning {
  width: 220px;
  height: 220px;
  margin: 0 auto;
}
.infoMessagePlace .messageContent {
  position: absolute;
  padding: 15px;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  width: 65%;
  border-radius: 10px;
  margin: 0 auto;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.infoMessagePlace .messageContent h5 {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 18px;
  font-weight: 700;
  padding-top: 10px;
}
.infoMessagePlace .messageContent p {
  font-size: 15px;
  opacity: 0.9;
}

.radius-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.radius-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.big-place {
  background-color: #141313;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.big-place .place-content {
  z-index: 1;
  padding: 50px;
}
.big-place .place-content p {
  font-size: 1.1rem;
}
.big-place-left .place-image img {
  left: -100px;
  right: auto;
}
.big-place-right .place-image img {
  right: -100px;
  left: auto;
}
.big-place-center .place-image img {
  position: relative !important;
  max-width: 100% !important;
  margin: 0 auto;
  right: 0;
  left: 0;
  bottom: 0 !important;
}
.big-place .place-image img {
  display: block;
  height: auto;
  position: absolute;
  bottom: -50px;
  right: -100px;
  max-width: none;
}
@media screen and (max-width: 768px) {
  .big-place .place-image img {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 0;
  }
}

.simple-slideshow .slide-button {
  position: absolute;
  font-size: 60px;
  right: -60px;
  top: 45%;
  z-index: 10;
  transition: 0.2s ease all;
  cursor: pointer;
}
.simple-slideshow .slide-button:hover {
  right: -70px;
}
.simple-slideshow .slide-button {
  animation: move-right-attrach 2.3s ease-in-out infinite;
}
.simple-slideshow {
  /* Transition styles */
}
.simple-slideshow.glitchy .a-slide {
  animation-name: fadeBlur !important;
}
.simple-slideshow .desc-slide {
  margin: 14px;
  font-size: 14px;
  font-weight: 600;
  right: 15px;
  bottom: 0;
  text-align: center;
  position: absolute;
}
.simple-slideshow .desc-slide span {
  background: rgba(255, 255, 255, 0.9);
  padding: 8px 14px;
  border-radius: 12px;
  transition: 0.2s ease all;
  min-width: 60px;
  display: inline-block;
}
.simple-slideshow .desc-slide i {
  position: relative;
  right: 0;
  top: -2px;
  color: white;
  font-size: 20px;
  vertical-align: middle;
  transition: 0.2s ease all;
}
.simple-slideshow .desc-slide {
  cursor: pointer;
  z-index: 10;
}
.simple-slideshow .desc-slide:hover > i {
  right: 6px;
}
.simple-slideshow {
  /* Main Slide with content */
}
.simple-slideshow .a-slide {
  display: none;
  position: relative;
  max-width: 100%;
  animation-duration: 1.5s;
  /* Default slide style */
  animation-name: fade;
}

.promo-screen {
  border-radius: 4px;
  max-width: 100vw !important;
  height: auto !important;
}
.promo-screen-shadow {
  box-shadow: 0 10px 13px -6px rgba(66, 54, 54, 0.1), 0 20px 31px 3px rgba(0, 0, 0, 0.1), 0 8px 38px 7px rgba(0, 0, 0, 0.1);
}

.lazy-image {
  background-color: #dfe3e9;
  animation: lazy-load 1.2s ease-in-out infinite;
}
.lazy-image[data-loaded=true] {
  animation: lazy-load-finish 0.2s ease-in-out;
}

.greed-image {
  background-color: #dfe3e9;
}

/* Main footer */
.footer {
  background-color: #222;
  color: white;
  padding-top: 30px;
  position: relative;
  /*     background: url("/img/other/motion-design.svg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: 70% 55%; */
  z-index: 1;
}
.footer .copyright {
  border-top: 1px solid #2e2e2e;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 11px;
  color: white;
}
.footer .copyright .copy-desc {
  opacity: 0.6;
}
.footer .copyright .copy-desc a {
  font-size: 11px;
}
.footer .copyright ul.social li {
  display: inline-block;
}
.footer .copyright ul.social li a {
  font-size: 15px;
  text-decoration: none;
}
.footer:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(68.12deg, #0A1524 -1.03%, rgba(11, 19, 32, 0.9) 90.62%);
  z-index: -1;
}
.footer .row > div {
  padding: 6px;
}
.footer h3 {
  color: #919191;
  color: #FFDD00;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
}
.footer h3::after {
  content: "";
  display: block;
  border-bottom: 2px solid #FFDD00;
  width: 30%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer ul li {
  line-height: 30px;
}
.footer a {
  color: rgb(218, 218, 218);
  font-size: 14px;
  transition: 0.2s ease all;
}

.sign-section {
  color: #3d3d3d;
}
.sign-section .card {
  padding: 3px;
  padding-top: 1.7rem;
  padding-bottom: 1.7rem;
}

.sign-card-links {
  text-align: center;
  color: white;
  font-weight: 500;
  font-size: 14px;
  margin: 5px;
}
.sign-card-links a {
  color: white;
}

/* Content Switcher JS design */
.content-switcher-component {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
}
.content-switcher-component .main-switch-content {
  visibility: hidden;
  opacity: 0;
  display: none;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 10px 70px 0 rgba(103, 151, 255, 0.22), 0 15px 105px 0 rgba(103, 151, 255, 0.22);
}
.content-switcher-component .main-switch-content.current {
  visibility: visible;
  opacity: 1;
  display: block;
}
.content-switcher-component .main-switch-content {
  position: relative;
}
.content-switcher-component video {
  z-index: 10 !important;
}
.content-switcher-component .circle-loader {
  z-index: 1;
  position: absolute;
  top: 5%;
  left: 5%;
}
.content-switcher-component {
  /* Button group */
}
.content-switcher-component .card-button-navigation {
  width: 280px;
  min-height: 530px;
  flex-direction: column;
  display: flex;
  justify-content: center;
}
.content-switcher-component {
  /* Switch button */
}
.content-switcher-component .btn-switcher {
  cursor: pointer;
  padding: 12px 24px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4em;
  border-radius: 8px;
  transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
  margin: 8px;
  box-shadow: 0 8px 60px 0 rgba(103, 151, 255, 0.11), 0 12px 90px 0 rgba(103, 151, 255, 0.11);
  /* Outer icon from text */
}
.content-switcher-component .btn-switcher > div {
  margin-right: 5px;
}
.content-switcher-component .btn-switcher p {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 10px;
  font-weight: normal;
  opacity: 0.7;
}
.content-switcher-component .btn-switcher {
  /* Hover for all (except current class) */
}
.content-switcher-component .btn-switcher:hover:not(.current) {
  margin-right: -3px;
  margin-left: -3px;
  box-shadow: 0 10px 70px 0 rgba(103, 151, 255, 0.22), 0 15px 105px 0 rgba(103, 151, 255, 0.22);
}
.content-switcher-component .btn-switcher:hover:not(.current) .icon-stack-sm {
  transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
  background: #4e73df;
  color: white;
}
.content-switcher-component .btn-switcher.current {
  background-color: #4e73df;
  color: white;
}
.content-switcher-component .btn-switcher.current .icon-stack-sm {
  transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1);
  color: black;
}
.content-switcher-component {
  /* Scalling */
}
@media only screen and (max-width: 992px) {
  .content-switcher-component .card-button-navigation {
    padding: 0;
    min-height: auto !important;
  }
  .content-switcher-component .btn-switcher:hover {
    margin: 8px !important;
  }
}
@media only screen and (max-width: 576px) {
  .content-switcher-component .btn-switcher {
    padding: 6px !important;
    min-width: 43px;
    max-width: 43px;
    font-size: 0 !important;
  }
  .content-switcher-component .card-button-navigation {
    flex-basis: content;
    flex-direction: row;
  }
}

/* Inc */
/* Hide/Show object on hover mouse */
@media screen and (min-width: 992px) {
  .hover-object:hover .hover-object-content {
    opacity: 1;
  }
  .hover-object:hover .hover-object-header {
    opacity: 0;
  }
  .hover-object-header {
    transition: 0.5s ease all;
  }
  .hover-object-content {
    transition: 0.5s ease all;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 765px) {
  .spoiler-object-tab .tab-button p {
    font-size: 0 !important;
  }
  .spoiler-object-tab .tab-button h3 {
    font-size: 4vw !important;
  }
  .spoiler-object-tab .tab-button .icon {
    min-width: 40px;
    min-height: 40px;
  }
  .spoiler-object-tab .tab-button .badge {
    font-size: 2vw;
  }
}
.spoiler-object-tab .tab-button {
  border-radius: 10px;
  padding: 30px;
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}
.spoiler-object-tab .tab-button:hover {
  transform: translateY(0.3333333333rem);
}
.spoiler-object-tab .tab-button:hover .badge {
  transition: 0.2s ease background-color;
  background-color: #17d58f !important;
}
.spoiler-object-tab [aria-checked="1"].tab-button {
  cursor: pointer;
  background-color: #f6f8fa;
  transform: translateY(0.3333333333rem);
}
.spoiler-object-tab [aria-checked="1"].tab-button .badge {
  transition: 0.2s ease background-color;
  background-color: #17d58f !important;
}
.spoiler-object-tab [aria-checked="1"].tab-button.zero-radius-bottom-checked {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* Spoilers */
.spoiler-link-danger {
  background: transparent;
  padding: 2px 6px;
  cursor: pointer;
  border-radius: 6px;
  font-weight: 500;
  transition: 0.2s ease all;
}
.spoiler-link-danger:hover {
  background: #FFDD00;
}

.spoiler-link-button {
  background: transparent;
  vertical-align: 0px;
  font-size: 12px;
  padding: 4px 6px;
  color: #4e73df;
  cursor: pointer;
  border-radius: 6px;
  min-width: 65px;
  transition: 0.2s ease all;
}
.spoiler-link-button[aria-checked="1"]::after {
  font-family: "fontello", "General Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  content: "Hide \f204";
}
.spoiler-link-button[aria-checked="0"]::after {
  font-family: "fontello", "General Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  content: "Show \f205";
}
.spoiler-link-button:hover {
  background: #272532;
  border-color: #272532;
  color: white;
}

/* Used only to hide part content for mobiles */
@media screen and (max-width: 576px) {
  .spoiler-hide-part {
    max-height: 450px;
    overflow: hidden;
    position: relative;
  }
  .spoiler-hide-part::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgb(255, 255, 255) 100%);
    pointer-events: none;
  }
  .spoiler-hide-part-dark::before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgb(39, 37, 50) 100%);
  }
  .spoiler-hide-part-black::before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgb(0, 0, 0) 100%);
  }
}

/* Used to hide content on PC too */
.spoiler-hide-half {
  max-height: 150px;
  overflow: hidden;
  position: relative;
}
.spoiler-hide-half::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}
.spoiler-hide-half-dark::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgb(39, 37, 50) 100%);
}
.spoiler-hide-half-grey::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f6f8fa 100%);
}
.spoiler-hide-half-black::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgb(0, 0, 0) 100%);
}

/* Special spoiler half content for item description (fixed fill size from bottom */
.spoiler-hide-half-item-content {
  max-height: 150px;
  overflow: hidden;
  position: relative;
}
.spoiler-hide-half-item-content::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 800px;
  bottom: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}

/* Same as hide-btn, but with stylization and not absolute position */
.spoiler-simple-btn {
  z-index: 5;
  transition: 0.5s ease visibility, 0.5s ease opacity;
  opacity: 0.5;
  visibility: visible;
}
.spoiler-simple-btn:hover {
  opacity: 1;
}
.spoiler-simple-btn.hide {
  opacity: 0 !important;
  visibility: hidden !important;
  bottom: -15px;
}

/* Button who should be hide after spoiler expand */
.spoiler-hide-btn {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
  z-index: 5;
  transition: 0.8s ease visibility, 0.8s ease opacity;
  opacity: 1;
  visibility: visible;
}
.spoiler-hide-btn.hide {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Responsibe video player content (youtube / custom player) on page */
.video-size-responsible {
  max-width: 100%;
  max-height: 100%;
  width: 480px !important;
  height: 260px !important;
  overflow: hidden;
  position: relative;
  background: none !important;
}
.video-size-responsible img {
  z-index: 5;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.video-size-responsible {
  /* Fixes for video-player internal video tag */
}
.video-size-responsible video {
  border-radius: 10px;
  width: 100% !important;
  height: auto !important;
}

.video-fit-special {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 480px;
  width: 100%;
  max-height: 100%;
}

/* YouTube Item */
.play-youtube {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.play-youtube.fix-hq-black-stripes-small img {
  margin: -30px 0;
}
.play-youtube.fix-hq-black-stripes img {
  margin: -10% 0;
}
.play-youtube.fit-hq-size-on-item {
  overflow: hidden;
}
.play-youtube.fit-hq-size-on-item img {
  width: 910px;
  max-width: 100%;
  max-height: 100%;
}
.play-youtube.invokeAction .play-button {
  transform: rotateZ(-90deg);
  animation: attrach 2.4s infinite alternate;
}
.play-youtube {
  /* Show button anyway (no button by default) */
}
.play-youtube.show-button .play-button {
  transform: rotateZ(0);
  opacity: 1;
}
.play-youtube {
  /* Big play button */
}
.play-youtube.big-play .play-button {
  width: 95px;
  height: 95px;
}
.play-youtube .play-button {
  opacity: 0;
  pointer-events: none;
  backface-visibility: hidden;
  background-image: url("/img/icons/player_controls/play-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  margin: auto;
  z-index: 10;
  width: 70px;
  height: 70px;
  transform: rotateZ(45deg);
  transition: 0.3s ease opacity, 0.3s ease transform;
}
.play-youtube.shadow-back-player img {
  box-shadow: 1.25rem 1.25rem 0 0 rgba(216, 220, 228, 0.7) !important;
}
.play-youtube.shadow-back-player:hover img {
  box-shadow: 0 0 0 0 rgba(216, 220, 228, 0.7) !important;
}
.play-youtube img {
  transition: 0.3s ease opacity;
  width: 100%;
}
.play-youtube {
  /* YouTube item in Help center/Item content */
}
.play-youtube.content-page {
  background-color: #f6f8fa;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
  transition: 0.3s ease background-color;
}
.play-youtube.content-page:hover {
  background-color: white;
}
.play-youtube.content-page img {
  border-radius: 10px;
  max-height: 350px;
}
.play-youtube:hover .play-button {
  opacity: 1;
  transform: scale(1.2);
}
.play-youtube:hover img {
  opacity: 0.5;
}

/* Video Player for market items (internal mp4 videos - main player) */
.video-player {
  height: 180px;
  width: 320px;
  position: relative;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: rgb(243, 243, 243);
  margin: 0;
  /* Image overlay the video if exists - absolute with z-index */
}
.video-player img {
  /* Important add for img too - for Safari */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  background-color: #fff;
  z-index: 5;
  top: 0;
  left: 0;
  position: absolute;
  transform: translate(0, 0);
}
.video-player video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.video-player {
  /* Player in item page (not items collection) - high sizes */
}
.video-player.on-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 480px;
  width: 100%;
  border-radius: 0;
}
.video-player.on-item img {
  border-radius: 0;
}
.video-player.on-item video {
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
}
.video-player.on-item.audio-setup {
  height: 200px;
}
.video-player.on-item.image-setup {
  min-height: 480px;
  min-width: 640px;
}
.video-player {
  /* Play button (show on itempage) or anywhere with options */
}
.video-player .play {
  background-image: url("/img/icons/player_controls/play-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  margin: auto;
  z-index: 10;
  width: 70px;
  height: 70px;
  opacity: 0.8;
  transition: 0.4s ease opacity, 0.4s ease transform, 0.4s ease background-image;
}
.video-player .play.big-play {
  width: 95px;
  height: 95px;
}
.video-player .play.pause {
  transform: rotateZ(180deg);
  background-image: url("/img/icons/player_controls/pause-icon.svg");
  animation-duration: 1.1s;
  /* Default slide style */
  animation-name: attrach-smooth;
}
.video-player .play.invokeAction {
  animation: attrach 2.4s infinite alternate;
}
.video-player .play:hover {
  cursor: pointer;
  opacity: 1;
  transform: scale(1.2);
}
.video-player {
  /* Setup for audio player */
}
.video-player.audio-setup {
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-player.audio-setup .play {
  bottom: 7px;
  left: 10px;
  width: 40px;
  height: 40px;
}
.video-player.audio-setup {
  background: rgb(243, 243, 243);
  border-bottom: 1px solid rgb(228, 228, 228);
}
.video-player.audio-setup .audio-data {
  opacity: 0.8;
  position: absolute;
  left: 60px;
  bottom: 10px;
  z-index: 6;
  color: black;
  font-size: 0.85rem;
}
.video-player.audio-setup .audio-data ul {
  padding: 0;
  list-style: none;
  font-size: 11px;
  font-weight: bold;
}
.video-player.audio-setup .audio-data ul .icon {
  min-width: 12px;
  min-height: 12px;
}
.video-player.audio-setup .audio-data ul li {
  display: inline-block;
  background: white;
  border: 1px solid rgb(219, 219, 219);
  border-radius: 10px;
  margin: 2px;
  padding: 5px 9px;
}
.video-player.audio-setup .audio-data ul li span {
  font-weight: bold;
}
.video-player.audio-setup .audio-data ul a.getPreview {
  display: inline-block;
  background: #4e73df;
  border-radius: 10px;
  margin: 2px;
  padding: 5px 9px;
  color: white;
  text-decoration: none;
  transition: 0.2s ease background-color;
}
.video-player.audio-setup .audio-data ul a.getPreview:hover {
  background: rgb(34, 34, 34);
}
.video-player.audio-setup .controls .audioTiming {
  position: absolute;
  left: 10px;
  bottom: 35%;
  font-weight: bold;
  font-size: 12px;
  z-index: 4;
  color: white;
  pointer-events: none;
}
.video-player.audio-setup .controls .control-btn.download {
  right: 0 !important;
  bottom: 50px;
}
.video-player.audio-setup .controls .timeProgress {
  bottom: 30%;
  height: 100%;
  display: block;
}
.video-player.audio-setup .controls .timeProgress progress {
  height: 100%;
  display: block;
}
.video-player.audio-setup .controls .timeProgress input[type=range] {
  height: 100%;
  display: block;
  cursor: grab;
}
.video-player.audio-setup .controls .timeProgress input[type=range]:active {
  cursor: grabbing;
}
.video-player.audio-setup .controls .timeProgress progress::-webkit-progress-bar {
  background-color: transparent;
}
.video-player.audio-setup .controls .timeProgress progress::-webkit-progress-value {
  background-color: rgba(255, 255, 255, 0.3);
}
.video-player.audio-setup .controls .timeProgress .seek-tooltip {
  top: 50%;
}
.video-player.audio-setup img {
  width: 100%;
  height: 70%;
  background: rgb(30, 38, 61);
  background: linear-gradient(0deg, rgb(30, 38, 61) 0%, rgb(83, 95, 117) 100%);
  box-shadow: 0px 0px 82px 0px rgba(46, 123, 255, 0.55);
  z-index: 3;
}
.video-player {
  /* Control buttons (audio/save to) */
}
.video-player .controls .timeProgress {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 11px;
  text-align: left;
}
.video-player .controls .timeProgress progress {
  z-index: 4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  pointer-events: none;
  position: absolute;
}
.video-player .controls .timeProgress progress::-webkit-progress-bar {
  background-color: rgba(255, 255, 255, 0.3);
}
.video-player .controls .timeProgress progress::-webkit-progress-value {
  background-color: #3D77ED;
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
}
.video-player .controls .timeProgress input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  transition: 0.3s all ease-out;
  z-index: 4;
  width: 100%;
  position: absolute;
  cursor: pointer;
}
.video-player .controls .timeProgress input[type=range]::-webkit-slider-thumb {
  height: 12px;
  width: 4px;
  left: 0;
  -webkit-transition: 0.3s all ease-out;
  transition: 0.3s all ease-out;
  -webkit-appearance: none;
}
.video-player .controls .timeProgress input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  -webkit-appearance: none;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}
.video-player .controls .timeProgress input[type=range]:hover + .seek-tooltip {
  display: block;
}
.video-player .controls .timeProgress .seek-tooltip {
  pointer-events: none;
  z-index: 5;
  display: none;
  position: absolute;
  top: -24px;
  margin-left: -20px;
  font-size: 12px;
  padding: 3px;
  content: attr(data-title);
  font-weight: bold;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
}
.video-player .controls .control-btn {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin: 10px;
  width: 22px;
  height: 22px;
  z-index: 4;
  /* Under video image */
  right: 0;
  bottom: 5px;
  cursor: pointer;
}
.video-player .controls .control-btn.fullscreen {
  opacity: 0.6;
  right: 0;
  width: 18px;
  background-image: url("/img/icons/player_controls/fullscreen.svg");
  transition: 0.2s ease all;
}
.video-player .controls .control-btn.fullscreen:hover {
  opacity: 1;
}
.video-player .controls .control-btn.fullscreen.exit {
  background-image: url("/img/icons/player_controls/exit_fullscreen.svg");
}
.video-player .controls .control-btn.download {
  opacity: 0.6;
  right: 25px;
  width: 18px;
  background-image: url("/img/icons/player_controls/download-preview.svg");
  transition: 0.2s ease all;
}
.video-player .controls .control-btn.download:hover {
  opacity: 1;
}
.video-player .controls .control-btn.sound {
  left: 0;
  opacity: 0.6;
  width: 35px;
  background-image: url("/img/icons/player_controls/volume-down.svg");
  transition: 0.2s ease all;
}
.video-player .controls .control-btn.sound:hover {
  opacity: 1;
}
.video-player .controls .control-btn.sound.muted {
  background-image: url("/img/icons/player_controls/volume-mute.svg");
}
.video-player .fs-playback-animation {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -55px;
  margin-top: -55px;
  width: 110px;
  height: 110px;
  border-radius: 80px;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  color: white;
  font-size: 18px;
}
.video-player .cover-gradient {
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.3) 100%);
}
.video-player .cover-gradient.fullscreen-block {
  z-index: 2;
}
.video-player {
  /* Preloading video - line animation */
}
.video-player .preloadItem {
  height: 3px;
  width: 100%;
  display: none;
  bottom: 0;
  z-index: 10;
  position: absolute;
}
.video-player .preloadItem .bar {
  position: relative;
  height: 3px;
  background-color: dodgerblue;
  animation-name: loader-animation;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/* Main button collections */
button.btn {
  outline: 0;
}

.btn {
  display: inline-block;
  padding: 15px 30px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
}
.btn:hover {
  text-decoration: none;
}
.btn.smaller-btn {
  padding: 6px 10px;
  font-size: 0.8rem;
}
.btn.small-btn {
  padding: 10px 16px;
}
.btn.back-drop:hover {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.btn-create {
  padding: 11px 14px;
  font-size: 0.9rem;
  border: 1px solid rgba(171, 171, 171, 0.3);
  border-radius: 5px;
  transition: all 0.15s ease;
  background-color: #4e73df;
  color: white;
}
@media screen and (max-width: 520px) {
  .btn-create {
    font-size: 0;
    width: auto !important;
    margin: 0;
  }
  .btn-create svg {
    top: 6px;
  }
  .btn-create .f-icon {
    font-size: 12px;
  }
}
.btn-create:hover {
  background-color: #17d58f;
  color: white;
}
.btn-dark {
  background: #272532;
  color: white;
  border: 2px solid #272532;
  transition: 0.2s ease all;
}
.btn-dark-primary {
  background: #272532;
  color: white;
  border: 2px solid #272532;
  transition: 0.2s ease all;
}
.btn-dark-primary:hover {
  color: white;
  background: #4e73df;
  border-color: #4e73df;
}
.btn-dark-warning {
  background: #272532;
  color: white;
  border: 2px solid #272532;
  transition: 0.2s ease all;
}
.btn-dark-warning:hover {
  color: white;
  background: #ff4848;
  border-color: #ff4848;
}
.btn-dark:hover {
  background: transparent;
  color: #272532;
}
.btn.classic {
  opacity: 0.5;
  color: #272532;
  font-size: 17px;
  border: 2px #272532 solid;
  transition: 0.2s ease all;
  padding: 5px 12px;
  margin-top: 8px;
}
.btn.classic.active {
  opacity: 1;
  background: #17d58f;
  border-color: #17d58f;
  color: #fff;
}
.btn.classic.active:hover {
  border-color: #17d58f;
  background: #17d58f;
}
.btn.classic:hover {
  opacity: 1;
  background: #272532;
  color: #fff;
}
.btn.store-try-free {
  color: #272532;
  font-size: 17px;
  border: 2px #272532 solid;
  transition: 0.2s ease all;
  padding: 8px 16px;
}
.btn.store-try-free:hover {
  background: #272532;
  color: #fff;
}
.btn.store-add-cart {
  background: #4e73df;
  color: white;
  font-size: 17px;
  border: 2px #4e73df solid;
  transition: 0.2s ease all;
  padding: 8px 16px;
}
.btn.store-add-cart.done {
  animation: done-item-cart 1s ease-in-out;
}
.btn.store-add-cart:hover {
  background: #fff;
  color: #4e73df;
}
.btn.store-fully-free {
  background: #17d58f;
  color: white;
  font-size: 17px;
  border: 2px #17d58f solid;
  transition: 0.2s ease all;
  padding: 8px 16px;
}
.btn.store-fully-free:hover {
  background: #fff;
  color: black;
  border-color: black;
}
.btn-primary {
  background: #4e73df;
  color: white;
  font-size: 17px;
  border: 2px #4e73df solid;
  transition: 0.2s ease all;
}
.btn-primary:hover {
  background: transparent;
  color: #4e73df;
}
.btn-primary-dark:hover {
  color: #272532;
  background: transparent;
  border-color: #272532;
}
.btn-primary-dark-fill:hover {
  color: white;
  background: #272532;
  border-color: #272532;
}
.btn-primary-white {
  background: #4e73df;
  color: white;
  font-size: 17px;
  border: 2px #4e73df solid;
  transition: 0.2s ease all;
}
.btn-primary-white:hover {
  color: white;
  background: transparent;
  border-color: white;
}
.btn-success {
  background: #17d58f;
  color: white;
  font-size: 17px;
  border: 2px #17d58f solid;
  transition: 0.2s ease all;
}
.btn-success:hover {
  background: transparent;
  color: #17d58f;
}
.btn-success-dark {
  background: #17d58f;
  color: white;
  font-size: 17px;
  border: 2px #17d58f solid;
  transition: 0.2s ease all;
}
.btn-success-dark:hover {
  color: #272532;
  background: transparent;
  border-color: #272532;
}
.btn-success-dark-fill:hover {
  color: white;
  background: #272532;
  border-color: #272532;
}
.btn-success-white {
  background: #4e73df;
  color: white;
  font-size: 17px;
  border: 2px #4e73df solid;
  transition: 0.2s ease all;
}
.btn-success-white:hover {
  color: white;
  background: transparent;
  border-color: white;
}
.btn-white-transparent {
  background: transparent;
  color: white;
  font-size: 17px;
  border: 2px white solid;
  transition: 0.2s ease all;
}
.btn-white-transparent:hover {
  background: #fff;
  color: black;
}
.btn-white {
  background: white;
  color: black;
  font-size: 17px;
  border: 2px white solid;
  transition: 0.2s ease all;
}
.btn-white-primary {
  background: white;
  color: #272532;
  border: 2px solid white;
  transition: 0.2s ease all;
}
.btn-white-primary:hover {
  color: white;
  background: #4e73df;
  border-color: #4e73df;
}
.btn-white:hover {
  background: transparent;
  color: white;
}
.btn-stylized {
  background: transparent;
  color: white;
  border: 2px white solid;
  transition: 0.2s ease all;
}
.btn-stylized-dark {
  border: 2px black solid;
  color: black;
  transition: 0.2s ease all;
}
.btn-stylized-dark:hover {
  background: #17d58f;
  border-color: #17d58f;
  color: white;
}
.btn-stylized-white {
  border: 2px white solid;
  background: white;
  color: black;
  transition: 0.2s ease all;
}
.btn-stylized-white:hover {
  background: #17d58f;
  border-color: #17d58f;
  color: white;
}
.btn-stylized-outlined {
  border: 2px white solid;
  background: white;
  color: black;
  transition: 0.2s ease all;
}
.btn-stylized-outlined:hover {
  background: transparent;
  border-color: white;
  color: white;
}
.btn-stylized-fill {
  border: 2px white solid;
  background: white;
  color: black;
  transition: 0.2s ease all;
}
.btn-stylized-fill:hover {
  background: transparent;
  color: white;
}
.btn-stylized:hover {
  background: #fff;
  color: black;
}
.btn-perspective {
  transform: translate3d(0px, 0px, 0px);
  box-shadow: 0 70px 40px -20px rgba(0, 0, 0, 0.2);
  transition: 0.2s ease all;
}
.btn-perspective:hover.size-front {
  transform: scale(1.05);
}
.btn-perspective:hover.ps-left {
  transform: perspective(750px) translate3d(10px, 0px, -12px) rotateY(-8deg);
}
.btn-perspective:hover.ps-right {
  transform: perspective(750px) translate3d(-10px, 0px, -12px) rotateY(8deg);
}
.btn.mini-icon {
  padding: 2px;
  transition: 0.3s ease all;
  color: #4e73df;
}
.btn.mini-icon:hover {
  color: #272532;
}
.btn.mini-icon-rotate {
  padding: 2px;
  transition: 0.3s ease all;
  color: #272532;
}
.btn.mini-icon-rotate:hover {
  transform: rotateZ(-360deg);
  color: #4e73df;
}
.btn-spoiler {
  background: transparent;
  color: #a8a6a6;
  font-size: 17px;
  border: 2px #a8a6a6 solid;
  padding: 8px 16px;
  transition: 0.2s ease all;
}
.btn-spoiler:hover {
  background: #272532;
  border-color: #272532;
  color: white;
}
.btn-primary-text {
  transition: 0.3s ease color;
  color: #4e73df;
  padding: 2px;
}
.btn-primary-text:hover {
  text-decoration: none;
  color: #272532;
}

/* Pages */
/* Home page */
/* Index Page */
.showcase .showcase-text {
  padding: 7rem;
}
.showcase .showcase-img {
  min-height: 30rem;
  background-size: cover;
}

.home-page h1 {
  font-size: 5.5rem;
  font-weight: 700;
}

/* AtomX extension page */
.img-fluid {
  max-width: 100%;
  height: auto;
}

.content-skewed {
  perspective: 1500px;
  transform-style: preserve-3d;
}
.content-skewed.content-skewed-right {
  perspective-origin: right center;
}
.content-skewed.content-skewed-left {
  perspective-origin: left center;
}
.content-skewed .content-skewed-item {
  transform: rotateY(30deg) rotateX(15deg);
  backface-visibility: hidden;
  transition: 0.5s ease all;
}
.content-skewed .content-skewed-item-revert {
  transform: rotateY(-25deg) rotateX(15deg);
}
.content-skewed.hovering:hover .shadow-back {
  box-shadow: none !important;
}
.content-skewed.hovering:hover .content-skewed-item {
  transform: rotateY(30deg) rotateX(15deg) scale(0.9);
  opacity: 0.5;
}

.tuts-bg {
  background-image: linear-gradient(rgba(13, 24, 38, 0.6), rgb(13, 24, 38)), url("/img/bg/fancy-pants.jpg");
  background-size: contain;
  background-position: center top;
}

.video-collection.tuts .play-youtube img {
  border-radius: 10px;
  width: 100%;
  max-width: 400px;
}
.video-collection.tuts .play-youtube {
  margin: 10px;
}
.video-collection .card {
  background: transparent;
  border: 2px solid white;
  color: white;
}

.wide-pricing-plan {
  position: relative;
  top: 115px;
  max-width: 1560px;
}

.pricing {
  height: 100%;
  z-index: 0;
}
.pricing.choosen {
  border-top: 4px solid #17d58f;
  margin-top: -25px;
}
.pricing.choosen-subscription {
  border: 2px solid #17d58f;
}
.pricing .pricing-price {
  font-size: 3rem;
}
.pricing .pricing-price.small-block {
  font-size: 1.5rem;
}
.pricing .pricing-price.small-block sup {
  font-size: 1.1rem;
}
.pricing .pricing-price sup {
  font-size: 1.5rem;
}
.pricing .pricing-price s {
  font-size: 1.2rem;
  opacity: 0.4;
  position: absolute;
}
.pricing .pricing-price .pricing-discount {
  font-size: 14px;
  position: absolute;
  top: -3px;
  right: -2px;
}
.pricing .pricing-price .pricing-price-period {
  font-size: 1.25rem;
  opacity: 0.6;
}
.pricing ul.pricing-list {
  padding-left: 20px;
  margin-top: 12px;
  font-size: 1.025rem;
  list-style-type: none;
  color: #d6d6d6;
}
.pricing ul.pricing-list li {
  padding-bottom: 6px;
}
.pricing ul.pricing-list li.checked {
  color: #3a3a3a;
}
.pricing ul.pricing-list li.checked i {
  color: #00ba94;
}

.height-cover {
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.atomx-bg {
  color: white;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  z-index: 1;
}
.atomx-bg .main-wrapper {
  z-index: 1;
}
.atomx-bg .fill-black {
  background: rgba(13, 24, 38, 0.8);
  background: linear-gradient(180deg, rgba(13, 24, 38, 0.65) 0%, rgba(13, 24, 38, 0.98) 75%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.atomx-bg video.bg-inside,
.atomx-bg img.bg-inside {
  position: absolute;
  pointer-events: none;
  z-index: -10 !important;
  -o-object-fit: cover;
     object-fit: cover;
  /* Fixes for IE11 like object-fit cover */
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  right: 50%;
  left: auto;
  transform: translate(50%, 0);
}
.atomx-bg .version {
  display: inline-block;
  text-align: left;
}
.atomx-bg .version .current {
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 2px;
  vertical-align: middle;
}
.atomx-bg .version a {
  border: 1px solid white;
  padding: 4px;
  border-radius: 5px;
  color: white;
  opacity: 0.5;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  transition: 0.5s ease opacity;
}
.atomx-bg .version a:hover {
  opacity: 1;
  text-decoration: none;
}
.atomx-bg h1 {
  position: relative;
  display: inline-block;
  font-size: 3.5em;
  margin-bottom: 0.2em;
  letter-spacing: 2px;
}
.atomx-bg h2 {
  font-size: 2em;
  font-weight: 300;
}
.atomx-bg strong {
  color: #FFDD00;
  font-weight: 500;
}
.atomx-bg .slide-to-see {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 2px;
  pointer-events: none;
  animation: move-sliding 1.4s infinite alternate;
}
.atomx-bg ul.helpful-links {
  font-size: 14px;
  font-weight: normal;
  list-style: none;
  padding: 0px;
}
.atomx-bg ul.helpful-links i {
  margin: 3px;
}
.atomx-bg ul.helpful-links li {
  margin: 3px;
  transition: 0.4s ease all;
  opacity: 0.8;
}
.atomx-bg ul.helpful-links li a {
  text-decoration: none;
}
.atomx-bg ul.helpful-links li:hover {
  opacity: 1;
}

.atomx-animate-logo {
  background-image: url("/img/atomx/atom_logo_border.png");
  background-size: contain;
  vertical-align: middle;
  transform: translate(0, 0);
  /* Fix for Safari */
  width: 72px;
  height: 72px;
}
.atomx-animate-logo-mini {
  background-image: url("/img/atomx/atom_logo_border.png");
  background-size: contain;
  vertical-align: middle;
  transform: translate(0, 0);
  /* Fix for Safari */
  width: 36px;
  height: 36px;
}
.atomx-animate-logo-mini-item {
  background-image: url("/img/atomx/atom_logo_border.png");
  background-size: contain;
  vertical-align: middle;
  transform: translate(0, 0);
  /* Fix for Safari */
  width: 22px;
  height: 22px;
  margin-top: -3px;
}
.atomx-animate-logo-mini-item .atomx-glow {
  width: 16px;
  height: 16px;
  box-shadow: 0px 0px 5px 3px rgba(49, 151, 255, 0.55), 2px 2px 5px 3px rgba(44, 240, 255, 0.58), -2px -2px 5px 3px rgba(87, 92, 255, 0.58), inset -2px 2px 5px 3px rgba(87, 92, 255, 0.58);
}

.atomx-glow {
  position: relative;
  left: 2px;
  top: 4px;
  width: 28px;
  height: 28px;
}
.atomx-glow-big {
  left: 5px;
  top: 5px;
  width: 60px;
  height: 60px;
}
.atomx-glow {
  border-radius: 50%;
  box-shadow: 0px 0px 8px 3px rgba(49, 151, 255, 0.55), 2px 6px 8px 3px rgba(44, 240, 255, 0.58), -2px -6px 8px 3px rgba(87, 92, 255, 0.58), inset -2px 4px 8px 3px rgba(87, 92, 255, 0.58);
  animation: atomx-spin 4.2s linear infinite;
  transition: 0.4s ease;
}

/* Slider */
.atomx-picks-layout h2 {
  letter-spacing: 1.5px;
}
.atomx-picks-layout .bestseller {
  color: white;
  background-image: url("/img/other/money-wide.svg"), linear-gradient(0deg, rgb(29, 35, 41), rgb(54, 62, 73));
  background-position: center center;
  background-repeat: no-repeat;
}
.atomx-picks-layout .bestseller .video-fit-special {
  box-shadow: -1.3rem 1.3rem 0 0 rgba(0, 0, 0, 0.1) !important;
}
.atomx-picks-layout .bestseller .compatibles .icon {
  transition: 0.3s ease all;
}
.atomx-picks-layout .bestseller .compatibles .icon.davinci {
  background-image: url("/img/icons/categories/davinci-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.ae {
  background-image: url("/img/icons/categories/ae-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.pr {
  background-image: url("/img/icons/categories/pr-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.addons {
  background-image: url("/img/icons/categories/addons-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.fcpx {
  background-image: url("/img/icons/categories/fcpx-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.ai {
  background-image: url("/img/icons/categories/ai-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.audio {
  background-image: url("/img/icons/categories/audio-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.all-folder {
  background-image: url("/img/icons/categories/all-folder-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.atomx {
  background-image: url("/img/icons/categories/atomx-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.market {
  background-image: url("/img/icons/categories/market-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.animate {
  background-image: url("/img/icons/categories/animate-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.box {
  background-image: url("/img/icons/categories/box-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.business {
  background-image: url("/img/icons/categories/business-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.effects {
  background-image: url("/img/icons/categories/effects-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.post-production {
  background-image: url("/img/icons/categories/post-production-outlined.svg");
}
.atomx-picks-layout .bestseller .compatibles .icon.video {
  background-image: url("/img/icons/categories/video-outlined.svg");
}
.atomx-picks-layout .featured {
  color: black;
  background-image: url("/img/other/round-fill.svg"), linear-gradient(0deg, rgb(255, 88, 88), rgb(240, 152, 25));
  background-position: center center;
  background-repeat: no-repeat;
}
.atomx-picks-layout .featured .video-fit-special {
  box-shadow: 1.3rem 1.3rem 0 0 rgba(0, 0, 0, 0.1) !important;
}
.atomx-picks-layout .trendy {
  color: white;
  background-image: url("/img/other/confetti.svg"), linear-gradient(0deg, rgba(88, 127, 255, 0.7), rgba(25, 197, 240, 0.2));
  background-position: center top;
  background-repeat: no-repeat;
}
.atomx-picks-layout .trendy .video-fit-special {
  box-shadow: 1.3rem -1.3rem 0 0 rgba(0, 0, 0, 0.1) !important;
}
.atomx-picks-layout .latest_item .video-fit-special {
  box-shadow: 1.3rem 1.3rem 0 0 rgba(0, 0, 0, 0.1) !important;
}
.atomx-picks-layout .video-fit-special {
  background: black;
  transition: 0.7s ease all;
  margin: 0;
  padding: 0;
}
.atomx-picks-layout .video-fit-special:hover {
  box-shadow: none !important;
}

/* Tab Slider with content */
.tab-slider .tab-content iframe,
.tab-slider .tab-content img {
  width: 100%;
}
.tab-slider .tab-content .tab-content-item {
  display: none;
}
.tab-slider .tab-content .tab-content-item.active {
  display: block;
}
.tab-slider ul.tab-buttons {
  list-style-type: none;
  padding: 0;
}
.tab-slider ul.tab-buttons li {
  display: flex;
  align-items: center;
  margin: 8px;
  padding: 18px;
  opacity: 0.5;
  position: relative;
  background: rgb(255, 255, 255);
  line-height: normal;
  border-radius: 7px;
  transition: 0.2s ease all;
}
.tab-slider ul.tab-buttons li h4 {
  font-weight: bold;
  font-size: 1.1rem;
  line-height: 10px;
}
.tab-slider ul.tab-buttons li p {
  padding: 0;
  margin: 0;
  opacity: 0.6;
  font-size: 14px;
}
.tab-slider ul.tab-buttons li i {
  font-size: 50px;
}
.tab-slider ul.tab-buttons li .icon {
  margin-right: 15px;
}
.tab-slider ul.tab-buttons li.active, .tab-slider ul.tab-buttons li:hover {
  cursor: pointer;
  opacity: 1;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
}

/* Description block overlay any element */
.fancy-desc {
  position: relative;
}
.fancy-desc-left {
  left: 0;
}
.fancy-desc-right {
  right: 0;
}

@media (min-width: 576px) and (min-width: 768px) and (min-width: 992px) {
  .fancy-desc-left {
    left: 0 !important;
  }
  .fancy-desc-right {
    right: 0 !important;
  }
}
@media (min-width: 1200px) {
  .fancy-desc-left {
    left: -70px !important;
  }
  .fancy-desc-right {
    right: -70px !important;
  }
}
.card-container {
  flex: 300px;
  margin: 30px;
}
.card-container .card {
  font-weight: bold;
  position: relative;
  width: 100%;
}

/* Styles for Blog Section */
.blog-items {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 20px;
}
@media (min-width: 30em) {
  .blog-items {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 60em) {
  .blog-items {
    grid-template-columns: repeat(4, 1fr);
  }
}
.blog-items .card {
  min-height: 100%;
  padding: 0;
  animation: refresh-items-grid 0.5s ease-in-out;
  /* Refresh items fading */
}
.blog-items .card article {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog-items .card h3 {
  font-size: 20px;
  color: #333;
}
.blog-items .card p {
  flex: 1;
  line-height: 1.4;
  color: #747474;
}
.blog-items .card span {
  font-size: 12px;
  font-weight: bold;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 20px;
}
.blog-items .card .thumb {
  padding-bottom: 60%;
  background-size: cover;
  background-position: center center;
  transition: 0.3s ease all;
}
.blog-items .card:hover .thumb {
  background-position: center bottom;
}
@media (min-width: 60em) {
  .blog-items .max {
    grid-column: 1/span 2;
  }
  .blog-items .max h3 {
    font-size: 24px;
  }
}

div.text-p p {
  margin-bottom: 0.5rem;
}

h1.blog-heading {
  font-size: 3rem;
  text-transform: none;
  font-weight: bolder;
}

.blog-article-image {
  background-size: cover;
  background-color: #272532;
}
.blog-article-image .fill-black {
  background: rgba(13, 24, 38, 0.8);
  background: linear-gradient(0, rgba(54, 54, 54, 0.95), rgba(54, 54, 54, 0.8));
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-article-head .row {
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.blog-article-head .row .author a {
  color: white;
  text-decoration: underline;
}

ul.blog-subcategories-mini {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.blog-subcategories-mini li {
  display: inline-block;
}
ul.blog-subcategories-mini li a {
  color: #4e73df;
  padding: 10px;
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: color 0.3s ease;
}
ul.blog-subcategories-mini li a:hover {
  color: #272532;
}
ul.blog-subcategories-mini li a.active {
  color: white;
  border-radius: 5px;
  background-color: #272532;
}

.blog-categories-mini .icon {
  min-width: 20px;
  min-height: 20px;
}
.blog-categories-mini .wrap-dropmenu {
  display: inline-block;
  border-radius: 5px;
}
.blog-categories-mini .wrap-dropmenu .first-item {
  font-size: 12px;
  padding: 10px 10px 10px 0;
  transition: left 0.3s ease, opacity 0.3s ease;
}
.blog-categories-mini .wrap-dropmenu .first-item svg {
  position: relative;
  left: 4px;
  width: 10px;
  height: 6px;
  stroke-width: 2px;
  stroke: #9098a9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.blog-categories-mini .wrap-dropmenu:hover ul.dropslide {
  opacity: 1;
  z-index: 20;
  left: 0;
  visibility: visible;
}
.blog-categories-mini .wrap-dropmenu:hover .first-item {
  opacity: 0;
  left: 20px;
  visibility: hidden;
  z-index: -9999;
}
.blog-categories-mini {
  position: relative;
}
.blog-categories-mini ul.dropslide {
  position: absolute;
  background: white;
  transition: left 0.3s ease, opacity 0.3s ease;
  z-index: -9999;
  left: -20px;
  top: 0;
  opacity: 0;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  visibility: hidden;
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 170px;
  border-radius: 5px;
}
.blog-categories-mini ul.dropslide li:first-child a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.blog-categories-mini ul.dropslide li:last-child a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.blog-categories-mini ul.dropslide li a {
  display: block;
  color: #272532;
  border-radius: 0;
  text-decoration: none;
  padding: 10px;
  transition: 0.35s ease all;
}
.blog-categories-mini ul.dropslide li a.active .icon, .blog-categories-mini ul.dropslide li a:hover .icon {
  transition: 0.3s ease all;
}
.blog-categories-mini ul.dropslide li a.active .icon.davinci, .blog-categories-mini ul.dropslide li a:hover .icon.davinci {
  background-image: url("/img/icons/categories/davinci-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.ae, .blog-categories-mini ul.dropslide li a:hover .icon.ae {
  background-image: url("/img/icons/categories/ae-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.pr, .blog-categories-mini ul.dropslide li a:hover .icon.pr {
  background-image: url("/img/icons/categories/pr-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.addons, .blog-categories-mini ul.dropslide li a:hover .icon.addons {
  background-image: url("/img/icons/categories/addons-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.fcpx, .blog-categories-mini ul.dropslide li a:hover .icon.fcpx {
  background-image: url("/img/icons/categories/fcpx-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.ai, .blog-categories-mini ul.dropslide li a:hover .icon.ai {
  background-image: url("/img/icons/categories/ai-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.audio, .blog-categories-mini ul.dropslide li a:hover .icon.audio {
  background-image: url("/img/icons/categories/audio-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.all-folder, .blog-categories-mini ul.dropslide li a:hover .icon.all-folder {
  background-image: url("/img/icons/categories/all-folder-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.atomx, .blog-categories-mini ul.dropslide li a:hover .icon.atomx {
  background-image: url("/img/icons/categories/atomx-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.market, .blog-categories-mini ul.dropslide li a:hover .icon.market {
  background-image: url("/img/icons/categories/market-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.animate, .blog-categories-mini ul.dropslide li a:hover .icon.animate {
  background-image: url("/img/icons/categories/animate-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.box, .blog-categories-mini ul.dropslide li a:hover .icon.box {
  background-image: url("/img/icons/categories/box-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.business, .blog-categories-mini ul.dropslide li a:hover .icon.business {
  background-image: url("/img/icons/categories/business-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.effects, .blog-categories-mini ul.dropslide li a:hover .icon.effects {
  background-image: url("/img/icons/categories/effects-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.post-production, .blog-categories-mini ul.dropslide li a:hover .icon.post-production {
  background-image: url("/img/icons/categories/post-production-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active .icon.video, .blog-categories-mini ul.dropslide li a:hover .icon.video {
  background-image: url("/img/icons/categories/video-outlined.svg");
}
.blog-categories-mini ul.dropslide li a.active, .blog-categories-mini ul.dropslide li a:hover {
  cursor: pointer;
  background-color: #272532;
  color: white;
}
.blog-categories-mini span {
  text-align: left;
  font-size: 12px;
  font-weight: 600;
}

.blog-see-all {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4e73df;
  padding: 8px 10px;
  transition: 0.35s ease all;
}
.blog-see-all:hover::after {
  right: -4px;
  color: #272532;
}
.blog-see-all:hover {
  color: #272532;
  text-decoration: none;
}
.blog-see-all::after {
  color: #4e73df;
  transition: 0.35s ease all;
  position: relative;
  right: 0;
  top: -1px;
  padding: 8px;
  font-family: "fontello";
  font-weight: normal;
  content: "\f105";
}

/* Categories with icons */
ul.categories-flow {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
@media (max-width: 768px) {
  ul.categories-flow {
    display: flex;
    overflow-x: scroll;
  }
}
ul.categories-flow li {
  display: inline-block;
  margin: 0px;
}
ul.categories-flow li > a {
  top: 0;
  width: 150px;
  display: block;
  color: #272532;
  text-decoration: none;
  padding: 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 5px;
}
ul.categories-flow li > a span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
ul.categories-flow li > a {
  transition: 0.35s ease all;
}
ul.categories-flow li > a.active .icon, ul.categories-flow li > a:hover .icon {
  transition: 0.3s ease all;
}
ul.categories-flow li > a.active .icon.davinci, ul.categories-flow li > a:hover .icon.davinci {
  background-image: url("/img/icons/categories/davinci-outlined.svg");
}
ul.categories-flow li > a.active .icon.ae, ul.categories-flow li > a:hover .icon.ae {
  background-image: url("/img/icons/categories/ae-outlined.svg");
}
ul.categories-flow li > a.active .icon.pr, ul.categories-flow li > a:hover .icon.pr {
  background-image: url("/img/icons/categories/pr-outlined.svg");
}
ul.categories-flow li > a.active .icon.addons, ul.categories-flow li > a:hover .icon.addons {
  background-image: url("/img/icons/categories/addons-outlined.svg");
}
ul.categories-flow li > a.active .icon.fcpx, ul.categories-flow li > a:hover .icon.fcpx {
  background-image: url("/img/icons/categories/fcpx-outlined.svg");
}
ul.categories-flow li > a.active .icon.ai, ul.categories-flow li > a:hover .icon.ai {
  background-image: url("/img/icons/categories/ai-outlined.svg");
}
ul.categories-flow li > a.active .icon.audio, ul.categories-flow li > a:hover .icon.audio {
  background-image: url("/img/icons/categories/audio-outlined.svg");
}
ul.categories-flow li > a.active .icon.all-folder, ul.categories-flow li > a:hover .icon.all-folder {
  background-image: url("/img/icons/categories/all-folder-outlined.svg");
}
ul.categories-flow li > a.active .icon.atomx, ul.categories-flow li > a:hover .icon.atomx {
  background-image: url("/img/icons/categories/atomx-outlined.svg");
}
ul.categories-flow li > a.active .icon.market, ul.categories-flow li > a:hover .icon.market {
  background-image: url("/img/icons/categories/market-outlined.svg");
}
ul.categories-flow li > a.active .icon.animate, ul.categories-flow li > a:hover .icon.animate {
  background-image: url("/img/icons/categories/animate-outlined.svg");
}
ul.categories-flow li > a.active .icon.box, ul.categories-flow li > a:hover .icon.box {
  background-image: url("/img/icons/categories/box-outlined.svg");
}
ul.categories-flow li > a.active .icon.business, ul.categories-flow li > a:hover .icon.business {
  background-image: url("/img/icons/categories/business-outlined.svg");
}
ul.categories-flow li > a.active .icon.effects, ul.categories-flow li > a:hover .icon.effects {
  background-image: url("/img/icons/categories/effects-outlined.svg");
}
ul.categories-flow li > a.active .icon.post-production, ul.categories-flow li > a:hover .icon.post-production {
  background-image: url("/img/icons/categories/post-production-outlined.svg");
}
ul.categories-flow li > a.active .icon.video, ul.categories-flow li > a:hover .icon.video {
  background-image: url("/img/icons/categories/video-outlined.svg");
}
ul.categories-flow li > a.active, ul.categories-flow li > a:hover {
  cursor: pointer;
  background-color: #272532;
  color: white;
}
ul.categories-flow {
  /* Replace full styles */
}
ul.categories-flow-invert li > a {
  color: white;
  background-color: rgba(255, 255, 255, 0.06);
}
ul.categories-flow-invert li > a .icon {
  transition: 0.3s ease all;
}
ul.categories-flow-invert li > a .icon.davinci {
  background-image: url("/img/icons/categories/davinci-outlined.svg");
}
ul.categories-flow-invert li > a .icon.ae {
  background-image: url("/img/icons/categories/ae-outlined.svg");
}
ul.categories-flow-invert li > a .icon.pr {
  background-image: url("/img/icons/categories/pr-outlined.svg");
}
ul.categories-flow-invert li > a .icon.addons {
  background-image: url("/img/icons/categories/addons-outlined.svg");
}
ul.categories-flow-invert li > a .icon.fcpx {
  background-image: url("/img/icons/categories/fcpx-outlined.svg");
}
ul.categories-flow-invert li > a .icon.ai {
  background-image: url("/img/icons/categories/ai-outlined.svg");
}
ul.categories-flow-invert li > a .icon.audio {
  background-image: url("/img/icons/categories/audio-outlined.svg");
}
ul.categories-flow-invert li > a .icon.all-folder {
  background-image: url("/img/icons/categories/all-folder-outlined.svg");
}
ul.categories-flow-invert li > a .icon.atomx {
  background-image: url("/img/icons/categories/atomx-outlined.svg");
}
ul.categories-flow-invert li > a .icon.market {
  background-image: url("/img/icons/categories/market-outlined.svg");
}
ul.categories-flow-invert li > a .icon.animate {
  background-image: url("/img/icons/categories/animate-outlined.svg");
}
ul.categories-flow-invert li > a .icon.box {
  background-image: url("/img/icons/categories/box-outlined.svg");
}
ul.categories-flow-invert li > a .icon.business {
  background-image: url("/img/icons/categories/business-outlined.svg");
}
ul.categories-flow-invert li > a .icon.effects {
  background-image: url("/img/icons/categories/effects-outlined.svg");
}
ul.categories-flow-invert li > a .icon.post-production {
  background-image: url("/img/icons/categories/post-production-outlined.svg");
}
ul.categories-flow-invert li > a .icon.video {
  background-image: url("/img/icons/categories/video-outlined.svg");
}
ul.categories-flow-invert li > a.active .icon, ul.categories-flow-invert li > a:hover .icon {
  transition: 0.3s ease all;
}
ul.categories-flow-invert li > a.active .icon.davinci, ul.categories-flow-invert li > a:hover .icon.davinci {
  background-image: url("/img/icons/categories/davinci-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.ae, ul.categories-flow-invert li > a:hover .icon.ae {
  background-image: url("/img/icons/categories/ae-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.pr, ul.categories-flow-invert li > a:hover .icon.pr {
  background-image: url("/img/icons/categories/pr-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.addons, ul.categories-flow-invert li > a:hover .icon.addons {
  background-image: url("/img/icons/categories/addons-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.fcpx, ul.categories-flow-invert li > a:hover .icon.fcpx {
  background-image: url("/img/icons/categories/fcpx-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.ai, ul.categories-flow-invert li > a:hover .icon.ai {
  background-image: url("/img/icons/categories/ai-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.audio, ul.categories-flow-invert li > a:hover .icon.audio {
  background-image: url("/img/icons/categories/audio-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.all-folder, ul.categories-flow-invert li > a:hover .icon.all-folder {
  background-image: url("/img/icons/categories/all-folder-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.atomx, ul.categories-flow-invert li > a:hover .icon.atomx {
  background-image: url("/img/icons/categories/atomx-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.market, ul.categories-flow-invert li > a:hover .icon.market {
  background-image: url("/img/icons/categories/market-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.animate, ul.categories-flow-invert li > a:hover .icon.animate {
  background-image: url("/img/icons/categories/animate-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.box, ul.categories-flow-invert li > a:hover .icon.box {
  background-image: url("/img/icons/categories/box-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.business, ul.categories-flow-invert li > a:hover .icon.business {
  background-image: url("/img/icons/categories/business-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.effects, ul.categories-flow-invert li > a:hover .icon.effects {
  background-image: url("/img/icons/categories/effects-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.post-production, ul.categories-flow-invert li > a:hover .icon.post-production {
  background-image: url("/img/icons/categories/post-production-fill.svg");
}
ul.categories-flow-invert li > a.active .icon.video, ul.categories-flow-invert li > a:hover .icon.video {
  background-image: url("/img/icons/categories/video-fill.svg");
}
ul.categories-flow-invert li > a.active, ul.categories-flow-invert li > a:hover {
  cursor: pointer;
  background: rgb(255, 255, 255);
  color: #272532;
}
ul.categories-flow-max li > a {
  width: 170px;
  height: 150px;
}
ul.categories-flow-max li > a .icon {
  min-width: 70px;
  min-height: 70px;
}
ul.categories-flow {
  /* Add pieces of styles */
}
ul.categories-flow.s-white li > a {
  background: rgb(255, 255, 255);
}
ul.categories-flow.s-transparent li > a {
  background: transparent;
}

/* Styles for Help Section */
/* Styles for lists in help section (category and others) */
.help-entries h4 a {
  color: #272532;
}
.help-entries ul.list-help-items {
  list-style-type: square;
  padding: 15px;
}
.help-entries ul.list-help-items li {
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 400;
}
.help-entries ul.list-help-items li a {
  color: #6e7580;
}
.help-entries ul.list-help-items li a:hover {
  color: #272532;
}
.help-entries ul.list-help-items li.current {
  list-style-type: square;
}
.help-entries ul.list-help-items li.current a {
  color: black;
}
.help-entries ul.list-help-items li sup {
  opacity: 0.7;
  font-weight: 700;
  padding: 2px;
}
.help-entries ul.list-help-items.sidebar {
  list-style-type: none;
}
.help-entries ul.list-help-items.sidebar li {
  font-size: 0.95rem;
  font-weight: 500;
}
.help-entries ul.list-help-items.sidebar li a:hover {
  color: #272532;
  text-decoration: none;
}
.help-entries ul.list-help-items.main-entry li {
  font-size: 1.4rem;
}
.help-entries ul.list-help-items.search-query {
  width: 100%;
  list-style-type: circle;
}
.help-entries ul.list-help-items.search-query li {
  font-size: 1.4rem;
  border-bottom: 1px solid #dbdbdb;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: 0.2s ease all;
}
.help-entries ul.list-help-items.search-query li:hover {
  transform: translateX(10px);
}
.help-entries ul.list-help-items.search-query li a {
  text-decoration: none;
}
.help-entries ul.list-help-items.search-query li strong {
  color: #4e73df;
}
.help-entries ul.list-help-items.search-query li .sub-cat {
  display: block;
  font-size: 12px;
  margin-top: 4px;
}

/* Sticky sidebar for articles */
.hc-sticky {
  position: sticky;
  position: -webkit-sticky; /* Safari */
  top: 75px;
}

div.warning-block {
  display: flex;
  align-items: center;
  background-color: #FFDD00;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 0.9rem;
  border-radius: 8px;
}
div.warning-block i.font-icon {
  font-size: 2rem;
  margin-right: 5px;
}
div.warning-block a {
  color: black;
  text-decoration: underline;
}
div.warning-block a:hover {
  text-decoration: none;
}

/* Article content */
.content-description-main {
  padding: 20px;
}
.content-description-main ul li, .content-description-main ol li {
  padding: 5.5px 0 5.5px 3px;
}
.content-description-main h1, .content-description-main h2, .content-description-main h3, .content-description-main h4, .content-description-main h5, .content-description-main h6 {
  padding: 14px 0;
  margin: 0;
  line-height: 30px;
  outline: none;
}
.content-description-main {
  cursor: auto;
}
.content-description-main img, .content-description-main video {
  max-width: 100%;
  vertical-align: top;
}
.content-description-main code.block {
  padding: 14px;
  display: block;
  margin-bottom: 15px;
}
.content-description-main code.block::before {
  color: #b44437;
  opacity: 0.4;
  content: "< Code Block >";
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #e25e4f;
  display: block;
}
.content-description-main blockquote.bq-block {
  background-color: #f6f8fa;
  padding: 20px;
  border-radius: 10px;
  font-size: 1.2rem;
}
.content-description-main blockquote.bq-block .bq-author {
  font-style: italic;
  font-size: 1rem;
}
.content-description-main blockquote.bq-block .bq-author::before {
  content: "- ";
  opacity: 0.5;
}
.content-description-main blockquote.bq-block {
  margin-top: 5px;
  margin-bottom: 5px;
}
.content-description-main .image-stretched a > img {
  transition: 0.3s ease all;
}
.content-description-main .image-stretched a > img:hover {
  opacity: 0.8;
}
.content-description-main .image-stretched img {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.content-description-main .image-with-background {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #f6f8fa;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
  text-align: center;
  transition: 0.3s ease background-color;
}
.content-description-main .image-with-background:hover {
  background-color: white;
}
.content-description-main .image-with-background img {
  max-height: 500px;
}
.content-description-main .masonry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-auto-rows: 320px;
  grid-gap: 2px;
  margin: 20px 0;
}
@media (min-width: 478px) {
  .content-description-main .masonry-grid img:nth-child(2n):not(:last-of-type) {
    grid-row-end: span 1;
  }
}
.content-description-main .masonry-grid.masonry-grid-horizontal {
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-rows: 150px;
}
@media (min-width: 478px) {
  .content-description-main .masonry-grid.masonry-grid-horizontal img:nth-child(2n):not(:last-of-type) {
    grid-column-end: span 1;
    grid-row-end: span 2;
  }
}
.content-description-main .masonry-grid.masonry-grid-square {
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-auto-rows: 250px;
}
@media (min-width: 478px) {
  .content-description-main .masonry-grid.masonry-grid-square img:nth-child(2n):not(:last-of-type) {
    grid-row-end: span 1;
    grid-column-end: span 1;
  }
}
@media (min-width: 478px) {
  .content-description-main .masonry-grid.masonry-grid-default img:nth-child(2n):not(:last-of-type) {
    grid-row-end: span 2;
  }
}
.content-description-main .masonry-grid.masonry-grid-gaps {
  grid-gap: 15px;
}
.content-description-main .masonry-grid.masonry-grid-fixed {
  grid-auto-rows: 250px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
@media (min-width: 478px) {
  .content-description-main .masonry-grid.masonry-grid-fixed img:nth-child(2n):not(:last-of-type) {
    grid-row-end: span 2;
  }
}
.content-description-main .masonry-grid.masonry-grid-bg {
  background: #f6f8fa;
  padding: 15px;
  padding-top: 5px;
  padding-bottom: 30px;
  border-radius: 15px;
}
.content-description-main .masonry-grid img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  background: rgba(240, 240, 240, 0.9);
}

ul.see-also-list {
  font-size: 1.15rem;
  list-style-type: none;
}
ul.see-also-list li {
  margin-bottom: 15px;
}
ul.see-also-list li a {
  color: rgb(61, 61, 61);
}

/* Little title in sidebar and other elements */
.bc-pre-title {
  color: #919191;
  line-height: 11px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* Main section/category/article title */
.hc-section-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 15px;
}

/* Author center styles */
.upload-content .blog-categories-mini span {
  font-weight: 500;
}
.upload-content .current-category {
  font-size: 12px;
  font-weight: 500;
}
.upload-content .item-contributor-label {
  position: relative;
  top: -5px;
  left: 5px;
  text-transform: uppercase;
  background-color: #4e73df;
  color: white;
  padding: 6px 12px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
}
.upload-content .upload-section > a > small.lead {
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  font-weight: 500;
}
.upload-content .upload-section {
  margin: 10px 10px 0 0;
  border: 1px solid #f0efef;
  border-radius: 5px;
  background-color: rgb(252, 252, 252);
  transition: 0.3s ease all;
}
.upload-content .upload-section .input-group:not(:first-child) {
  border-top: 1px dashed #e7e7e7;
  margin-top: 15px;
}
.upload-content .upload-section-head {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #ffffff;
  border-bottom: 1px solid #f0efef;
  color: #4e73df;
  transition: 0.3s ease all;
}
.upload-content .upload-section-head a.blog-see-all {
  padding: 0;
  margin: 0;
  opacity: 0.7;
}
.upload-content .upload-section {
  /* File Input Drag and drop */
}
.upload-content .upload-section-file {
  border-radius: 5px;
  text-align: center;
  border: 2px solid #e9e9e9;
  outline: 2px dashed #e9e9e9;
  outline-offset: -10px;
  min-width: 320px;
  min-height: 300px;
  max-height: 300px;
  margin: 0 auto;
}
.upload-content .upload-section-file-grid {
  border-color: transparent;
  border-radius: 0;
}
.upload-content .upload-section-file input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.upload-content .upload-section-file .file-dummy {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  padding: 30px;
  text-align: center;
  border: 2px dashed transparent;
  transition: background 0.3s ease-in-out;
}
.upload-content .upload-section-file .file-dummy-success {
  display: none;
}
.upload-content .upload-section-file .file-dummy-progress {
  display: none;
  font-size: 0.75em;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 600;
}
.upload-content .upload-section-file .file-dummy-progress > span {
  animation: flicking 2s linear infinite;
}
.upload-content .upload-section-file .file-dummy-error {
  display: none;
}
.upload-content .upload-section-file .progress-bar {
  background-color: #cfcfcf;
  height: 15px;
  margin: 0 auto;
  border-radius: 4px;
}
.upload-content .upload-section-file .progress-bar.stripes {
  background-size: 30px 30px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.upload-content .upload-section-file .progress-bar.stripes.animated {
  animation: animate-stripes 0.6s linear infinite;
}
.upload-content .upload-section-file .progress-bar.stripes.animated.slower {
  animation-duration: 1.25s;
}
.upload-content .upload-section-file .progress-bar.stripes.reverse {
  animation-direction: reverse;
}
.upload-content .upload-section-file .progress-bar .progress-bar-count {
  font-weight: bold;
}
.upload-content .upload-section-file .progress-bar .progress-bar-inner {
  display: block;
  height: 100%;
  width: 0%;
  background-color: #17d58f;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  position: relative;
  transition: 1s ease all;
}
.upload-content .upload-section-file:hover, .upload-content .upload-section-file.is-dragover {
  outline-offset: -18px;
  outline-color: #4e73df;
  background-color: #ffffff;
}
.upload-content .upload-section-file.is-set {
  border: 2px solid #4e73df;
  box-shadow: 0 0 8px 4px rgba(0, 119, 255, 0.2);
  background-color: #ffffff;
}
.upload-content .upload-section-file.is-set .file-dummy-success,
.upload-content .upload-section-file.is-set .file-dummy-default {
  display: none;
}
.upload-content .upload-section-file.is-set .file-dummy-progress {
  display: block;
}
.upload-content .upload-section-file.is-set-complete {
  border: 2px solid #4e73df;
  box-shadow: 0 0 8px 4px rgba(0, 119, 255, 0.2);
  background-color: #ffffff;
}
.upload-content .upload-section-file.is-set-complete .file-dummy-progress,
.upload-content .upload-section-file.is-set-complete .file-dummy-default {
  display: none;
}
.upload-content .upload-section-file.is-set-complete .file-dummy-success {
  display: block;
}
.upload-content .upload-section-file.is-set-error {
  border: 2px solid #4e73df;
  box-shadow: 0 0 8px 4px rgba(0, 119, 255, 0.2);
  background-color: #ffffff;
}
.upload-content .upload-section-file.is-set-error .file-dummy-progress,
.upload-content .upload-section-file.is-set-error .file-dummy-default {
  display: none;
}
.upload-content .upload-section-file.is-set-error .file-dummy-error {
  display: block;
}
.upload-content .upload-section-file.required {
  border: 2px solid #ff4848;
  background-color: #ffffff;
}
.upload-content .upload-section-file.is-remind {
  border: 2px solid #4e73df;
  background-color: #ffffff;
  outline-color: #4e73df;
}
.upload-content .upload-section-file.is-remind h4 {
  color: #4e73df;
}
.upload-content .upload-section:hover:not(.static), .upload-content .upload-section.current {
  background-color: #ffffff;
  box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.1);
}
.upload-content .upload-section:hover:not(.static) .upload-section-head a.blog-see-all, .upload-content .upload-section.current .upload-section-head a.blog-see-all {
  color: white;
}
.upload-content .upload-section:hover:not(.static) .upload-section-head a.blog-see-all::after, .upload-content .upload-section.current .upload-section-head a.blog-see-all::after {
  color: white;
}
.upload-content .upload-section:hover:not(.static) .upload-section-head .lead, .upload-content .upload-section.current .upload-section-head .lead {
  color: rgba(255, 255, 255, 0.6);
}
.upload-content .upload-section:hover:not(.static) .upload-section-head, .upload-content .upload-section.current .upload-section-head {
  background-color: #4e73df;
  color: white;
  border-bottom: 1px solid #4e73df;
}
.upload-content .upload-section {
  /* Current setup for buttons list */
}
.upload-content .upload-section > a[aria-checked="1"] {
  background-color: #4e73df;
  color: white;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.upload-content .upload-section > a[aria-checked="1"] .lead {
  color: rgba(255, 255, 255, 0.6);
}
.upload-content .upload-section > a[aria-checked="1"] svg {
  stroke: white;
}
.upload-content .upload-section > a {
  border-radius: 5px;
  transition: 0.2s ease all;
  padding: 17px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  display: block;
  color: #4e73df;
  position: relative;
}
.upload-content .upload-section > a svg {
  transition: all 150ms ease;
  position: absolute;
  right: 20px;
  top: calc(50% - 0px);
  width: 14px;
  height: 10px;
  stroke-width: 2px;
  stroke: #9098a9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.upload-content .upload-section > div {
  padding: 17px;
}

#editorjs .codex-editor {
  text-align: left;
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #d8dbdd;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 3px -2px #9098a9;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 150ms ease;
  font-family: inherit;
  font-size: 0.95em;
}
#editorjs .codex-editor:hover {
  border: 1px solid #2962ff;
}
#editorjs .codex-editor .icon {
  min-width: auto !important;
  min-height: auto !important;
}
#editorjs .codex-editor:not(.codex-editor--empty) {
  border: 1px solid #2962ff;
}

.link-arrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #4e73df;
  padding: 8px 2px;
  transition: 0.35s ease all;
}
.link-arrow.max {
  font-size: 1rem;
}
.link-arrow:hover::before {
  right: 4px;
  color: #272532;
}
.link-arrow:hover {
  color: #272532;
  text-decoration: none;
}
.link-arrow::before {
  color: #4e73df;
  transition: 0.35s ease all;
  position: relative;
  right: 0;
  vertical-align: middle;
  padding: 4px;
  font-family: "fontello";
  font-weight: normal;
  content: "\e838";
}

.code-tagging {
  color: rgba(180, 68, 55, 0.8);
  font-style: italic;
}
.code-tagging code {
  font-size: 1em;
  font-style: normal;
  margin-right: 3px;
}

.btn-status {
  font-weight: 500;
  font-size: 0.8rem;
  padding: 5px 10px;
  border-radius: 5px;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  white-space: nowrap;
}
.btn-status-label {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
  display: inline-block;
  position: relative;
  top: -5px;
  left: 5px;
}
.btn-status:not(.btn-status-only) .btn-status-title::after {
  content: "\f0dc";
  padding-left: 4px;
  font-family: "fontello";
  opacity: 0.9;
  vertical-align: top;
}
.btn-status {
  position: relative;
}
.btn-status:not(.btn-status-only):hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-status:not(.btn-status-only):hover .btn-status-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: 100%;
}
.btn-status ul.btn-status-dropdown {
  width: 100%;
  z-index: 5;
  background: rgb(255, 255, 255);
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  box-shadow: 0 12px 60px rgba(14, 32, 66, 0.15), 0 1px 2px rgba(14, 32, 66, 0.05);
  pointer-events: none;
  top: 150%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  left: 0px;
  border-radius: 5px;
}
.btn-status ul.btn-status-dropdown > li, .btn-status ul.btn-status-dropdown > a {
  transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
  display: block;
  padding: 5px 10px;
  color: rgb(23, 27, 48);
  border-bottom: 1px solid rgb(238, 237, 237);
}
.btn-status ul.btn-status-dropdown > li:last-child, .btn-status ul.btn-status-dropdown > a:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border: 0;
}
.btn-status ul.btn-status-dropdown > li:hover, .btn-status ul.btn-status-dropdown > a:hover {
  cursor: pointer;
  background-color: #272532;
  color: white;
  text-decoration: none;
}

.notify-changed-animate {
  animation: move-left-attrach 1s ease-in-out;
}
.notify-changed-animate-right {
  animation: move-right-attrach 1s ease-in-out;
}

.contributor-table {
  font-size: 15px;
}
.contributor-table.row-vertical-middle td, .contributor-table.row-vertical-middle th {
  vertical-align: middle;
}
.contributor-table tr.hover-row {
  transition: 0.2s ease all;
}
.contributor-table tr.hover-row:hover {
  opacity: 1 !important;
  transform: translateX(15px);
  cursor: pointer;
}
.contributor-table .details > a {
  font-weight: 500;
  transition: 0.3s ease all;
}
.contributor-table .details > a:hover {
  text-decoration: none;
  color: black;
}
.contributor-table .details .e-license {
  display: block;
  color: #616161;
}
.contributor-table .details .e-license .e-separator {
  font-size: 14px !important;
  font-weight: bold;
  color: #aaaaaa;
  padding-left: 2px;
  padding-right: 2px;
}
.contributor-table .e-dates {
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.contributor-table .e-dates > i {
  opacity: 0.5;
}
.contributor-table .e-number {
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 0.5px;
}
.contributor-table .e-price {
  font-weight: bold;
  font-size: 1.05em;
  color: #4e73df;
}
.contributor-table .e-price sup {
  font-size: 0.8em;
}
.contributor-table .e-earn {
  font-weight: bold;
  font-size: 1.05em;
  color: rgb(21, 196, 21);
}
.contributor-table .e-percent-earn {
  font-weight: bold;
  font-size: 1em;
  color: rgb(155, 155, 155);
}
.contributor-table .e-trans-tax {
  font-size: 0.8em;
  color: rgb(218, 14, 14);
}
.contributor-table td.copy-field {
  padding: 12px;
  box-shadow: none;
  border-radius: 0;
}
.contributor-table td.copy-field:hover {
  background: rgba(183, 182, 255, 0.1);
}
.contributor-table .copy-field {
  padding: 10px 16px;
  border-radius: 5px;
  box-shadow: 0 2px 3px -2px #9098a9;
  transition: all 150ms ease;
  font-family: inherit;
  font-size: 0.95em;
  user-select: all;
  -moz-user-select: all;
  -webkit-user-select: all;
}
.contributor-table .copy-field:hover {
  cursor: text;
  border-color: #c9ccce;
}
.contributor-table .copy-field:hover::before {
  opacity: 0;
}
.contributor-table .copy-field::before {
  transition: all 150ms ease;
  content: "\e837";
  padding-right: 4px;
  font-family: "fontello";
  opacity: 0.4;
  vertical-align: middle;
}
.contributor-table .e-lead {
  font-size: 0.7rem;
  letter-spacing: 0.5px;
  font-weight: 600;
  opacity: 0.6;
}
.contributor-table .status {
  font-weight: 500;
  font-size: 0.8rem;
  padding: 5px 10px;
  border-radius: 5px;
  width: 100%;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
}
.contributor-table a.status-link {
  width: auto;
  font-weight: 500;
  font-size: 0.8rem;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: white;
  text-decoration: none;
  color: #4e73df;
  transition: 0.25s ease all;
  border: 1px solid #4e73df;
  position: relative;
  white-space: nowrap;
}
.contributor-table a.status-link::after {
  padding: 4px;
  font-size: 0.6rem;
  font-weight: 300;
  font-family: "fontello";
  content: "\f08e";
  position: absolute;
  visibility: hidden;
  right: -20px;
  opacity: 0;
  top: 3px;
  transition: 0.25s ease all;
  pointer-events: none;
}
.contributor-table a.status-link:hover {
  background-color: transparent;
  color: black;
  border-color: transparent;
}
.contributor-table a.status-link:hover::after {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
  right: -8px;
}

/* Earnings page */
.stats-panel h3 {
  margin: 0;
}
.stats-panel span.desc {
  letter-spacing: 0.5px;
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.5;
}

/* Error pages */
.error-page .subtitle a {
  color: black;
  text-decoration: underline;
}
.error-page h1 span {
  color: #ff4848;
}

/* Marketplace */
/* Set Stars Rating / show */
/*
 * General styles.
 * Not necessary for the component to work
*/
.rating-holder {
  display: inline-block;
}

.c-rating button {
  float: left;
  width: 1.25em;
  height: 1.25em;
  border: 0;
  text-indent: -9999px;
  outline: none;
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
  cursor: pointer;
  transition: background 0.25s ease;
}
.c-rating button:hover, .c-rating button:hover ~ button {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat !important;
}
.c-rating:hover button {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22grey%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat !important;
}
.c-rating[data-rating-value="0"] button:nth-child(-n+0) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.25"] button:nth-child(-n+1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.25"] button:nth-child(1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.5"] button:nth-child(-n+1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.5"] button:nth-child(1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.75"] button:nth-child(-n+1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="0.75"] button:nth-child(1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1"] button:nth-child(-n+1) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.25"] button:nth-child(-n+2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.25"] button:nth-child(2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.5"] button:nth-child(-n+2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.5"] button:nth-child(2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.75"] button:nth-child(-n+2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="1.75"] button:nth-child(2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2"] button:nth-child(-n+2) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.25"] button:nth-child(-n+3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.25"] button:nth-child(3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.5"] button:nth-child(-n+3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.5"] button:nth-child(3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.75"] button:nth-child(-n+3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="2.75"] button:nth-child(3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3"] button:nth-child(-n+3) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.25"] button:nth-child(-n+4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.25"] button:nth-child(4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.5"] button:nth-child(-n+4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.5"] button:nth-child(4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.75"] button:nth-child(-n+4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="3.75"] button:nth-child(4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4"] button:nth-child(-n+4) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.25"] button:nth-child(-n+5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.25"] button:nth-child(5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M196.208 415.2v-224.8l-139.504 20.272 100.944 98.384-23.84 138.928z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.5"] button:nth-child(-n+5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.5"] button:nth-child(5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M258.672 64l-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6v-318.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.75"] button:nth-child(-n+5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="4.75"] button:nth-child(5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M321.616 190.496l-0.656-0.096-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 63.024 33.136z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat, url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23ddd%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating[data-rating-value="5"] button:nth-child(-n+5) {
  background: url("data:image/svg+xml;utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22orange%22%20d%3D%22M457.888 210.672l-139.504-20.272-62.384-126.4-62.384 126.4-139.504 20.272 100.944 98.384-23.84 138.928 124.768-65.6 124.768 65.6-23.84-138.928c0 0 100.944-98.384 100.944-98.384z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") center/cover no-repeat;
}
.c-rating.off {
  pointer-events: none;
}
.c-rating--small {
  font-size: 60%;
}
.c-rating--big {
  font-size: 150%;
}

/* Design on main marketplace page */
.video-header {
  height: 700px;
  overflow: hidden;
  position: relative;
  background: #333;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  position: relative;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.video-header video.bg-inside,
.video-header img.bg-inside {
  position: absolute;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  /* Fixes for IE11 like object-fit cover */
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  right: 50%;
  left: auto;
  transform: translate(50%, 0);
}
.video-header .fill-black {
  opacity: 0.9;
  background: rgb(29, 29, 29);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.video-header .overlay-content {
  position: absolute;
  color: white;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.video-header .overlay-content .container {
  margin: auto;
}
.video-header .video-author {
  text-align: center;
  margin: 10px;
  font-size: 12px;
  z-index: 1;
  color: #afafaf;
}
.video-header .video-author a {
  color: #dbdbdb;
  font-weight: 700;
  text-decoration: underline;
}
.video-header .video-author a i {
  margin: 4px;
}
.video-header .video-author a:hover {
  text-decoration: none;
}

.main-page-categories {
  max-width: 1760px;
}
.main-page-categories a {
  position: relative;
}
.main-page-categories a::before {
  border-radius: 15px;
  content: "";
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9));
}
.main-page-categories a img {
  z-index: 0;
  position: absolute;
  margin-left: 0;
  margin-top: 0;
  transition: 0.3s ease all;
}
.main-page-categories a {
  text-decoration: none;
  margin: 5px;
  background-repeat: no-repeat;
  color: white;
  height: 180px;
  width: 300px;
  border-radius: 15px;
  overflow: hidden;
  transition: 0.3s ease all;
  text-align: center;
}
.main-page-categories a .content {
  z-index: 2;
  font-size: 2.3em;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.3s ease all;
}
.main-page-categories a .content h4 {
  font-weight: 700;
}
.main-page-categories a .content h6 {
  font-size: 0.8rem;
  opacity: 0.7;
}
.main-page-categories a .content h4,
.main-page-categories a .content h6 {
  transition: 0.3s ease all;
}
.main-page-categories a .icon {
  transition: 0.3s ease all;
}
.main-page-categories .item:hover a::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}
.main-page-categories .item:hover a .content h4 {
  margin-top: -30px;
  opacity: 0;
}
.main-page-categories .item:hover a .content h6 {
  opacity: 0;
}
.main-page-categories .item:hover a .icon {
  margin-top: 40px;
}

/* Main on page / mini cart design */
.main-cart td.price {
  font-weight: 600;
  color: #4e73df;
}
.main-cart td.product a {
  font-weight: 500;
  text-decoration: none;
}
.main-cart td.product .name {
  vertical-align: top;
  display: inline-block;
}
.main-cart td.product .license {
  display: inline-block;
}
.main-cart td.product img {
  border-radius: 15px;
  width: 140px;
}

/* Global Quantity */
.quantity {
  display: inline-block;
  background: white;
  box-shadow: 0 10px 65px -10px rgba(0, 0, 0, 0.25);
  border-radius: 30px;
  padding: 10px;
}
.quantity.mini {
  padding: 5px;
  border-radius: 18px;
  box-shadow: 0 10px 25px -6px rgba(0, 0, 0, 0.25);
  transition: 0.3s ease all;
  opacity: 0;
  position: absolute;
  top: 21px;
  right: 0;
}
.quantity.mini .qty {
  width: 30px;
  height: 16px;
  font-size: 12px;
}
.quantity.mini .qty-btn {
  height: 19px;
  width: 19px;
  font-size: 12px;
}
.quantity .qty {
  width: 35px;
  height: 35px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  border: none;
  font-weight: 500;
}
.quantity .qty-btn {
  height: 35px;
  width: 35px;
  transition: 0.15s ease background-color;
  border: none;
  color: #bdbdbd;
  font-weight: 500;
  font-size: 21px;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.quantity .qty-btn:hover {
  background: #eeeeee;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

.checkoutButton {
  padding-top: 8px;
  display: flex;
}
.checkoutButton.freeCheckout .subtotal {
  border-color: #17d58f;
}
.checkoutButton.freeCheckout .subtotal .title {
  border-color: #17d58f;
  color: #17d58f;
}
.checkoutButton.freeCheckout .subtotal {
  color: #17d58f;
}
.checkoutButton .btn {
  min-width: 170px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  pointer-events: auto;
}
.checkoutButton .subtotal {
  transition: 0.2s ease background, 0.2s ease color;
  min-width: 170px;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border: 2px solid #4e73df;
  border-right-width: 0;
  padding: 4px 8px;
  background: white;
  position: relative;
}
.checkoutButton .subtotal .title {
  top: -12px;
  right: -2px;
  background: white;
  border: 2px solid #4e73df;
  border-radius: 8px;
  border-bottom-right-radius: 0;
  color: #4e73df;
  padding: 0px 10px;
  position: absolute;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.checkoutButton .subtotal .price {
  text-align: center;
  margin-top: 4px;
  font-size: 28px;
  font-weight: bold;
}

.cartCouponForm {
  width: 100%;
}
.cartCouponForm .errors {
  margin-top: 6px;
  padding-left: 2px;
  padding-bottom: 4px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #ff4848;
  animation: move-left-attrach 0.5s ease-in-out;
}
.cartCouponForm .wrapBlock {
  display: flex;
  transition: 0.2s ease all;
}
.cartCouponForm .wrapBlock:hover {
  box-shadow: -0.4rem 0.4rem 0 0 #ececec !important;
}
.cartCouponForm .wrapBlock {
  border-radius: 6px;
}
.cartCouponForm .wrapBlock input {
  padding: 10px 16px;
  width: 70%;
  border-radius: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border: 1px solid #f7f7f7;
  border-right-width: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.cartCouponForm .wrapBlock button {
  border-radius: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #f7f7f7;
  background-color: #272532;
  border-left-width: 0;
  width: 30%;
  cursor: pointer;
  transition: 0.2s ease background;
  color: white;
  padding: 10px;
  word-break: keep-all;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.cartCouponForm .wrapBlock button:hover {
  background-color: #4e73df;
  color: white;
}

/* Cart Mini Items */
ul.cart-items {
  list-style: none;
  padding: 0;
  position: relative;
}
ul.cart-items li {
  padding: 10px;
}
ul.cart-items li.mini-cart-checkout {
  padding: 0;
  text-align: center;
}
ul.cart-items li.mini-cart-checkout a {
  background: #4e73df;
  border-radius: 0 0 6px 6px;
  width: 100%;
  margin: 0 auto;
  display: block;
  padding: 12px;
  text-decoration: none;
  color: white;
  transition: 0.3s ease all;
}
ul.cart-items li.mini-cart-checkout a:hover {
  background: #272532;
}
ul.cart-items li.cart-header {
  font-size: 12px;
}
ul.cart-items li.cart-header .info-cart-count {
  opacity: 0.7;
  float: left;
}
ul.cart-items li.cart-header .clear-cart-btn {
  float: right;
  transition: 0.2s ease opacity;
  opacity: 0.7;
}
ul.cart-items li.cart-header .clear-cart-btn:hover {
  opacity: 1;
  cursor: pointer;
}
ul.cart-items li.cart-item {
  position: relative;
}
ul.cart-items li.cart-item a {
  display: flex;
  text-decoration: none;
  align-items: center;
}
ul.cart-items li.cart-item img {
  width: 70px;
  border-radius: 0.35rem;
  margin-right: 10px;
}
ul.cart-items li.cart-item .coupon_code {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #17d58f;
  color: white;
  display: inline-block;
  padding: 2px 7px;
  border-radius: 5px;
}
ul.cart-items li.cart-item .details {
  color: #757575;
  font-size: 12px;
}
ul.cart-items li.cart-item .details .m-separator {
  font-size: 14px !important;
  font-weight: bold;
  position: relative;
  top: -2px;
  color: #aaaaaa;
  padding-left: 2px;
  padding-right: 2px;
}
ul.cart-items li.cart-item .details > div {
  display: inline-block;
}
ul.cart-items li.cart-item .m-price {
  font-weight: bold;
}
ul.cart-items li.cart-item .m-price s {
  position: relative;
  font-size: 0.8em;
  top: -6px;
  color: rgb(175, 175, 175);
}
ul.cart-items li.cart-item .cart-item-close {
  padding: 4px 5px;
  color: white;
  transition: 0.2s ease all;
  font-size: 10px;
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  top: 26px;
  right: -20px;
  transform: rotateZ(90deg);
  z-index: 0;
  color: white;
  background: #fa2045;
}
ul.cart-items li.cart-item .cart-item-close:hover {
  cursor: pointer;
  background: #3d3d3d;
}
ul.cart-items li.cart-item {
  /* Cart class on Main cart page */
}
ul.cart-items li.cart-item.main-cart-item.coupon-invoke-animate {
  animation: move-left-attrach 0.7s ease-in-out;
}
ul.cart-items li.cart-item.main-cart-item .cart-item-close {
  font-size: 14px;
  top: 45px;
}
ul.cart-items li.cart-item.main-cart-item .item_link {
  font-size: 1.1rem;
  font-weight: 500;
  display: inline-block;
}
ul.cart-items li.cart-item.main-cart-item .quantity {
  position: absolute;
  right: 30px;
  top: 30px;
}
ul.cart-items li.cart-item.main-cart-item .details > div {
  font-size: 16px;
}
ul.cart-items li.cart-item.main-cart-item img {
  width: 100px;
}
ul.cart-items li {
  /* Hover Li Cart Item */
}
ul.cart-items li:hover .cart-item-close {
  opacity: 1;
  right: 8px;
  transform: rotateZ(0deg);
}
ul.cart-items li:hover {
  /* Show Qty */
}
ul.cart-items li:hover .quantity {
  opacity: 1;
  right: 30px;
}
ul.cart-items li.cart-sum {
  padding: 15px;
  font-size: 14px;
}
ul.cart-items li.cart-sum .price {
  color: #4e73df;
  font-weight: 600;
  font-size: 16px;
}
ul.cart-items li .price {
  font-size: 14px;
}

/* Steps in main cart */
.steps {
  display: flex;
  margin: 10px auto;
  position: relative;
  justify-content: center;
}

.step {
  text-align: center;
  width: 160px;
  position: relative;
}
.step .step-desc {
  font-size: 14px;
  font-weight: 500;
}
.step a:hover {
  text-decoration: none;
}
.step a:hover .step-head {
  background-color: #272532;
  border-color: #272532;
  color: #fff;
}
.step::before {
  content: "";
  height: 0;
  width: 50%;
  position: absolute;
  top: 31%;
  z-index: 0;
  right: -25%;
  border: 1px solid #d8d8d8;
}
.step:nth-last-child(-2n+1)::before {
  border: none;
}
.step {
  /* #27ae60 */
}
.step.current::before {
  border-color: #4e73df;
}
.step.current .step-head {
  background-color: #4e73df;
  border-color: #4e73df;
  color: #fff;
}
.step.current .step-desc {
  opacity: 1;
}

.step-head {
  transition: 0.2s ease all;
  color: #d8d8d8;
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  line-height: 36px;
  height: 40px;
  width: 40px;
  font-size: 14px;
  display: inline-block;
  border: 2px solid #d8d8d8;
}

.step-desc {
  color: #4e4e4e;
  opacity: 0.5;
}

/* Payment Cart Page */
.one-card .card-detach {
  padding: 4px 5px;
  color: white;
  transition: 0.2s ease all;
  font-size: 10px;
  border-radius: 6px;
  opacity: 0;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 0;
  color: white;
  background: #3d3d3d;
}
.one-card .card-detach:hover {
  cursor: pointer;
  background: #fa2045;
}
.one-card .card {
  border-bottom: 3px solid white;
  transition: 0.4s ease all;
}
.one-card .card.default-choosen {
  border-bottom: 3px solid #17d58f;
}
.one-card .card .desc {
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.one-card .formBtn {
  transition: 0.4s ease opacity;
}
.one-card:hover .card-detach, .one-card.current .card-detach {
  opacity: 1;
}
.one-card:hover .card, .one-card.current .card {
  margin-right: -10px;
  margin-left: -10px;
}
.one-card:hover .card:not(.default-choosen), .one-card.current .card:not(.default-choosen) {
  border-bottom: 3px solid #2962ff;
}
.one-card:hover .formBtn button, .one-card.current .formBtn button {
  background: #2962ff;
  color: white;
}

.link-copied {
  transition: border-color 0.25s ease, color 0.25s ease;
  animation: move-left-attrach-w-color 0.7s ease-in-out;
}

.purchase-code-field {
  padding: 8px 16px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 3px -2px #9098a9;
  border: 1px solid #e6e8e9;
  transition: border-color 0.25s ease, color 0.25s ease;
  font-size: 0.95em;
}
.purchase-code-field:hover {
  border-color: #a8a8a8;
}
.purchase-code-field small {
  font-weight: bold;
  color: #aaaaaa;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.purchase-code-field .code {
  font-family: monospace;
  vertical-align: middle;
  -webkit-user-select: all;
     -moz-user-select: all;
          user-select: all;
  width: 100%;
}
.purchase-code-field.copied {
  border-color: #17d58f;
  color: #17d58f;
}
.purchase-code-field.copied .copy-btn {
  color: #17d58f;
  animation: splash 0.6s linear;
}
.purchase-code-field.copied .copy-btn:hover {
  color: #17d58f;
}
.purchase-code-field .copy-btn {
  padding: 4px;
  cursor: pointer;
  position: relative;
  right: -5px;
  transition: color 0.2s ease;
}
.purchase-code-field .copy-btn:hover {
  color: #4e73df;
}
.purchase-code-field .copy-btn.set-like::before {
  font-family: "fontello";
  font-weight: normal;
  content: "\e837";
}
.purchase-code-field .copy-btn::before {
  font-family: "fontello";
  font-weight: normal;
  content: "\e833";
}

.my_purchases {
  position: relative;
}
.my_purchases .rating-holder {
  font-size: 12px;
}
.my_purchases .rating-holder .or_hr {
  display: none;
}
.my_purchases .item-details {
  color: #616161;
  font-size: 0.8em;
}
.my_purchases .item-details span.e-separator {
  font-size: 1em;
  font-weight: bold;
  color: #aaaaaa;
  padding-left: 2px;
  padding-right: 2px;
}
.my_purchases .view-licence {
  font-size: 0.7em;
  opacity: 0.7;
}
.my_purchases .view-licence a {
  color: black;
  text-decoration: underline;
}
.my_purchases .view-licence a:hover {
  text-decoration: none;
}
.my_purchases .item-purchase-label {
  position: absolute;
  top: -10px;
  left: -10px;
  text-transform: uppercase;
  background-color: #4e73df;
  color: white;
  z-index: 10;
  padding: 6px 12px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
}

/* Main Grid of Elements includes item and moderate panel */
ul.e-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
  animation: refresh-items-grid 0.5s ease-in-out; /* Refresh items fading */
}
ul.e-grid li.a-item {
  height: 100%;
  position: relative;
}
ul.e-grid li.a-item .item-contributor-label {
  position: absolute;
  top: 12px;
  right: 10px;
  text-transform: uppercase;
  background-color: #4e73df;
  color: white;
  z-index: 10;
  padding: 6px 12px;
  font-weight: bold;
  font-size: 12px;
  letter-spacing: 1px;
}
ul.e-grid li.a-item .admin-panel {
  position: absolute;
  text-align: center;
  left: 0;
  visibility: hidden;
  opacity: 0;
  top: 5px;
  transition: all 0.3s ease;
  background-color: white;
  padding: 2px;
  border-radius: 5px;
}
ul.e-grid li.a-item .admin-panel hr {
  margin: 0;
  border-top: 0;
}
ul.e-grid li.a-item .admin-panel ul {
  list-style: none;
  padding: 0;
}
ul.e-grid li.a-item .admin-panel ul li {
  display: block;
  background-color: white;
  color: #4e73df;
  border-radius: 5px;
  padding: 3px;
  margin: 4px;
  transition: all 0.3s ease;
  width: 30px;
}
ul.e-grid li.a-item .admin-panel ul li sup {
  font-weight: 600;
  font-size: 10px;
}
ul.e-grid li.a-item .admin-panel ul li a {
  color: #4e73df;
}
ul.e-grid li.a-item .admin-panel ul li.active {
  background-color: #4e73df;
  color: white;
}
ul.e-grid li.a-item .admin-panel ul li:not(.sub):hover {
  background-color: black;
  color: white;
  cursor: pointer;
}
ul.e-grid li.a-item .admin-panel ul li:not(.sub):hover a {
  color: white;
}
ul.e-grid li.a-item .admin-panel ul li:not(.sub):hover.active {
  background-color: #4e73df;
}
ul.e-grid li.a-item .admin-panel ul li:not(.sub).done {
  animation: done-item 1s ease-in-out;
}
ul.e-grid li.a-item .admin-panel ul li div.circle-loader {
  z-index: 0;
}
ul.e-grid li.a-item .admin-panel ul li.sub ul {
  position: relative;
  transition: all 0.3s ease;
  padding: 0;
  margin: 0;
  transition: all 0.3s ease;
  display: none;
  background-color: white;
  border-top: 1px solid #dfdfdf;
}
ul.e-grid li.a-item .admin-panel ul li.sub ul li {
  color: black;
  padding: 0px;
  margin: 0;
  margin-top: 3px;
  margin-bottom: 3px;
}
ul.e-grid li.a-item .admin-panel ul li.sub:hover ul {
  display: block;
}
ul.e-grid li.a-item .btn-item-cart,
ul.e-grid li.a-item .btn-item-download {
  display: none;
}
ul.e-grid li.a-item .item-container {
  border-radius: 10px;
  background: #fff;
  margin: 20px;
  width: 320px;
  transition: transform 0.2s ease-out;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  transform: translate(0);
  border-bottom: 2px solid transparent;
}
ul.e-grid li.a-item .item-container.in-cart {
  border-bottom: 2px solid #007bff;
}
ul.e-grid li.a-item:hover .item-container {
  transform: translateY(-5px);
}
ul.e-grid li.a-item:hover .admin-panel {
  left: -40px;
  visibility: visible;
  opacity: 1;
}
ul.e-grid li.a-item:hover .btn-item-cart,
ul.e-grid li.a-item:hover .btn-item-download {
  display: inline-block;
}
ul.e-grid li.a-item:hover .price {
  display: none;
}
ul.e-grid li.a-item .item-head {
  padding: 12px;
  display: flex;
}
ul.e-grid li.a-item .item-head .details {
  text-align: left;
}
ul.e-grid li.a-item .item-head .details a.title {
  font-size: 15px;
  font-weight: 500;
  color: black;
  text-decoration: none;
}
ul.e-grid li.a-item .item-head .details .desc {
  color: #777;
  font-size: 12px;
}
ul.e-grid li.a-item .item-head .details .desc .category {
  padding-top: 1px;
}
ul.e-grid li.a-item .item-head .details .desc .author {
  padding-top: 3px;
}
ul.e-grid li.a-item .item-head .details .desc a {
  color: #444;
  font-weight: 600;
  text-decoration: none;
}
ul.e-grid li.a-item .item-head .details .desc a i {
  margin: 4px;
}
ul.e-grid li.a-item .item-head .details .desc a.category {
  color: #777;
}
ul.e-grid li.a-item .item-head .details .desc a:hover {
  text-decoration: underline;
}
ul.e-grid li.a-item .item-head .actions {
  min-width: 82px;
  padding-top: 4px;
  margin-left: auto;
  text-align: right;
  position: relative;
}
ul.e-grid li.a-item .item-head .actions .rating span {
  vertical-align: top;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 700;
  color: #bebebe;
  display: inline-block;
}
ul.e-grid li.a-item .item-head .actions .a-link-btn {
  text-decoration: none;
  min-width: 19px;
  min-height: 19px;
  position: absolute;
  right: 46px;
  top: 10px;
  cursor: pointer;
}
ul.e-grid li.a-item .item-head .actions .button-side {
  height: 40px;
}
ul.e-grid li.a-item .item-head .actions .button-side .price {
  font-size: 16px;
  font-weight: 600;
  color: #4e73df;
}
ul.e-grid li.a-item .item-head .actions .button-side .price sup {
  padding: 1px;
}
ul.e-grid li.a-item .item-head .actions .button-side .price .btn-item-download-subs {
  padding: 0px;
}
ul.e-grid li.a-item .item-head .actions .button-side .price .discount_label {
  position: absolute;
  font-weight: 500;
  font-size: 12px;
  color: white;
  background: #17d58f;
  padding: 2px 8px;
  right: -25px;
  top: -23px;
  border-radius: 8px;
  z-index: 10;
  text-align: right;
}
ul.e-grid li.a-item .item-head .actions .button-side .price .discount_old_price {
  text-decoration: line-through;
  opacity: 0.4;
  color: black;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
ul.e-grid li.a-item .item-head .actions .button-side .price .discount_new_price {
  margin-right: 5px;
}
ul.e-grid li.a-item .item-head .actions .button-side .btn-item-cart {
  text-decoration: none;
  transition: all 0.2s;
  padding: 5px 8px;
  border-radius: 3px;
  background: #4e73df;
  color: white;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  width: 40px;
}
ul.e-grid li.a-item .item-head .actions .button-side .btn-item-cart:hover {
  background: #17d58f;
}
ul.e-grid li.a-item .item-head .actions .button-side .btn-item-cart:active {
  transform: scale(0.8);
}
ul.e-grid li.a-item .item-head .actions .button-side .btn-item-download, ul.e-grid li.a-item .item-head .actions .button-side .btn-item-download-subs {
  text-decoration: none;
  transition: all 0.2s;
  padding: 5px 8px;
  border-radius: 3px;
  background: #17d58f;
  color: white;
  cursor: pointer;
}
ul.e-grid li.a-item .item-head .actions .button-side .btn-item-download:hover, ul.e-grid li.a-item .item-head .actions .button-side .btn-item-download-subs:hover {
  background: #4e73df;
}
ul.e-grid li.a-item {
  /* For pseudo items - no loaded - as siloutess */
}
ul.e-grid li.a-item .pseudo {
  background: #b9b9b9;
  width: 100%;
}
ul.e-grid li.a-item .pseudo.el {
  background: #DDDDDD;
  margin-top: 10px;
}

.flicking {
  background-color: rgba(5, 5, 5, 0.15);
  z-index: -1;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px;
  animation: flicking 2s ease-in-out infinite;
}

.moderate-on-page .admin-panel {
  text-align: center;
  transition: all 0.3s ease;
  border-radius: 10px;
  background-color: white;
}
.moderate-on-page .admin-panel ul {
  list-style: none;
  padding: 0;
}
.moderate-on-page .admin-panel ul li {
  display: inline-block;
  color: #4e73df;
  border-radius: 5px;
  padding: 3px;
  margin: 4px;
  transition: all 0.3s ease;
}
.moderate-on-page .admin-panel ul li a {
  color: #4e73df;
}
.moderate-on-page .admin-panel ul li {
  font-size: 24px;
}
.moderate-on-page .admin-panel ul li sup {
  font-weight: 600;
  font-size: 16px;
}
.moderate-on-page .admin-panel ul li:not(.sub) {
  width: 40px;
}
.moderate-on-page .admin-panel ul li:not(.sub):hover {
  background-color: black;
  color: white;
  cursor: pointer;
}
.moderate-on-page .admin-panel ul li:not(.sub):hover a {
  color: white;
}
.moderate-on-page .admin-panel ul li:not(.sub).done {
  animation: done-item 1s ease-in-out;
}
.moderate-on-page .admin-panel ul li div.circle-loader {
  z-index: 0;
  width: 26px;
  height: 26px;
}
.moderate-on-page .admin-panel ul li.sub ul {
  font-size: 18px;
  transition: all 0.3s ease;
  padding: 0;
  margin: 0;
  transition: all 0.3s ease;
  display: none;
  background-color: white;
  border-radius: 10px;
}
.moderate-on-page .admin-panel ul li.sub ul li {
  color: black;
  padding: 0px;
  margin: 0;
  margin-top: 3px;
  margin-bottom: 3px;
}
.moderate-on-page .admin-panel ul li.sub:hover ul {
  display: inline-block;
}

/* Label on the item */
.ribbon-wrapper {
  width: 45px;
  height: 45px;
  position: absolute;
  top: -14px;
  left: -14px;
  z-index: 6;
  border-radius: 50%;
  background: whitesmoke;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  text-align: center;
}
.ribbon-wrapper.freebie {
  background: #3c53c7;
  border: 2px solid #455eda;
}
.ribbon-wrapper.freebie .icon {
  top: 8px;
  left: 0px;
  position: relative;
}
.ribbon-wrapper.boosted {
  background: #ff452d;
  border: 2px solid #fc5d48;
}
.ribbon-wrapper.boosted .icon {
  top: 2px;
  left: 1px;
  position: relative;
}
.ribbon-wrapper.discount {
  background: #17D58F;
  border: 2px solid #15cf8b;
}
.ribbon-wrapper.discount .icon {
  top: 2px;
  left: 1px;
  position: relative;
}
.ribbon-wrapper.new_sold {
  background: #ffffff;
  border: 2px solid #ffffff;
}
.ribbon-wrapper.new_sold .icon {
  top: 8px;
  left: 1px;
  position: relative;
}

/* Stylization for item on the page */
.item-page .category-bread {
  font-size: 12px;
  color: #c2c2c2;
}
.item-page .category-bread a {
  color: #575757;
  font-weight: 700;
}
.item-page ul.sub-categories {
  font-size: 0.8em;
  font-weight: 500;
  padding: 0;
  display: inline-block;
}
.item-page ul.sub-categories li {
  display: inline-block;
}
.item-page ul.sub-categories li a {
  opacity: 0.5;
  color: black;
  margin-right: 2px;
  text-decoration: none;
  transition: 0.2s ease all;
}
.item-page ul.sub-categories li a:hover {
  opacity: 1;
}
.item-page ul.sub-categories li:nth-child(1n-1)::after {
  content: ",";
  opacity: 0.4;
}
.item-page ul.sub-categories li:last-child::after, .item-page ul.sub-categories li:first-child::after {
  content: "";
}
.item-page ul.sub-categories li:first-child {
  opacity: 0.4;
}
.item-page .author {
  margin: 8px 0 8px 0;
  font-size: 14px;
  color: #8d8d8d;
}
.item-page .author i {
  margin: 4px;
}
.item-page .author .author-badge {
  display: inline-block;
}
.item-page .author img.avatar {
  border-radius: 50%;
  border: 2px solid white;
}
.item-page .author ul.stats {
  font-size: 11px;
  list-style: none;
  padding: 0;
}
.item-page .author ul.stats li {
  display: inline-block;
}
.item-page .author ul.stats li:nth-child(-1n+1)::after {
  /* -1n+2 */
  content: "|";
  opacity: 0.4;
  margin-left: 5px;
  margin-right: 5px;
}
.item-page .author .follow {
  display: inline-block;
  border: 1px solid #272532;
  padding: 0px 6px;
  margin: 2px;
  color: #272532;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  vertical-align: top;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.2s ease all;
  border-radius: 3px;
}
.item-page .author .follow .circle-loader.mini {
  width: 8px;
  height: 8px;
  top: 0;
  left: -3px;
  border-color: white;
  border-top-color: #272532;
}
.item-page .author .follow.active {
  border-color: #17d58f;
  background: #17d58f;
  color: white;
  opacity: 1;
}
.item-page .author .follow:hover {
  border-color: #272532;
  background: #272532;
  color: white;
  opacity: 1;
}
.item-page .author .follow:hover.active {
  border-color: #17d58f;
  background: #17d58f;
}
.item-page .author a {
  font-weight: 600;
  color: #4e73df;
  transition: 0.2s ease all;
}
.item-page .author a:hover {
  color: #303030;
  text-decoration: none;
}
.item-page .item-title h1 {
  font-size: 25px;
  margin: 0;
}
.item-page .place {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}
.item-page .place .license_links {
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.7;
}
.item-page .place .license_links a {
  color: black;
  text-decoration: underline;
}
.item-page .place .license_links a:hover {
  text-decoration: none;
}
.item-page .preview video {
  width: 100%;
  max-width: 960px;
}
.item-page .details {
  font-size: 14px;
}
.item-page .details .or_hr {
  text-align: center;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgb(155, 155, 155);
  margin: 5px;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.item-page .details .extra-place {
  text-align: center;
  font-size: 0.9rem;
  padding: 4px;
}
.item-page .details .extra-place div.icon {
  display: block;
  width: 0 !important;
  margin: 0 auto;
  margin-bottom: 10px;
}
.item-page .details .extra-place i {
  color: #4e73df;
  font-size: 22px;
  display: block;
}
.item-page .details .extra-place a {
  text-decoration: underline;
}
.item-page .details hr {
  opacity: 0.4;
  border-top-style: dashed;
}
.item-page .details span.block_title {
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #777;
  margin: 1px;
  display: block;
}
.item-page .details span.btn_desc {
  margin: 3px;
  display: block;
  text-align: center;
  font-size: 11px;
  color: #777;
}
.item-page .details span.btn_desc a {
  color: #555;
  font-weight: 600;
}
.item-page .details ul.help-links {
  list-style: none;
  padding: 0;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 0;
}
.item-page .details ul.help-links li {
  display: inline-block;
}
.item-page .details ul.help-links li:nth-child(-1n+1)::after {
  content: "|";
  opacity: 0.4;
  margin-left: 5px;
  margin-right: 5px;
}
.item-page .details .price {
  display: inline-block;
  vertical-align: top;
  line-height: 25px;
  font-weight: 700;
  font-size: 25px;
}
.item-page .details .price .license_info {
  font-size: 12px;
  opacity: 0.7;
}
.item-page .details .price .discount_old_price {
  text-decoration: line-through;
  opacity: 0.4;
  position: relative;
  top: -6px;
  font-size: 1rem;
}
.item-page .details .price .discount_new_price {
  color: #4e73df;
}
.item-page .details .price .discount_ending {
  line-height: 20px;
  font-size: 12px;
  display: block;
  font-weight: 300;
}
.item-page .details .price .discount_ending strong {
  font-weight: 600;
}
.item-page .details .price .discount_ending strong.save {
  color: white;
  background: #17d58f;
  padding: 0px 8px;
  border-radius: 8px;
}
.item-page .details .buttons {
  text-align: center;
}
.item-page .details .buttons .btn {
  width: 100%;
  margin: 3px;
  font-size: 1.14rem;
}
.item-page .details .attributes_table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  margin: 0;
  width: 100%;
}
.item-page .details .attributes_table tbody td {
  letter-spacing: 0.2px;
}
.item-page .details .attributes_table tbody td span {
  font-size: 12px;
  color: #a0a0a0;
  font-weight: 600;
  vertical-align: top;
}
.item-page .details .attributes_table tbody td {
  text-align: right;
}
.item-page .details .attributes_table tbody th {
  vertical-align: middle;
  font-weight: 500;
}
.item-page .details .attributes_table tbody th .icon {
  margin-right: 5px;
}
.item-page .details .attributes_table tbody th {
  border-radius: 10px 0 0 10px;
}
.item-page .details .attributes_table tbody th,
.item-page .details .attributes_table tbody td {
  border: none;
  width: 50%;
}
.item-page .details .attributes_table tbody td {
  border-radius: 0 10px 10px 0;
}
.item-page .details .attributes_table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.03);
}
.item-page .details .item-tags {
  font-size: 11px;
}
.item-page .details .item-tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.item-page .details .item-tags ul li {
  padding: 2px 1px;
  display: inline-flex;
}
.item-page .details .item-tags ul li a {
  padding: 5px 15px;
  border-radius: 30px;
  box-shadow: 0 0.15rem 0.75rem 0 rgba(58, 59, 69, 0.15);
  text-decoration: none;
  color: #696969;
  background-color: #fff;
  transition: 0.2s ease all;
}
.item-page .details .item-tags ul li a:hover {
  color: #fff;
  background-color: #4e73df;
}

/* Category Part */
/* Marketplace Filterable in Categories */
.filterable_block {
  padding: 15px;
  background: #fff;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  /* One filter block */
}
.filterable_block .filter-one {
  padding-left: 12px;
}
.filterable_block .filter-one:last-child {
  padding: 0;
  padding-right: 12px;
}
.filterable_block .filter-one {
  min-width: 160px;
  font-size: 14px;
  color: #525252;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.filterable_block .filter-one .input-group-content {
  padding-left: 5px;
}
.filterable_block .filter-one .input-group {
  display: flex;
  align-items: center;
  margin: 2px;
}
.filterable_block .filter-one .input-group > label, .filterable_block .filter-one .input-group > span {
  margin-top: 5px;
  min-width: 80px;
  display: inline-block;
}
.filterable_block .filter-one .input-group select {
  min-width: 150px;
  width: 100%;
}
.filterable_block .filter-one {
  /* Black color question buttons */
}
.filterable_block .filter-one a.info-box {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 500;
  color: black;
  border-radius: 50%;
  opacity: 0.5;
  transition: 0.2s ease all;
}
.filterable_block .filter-one a.info-box:hover {
  opacity: 1;
  text-decoration: none;
}
.filterable_block .filter-one {
  /* Select Input stylization */
  /* Hide vertical dividers for mobile */
}
@media (min-width: 960px) {
  .filterable_block .filter-one:nth-last-child(n+2) {
    border-right: 1px solid #eeeeee;
  }
}
.filterable_block .filter-one {
  /* Change stylization for checkboxes */
}
.filterable_block .filter-one .cbx {
  margin-top: 14px;
}
.filterable_block .filter-one .cbx span:nth-last-child(1) {
  padding-left: 4px;
}

/* Header for categories in marketplace */
/* Big line with categories in main marketplace page */
ul.big-categories {
  text-align: center;
  list-style: none;
}
ul.big-categories li {
  display: inline-block;
}
ul.big-categories li:nth-last-child(n+2) {
  border-right: 1px dotted rgb(221, 221, 221);
}
ul.big-categories li a {
  top: 0;
  width: 180px;
  display: block;
  position: relative;
  color: #272532;
  text-decoration: none;
  padding: 20px;
}
ul.big-categories li a .icon {
  margin: 14px;
}
ul.big-categories li a span {
  font-size: 15px;
  font-weight: 700;
}
ul.big-categories li a {
  transition: 0.2s ease all;
}
ul.big-categories li a.active, ul.big-categories li a:hover {
  letter-spacing: 1px;
  cursor: pointer;
  top: 5px;
}

/* Hide sidebar for mobile */
@media (max-width: 960px) {
  .sidebar {
    display: none;
  }
}
/* Sidebar in category marketplace */
.sidebar {
  padding: 15px;
  min-width: 200px;
  position: sticky;
  z-index: 1;
  top: 100px;
}
.sidebar .side-filter {
  border-bottom: 1px solid #cacaca;
}
.sidebar .side-filter > a {
  padding: 8px;
  display: block;
  text-decoration: none;
  color: #575757;
  font-weight: 600;
}
.sidebar .side-filter .category_list li {
  font-size: 14px;
}

/* Loader for ajax load items (in categories, main marketplace) */
.inLoading .loader {
  height: 5px;
  width: 100%;
  margin-top: -5px;
  overflow: hidden;
}
.inLoading .loader .bar {
  position: relative;
  height: 3px;
  background-color: dodgerblue;
  animation-name: loader-animation;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.refresh-invoke-element {
  animation: move-left-attrach 0.5s ease-in-out;
}

/* Special Container width for items */
.main-items-content.container {
  max-width: 1500px;
}

/* Used Filters in category marketplace - sorting queries */
.sort-queries {
  display: none;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #f0f0f0;
}
.sort-queries.visible {
  display: block;
}
.sort-queries span,
.sort-queries button {
  display: inline-block;
  font-size: 12px;
  opacity: 0.8;
  background: transparent;
  outline: none;
}
.sort-queries span.clear-filters,
.sort-queries button.clear-filters {
  cursor: pointer;
  color: #3a3a3a;
  text-decoration: underline;
  font-weight: 500;
}
.sort-queries span.clear-filters:hover,
.sort-queries button.clear-filters:hover {
  text-decoration: none;
}
.sort-queries ul {
  display: inline-block;
  font-size: 12px;
  padding: 7px;
  margin: 0;
  list-style-type: none;
}
.sort-queries ul li {
  display: inline-block;
  margin: 2px;
}
.sort-queries ul li button {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.2);
  background: white;
  padding: 2px 5px;
  border-radius: 6px;
  opacity: 0.8;
  transition: all 0.2s ease;
  margin-left: 4px;
  outline: none;
}
.sort-queries ul li button:hover {
  opacity: 1;
  cursor: pointer;
  color: white;
  background: #3a3a3a;
}
.sort-queries ul li button::after {
  content: "x";
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #3a3a3a;
  color: white;
  padding: 3px 6px;
  left: 5px;
  position: relative;
}

/* Sub category menu header in category marketplace */
.sub-button-text ul {
  border: 1px solid rgba(171, 171, 171, 0.3);
  background: #ffffff;
  border-radius: 5px;
  display: inline-block;
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.sub-button-text ul li.next-text {
  padding: 10px 14px;
}
.sub-button-text ul li {
  float: left;
}
.sub-button-text ul li:first-child > a:not(.button) {
  border-radius: 5px 0 0 5px;
}
.sub-button-text ul li:last-child > a:not(.button) {
  border-radius: 0 5px 5px 0;
}

/* The container <div> - needed to position the dropdown content */
.sub-category-dropdown {
  /* Switch category AJAX on main page for newest items */
}
.sub-category-dropdown.index-switcher {
  padding-bottom: 20px;
}
.sub-category-dropdown.index-switcher .container {
  width: -moz-fit-content;
  width: fit-content;
}
.sub-category-dropdown.index-switcher ul {
  border: 1px solid rgba(171, 171, 171, 0.3);
  background: #ffffff;
  border-radius: 5px;
  display: inline-block;
}
.sub-category-dropdown.index-switcher ul li:first-child > a:not(.button) {
  border-radius: 5px 0 0 5px;
}
.sub-category-dropdown.index-switcher ul li:last-child > a:not(.button) {
  border-radius: 0 5px 5px 0;
}
.sub-category-dropdown.index-switcher ul li a.button {
  border-radius: 5px;
  border-bottom: 2px solid transparent;
  background-color: black;
  color: white;
}
.sub-category-dropdown.index-switcher ul li a.current {
  border-bottom: 2px solid transparent;
  background-color: rgb(78, 80, 85);
  color: white;
}
.sub-category-dropdown.index-switcher ul li a:hover {
  background-color: #4e73df;
}
.sub-category-dropdown.index-switcher ul li a:hover .icon,
.sub-category-dropdown.index-switcher ul li a.current .icon {
  transition: 0.3s ease all;
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.davinci,
.sub-category-dropdown.index-switcher ul li a.current .icon.davinci {
  background-image: url("/img/icons/categories/davinci-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.ae,
.sub-category-dropdown.index-switcher ul li a.current .icon.ae {
  background-image: url("/img/icons/categories/ae-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.pr,
.sub-category-dropdown.index-switcher ul li a.current .icon.pr {
  background-image: url("/img/icons/categories/pr-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.addons,
.sub-category-dropdown.index-switcher ul li a.current .icon.addons {
  background-image: url("/img/icons/categories/addons-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.fcpx,
.sub-category-dropdown.index-switcher ul li a.current .icon.fcpx {
  background-image: url("/img/icons/categories/fcpx-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.ai,
.sub-category-dropdown.index-switcher ul li a.current .icon.ai {
  background-image: url("/img/icons/categories/ai-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.audio,
.sub-category-dropdown.index-switcher ul li a.current .icon.audio {
  background-image: url("/img/icons/categories/audio-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.all-folder,
.sub-category-dropdown.index-switcher ul li a.current .icon.all-folder {
  background-image: url("/img/icons/categories/all-folder-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.atomx,
.sub-category-dropdown.index-switcher ul li a.current .icon.atomx {
  background-image: url("/img/icons/categories/atomx-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.market,
.sub-category-dropdown.index-switcher ul li a.current .icon.market {
  background-image: url("/img/icons/categories/market-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.animate,
.sub-category-dropdown.index-switcher ul li a.current .icon.animate {
  background-image: url("/img/icons/categories/animate-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.box,
.sub-category-dropdown.index-switcher ul li a.current .icon.box {
  background-image: url("/img/icons/categories/box-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.business,
.sub-category-dropdown.index-switcher ul li a.current .icon.business {
  background-image: url("/img/icons/categories/business-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.effects,
.sub-category-dropdown.index-switcher ul li a.current .icon.effects {
  background-image: url("/img/icons/categories/effects-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.post-production,
.sub-category-dropdown.index-switcher ul li a.current .icon.post-production {
  background-image: url("/img/icons/categories/post-production-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li a:hover .icon.video,
.sub-category-dropdown.index-switcher ul li a.current .icon.video {
  background-image: url("/img/icons/categories/video-outlined.svg");
}
.sub-category-dropdown.index-switcher ul li {
  /* Hide text on mobiles and disable label */
}
@media screen and (max-width: 520px) {
  .sub-category-dropdown.index-switcher ul li {
    font-size: 0;
    width: auto !important;
    margin: 0;
  }
  .sub-category-dropdown.index-switcher ul li .f-icon {
    font-size: 12px;
  }
  .sub-category-dropdown.index-switcher ul li .category-label {
    display: none;
  }
}
.sub-category-dropdown.text-content {
  padding-bottom: 20px;
}
.sub-category-dropdown.text-content .container {
  width: -moz-fit-content;
  width: fit-content;
}
.sub-category-dropdown.text-content ul {
  border: 1px solid rgba(171, 171, 171, 0.3);
  background: #ffffff;
  border-radius: 5px;
  display: inline-block;
}
.sub-category-dropdown.text-content ul li {
  border-left: 1px solid rgba(171, 171, 171, 0.3);
}
.sub-category-dropdown.text-content ul li:first-child {
  border: none;
}
.sub-category-dropdown.text-content ul li a {
  padding: 0;
  font-weight: 500;
  display: inline-block;
  color: inherit;
}
.sub-category-dropdown.text-content ul li a:hover {
  background: none;
  color: black;
}
.sub-category-dropdown.text-content ul li {
  padding: 10px 14px;
}
.sub-category-dropdown {
  /* Label for NEW/other info on category */
}
.sub-category-dropdown .category-label {
  display: inline-block;
  font-size: 0.8em;
  vertical-align: middle;
  font-weight: bold;
  letter-spacing: 0.5px;
  background-color: #4e73df;
  color: white;
  padding: 1px 7px;
  border-radius: 15px;
}
.sub-category-dropdown.default ul li a:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sub-category-dropdown.one ul li a:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sub-category-dropdown ul {
  position: relative;
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.sub-category-dropdown ul li {
  float: left;
  /* Dropdown Content (Hidden by Default) */
}
.sub-category-dropdown ul li .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  z-index: 20;
}
.sub-category-dropdown ul li .dropdown-content:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sub-category-dropdown ul li .dropdown-content a:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sub-category-dropdown ul li .dropdown-content a:not(.popular-link):hover {
  background-color: #4e73df;
  color: white;
}
.sub-category-dropdown ul li:hover .dropdown-content {
  display: block;
  max-height: 440px;
  overflow-y: auto;
}
.sub-category-dropdown ul li:hover .dropdown-content::-webkit-scrollbar {
  width: 4px;
}
.sub-category-dropdown ul li:hover .dropdown-content {
  scrollbar-width: thin;
  scrollbar-color: #90A4AE #e4eaec;
}
.sub-category-dropdown ul li:hover .dropdown-content::-webkit-scrollbar-thumb {
  background-color: #90A4AE;
  border-radius: 6px;
}
.sub-category-dropdown ul li:hover .dropdown-content::-webkit-scrollbar-thumb:hover {
  background-color: #83949c;
}
.sub-category-dropdown ul li:hover .main-button {
  background-color: rgb(44, 44, 44);
  color: white;
}
.sub-category-dropdown ul li:hover .main-button .icon {
  transition: 0.3s ease all;
}
.sub-category-dropdown ul li:hover .main-button .icon.davinci {
  background-image: url("/img/icons/categories/davinci-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.ae {
  background-image: url("/img/icons/categories/ae-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.pr {
  background-image: url("/img/icons/categories/pr-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.addons {
  background-image: url("/img/icons/categories/addons-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.fcpx {
  background-image: url("/img/icons/categories/fcpx-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.ai {
  background-image: url("/img/icons/categories/ai-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.audio {
  background-image: url("/img/icons/categories/audio-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.all-folder {
  background-image: url("/img/icons/categories/all-folder-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.atomx {
  background-image: url("/img/icons/categories/atomx-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.market {
  background-image: url("/img/icons/categories/market-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.animate {
  background-image: url("/img/icons/categories/animate-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.box {
  background-image: url("/img/icons/categories/box-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.business {
  background-image: url("/img/icons/categories/business-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.effects {
  background-image: url("/img/icons/categories/effects-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.post-production {
  background-image: url("/img/icons/categories/post-production-outlined.svg");
}
.sub-category-dropdown ul li:hover .main-button .icon.video {
  background-image: url("/img/icons/categories/video-outlined.svg");
}
.sub-category-dropdown ul li a svg {
  position: relative;
  left: 4px;
  width: 10px;
  height: 6px;
  stroke-width: 2px;
  stroke: #9098a9;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.sub-category-dropdown ul li a {
  cursor: pointer;
  color: black;
  padding: 10px 14px;
  text-decoration: none;
  display: block;
  transition: all 0.15s ease;
  border-bottom: 2px solid transparent;
}
.sub-category-dropdown ul li a.popular-link {
  border-bottom: 1px solid #f0f0f0;
}
.sub-category-dropdown ul li a.main-button {
  color: black;
  font-weight: 500;
}
.sub-category-dropdown ul li a:hover {
  background-color: #e6e6e6;
}
.sub-category-dropdown ul li a.current {
  border-bottom: 2px solid #4e73df;
  background-color: #e6e6e6;
}
@media screen and (max-width: 520px) {
  .sub-category-dropdown ul li a.main-button {
    font-size: 0;
    width: auto !important;
    margin: 0;
  }
  .sub-category-dropdown ul li a.main-button svg {
    top: 6px;
  }
  .sub-category-dropdown ul li .dropdown-content {
    font-size: 12px;
  }
  .sub-category-dropdown ul li a.main-button .f-icon {
    font-size: 12px;
  }
  .sub-category-dropdown ul li .category-label {
    display: none;
  }
}

.bg-masonry-grid {
  position: absolute;
  pointer-events: none;
  z-index: -10 !important;
  -o-object-fit: cover;
     object-fit: cover;
  /* Fixes for IE11 like object-fit cover */
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: -60%;
  right: 51%;
  left: auto;
  transform: translate(50%, 0) rotateZ(10deg);
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat(5, minmax(240px, 1fr));
  grid-auto-rows: 220px;
  grid-gap: 7px;
}
@media (min-width: 478px) {
  .bg-masonry-grid img:nth-child(2n):not(:last-of-type) {
    grid-column-end: span 1;
    grid-row-end: span 2;
  }
}
.bg-masonry-grid img {
  border-radius: 1rem;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 30px;
  display: inline-block; /* Fix the misalignment of items */
  vertical-align: top; /* Keep the item on the very top */
  margin-bottom: 0;
}

/* Content in author/user profile page */
.author-profile {
  margin: 8px 0 8px 0;
}
.author-profile i {
  margin: 4px;
}
.author-profile .btn.classic {
  opacity: 1;
}
.author-profile .author-badge {
  display: inline-block;
  margin-left: 5px;
}
.author-profile img.avatar {
  border-radius: 50%;
  border: 2px solid white;
}
.author-profile ul.stats {
  font-size: 14px;
  list-style: none;
  padding: 0;
}
.author-profile ul.stats li {
  display: inline-block;
}
.author-profile ul.stats li:nth-child(-1n+1)::after { /* -1n+2 */
  content: "|";
  opacity: 0.4;
  margin-left: 5px;
  margin-right: 5px;
}
.author-profile ul.social {
  padding: 8px 12px;
  list-style: none;
  border-radius: 8px;
  font-size: 19px;
  text-align: center;
  background-color: white;
}
.author-profile ul.social li {
  display: inline-block;
}
.author-profile ul.social li a {
  color: #4e73df;
  text-decoration: none;
  transition: 0.3s ease color;
}
.author-profile ul.social li a:hover {
  color: #272532;
}

/* Stripe Elements */
/* Party-thirds */
/* Date Picker */
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  background: #f5f5f5;
  height: initial;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #4e73df;
  font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #4e73df;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #4e73df;
  box-shadow: none;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}

.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #17d58f;
  box-shadow: none;
  border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

/* Multi-select input (for contributing) */
/* ===============================
=            Choices            =
=============================== */
.choices {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 2px 3px -2px #9098a9;
}

.choices:focus {
  outline: none;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 5px;
  padding-left: 6px;
}
.choices[data-type*=select-one] .choices__inner:hover {
  border-color: #2962ff;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #d40000;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333 transparent;
  margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}
.choices[data-type*=select-multiple] .choices__inner:hover,
.choices[data-type*=text] .choices__inner:hover {
  border-color: #2962ff;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 4px;
  padding-left: 16px;
  border-left: 1px solid #2851c4;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  overflow: hidden;
  width: 100%;
  padding: 0px;
  border: 1px solid #d8dbdd;
  border-radius: 5px;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  transition: all 150ms ease;
  font-family: inherit;
  font-size: 0.95em;
  text-align: left;
}
.choices__inner.invalid {
  border: 1px solid #ff4848;
}
.choices__inner.valid {
  border: 1px solid #2962ff;
}

.choices[aria-invalid] .choices__inner ~ label.tip {
  color: #ff4848 !important;
}
.choices[aria-invalid] .choices__inner {
  border-color: #ff4848 !important;
}

.choices.is-focused {
  box-shadow: 0 0 0 2px rgba(0, 119, 255, 0.2);
}

.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #2962ff;
}

.is-open .choices__inner {
  border-radius: 5px 5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

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

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
  margin-left: 5px;
  margin-top: 6px;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline-block;
  padding-top: 5px;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 2px;
  margin-left: 9px;
  background-color: #2962ff;
  border: 1px solid #2962ff;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: rgb(29, 31, 36);
  border: 1px solid rgb(29, 31, 36);
}
.choices__list--multiple .choices__item.is-highlighted .choices__button {
  border-color: rgb(81, 83, 87);
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 20;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #2962ff;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #2962ff;
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 8px 14px;
  margin: 2px;
}

.choices__input::-moz-placeholder {
  color: #ccc;
}

.choices__input::placeholder {
  color: #ccc;
}

.choices__input:focus {
  outline: 0;
}

.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.4;
}

/* =====  End of Choices  ====== */
/* Nice Select (main for site) */
.ppg-checkout-modal {
  z-index: 99999;
  display: none;
  background-color: transparent;
  border: 0px none transparent;
  visibility: visible;
  margin: 0px;
  padding: 0px;
  -webkit-tap-highlight-color: transparent;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.ppg-checkout-modal.ppg-show {
  display: block;
}

.ppg-btn-close {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  top: 20px;
  right: 35px;
  background: rgba(0, 0, 0, 0.35);
  height: 50px;
  width: 50px;
  border: none;
  outline: none;
  cursor: pointer;
}

.ppg-btn-close.ppg-show {
  display: flex;
}

.ppg-btn-close img {
  width: 24px;
}

.ppg-iframe {
  width: 100%;
  height: 100%;
  border: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.ppg-loader {
  position: absolute;
  top: calc(50% - 24px);
  left: calc(50% - 24px);
  width: 48px;
  height: 48px;
  border: 5px solid #000;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: ppg-rotation 1s linear infinite;
}

@keyframes ppg-rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@font-face {
  font-family: "GeneralSans-Extralight";
  src: url("/fonts/GeneralSans-Extralight.woff2") format("woff2"), url("/fonts/GeneralSans-Extralight.woff") format("woff"), url("/fonts/GeneralSans-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-ExtralightItalic";
  src: url("/fonts/GeneralSans-ExtralightItalic.woff2") format("woff2"), url("/fonts/GeneralSans-ExtralightItalic.woff") format("woff"), url("/fonts/GeneralSans-ExtralightItalic.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Light";
  src: url("/fonts/GeneralSans-Light.woff2") format("woff2"), url("/fonts/GeneralSans-Light.woff") format("woff"), url("/fonts/GeneralSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-LightItalic";
  src: url("/fonts/GeneralSans-LightItalic.woff2") format("woff2"), url("/fonts/GeneralSans-LightItalic.woff") format("woff"), url("/fonts/GeneralSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Regular";
  src: url("/fonts/GeneralSans-Regular.woff2") format("woff2"), url("/fonts/GeneralSans-Regular.woff") format("woff"), url("/fonts/GeneralSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-Italic";
  src: url("/fonts/GeneralSans-Italic.woff2") format("woff2"), url("/fonts/GeneralSans-Italic.woff") format("woff"), url("/fonts/GeneralSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Medium";
  src: url("/fonts/GeneralSans-Medium.woff2") format("woff2"), url("/fonts/GeneralSans-Medium.woff") format("woff"), url("/fonts/GeneralSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-MediumItalic";
  src: url("/fonts/GeneralSans-MediumItalic.woff2") format("woff2"), url("/fonts/GeneralSans-MediumItalic.woff") format("woff"), url("/fonts/GeneralSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Semibold";
  src: url("/fonts/GeneralSans-Semibold.woff2") format("woff2"), url("/fonts/GeneralSans-Semibold.woff") format("woff"), url("/fonts/GeneralSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-SemiboldItalic";
  src: url("/fonts/GeneralSans-SemiboldItalic.woff2") format("woff2"), url("/fonts/GeneralSans-SemiboldItalic.woff") format("woff"), url("/fonts/GeneralSans-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: "GeneralSans-Bold";
  src: url("/fonts/GeneralSans-Bold.woff2") format("woff2"), url("/fonts/GeneralSans-Bold.woff") format("woff"), url("/fonts/GeneralSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "GeneralSans-BoldItalic";
  src: url("/fonts/GeneralSans-BoldItalic.woff2") format("woff2"), url("/fonts/GeneralSans-BoldItalic.woff") format("woff"), url("/fonts/GeneralSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: "GeneralSans-Variable";
  src: url("/fonts/GeneralSans-Variable.woff2") format("woff2"), url("/fonts/GeneralSans-Variable.woff") format("woff"), url("/fonts/GeneralSans-Variable.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: "GeneralSans-VariableItalic";
  src: url("/fonts/GeneralSans-VariableItalic.woff2") format("woff2"), url("/fonts/GeneralSans-VariableItalic.woff") format("woff"), url("/fonts/GeneralSans-VariableItalic.ttf") format("truetype");
  font-weight: 200 700;
  font-display: swap;
  font-style: italic;
}
@media (min-width: 1024px) {
  .lg\:block {
    display: block;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:w-1\/2 {
    width: 50%;
  }
  .lg\:py-28 {
    padding-bottom: 7rem;
    padding-top: 7rem;
  }
  .lg\:pl-28 {
    padding-left: 7rem;
  }
  .lg\:pr-0 {
    padding-right: 0;
  }
}
@media (min-width: 1280px) {
  .xl\:text-10xl {
    font-size: 3.75rem;
  }
}