/* gruppo-regular - latin */
@font-face {
  font-family: "Gruppo";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/gruppo-v16-latin-regular.woff2") format("woff2"), url("../fonts/gruppo-v16-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/ubuntu-v20-latin-regular.woff2") format("woff2"), url("../fonts/ubuntu-v20-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-italic - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  src: local(""), url("../fonts/ubuntu-v20-latin-italic.woff2") format("woff2"), url("../fonts/ubuntu-v20-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/ubuntu-v20-latin-700.woff2") format("woff2"), url("../fonts/ubuntu-v20-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

* {
  box-sizing: border-box;
}

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

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

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

a {
  color: #337ab7;
  text-decoration: none;
}
a:hover, a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

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

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

[role=button] {
  cursor: pointer;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-link {
  font-weight: 400;
  color: #337ab7;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

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

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
  display: table;
  content: " ";
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

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

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

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav:before, .nav:after {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

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

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

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

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

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

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

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}
.bg {
  background: rgba(0, 0, 0, 0.6);
}

.fcc {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.planet {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 20vmin;
  height: 20vmin;
  margin: -10vmin;
  background: #202020 url(../img/planetoverlay.png) 0 0 no-repeat;
  background-size: contain;
  border: none;
  border-radius: 50%;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.s1, .icon.box, .social-media-links > span,
.social-media-links a, .share-buttons a {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.s2, .icon.box:not(span):hover, .social-media-links > span:not(span):hover,
.social-media-links a:not(span):hover, .share-buttons a:not(span):hover, li.blocks-gallery-item a, .gallery a, .card {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.s3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.s4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.s5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}

* {
  box-sizing: border-box;
}

html, body {
  font-size: 16px;
}

body {
  transition: left 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
  margin: 0;
  left: 0;
  font-family: "Ubuntu", Arial, sans-serif;
  color: #ccc;
  background: #666;
  font-size: 1.2rem;
}
body.radio {
  padding: 0;
  margin: 0;
}

a {
  color: #fff;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transform: translateY(0);
  transition: text-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
a:hover, a:focus, a:active {
  transform: translateY(-2px);
  color: #fff;
  text-decoration: none;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}

:focus,
*:focus,
a:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
  color: #fff;
}

input,
textarea {
  padding: 10px;
}

textarea {
  width: 50%;
  min-width: 300px;
  height: 200px;
}

h1 {
  font-family: Gruppo, Arial, sans-serif;
  letter-spacing: -1px;
  font-size: 3rem;
  line-height: 0.9;
  margin: 0 0 2rem;
}

.card {
  background: gray;
  color: #ddd;
  padding: 0.75rem 1.5rem;
  margin-bottom: 0.75rem;
  border-radius: 3px;
  overflow: hidden;
}
.card.dark {
  background: #4d4d4d;
  color: #ddd;
}
.card header {
  margin: -0.75rem -1.5rem 0;
}
.card header h1, .card header strong {
  display: block;
  margin: 0.75rem 0.75rem;
}
.forum .card {
  padding: 0.75rem 0.75rem;
}

@media (min-width: 800px) {
  .post-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .post-list article {
    flex-basis: 49%;
  }
}

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

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

.alignright {
  float: right;
  clear: right;
  margin: 0 0 1rem 1rem;
}

.alignleft {
  float: left;
  clear: left;
  margin: 0 1rem 1rem 0;
}

.aligncenter {
  margin: 1rem auto;
}

body .wp-block-image figure,
body figure.wp-block-image,
body figure.wp-block-embed {
  background: #4d4d4d;
  border-radius: 3px;
  overflow: hidden;
  max-width: 100%;
}
body .wp-block-image figure.alignleft, body .wp-block-image figure.alignright, body .wp-block-image figure.aligncenter,
body figure.wp-block-image.alignleft,
body figure.wp-block-image.alignright,
body figure.wp-block-image.aligncenter,
body figure.wp-block-embed.alignleft,
body figure.wp-block-embed.alignright,
body figure.wp-block-embed.aligncenter {
  display: block;
}
body .wp-block-image figure.alignleft figcaption, body .wp-block-image figure.alignright figcaption, body .wp-block-image figure.aligncenter figcaption,
body figure.wp-block-image.alignleft figcaption,
body figure.wp-block-image.alignright figcaption,
body figure.wp-block-image.aligncenter figcaption,
body figure.wp-block-embed.alignleft figcaption,
body figure.wp-block-embed.alignright figcaption,
body figure.wp-block-embed.aligncenter figcaption {
  display: block;
  margin: 0;
}
body .wp-block-image figure.aligncenter,
body figure.wp-block-image.aligncenter,
body figure.wp-block-embed.aligncenter {
  margin: 0 auto;
}
body .wp-block-image figure img,
body figure.wp-block-image img,
body figure.wp-block-embed img {
  width: 100%;
}
body .wp-block-image figure figcaption,
body figure.wp-block-image figcaption,
body figure.wp-block-embed figcaption {
  padding: 0.5rem;
  font-size: 90%;
  text-align: center;
  color: gray;
}
body .wp-block-image figure .twitter-tweet,
body figure.wp-block-image .twitter-tweet,
body figure.wp-block-embed .twitter-tweet {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.clear-both {
  clear: both;
}

select,
.btn,
.fc button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: rgba(102, 102, 102, 0.5);
  border: 1px solid #666;
  border-radius: 3px;
  color: #fff;
  box-shadow: 0 0 10px 0px rgba(45, 55, 64, 0.8);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
select:focus, select:hover,
.btn:focus,
.btn:hover,
.fc button:focus,
.fc button:hover {
  color: #fff;
}

form.styled,
.bbp_widget_login {
  position: relative;
  padding: 1rem;
  pointer-events: auto;
}
form.styled.popup,
.bbp_widget_login.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  overflow: auto;
  box-shadow: 0 0 20px 20px #2d3740;
  padding-top: 2rem;
  z-index: 50;
  background: #2d3740;
  transform: translateY(-100vh);
  text-align: left;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 800px) {
  form.styled.popup,
.bbp_widget_login.popup {
    width: 33%;
    margin-left: 33%;
  }
}
form.styled.popup button.close,
.bbp_widget_login.popup button.close {
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 2rem;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
form.styled.popup.open,
.bbp_widget_login.popup.open {
  transform: translateY(0);
}
form.styled .overlay,
form.styled .overlay > div,
.bbp_widget_login .overlay,
.bbp_widget_login .overlay > div {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
}
form.styled .overlay > div,
.bbp_widget_login .overlay > div {
  opacity: 0;
  background: #2d3740;
  display: flex;
  justify-content: center;
  align-content: stretch;
  flex-direction: column;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
form.styled .overlay:not(.hidden) > div:not(.working),
.bbp_widget_login .overlay:not(.hidden) > div:not(.working) {
  opacity: 1;
}
form.styled .input-row,
.bbp_widget_login .input-row {
  padding-top: 1.5rem;
  position: relative;
}
form.styled label,
.bbp_widget_login label {
  position: absolute;
  top: 2rem;
  left: 1rem;
  color: #6d8499;
  transform-origin: left;
  cursor: text;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 20px;
}
form.styled input,
form.styled textarea,
.bbp_widget_login input,
.bbp_widget_login textarea {
  font-size: 20px;
  width: 100%;
  min-width: 100%;
  border: none;
  background: #2d3740;
  box-sizing: border-box;
  border-bottom: 2px solid #6d8499;
  box-shadow: 0 0 10px 0px rgba(45, 55, 64, 0.8);
}
form.styled input:focus ~ label,
form.styled textarea:focus ~ label,
.bbp_widget_login input:focus ~ label,
.bbp_widget_login textarea:focus ~ label {
  color: #8b9dae;
}
form.styled input:focus ~ label, form.styled input:valid ~ label, form.styled input.dirty ~ label,
form.styled textarea:focus ~ label,
form.styled textarea:valid ~ label,
form.styled textarea.dirty ~ label,
.bbp_widget_login input:focus ~ label,
.bbp_widget_login input:valid ~ label,
.bbp_widget_login input.dirty ~ label,
.bbp_widget_login textarea:focus ~ label,
.bbp_widget_login textarea:valid ~ label,
.bbp_widget_login textarea.dirty ~ label {
  top: 0;
  transform: scale(0.6, 0.6);
  color: #fff;
}
form.styled input:focus,
form.styled textarea:focus,
.bbp_widget_login input:focus,
.bbp_widget_login textarea:focus {
  outline: none;
}
form.styled textarea,
.bbp_widget_login textarea {
  height: 3.2rem;
  box-sizing: border-box;
  transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
form.styled textarea:focus, form.styled textarea:valid, form.styled textarea.dirty,
.bbp_widget_login textarea:focus,
.bbp_widget_login textarea:valid,
.bbp_widget_login textarea.dirty {
  height: 9rem;
}
form.styled input[type=button],
form.styled input[type=submit],
form.styled button,
.bbp_widget_login input[type=button],
.bbp_widget_login input[type=submit],
.bbp_widget_login button {
  position: relative;
  padding: 0.6rem 1.5rem;
  background: #6d8499;
  border: 1px solid;
  border-radius: 0.3rem;
  box-shadow: 0 0 10px 0px rgba(45, 55, 64, 0.8);
}
form.styled input[type=button]:active,
form.styled input[type=button]:focus,
form.styled input[type=button]:hover,
form.styled input[type=submit]:active,
form.styled input[type=submit]:focus,
form.styled input[type=submit]:hover,
form.styled button:active,
form.styled button:focus,
form.styled button:hover,
.bbp_widget_login input[type=button]:active,
.bbp_widget_login input[type=button]:focus,
.bbp_widget_login input[type=button]:hover,
.bbp_widget_login input[type=submit]:active,
.bbp_widget_login input[type=submit]:focus,
.bbp_widget_login input[type=submit]:hover,
.bbp_widget_login button:active,
.bbp_widget_login button:focus,
.bbp_widget_login button:hover {
  outline: none;
  background-position: 0 0;
  color: #2d3740;
  box-shadow: 0 0 15px 5px rgba(45, 55, 64, 0.9);
}

/* -----------------------------------------------------------------------------
  HAMBURGER ICONS COMPONENT

----------------------------------------------------------------------------- */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `c-hamburger` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.btn-hamburger {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
}
.btn-hamburger:focus {
  outline: none;
}
.btn-hamburger span {
  display: block;
  position: relative;
  top: 0;
  height: 0.1875rem;
  background: rgb(255, 255, 255);
  left: 20%;
  width: 60%;
  transition: background 0s 0.3s;
}
.btn-hamburger span::before, .btn-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  background-color: #fff;
  content: "";
}
.btn-hamburger span::before {
  top: -0.4375rem;
  transition: top 0.3s, 0.3s, transform 0.3s, 0s;
}
.btn-hamburger span::after {
  bottom: -0.4375rem;
  transition: bottom 0.3s, 0.3s, transform 0.3s, 0;
}
.btn-hamburger.is-active span {
  background: none;
}
.btn-hamburger.is-active span::before, .btn-hamburger.is-active span::after {
  transition-delay: 0s, 0.3s;
}
.btn-hamburger.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}
.btn-hamburger.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.btn-person {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  font-size: 0;
  cursor: pointer;
}
.btn-person span {
  display: block;
  height: 100%;
  width: 100%;
  left: 0;
}
.btn-person span::before, .btn-person span::after {
  position: absolute;
  display: block;
  content: "";
  transition: height 0.3s 0.3s, left 0.3s 0.3s, top 0.3s 0.3s, width 0.3s 0.3s, border-radius 0.3s 0s, transform 0.3s 0s;
}
.btn-person span::before {
  left: 50%;
  top: 20%;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
}
.btn-person span::after {
  height: 8px;
  background: white;
  left: 25%;
  top: 50%;
  width: 50%;
  border-radius: 100% 100% 0 0;
}
.btn-person.is-active span {
  background: none;
}
.btn-person.is-active span::before, .btn-person.is-active span::after {
  height: 0.1875rem;
  width: 60%;
  transition-delay: 0s, 0s, 0s, 0s, 0.3s, 0.3s;
  border-radius: 0;
}
.btn-person.is-active span::before {
  top: 45%;
  left: 30%;
  transform: rotate(45deg);
}
.btn-person.is-active span::after {
  top: 48%;
  left: 20%;
  transform: rotate(-45deg);
}

.batch {
  position: absolute;
  display: block;
  height: 1.2rem;
  width: 1.2rem;
  line-height: 1.2rem;
  bottom: -0.4rem;
  right: -0.4rem;
  background: #E53935;
  border-radius: 50%;
  color: #fff;
  font-size: 0.8rem;
  font-style: normal;
}

.dropdown-menu {
  display: none;
}

.open > .dropdown-menu {
  display: block;
}

.btn-round {
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: 2px solid #ccc;
}

.stellar {
  width: 100%;
  min-height: 300px;
  position: relative;
  background: radial-gradient(ellipse, rgb(255, 255, 255) 0%, rgba(245, 238, 213, 0.8) 10%, rgba(255, 255, 255, 0.6) 19%, rgba(0, 80, 255, 0) 60%);
  pointer-events: none;
  flex-grow: 1;
}
.stellar::after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 50%;
  width: 24vmin;
  height: 24vmin;
  margin: -12vmin 0 0 -12vmin;
  background: #fff url("../img/logo.svg") center center no-repeat;
  background-size: contain;
  border-radius: 50%;
  box-shadow: inset 0 0 6px 0px #ffffff, 0 0 20px 8px #ffffff;
}
@media (min-width: 800px) {
  .stellar::after {
    width: 12vmin;
    height: 12vmin;
    margin: -6vmin 0 0 -6vmin;
  }
}
.stellar > div {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0;
  width: 80%;
  height: 80%;
  z-index: 0;
  pointer-events: none;
  box-shadow: inset 0 0 17px 0px rgba(255, 255, 255, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.3);
}
.stellar.top {
  background: radial-gradient(circle at center top, rgb(255, 255, 255) 0%, rgba(245, 238, 213, 0.8) 10%, rgba(255, 255, 255, 0.6) 19%, rgba(0, 80, 255, 0) 60%);
}
.stellar.top::after {
  top: 0;
  left: 50%;
  height: 45vmin;
  width: 45vmin;
  margin: -22.5vmin;
  background-image: url("../img/planetoverlay.png");
  z-index: 0;
}
.stellar.top > div {
  width: 120%;
  height: 60%;
  left: -10%;
  top: -30%;
  z-index: 1;
  pointer-events: none;
}
.stellar.top > div + a {
  padding: 0;
  transform-origin: center;
  border: none;
  pointer-events: auto;
}
.stellar.top > div + a::before {
  display: none;
}
.stellar > a, .stellar > button {
  position: absolute;
  display: inline-block;
  padding: 8vmin 5px 0 20px;
  border: 1px dotted #fff;
  border-top: none;
  border-right: none;
  font-family: Gruppo, Arial, sans-serif;
  font-size: 1rem;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: all;
  z-index: 10;
  transform-origin: top left;
}
@media (min-width: 800px) {
  .stellar > a, .stellar > button {
    padding: calc(25px + 4vmin) 5px 0 20px;
  }
}
.stellar > a::before, .stellar > button::before {
  position: absolute;
  display: block;
  content: "";
  width: 16vmin;
  height: 16vmin;
  left: -8vmin;
  top: -8vmin;
  border-radius: 50%;
  background: url("../img/planetoverlay.png") 0 0 no-repeat;
  background-size: 16vmin;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 800px) {
  .stellar > a::before, .stellar > button::before {
    width: 8vmin;
    height: 8vmin;
    left: -4vmin;
    top: -4vmin;
    background-size: 8vmin;
  }
}
.stellar > a:hover, .stellar > a:active, .stellar > button:hover, .stellar > button:active {
  transform: scale(1.1);
}
.stellar > a:hover::after, .stellar > a:active::after, .stellar > button:hover::after, .stellar > button:active::after {
  box-shadow: inset 0 0 3vmin 0.5vmin rgba(230, 237, 237, 0.5), 0 0 20px 3px rgba(230, 237, 237, 0.5) !important;
}
.stellar > a.preview, .stellar > button.preview {
  display: flex;
  width: 30vmin;
  height: 30vmin;
  margin: -15vmin;
  border-radius: 50%;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #186120;
}
@media (min-width: 800px) {
  .stellar > a.preview, .stellar > button.preview {
    font-size: 1.2rem;
  }
}
.stellar > a.preview:hover, .stellar > a.preview:active, .stellar > button.preview:hover, .stellar > button.preview:active {
  transform: scale(1.1);
  box-shadow: 0 0 20px 3px rgba(230, 237, 237, 0.5);
}
.stellar > a.preview:hover::after, .stellar > a.preview:active::after, .stellar > button.preview:hover::after, .stellar > button.preview:active::after {
  box-shadow: inset 0 0 14vmin 0.5vmin rgba(230, 237, 237, 0.5);
}
.stellar > a.preview::after, .stellar > button.preview::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url("../img/planetoverlay.png") 0 0 no-repeat;
  background-size: contain;
  border-radius: 50%;
  z-index: 2;
  box-shadow: none;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.8;
}
.stellar > a.preview .time, .stellar > button.preview .time {
  position: absolute;
  bottom: 99%;
  white-space: nowrap;
  left: -14vmin;
  right: -14vmin;
  z-index: 3;
}
.stellar > a.preview > strong, .stellar > button.preview > strong {
  position: absolute;
  z-index: 3;
  height: 100%;
  width: 100%;
  top: 0;
  font-size: 1rem;
}
@media (min-width: 800px) {
  .stellar > a.preview > strong, .stellar > button.preview > strong {
    font-size: 1.5rem;
  }
}
.stellar > a.preview img, .stellar > button.preview img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: 50%;
}

body > main {
  padding-top: 5rem;
  background: url("../img/wall.png") top center repeat-x;
}

.content {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 3rem 0 0.25rem;
}
.content img {
  max-width: 100%;
  height: auto;
}
.content h2,
.content h3,
.content h4,
.content p:not(.post-meta),
.content ul,
.content ol {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.forum .content {
  max-width: 1440px;
}

.person-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.person-list .person {
  display: inline-block;
  align-content: space-around;
  margin: 1rem;
  margin-bottom: 30px;
  text-align: center;
}
.person-list .avatar {
  border-radius: 50%;
  overflow: hidden;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #303a56;
}
.person-list a:hover .avatar {
  transform: scale(1.1);
}
.person-list .name {
  font-family: Gruppo, Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  text-shadow: 0 0 15px #009cee;
  margin-top: 0.5rem;
}

#respond,
#comments {
  position: relative;
}
#respond .answer,
#comments .answer {
  text-align: right;
}
#respond > ol,
#comments > ol {
  padding: 0;
}
#respond > ol > li,
#comments > ol > li {
  padding-bottom: 10px;
  border-top: 1px solid #595959;
  margin-bottom: 10px;
}
#respond li,
#respond ul,
#comments li,
#comments ul {
  position: relative;
}
#respond ul, #respond ol,
#comments ul,
#comments ol {
  list-style: none;
}
@media (min-width: 800px) {
  #respond .speechbubble,
#comments .speechbubble {
    display: flex;
  }
}
#respond .speechbubble .user,
#comments .speechbubble .user {
  margin-left: -1rem;
  display: flex;
  align-items: center;
}
@media (min-width: 800px) {
  #respond .speechbubble .user,
#comments .speechbubble .user {
    display: block;
    padding-right: 20px;
    text-align: center;
    min-width: 100px;
    width: 100px;
  }
}
#respond .speechbubble .user #cancel-comment-reply-link,
#comments .speechbubble .user #cancel-comment-reply-link {
  position: absolute;
  right: 16px;
  top: 32px;
  color: #E53935;
  z-index: 3;
}
#respond .speechbubble .user img,
#comments .speechbubble .user img {
  border-radius: 50%;
}
#respond .speechbubble .user .input-row,
#comments .speechbubble .user .input-row {
  overflow: hidden;
}
#respond .speechbubble .user .input-row input,
#comments .speechbubble .user .input-row input {
  font-size: 1rem;
  padding: 3px;
}
#respond .speechbubble .user .input-row label,
#comments .speechbubble .user .input-row label {
  font-size: 1rem;
}
#respond .speechbubble .text,
#comments .speechbubble .text {
  flex: 1 1 100%;
  margin-top: 15px;
  position: relative;
  padding: 15px;
  background: #595959;
  border-radius: 15px;
  border-top-left-radius: 0;
}
#respond .speechbubble .text::before,
#comments .speechbubble .text::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  border: 10px solid transparent;
  border-right-width: 10px;
  border-left-width: 10px;
  border-bottom-color: #595959;
  border-top-width: 0;
}
@media (min-width: 800px) {
  #respond .speechbubble .text::before,
#comments .speechbubble .text::before {
    top: 20px;
    left: -10px;
    transform-origin: 0 0;
    transform: rotate(-90deg);
  }
}
#respond .speechbubble .text .input-row,
#comments .speechbubble .text .input-row {
  overflow: hidden;
}
#respond .speechbubble .text time a,
#comments .speechbubble .text time a {
  color: #1a1a1a;
  font-size: 90%;
  font-weight: 400;
}
#respond .speechbubble .text p,
#comments .speechbubble .text p {
  margin-top: 0;
}

