@charset "UTF-8";
@font-face {
  font-family: "Fira";
  src: url("./fonts/fira/FiraSans-Light.eot?") format("eot"), url("./fonts/fira/FiraSans-Light.woff") format("woff"), url("./fonts/fira/FiraSans-Light.ttf") format("truetype"), url("./fonts/fira/FiraSans-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "Fira";
  src: url("./fonts/fira/FiraSans-Medium.eot?") format("eot"), url("./fonts/fira/FiraSans-Medium.woff") format("woff"), url("./fonts/fira/FiraSans-Medium.ttf") format("truetype"), url("./fonts/fira/FiraSans-Medium.svg") format("svg");
  font-weight: bold;
  font-style: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "Fira-Heavy";
  src: url("./fonts/fira/FiraSans-Heavy.eot?") format("eot"), url("./fonts/fira/FiraSans-Heavy.woff") format("woff"), url("./fonts/fira/FiraSans-Heavy.ttf") format("truetype"), url("./fonts/fira/FiraSans-Heavy.svg") format("svg");
  font-style: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: "RobotoCondensed";
  src: url("./fonts/robotocondensed_regular/RobotoCondensed-Regular.eot?") format("eot"), url("./fonts/robotocondensed_regular/RobotoCondensed-Regular.woff") format("woff"), url("./fonts/robotocondensed_regular/RobotoCondensed-Regular.ttf") format("truetype"), url("./fonts/robotocondensed_regular/RobotoCondensed-Regular.svg") format("svg");
  font-weight: bold;
  font-style: italic;
  text-rendering: optimizeLegibility; }
/* No files to import found in fonts/fontawesome/* */
:root {
  --m: 2.5rem;
  --font-text: 'Fira', sans-serif;
  --font-headers: 'Fira-Heavy', sans-serif;
  --font-auxiliar: 'RobotoCondensed', sans-serif;
  --fontsize-small: 1.25rem;
  --fontsize-default: 1.75rem;
  --fontsize-big: 2.25rem;
  --fontsize-bigger: 2.75rem;
  --fontsize-subtitle: 3.25rem;
  --fontsize-title: 4rem;
  --lineheight-default: 1.6;
  --height-header: calc( var(--m)*2 );
  --color-text: #5b303e;
  --color-x: #c90035;
  --color-x-high: #fc0042;
  --color-text-light: lighten(#5b303e, 10%);
  --color-success: #44bd39;
  --color-success-hover: #50c745;
  --swiper-navigation-color: lighten(#c90035, 10%); }

@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom. */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin. */
body {
  margin: 0; }

/* HTML5 display definitions
 * ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices. */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template {
  display: none; }

/* Links
 * ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10. */
a {
  background-color: transparent; }
  a:active, a:hover {
    outline: 0; }

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state. */
/* Text-level semantics
 * ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome. */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome. */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9. */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers. */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
 * ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10. */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
 * ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari. */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers. */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers. */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
 * ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set. */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11. */
button {
  overflow: visible;
  text-transform: none; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox. */
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others. */
button, html input[type="button"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */ }
    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet. */
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10. */
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`. */
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance). */
/**
 * Define consistent border, margin, and padding. */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11. */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup {
  font-weight: bold; }

/* Tables
 * ========================================================================== */
/**
 * Remove most spacing between table cells. */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

* {
  box-sizing: border-box; }

html {
  font-size: 62.5%;
  scroll-behavior: smooth; }

body {
  font-family: var(--font-text);
  background-image: radial-gradient(#c60035, #400015);
  font-size: var(--fontsize-default, 1.5rem);
  line-height: var(--lineheight-default, 1.6);
  color: var(--color-text);
  overflow-x: hidden;
  margin: 0; }

p {
  margin: 0; }

ul, li {
  padding: 0;
  margin: 0; }

figure {
  margin: 0; }

h1, h2, h3, h4, h5 {
  font-family: var(--font-headers);
  font-weight: normal; }

h1 {
  font-size: var(--fontsize-title, 2.5rem);
  line-height: var(--lineheight-title, 1.5);
  color: white;
  text-transform: uppercase; }

h2 {
  font-size: var(--fontsize-subtitle, 2.25rem);
  line-height: var(--lineheight-subtitle, 1.5); }

h3 {
  font-size: var(--fontsize-bigger, 2rem);
  line-height: var(--lineheight-bigger, 1.5); }

h4 {
  font-size: var(--fontsize-big, 1.75rem);
  line-height: var(--lineheight-big, 1.5); }

h5 {
  font-size: var(--fontsize-default, 1.5rem);
  line-height: var(--lineheight-default, 1.5); }

h1, h2, h3, h4, h5 {
  margin-top: 0; }

small {
  font-size: var(--fontsize-small); }

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

iframe {
  max-width: 100%; }

li {
  list-style: none; }

a {
  text-decoration: none; }

a:focus {
  outline: 0; }

input,
select,
button,
textarea {
  max-width: 100%; }
  input::focus, input::-moz-focus-outer, input::-moz-focus-inner,
  select::focus,
  select::-moz-focus-outer,
  select::-moz-focus-inner,
  button::focus,
  button::-moz-focus-outer,
  button::-moz-focus-inner,
  textarea::focus,
  textarea::-moz-focus-outer,
  textarea::-moz-focus-inner {
    border: 0;
    outline: 0; }

select:hover {
  cursor: pointer; }

::-moz-selection,
::selection {
  background: var(--color-x);
  color: white; }

::-webkit-scrollbar {
  height: 24px;
  width: 8px;
  background: var(--color-x); }

::-webkit-scrollbar-thumb {
  background-color: #400015; }

* {
  scrollbar-color: #400015 var(--color-x); }

.fixed-container {
  width: 1080px;
  max-width: 100%;
  margin: 96px auto 72px; }

.flex, .flex-between {
  display: flex;
  align-items: center; }

.flex-between {
  justify-content: space-between; }

.grid-one {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 24px; }

.grid-two {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 24px; }
  @media screen and (min-width: 600px) {
    .grid-two {
      grid-template-columns: 1fr 1fr;
      grid-gap: 24px; } }

.grid-three {
  display: grid;
  max-width: 100%;
  grid-template-columns: 100%;
  grid-gap: 24px; }
  @media screen and (min-width: 600px) {
    .grid-three {
      grid-template-columns: 1fr 1fr;
      grid-gap: 24px; } }
  @media screen and (min-width: 1080px) {
    .grid-three {
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 24px; } }

.grid-four {
  display: grid;
  max-width: 100%;
  grid-template-columns: 100%;
  grid-gap: 24px; }
  @media screen and (min-width: 600px) {
    .grid-four {
      grid-template-columns: 1fr 1fr;
      grid-gap: 24px; } }
  @media screen and (min-width: 1080px) {
    .grid-four {
      grid-template-columns: 1fr 1fr;
      grid-gap: 24px; } }
  @media screen and (min-width: 1280px) {
    .grid-four {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 24px; } }

.grid-top {
  vertical-align: top; }

.full-width {
  width: 100%; }

.menu-inline > li {
  display: inline; }
  .menu-inline > li:not(:last-child) {
    margin-right: 12px; }

.links-header a {
  color: inherit;
  font-size: var(--fontsize-small);
  letter-spacing: 2px;
  position: relative;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  text-transform: uppercase;
  transition: color 0.2s ease; }

.button-default {
  background-color: var(--color-text);
  color: white;
  border: 0;
  line-height: 48px;
  padding: 0 24px;
  transition: background-color 0.2s ease;
  text-transform: uppercase;
  font-size: 0.8em; }

.button-default:hover {
  background-color: var(--color-x); }

.m-top {
  margin-top: 24px; }

.m2-top {
  margin-top: 48px; }

.m-bottom {
  margin-bottom: 24px; }

.m2-bottom {
  margin-bottom: 48px; }

.icon-checked:before {
  content: "✓Sí";
  font-family: sans-serif; }

.icon-unchecked:before {
  content: "✗No";
  font-family: sans-serif; }

@keyframes showup {
  0% {
    opacity: 0;
    transform: translateY(20px); }
  100% {
    opacity: 1;
    transform: translateY(0); } }
.region-header {
  height: 48px;
  top: 0;
  line-height: 48px;
  padding: 0 24px;
  width: 100%;
  position: fixed;
  background-color: rgba(99, 0, 29, 0.9);
  border-bottom: 4px solid var(--color-x-high);
  color: white;
  z-index: 11000; }

@media all and (min-width: 900px) {
  .region-header .right > * {
    margin-left: 24px; } }
.region-footer {
  background-color: #400015;
  color: white; }
  .region-footer .top {
    padding: 24px;
    display: flex;
    justify-content: space-between; }
  .region-footer .bottom {
    padding: 12px;
    background-color: #1e0009; }

.apps-table {
  margin: 48px 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.75em; }

.apps-table__row--header {
  display: none; }

.apps-table__row,
.apps-table__row--header {
  padding-bottom: 12px;
  margin-bottom: 12px; }
  .apps-table__row p,
  .apps-table__row--header p {
    text-align: left !important;
    line-height: 1.2;
    margin-bottom: 24px !important; }

.apps-table__row:not(:last-child),
.apps-table__row--header {
  border-bottom: 1px dashed var(--color-x); }

@media all and (min-width: 600px) {
  .apps-table__row,
  .apps-table__row--header {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 12px; }
    .apps-table__row p,
    .apps-table__row--header p {
      margin-bottom: 0 !important; } }
.apps-table__row--header {
  font-family: var(--font-headers);
  color: var(--color-x); }

.apps-table__row > p:first-child {
  font-weight: bold; }

.apps-table__prefix {
  margin-right: 6px;
  display: block;
  font-family: var(--font-headers);
  color: var(--color-x); }

@media all and (min-width: 600px) {
  .apps-table__prefix {
    display: none; } }
.block {
  position: relative; }

.block__title {
  text-align: center;
  font-weight: bold;
  color: #57001a;
  margin-bottom: 12px;
  line-height: 1.1;
  font-size: 1.1em; }

.block__edit {
  display: none !important;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
  background: white;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: bold;
  color: #400015; }

.block__text {
  line-height: 1.25; }

.block:hover > .block__edit {
  display: block !important; }

.landing .block {
  width: 1200px;
  max-width: 100%;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  max-width: 100%;
  margin-top: 72px;
  padding: 48px;
  text-align: center; }
  .landing .block .block__title {
    color: white;
    text-transform: uppercase;
    font-size: 3em;
    margin-bottom: -12px;
    display: inline-block; }
  .landing .block .block__subtitle {
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 36px;
    text-transform: uppercase; }
  .landing .block .block__text p {
    text-align: center;
    font-size: 0.9em;
    text-shadow: 2px 2px rgba(48, 0, 15, 0.75); }

.maintenance .block {
  margin-top: 0; }

.maintenance .landing .block {
  padding: 24px 48px; }

#maintenance .landing .block .block__subtitle {
  margin-bottom: 12px; }

.blockarea {
  background: white;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid var(--color-x);
  margin-bottom: 96px; }

.blockarea__description {
  padding: 24px 24px 6px;
  color: var(--color-x-high);
  line-height: 1.1;
  text-align: center; }
  @media all and (min-width: 900px) {
    .blockarea__description {
      font-size: 1.2em; } }

.blockarea__items {
  padding: 0 24px 72px; }

.blockarea .swiper-slider {
  width: 100%; }

.blockarea__items .block {
  position: relative;
  text-align: center;
  padding: 0 12px; }

.blockarea__items .block__image {
  height: 180px;
  margin-bottom: 18px;
  position: relative; }
  .blockarea__items .block__image img {
    max-width: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }

.blockarea__items .block__text {
  color: var(--color-text); }

.blockarea__action {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  transform: translate(-50%, 50%);
  background: var(--color-x-high);
  padding: 12px 24px;
  text-transform: uppercase;
  font-weight: bold;
  color: white;
  transition: background-color 0.25s ease;
  border-bottom: 4px solid var(--color-x);
  width: 360px;
  text-align: center; }
  .blockarea__action:hover {
    background: var(--color-x); }

.blog__title {
  padding: 0 24px; }

.blog__item {
  position: relative;
  display: block;
  color: white;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 24px;
  transition: background-color 0.2s ease; }
  .blog__item:hover {
    background-color: var(--color-x); }
    .blog__item:hover .blog__item-image {
      filter: none; }

.blog__item-title {
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 8px; }

.blog__item-date {
  text-transform: uppercase;
  font-size: var(--fontsize-small);
  margin-bottom: 12px; }

.blog__item-image {
  filter: grayscale(1);
  mix-blend-mode: screen;
  margin-bottom: 12px; }

.region-content .feather-upload-cloud {
  width: 36px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  color: var(--color-x);
  float: left;
  margin: 12px; }

.breadcrumb {
  color: white;
  text-transform: uppercase;
  font-size: 0.95em; }
  .breadcrumb a:link, .breadcrumb a:visited {
    color: white; }

.breadcrumb__item {
  display: inline;
  font-weight: bold;
  margin-right: 8px; }
  .breadcrumb__item:not(:first-child) {
    margin-left: 8px; }

.breadcrumb a {
  position: relative; }

.breadcrumb a:after {
  border-bottom: 2px solid;
  bottom: -4px;
  content: " ";
  left: 0;
  position: absolute;
  width: 0%;
  transition: width 0.5s ease; }

.breadcrumb a:hover:after {
  width: calc(100% - 4px); }

.card-invoice {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 12px 24px;
  margin-bottom: 12px;
  border-bottom: 2px solid var(--color-x); }

@media all and (max-width: 900px) {
  .card-invoice,
  .card-invoice .flex-between {
    display: block; } }
.card-invoice__date {
  font-size: 0.8em;
  display: inline-block;
  width: 72px; }

.card-invoice__product {
  font-weight: bold; }

.card-invoice__billing {
  font-size: 0.8em; }

.card-invoice__data {
  font-size: 0.9em;
  margin-left: 12px; }

.card-invoice__price {
  margin-left: 8px; }

.card-ticket {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 12px 24px; }

.card-ticket__actions {
  text-align: right;
  position: relative;
  top: 4px; }

.card-ticket__meta--date {
  font-size: 0.8em;
  display: inline-block;
  width: 72px; }

.card-ticket__meta--subject {
  font-weight: bold; }

.card-ticket--open {
  border-bottom: 4px solid #50c745; }

.card-ticket--closed {
  border-bottom: 4px solid var(--color-x); }

.card-ticket__body {
  margin: 6px 0 12px; }

.card-ticket:hover {
  cursor: pointer; }

.card-ticket--folded .card-ticket__children {
  display: none; }

.card-ticket.hidden {
  display: none; }

.card-ticket__last {
  font-size: 0.8em; }

.card__subitem--comment {
  margin: 4px 0;
  margin-left: 24px;
  background-color: rgba(0, 0, 0, 0.15);
  padding: 8px; }
  .card__subitem--comment a {
    text-decoration: underline;
    text-decoration-style: dotted; }
    .card__subitem--comment a:link, .card__subitem--comment a:visited {
      color: var(--color-x); }
    .card__subitem--comment a:hover {
      color: var(--color-x-high); }
    .card__subitem--comment a:active {
      color: white; }

.card__subitem--comment.admin {
  border-left: 2px solid var(--color-x);
  background-color: rgba(0, 0, 0, 0.05); }

.card-list__items--tickets {
  margin: 24px 0; }

.grid-two > .card-list .card-list__items {
  margin-top: 0; }

.card-list__label {
  text-transform: uppercase; }

.card {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 24px;
  position: relative;
  border-bottom: 2px solid var(--color-x); }

.card__title {
  text-transform: uppercase;
  margin-bottom: 12px;
  border-bottom: 4px solid rgba(0, 0, 0, 0.25); }

.card__item--default {
  margin: 8px 0;
  font-size: 0.8em; }
  .card__item--default svg {
    transform: scale(0.6);
    position: relative;
    top: 6px; }

.card__star,
.card__checkout-remove {
  position: absolute !important;
  display: inline-block;
  right: 4.8px;
  top: 4.8px; }
  .card__star:hover,
  .card__checkout-remove:hover {
    cursor: pointer; }

.card.faded {
  opacity: 0.75; }

.card__label {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block; }

.card__value {
  font-size: 0.85em; }

.card__label svg {
  margin-right: 12px;
  display: inline-block;
  max-height: 18px;
  width: auto;
  position: relative;
  top: 3px;
  stroke: var(--color-x); }

.card__item:not(:first-of-type) {
  border-top: 1px dotted rgba(0, 0, 0, 0.5); }

.card__item.hidden {
  display: none; }

.card__item--edit {
  position: absolute;
  top: 12px;
  right: 12px; }

.card__actions {
  margin-top: 24px;
  text-align: center;
  background-color: var(--color-x);
  padding: 0 0 6px; }

.card__actions.cart-as-list {
  background-color: transparent; }
  .card__actions.cart-as-list .card__action--remove {
    color: var(--color-x); }

.card__actions--upper {
  position: absolute;
  right: 24px;
  top: 0; }

.card__action {
  display: inline;
  text-transform: uppercase;
  font-size: var(--fontsize-small);
  letter-spacing: 1px;
  transition: color 0.2s ease; }
  .card__action a {
    color: white;
    transition: color 0.2s ease; }
  .card__action a:hover {
    text-decoration: underline; }
  .card__action svg {
    position: relative;
    top: 7px;
    margin-right: 6px; }

.card__action:not(:first-child) {
  margin-left: 24px; }

.card--product {
  opacity: 0;
  animation: showup 1s 1 forwards; }

.card--product .card__actions {
  background-color: transparent; }

.card--product .card__action a {
  color: white;
  font-weight: bold;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 4px 24px 12px;
  transition: background-color 0.2s ease;
  background-color: var(--color-x); }
.card--product .card__action a:hover {
  background-color: var(--color-x-high); }
.card--product .card__action svg {
  top: 6px; }

.card__action--remove {
  font-weight: bold;
  color: white;
  margin-left: 0; }
  .card__action--remove:hover {
    cursor: pointer;
    text-decoration: underline; }

.card-list__empty {
  font-weight: bold; }
  .card-list__empty.hidden {
    display: none; }

.card-invoice__actions {
  margin-top: 0; }
  .card-invoice__actions .feather {
    display: inline-block;
    margin-right: 12px; }
  .card-invoice__actions a {
    color: var(--color-x); }

.card-ticket__actions a {
  color: var(--color-x); }

.icon-add:before {
  content: "+";
  font-family: sans-serif;
  background-color: var(--color-x);
  color: white;
  padding: 0 2px; }

.mastodon span.card__label::before {
  content: " ";
  background-image: url("img/mastodon.svg");
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

.peertube span.card__label::before {
  content: " ";
  background-image: url("img/peertube.svg");
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px; }

.card .card__value svg {
  width: 18px;
  color: var(--color-x); }

.checkout-empty {
  text-align: center;
  font-size: 0.9em; }

.checkout-empty.hidden {
  display: none; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.checkout-empty:before {
  content: url("img/empty.svg");
  display: block;
  margin: 24px auto;
  animation: fadein 2s 1 forwards; }

.checkout-empty__actions {
  margin-top: 24px; }
  .checkout-empty__actions a {
    transition: background-color 0.2s ease;
    color: white;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-style: dotted;
    background-color: var(--color-x); }
  .checkout-empty__actions a:hover {
    background-color: var(--color-x-high); }

.source-ticket__subject {
  margin-bottom: 6px; }

.source-ticket__description {
  margin-bottom: 24px; }

.source-ticket__date {
  font-size: 0.85em !important; }

.source-ticket__comments {
  font-size: 0.9em; }

.source-ticket__comment {
  margin-bottom: 12px; }

.source-ticket__comment a {
  text-decoration: underline;
  text-decoration-style: dotted; }
  .source-ticket__comment a:link, .source-ticket__comment a:visited {
    color: white; }
  .source-ticket__comment a:hover {
    color: var(--color-x-high); }
  .source-ticket__comment a:active {
    color: white; }

.source-ticket__comment-date {
  opacity: 0.75;
  color: var(--color-x); }

.source-ticket__comment .feather {
  height: 16px;
  position: relative;
  top: 2px; }

.source-ticket__comment-content {
  padding: 12px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 6px; }

.source-ticket__comment--empty {
  padding: 72px;
  text-align: center;
  font-size: 1.1em; }

.ticket-comment-form__actions {
  text-align: right;
  margin-top: 12px;
  font-size: 0.9em; }

.ticket-comment-form__action {
  display: inline;
  margin-left: 6px; }
  .ticket-comment-form__action input {
    background: none;
    font-weight: bold;
    border: 0; }

.source-ticket__comments-label {
  background-color: #360012;
  color: white;
  padding: 0 12px; }

.contact-modal {
  background-color: white;
  position: fixed;
  right: 72px;
  bottom: 72px;
  padding: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 50000;
  border-bottom: 4px solid var(--color-x-high);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease-out; }

.contact-modal.active {
  opacity: 1;
  pointer-events: all; }

.contact-modal__title {
  margin-bottom: 12px;
  text-transform: uppercase;
  color: var(--color-x-high); }

.contact-modal__content a {
  transition: color 0.2s ease; }
.contact-modal__content a:link, .contact-modal__content a:visited {
  color: var(--color-x); }
.contact-modal__content a:hover {
  color: var(--color-x-high); }
.contact-modal__content a:active {
  color: var(--color-x); }

.contact-modal__close {
  position: absolute;
  top: 24px;
  right: 24px; }
  .contact-modal__close:hover {
    cursor: pointer; }

.cookie-consent {
  background-color: white;
  width: 400px;
  max-width: calc(100% - 24px);
  padding: 24px;
  color: var(--color-text);
  position: fixed;
  bottom: 12px;
  left: 12px;
  font-size: 0.9em;
  opacity: 1;
  pointer-events: all;
  transition: opacity 1s ease;
  border-bottom: 3px solid var(--color-x);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 999999; }

.cookie-consent.hidden {
  opacity: 0;
  pointer-events: none; }

.cookie-consent__text {
  margin-bottom: 12px; }

.cookie-consent__action {
  font-weight: bold;
  color: var(--color-x); }

.cookie-consent__action:hover {
  cursor: pointer;
  color: var(--color-x-high); }

.cookie-consent__action a {
  color: var(--color-x); }

.cookie-consent__action a:hover {
  color: var(--color-x-high); }

.cookie-consent__action svg {
  transform: scale(0.66);
  position: relative;
  top: 6px;
  opacity: 0.5; }

.edit-link {
  font-size: 0.8em;
  text-align: right;
  position: fixed;
  top: 72px;
  right: 24px;
  text-transform: uppercase; }
  .edit-link a {
    color: white; }
  .edit-link svg {
    position: relative;
    top: 4px;
    margin-left: 4px; }

.ticket-filters {
  position: relative;
  top: -12px;
  display: inline-block; }

.ticket-filter {
  font-size: var(--fontsize-small);
  color: var(--color-text); }

.ticket-filter:before {
  content: "●";
  font-size: 0.7em;
  position: relative;
  top: -2px; }

.ticket-filter--all.hidden {
  display: none; }

.ticket-filter--all:before {
  content: "⨯";
  color: black !important;
  margin-right: 4px;
  position: relative; }

.ticket-filter--all {
  opacity: 1; }

.ticket-filter--closed:before {
  color: var(--color-x); }

.ticket-filter--open:before {
  color: #50c745; }

.ticket-filter:hover {
  cursor: pointer; }

.ticket-filter.active {
  font-weight: bold; }

.card-list__empty-item.hidden {
  display: none; }

.ticket-filters__helptext:hover {
  cursor: help; }
.ticket-filters__helptext:before {
  content: "💡";
  position: relative;
  top: -14px;
  background: white; }

.region-footer a {
  transition: color 0.2s ease; }
  .region-footer a:link, .region-footer a:visited {
    color: white; }
  .region-footer a:hover {
    color: var(--color-x); }
  .region-footer a:active {
    color: white; }

.form-default > p {
  margin-bottom: 12px; }
.form-default p.hidden {
  display: None; }
.form-default label {
  text-transform: uppercase;
  line-height: 1.2; }
.form-default ul label {
  text-transform: inherit; }
.form-default > * > label {
  font-weight: bold;
  display: block;
  margin: 0; }
  .form-default > * > label[for="id_backup"], .form-default > * > label[for="id_default"] {
    display: inline-block; }
.form-default input:not([type=submit]):not([type=radio]), .form-default textarea, .form-default select {
  border-style: dotted;
  border-color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.05);
  margin: 12px 0 6px;
  width: 100%;
  padding: 12px;
  transition: background-color 0.2s ease; }
.form-default select, .form-default input {
  border-width: 0 0 2px 0; }
.form-default .django-ckeditor-widget {
  width: 100%; }
.form-default textarea {
  padding: 24px;
  width: 100%;
  border-width: 0 0 0 2px; }
.form-default input:focus,
.form-default textarea:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, 0.1) !important; }
.form-default input[type="checkbox"] {
  width: auto !important;
  position: relative;
  margin-left: 6px; }
.form-default #id_backup + .helptext {
  padding-top: 0; }
.form-default input[type=submit],
.form-default .submit {
  line-height: 36px;
  color: white;
  background-color: var(--color-success);
  border: 0;
  padding: 12px 24px;
  transition: background-color 0.2s ease;
  text-transform: uppercase; }
.form-default input[type=submit]:hover,
.form-default .submit:hover {
  background-color: var(--color-success-hover); }
.form-default input[type=checkbox]:hover {
  cursor: pointer; }
.form-default .helptext {
  opacity: 0.75;
  font-size: 0.75em;
  padding: 12px;
  margin-bottom: 24px;
  display: block; }
.form-default .helptext a {
  color: white;
  text-decoration: underline;
  text-decoration-style: solid; }
.form-default .helptext a.pink {
  color: var(--color-x); }
.form-default label.required {
  position: relative; }
.form-default label.required:before {
  content: "*";
  color: var(--color-x);
  position: absolute;
  left: -12px; }
.form-default label + textarea {
  margin-top: 24px; }

.page__content-inner .form-default input[type=submit],
.page__content-inner .form-default .submit {
  background-color: var(--color-x);
  color: white; }
.page__content-inner .form-default a {
  color: var(--color-x); }

.form-default.helptext-after input[type="checkbox"] {
  width: 18px !important;
  height: 18px; }
.form-default.helptext-after .form__field {
  margin-top: 24px; }

.form-default__title {
  text-transform: uppercase;
  margin-bottom: 24px; }

.form-default__actions {
  margin-top: 48px;
  text-align: right;
  text-align: center;
  font-weight: bold; }

.form-default__action {
  display: inline;
  margin: 0 12px; }

.form-default__action--cancel {
  text-transform: uppercase;
  font-size: 0.9em; }
  .form-default__action--cancel a:link, .form-default__action--cancel a:visited {
    color: var(--color-x); }
  .form-default__action--cancel a:hover {
    color: var(--color-x-high); }
  .form-default__action--cancel a:active {
    color: white; }

.page__content-inner .form-default__action--cancel a:link, .page__content-inner .form-default__action--cancel a:visited {
  color: var(--color-x); }
.page__content-inner .form-default__action--cancel a:hover {
  color: var(--color-x-high); }

.form-default .errorlist {
  background-color: rgba(255, 0, 0, 0.15);
  padding: 24px;
  font-size: 0.8em;
  margin-bottom: 48px; }

.password-toggle-wrapper {
  position: relative; }

.password-toggle {
  transform: scale(0.75);
  position: absolute;
  opacity: 0.75;
  right: 0;
  top: 0; }
  .password-toggle:hover {
    cursor: pointer; }

.form-suspend-vm .highlighted {
  margin-top: 24px;
  font-weight: bold;
  line-height: 1.2; }
  .form-suspend-vm .highlighted label {
    text-transform: inherit; }
  .form-suspend-vm .highlighted input {
    margin-left: 4px !important;
    display: inline-block; }

.form-registration {
  width: 600px;
  max-width: 100%;
  margin: 0 auto;
  color: white;
  border: 2px solid;
  padding: 96px 48px 72px;
  position: relative; }
  .form-registration label {
    font-weight: bold;
    text-transform: uppercase;
    display: block; }
  .form-registration input:not([type=submit]) {
    border-style: dotted;
    border-color: rgba(0, 0, 0, 0.25);
    background: rgba(0, 0, 0, 0.05);
    margin: 0 0 24px;
    width: 100%;
    padding: 12px;
    transition: background-color 0.2s ease;
    border-width: 0 0 2px 0; }
    .form-registration input:not([type=submit]):focus {
      outline: 0;
      background-color: rgba(0, 0, 0, 0.1) !important; }
  .form-registration input[type=submit],
  .form-registration .form-registration__link {
    background-color: var(--color-x);
    border: 2px solid white;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px;
    position: absolute;
    bottom: 0;
    left: 50%;
    letter-spacing: 2px;
    font-size: 0.8em;
    transform: translate(-50%, 50%);
    transition: background-color 0.2s ease; }
    .form-registration input[type=submit]:hover,
    .form-registration .form-registration__link:hover {
      background-color: var(--color-x-high); }
  .form-registration a {
    color: white;
    font-size: 0.9em;
    transition: background-color 0.2s ease; }
    .form-registration a:hover {
      background-color: var(--color-x-high); }
  .form-registration fieldset {
    border: 0;
    margin-top: 24px; }
  .form-registration .field-reset {
    text-align: right;
    margin: 12px 0; }
  .form-registration .errorlist, .form-registration .form-registration__text {
    font-size: 0.9em;
    margin-bottom: 24px; }
  .form-registration .hidden {
    display: none; }
  .form-registration ul, .form-registration .helptext {
    font-size: 0.8em;
    margin: 0 0 24px;
    display: block; }

.form-registration__title {
  position: absolute;
  text-align: center;
  display: inline-block;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  padding: 12px 24px;
  background-color: #9b002b;
  border: 2px solid white;
  text-transform: uppercase;
  font-size: 2rem; }

.form-registration__img {
  text-align: center;
  margin-bottom: 48px;
  opacity: 1; }
  .form-registration__img img {
    max-width: 150px; }

.form-registration .field-reset a {
  background-color: var(--color-x);
  transition: background-color 0.2s ease;
  padding: 12px 6px; }

.form-registration .field-reset a:hover {
  background-color: var(--color-x-high); }

.go-top {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: var(--color-x);
  transform: translateX(0);
  transition: transform 1s ease, background-color 0.5s ease;
  z-index: 15000;
  padding: 6px 24px; }
  .go-top svg {
    filter: invert(1);
    position: relative;
    top: 4px; }
  .go-top:hover {
    cursor: pointer;
    background-color: var(--color-x-high); }

.go-top.hidden {
  transform: translateX(100%); }

.landing {
  color: white;
  font-size: 1.25em;
  line-height: 1.2;
  position: relative;
  height: 100vh;
  min-height: 700px; }

.landing .block__title,
.landing .block__subtitle {
  font-family: var(--font-headers);
  font-weight: normal; }

@media all and (min-width: 900px) {
  .landing::before {
    width: 100%;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
    background: url("img/dashboard-apps.svg");
    background-size: 1200px;
    background-repeat: no-repeat;
    background-position: center calc(100% + 120px);
    background-attachment: fixed;
    opacity: 0.4; } }
.landing img {
  animation: showup 2s 1;
  max-width: 240px; }

.landing__actions {
  text-align: center;
  position: relative;
  z-index: 100; }

.landing__action {
  text-transform: uppercase;
  font-weight: bold; }

.landing__action a, .landing__action span {
  padding: 6px;
  display: inline-block;
  width: 320px; }

.landing__action--get a {
  background-color: #fc0042;
  color: white !important;
  outline: 4px solid #fc0042;
  margin-bottom: 24px;
  transition: outline-color 0.33s ease-out; }
  .landing__action--get a:after {
    content: url("img/chevron-right.svg");
    position: relative;
    top: 4px;
    margin-left: 12px; }
  .landing__action--get a:hover {
    outline-color: white; }

.landing__action--more span {
  background-color: white;
  outline: 4px solid white;
  color: #fc0042 !important;
  transition: outline-color 0.33s ease-out; }
  .landing__action--more span:before {
    content: url("img/play-circle.svg");
    position: relative;
    top: 4px;
    margin-right: 12px; }
  .landing__action--more span:hover {
    outline-color: #fc0042;
    cursor: pointer; }

@media all and (min-width: 900px) {
  .landing__action {
    display: inline; }

  .landing__action--get a {
    margin: 0 24px 0 0; } }
.lang-switcher {
  margin-left: 12px;
  position: relative;
  top: -3px; }

.lang-switcher.item-2, .lang-switcher.item-3, .lang-switcher.item-1 {
  margin-left: 12px; }

.lang-switcher__option {
  background: transparent;
  font-weight: bold;
  font-size: 0.8em;
  border: 0;
  text-transform: uppercase;
  transition: color 0.2s ease; }
  .lang-switcher__option:hover {
    color: var(--color-x-high); }

.last-posts {
  margin: 96px 0 48px; }
  .last-posts .swiper-slide {
    padding: 0 24px; }

.last-posts__title {
  background-image: none;
  background-color: #1e0009;
  font-weight: bold;
  text-transform: uppercase;
  border-top: 4px solid #721933;
  color: white;
  padding: 12px 0;
  text-align: center; }

.last-posts__items {
  width: 100%;
  margin: 0 auto;
  background: #30000f;
  color: white;
  padding: 24px 0;
  position: relative; }

.swiper-slider {
  position: relative;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 24px; }

.swiper {
  width: 100%; }

.swiper-slide__title {
  color: white;
  line-height: 1.1;
  margin: 12px 0;
  transition: color 0.2s linear; }

.swiper-slide__body {
  text-align: justify;
  color: white; }

.swiper-slide__date {
  font-family: var(--font-auxiliar);
  text-transform: uppercase;
  color: white;
  opacity: 0.75;
  font-size: 0.8em; }

.swiper-slide a {
  display: block; }

.swiper-slide__image {
  overflow: hidden;
  border-bottom: 2px solid var(--color-x-high); }

.swiper-slide__image-img {
  vertical-align: bottom;
  transition: transform 0.5s ease-out; }

.swiper-slide a:hover .swiper-slide__image-img {
  transform-origin: 50% 50%;
  transform: scale(1.1); }
.swiper-slide a:hover .swiper-slide__title {
  color: var(--color-x-high); }

.swiper-button-prev,
.swiper-button-next {
  transition: transform 0.2s ease-out; }

.swiper-button-prev:hover {
  transform: translateX(-5px); }

.swiper-button-next:hover {
  transform: translateX(5px); }

@media all and (min-width: 1200px) {
  .swiper-button-prev {
    left: -50px !important; }

  .swiper-button-next {
    right: -50px !important; } }
.menu-aux {
  text-transform: uppercase;
  font-size: 0.7em;
  letter-spacing: 2px;
  font-weight: bold; }
  .menu-aux li {
    margin-bottom: 8px; }
  .menu-aux li:before {
    content: ">";
    opacity: 0.5; }

.toggle-navigation {
  border: 0;
  background: 0;
  height: 24px;
  position: relative;
  top: 6px; }

.navigation .toggle-navigation {
  position: fixed;
  right: 12px;
  top: 12px;
  z-index: 50000; }

@media screen and (min-width: 1080px) {
  .toggle-navigation {
    display: none; } }
.menu-main__home {
  font-family: var(--font-headers);
  margin-right: 12px;
  font-size: 1.1em !important;
  position: relative;
  top: -2px; }

.menu-main {
  vertical-align: center; }

.menu-main__items {
  display: none;
  position: relative;
  top: -3px; }
  @media screen and (min-width: 1080px) {
    .menu-main__items {
      display: inline-block; } }

@media all and (max-width: 1080px) {
  .menu-main__items li {
    display: block; } }
.navigation {
  overflow: hidden; }

.navigation .menu-main__items {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100vh);
  z-index: 5000;
  background-color: var(--color-text);
  padding: 33% 24px;
  text-align: center; }
  .navigation .menu-main__items a {
    letter-spacing: 0;
    font-size: 1.5em;
    font-family: var(--font-headers); }

.menu-main a {
  color: inherit;
  font-size: var(--fontsize-small);
  letter-spacing: 2px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  transition: color 0.2s ease; }
  .menu-main a:hover {
    color: var(--color-x-high); }

.menu-main .active {
  font-weight: bold; }

.menu--social {
  filter: invert(1);
  text-align: right; }
  .menu--social li:not(:last-child) {
    margin-bottom: 12px; }
  .menu--social a {
    position: relative;
    color: white;
    top: 12px; }

.menu__item--twitter a:before {
  content: url("img/twitter.svg"); }

.menu__item--mastodon a:before {
  content: url("img/mastodon.svg"); }

.menu__item--github a:before {
  content: url("img/github.svg"); }

.menu__item--gitlab a:before {
  content: url("img/gitlab.svg"); }

.menu__item--mail a:before {
  content: url("img/mail.svg"); }

.menu-user-aux {
  position: relative;
  top: 4px; }
  .menu-user-aux a:hover {
    color: var(--color-x); }

.region-messages {
  position: fixed;
  right: 24px;
  top: 72px; }

@keyframes fadeup {
  0% {
    transform: translateY(20px);
    opacity: 0; }
  80% {
    transform: translateY(0);
    opacity: 1; }
  100% {
    opacity: 0; } }
.messages-list {
  padding: 12px 24px;
  font-size: 0.8em;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  animation: fadeup 5s 1 forwards; }

.messages-list__msg {
  margin: 6px 0; }

.messages-list__msg.success:before {
  content: "✓";
  color: var(--color-success);
  margin-right: 6px;
  position: relative;
  top: -1px; }

body.has-modal {
  overflow: hidden; }

.modal {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity 0.5s ease;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 12000;
  background-color: rgba(0, 0, 0, 0.5); }

.modal.visible {
  opacity: 1;
  pointer-events: all; }

.modal__inner {
  background-color: rgba(0, 0, 0, 0.85);
  width: 600px;
  max-height: calc(100vh - 96px);
  padding: 48px;
  max-width: 100%;
  margin: 48px auto;
  position: relative;
  top: 96px;
  color: white; }

.modal__close {
  font-size: 2em;
  color: white;
  position: absolute;
  top: 96px;
  right: calc(50vw - 300px); }
  .modal__close:after {
    content: "⨯"; }
  .modal__close:hover {
    cursor: pointer; }

.modal__actions {
  margin-top: 24px;
  text-align: center; }

.modal__action:hover {
  cursor: pointer; }

.modal.modal--landing {
  background-color: rgba(0, 0, 0, 0.5); }

.modal__action--submit {
  font-weight: bold; }

.modal__inner.modal__inner--landing {
  width: 50vw;
  margin: 0 auto;
  padding: 0; }
  .modal__inner.modal__inner--landing video {
    max-width: 100%;
    vertical-align: top; }

.modal__close.modal__close--landing {
  top: 96px;
  right: 48px; }

.modal-terms {
  background-color: white;
  position: fixed;
  left: 0;
  top: 24px;
  width: 100%;
  padding: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 50000;
  border-bottom: 4px solid var(--color-x-high);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease-out;
  max-height: calc(100vh - 50px);
  overflow-y: auto; }
  .modal-terms .buttons {
    text-align: right; }
  .modal-terms button {
    color: white;
    margin: 12px 24px; }
  .modal-terms button.button-default.confirm {
    background-color: var(--color-success-hover); }
  .modal-terms button.button-default.cancel {
    color: var(--color-x);
    background-color: white;
    border: 1px solid; }

.modal-terms.visible {
  opacity: 1;
  pointer-events: all; }

.modal-terms h1.page__title {
  margin-bottom: 12px;
  text-transform: uppercase;
  color: var(--color-x-high); }

@media screen and (min-width: 1280px) {
  .page {
    max-width: calc(100vw - 408px);
    margin: 96px auto 72px; } }

.layout-profile .page {
  background: white; }

.page__title {
  padding: 72px 12px 24px;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  text-align: center; }
  @media screen and (min-width: 1080px) {
    .page__title {
      padding: 24px 12px; } }

.page__content {
  background: white;
  border-top: 4px solid var(--color-x-high); }

.page__content-inner {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
  padding: 72px 24px; }

#services.page__content-inner {
  width: 1280px; }

.page__meta {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

a.pink {
  color: var(--color-text);
  text-decoration: underline;
  text-decoration-style: dotted;
  color: var(--color-x); }

.page__content {
  color: var(--color-text); }
  .page__content a {
    text-decoration: underline;
    text-decoration-style: dotted;
    color: var(--color-x); }
  .page__content p {
    margin-bottom: 12px;
    text-align: justify;
    font-size: 1.2em;
    text-indent: 0; }
  .page__content h1, .page__content h2, .page__content h3 {
    line-height: 1.2; }
  .page__content h2 {
    margin: 0 0 36px; }
  .page__content p + h2,
  .page__content div + h2 {
    margin-top: 36px; }
  .page__content h3 {
    margin: 24px 0 24px; }
  .page__content p + h3 {
    margin-top: 24px; }
  .page__content img {
    display: block;
    margin: 0 auto; }
  .page__content ul {
    margin: 24px; }
  .page__content li {
    margin-bottom: 12px; }
  .page__content .remarked {
    margin-bottom: 36px; }

.page__date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9em;
  color: white; }

.pagination {
  font-size: 0.8em;
  margin: 48px 24px 12px;
  width: 100%;
  display: block; }

@media all and (min-width: 900px) {
  .pagination {
    position: absolute;
    bottom: 0;
    left: 24px;
    margin-left: 0; } }
.pagination__items {
  width: calc(100% - 24px); }

.pagination__items ul.justify-content-center {
  text-align: center;
  width: 100%;
  margin: 24px; }
.pagination__items li {
  display: inline; }
.pagination__items a {
  color: var(--color-x);
  text-decoration: underline;
  text-decoration-style: dotted; }
.pagination__items a:first-child {
  margin-right: 12px; }
.pagination__items a:last-child {
  margin-left: 12px; }

.payment__summary {
  margin-bottom: 24px; }

.payment__form {
  text-align: center;
  margin-top: 24px; }
  .payment__form a {
    color: white !important; }
  .payment__form .stripe-button-el {
    display: none; }

.profile {
  color: white; }

.page .profile {
  padding: 24px;
  color: var(--color-x); }
  .page .profile h1 {
    color: var(--color-x); }

@media screen and (min-width: 1080px) {
  .profile-content {
    display: flex; } }

.profile-title {
  border-bottom: 4px solid var(--color-x); }

.menu-profile {
  font-size: 0.9em;
  margin-bottom: 24px;
  padding-bottom: 24px; }
  @media screen and (min-width: 1080px) {
    .menu-profile {
      border-right: 4px solid;
      width: 240px;
      flex-basis: 240px; } }

.profile-title__username {
  margin: 0 0 12px -6px;
  font-size: 0.8em; }
  .profile-title__username svg {
    position: relative;
    transform: scale(0.7);
    top: 7px;
    opacity: 0.5; }

.selectnav {
  background: rgba(0, 0, 0, 0.1);
  border: 0;
  border-bottom: 4px solid white;
  margin: 0 0 24px;
  width: calc(100vw - 24px);
  padding: 12px 24px;
  font-weight: bold;
  display: none; }

/* small screen */
@media all and (max-width: 1080px) {
  #profile-items {
    display: none; }

  .selectnav {
    display: block; } }
.menu-profile__item {
  margin: 0;
  text-transform: uppercase;
  font-size: 0.9em; }
  .menu-profile__item a {
    padding: 18px 12px;
    display: block; }

.menu-profile__item a {
  color: var(--color-x);
  transition: background-color 0.2s ease; }
.menu-profile__item a:hover {
  background-color: var(--color-x);
  color: white; }

.profile-section {
  position: relative;
  flex-basis: 100%;
  color: var(--color-text); }
  @media screen and (min-width: 1080px) {
    .profile-section {
      padding: 48px 48px 72px; } }

.profile__message-area--empty {
  transition: opacity 0.2s ease; }

.profile__message-area--empty.hidden {
  opacity: 0; }

.menu-profile__item.active {
  font-family: var(--font-headers);
  border-bottom: 4px solid; }

.profile__actions {
  margin-top: 12px; }

.profile__action {
  background-color: var(--color-x);
  font-family: var(--font);
  padding: 4px 12px 6px 6px;
  transition: border-color 0.2s ease;
  border: 2px solid var(--color-x-high);
  text-align: center;
  border-radius: 4px;
  max-width: 288px;
  margin: 0 auto; }
  .profile__action a {
    color: white !important; }
  .profile__action:hover {
    border: 2px solid white;
    cursor: pointer; }
  .profile__action a:hover {
    background-color: none !important; }

.profile__action svg {
  position: relative;
  top: 6px;
  margin-right: 8px;
  transform: scale(0.8); }

.profile__message-area {
  text-align: center; }

@media screen and (min-width: 1080px) {
  .profile__message-area:not(.outside) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

  .profile__message-area.outside {
    position: fixed;
    right: 216px;
    top: 96px;
    margin-top: 0; } }
.not-address {
  text-align: center; }
  .not-address a {
    transition: background-color 0.2s ease;
    color: white;
    font-weight: bold;
    text-decoration: underline;
    text-decoration-style: dotted;
    background-color: var(--color-x); }
  .not-address a:hover {
    background-color: var(--color-x-high); }

.card-list__header-section {
  margin-top: 48px;
  margin-bottom: 48px; }

.progress-bar {
  border-bottom: 4px solid var(--color-x);
  position: fixed;
  left: 0;
  top: 48px;
  z-index: 10000; }

.selectx {
  position: relative; }

.page__content-inner .selectx__options, .layout-profile .selectx__options {
  background-color: white;
  margin: 0; }
.page__content-inner .selectx__options, .layout-profile .selectx__options {
  background-color: white;
  margin: 0; }

.page__content-inner .selectx__option:not(.disabled):hover, .layout-profile .selectx__option:not(.disabled):hover {
  background-color: white;
  color: #930029; }

.selectx__options {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 50000;
  background-color: rgba(138, 0, 39, 0.98);
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid black, 0.1; }

.selectx__options.hidden {
  display: none; }

.selectx__option {
  padding: 6px 12px;
  transition: background-color 0.2s ease; }

.selectx__option:not(:last-child) {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2); }

.selectx__option:not(.disabled):hover {
  cursor: pointer;
  background-color: #60001b; }

.selectx__option.disabled {
  opacity: 0.9; }

.selectedx-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 49999; }

.signature {
  font-size: 1.25rem;
  text-align: center; }

.signature a {
  text-decoration: underline;
  text-decoration-style: dotted; }

.tabs {
  margin: 24px 0;
  font-size: var(--fontsize-small); }

.tabs__item {
  display: inline;
  margin-right: 12px;
  text-transform: uppercase; }

.tabs__item a {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 12px 24px;
  transition: background-color 0.2s ease; }

.tabs__item.active a {
  background-color: var(--color-text);
  color: white; }

.tabs__item a:hover {
  background-color: var(--color-text-light);
  color: white; }

.tabbed {
  display: none; }

.tabbed.active {
  display: block; }

.tabbed:target {
  display: block; }

.textarea-front {
  font-size: 1.2em;
  text-align: center;
  padding: 24px 24px 0;
  font-weight: bold;
  color: #fc0042; }

.textarea-front .block__text {
  margin: 0 auto;
  text-align: center; }

.textarea-front {
  margin-top: 12px;
  background: white; }
  .textarea-front a:not(.block__edit) {
    color: white;
    display: inline-block;
    margin: 24px 0;
    border: 2px solid white;
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 24px; }

[data-tooltip] {
  position: relative; }

[data-tooltip]:after {
  position: absolute;
  content: attr(data-tooltip);
  top: 24px;
  right: 0;
  display: inline-block;
  opacity: 0;
  background-color: white;
  padding: 8px;
  min-width: 144px;
  z-index: 10000;
  font-size: var(--fontsize-small);
  pointer-events: none; }

[data-tooltip]:hover:after {
  opacity: 1; }

/*# sourceMappingURL=style.css.map */