article.card {
  background: gray url("../img/wall-small.png") top left repeat-x;
  color: #ddd;
  position: relative;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.4);
}
article.card header {
  border-bottom: 1px solid #a6a6a6;
  border-radius: 3px;
  position: relative;
  color: white;
  text-shadow: 0 2px 4px #000;
}
article.card header::before, article.card header::after {
  content: "";
  position: absolute;
  top: calc(100% - 20px);
  height: 440px;
  width: 200px;
  display: block;
  background: url(../img/corner.png) top left no-repeat;
  opacity: 0.4;
  pointer-events: none;
}
article.card header::before {
  left: 0;
  transform: scaleX(-1);
}
article.card header::after {
  right: 0;
}
article.card header img {
  width: 100%;
  height: auto;
}
article.card header h1 {
  margin: 0.5rem 1rem;
  font-size: 2rem;
  line-height: 1.2;
}
article.card header .post-meta,
article.card header .post-meta svg {
  vertical-align: middle;
}
article.card header .post-meta {
  margin: 0 0.5rem;
}
article.card header .post-meta a {
  color: #ddd;
  text-shadow: 0 2px 4px #000;
}
article.card header .post-meta span {
  display: inline-block;
  padding: 0 0.25rem;
  vertical-align: middle;
}
article.card .article-content :not(.fc):not(.person-list):not(.gallery):not(figure):not(.wp-block-gallery) a:not(.fc-event):not(.sprd-link):not(.sprd-product-list-item__link):not(.cboxElement) {
  position: relative;
  display: inline-block;
}
article.card .article-content :not(.fc):not(.person-list):not(.gallery):not(figure):not(.wp-block-gallery) a:not(.fc-event):not(.sprd-link):not(.sprd-product-list-item__link):not(.cboxElement)::after {
  content: "";
  display: block;
  top: 100%;
  height: 2px;
  margin-top: -4px;
  left: 10%;
  width: 94%;
  position: absolute;
  background-color: rgba(3, 169, 244, 0.6);
  transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
article.card .article-content :not(.fc):not(.person-list):not(.gallery):not(figure):not(.wp-block-gallery) a:not(.fc-event):not(.sprd-link):not(.sprd-product-list-item__link):not(.cboxElement):hover::after {
  height: 4px;
}
article.card p {
  line-height: 1.4;
}
article.card ~ .tags a {
  background-color: gray;
  border-radius: 0 2px 2px 0;
  display: inline-block;
  font-size: 11px;
  line-height: 13px;
  margin: 0 0 2px 10px;
  padding: 4px 7px 3px;
  position: relative;
  text-transform: uppercase;
}
article.card ~ .tags a::before {
  position: absolute;
  content: "";
  border-top: 10px solid transparent;
  border-right: 8px solid gray;
  border-bottom: 10px solid transparent;
  height: 0;
  width: 0;
  top: 0;
  left: -8px;
}
article.card ~ .tags a::after {
  position: absolute;
  content: "";
  background-color: #666;
  border-radius: 50%;
  height: 4px;
  top: 8px;
  left: -2px;
  width: 4px;
}
article.card ~ .author h4 {
  margin-bottom: 0;
  text-transform: uppercase;
}
article.card ~ .author .card {
  display: flex;
  align-items: center;
}
article.card ~ .author .card img {
  margin: 0 1rem 0 -0.75rem;
  border-radius: 50%;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  flex: 0 0 100px;
}
article.card .person-wrap {
  min-width: 100%;
}
article.card .person-wrap table {
  display: inline-block;
}
article.card .person-wrap table th {
  text-align: left;
}

.gallery {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.gallery a {
  display: flex;
  position: relative;
  margin: 0.25rem;
  border-radius: 3px;
  overflow: hidden;
  flex: 0 0 auto;
}
.gallery a img {
  display: block;
}
.gallery a::after {
  position: absolute;
  content: "+";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  font-size: 3rem;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.gallery a:hover::after {
  opacity: 1;
}

li.blocks-gallery-item a {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
li.blocks-gallery-item a::after {
  position: absolute;
  content: "+";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  font-size: 3rem;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
li.blocks-gallery-item a:hover::after {
  opacity: 1;
}

.post-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.post-navigation .prev,
.post-navigation .next {
  display: flex;
  align-items: center;
}
.post-navigation .prev {
  margin-right: 1rem;
}
.post-navigation .next {
  margin-left: 1rem;
  flex-direction: row-reverse;
  text-align: right;
}
.post-navigation.archive .prev, .post-navigation.archive .next {
  width: auto;
  margin: 0;
}
.post-navigation a:not(.prev):not(.next) {
  display: inline-block;
  min-width: 1.3rem;
  text-align: center;
  line-height: 1.3rem;
  font-size: 1rem;
}
@media (min-width: 800px) {
  .post-navigation a:not(.prev):not(.next) {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.post-navigation span {
  display: block;
  font-size: 0.7rem;
}
.post-navigation p {
  margin: 0;
}
.post-navigation svg {
  font-size: 5rem;
  vertical-align: middle;
}
.post-navigation.archive svg {
  width: 2.5rem;
  height: 2.5rem;
}

#sprd-main {
  padding-top: 2rem;
}
#sprd-main .sprd-bg-m1, #sprd-main.customPageBackground,
#sprd-main .customPageBackground {
  background: none !important;
  color: #ddd !important;
}
#sprd-main .sprd-breadcrumb__item a,
#sprd-main .customFilterItem {
  color: #fff !important;
}
#sprd-main .customSubfilterItem {
  color: #000 !important;
}
#sprd-main .customSubfilterItem:hover {
  background: #ededed;
}
#sprd-main nav {
  display: block;
}
#sprd-main nav .sprd-link {
  padding: 0;
}
#sprd-main .sprd-promo-box {
  text-shadow: 0;
}
#sprd-main .sprd-product-list-item__sizes {
  background: none;
}

#bbpress-forums {
  font-size: 1rem;
}
#bbpress-forums li.bbp-header {
  background: none;
  border-bottom-color: rgba(0, 0, 0, 0.3);
}
#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
  background: none;
  border: 0;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
  background: none;
  border-color: rgba(0, 0, 0, 0.5);
}
#bbpress-forums li.bbp-body ul.forum.super-sticky, #bbpress-forums li.bbp-body ul.forum.sticky, #bbpress-forums li.bbp-body ul.topic.super-sticky, #bbpress-forums li.bbp-body ul.topic.sticky {
  background: rgba(169, 223, 229, 0.3) !important;
}
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(0, 0, 0, 0.9);
  max-width: 100%;
  font-size: 16px;
}
#bbpress-forums ul .bbp-forum-info .bbp-forum-content,
#bbpress-forums ul p.bbp-topic-meta {
  font-size: 0.7rem;
}
#bbpress-forums ul li.bbp-forum-info,
#bbpress-forums ul li.bbp-topic-title {
  width: 68%;
}
#bbpress-forums ul li.bbp-forum-counts,
#bbpress-forums ul li.bbp-topic-counts {
  display: none;
}
@media screen and (min-width: 800px) {
  #bbpress-forums ul li.bbp-forum-counts,
#bbpress-forums ul li.bbp-topic-counts {
    display: block;
    width: 10%;
    float: left;
    font-size: 0.7rem;
  }
}
#bbpress-forums ul li.bbp-forum-freshness,
#bbpress-forums ul li.bbp-topic-freshness {
  display: none;
}
@media screen and (min-width: 800px) {
  #bbpress-forums ul li.bbp-forum-freshness,
#bbpress-forums ul li.bbp-topic-freshness {
    font-size: 0.7rem;
    display: block;
  }
}
#bbpress-forums ul li.bbp-forum-freshness img.avatar,
#bbpress-forums ul li.bbp-topic-freshness img.avatar {
  border-radius: 50%;
}
#bbpress-forums ul div.bbp-forum-author img.avatar,
#bbpress-forums ul div.bbp-topic-author img.avatar,
#bbpress-forums ul div.bbp-reply-author img.avatar {
  border-radius: 40px;
}
#bbpress-forums #bbp-search-form #bbp_search {
  background: none;
}
#bbpress-forums .quicktags-toolbar {
  background: none;
  border-bottom: 1px solid #6d8499;
}
#bbpress-forums fieldset.bbp-form {
  border: 0;
  padding: 20px 0;
}
#bbpress-forums .wp-editor-container {
  border: 0;
}
#bbpress-forums div.bbp-the-content-wrapper input {
  padding: 0 10px;
  min-width: 0;
  width: auto;
}
#bbpress-forums input:not([type=checkbox]),
#bbpress-forums textarea,
#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
  font-size: 1rem;
  width: 100%;
  min-width: 100%;
  border: none;
  background: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-bottom: 2px solid #6d8499;
}
#bbpress-forums input:not([type=checkbox]):focus ~ label, #bbpress-forums input:not([type=checkbox]):valid ~ label, #bbpress-forums input:not([type=checkbox]).dirty ~ label,
#bbpress-forums textarea:focus ~ label,
#bbpress-forums textarea:valid ~ label,
#bbpress-forums textarea.dirty ~ label,
#bbpress-forums #bbp-your-profile fieldset input:focus ~ label,
#bbpress-forums #bbp-your-profile fieldset input:valid ~ label,
#bbpress-forums #bbp-your-profile fieldset input.dirty ~ label,
#bbpress-forums #bbp-your-profile fieldset textarea:focus ~ label,
#bbpress-forums #bbp-your-profile fieldset textarea:valid ~ label,
#bbpress-forums #bbp-your-profile fieldset textarea.dirty ~ label {
  top: 0;
  transform: scale(0.6, 0.6);
}
#bbpress-forums input:not([type=checkbox]):focus,
#bbpress-forums textarea:focus,
#bbpress-forums #bbp-your-profile fieldset input:focus,
#bbpress-forums #bbp-your-profile fieldset textarea:focus {
  outline: none;
}
#bbpress-forums textarea {
  height: 3.2rem;
  box-sizing: border-box;
  transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#bbpress-forums textarea:focus, #bbpress-forums textarea:valid, #bbpress-forums textarea.dirty {
  height: 9rem;
}
#bbpress-forums input[type=button],
#bbpress-forums input[type=submit] {
  position: relative;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  margin-top: 20px;
  padding: 2px 10px;
  color: rgba(0, 0, 0, 0.6);
  background: #8b9dae;
  border: none;
}
#bbpress-forums input[type=button]:active,
#bbpress-forums input[type=button]:focus,
#bbpress-forums input[type=button]:hover,
#bbpress-forums input[type=submit]:active,
#bbpress-forums input[type=submit]:focus,
#bbpress-forums input[type=submit]:hover,
#bbpress-forums button:active,
#bbpress-forums button:focus,
#bbpress-forums button:hover {
  outline: none;
  background-position: 0 0;
  color: red;
}
#bbpress-forums div.bbp-template-notice,
#bbpress-forums div.indicator-hint {
  background-color: #424213;
  border-color: #615d32;
}
#bbpress-forums div.bbp-template-notice.info {
  border: rgba(255, 255, 255, 0.21) 1px solid;
  background-color: rgba(255, 255, 255, 0.12);
}
#bbpress-forums div.bbp-template-notice.error,
#bbpress-forums div.bbp-template-notice.warning {
  background-color: rgba(255, 0, 0, 0.46);
  border-color: rgba(204, 0, 0, 0.35);
}
#bbpress-forums fieldset.bbp-form select {
  padding: 5px 10px;
  background: #2d3740;
  border-color: #6d8499;
  color: #6d8499;
}
#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
  background: rgba(0, 0, 0, 0.4);
  border-top-color: rgba(0, 0, 0, 0.6);
}
#bbpress-forums div.odd,
#bbpress-forums ul.odd {
  background: none;
}
#bbpress-forums div.even,
#bbpress-forums ul.even {
  background: rgba(0, 0, 0, 0.1);
}
#bbpress-forums .bbp-author-avatar::after,
#bbpress-forums .bbp-reply-author .bbp-author-name::after,
#bbpress-forums .vcard a::after,
#bbpress-forums .bbp-forum-freshness a::after,
#bbpress-forums .bbp-breadcrumb a::after,
#bbpress-forums .bbp-topic-freshness a::after {
  display: none;
}
#bbpress-forums .bbp-breadcrumb-home {
  display: none;
}
#bbpress-forums .bbp-breadcrumb-sep:first-of-type,
#bbpress-forums .bbp-replies .bbp-header, #bbpress-forums .bbp-replies .bbp-footer,
#bbpress-forums .bbp-topic-description .bbp-author-avatar {
  display: none;
}
#bbpress-forums .forum-titles,
#bbpress-forums .bbp-meta {
  font-size: 0.7rem;
}
#bbpress-forums p.bbp-topic-description,
#bbpress-forums p.bbp-forum-description,
#bbpress-forums ul.forum,
#bbpress-forums ul.forum-titles,
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
  max-width: unset;
}
#bbpress-forums .bbp-reply-ip {
  display: none;
}
#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
  border: 0;
}
#bbpress-forums .bbp-topic-started-by .bbp-author-avatar {
  vertical-align: middle;
}
#bbpress-forums .bbp-topic-started-by img {
  vertical-align: middle;
  height: 1rem;
  width: 1rem;
  margin: 0;
  border-radius: 0.5rem;
}
#bbpress-forums #bbp-your-profile fieldset span.description {
  border-color: rgba(221, 221, 221, 0.27);
  background: none;
  width: 100%;
  margin-left: 0;
}
#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
  width: 80%;
  min-width: 80%;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li a::after {
  display: none;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
  background: rgba(238, 238, 238, 0.2);
}
#bbpress-forums .bbp-forums-list {
  border: none;
  margin: 0;
}
#bbpress-forums .subscription-toggle {
  float: right;
}
#bbpress-forums .bbpas-vers,
#bbpress-forums .bbpas-active,
#bbpress-forums .bbpas-inactive,
#bbpress-forums .bbpas-forum_stats,
#bbpress-forums .bbpas-last_user,
#bbpress-forums .bbpas-most_users {
  font-size: 0.7rem;
  margin-bottom: 0.5rem;
}
#bbpress-forums .bbp-signature {
  border-top: 1px solid #6d8499;
}
#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-reply-content pre {
  background-color: #6e6e6e !important;
  border: 0;
}
#bbpress-forums .bbp-voting {
  margin: 0.2rem 1rem;
}
@media screen and (min-width: 800px) {
  #bbpress-forums .bbp-voting {
    margin: 1.6rem 0.2rem;
  }
}
#bbpress-forums .bbp-voting a.vote {
  display: block;
  border-width: 6px !important;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 800px) {
  #bbpress-forums .bbp-voting a.vote {
    border-width: 10px !important;
  }
}
#bbpress-forums .bbp-voting a.vote.up {
  border-bottom-color: #ccc;
}
#bbpress-forums .bbp-voting a.vote.up:hover {
  transform: translateY(0);
  border-bottom-color: #fff;
}
#bbpress-forums .bbp-voting a.vote.down {
  border-top-color: #ccc;
}
#bbpress-forums .bbp-voting a.vote.down:hover {
  transform: translateY(0);
  border-top-color: #fff;
}
#bbpress-forums .bbp-voting .score {
  display: block;
  color: #ccc;
  font-size: 0.6rem;
}
@media screen and (min-width: 800px) {
  #bbpress-forums .bbp-voting .score {
    font-size: 1rem;
  }
}
#bbpress-forums .bbp-voting .bbp-voting-label {
  display: none;
}
#bbpress-forums div.bbp-reply-author {
  display: flex;
  float: none;
  align-items: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 800px) {
  #bbpress-forums div.bbp-reply-author {
    flex-wrap: wrap;
    justify-content: center;
    float: left;
    width: 115px;
    background: none;
    border: 0;
  }
  #bbpress-forums div.bbp-reply-author .nx-author-name {
    min-width: 100%;
  }
}
#bbpress-forums div.bbp-reply-author img.avatar {
  position: relative;
  margin: 0 1rem 0 0;
  width: 30px;
  top: 0;
}
@media screen and (min-width: 800px) {
  #bbpress-forums div.bbp-reply-author img.avatar {
    width: 60px;
  }
}
#bbpress-forums div.bbp-reply-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
  display: inline-block;
}
@media screen and (min-width: 800px) {
  #bbpress-forums div.bbp-reply-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
    display: block;
    margin: 0;
  }
}
#bbpress-forums .button.submit {
  padding: 0.4rem 0.8rem;
  background: none;
  border: 1px solid;
  border-radius: 0.3rem;
}
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
  margin-left: 0;
  padding: 1rem;
}
@media screen and (min-width: 800px) {
  #bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
    margin-left: 130px;
    padding-left: 0;
  }
}
#bbpress-forums h2, #bbpress-forums h3, #bbpress-forums h4, #bbpress-forums ol, #bbpress-forums ul, #bbpress-forums p, #bbpress-forums table {
  max-width: 100%;
}
#bbpress-forums div.bbp-topic-content ul,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-reply-content ol {
  margin: 0 0 15px 2.3rem;
}
#bbpress-forums ul.bbp-threaded-replies {
  margin-left: 20px;
}

.wp-link-input input,
.ui-autocomplete.wplink-autocomplete li {
  color: #333;
}

.tabs {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 800px) {
  .tabs {
    flex-wrap: nowrap;
  }
}
.tabs ul.tabs-nav {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.tabs ul.tabs-nav li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  display: block !important;
  width: 100%;
}
@media screen and (min-width: 800px) {
  .tabs ul.tabs-nav li {
    width: auto;
  }
}
.tabs ul.tabs-nav li.active {
  background: linear-gradient(to right, #666666 0%, gray 100%) !important;
  border-right: 0;
  z-index: 100;
}
.tabs ul.tabs-nav li.active a {
  display: block;
}
.tabs ul.tabs-nav li a {
  display: block !important;
  font-size: 0.8rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  padding: 0.3rem 0.75rem !important;
  white-space: nowrap !important;
}
.tabs ul.tabs-nav li a::after {
  display: none !important;
}
.tabs .tabs-content {
  flex-grow: 1;
  padding: 1rem;
  min-width: 150px;
}
.tabs .tabs-content .tab {
  display: none;
}
.tabs .tabs-content .tab.active {
  display: block;
  overflow: auto;
}

.dropdown-menu {
  background: #333333;
}

.share-buttons {
  text-align: right;
  padding-right: 1rem;
  font-size: 12px;
}
.share-buttons a {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 2px;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 50%;
  vertical-align: middle;
  background-position: center;
  background-size: 80% auto;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.share-buttons a.facebook {
  background-color: rgba(65, 91, 134, 0.5);
  border-color: #415b86;
}
.share-buttons a.twitter {
  background-color: rgba(82, 143, 171, 0.5);
  border-color: #528fab;
}
.share-buttons a.google {
  background-color: rgba(156, 79, 73, 0.5);
  border-color: #9c4f49;
}
.share-buttons a.whatsapp {
  background-color: rgba(109, 152, 111, 0.5);
  border-color: #6d986f;
}
@media (min-width: 800px) {
  .share-buttons a.whatsapp {
    display: none;
  }
}

.post-meta .share-buttons {
  display: inline-block;
}

.social-media-links {
  position: absolute;
  width: 35px;
  top: 6rem;
  right: 0.5rem;
}
.social-media-links svg path {
  fill: #fff;
}
.social-media-links > span,
.social-media-links a {
  display: block;
  width: 35px;
  margin: 6px 0;
  padding: 28px 0 0;
  font-size: 8px;
  text-align: center;
  overflow: hidden;
  pointer-events: auto;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.social-media-links > span.facebook,
.social-media-links a.facebook {
  background-color: #415b86;
}
.social-media-links > span.twitter,
.social-media-links a.twitter {
  background-color: #528fab;
}
.social-media-links > span.youtube,
.social-media-links a.youtube {
  background-color: #9c4f49;
}
.social-media-links > span.twitch,
.social-media-links a.twitch {
  background-color: #6441A4;
}
.social-media-links > span.teamspeak,
.social-media-links a.teamspeak {
  background-color: #8595bb;
}
.social-media-links > span.discord,
.social-media-links a.discord {
  background-color: #7289DA;
}
.social-media-links > span.patreon,
.social-media-links a.patreon {
  background-color: #F96854;
}
.social-media-links > span {
  padding-top: 0;
  font-size: 10px;
  text-align: center;
}
.social-media-links > span i {
  font-size: 16px;
}

#anim_holder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#anim_holder div {
  position: absolute;
  width: auto;
  height: auto;
  transition: left 2s linear, right 2s linear, top 2s ease-in-out, opacity 0.3s;
  background: transparent left center;
  background-size: auto 100%;
  margin-top: -12vmin;
  height: 120px;
  width: 120px;
}
@media (min-width: 800px) {
  #anim_holder div {
    margin-top: -8vmin;
  }
}
#anim_holder div.flight_right {
  right: 150%;
}
#anim_holder div.flight_left {
  left: 150%;
}
#anim_holder div.sizeMod_50 {
  transform: scale(0.5);
}
#anim_holder div.sizeMod_75 {
  transform: scale(0.75);
}
#anim_holder div.sizeMod_150 {
  transform: scale(1.5);
}
#anim_holder div.sizeMod_200 {
  transform: scale(2);
}
#anim_holder div.flip {
  transform: scaleX(-1);
}
#anim_holder div.flip.sizeMod_50 {
  transform: scale(-0.5, 0.5);
}
#anim_holder div.flip.sizeMod_75 {
  transform: scale(-0.75, 0.75);
}
#anim_holder div.flip.sizeMod_150 {
  transform: scale(-1.5, 1.5);
}
#anim_holder div.flip.sizeMod_200 {
  transform: scale(-2, 2);
}
#anim_holder div.a1 {
  height: 145px;
  width: 135px;
  background-image: url("../img/anim/anim_01.png");
  animation: play_a1 0.8s steps(8) infinite;
}
#anim_holder div.a2 {
  background-image: url("../img/anim/anim_02.png");
  animation: play_a2 0.8s steps(8) infinite;
}
#anim_holder div.a3 {
  height: 50px;
  width: 50px;
  background-image: url("../img/anim/anim_03.png");
  animation: play_a3 0.8s steps(5) infinite;
}
#anim_holder div.a4 {
  background-image: url("../img/anim/anim_04.png");
  animation: play_a4 0.8s steps(5) infinite;
}
#anim_holder div.a5 {
  height: 120px;
  background-image: url("../img/anim/anim_05.png");
  animation: play_a5 0.8s steps(10) infinite;
}
#anim_holder div.a6 {
  height: 50px;
  width: 50px;
  background-image: url("../img/anim/anim_06.png");
  animation: play_a6 1.5s steps(18) infinite;
}
#anim_holder div.a7 {
  background-image: url("../img/anim/anim_07.png");
  animation: play_a7 0.8s steps(16) infinite;
}
#anim_holder div.a8 {
  background-image: url("../img/anim/anim_08.png");
  animation: play_a8 0.4s steps(3) infinite;
}
#anim_holder div.a9 {
  height: 240px;
  background-image: url("../img/anim/anim_09.png");
  animation: play_a9 0.8s steps(13) infinite;
}
#anim_holder div.a10 {
  height: 120px;
  width: 120px;
  background-image: url("../img/anim/anim_10.png");
  animation: play_a10 1.1s steps(13) infinite;
}
#anim_holder div.a11 {
  height: 100px;
  width: 160px;
  background-image: url("../img/anim/anim_11.png");
  animation: play_a11 4s steps(43) infinite;
}
#anim_holder div.exploded.e1 {
  height: 146px;
  width: 139px;
  background-image: url("../img/anim/explode_01.png");
  animation: explode_1 1s steps(14);
}

@keyframes explode_1 {
  100% {
    background-position: -1946px;
  }
}
@keyframes play_a1 {
  100% {
    background-position: -1056px;
  }
}
@keyframes play_a2 {
  100% {
    background-position: -1040px;
  }
}
@keyframes play_a3 {
  100% {
    background-position: -250px;
  }
}
@keyframes play_a4 {
  100% {
    background-position: -600px;
  }
}
@keyframes play_a5 {
  100% {
    background-position: -1200px;
  }
}
@keyframes play_a6 {
  100% {
    background-position: -900px;
  }
}
@keyframes play_a7 {
  100% {
    background-position: -2400px;
  }
}
@keyframes play_a8 {
  100% {
    background-position-x: -1056px;
  }
}
@keyframes play_a9 {
  100% {
    background-position-x: -1560px;
  }
}
@keyframes play_a10 {
  100% {
    background-position-x: -1469px;
  }
}
@keyframes play_a11 {
  100% {
    background-position-x: -6450px;
  }
}
.icon {
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: center 5px;
}
.icon.box {
  display: inline-Block;
  width: 35px;
  margin: 6px;
  padding: 28px 0 0;
  font-size: 8px;
  text-align: center;
  overflow: hidden;
  pointer-events: auto;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.icon.box svg path {
  fill: #fff;
}
.icon.box.facebook {
  background-color: #415b86;
}
.icon.box.twitter {
  background-color: #528fab;
}
.icon.box.youtube {
  background-color: #c4302b;
}
.icon.box.twitch {
  background-color: #6441A4;
}
.icon.box.teamspeak {
  background-color: #8595bb;
}
.icon.box.discord {
  background-color: #7289DA;
}
.icon.box.patreon {
  background-color: #F96854;
}
.icon.box.radio {
  background-color: #3dade3;
}
.icon.facebook {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 155.1 155.1'%3E %3Cpath fill='%23fff' d='M89.6 155.1V84.4h23.7l3.6-27.6H89.6V39.2c0-8 2.2-13.4 13.7-13.4l14.6 0V1.1C115.3 0.8 106.7 0 96.6 0 75.5 0 61.1 12.9 61.1 36.5v20.3H37.3v27.6h23.8v70.8H89.6z'/%3E %3C/svg%3E");
}
.icon.twitter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 612 612'%3E%3Cpath fill='%23fff' d='M612 116.3c-22.5 10-46.7 16.8-72.1 19.8 25.9-15.5 45.8-40.2 55.2-69.4 -24.3 14.4-51.2 24.8-79.8 30.5 -22.9-24.4-55.5-39.7-91.6-39.7 -69.3 0-125.6 56.2-125.6 125.5 0 9.8 1.1 19.4 3.3 28.6C197.1 206.3 104.6 156.3 42.6 80.4c-10.8 18.5-17 40.1-17 63.1 0 43.6 22.2 82 55.8 104.5 -20.6-0.7-39.9-6.3-56.9-15.8v1.6c0 60.8 43.3 111.6 100.7 123.1 -10.5 2.8-21.6 4.4-33.1 4.4 -8.1 0-15.9-0.8-23.6-2.3 16 49.9 62.3 86.2 117.3 87.2 -42.9 33.7-97.1 53.7-155.9 53.7 -10.1 0-20.1-0.6-29.9-1.7 55.6 35.7 121.5 56.5 192.4 56.5 230.9 0 357.2-191.3 357.2-357.2l-0.4-16.3C573.9 163.5 595.2 141.4 612 116.3z'/%3E%3C/svg%3E");
}
.icon.youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' x='0' y='0' viewBox='0 0 158 110' width='100%25' height='100%25'%3E%3Cpath fill='%23fff' d='M154.4 17.5c-1.8-6.7-7.1-12-13.9-13.8C128.2 0.5 79 0.5 79 0.5s-48.3-0.2-60.6 3c-6.8 1.8-13.3 7.3-15.1 14C0 29.7 0.3 55 0.3 55S0 80.3 3.3 92.5c1.8 6.7 8.4 12.2 15.1 14 12.3 3.3 60.6 3 60.6 3s48.3 0.2 60.6-3c6.8-1.8 13.1-7.3 14.9-14 3.3-12.1 3.3-37.5 3.3-37.5S157.7 29.7 154.4 17.5zM63.9 79.2V30.8L103.2 55 63.9 79.2z'/%3E%3C/svg%3E");
}
.icon.twitch {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 16 16'%3E %3Cpath fill='%23fff' d='m1.4 0-1 2.8 0 11.1 3.8 0 0 2.1 2.1 0 2.1-2.1 3.1 0L15.7 9.7 15.7 0 1.4 0Zm1.4 1.4 11.5 0 0 7.7-2.4 2.4-3.8 0-2.1 2.1 0-2.1-3.1 0 0-10.1zM6.6 8.3l1.4 0 0-4.2-1.4 0 0 4.2zm3.8 0 1.4 0 0-4.2-1.4 0 0 4.2z'/%3E %3C/svg%3E");
}
.icon.teamspeak {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='50' height='50' version='1.1'%3E%3Cpath fill='%23fff' d='m9.3 2c0 0-1.7 0-3.4 0.3-1.2 0.2-1.2 0.7-1.3 1.2L3.6 8.3C2.7 8.7 2 9.7 2 10.8c0 1.5 1.2 2.8 2.8 2.8 1.5 0 2.8-1.2 2.8-2.8C7.5 9.7 6.9 8.8 6 8.3V3.3C6.4 3.3 7.6 3 9.3 3 16.8 3.2 20.3 7.8 20.5 12c0 5.1-4.8 9-10.8 9C8.1 21 6.4 20.8 5.2 20.3l-0.6 0.6c2 1.2 5.1 1.1 5.1 1.1H10C18.2 21.6 21.8 16.5 22 12 22 6.5 16.6 2 9.3 2ZM7 4.4v3.3c0.7 0.5 1.3 1.3 1.8 2 0.7 1.2 0.9 2.6 0.9 3.6 0 3.1-1.1 4.6-1.8 5.4 2.4 0.4 3.1 0.1 3.3-0.3 0.1-0.2 0.1-0.3 0.1-0.5 0-0.6-0.4-1.1 0.3-1.5 0.1-0.2-0.1-0.3-0.2-0.4-0.1-0.3 0.3-0.4 0.4-0.6-0.1-0.3-0.3-0.6-0.2-1 0.2-0.5 0.8-0.3 1.1-0.6 0.1-0.1 0.2-0.3 0.1-0.5-0.6-0.9-1.1-1.7-1.8-2.6-0.2-0.6 0.4-0.9 0.4-1.3 0-0.5-0.3-1.4-0.7-2.3C9.9 5.3 8.4 4.5 7 4.4Zm3.9 0.1c1.9 3 2.3 4.3 1.8 6 0.5 0.9 1.7 2.4 1.7 3-0.1 0.8-0.5 1.4-1.1 1.7 0 0.3-0.1 0.6-0.2 0.9 0.1 0.5-0.1 0.9-0.3 1.3 0.1 0.3 0 0.6 0 0.9 3.5-1 4.9-2.6 5.6-4.6 0.5-1.4 0.4-2.6 0-4-1-2.8-3.8-4.9-7.5-5.2zM4.8 9.3c0.8 0 1.5 0.7 1.5 1.5 0 0.8-0.7 1.5-1.5 1.5-0.8 0-1.5-0.7-1.5-1.5C3.3 9.9 3.9 9.3 4.8 9.3Z'/%3E%3C/svg%3E");
}
.icon.discord {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' version='1'%3E %3Cpath fill='%23fff' d='m344.4 74c22.1 3.2 45.4 10.6 66.5 21.2 13.4 6.7 33.3 19 36.9 22.8 1.4 1.6 5.8 9.9 9.8 18.7 31.9 69.8 50.1 144.9 53.8 220.8L512 373.5l-6.9 8.7c-24.9 31.1-63.7 50.8-110.3 56.1-8.3 1-15.6 1.5-16.2 1.1-2.7-1.7-28.6-35.1-27.8-35.9 0.6-0.5 3.9-1.7 7.3-2.8 10-3.2 23.7-10 35.2-17.7 10.5-6.8 27.9-22.9 30.9-28.4l1.4-2.7-3.8 2.3c-35.5 21.6-73.2 35.4-118.2 43.3-13.1 2.2-22.1 3-41.9 3.4-41.1 1-72.1-3.5-106.8-15.5-27.4-9.6-47-18.4-63.5-28.8-3-1.9-5.7-3.2-6-2.8-1.4 1.4 19.7 21.5 29.3 28.1 10.7 7.3 28.9 16.5 40.1 20.3 3.5 1.1 6.8 2.4 7.1 2.7 1 0.9-27 35.1-28.8 35.1-4.3-0.1-30-3.6-36.1-5C74.7 429.9 54.4 421.1 36.3 408.8 25.5 401.4 8.9 385.7 3.4 377.6L0 372.7 1.5 349.7c3.8-60.4 14.8-113.4 35.6-170.4 7.2-19.8 22.3-54.5 25.7-59.3 5.1-7.2 39.4-26.6 60.6-34.5 14.1-5.2 36.4-10.6 50.6-12.2l11.3-1.4 3.3 3.4 3.3 3.3-12.3 4.3c-24.3 8.4-52 21.3-68.6 31.7-9.8 6.1-26.4 18.1-25.9 18.7 0.2 0.2 6-2.3 12.8-5.7C151 101.1 216.6 87.7 274.7 91.4c60.1 4 104.1 14.9 148.5 36.9 6.8 3.4 12.3 5.8 12.3 5.4 0-0.9-14.3-11.3-24.9-18.1-17.7-11.3-48.3-25.3-74.1-33.7-7.2-2.4-13.3-4.6-13.6-4.8-0.2-0.1 0.5-1.4 1.6-2.6 2.4-2.6 4.6-2.7 19.9-0.5zM321.6 238.3c-12.6 4.9-23 15.1-27 26.9-2.6 7.9-2.3 23.9 0.7 33.6 6.8 22.1 24.8 35.4 45.9 33.9 25.9-1.9 45.4-28.7 41.1-56.6-3-19.1-15.9-34.5-33.1-39.5-7.2-2-19.7-1.3-27.6 1.7zm-158.3-0.5c-17.2 5.9-29.8 25.4-29.8 45.9 0 20.3 10.1 37 27.6 45.4 5.5 2.7 7.6 3.1 17.1 3.2 9.3 0 11.7-0.5 17.4-3.1 18.6-8.7 30.3-31.8 27-53.1-4.8-30.1-32.2-47.8-59.2-38.4z'/%3E %3C/svg%3E");
}
.icon.patreon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%23fff' d='M15.386.524c-4.764 0-8.64 3.876-8.64 8.64 0 4.75 3.876 8.613 8.64 8.613 4.75 0 8.614-3.864 8.614-8.613C24 4.4 20.136.524 15.386.524M.003 23.537h4.22V.524H.003'/%3E %3C/svg%3E ");
}
.icon.google {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 458.2 458.2'%3E%3Cpath fill='%23fff' d='M160.8 259.4h71.6c-12.6 35.5-46.6 61-86.4 60.7 -48.3-0.4-88.3-39-90.2-87.3 -2-51.8 39.5-94.6 90.9-94.6 23.5 0 44.9 8.9 61.1 23.6 3.8 3.5 9.7 3.5 13.4 0l26.3-24.7c4.1-3.9 4.1-10.4 0-14.3 -25.6-24.3-60-39.4-97.9-40.1C68.7 81 0.6 147.2 0 228.1c-0.6 81.4 65.3 147.6 146.6 147.6 78.2 0 142.1-61.2 146.4-138.4 0.1-1 0.2-33.6 0.2-33.6H160.8c-5.4 0-9.8 4.4-9.8 9.8v36C151 255 155.4 259.4 160.8 259.4zM414.5 207v-35.2c0-4.8-3.9-8.6-8.6-8.6h-29.6c-4.8 0-8.6 3.9-8.6 8.6v35.2h-35.2c-4.8 0-8.6 3.9-8.6 8.6v29.6c0 4.8 3.9 8.6 8.6 8.6h35.2v35.2c0 4.8 3.9 8.6 8.6 8.6h29.6c4.8 0 8.6-3.9 8.6-8.6v-35.2h35.2c4.8 0 8.6-3.9 8.6-8.6v-29.6c0-4.8-3.9-8.6-8.6-8.6L414.5 207 414.5 207z' /%3E%3C/svg%3E");
}
.icon.whatsapp {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='0 0 418.1 418.1'%3E%3Cpath d='M198.9 0.2C88.5 5.5 1.4 97.5 1.7 208c0.1 33.7 8.2 65.5 22.6 93.5L2.2 408.4c-1.2 5.8 4 10.8 9.8 9.5l104.7-24.8c26.9 13.4 57.1 21.1 89.1 21.6 112.9 1.7 207-87.9 210.5-200.7C420.1 93.1 320.3-5.5 198.9 0.2zM323.9 322.2c-30.7 30.7-71.4 47.6-114.8 47.6 -25.4 0-49.7-5.7-72.3-16.9l-14.6-7.3 -64.2 15.2 13.5-65.6 -7.2-14.1c-11.7-22.9-17.6-47.7-17.6-73.7 0-43.4 16.9-84.1 47.6-114.8 30.4-30.4 71.8-47.6 114.8-47.6C252.4 45 293.2 61.9 323.9 92.6c30.7 30.7 47.6 71.4 47.6 114.8C371.4 250.4 354.3 291.8 323.9 322.2zM309.7 252.4l-40.2-11.5c-5.3-1.5-11 0-14.8 3.9l-9.8 10c-4.1 4.2-10.4 5.6-15.9 3.4 -19-7.7-59-43.2-69.2-61 -2.9-5.1-2.5-11.5 1.2-16.2l8.6-11.1c3.4-4.3 4.1-10.2 1.8-15.2l-16.9-38.2c-4-9.2-15.7-11.8-23.4-5.4 -11.2 9.5-24.5 23.9-26.1 39.9 -2.9 28.1 9.2 63.6 54.9 106.2 52.7 49.2 95 55.7 122.4 49.1 15.6-3.8 28.1-18.9 35.9-31.3C323.6 266.3 319.3 255.1 309.7 252.4z' fill='%23fff'/%3E%3C/svg%3E");
}
.icon.radio {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'%3E%3Cpath fill='%23fff' d='M336 192h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16zM176 352c53.02 0 96-42.98 96-96h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272v-32h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272v-32h-85.33c-5.89 0-10.67-3.58-10.67-8v-16c0-4.42 4.78-8 10.67-8H272c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96z'/%3E%3C/svg%3E");
  background-size: 43% auto;
}

.m0 {
  margin: 0 !important;
}

.p0 {
  padding: 0 !important;
}

#header {
  position: relative;
  padding: 1vh 0 0;
  text-shadow: 0 2px 3px #000;
  pointer-events: none;
}
#header .wall {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#header .wall::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 70px;
  background: top center no-repeat;
  background-size: 100% auto;
  background: url("../img/wall-top.png") bottom center repeat-x;
  background-size: 150px auto;
  z-index: 2;
}
#header .wall > div {
  position: absolute;
  background: top center no-repeat;
  background-size: 100% auto;
  z-index: 1;
  bottom: 100px;
}
@media (min-width: 470px) {
  #header .wall > div {
    bottom: 0;
  }
}
#header .wall > div.knight1 {
  background-image: url("../img/knight1.png");
  width: 240px;
  height: 300px;
  right: 6%;
}
#header .wall > div.knight2 {
  background-image: url("../img/knight2.png");
  width: 100px;
  height: 190px;
  right: 2%;
}
#header .wall > div.knight3 {
  background-image: url("../img/knight3.png");
  width: 130px;
  height: 190px;
  left: 0;
}
#header .wall > div.knight4 {
  background-image: url("../img/knight4.png");
  width: 110px;
  height: 170px;
  left: 13%;
  display: none;
}
@media (min-width: 470px) {
  #header .wall > div.knight4 {
    display: block;
  }
}

body.sub #header,
body.standalone #header {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.top-bar {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0 auto;
  z-index: 15;
  flex-direction: column;
}
@media (min-width: 800px) {
  .top-bar {
    flex-direction: row;
  }
}
.top-bar .side {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-position: top left;
  padding: 0 0.7rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: rgba(102, 102, 102, 0.5);
}
.top-bar .side::before, .top-bar .side::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: relative;
  background: rgba(102, 102, 102, 0.6);
}
@media (min-width: 800px) {
  .top-bar .side {
    width: 50%;
    text-align: right;
    background: linear-gradient(90deg, rgba(102, 102, 102, 0) 0%, rgba(102, 102, 102, 0.5) 100%);
  }
  .top-bar .side::before, .top-bar .side::after {
    background: linear-gradient(90deg, rgba(102, 102, 102, 0) 0%, rgba(102, 102, 102, 0.6) 100%);
  }
}
.top-bar .side > * {
  position: relative;
  pointer-events: all;
}
.top-bar .side:last-child {
  text-align: center;
}
@media (min-width: 800px) {
  .top-bar .side:last-child {
    background: linear-gradient(-90deg, rgba(102, 102, 102, 0) 0%, rgba(102, 102, 102, 0.5) 100%);
    width: 50%;
    text-align: left;
  }
  .top-bar .side:last-child::before, .top-bar .side:last-child::after {
    background: linear-gradient(-90deg, rgba(102, 102, 102, 0) 0%, rgba(102, 102, 102, 0.6) 100%);
  }
}

.live-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 -0.7rem;
  justify-content: center;
}
.live-line > * {
  pointer-events: all;
}
.live-line > div {
  display: flex;
  padding: 0 1rem;
  overflow: hidden;
  height: 55px;
  align-items: center;
}
.live-line > div > span {
  flex-grow: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}
.live-line .btn {
  margin: 0 0.5rem;
}
.live-line .t {
  display: flex;
  justify-content: center;
  align-content: center;
}
@media (min-width: 800px) {
  .live-line .t {
    justify-content: flex-start;
  }
}
.live-line .t img {
  flex-shrink: 0;
  margin-right: 0.3rem;
}
.live-line .t strong {
  color: #c00;
}
.live-line .t em {
  font-size: 0.9rem;
}
.live-line .t .ti {
  overflow: hidden;
}
.live-line .t .ti > div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.live-line::before, .live-line::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
}

.site-title {
  position: relative;
  display: inline-block;
  font-family: Gruppo, Arial, sans-serif;
  text-align: center;
  background: url("../img/wall.png") 30% top repeat-x;
  background-size: 50% 300px;
  vertical-align: bottom;
  padding: 1rem 1.5rem;
  margin-top: 3rem;
  box-shadow: inset 0 0 5px 1px #000;
  z-index: 3;
  pointer-events: all;
}
.site-title::before {
  content: "";
  position: absolute;
  bottom: 100%;
  height: 3rem;
  left: 0;
  right: 0;
  background: url(../img/wall-top.png) 102% top repeat-x;
  background-size: 22.5% 100%;
}
.site-title strong {
  transition: font-size 0.2s cubic-bezier(0.4, 0, 0.2, 1), line-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -2px;
  font-weight: normal;
}
.site-title .site-description {
  transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 1.4rem;
  max-height: 100px;
  overflow: hidden;
}

.scroller {
  position: relative;
  display: block;
  border: 2px solid #ccc;
  background: none;
  border-radius: 50%;
  width: 8vh;
  height: 8vh;
  margin: 0 auto;
  line-height: 8vh;
  font-size: 2rem;
  z-index: 3;
  pointer-events: all;
}

.profilMenu {
  padding: 0 1rem;
  position: relative;
}
.profilMenu button {
  border-radius: 50%;
}
.profilMenu nav {
  right: 0;
  text-align: right;
}

nav.iconNav {
  position: absolute;
  padding: 0 2rem;
}
nav.iconNav li {
  display: inline;
}

.menu-toggle {
  margin: 1.5rem 0.5rem;
  position: relative;
  display: inline-block;
  color: #fff;
  z-index: 15;
}
@media (min-width: 800px) {
  .menu-toggle {
    display: none;
  }
}

@media (min-width: 800px) {
  .offsite + .menu-toggle {
    display: inline-block !important;
  }
}
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav a {
  display: block;
  padding: 1vw;
}

nav {
  position: fixed;
  top: 0;
  left: auto;
  right: auto;
  bottom: 0;
  width: 300px;
  padding: 5vh 0;
  overflow: auto;
  transition: left 0.2s, right 0.2s;
  font-size: 1.3rem;
  z-index: 15;
}
@media (min-width: 800px) {
  nav:not(.offsite) {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: auto;
    overflow: visible;
    background: none;
  }
  nav:not(.offsite).container-fluid::before, nav:not(.offsite).container-fluid::after {
    display: none;
  }
  nav:not(.offsite) > ul {
    display: flex;
    justify-content: space-between;
  }
  nav:not(.offsite) > ul ul {
    position: absolute;
  }
}
nav > ul > li.dropdown > a::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-top: 0.4rem solid #ddd;
  vertical-align: middle;
}
nav > ul li {
  white-space: nowrap;
}

#navs {
  z-index: 15;
  height: 0;
  position: relative;
}

.mainNav,
.profilNav {
  position: relative;
  height: 0;
  pointer-events: none;
}
@media (min-width: 800px) {
  .mainNav,
.profilNav {
    height: auto;
  }
}
.mainNav nav,
.profilNav nav {
  background: #111;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4), 0 6px 6px rgba(0, 0, 0, 0.4);
  pointer-events: auto;
}
@media (min-width: 800px) {
  .mainNav nav:not(.offsite),
.profilNav nav:not(.offsite) {
    background: none;
    box-shadow: none;
  }
}
.mainNav button,
.profilNav button {
  background: #666;
  pointer-events: auto;
}

.mainNav {
  flex: 1 1 100%;
}
.mainNav nav {
  left: -300px;
  text-align: right;
}
@media (min-width: 800px) {
  .mainNav nav {
    left: 0;
    text-align: left;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 50px 0 0;
  }
  .mainNav nav > ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

.profilNav {
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  text-align: right;
}
.profilNav nav {
  text-align: left;
  right: -300px;
}

.fix-elements .profilNav {
  position: fixed;
}

.menuIn {
  overflow: hidden;
}
.menuIn.in-main {
  left: 300px;
}
.menuIn.in-main .mainNav nav {
  left: 0;
}
.menuIn.in-profile {
  left: -300px;
}
.menuIn.in-profile .profilNav nav {
  right: 0;
}
.menuIn .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
}

body > footer {
  width: 100%;
  overflow: hidden;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.19), 0 -6px 6px rgba(0, 0, 0, 0.23);
  background: #202020 url("../img/bg-clean.jpg") center top no-repeat;
  background-size: cover;
  font-size: 0.7rem;
  padding: 1rem 0 2rem;
}
body > footer .columns {
  display: flex;
}
body > footer .columns > div {
  min-width: 200px;
}
body > footer .dropdown-menu, body > footer ul {
  background: none;
  padding-left: 1rem;
  list-style: none;
  display: block;
}

#splash {
  width: 100%;
  min-height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  background: #202020 url("../img/bg-clean.jpg") center top fixed no-repeat;
  background-size: cover;
  transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#splash .screen {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

body.sub #splash {
  height: auto;
  min-height: unset;
}
body.sub #splash .screen .stellar > div,
body.sub #splash .screen .stellar > a {
  display: none;
}
body.sub #splash .scroller {
  display: none;
}

@media (max-width: 799px) {
  body.frontpage .stellar {
    min-width: 180vw;
    left: -80vw;
    margin-top: -10vh;
  }
}
body.frontpage .obsidio {
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
}
body.frontpage .obsidio + a {
  left: 82%;
  top: 81%;
}
@media (min-width: 800px) {
  body.frontpage .obsidio + a {
    left: 77%;
    top: 86%;
  }
}
body.frontpage .obsidio + a::before {
  background-color: #16bf87;
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #16bf87;
}
body.frontpage .blog {
  width: 75%;
  height: 75%;
  top: 12.5%;
  left: 12.5%;
}
body.frontpage .blog + a {
  left: 86%;
  top: 39%;
}
@media (min-width: 800px) {
  body.frontpage .blog + a {
    left: 17%;
    top: 32%;
  }
}
body.frontpage .blog + a::before {
  background-color: #186120;
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #186120;
}
body.frontpage .radio {
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
}
body.frontpage .radio + a {
  left: 67%;
  top: 25%;
}
@media (min-width: 800px) {
  body.frontpage .radio + a {
    left: 36%;
    top: 76%;
  }
}
body.frontpage .radio + a::before {
  background-color: #3dade3;
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #3dade3;
}
body.frontpage .visual {
  width: 45%;
  height: 45%;
  top: 27.5%;
  left: 27.5%;
}
body.frontpage .visual + a {
  left: 56%;
  top: 71%;
}
@media (min-width: 800px) {
  body.frontpage .visual + a {
    left: 65%;
    top: 34%;
  }
}
body.frontpage .visual + a::before {
  background-color: #c4302b;
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #c4302b;
}
body.frontpage .community {
  width: 30%;
  height: 30%;
  top: 35%;
  left: 35%;
}
body.frontpage .community + a {
  left: 64%;
  top: 54%;
}
@media (min-width: 800px) {
  body.frontpage .community + a {
    left: 60%;
    top: 60%;
  }
}
body.frontpage .community + a::before {
  background-color: #a58d23;
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #a58d23;
}

body.radio.sub #splash {
  height: auto;
}
body.radio .trackwrapper {
  position: absolute;
  top: 0;
  width: 100%;
  text-shadow: 0 0 5px #000, 0 0 2px #000;
  background: rgba(61, 173, 227, 0.2);
  box-shadow: 0 0 20px 20px rgba(61, 173, 227, 0.2);
}
body.radio .trackwrapper > * {
  vertical-align: middle;
}
body.radio .stellar {
  background: radial-gradient(circle at center top, #3dade3 0%, rgba(239, 248, 253, 0.4) 10%, rgba(255, 255, 255, 0) 60%);
}
body.radio .stellar::after {
  background-color: #3dade3;
}
body.radio .stellar .button-lane-one + a,
body.radio .stellar .button-lane-two + a {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 12vmin;
  height: 12vmin;
  min-width: 4rem;
  min-height: 4rem;
  margin: -6vmin;
  background: #3dade3 url("../img/planetoverlay.png") 0 0 no-repeat;
  background-size: contain;
  border-radius: 50%;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #3dade3;
}
@media (min-width: 800px) {
  body.radio .stellar .button-lane-one + a,
body.radio .stellar .button-lane-two + a {
    width: 12vmin;
    height: 12vmin;
    margin: -6vmin 0 0 -6vmin;
  }
}
body.radio .stellar .button-lane-one + a:hover, body.radio .stellar .button-lane-one + a:active,
body.radio .stellar .button-lane-two + a:hover,
body.radio .stellar .button-lane-two + a:active {
  transform: scale(1.1);
  box-shadow: inset 0 0 2vmin 0.5vmin rgba(230, 237, 237, 0.5), 0 0 20px 3px rgba(230, 237, 237, 0.5) !important;
}
body.radio .stellar .button-lane-one + a span,
body.radio .stellar .button-lane-two + a span {
  position: absolute;
  top: 100%;
}
body.radio .stellar .button-lane-one {
  width: 70%;
  height: 35%;
  left: 15%;
  top: -17.5%;
}
body.radio .stellar .button-lane-one + a {
  left: 24%;
  top: 11%;
}
body.radio .stellar .button-lane-one + a i {
  font-size: 2rem;
}
body.radio .stellar .button-lane-two {
  width: 120%;
  height: 60%;
  left: -10%;
  top: -30%;
}
body.radio .stellar .button-lane-two + a {
  width: 9vmin;
  height: 9vmin;
  margin: -4.5vmin;
  left: 89%;
  top: 23%;
}
body.radio .stellar .button-lane-two + a i {
  font-size: 2rem;
}
body.radio .stellar .preview {
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #3dade3;
}
body.radio .stellar .next-lane {
  width: 190%;
  height: 95%;
  left: -45%;
  top: -47.5%;
}
body.radio .stellar .next-lane + a {
  left: 29%;
  top: 45%;
}
body.radio .stellar .second-lane {
  width: 280%;
  height: 140%;
  left: -90%;
  top: -70%;
}
body.radio .stellar .second-lane + a {
  width: 25vmin;
  height: 25vmin;
  margin: -12.5vmin;
  left: 48%;
  top: 69%;
}
body.radio .stellar .third-lane {
  width: 370%;
  height: 185%;
  left: -135%;
  top: -92.5%;
}
body.radio .stellar .third-lane + a {
  width: 21vmin;
  height: 21vmin;
  margin: -10.5vmin;
  left: 75%;
  top: 91%;
}
body.radio .stellar .third-lane + a strong {
  font-size: 0.9rem;
}
@media (min-width: 800px) {
  body.radio .stellar .third-lane + a strong {
    font-size: 1.2rem;
  }
}
body.radio.sub .stellar .button-lane-one,
body.radio.sub .stellar .wishes-lane,
body.radio.sub .stellar .button-lane-two {
  display: block !important;
}
body.radio.sub .stellar .button-lane-one + a,
body.radio.sub .stellar .wishes-lane + a,
body.radio.sub .stellar .button-lane-two + a {
  display: flex !important;
  height: 10vmin;
  width: 10vmin;
  margin: -5vmin;
}
body.radio.sub .stellar .button-lane-one + a i {
  font-size: 2rem;
}
body.radio.sub .stellar .wishes-lane {
  width: 103%;
  height: 51.5%;
  left: -1.5%;
  top: -25.75%;
}
body.radio.sub .stellar .wishes-lane + a {
  left: 79%;
  top: 21%;
}
body.radio.sub .stellar .wishes-lane + a i {
  font-size: 1.5rem;
}

body.blog .stellar {
  background: radial-gradient(circle at center top, #186120 0%, rgba(107, 218, 119, 0.4) 10%, rgba(148, 228, 156, 0) 60%);
}
body.blog .stellar::after {
  background-color: #186120;
}
body.blog .stellar .preview {
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #186120;
}
body.blog .stellar > div + a strong {
  width: 200%;
  max-width: 400px;
}
body.blog .stellar > div:first-child {
  width: 120%;
  height: 60%;
  left: -10%;
  top: -30%;
}
body.blog .stellar > div:first-child + a {
  top: 23%;
}
body.blog .stellar > div:first-child + a i {
  font-size: 3rem;
}
body.blog .stellar > div:nth-of-type(2) {
  width: 205%;
  height: 102.5%;
  left: -52.5%;
  top: -51.25%;
}
body.blog .stellar > div:nth-of-type(2) + a {
  top: 48%;
}
body.blog .stellar > div:nth-of-type(2) + a i {
  font-size: 3rem;
}
body.blog .stellar > div:nth-of-type(3) {
  width: 290%;
  height: 145%;
  left: -95%;
  top: -72.5%;
}
body.blog .stellar > div:nth-of-type(3) + a {
  top: 69%;
}
body.blog .stellar > div:nth-of-type(3) + a i {
  font-size: 3rem;
}
body.blog .stellar > div:nth-of-type(4) {
  width: 370%;
  height: 185%;
  left: -135%;
  top: -92.5%;
}
body.blog .stellar > div:nth-of-type(4) + a {
  top: 90%;
}
body.blog .stellar > div:nth-of-type(4) + a i {
  font-size: 3rem;
}
body.blog .stellar > div:nth-of-type(1) + a,
body.blog .stellar > div:nth-of-type(3) + a {
  left: 18%;
}
body.blog .stellar > div:nth-of-type(1) + a > strong,
body.blog .stellar > div:nth-of-type(3) + a > strong {
  right: auto;
  left: 50%;
  text-align: right;
}
body.blog .stellar > div:nth-of-type(2) + a,
body.blog .stellar > div:nth-of-type(4) + a {
  left: 82%;
}
body.blog .stellar > div:nth-of-type(2) + a > strong,
body.blog .stellar > div:nth-of-type(4) + a > strong {
  left: auto;
  right: 50%;
  text-align: left;
}

body.standalone .stellar {
  background: radial-gradient(circle at center top, #303a56 0%, rgba(145, 157, 193, 0.4) 10%, rgba(177, 186, 212, 0) 60%);
  overflow: visible;
}
body.standalone .stellar::after {
  background-color: #303a56;
}
body.standalone #splash {
  height: auto;
}
body.standalone .scroller {
  display: none;
}

body.visuelles.sub #splash {
  height: 450px;
}
body.visuelles .stellar {
  background: radial-gradient(circle at center top, #c4302b 0%, rgba(243, 201, 200, 0.4) 10%, rgba(252, 242, 242, 0) 60%);
}
body.visuelles .stellar::after {
  background-color: #c4302b;
}
body.visuelles .stellar .button-lane-one + a,
body.visuelles .stellar .wishes-lane + a,
body.visuelles .stellar .button-lane-two + a {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 12vmin;
  height: 12vmin;
  margin: -6vmin;
  background: #c4302b url("../img/planetoverlay.png") 0 0 no-repeat;
  background-size: contain;
  border-radius: 50%;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #c4302b;
}
@media (min-width: 800px) {
  body.visuelles .stellar .button-lane-one + a,
body.visuelles .stellar .wishes-lane + a,
body.visuelles .stellar .button-lane-two + a {
    width: 12vmin;
    height: 12vmin;
    margin: -6vmin 0 0 -6vmin;
  }
}
body.visuelles .stellar .button-lane-one + a:hover, body.visuelles .stellar .button-lane-one + a:active,
body.visuelles .stellar .wishes-lane + a:hover,
body.visuelles .stellar .wishes-lane + a:active,
body.visuelles .stellar .button-lane-two + a:hover,
body.visuelles .stellar .button-lane-two + a:active {
  transform: scale(1.1);
  box-shadow: inset 0 0 2vmin 0.5vmin rgba(230, 237, 237, 0.5), 0 0 20px 3px rgba(230, 237, 237, 0.5) !important;
}
body.visuelles .stellar .button-lane-one + a span,
body.visuelles .stellar .wishes-lane + a span,
body.visuelles .stellar .button-lane-two + a span {
  position: absolute;
  top: 100%;
}
body.visuelles .stellar .button-lane-one + a i,
body.visuelles .stellar .wishes-lane + a i,
body.visuelles .stellar .button-lane-two + a i {
  font-size: 2rem;
}
body.visuelles .stellar .button-lane-one {
  width: 70%;
  height: 35%;
  left: 15%;
  top: -17.5%;
}
body.visuelles .stellar .button-lane-one + a {
  left: 24%;
  top: 11%;
}
body.visuelles .stellar .wishes-lane {
  width: 100%;
  height: 50%;
  left: 0%;
  top: -25%;
}
body.visuelles .stellar .wishes-lane + a {
  left: 66%;
  top: 24%;
}
body.visuelles .stellar .button-lane-two {
  width: 120%;
  height: 60%;
  left: -10%;
  top: -30%;
}
body.visuelles .stellar .button-lane-two + a {
  width: 9vmin;
  height: 9vmin;
  margin: -4.5vmin;
  left: 89%;
  top: 23%;
}
body.visuelles .stellar .preview {
  box-shadow: inset 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 6px 0 rgba(230, 237, 237, 0.5), 0 0 20px 2px #c4302b;
}
body.visuelles .stellar .next-lane {
  width: 190%;
  height: 95%;
  left: -45%;
  top: -47.5%;
}
body.visuelles .stellar .next-lane + a {
  left: 29%;
  top: 45%;
}
body.visuelles .stellar .second-lane {
  width: 280%;
  height: 140%;
  left: -90%;
  top: -70%;
}
body.visuelles .stellar .second-lane + a {
  width: 25vmin;
  height: 25vmin;
  margin: -12.5vmin;
  left: 48%;
  top: 69%;
}
body.visuelles .stellar .third-lane {
  width: 370%;
  height: 185%;
  left: -135%;
  top: -92.5%;
}
body.visuelles .stellar .third-lane + a {
  width: 21vmin;
  height: 21vmin;
  margin: -10.5vmin;
  left: 75%;
  top: 91%;
}
body.visuelles .stellar .third-lane + a strong {
  font-size: 0.9rem;
}
@media (min-width: 800px) {
  body.visuelles .stellar .third-lane + a strong {
    font-size: 1.2rem;
  }
}
body.visuelles.sub .stellar .button-lane-one,
body.visuelles.sub .stellar .wishes-lane,
body.visuelles.sub .stellar .button-lane-two {
  display: block !important;
}
body.visuelles.sub .stellar .button-lane-one + a,
body.visuelles.sub .stellar .wishes-lane + a,
body.visuelles.sub .stellar .button-lane-two + a {
  display: flex !important;
  height: 10vmin;
  width: 10vmin;
  margin: -5vmin;
}
body.visuelles.sub .stellar .button-lane-one + a i {
  font-size: 2rem;
}
body.visuelles.sub .stellar .wishes-lane {
  width: 103%;
  height: 51.5%;
  left: -1.5%;
  top: -25.75%;
}
body.visuelles.sub .stellar .wishes-lane + a {
  left: 79%;
  top: 21%;
}
body.visuelles.sub .stellar .wishes-lane + a i {
  font-size: 1.5rem;
}

body.error404 #splash {
  background-image: url("../img/404.jpg");
}

body .fc.fc-unthemed {
  margin-top: 1rem;
}
body .fc.fc-unthemed .fc-view > table > thead, body .fc.fc-unthemed .fc-view > table > tbody {
  background: none;
}
body .fc.fc-unthemed th,
body .fc.fc-unthemed td {
  border-color: #666;
}
body .fc.fc-unthemed th.fc-today,
body .fc.fc-unthemed td.fc-today {
  background: #999999;
}

#colorbox {
  position: fixed !important;
  outline: 0;
}

#colorbox,
#cboxWrapper,
#cboxContent {
  outline: 0;
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100001;
  overflow: hidden;
}

#cboxWrapper {
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("../img/overlay.png");
}

#cboxContent {
  position: absolute;
  float: none !important;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 auto;
  box-shadow: 0px 0px 114px 27px #000;
  float: none !important;
  display: table-cell;
  vertical-align: middle;
  height: 100% !important;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: none;
  margin: auto;
  border: 0;
  display: block;
  max-width: 90%;
  height: auto !important;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxTitle {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  text-align: center;
  color: #949494;
}

#cboxLoadingOverlay {
  background: url("../img/loading_background.png") no-repeat center center;
}

#cboxLoadingGraphic {
  background: url("../img/loading.gif") no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxPrevious,
#cboxNext {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  opacity: 0.7;
  text-indent: -9999px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50px" height="50px" version="1.1" x="0" y="0" viewBox="0 0 35.4 35.4"><polygon points="27.1 17 9.9 0 8.4 1.4 24.7 17.7 8.4 34 9.9 35.4 27.1 18.4 " fill="%23fff"/></svg>') no-repeat 0 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
#cboxPrevious:hover,
#cboxNext:hover {
  opacity: 1;
}

#cboxPrevious {
  transform: rotate(-180deg);
  left: 0;
}

#cboxNext {
  right: 0;
}

#cboxClose {
  position: absolute;
  top: 2vmin;
  right: 2vmin;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30px" height="30px" version="1.1" x="0" y="0" viewBox="0 0 1000 1000"><path d="M945.7 989.4L10 53.8 54.3 9.4 990 945.1 945.7 989.4zM10 946.2L945.7 10.6 990 54.9 54.3 990.6 10 946.2 10 946.2z" fill="%23fff"/></svg>') no-repeat 0 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  opacity: 0.7;
}
#cboxClose:hover {
  opacity: 1;
}