@charset "UTF-8";
/*<!-- QuantaLumin Generator by Henry Sheehy at QuantaLumin © 2025
The System to Simplify Science -->*/
/*
  Hugo-QuantaLumin

	A Hugo theme for scientific research and communication

  Copyright © QuantaLumin 2024
  All rights reserved
*/
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i");
@import url("https://fonts.googleapis.com/css?family=Shrikhand:300,300i,400,400i");
@import url("https://fonts.googleapis.com/css?family=Forum:300,300i,400,400i");
@keyframes tilt-shaking {
  0% {
    transform: rotate(0deg); }
  25% {
    transform: rotate(5deg); }
  50% {
    transform: rotate(0eg); }
  75% {
    transform: rotate(-5deg); }
  100% {
    transform: rotate(0deg); } }

@keyframes shake {
  0% {
    transform: translateX(0); }
  25% {
    transform: translateY(-9px); }
  35% {
    transform: translateY(-9px) rotate(17deg); }
  55% {
    transform: translateY(-9px) rotate(-17deg); }
  65% {
    transform: translateY(-9px) rotate(17deg); }
  75% {
    transform: translateY(-9px) rotate(-17deg); }
  100% {
    transform: translateY(0) rotate(0); } }

.shake svg {
  animation: shake 0.83s 0s; }

.icon-tilt-shake-on-hover:hover svg {
  animation: tilt-shaking 0.28s 0s;
  animation-iteration-count: 1.5; }

.icon-shake-on-hover:hover svg {
  animation: shake 0.83s 0s; }

.onload-fade-in {
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.onload-content-fade-in .content {
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

.onload-figure-fade-in figure, .onload-figure-fade-in canvas {
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

@keyframes fadeInAnimation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.fade-in {
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards; }

/*
# Fonts:Fonts/SCSS
TODO examples
*/
/*

# Layout:Breakpoints/SCSS

TODO examples

*/
/*
# Mixins:All/SCSS
TODO explain
*/
/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

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

body {
  -webkit-text-size-adjust: none; }

mark {
  background-color: transparent;
  color: inherit; }

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

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.

    Test
*/
/* Basic */
@-ms-viewport {
  width: device-width; }

body {
  -ms-overflow-style: scrollbar; }

@media screen and (max-width: 481px) {
  html, body {
    min-width: 320px; } }

html {
  box-sizing: border-box; }

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

html {
  scroll-behavior: smooth; }

body {
  padding: 0; }

/*
  Hugo-QuantaLumin

	A Hugo theme for scientific research and communication

  Copyright © QuantaLumin 2024
  All rights reserved
*/
/* Type */
html {
  font-size: 100%; }
  @media screen and (max-width: 1281px) {
    html {
      font-size: 90%; } }
  @media screen and (max-width: 1281px) {
    html {
      font-size: 87.5%; } }
  @media screen and (max-width: 737px) {
    html {
      font-size: 81.25%; } }
  @media screen and (max-width: null) {
    html {
      font-size: 75; } }
  @media screen and (max-width: 1281px) {
    html .nav-text {
      font-size: calc(1.3*100%); } }
  html .nav-text {
    font-size: calc(1.5*100%); }
  @media screen and (max-width: 1281px) {
    html .nav-text {
      font-size: calc(1.5*90%); } }
  @media screen and (max-width: 737px) {
    html .nav-text {
      font-size: calc(1.5*87.5%); } }
  @media screen and (max-width: null) {
    html .nav-text {
      font-size: calc(1.5*81.25%); } }
  @media screen and (orientation: portrait) {
    html .nav-text {
      font-size: calc(1.3*100%); } }
body, input, select, textarea {
  font-family: Source Sans Pro, Helvetica, "sans-serif";
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.65; }

h1, h2, h3, span {
  font-family: Source Sans Pro, Helvetica, "sans-serif";
  font-weight: 300;
  line-height: 1.65; }

body a {
  -moz-transition: color 0.2s ease-in-out;
  -webkit-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  text-decoration: underline; }
  body a:hover {
    text-decoration: none; }

body strong, body b, body .active, body .active span {
  font-weight: 400; }

body h1 strong, body h1 b, body h1 .active, body h1 .active span, body h2 strong, body h2 b, body h2 .active, body h2 .active span, body h3 strong, body h3 b, body h3 .active, body h3 .active span {
  font-weight: 400; }

body em, body i {
  font-style: italic; }

body p {
  margin: 0 0 2rem 0; }
  body p.major {
    font-size: 1.25rem; }

body h1, body h2, body h3 {
  font-weight: 300;
  line-height: 1.375;
  letter-spacing: _0.05em; }

body h4, body h5, body h6, body span {
  font-weight: 300;
  line-height: 1.375;
  letter-spacing: _0.05em; }

body h1, body h2, body h3, body h4, body h5, body h6, body span {
  margin: 0 0 1rem 0; }
  body h1.center, body h2.center, body h3.center, body h4.center, body h5.center, body h6.center, body span.center {
    text-align: center; }
  body h1.pad, body h2.pad, body h3.pad, body h4.pad, body h5.pad, body h6.pad, body span.pad {
    padding: 1.5rem; }
  body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a, body span a {
    color: inherit; }

body h1 {
  font-size: 250%; }

body h2 {
  font-size: 200%; }

body h3 {
  font-size: 150%; }

body h4 {
  font-size: 110%; }

body h5 {
  font-size: 90%; }

body h6 {
  font-size: 70%; }

body sub {
  font-size: 0.8rem;
  position: relative;
  top: 0.5rem; }

body sup {
  font-size: 0.8rem;
  position: relative;
  top: -0.5rem; }

body blockquote {
  border-left: solid 4px;
  font-style: italic;
  margin: 0 0 2rem 0;
  padding: 0.5rem 0 0.5rem 2rem; }

body code {
  border-radius: 4px;
  font-family: CourierNew, "monospace";
  font-size: 0.9em;
  margin: 0 0.25rem;
  padding: 0.25rem 0.325rem; }

body pre {
  -webkit-overflow-scrolling: touch;
  font-family: CourierNew, "monospace";
  font-size: 0.9em;
  margin: 0 0 2rem 0; }
  body pre code {
    display: block;
    line-height: 1.5;
    padding: 0.75rem 1rem;
    overflow-x: auto; }

body hr {
  border: 0;
  border-bottom: solid 1px;
  margin: 2.5rem 0; }
  body hr.major {
    margin: 3.5rem 0; }

body .align-left {
  text-align: left; }

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

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

body .footerspacer {
  padding-left: 15px;
  padding-right: 15px; }

@media screen and (max-width: 737px) {
  body p.major {
    font-size: 1.1rem; }
  body h1 {
    font-size: 2.5rem; }
  body h2 {
    font-size: 2rem; }
  body h3 {
    font-size: 1.25rem; }
  body h4 {
    font-size: 1rem; } }

body .katex .mathnormal, body .katex .mathrm, body .katex .custom-Regular, body .katex .amsrm {
  font-family: Source Sans Pro, Helvetica, "sans-serif"; }

body kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #333;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap; }

main p, main li, main td {
  color: #000000; }

main input, main select, main textarea {
  color: #000000; }

main a {
  color: #000000; }
  main a:hover {
    color: #71f5f1; }
    main a:hover i, main a:hover em, main a:hover b, main a:hover strong, main a:hover h1, main a:hover h2, main a:hover h3, main a:hover h4, main a:hover h5, main a:hover h6, main a:hover p, main a:hover span {
      color: #71f5f1; }
  main a h1, main a h2, main a h3, main a h4, main a h5, main a h6, main a span, main a b, main a strong, main a em, main a i, main a p, main a span {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #000000; }

main h1, main h2, main h3, main h4, main h5, main h6, main span, main b, main strong, main em, main i {
  color: #000000; }

main blockquote {
  border-left-color: rgba(1, 1, 1, 0.2); }

main code {
  background: rgba(1, 1, 1, 0.05);
  border-color: rgba(1, 1, 1, 0.2); }

main hr {
  border-bottom-color: rgba(1, 1, 1, 0.2); }

header p, header li, header td {
  color: #000000; }

header input, header select, header textarea {
  color: #000000; }

header a {
  color: #000000; }
  header a:hover {
    color: #71f5f1; }
    header a:hover i, header a:hover em, header a:hover b, header a:hover strong, header a:hover h1, header a:hover h2, header a:hover h3, header a:hover h4, header a:hover h5, header a:hover h6, header a:hover p, header a:hover span {
      color: #71f5f1; }
  header a h1, header a h2, header a h3, header a h4, header a h5, header a h6, header a span, header a b, header a strong, header a em, header a i, header a p, header a span {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #000000; }

header h1, header h2, header h3, header h4, header h5, header h6, header span, header b, header strong, header em, header i {
  color: #000000; }

header blockquote {
  border-left-color: rgba(1, 1, 1, 0.2); }

header code {
  background: rgba(1, 1, 1, 0.05);
  border-color: rgba(1, 1, 1, 0.2); }

header hr {
  border-bottom-color: rgba(1, 1, 1, 0.2); }

aside #aside p, aside #aside li, aside #aside td {
  color: #000000; }

aside #aside input, aside #aside select, aside #aside textarea {
  color: #000000; }

aside #aside a {
  color: #000000; }
  aside #aside a:hover {
    color: #71f5f1; }
    aside #aside a:hover i, aside #aside a:hover em, aside #aside a:hover b, aside #aside a:hover strong, aside #aside a:hover h1, aside #aside a:hover h2, aside #aside a:hover h3, aside #aside a:hover h4, aside #aside a:hover h5, aside #aside a:hover h6, aside #aside a:hover p, aside #aside a:hover span {
      color: #71f5f1; }
  aside #aside a h1, aside #aside a h2, aside #aside a h3, aside #aside a h4, aside #aside a h5, aside #aside a h6, aside #aside a span, aside #aside a b, aside #aside a strong, aside #aside a em, aside #aside a i, aside #aside a p, aside #aside a span {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #000000; }

aside #aside h1, aside #aside h2, aside #aside h3, aside #aside h4, aside #aside h5, aside #aside h6, aside #aside span, aside #aside b, aside #aside strong, aside #aside em, aside #aside i {
  color: #000000; }

aside #aside blockquote {
  border-left-color: rgba(1, 1, 1, 0.2); }

aside #aside code {
  background: rgba(1, 1, 1, 0.05);
  border-color: rgba(1, 1, 1, 0.2); }

aside #aside hr {
  border-bottom-color: rgba(1, 1, 1, 0.2); }

aside #article-nav p, aside #article-nav li, aside #article-nav td {
  color: #000000; }

aside #article-nav input, aside #article-nav select, aside #article-nav textarea {
  color: #000000; }

aside #article-nav a {
  color: #000000; }
  aside #article-nav a:hover {
    color: #71f5f1; }
    aside #article-nav a:hover i, aside #article-nav a:hover em, aside #article-nav a:hover b, aside #article-nav a:hover strong, aside #article-nav a:hover h1, aside #article-nav a:hover h2, aside #article-nav a:hover h3, aside #article-nav a:hover h4, aside #article-nav a:hover h5, aside #article-nav a:hover h6, aside #article-nav a:hover p, aside #article-nav a:hover span {
      color: #71f5f1; }
  aside #article-nav a h1, aside #article-nav a h2, aside #article-nav a h3, aside #article-nav a h4, aside #article-nav a h5, aside #article-nav a h6, aside #article-nav a span, aside #article-nav a b, aside #article-nav a strong, aside #article-nav a em, aside #article-nav a i, aside #article-nav a p, aside #article-nav a span {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #000000; }

aside #article-nav h1, aside #article-nav h2, aside #article-nav h3, aside #article-nav h4, aside #article-nav h5, aside #article-nav h6, aside #article-nav span, aside #article-nav b, aside #article-nav strong, aside #article-nav em, aside #article-nav i {
  color: #000000; }

aside #article-nav blockquote {
  border-left-color: rgba(1, 1, 1, 0.2); }

aside #article-nav code {
  background: rgba(1, 1, 1, 0.05);
  border-color: rgba(1, 1, 1, 0.2); }

aside #article-nav hr {
  border-bottom-color: rgba(1, 1, 1, 0.2); }

footer p, footer li, footer td {
  color: #000000; }

footer input, footer select, footer textarea {
  color: #000000; }

footer a {
  color: #000000; }
  footer a:hover {
    color: #22ccdd; }
    footer a:hover i, footer a:hover em, footer a:hover b, footer a:hover strong, footer a:hover h1, footer a:hover h2, footer a:hover h3, footer a:hover h4, footer a:hover h5, footer a:hover h6, footer a:hover p, footer a:hover span {
      color: #22ccdd; }
  footer a h1, footer a h2, footer a h3, footer a h4, footer a h5, footer a h6, footer a span, footer a b, footer a strong, footer a em, footer a i, footer a p, footer a span {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    color: #000000; }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer span, footer b, footer strong, footer em, footer i {
  color: #000000; }

footer blockquote {
  border-left-color: rgba(1, 1, 1, 0.2); }

footer code {
  background: rgba(1, 1, 1, 0.05);
  border-color: rgba(1, 1, 1, 0.2); }

footer hr {
  border-bottom-color: rgba(1, 1, 1, 0.2); }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Row */
.row {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: stretch; }
  .row > * {
    box-sizing: border-box; }
  .row.gtr-uniform > * > :last-child {
    margin-bottom: 0; }
  .row.aln-left {
    justify-content: flex-start; }
  .row.aln-center {
    justify-content: center; }
  .row.aln-right {
    justify-content: flex-end; }
  .row.aln-top {
    align-items: flex-start; }
  .row.aln-middle {
    align-items: center; }
  .row.aln-bottom {
    align-items: flex-end; }
  .row > .imp {
    order: -1; }
  .row > .col-1 {
    width: 8.33333333%; }
  .row > .off-1 {
    margin-left: 8.33333333%; }
  .row > .col-2 {
    width: 16.66666667%; }
  .row > .off-2 {
    margin-left: 16.66666667%; }
  .row > .col-3 {
    width: 25%; }
  .row > .off-3 {
    margin-left: 25%; }
  .row > .col-4 {
    width: 33.33333333%; }
  .row > .off-4 {
    margin-left: 33.33333333%; }
  .row > .col-5 {
    width: 41.66666667%; }
  .row > .off-5 {
    margin-left: 41.66666667%; }
  .row > .col-6 {
    width: 50%; }
  .row > .off-6 {
    margin-left: 50%; }
  .row > .col-7 {
    width: 58.33333333%; }
  .row > .off-7 {
    margin-left: 58.33333333%; }
  .row > .col-8 {
    width: 66.66666667%; }
  .row > .off-8 {
    margin-left: 66.66666667%; }
  .row > .col-9 {
    width: 75%; }
  .row > .off-9 {
    margin-left: 75%; }
  .row > .col-10 {
    width: 83.33333333%; }
  .row > .off-10 {
    margin-left: 83.33333333%; }
  .row > .col-11 {
    width: 91.66666667%; }
  .row > .off-11 {
    margin-left: 91.66666667%; }
  .row > .col-12 {
    width: 100%; }
  .row > .off-12 {
    margin-left: 100%; }
  .row.gtr-0 {
    margin-top: 0;
    margin-left: 0rem; }
    .row.gtr-0 > * {
      padding: 0 0 0 0rem; }
    .row.gtr-0.gtr-uniform {
      margin-top: 0rem; }
      .row.gtr-0.gtr-uniform > * {
        padding-top: 0rem; }
  .row.gtr-25 {
    margin-top: 0;
    margin-left: -0.5rem; }
    .row.gtr-25 > * {
      padding: 0 0 0 0.5rem; }
    .row.gtr-25.gtr-uniform {
      margin-top: -0.5rem; }
      .row.gtr-25.gtr-uniform > * {
        padding-top: 0.5rem; }
  .row.gtr-50 {
    margin-top: 0;
    margin-left: -1rem; }
    .row.gtr-50 > * {
      padding: 0 0 0 1rem; }
    .row.gtr-50.gtr-uniform {
      margin-top: -1rem; }
      .row.gtr-50.gtr-uniform > * {
        padding-top: 1rem; }
  .row {
    margin-top: 0;
    margin-left: -2rem; }
    .row > * {
      padding: 0 0 0 2rem; }
    .row.gtr-uniform {
      margin-top: -2rem; }
      .row.gtr-uniform > * {
        padding-top: 2rem; }
  .row.gtr-150 {
    margin-top: 0;
    margin-left: -3rem; }
    .row.gtr-150 > * {
      padding: 0 0 0 3rem; }
    .row.gtr-150.gtr-uniform {
      margin-top: -3rem; }
      .row.gtr-150.gtr-uniform > * {
        padding-top: 3rem; }
  .row.gtr-200 {
    margin-top: 0;
    margin-left: -4rem; }
    .row.gtr-200 > * {
      padding: 0 0 0 4rem; }
    .row.gtr-200.gtr-uniform {
      margin-top: -4rem; }
      .row.gtr-200.gtr-uniform > * {
        padding-top: 4rem; }
  @media screen and (max-width: 1281px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-xlarge {
        order: -1; }
      .row > .col-1-xlarge {
        width: 8.33333333%; }
      .row > .off-1-xlarge {
        margin-left: 8.33333333%; }
      .row > .col-2-xlarge {
        width: 16.66666667%; }
      .row > .off-2-xlarge {
        margin-left: 16.66666667%; }
      .row > .col-3-xlarge {
        width: 25%; }
      .row > .off-3-xlarge {
        margin-left: 25%; }
      .row > .col-4-xlarge {
        width: 33.33333333%; }
      .row > .off-4-xlarge {
        margin-left: 33.33333333%; }
      .row > .col-5-xlarge {
        width: 41.66666667%; }
      .row > .off-5-xlarge {
        margin-left: 41.66666667%; }
      .row > .col-6-xlarge {
        width: 50%; }
      .row > .off-6-xlarge {
        margin-left: 50%; }
      .row > .col-7-xlarge {
        width: 58.33333333%; }
      .row > .off-7-xlarge {
        margin-left: 58.33333333%; }
      .row > .col-8-xlarge {
        width: 66.66666667%; }
      .row > .off-8-xlarge {
        margin-left: 66.66666667%; }
      .row > .col-9-xlarge {
        width: 75%; }
      .row > .off-9-xlarge {
        margin-left: 75%; }
      .row > .col-10-xlarge {
        width: 83.33333333%; }
      .row > .off-10-xlarge {
        margin-left: 83.33333333%; }
      .row > .col-11-xlarge {
        width: 91.66666667%; }
      .row > .off-11-xlarge {
        margin-left: 91.66666667%; }
      .row > .col-12-xlarge {
        width: 100%; }
      .row > .off-12-xlarge {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0rem; }
        .row.gtr-0 > * {
          padding: 0 0 0 0rem; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0rem; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0rem; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5rem; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.5rem; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.5rem; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.5rem; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -1rem; }
        .row.gtr-50 > * {
          padding: 0 0 0 1rem; }
        .row.gtr-50.gtr-uniform {
          margin-top: -1rem; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 1rem; }
      .row {
        margin-top: 0;
        margin-left: -2rem; }
        .row > * {
          padding: 0 0 0 2rem; }
        .row.gtr-uniform {
          margin-top: -2rem; }
          .row.gtr-uniform > * {
            padding-top: 2rem; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -3rem; }
        .row.gtr-150 > * {
          padding: 0 0 0 3rem; }
        .row.gtr-150.gtr-uniform {
          margin-top: -3rem; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 3rem; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -4rem; }
        .row.gtr-200 > * {
          padding: 0 0 0 4rem; }
        .row.gtr-200.gtr-uniform {
          margin-top: -4rem; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 4rem; } }
  @media screen and (max-width: 1281px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-large {
        order: -1; }
      .row > .col-1-large {
        width: 8.33333333%; }
      .row > .off-1-large {
        margin-left: 8.33333333%; }
      .row > .col-2-large {
        width: 16.66666667%; }
      .row > .off-2-large {
        margin-left: 16.66666667%; }
      .row > .col-3-large {
        width: 25%; }
      .row > .off-3-large {
        margin-left: 25%; }
      .row > .col-4-large {
        width: 33.33333333%; }
      .row > .off-4-large {
        margin-left: 33.33333333%; }
      .row > .col-5-large {
        width: 41.66666667%; }
      .row > .off-5-large {
        margin-left: 41.66666667%; }
      .row > .col-6-large {
        width: 50%; }
      .row > .off-6-large {
        margin-left: 50%; }
      .row > .col-7-large {
        width: 58.33333333%; }
      .row > .off-7-large {
        margin-left: 58.33333333%; }
      .row > .col-8-large {
        width: 66.66666667%; }
      .row > .off-8-large {
        margin-left: 66.66666667%; }
      .row > .col-9-large {
        width: 75%; }
      .row > .off-9-large {
        margin-left: 75%; }
      .row > .col-10-large {
        width: 83.33333333%; }
      .row > .off-10-large {
        margin-left: 83.33333333%; }
      .row > .col-11-large {
        width: 91.66666667%; }
      .row > .off-11-large {
        margin-left: 91.66666667%; }
      .row > .col-12-large {
        width: 100%; }
      .row > .off-12-large {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0rem; }
        .row.gtr-0 > * {
          padding: 0 0 0 0rem; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0rem; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0rem; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5rem; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.5rem; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.5rem; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.5rem; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -1rem; }
        .row.gtr-50 > * {
          padding: 0 0 0 1rem; }
        .row.gtr-50.gtr-uniform {
          margin-top: -1rem; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 1rem; }
      .row {
        margin-top: 0;
        margin-left: -2rem; }
        .row > * {
          padding: 0 0 0 2rem; }
        .row.gtr-uniform {
          margin-top: -2rem; }
          .row.gtr-uniform > * {
            padding-top: 2rem; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -3rem; }
        .row.gtr-150 > * {
          padding: 0 0 0 3rem; }
        .row.gtr-150.gtr-uniform {
          margin-top: -3rem; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 3rem; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -4rem; }
        .row.gtr-200 > * {
          padding: 0 0 0 4rem; }
        .row.gtr-200.gtr-uniform {
          margin-top: -4rem; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 4rem; } }
  @media screen and (max-width: 981px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-medium {
        order: -1; }
      .row > .col-1-medium {
        width: 8.33333333%; }
      .row > .off-1-medium {
        margin-left: 8.33333333%; }
      .row > .col-2-medium {
        width: 16.66666667%; }
      .row > .off-2-medium {
        margin-left: 16.66666667%; }
      .row > .col-3-medium {
        width: 25%; }
      .row > .off-3-medium {
        margin-left: 25%; }
      .row > .col-4-medium {
        width: 33.33333333%; }
      .row > .off-4-medium {
        margin-left: 33.33333333%; }
      .row > .col-5-medium {
        width: 41.66666667%; }
      .row > .off-5-medium {
        margin-left: 41.66666667%; }
      .row > .col-6-medium {
        width: 50%; }
      .row > .off-6-medium {
        margin-left: 50%; }
      .row > .col-7-medium {
        width: 58.33333333%; }
      .row > .off-7-medium {
        margin-left: 58.33333333%; }
      .row > .col-8-medium {
        width: 66.66666667%; }
      .row > .off-8-medium {
        margin-left: 66.66666667%; }
      .row > .col-9-medium {
        width: 75%; }
      .row > .off-9-medium {
        margin-left: 75%; }
      .row > .col-10-medium {
        width: 83.33333333%; }
      .row > .off-10-medium {
        margin-left: 83.33333333%; }
      .row > .col-11-medium {
        width: 91.66666667%; }
      .row > .off-11-medium {
        margin-left: 91.66666667%; }
      .row > .col-12-medium {
        width: 100%; }
      .row > .off-12-medium {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0rem; }
        .row.gtr-0 > * {
          padding: 0 0 0 0rem; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0rem; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0rem; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5rem; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.5rem; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.5rem; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.5rem; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -1rem; }
        .row.gtr-50 > * {
          padding: 0 0 0 1rem; }
        .row.gtr-50.gtr-uniform {
          margin-top: -1rem; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 1rem; }
      .row {
        margin-top: 0;
        margin-left: -2rem; }
        .row > * {
          padding: 0 0 0 2rem; }
        .row.gtr-uniform {
          margin-top: -2rem; }
          .row.gtr-uniform > * {
            padding-top: 2rem; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -3rem; }
        .row.gtr-150 > * {
          padding: 0 0 0 3rem; }
        .row.gtr-150.gtr-uniform {
          margin-top: -3rem; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 3rem; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -4rem; }
        .row.gtr-200 > * {
          padding: 0 0 0 4rem; }
        .row.gtr-200.gtr-uniform {
          margin-top: -4rem; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 4rem; } }
  @media screen and (max-width: 737px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-small {
        order: -1; }
      .row > .col-1-small {
        width: 8.33333333%; }
      .row > .off-1-small {
        margin-left: 8.33333333%; }
      .row > .col-2-small {
        width: 16.66666667%; }
      .row > .off-2-small {
        margin-left: 16.66666667%; }
      .row > .col-3-small {
        width: 25%; }
      .row > .off-3-small {
        margin-left: 25%; }
      .row > .col-4-small {
        width: 33.33333333%; }
      .row > .off-4-small {
        margin-left: 33.33333333%; }
      .row > .col-5-small {
        width: 41.66666667%; }
      .row > .off-5-small {
        margin-left: 41.66666667%; }
      .row > .col-6-small {
        width: 50%; }
      .row > .off-6-small {
        margin-left: 50%; }
      .row > .col-7-small {
        width: 58.33333333%; }
      .row > .off-7-small {
        margin-left: 58.33333333%; }
      .row > .col-8-small {
        width: 66.66666667%; }
      .row > .off-8-small {
        margin-left: 66.66666667%; }
      .row > .col-9-small {
        width: 75%; }
      .row > .off-9-small {
        margin-left: 75%; }
      .row > .col-10-small {
        width: 83.33333333%; }
      .row > .off-10-small {
        margin-left: 83.33333333%; }
      .row > .col-11-small {
        width: 91.66666667%; }
      .row > .off-11-small {
        margin-left: 91.66666667%; }
      .row > .col-12-small {
        width: 100%; }
      .row > .off-12-small {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0rem; }
        .row.gtr-0 > * {
          padding: 0 0 0 0rem; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0rem; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0rem; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5rem; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.5rem; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.5rem; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.5rem; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -1rem; }
        .row.gtr-50 > * {
          padding: 0 0 0 1rem; }
        .row.gtr-50.gtr-uniform {
          margin-top: -1rem; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 1rem; }
      .row {
        margin-top: 0;
        margin-left: -2rem; }
        .row > * {
          padding: 0 0 0 2rem; }
        .row.gtr-uniform {
          margin-top: -2rem; }
          .row.gtr-uniform > * {
            padding-top: 2rem; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -3rem; }
        .row.gtr-150 > * {
          padding: 0 0 0 3rem; }
        .row.gtr-150.gtr-uniform {
          margin-top: -3rem; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 3rem; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -4rem; }
        .row.gtr-200 > * {
          padding: 0 0 0 4rem; }
        .row.gtr-200.gtr-uniform {
          margin-top: -4rem; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 4rem; } }
  @media screen and (max-width: 481px) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-xsmall {
        order: -1; }
      .row > .col-1-xsmall {
        width: 8.33333333%; }
      .row > .off-1-xsmall {
        margin-left: 8.33333333%; }
      .row > .col-2-xsmall {
        width: 16.66666667%; }
      .row > .off-2-xsmall {
        margin-left: 16.66666667%; }
      .row > .col-3-xsmall {
        width: 25%; }
      .row > .off-3-xsmall {
        margin-left: 25%; }
      .row > .col-4-xsmall {
        width: 33.33333333%; }
      .row > .off-4-xsmall {
        margin-left: 33.33333333%; }
      .row > .col-5-xsmall {
        width: 41.66666667%; }
      .row > .off-5-xsmall {
        margin-left: 41.66666667%; }
      .row > .col-6-xsmall {
        width: 50%; }
      .row > .off-6-xsmall {
        margin-left: 50%; }
      .row > .col-7-xsmall {
        width: 58.33333333%; }
      .row > .off-7-xsmall {
        margin-left: 58.33333333%; }
      .row > .col-8-xsmall {
        width: 66.66666667%; }
      .row > .off-8-xsmall {
        margin-left: 66.66666667%; }
      .row > .col-9-xsmall {
        width: 75%; }
      .row > .off-9-xsmall {
        margin-left: 75%; }
      .row > .col-10-xsmall {
        width: 83.33333333%; }
      .row > .off-10-xsmall {
        margin-left: 83.33333333%; }
      .row > .col-11-xsmall {
        width: 91.66666667%; }
      .row > .off-11-xsmall {
        margin-left: 91.66666667%; }
      .row > .col-12-xsmall {
        width: 100%; }
      .row > .off-12-xsmall {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0rem; }
        .row.gtr-0 > * {
          padding: 0 0 0 0rem; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0rem; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0rem; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5rem; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.5rem; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.5rem; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.5rem; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -1rem; }
        .row.gtr-50 > * {
          padding: 0 0 0 1rem; }
        .row.gtr-50.gtr-uniform {
          margin-top: -1rem; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 1rem; }
      .row {
        margin-top: 0;
        margin-left: -2rem; }
        .row > * {
          padding: 0 0 0 2rem; }
        .row.gtr-uniform {
          margin-top: -2rem; }
          .row.gtr-uniform > * {
            padding-top: 2rem; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -3rem; }
        .row.gtr-150 > * {
          padding: 0 0 0 3rem; }
        .row.gtr-150.gtr-uniform {
          margin-top: -3rem; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 3rem; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -4rem; }
        .row.gtr-200 > * {
          padding: 0 0 0 4rem; }
        .row.gtr-200.gtr-uniform {
          margin-top: -4rem; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 4rem; } }
  @media screen and (max-width: null) {
    .row {
      display: flex;
      flex-wrap: wrap;
      box-sizing: border-box;
      align-items: stretch; }
      .row > * {
        box-sizing: border-box; }
      .row.gtr-uniform > * > :last-child {
        margin-bottom: 0; }
      .row.aln-left {
        justify-content: flex-start; }
      .row.aln-center {
        justify-content: center; }
      .row.aln-right {
        justify-content: flex-end; }
      .row.aln-top {
        align-items: flex-start; }
      .row.aln-middle {
        align-items: center; }
      .row.aln-bottom {
        align-items: flex-end; }
      .row > .imp-xxsmall {
        order: -1; }
      .row > .col-1-xxsmall {
        width: 8.33333333%; }
      .row > .off-1-xxsmall {
        margin-left: 8.33333333%; }
      .row > .col-2-xxsmall {
        width: 16.66666667%; }
      .row > .off-2-xxsmall {
        margin-left: 16.66666667%; }
      .row > .col-3-xxsmall {
        width: 25%; }
      .row > .off-3-xxsmall {
        margin-left: 25%; }
      .row > .col-4-xxsmall {
        width: 33.33333333%; }
      .row > .off-4-xxsmall {
        margin-left: 33.33333333%; }
      .row > .col-5-xxsmall {
        width: 41.66666667%; }
      .row > .off-5-xxsmall {
        margin-left: 41.66666667%; }
      .row > .col-6-xxsmall {
        width: 50%; }
      .row > .off-6-xxsmall {
        margin-left: 50%; }
      .row > .col-7-xxsmall {
        width: 58.33333333%; }
      .row > .off-7-xxsmall {
        margin-left: 58.33333333%; }
      .row > .col-8-xxsmall {
        width: 66.66666667%; }
      .row > .off-8-xxsmall {
        margin-left: 66.66666667%; }
      .row > .col-9-xxsmall {
        width: 75%; }
      .row > .off-9-xxsmall {
        margin-left: 75%; }
      .row > .col-10-xxsmall {
        width: 83.33333333%; }
      .row > .off-10-xxsmall {
        margin-left: 83.33333333%; }
      .row > .col-11-xxsmall {
        width: 91.66666667%; }
      .row > .off-11-xxsmall {
        margin-left: 91.66666667%; }
      .row > .col-12-xxsmall {
        width: 100%; }
      .row > .off-12-xxsmall {
        margin-left: 100%; }
      .row.gtr-0 {
        margin-top: 0;
        margin-left: 0rem; }
        .row.gtr-0 > * {
          padding: 0 0 0 0rem; }
        .row.gtr-0.gtr-uniform {
          margin-top: 0rem; }
          .row.gtr-0.gtr-uniform > * {
            padding-top: 0rem; }
      .row.gtr-25 {
        margin-top: 0;
        margin-left: -0.5rem; }
        .row.gtr-25 > * {
          padding: 0 0 0 0.5rem; }
        .row.gtr-25.gtr-uniform {
          margin-top: -0.5rem; }
          .row.gtr-25.gtr-uniform > * {
            padding-top: 0.5rem; }
      .row.gtr-50 {
        margin-top: 0;
        margin-left: -1rem; }
        .row.gtr-50 > * {
          padding: 0 0 0 1rem; }
        .row.gtr-50.gtr-uniform {
          margin-top: -1rem; }
          .row.gtr-50.gtr-uniform > * {
            padding-top: 1rem; }
      .row {
        margin-top: 0;
        margin-left: -2rem; }
        .row > * {
          padding: 0 0 0 2rem; }
        .row.gtr-uniform {
          margin-top: -2rem; }
          .row.gtr-uniform > * {
            padding-top: 2rem; }
      .row.gtr-150 {
        margin-top: 0;
        margin-left: -3rem; }
        .row.gtr-150 > * {
          padding: 0 0 0 3rem; }
        .row.gtr-150.gtr-uniform {
          margin-top: -3rem; }
          .row.gtr-150.gtr-uniform > * {
            padding-top: 3rem; }
      .row.gtr-200 {
        margin-top: 0;
        margin-left: -4rem; }
        .row.gtr-200 > * {
          padding: 0 0 0 4rem; }
        .row.gtr-200.gtr-uniform {
          margin-top: -4rem; }
          .row.gtr-200.gtr-uniform > * {
            padding-top: 4rem; } }
/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Box */
.box {
  border-radius: 4px;
  border: solid 1px;
  margin-bottom: 2rem;
  padding: 1.5rem; }
  .box > :last-child,
  .box > :last-child > :last-child,
  .box > :last-child > :last-child > :last-child {
    margin-bottom: 0; }
  .box.alt {
    border: 0;
    border-radius: 0;
    padding: 0; }

.box {
  border-color: rgba(1, 1, 1, 0.2); }

.box.collapse {
  cursor: pointer;
  position: relative;
  padding: 10px 20px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: all 1s; }
  .box.collapse .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out; }
  .box.collapse:after, .box.collapse:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    border: 0px solid #fff;
    transition: all 1s;
    pointer-events: none; }
  .box.collapse:after {
    top: -1px;
    left: -1px;
    border-top: 5px solid black;
    border-left: 5px solid black; }
  .box.collapse:before {
    bottom: -1px;
    right: -1px;
    border-bottom: 5px solid black;
    border-right: 5px solid black; }
  .box.collapse details {
    user-select: none; }
  .box.collapse summary {
    display: inline;
    cursor: pointer; }
  .box.collapse summary::-webkit-details-marker {
    display: none; }

.box.collapse:hover {
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px; }
  .box.collapse:hover:before, .box.collapse:hover:after {
    width: 100%;
    height: 100%;
    border-color: #71f5f1 !important;
    transition: all 0.7s; }

details[open] .box-heading svg {
  transform: rotate(90deg); }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button, .button span {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  border: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0.125em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 0.8rem;
  max-width: 20rem;
  height: 3.5em;
  line-height: 3.5em;
  transition: all 0.2s ease-in-out;
  border-radius: 0px;
  padding: 0 2.5em;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 1.6em; }
  input[type="submit"] span .nav-text,
  input[type="reset"] span .nav-text,
  input[type="button"] span .nav-text,
  button span .nav-text,
  .button span .nav-text, .button span span .nav-text {
    display: table-cell;
    vertical-align: middle;
    padding: 0; }
  input[type="submit"].icon:before,
  input[type="reset"].icon:before,
  input[type="button"].icon:before,
  button.icon:before,
  .button.icon:before, .button span.icon:before {
    margin-right: 0.5rem; }
  input[type="submit"].fit,
  input[type="reset"].fit,
  input[type="button"].fit,
  button.fit,
  .button.fit, .button span.fit {
    width: 100%; }
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  button:hover,
  .button:hover, .button span:hover {
    border-radius: 0px; }
  input[type="submit"].small,
  input[type="reset"].small,
  input[type="button"].small,
  button.small,
  .button.small, .button span.small {
    font-size: 0.6rem;
    height: 0px;
    line-height: 0px;
    border-radius: 0px;
    padding: 0 2em; }
    input[type="submit"].small:hover,
    input[type="reset"].small:hover,
    input[type="button"].small:hover,
    button.small:hover,
    .button.small:hover, .button span.small:hover {
      border-radius: 0px; }
  input[type="submit"].large,
  input[type="reset"].large,
  input[type="button"].large,
  button.large,
  .button.large, .button span.large {
    font-size: 1.1rem;
    height: 0px;
    line-height: 0px;
    border-radius: 0px;
    padding: 0 2em; }
    input[type="submit"].large:hover,
    input[type="reset"].large:hover,
    input[type="button"].large:hover,
    button.large:hover,
    .button.large:hover, .button span.large:hover {
      border-radius: 0px; }
    input[type="submit"].large span,
    input[type="reset"].large span,
    input[type="button"].large span,
    button.large span,
    .button.large span, .button span.large span {
      font-size: 1.1rem; }
  input[type="submit"].wide,
  input[type="reset"].wide,
  input[type="button"].wide,
  button.wide,
  .button.wide, .button span.wide {
    min-width: 14em; }
  input[type="submit"].disabled, input[type="submit"]:disabled,
  input[type="reset"].disabled,
  input[type="reset"]:disabled,
  input[type="button"].disabled,
  input[type="button"]:disabled,
  button.disabled,
  button:disabled,
  .button.disabled,
  .button:disabled, .button span.disabled, .button span:disabled {
    pointer-events: none;
    opacity: 0.25; }

header input[type="submit"],
header input[type="reset"],
header input[type="button"],
header button,
header .button {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(1, 1, 1, 0.2); }
  header input[type="submit"] span .nav-text,
  header input[type="reset"] span .nav-text,
  header input[type="button"] span .nav-text,
  header button span .nav-text,
  header .button span .nav-text {
    color: #000000; }
  header input[type="submit"] span svg, header input[type="submit"] span,
  header input[type="reset"] span svg,
  header input[type="reset"] span,
  header input[type="button"] span svg,
  header input[type="button"] span,
  header button span svg,
  header button span,
  header .button span svg,
  header .button span {
    vertical-align: middle;
    justify-content: center;
    align-items: center; }
  header input[type="submit"]:hover,
  header input[type="reset"]:hover,
  header input[type="button"]:hover,
  header button:hover,
  header .button:hover {
    will-change: transform;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1 !important; }
  header input[type="submit"]:active,
  header input[type="reset"]:active,
  header input[type="button"]:active,
  header button:active,
  header .button:active {
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1 !important; }
  header input[type="submit"].primary,
  header input[type="reset"].primary,
  header input[type="button"].primary,
  header button.primary,
  header .button.primary {
    background-color: #000000;
    box-shadow: none;
    color: #ffffff !important; }
    header input[type="submit"].primary span .nav-text,
    header input[type="reset"].primary span .nav-text,
    header input[type="button"].primary span .nav-text,
    header button.primary span .nav-text,
    header .button.primary span .nav-text {
      color: #ffffff !important; }
    header input[type="submit"].primary:hover,
    header input[type="reset"].primary:hover,
    header input[type="button"].primary:hover,
    header button.primary:hover,
    header .button.primary:hover {
      background-color: #71f5f1; }

main input[type="submit"],
main input[type="reset"],
main input[type="button"],
main button,
main .button {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(1, 1, 1, 0.2); }
  main input[type="submit"] span .nav-text,
  main input[type="reset"] span .nav-text,
  main input[type="button"] span .nav-text,
  main button span .nav-text,
  main .button span .nav-text {
    color: #000000; }
  main input[type="submit"] span svg, main input[type="submit"] span,
  main input[type="reset"] span svg,
  main input[type="reset"] span,
  main input[type="button"] span svg,
  main input[type="button"] span,
  main button span svg,
  main button span,
  main .button span svg,
  main .button span {
    vertical-align: middle;
    justify-content: center;
    align-items: center; }
  main input[type="submit"]:hover,
  main input[type="reset"]:hover,
  main input[type="button"]:hover,
  main button:hover,
  main .button:hover {
    will-change: transform;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1 !important; }
  main input[type="submit"]:active,
  main input[type="reset"]:active,
  main input[type="button"]:active,
  main button:active,
  main .button:active {
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1 !important; }
  main input[type="submit"].primary,
  main input[type="reset"].primary,
  main input[type="button"].primary,
  main button.primary,
  main .button.primary {
    background-color: #000000;
    box-shadow: none;
    color: #ffffff !important; }
    main input[type="submit"].primary span .nav-text,
    main input[type="reset"].primary span .nav-text,
    main input[type="button"].primary span .nav-text,
    main button.primary span .nav-text,
    main .button.primary span .nav-text {
      color: #ffffff !important; }
    main input[type="submit"].primary:hover,
    main input[type="reset"].primary:hover,
    main input[type="button"].primary:hover,
    main button.primary:hover,
    main .button.primary:hover {
      background-color: #71f5f1; }

#aside input[type="submit"],
#aside input[type="reset"],
#aside input[type="button"],
#aside button,
#aside .button {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(1, 1, 1, 0.2); }
  #aside input[type="submit"] span .nav-text,
  #aside input[type="reset"] span .nav-text,
  #aside input[type="button"] span .nav-text,
  #aside button span .nav-text,
  #aside .button span .nav-text {
    color: #000000; }
  #aside input[type="submit"] span svg, #aside input[type="submit"] span,
  #aside input[type="reset"] span svg,
  #aside input[type="reset"] span,
  #aside input[type="button"] span svg,
  #aside input[type="button"] span,
  #aside button span svg,
  #aside button span,
  #aside .button span svg,
  #aside .button span {
    vertical-align: middle;
    justify-content: center;
    align-items: center; }
  #aside input[type="submit"]:hover,
  #aside input[type="reset"]:hover,
  #aside input[type="button"]:hover,
  #aside button:hover,
  #aside .button:hover {
    will-change: transform;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1 !important; }
  #aside input[type="submit"]:active,
  #aside input[type="reset"]:active,
  #aside input[type="button"]:active,
  #aside button:active,
  #aside .button:active {
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1 !important; }
  #aside input[type="submit"].primary,
  #aside input[type="reset"].primary,
  #aside input[type="button"].primary,
  #aside button.primary,
  #aside .button.primary {
    background-color: #000000;
    box-shadow: none;
    color: #ffffff !important; }
    #aside input[type="submit"].primary span .nav-text,
    #aside input[type="reset"].primary span .nav-text,
    #aside input[type="button"].primary span .nav-text,
    #aside button.primary span .nav-text,
    #aside .button.primary span .nav-text {
      color: #ffffff !important; }
    #aside input[type="submit"].primary:hover,
    #aside input[type="reset"].primary:hover,
    #aside input[type="button"].primary:hover,
    #aside button.primary:hover,
    #aside .button.primary:hover {
      background-color: #71f5f1; }

#article-nav input[type="submit"],
#article-nav input[type="reset"],
#article-nav input[type="button"],
#article-nav button,
#article-nav .button {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(1, 1, 1, 0.2); }
  #article-nav input[type="submit"] span .nav-text,
  #article-nav input[type="reset"] span .nav-text,
  #article-nav input[type="button"] span .nav-text,
  #article-nav button span .nav-text,
  #article-nav .button span .nav-text {
    color: #000000; }
  #article-nav input[type="submit"] span svg, #article-nav input[type="submit"] span,
  #article-nav input[type="reset"] span svg,
  #article-nav input[type="reset"] span,
  #article-nav input[type="button"] span svg,
  #article-nav input[type="button"] span,
  #article-nav button span svg,
  #article-nav button span,
  #article-nav .button span svg,
  #article-nav .button span {
    vertical-align: middle;
    justify-content: center;
    align-items: center; }
  #article-nav input[type="submit"]:hover,
  #article-nav input[type="reset"]:hover,
  #article-nav input[type="button"]:hover,
  #article-nav button:hover,
  #article-nav .button:hover {
    will-change: transform;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1 !important; }
  #article-nav input[type="submit"]:active,
  #article-nav input[type="reset"]:active,
  #article-nav input[type="button"]:active,
  #article-nav button:active,
  #article-nav .button:active {
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1 !important; }
  #article-nav input[type="submit"].primary,
  #article-nav input[type="reset"].primary,
  #article-nav input[type="button"].primary,
  #article-nav button.primary,
  #article-nav .button.primary {
    background-color: #000000;
    box-shadow: none;
    color: #ffffff !important; }
    #article-nav input[type="submit"].primary span .nav-text,
    #article-nav input[type="reset"].primary span .nav-text,
    #article-nav input[type="button"].primary span .nav-text,
    #article-nav button.primary span .nav-text,
    #article-nav .button.primary span .nav-text {
      color: #ffffff !important; }
    #article-nav input[type="submit"].primary:hover,
    #article-nav input[type="reset"].primary:hover,
    #article-nav input[type="button"].primary:hover,
    #article-nav button.primary:hover,
    #article-nav .button.primary:hover {
      background-color: #71f5f1; }

footer input[type="submit"],
footer input[type="reset"],
footer input[type="button"],
footer button,
footer .button {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(1, 1, 1, 0.2); }
  footer input[type="submit"] span .nav-text,
  footer input[type="reset"] span .nav-text,
  footer input[type="button"] span .nav-text,
  footer button span .nav-text,
  footer .button span .nav-text {
    color: #000000; }
  footer input[type="submit"] span svg, footer input[type="submit"] span,
  footer input[type="reset"] span svg,
  footer input[type="reset"] span,
  footer input[type="button"] span svg,
  footer input[type="button"] span,
  footer button span svg,
  footer button span,
  footer .button span svg,
  footer .button span {
    vertical-align: middle;
    justify-content: center;
    align-items: center; }
  footer input[type="submit"]:hover,
  footer input[type="reset"]:hover,
  footer input[type="button"]:hover,
  footer button:hover,
  footer .button:hover {
    will-change: transform;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: inset 0 0 0 1px #22ccdd;
    color: #22ccdd !important; }
  footer input[type="submit"]:active,
  footer input[type="reset"]:active,
  footer input[type="button"]:active,
  footer button:active,
  footer .button:active {
    box-shadow: inset 0 0 0 1px #22ccdd;
    color: #22ccdd !important; }
  footer input[type="submit"].primary,
  footer input[type="reset"].primary,
  footer input[type="button"].primary,
  footer button.primary,
  footer .button.primary {
    background-color: #000000;
    box-shadow: none;
    color: #71f5f1 !important; }
    footer input[type="submit"].primary span .nav-text,
    footer input[type="reset"].primary span .nav-text,
    footer input[type="button"].primary span .nav-text,
    footer button.primary span .nav-text,
    footer .button.primary span .nav-text {
      color: #71f5f1 !important; }
    footer input[type="submit"].primary:hover,
    footer input[type="reset"].primary:hover,
    footer input[type="button"].primary:hover,
    footer button.primary:hover,
    footer .button.primary:hover {
      background-color: #22ccdd; }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Form */
form {
  margin: 0 0 2rem 0; }
  form .firstname {
    display: none;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important; }
  form > :last-child {
    margin-bottom: 0; }
  form > .fields {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% + 3rem);
    margin: -1.5rem 0 2rem -1.5rem; }
    form > .fields > .field {
      -moz-flex-grow: 0;
      -webkit-flex-grow: 0;
      -ms-flex-grow: 0;
      flex-grow: 0;
      -moz-flex-shrink: 0;
      -webkit-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      padding: 1.5rem 0 0 1.5rem;
      width: calc(100% - 1.5rem); }
      form > .fields > .field.half {
        width: calc(50% - 0.75rem); }
      form > .fields > .field.third {
        width: calc(100%/3 - 0.5rem); }
      form > .fields > .field.quarter {
        width: calc(25% - 0.375rem); }
  @media screen and (max-width: 481px) {
    form > .fields {
      width: calc(100% + 3rem);
      margin: -1.5rem 0 2rem -1.5rem; }
      form > .fields > .field {
        padding: 1.5rem 0 0 1.5rem;
        width: calc(100% - 1.5rem); }
        form > .fields > .field.half {
          width: calc(100% - 1.5rem); }
        form > .fields > .field.third {
          width: calc(100% - 1.5rem); }
        form > .fields > .field.quarter {
          width: calc(100% - 1.5rem); } }
label {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
  margin: 0 0 1rem 0; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 4px;
  border: none;
  border: solid 1px;
  color: inherit;
  display: block;
  outline: 0;
  padding: 0 0.825rem;
  text-decoration: none;
  width: 100%; }
  input[type="text"]:invalid,
  input[type="password"]:invalid,
  input[type="email"]:invalid,
  input[type="tel"]:invalid,
  input[type="search"]:invalid,
  input[type="url"]:invalid,
  select:invalid,
  textarea:invalid {
    box-shadow: none; }

select {
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  height: 2.75rem;
  padding-right: 2.75rem;
  text-overflow: ellipsis; }
  select:focus::-ms-value {
    background-color: transparent; }
  select::-ms-expand {
    display: none; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select {
  height: 2.75rem; }

textarea {
  padding: 0.75rem 1rem; }

input[type="checkbox"],
input[type="radio"] {
  display: block;
  float: left;
  margin-right: 0.5rem;
  z-index: -1; }
  input[type="checkbox"] + label,
  input[type="radio"] + label {
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 300;
    padding-left: 2.4rem;
    padding-right: 0.75rem;
    position: relative;
    margin-bottom: 0; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      text-transform: none !important; }
    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
      border-radius: 4px;
      border: solid 1px;
      content: '';
      display: inline-block;
      font-size: 0.8rem;
      height: 1.65rem;
      left: 0;
      line-height: 1.65rem;
      position: absolute;
      text-align: center;
      top: 0;
      width: 1.65rem; }
  input[type="checkbox"]:checked + label:before,
  input[type="radio"]:checked + label:before {
    content: '\f00c'; }

input[type="checkbox"] + label:before {
  border-radius: 4px; }

input[type="radio"] + label:before {
  border-radius: 100%; }

::-webkit-input-placeholder {
  opacity: 1.0; }

:-moz-placeholder {
  opacity: 1.0; }

::-moz-placeholder {
  opacity: 1.0; }

:-ms-input-placeholder {
  opacity: 1.0; }

label {
  color: #000000; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="url"],
select,
textarea {
  border-color: rgba(1, 1, 1, 0.2); }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="search"]:focus,
  input[type="url"]:focus,
  select:focus,
  textarea:focus {
    border-color: #71f5f1;
    box-shadow: 0 0 0 1px #71f5f1; }

select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(1, 1, 1, 0.2)' /%3E%3C/svg%3E"); }
  select option {
    color: #000000;
    background: #ffffff; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  color: #000000; }
  input[type="checkbox"] + label:before,
  input[type="radio"] + label:before {
    border-color: rgba(1, 1, 1, 0.2); }

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff; }

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
  border-color: #71f5f1;
  box-shadow: 0 0 0 1px #71f5f1; }

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.75) !important; }

:-moz-placeholder {
  color: rgba(0, 0, 0, 0.75) !important; }

::-moz-placeholder {
  color: rgba(0, 0, 0, 0.75) !important; }

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.75) !important; }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Icon */
.icon.small svg {
  font-size: 3.25rem !important;
  min-width: 3.25rem;
  height: 3.25rem; }

.icon.medium svg {
  font-size: 4.25rem !important;
  min-width: 4.25rem;
  height: 4.25rem; }

.icon.large svg {
  font-size: 5.25rem !important;
  min-width: 5.25rem;
  height: 5.25rem; }

.icon.xlarge svg {
  font-size: 7.25rem !important;
  min-width: 7.25rem;
  height: 7.25rem; }

.icon.xxlarge svg {
  font-size: 8.25rem !important;
  min-width: 8.25rem;
  height: 8.25rem; }

.icon svg {
  text-decoration: none;
  border-bottom: none;
  position: relative;
  text-align: center;
  line-height: inherit; }
  .icon svg:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-transform: none !important; }
  .icon svg > .label {
    display: none; }

.icon.style1 svg {
  padding: 0 0.3em;
  display: inline-block;
  line-height: 2.5em;
  border-radius: _button(border-radius-before); }

.icon.style2 svg {
  outline-offset: 0.4rem;
  display: inline-block;
  line-height: 1.75em;
  border-radius: _button(border-radius-before); }

.icon.style3 svg {
  border: 0.15em solid;
  padding: 0.25em;
  display: inline-block;
  line-height: 3em;
  width: 3em;
  border-radius: _button(border-radius-before); }
  .icon.style3 svg.major {
    display: block;
    margin: 0 0 1rem 0;
    font-size: 1.25rem; }

.icon.style2 span svg, .icon.style1 span svg {
  -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; }

header .icon {
  color: #000000; }
  header .icon span svg {
    color: #000000; }
  header .icon a {
    color: #000000; }

header .icon.style1:hover {
  color: #71f5f1; }
  header .icon.style1:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  header .icon.style1:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  header .icon.style1:hover:active {
    background-color: rgba(113, 245, 241, 0.1);
    color: #71f5f1; }

header .icon.style2 span .nav-text {
  padding-right: 20px; }

header .icon.style2:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #71f5f1;
  color: #71f5f1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  header .icon.style2:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  header .icon.style2:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  header .icon.style2:hover:active {
    background-color: rgba(113, 245, 241, 0.1);
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1; }

header .icon.style3 svg:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #71f5f1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

main .icon {
  color: #000000; }
  main .icon span svg {
    color: #000000; }
  main .icon a {
    color: #000000; }

main .icon.style1:hover {
  color: #71f5f1; }
  main .icon.style1:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  main .icon.style1:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  main .icon.style1:hover:active {
    background-color: rgba(113, 245, 241, 0.1);
    color: #71f5f1; }

main .icon.style2 span .nav-text {
  padding-right: 20px; }

main .icon.style2:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #71f5f1;
  color: #71f5f1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  main .icon.style2:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  main .icon.style2:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  main .icon.style2:hover:active {
    background-color: rgba(113, 245, 241, 0.1);
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1; }

main .icon.style3 svg:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #71f5f1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

#aside .icon {
  color: #000000; }
  #aside .icon span svg {
    color: #000000; }
  #aside .icon a {
    color: #000000; }

#aside .icon.style1:hover {
  color: #71f5f1; }
  #aside .icon.style1:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  #aside .icon.style1:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  #aside .icon.style1:hover:active {
    background-color: rgba(113, 245, 241, 0.1);
    color: #71f5f1; }

#aside .icon.style2 span .nav-text {
  padding-right: 20px; }

#aside .icon.style2:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #71f5f1;
  color: #71f5f1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  #aside .icon.style2:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  #aside .icon.style2:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  #aside .icon.style2:hover:active {
    background-color: rgba(113, 245, 241, 0.1);
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1; }

#aside .icon.style3 svg:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #71f5f1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

#article-nav .icon {
  color: #000000; }
  #article-nav .icon span svg {
    color: #000000; }
  #article-nav .icon a {
    color: #000000; }

#article-nav .icon.style1:hover {
  color: #71f5f1; }
  #article-nav .icon.style1:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  #article-nav .icon.style1:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  #article-nav .icon.style1:hover:active {
    background-color: rgba(113, 245, 241, 0.1);
    color: #71f5f1; }

#article-nav .icon.style2 span .nav-text {
  padding-right: 20px; }

#article-nav .icon.style2:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #71f5f1;
  color: #71f5f1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  #article-nav .icon.style2:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  #article-nav .icon.style2:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #71f5f1; }
  #article-nav .icon.style2:hover:active {
    background-color: rgba(113, 245, 241, 0.1);
    box-shadow: inset 0 0 0 1px #71f5f1;
    color: #71f5f1; }

#article-nav .icon.style3 svg:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #71f5f1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

footer .icon {
  color: #000000; }
  footer .icon span svg {
    color: #000000; }
  footer .icon a {
    color: #000000; }

footer .icon.style1:hover {
  color: #22ccdd; }
  footer .icon.style1:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #22ccdd; }
  footer .icon.style1:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #22ccdd; }
  footer .icon.style1:hover:active {
    background-color: rgba(34, 204, 221, 0.1);
    color: #22ccdd; }

footer .icon.style2 span .nav-text {
  padding-right: 20px; }

footer .icon.style2:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #22ccdd;
  color: #22ccdd;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  footer .icon.style2:hover svg path {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #22ccdd; }
  footer .icon.style2:hover span .nav-text {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #22ccdd; }
  footer .icon.style2:hover:active {
    background-color: rgba(34, 204, 221, 0.1);
    box-shadow: inset 0 0 0 1px #22ccdd;
    color: #22ccdd; }

footer .icon.style3 svg:hover {
  border-radius: _button(border-radius-after);
  box-shadow: inset 0 0 0 1px #22ccdd;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

/*
  Hugo-QuantaLumin

	A Hugo theme for scientific research and communication

  Copyright © QuantaLumin 2024
  All rights reserved
*/
/* Image */
.image, figure {
  border: 0;
  border-radius: 4px;
  display: inline-block;
  position: relative; }
  .image img, figure img {
    display: block;
    border-radius: 4px; }
  .image.left, .image.right, figure.left, figure.right {
    width: 40%;
    max-width: 50%;
    height: auto; }
    .image.left img, .image.right img, figure.left img, figure.right img {
      width: 100%;
      height: auto; }
  .image.left, figure.left {
    float: left;
    margin: 0 1.5rem 1rem 0;
    top: 0.25rem; }
  .image.right, figure.right {
    float: right;
    margin: 0 0 1rem 1.5rem;
    top: 0.25rem; }
  .image.fit, figure.fit {
    display: block;
    margin: 0 0 2rem 0;
    width: 100%; }
    .image.fit img, figure.fit img {
      width: 100%; }
  .image.centre, figure.centre {
    display: block;
    margin: 0 0 2rem 0;
    width: 50%; }
    .image.centre img, figure.centre img {
      width: 100%; }
  .image.main, figure.main {
    display: block;
    margin: 0 0 3rem 0;
    width: 100%; }
    .image.main img, figure.main img {
      width: 100%; }

.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

.image-gallery > figure {
  height: 300px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 0; }

.image-gallery figure img {
  -moz-object-fit: cover;
  -webkit-object-fit: cover;
  -ms-object-fit: cover;
  object-fit: cover;
  -moz-object-position: center;
  -webkit-object-position: center;
  -ms-object-position: center;
  object-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  vertical-align: middle;
  border-radius: 0;
  height: 300px; }

.image-gallery > figure {
  flex-grow: 1;
  /* ... */ }

/* Image */
.inline-figure figure {
  border: 0;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  padding: 0 1.5rem 0 0; }
  .inline-figure figure img {
    display: block;
    border-radius: 4px; }
  .inline-figure figure.left, .inline-figure figure.right {
    width: 20%;
    max-width: 20%; }
    .inline-figure figure.left img, .inline-figure figure.right img {
      width: 100%;
      height: 20%; }
  .inline-figure figure.left {
    float: left;
    margin: 0 1.5rem 1rem 0;
    top: 0.25rem; }
  .inline-figure figure.right {
    float: right;
    margin: 0 0 1rem 1.5rem;
    top: 0.25rem; }
  .inline-figure figure.fit {
    display: block;
    margin: 0 0 2rem 0;
    width: 100%; }
    .inline-figure figure.fit img {
      width: 100%; }
  .inline-figure figure.gallery-element {
    margin: 0;
    padding: 0;
    top: 0; }
    .inline-figure figure.gallery-element.onload-image-fade-up {
      -moz-transition: opacity 0.375s ease-in-out, -moz-transform 0.375s ease-in-out, z-index: 100;
      -webkit-transition: opacity 0.375s ease-in-out, -webkit-transform 0.375s ease-in-out, z-index: 100;
      -ms-transition: opacity 0.375s ease-in-out, -ms-transform 0.375s ease-in-out, z-index: 100;
      transition: opacity 0.375s ease-in-out, transform 0.375s ease-in-out, z-index: 100; }
      .inline-figure figure.gallery-element.onload-image-fade-up img {
        -moz-transition: opacity 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out;
        -moz-transition-delay: 0.5625s;
        -webkit-transition-delay: 0.5625s;
        -ms-transition-delay: 0.5625s;
        transition-delay: 0.5625s; }
      body.is-preload .inline-figure figure.gallery-element.onload-image-fade-up {
        -moz-transform: translateY(1rem);
        -webkit-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        transform: translateY(1rem);
        opacity: 0; }
        body.is-preload .inline-figure figure.gallery-element.onload-image-fade-up img {
          opacity: 0; }
    .inline-figure figure.gallery-element.onscroll-image-fade-up {
      -moz-transition: opacity 0.375s ease-in-out, -moz-transform 0.375s ease-in-out, z-index: 100;
      -webkit-transition: opacity 0.375s ease-in-out, -webkit-transform 0.375s ease-in-out, z-index: 100;
      -ms-transition: opacity 0.375s ease-in-out, -ms-transform 0.375s ease-in-out, z-index: 100;
      transition: opacity 0.375s ease-in-out, transform 0.375s ease-in-out, z-index: 100; }
      .inline-figure figure.gallery-element.onscroll-image-fade-up img {
        -moz-transition: opacity 0.75s ease-in-out;
        -webkit-transition: opacity 0.75s ease-in-out;
        -ms-transition: opacity 0.75s ease-in-out;
        transition: opacity 0.75s ease-in-out;
        -moz-transition-delay: 0.5625s;
        -webkit-transition-delay: 0.5625s;
        -ms-transition-delay: 0.5625s;
        transition-delay: 0.5625s; }
      .inline-figure figure.gallery-element.onscroll-image-fade-up.is-inactive {
        -moz-transform: translateY(1rem);
        -webkit-transform: translateY(1rem);
        -ms-transform: translateY(1rem);
        transform: translateY(1rem);
        opacity: 0; }
        .inline-figure figure.gallery-element.onscroll-image-fade-up.is-inactive img {
          opacity: 0; }
  .inline-figure figure.main {
    display: block;
    margin: 0 0 3rem 0;
    width: 100%; }
    .inline-figure figure.main img {
      width: 100%; }
  .inline-figure figure figcaption p {
    margin: 2rem 0 0.5rem 0; }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* List */
ol {
  list-style: decimal;
  margin: 0 0 2rem 0;
  padding-left: 1.25rem; }
  ol li {
    padding-left: 0.25rem; }

ul {
  text-align: left;
  list-style: disc;
  margin: 0 0 2rem 0;
  padding-left: 1rem; }
  ul ul {
    margin-bottom: 0; }
  ul li {
    padding-left: 0.5rem; }
  ul.alt {
    list-style: none;
    padding-left: 0; }
    ul.alt li {
      border-top: solid 1px;
      padding: 0.5rem 0; }
      ul.alt li:first-child {
        border-top: 0;
        padding-top: 0; }

dl {
  margin: 0 0 2rem 0; }
  dl dt {
    display: block;
    font-weight: 400;
    margin: 0 0 1rem 0; }
  dl dd {
    margin-left: 2rem; }
  dl.style2 dt {
    width: 25%;
    float: left; }
  dl.style2 dd {
    width: 70%;
    float: left; }
  dl.style2:after {
    content: '';
    display: block;
    clear: both; }

ul.alt li {
  border-top-color: rgba(1, 1, 1, 0.2); }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Actions */
ul.actions {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  cursor: default;
  list-style: none;
  margin-left: -1rem;
  padding-left: 0; }
  ul.actions li {
    padding: 0 0 0 1rem;
    vertical-align: middle; }
  ul.actions.special {
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 100%;
    margin-left: 0;
    align-items: center;
    justify-content: center; }
    ul.actions.special li:first-child {
      padding-left: 0; }
  ul.actions.stacked {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0; }
    ul.actions.stacked li {
      padding: 1.3rem 0 0 0; }
      ul.actions.stacked li:first-child {
        padding-top: 0; }
  ul.actions.fit {
    width: calc(100% + 1rem); }
    ul.actions.fit li {
      -moz-flex-grow: 1;
      -webkit-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      -moz-flex-shrink: 1;
      -webkit-flex-shrink: 1;
      -ms-flex-shrink: 1;
      flex-shrink: 1;
      width: 100%; }
      ul.actions.fit li > * {
        width: 100%; }
    ul.actions.fit.stacked {
      width: 100%; }
  @media screen and (max-width: 481px) {
    ul.actions:not(.fixed) {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-left: 0;
      width: 100% !important; }
      ul.actions:not(.fixed) li {
        -moz-flex-grow: 1;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -moz-flex-shrink: 1;
        -webkit-flex-shrink: 1;
        -ms-flex-shrink: 1;
        flex-shrink: 1;
        display: flex;
        justify-content: center;
        padding: 1rem 0 0 0;
        text-align: center;
        width: 100%; }
        ul.actions:not(.fixed) li > * {
          width: 100%;
          display: flex;
          justify-content: center; }
        ul.actions:not(.fixed) li:first-child {
          padding-top: 0; }
        ul.actions:not(.fixed) li input[type="submit"],
        ul.actions:not(.fixed) li input[type="reset"],
        ul.actions:not(.fixed) li input[type="button"],
        ul.actions:not(.fixed) li button,
        ul.actions:not(.fixed) li .button {
          width: 100%; }
          ul.actions:not(.fixed) li input[type="submit"].icon:before,
          ul.actions:not(.fixed) li input[type="reset"].icon:before,
          ul.actions:not(.fixed) li input[type="button"].icon:before,
          ul.actions:not(.fixed) li button.icon:before,
          ul.actions:not(.fixed) li .button.icon:before {
            margin-left: -0.5rem; } }
/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Icons */
ul.icons {
  cursor: default;
  list-style: none;
  padding-left: 0;
  margin-bottom: 1vw; }
  ul.icons li {
    display: inline-block;
    padding: 0 0.75rem 0 0; }
    ul.icons li:last-child {
      padding-right: 0; }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Section/Article */
section.special, article.special {
  text-align: center; }

header p {
  position: relative;
  margin: -0.65rem 0 1.5rem 0;
  font-style: italic; }

header h1 + p {
  font-size: 1.375rem; }

header h2 + p {
  font-size: 1.25rem; }

header h3 + p {
  font-size: 1.1rem; }

header h4 + p,
header h5 + p,
header h6 + p {
  font-size: 0.9rem; }

header p {
  color: rgba(0, 0, 0, 0.75); }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Table */
.table-wrapper {
  -webkit-overflow-scrolling: touch;
  margin: 0 0 2rem 0;
  overflow-x: auto; }
  .table-wrapper > table {
    margin-bottom: 0; }

table {
  margin: 0 0 2rem 0;
  width: 100%; }
  table tbody tr {
    border: solid 1px;
    border-left: 0;
    border-right: 0; }
  table td {
    padding: 0.75rem 0.75rem; }
  table th {
    font-size: 0.9rem;
    font-weight: 400;
    padding: 0 0.75rem 0.75rem 0.75rem;
    text-align: left; }
  table thead {
    border-bottom: solid 2px; }
  table tfoot {
    border-top: solid 2px; }
  table.alt {
    border-collapse: separate; }
    table.alt tbody tr td {
      border: solid 1px;
      border-left-width: 0;
      border-top-width: 0; }
      table.alt tbody tr td:first-child {
        border-left-width: 1px; }
    table.alt tbody tr:first-child td {
      border-top-width: 1px; }
    table.alt thead {
      border-bottom: 0; }
    table.alt tfoot {
      border-top: 0; }
  table.fixed {
    table-layout: fixed; }

table tbody tr {
  border-color: rgba(1, 1, 1, 0.2); }
  table tbody tr:nth-child(2n + 1) {
    background-color: rgba(1, 1, 1, 0.05); }
  table tbody tr.alt {
    background-color: rgba(1, 1, 1, 0.05) !important; }

table th {
  color: #000000; }

table thead {
  border-bottom-color: rgba(1, 1, 1, 0.2); }

table tfoot {
  border-top-color: rgba(1, 1, 1, 0.2); }

table.alt tbody tr td {
  border-color: rgba(1, 1, 1, 0.2); }

table.uniform tbody tr:nth-child(2n + 1) {
  background-color: transparent; }

/* Responsive Table */
/* tablet breakpoint */
/* TODO use var for min-width */
/* TODO include additional breakpoints */
.responsive-columns {
  /* container */
  display: flex;
  flex-wrap: wrap;
  /* columns */ }
  .responsive-columns > * {
    width: 100%;
    padding: 1rem; }
  @media screen and (min-width: 736px) {
    .responsive-columns > * {
      width: 50%; } }
  @media screen and (min-width: 1280px) {
    .responsive-columns > * {
      width: 33%; } }
  @media screen and (min-width: 1680px) {
    .responsive-columns > * {
      width: 25%; } }
/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Banner (transitions) */
.banner {
  overflow: hidden;
  display: block; }
  .banner figcaption {
    padding-top: 1.5rem; }
  .banner iframe {
    -ms-zoom: 0.5;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0; }
  .banner iframe {
    width: 200% !important;
    height: 200% !important;
    margin-bottom: -180%; }
  .banner figure {
    z-index: 100; }
    .banner figure p {
      display: None; }
  .banner canvas {
    z-index: 500;
    width: 100% !important;
    height: 100% !important; }
  .banner.onload-content-fade-up .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 1;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 1;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 1;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 1; }
  body.is-preload .banner.onload-content-fade-up .content {
    -moz-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0; }
  .banner.onload-content-fade-down .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 1;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 1;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 1;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 1; }
  body.is-preload .banner.onload-content-fade-down .content {
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    opacity: 0; }
  .banner.onload-content-fade-left .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 1;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 1;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 1;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 1; }
  body.is-preload .banner.onload-content-fade-left .content {
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0; }
  .banner.onload-content-fade-right .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 1;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 1;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 1;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 1; }
  body.is-preload .banner.onload-content-fade-right .content {
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 0; }
  .banner.onload-content-fade-in .content {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out; }
  body.is-preload .banner.onload-content-fade-in .content {
    opacity: 0; }
  .banner.onload-figure-fade-up figure {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 100;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 100;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 100;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 100; }
    .banner.onload-figure-fade-up figure img, .banner.onload-figure-fade-up figure canvas, .banner.onload-figure-fade-up figure iframe {
      -moz-transition: opacity 0.75s ease-in-out;
      -webkit-transition: opacity 0.75s ease-in-out;
      -ms-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
      -moz-transition-delay: 0.5625s;
      -webkit-transition-delay: 0.5625s;
      -ms-transition-delay: 0.5625s;
      transition-delay: 0.5625s; }
  body.is-preload .banner.onload-figure-fade-up figure {
    -moz-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0; }
    body.is-preload .banner.onload-figure-fade-up figure img, body.is-preload .banner.onload-figure-fade-up figure canvas, body.is-preload .banner.onload-figure-fade-up figure iframe {
      opacity: 0; }
  .banner.onload-figure-fade-down figure {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 100;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 100;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 100;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 100; }
    .banner.onload-figure-fade-down figure img, .banner.onload-figure-fade-down figure canvas, .banner.onload-figure-fade-down figure iframe {
      -moz-transition: opacity 0.75s ease-in-out;
      -webkit-transition: opacity 0.75s ease-in-out;
      -ms-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
      -moz-transition-delay: 0.5625s;
      -webkit-transition-delay: 0.5625s;
      -ms-transition-delay: 0.5625s;
      transition-delay: 0.5625s; }
  body.is-preload .banner.onload-figure-fade-down figure {
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    opacity: 0; }
    body.is-preload .banner.onload-figure-fade-down figure img, body.is-preload .banner.onload-figure-fade-down figure canvas, body.is-preload .banner.onload-figure-fade-down figure iframe {
      opacity: 0; }
  .banner.onload-figure-fade-left figure {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 100;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 100;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 100;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 100; }
    .banner.onload-figure-fade-left figure img, .banner.onload-figure-fade-left figure canvas, .banner.onload-figure-fade-left figure iframe {
      -moz-transition: opacity 0.75s ease-in-out;
      -webkit-transition: opacity 0.75s ease-in-out;
      -ms-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
      -moz-transition-delay: 0.5625s;
      -webkit-transition-delay: 0.5625s;
      -ms-transition-delay: 0.5625s;
      transition-delay: 0.5625s; }
  body.is-preload .banner.onload-figure-fade-left figure {
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0; }
    body.is-preload .banner.onload-figure-fade-left figure img, body.is-preload .banner.onload-figure-fade-left figure canvas, body.is-preload .banner.onload-figure-fade-left figure iframe {
      opacity: 0; }
  .banner.onload-figure-fade-right figure {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 100;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 100;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 100;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 100; }
    .banner.onload-figure-fade-right figure img, .banner.onload-figure-fade-right figure canvas, .banner.onload-figure-fade-right figure iframe {
      -moz-transition: opacity 0.75s ease-in-out;
      -webkit-transition: opacity 0.75s ease-in-out;
      -ms-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
      -moz-transition-delay: 0.5625s;
      -webkit-transition-delay: 0.5625s;
      -ms-transition-delay: 0.5625s;
      transition-delay: 0.5625s; }
  body.is-preload .banner.onload-figure-fade-right figure {
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 0; }
    body.is-preload .banner.onload-figure-fade-right figure img, body.is-preload .banner.onload-figure-fade-right figure canvas, body.is-preload .banner.onload-figure-fade-right figure iframe {
      opacity: 0; }
  .banner.onload-figure-fade-in figure img, .banner.onload-figure-fade-in figure canvas, .banner.onload-figure-fade-in figure iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out; }
  body.is-preload .banner.onload-figure-fade-in figure img, body.is-preload .banner.onload-figure-fade-in figure canvas, body.is-preload .banner.onload-figure-fade-in figure iframe {
    opacity: 0; }
  .banner.onscroll-content-fade-up .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 1;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 1;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 1;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 1; }
  .banner.onscroll-content-fade-up.is-inactive .content {
    -moz-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0; }
  .banner.onscroll-content-fade-down .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 1;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 1;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 1;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 1; }
  .banner.onscroll-content-fade-down.is-inactive .content {
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    opacity: 0; }
  .banner.onscroll-content-fade-left .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 1;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 1;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 1;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 1; }
  .banner.onscroll-content-fade-left.is-inactive .content {
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0; }
  .banner.onscroll-content-fade-right .content {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 1;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 1;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 1;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 1; }
  .banner.onscroll-content-fade-right.is-inactive .content {
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 0; }
  .banner.onscroll-content-fade-in .content {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out; }
  .banner.onscroll-content-fade-in.is-inactive .content {
    opacity: 0; }
  .banner.onscroll-figure-fade-up figure {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 100;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 100;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 100;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 100; }
    .banner.onscroll-figure-fade-up figure img, .banner.onscroll-figure-fade-up figure canvas, .banner.onscroll-figure-fade-up figure iframe {
      -moz-transition: opacity 0.75s ease-in-out;
      -webkit-transition: opacity 0.75s ease-in-out;
      -ms-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
      -moz-transition-delay: 0.5625s;
      -webkit-transition-delay: 0.5625s;
      -ms-transition-delay: 0.5625s;
      transition-delay: 0.5625s; }
  .banner.onscroll-figure-fade-up.is-inactive figure {
    -moz-transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0; }
    .banner.onscroll-figure-fade-up.is-inactive figure img, .banner.onscroll-figure-fade-up.is-inactive figure canvas, .banner.onscroll-figure-fade-up.is-inactive figure iframe {
      opacity: 0; }
  .banner.onscroll-figure-fade-down figure {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 100;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 100;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 100;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 100; }
    .banner.onscroll-figure-fade-down figure img, .banner.onscroll-figure-fade-down figure canvas, .banner.onscroll-figure-fade-down figure iframe {
      -moz-transition: opacity 0.75s ease-in-out;
      -webkit-transition: opacity 0.75s ease-in-out;
      -ms-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
      -moz-transition-delay: 0.5625s;
      -webkit-transition-delay: 0.5625s;
      -ms-transition-delay: 0.5625s;
      transition-delay: 0.5625s; }
  .banner.onscroll-figure-fade-down.is-inactive figure {
    -moz-transform: translateY(-1rem);
    -webkit-transform: translateY(-1rem);
    -ms-transform: translateY(-1rem);
    transform: translateY(-1rem);
    opacity: 0; }
    .banner.onscroll-figure-fade-down.is-inactive figure img, .banner.onscroll-figure-fade-down.is-inactive figure canvas, .banner.onscroll-figure-fade-down.is-inactive figure iframe {
      opacity: 0; }
  .banner.onscroll-figure-fade-left figure {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 100;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 100;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 100;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 100; }
    .banner.onscroll-figure-fade-left figure img, .banner.onscroll-figure-fade-left figure canvas, .banner.onscroll-figure-fade-left figure iframe {
      -moz-transition: opacity 0.75s ease-in-out;
      -webkit-transition: opacity 0.75s ease-in-out;
      -ms-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
      -moz-transition-delay: 0.5625s;
      -webkit-transition-delay: 0.5625s;
      -ms-transition-delay: 0.5625s;
      transition-delay: 0.5625s; }
  .banner.onscroll-figure-fade-left.is-inactive figure {
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0; }
    .banner.onscroll-figure-fade-left.is-inactive figure img, .banner.onscroll-figure-fade-left.is-inactive figure canvas, .banner.onscroll-figure-fade-left.is-inactive figure iframe {
      opacity: 0; }
  .banner.onscroll-figure-fade-right figure {
    -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out, z-index: 100;
    -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out, z-index: 100;
    -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out, z-index: 100;
    transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out, z-index: 100; }
    .banner.onscroll-figure-fade-right figure img, .banner.onscroll-figure-fade-right figure canvas, .banner.onscroll-figure-fade-right figure iframe {
      -moz-transition: opacity 0.75s ease-in-out;
      -webkit-transition: opacity 0.75s ease-in-out;
      -ms-transition: opacity 0.75s ease-in-out;
      transition: opacity 0.75s ease-in-out;
      -moz-transition-delay: 0.5625s;
      -webkit-transition-delay: 0.5625s;
      -ms-transition-delay: 0.5625s;
      transition-delay: 0.5625s; }
  .banner.onscroll-figure-fade-right.is-inactive figure {
    -moz-transform: translateX(-1rem);
    -webkit-transform: translateX(-1rem);
    -ms-transform: translateX(-1rem);
    transform: translateX(-1rem);
    opacity: 0; }
    .banner.onscroll-figure-fade-right.is-inactive figure img, .banner.onscroll-figure-fade-right.is-inactive figure canvas, .banner.onscroll-figure-fade-right.is-inactive figure iframe {
      opacity: 0; }
  .banner.onscroll-figure-fade-in figure img, .banner.onscroll-figure-fade-in figure canvas, .banner.onscroll-figure-fade-in figure iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out; }
  .banner.onscroll-figure-fade-in.is-inactive figure img, .banner.onscroll-figure-fade-in.is-inactive figure canvas, .banner.onscroll-figure-fade-in.is-inactive figure iframe {
    opacity: 0; }

/* Banner (style1) */
.banner.style1 {
  -moz-align-items: -moz-stretch;
  -webkit-align-items: -webkit-stretch;
  -ms-align-items: -ms-stretch;
  align-items: stretch;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: -moz-flex-end;
  -webkit-justify-content: -webkit-flex-end;
  -ms-justify-content: -ms-flex-end;
  justify-content: flex-end;
  position: relative;
  text-align: left; }
  .banner.style1 .content {
    padding: 7rem 7rem 5rem 7rem ;
    -moz-align-self: center;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    width: 50%;
    max-width: 48rem;
    margin: 0 auto; }
  .banner.style1 figure {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    border-radius: 0;
    width: 50%; }
    .banner.style1 figure img, .banner.style1 figure canvas, .banner.style1 figure iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0; }
  @media screen and (max-width: 1281px) {
    .banner.style1 .content {
      padding: 5rem 5rem 3rem 5rem ; } }
  @media screen and (max-width: 1281px) {
    .banner.style1 .content {
      padding: 4rem 4rem 2rem 4rem ; } }
  @media screen and (max-width: 981px) {
    .banner.style1 .content {
      padding: 3.75rem 3rem 1.75rem 3rem ; } }
  @media screen and (max-width: 737px) {
    .banner.style1 .content {
      padding: 2.5rem 2rem 0.5rem 2rem ; } }
  @media screen and (orientation: portrait) {
    .banner.style1 {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center; }
      .banner.style1 .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100%;
        max-width: 100%; }
      .banner.style1 figure {
        width: 100%;
        max-width: 100%;
        height: 45vh; } }
  .banner.style1.fullscreen {
    min-height: 100vh; }
    @media screen and (orientation: portrait) {
      .banner.style1.fullscreen .content {
        min-height: 50vh; } }
  .banner.style1.halfscreen {
    min-height: 50vh; }
    @media screen and (orientation: portrait) {
      .banner.style1.halfscreen .content {
        min-height: 50vh; }
      .banner.style1.halfscreen figure {
        height: 50vh; } }
  @media screen and (orientation: portrait) {
    .banner.style1.orient-left {
      -moz-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; } }
  .banner.style1.orient-right {
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    @media screen and (orientation: portrait) {
      .banner.style1.orient-right {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
  .banner.style1.content-align-center {
    text-align: center; }
  .banner.style1.content-align-right {
    text-align: right; }
    @media screen and (orientation: portrait) {
      .banner.style1.content-align-right {
        text-align: center; } }
  .banner.style1.figure-position-left figure img, .banner.style1.figure-position-left figure canvas, .banner.style1.figure-position-left figure iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .banner.style1.figure-position-right figure img, .banner.style1.figure-position-right figure canvas, .banner.style1.figure-position-right figure iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }

/* Banner (style2) */
.banner.style2 {
  padding: 5.25rem 5.25rem 3.25rem 5.25rem ;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-color: inherit;
  position: relative;
  text-align: center;
  height: 100vh; }
  .banner.style2 .content {
    padding: 5.25rem 5.25rem 3.25rem 5.25rem ;
    position: relative;
    width: 40rem;
    max-width: 100%;
    background-color: inherit;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    z-index: 1; }
  .banner.style2 figure {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0; }
    .banner.style2 figure img, .banner.style2 figure canvas, .banner.style2 figure iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0; }
  .banner.style2 svg {
    height: 100vh;
    -moz-transform: translateY(-0vh);
    -webkit-transform: translateY(-0vh);
    -ms-transform: translateY(-0vh);
    transform: translateY(-0vh); }
  @media screen and (max-width: 1281px) {
    .banner.style2 {
      padding: 3.75rem 3.75rem 1.75rem 3.75rem ;
      height: 150vh; }
      .banner.style2 .content {
        padding: 3.75rem 3.75rem 1.75rem 3.75rem ; }
      .banner.style2 svg {
        height: 150vh; } }
  @media screen and (max-width: 1281px) {
    .banner.style2 {
      padding: 4rem 3rem 2rem 3rem ;
      height: 94vh; }
      .banner.style2 .content {
        padding: 4rem 3rem 2rem 3rem ; }
      .banner.style2 svg {
        height: 100vh;
        width: 150vw;
        -moz-transform: translateX(-22vw);
        -webkit-transform: translateX(-22vw);
        -ms-transform: translateX(-22vw);
        transform: translateX(-22vw); } }
  @media screen and (max-width: 981px) {
    .banner.style2 {
      padding: 3rem 3rem 1rem 3rem ;
      height: 90vh; }
      .banner.style2 .content {
        padding: 3.75rem 2.25rem 1.75rem 2.25rem ; }
      .banner.style2 svg {
        height: 90vh;
        -moz-transform: translateY(-10vh);
        -webkit-transform: translateY(-10vh);
        -ms-transform: translateY(-10vh);
        transform: translateY(-10vh);
        width: 180vw;
        -moz-transform: translateX(-39vw);
        -webkit-transform: translateX(-39vw);
        -ms-transform: translateX(-39vw);
        transform: translateX(-39vw); } }
  @media screen and (max-width: 737px) {
    .banner.style2 {
      padding: 2rem 2rem 0.1rem 2rem ;
      height: 76vh; }
      .banner.style2 .content {
        padding: 2.5rem 1.5rem 0.5rem 1.5rem ; }
      .banner.style2 svg {
        height: 80vh;
        -moz-transform: translateY(-10vh);
        -webkit-transform: translateY(-10vh);
        -ms-transform: translateY(-10vh);
        transform: translateY(-10vh);
        -moz-transform: translateX(-37vw);
        -webkit-transform: translateX(-37vw);
        -ms-transform: translateX(-37vw);
        transform: translateX(-37vw); } }
  .banner.style2.fullscreen {
    min-height: 100vh; }
  .banner.style2.orient-left {
    -moz-justify-content: -moz-flex-start;
    -webkit-justify-content: -webkit-flex-start;
    -ms-justify-content: -ms-flex-start;
    justify-content: flex-start;
    padding-left: 0; }
    .banner.style2.orient-left .content {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .banner.style2.orient-right {
    -moz-justify-content: -moz-flex-end;
    -webkit-justify-content: -webkit-flex-end;
    -ms-justify-content: -ms-flex-end;
    justify-content: flex-end;
    padding-right: 0; }
    .banner.style2.orient-right .content {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .banner.style2.content-align-left {
    text-align: left; }
  .banner.style2.content-align-right {
    text-align: right; }
  .banner.style2.figure-position-left figure img, .banner.style2.figure-position-left figure canvas, .banner.style2.figure-position-left figure iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .banner.style2.figure-position-right figure img, .banner.style2.figure-position-right figure canvas, .banner.style2.figure-position-right figure iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }
  .banner.style2.halfscreen {
    height: 50vh; }
    @media screen and (orientation: portrait) {
      .banner.style2.halfscreen .content {
        min-height: 50vh; }
      .banner.style2.halfscreen figure {
        height: 50vh; } }
/* Banner (style3) */
.banner.style3 {
  padding: 7rem 7rem 5rem 7rem ;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
  text-align: left; }
  .banner.style3 .content {
    width: 100%;
    max-width: 100%; }
  .banner.style3 figure {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 21rem;
    height: 21rem;
    border-radius: 100%;
    margin: 0 3.5rem 2rem 0; }
    .banner.style3 figure img, .banner.style3 figure canvas, .banner.style3 figure iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 100%; }
  @media screen and (max-width: 1281px) {
    .banner.style3 {
      padding: 5rem 5rem 3rem 5rem ; } }
  @media screen and (max-width: 1281px) {
    .banner.style3 {
      padding: 4rem 4rem 2rem 4rem ; } }
  @media screen and (max-width: 981px) {
    .banner.style3 {
      padding: 3.75rem 3.75rem 1.75rem 3.75rem ; }
      .banner.style3 figure {
        width: 18.375rem !important;
        height: 18.375rem !important; } }
  @media screen and (max-width: 737px) {
    .banner.style3 {
      padding: 2.5rem 2.5rem 0.5rem 2.5rem ;
      -moz-align-items: -moz-flex-start;
      -webkit-align-items: -webkit-flex-start;
      -ms-align-items: -ms-flex-start;
      align-items: flex-start; }
      .banner.style3 figure {
        width: 15.75rem !important;
        height: 15.75rem !important;
        margin: 0 2rem 2rem 0; } }
  @media screen and (orientation: portrait) {
    .banner.style3 {
      -moz-align-items: center;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -moz-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      text-align: center; }
      .banner.style3 .content {
        width: 34rem;
        max-width: 100%; }
      .banner.style3 figure {
        margin-right: 0; } }
  .banner.style3.fullscreen {
    min-height: 100vh; }
  .banner.style3.halfscreen {
    min-height: 50vh; }
  .banner.style3.orient-left {
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .banner.style3.orient-left figure {
      margin: 0 0 2rem 3.5rem; }
    @media screen and (max-width: 737px) {
      .banner.style3.orient-left figure {
        margin: 0 0 2rem 2rem; } }
    @media screen and (orientation: portrait) {
      .banner.style3.orient-left {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
        .banner.style3.orient-left figure {
          margin-left: 0; } }
/* Banner (style4) */
.banner.style4 {
  padding: 7rem 7rem 5rem 7rem ;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
  text-align: left; }
  .banner.style4 .content {
    width: 31.5rem;
    max-width: 100%; }
  .banner.style4 figure {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    border-radius: 0;
    border: solid 1px;
    width: 13rem;
    height: 23.11111111rem;
    margin-top: 2.5rem;
    margin-bottom: 5rem;
    margin-right: 3.5rem; }
    .banner.style4 figure img, .banner.style4 figure canvas, .banner.style4 figure iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 0; }
    .banner.style4 figure:before {
      content: '';
      display: block;
      background-position: center;
      background-repeat: no-repeat;
      border: solid 1px;
      border-bottom: 0; }
    .banner.style4 figure:after {
      content: '';
      display: block;
      background-position: center;
      background-repeat: no-repeat;
      border: solid 1px;
      border-top: 0; }
    .banner.style4 figure:before {
      height: 2.5rem;
      background-size: 64px 32px;
      margin-top: -2.5rem;
      border-radius: 1rem 1rem 0 0; }
    .banner.style4 figure:after {
      height: 3rem;
      background-size: 64px 32px;
      margin-bottom: -3rem;
      border-radius: 0 0 1rem 1rem; }
  @media screen and (max-width: 1281px) {
    .banner.style4 {
      padding: 5rem 5rem 3rem 5rem ; } }
  @media screen and (max-width: 1281px) {
    .banner.style4 {
      padding: 4rem 4rem 2rem 4rem ; } }
  @media screen and (max-width: 981px) {
    .banner.style4 {
      padding: 3.75rem 3rem 1.75rem 3rem ; }
      .banner.style4 figure {
        width: 11.375rem;
        height: 20.22222222rem;
        margin-top: 2.1875rem;
        margin-bottom: 4.625rem; }
        .banner.style4 figure:before {
          height: 2.1875rem;
          background-size: 56px 28px;
          margin-top: -2.1875rem;
          border-radius: 0.875rem 0.875rem 0 0; }
        .banner.style4 figure:after {
          height: 2.625rem;
          background-size: 56px 28px;
          margin-bottom: -2.625rem;
          border-radius: 0 0 0.875rem 0.875rem; }
        .banner.style4 figure iframe {
          width: 50%; } }
  @media screen and (max-width: 737px) {
    .banner.style4 {
      padding: 2.5rem 2rem 0.5rem 2rem ;
      -moz-align-items: -moz-flex-start;
      -webkit-align-items: -webkit-flex-start;
      -ms-align-items: -ms-flex-start;
      align-items: flex-start; }
      .banner.style4 iframe {
        -ms-zoom: 0.33;
        -moz-transform: scale(0.33);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.33);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.33);
        -webkit-transform-origin: 0 0; }
      .banner.style4 figure {
        width: 8.125rem;
        height: 14.44444444rem;
        margin-top: 1.5625rem;
        margin-bottom: 3.875rem; }
        .banner.style4 figure:before {
          height: 1.5625rem;
          background-size: 40px 20px;
          margin-top: -1.5625rem;
          border-radius: 0.625rem 0.625rem 0 0; }
        .banner.style4 figure:after {
          height: 1.875rem;
          background-size: 40px 20px;
          margin-bottom: -1.875rem;
          border-radius: 0 0 0.625rem 0.625rem; }
        .banner.style4 figure iframe {
          width: 300% !important;
          height: 300% !important;
          margin-bottom: -355%; } }
  @media screen and (orientation: portrait) {
    .banner.style4 {
      -moz-align-items: center;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -moz-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      text-align: center; }
      .banner.style4 .content {
        width: 34rem;
        max-width: 100%; }
      .banner.style4 figure {
        margin-right: 0;
        margin-left: 0; } }
  .banner.style4.fullscreen {
    min-height: 100vh; }
  .banner.style4.halfscreen {
    min-height: 50vh; }
  .banner.style4.orient-left {
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .banner.style4.orient-left figure {
      margin-right: 0;
      margin-left: 3.5rem; }
    @media screen and (orientation: portrait) {
      .banner.style4.orient-left {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
        .banner.style4.orient-left figure {
          margin-right: 0;
          margin-left: 0; } }
  .banner.style4.content-align-center {
    text-align: center; }
  .banner.style4.content-align-right {
    text-align: right; }
  .banner.style4.figure-position-left figure img, .banner.style4.figure-position-left figure canvas, .banner.style4.figure-position-left figure iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .banner.style4.figure-position-right figure img, .banner.style4.figure-position-right figure canvas, .banner.style4.figure-position-right figure iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }

/* Banner (style5) */
.banner.style5 {
  padding: 7rem 7rem 5rem 7rem ;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-color: inherit;
  position: relative;
  text-align: center; }
  .banner.style5 .content {
    position: relative;
    width: 40rem;
    max-width: 100%;
    margin-bottom: 2rem;
    z-index: 1; }
  .banner.style5 figure {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    opacity: 0.5; }
    .banner.style5 figure img, .banner.style5 figure canvas, .banner.style5 figure iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0; }
  @media screen and (max-width: 1281px) {
    .banner.style5 {
      padding: 5rem 5rem 3rem 5rem ; } }
  @media screen and (max-width: 1281px) {
    .banner.style5 {
      padding: 4rem 4rem 2rem 4rem ; } }
  @media screen and (max-width: 981px) {
    .banner.style5 {
      padding: 3.75rem 3rem 1.75rem 3rem ; } }
  @media screen and (max-width: 737px) {
    .banner.style5 {
      padding: 2.5rem 2rem 0.5rem 2rem ; } }
  .banner.style5.fullscreen {
    min-height: 100vh; }
  .banner.style5.halfscreen {
    min-height: 50vh; }
  .banner.style5.content-align-left {
    text-align: left; }
  .banner.style5.content-align-right {
    text-align: right; }
  .banner.style5.figure-position-left figure img, .banner.style5.figure-position-left figure canvas, .banner.style5.figure-position-left figure iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .banner.style5.figure-position-right figure img, .banner.style5.figure-position-right figure canvas, .banner.style5.figure-position-right figure iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }

.banner figure {
  background-color: #ffffff; }

.banner.invert figure {
  background-color: #ffffff; }

.banner.style4 figure {
  border-color: rgba(1, 1, 1, 0.2);
  background-color: rgba(1, 1, 1, 0.2);
  border-width: 0; }
  .banner.style4 figure:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: rgba(1, 1, 1, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='11' y='12' width='42' height='8' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    border-color: rgba(1, 1, 1, 0.2);
    width: 100%; }
  .banner.style4 figure:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: rgba(1, 1, 1, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Ccircle cx='32' cy='16' r='14' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    border-color: rgba(1, 1, 1, 0.2);
    width: 100%; }

.banner.style4.android figure:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: rgba(1, 1, 1, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='6' y='4' width='52' height='24' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E"); }

.banner.style4.invert figure {
  border-color: white;
  background-color: white;
  border-width: 1px; }
  .banner.style4.invert figure:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='11' y='12' width='42' height='8' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    border-color: white;
    width: calc(100% + 2px);
    margin-left: -1px; }
  .banner.style4.invert figure:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Ccircle cx='32' cy='16' r='14' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    border-color: white;
    width: calc(100% + 2px);
    margin-left: -1px; }

.banner.style4.invert.android figure:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='6' y='4' width='52' height='24' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E"); }

.banner.squeeze-bottom {
  padding-bottom: 0px; }

.banner.squeeze-top {
  padding-top: 0px; }

.banner.pad-bottom {
  padding-bottom: 2.5rem; }

.banner.pad-top {
  padding-top: 2.5rem; }

.banner.squeeze {
  padding-bottom: 0px;
  padding-top: 0px; }

.banner.pad {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

.banner.figure-preserve-aspect figure img {
  object-fit: contain; }

.banner.no-underline a {
  text-decoration: none; }

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

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

.banner.figure-position-left figure img, .banner.figure-position-left figure canvas, .banner.figure-position-left figure iframe {
  -moz-object-position: left;
  -webkit-object-position: left;
  -ms-object-position: left;
  object-position: left; }

.banner.figure-position-right figure img, .banner.figure-position-right figure canvas, .banner.figure-position-right figure iframe {
  -moz-object-position: right;
  -webkit-object-position: right;
  -ms-object-position: right;
  object-position: right; }

@media screen and (orientation: portrait) {
  banner.portrait-reverse {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Spotlight (transitions) */
.spotlight figure svg {
  width: 100%;
  height: 100%; }

.spotlight figcaption {
  padding-top: 1.5rem; }

.spotlight iframe {
  -ms-zoom: 0.5;
  -moz-transform: scale(0.5);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.5);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: 0 0; }

.spotlight.onload-content-fade-up .content {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }

body.is-preload .spotlight.onload-content-fade-up .content {
  -moz-transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0; }

.spotlight.onload-content-fade-down .content {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }

body.is-preload .spotlight.onload-content-fade-down .content {
  -moz-transform: translateY(-1rem);
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
  opacity: 0; }

.spotlight.onload-content-fade-left .content {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }

body.is-preload .spotlight.onload-content-fade-left .content {
  -moz-transform: translateX(1rem);
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem);
  opacity: 0; }

.spotlight.onload-content-fade-right .content {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }

body.is-preload .spotlight.onload-content-fade-right .content {
  -moz-transform: translateX(-1rem);
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  transform: translateX(-1rem);
  opacity: 0; }

.spotlight.onload-content-fade-in .content {
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out; }

body.is-preload .spotlight.onload-content-fade-in .content {
  opacity: 0; }

.spotlight.onload-image-fade-up figure, .spotlight.onload-image-fade-up canvas {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }
  .spotlight.onload-image-fade-up figure img, .spotlight.onload-image-fade-up figure canvas, .spotlight.onload-image-fade-up figure iframe, .spotlight.onload-image-fade-up canvas img, .spotlight.onload-image-fade-up canvas canvas, .spotlight.onload-image-fade-up canvas iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s; }

body.is-preload .spotlight.onload-image-fade-up figure, body.is-preload .spotlight.onload-image-fade-up canvas {
  -moz-transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0; }
  body.is-preload .spotlight.onload-image-fade-up figure img, body.is-preload .spotlight.onload-image-fade-up figure canvas, body.is-preload .spotlight.onload-image-fade-up figure iframe, body.is-preload .spotlight.onload-image-fade-up canvas img, body.is-preload .spotlight.onload-image-fade-up canvas canvas, body.is-preload .spotlight.onload-image-fade-up canvas iframe {
    opacity: 0; }

.spotlight.onload-image-fade-down figure, .spotlight.onload-image-fade-down canvas {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }
  .spotlight.onload-image-fade-down figure img, .spotlight.onload-image-fade-down figure canvas, .spotlight.onload-image-fade-down figure iframe, .spotlight.onload-image-fade-down canvas img, .spotlight.onload-image-fade-down canvas canvas, .spotlight.onload-image-fade-down canvas iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s; }

body.is-preload .spotlight.onload-image-fade-down figure, body.is-preload .spotlight.onload-image-fade-down canvas {
  -moz-transform: translateY(-1rem);
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
  opacity: 0; }
  body.is-preload .spotlight.onload-image-fade-down figure img, body.is-preload .spotlight.onload-image-fade-down figure canvas, body.is-preload .spotlight.onload-image-fade-down figure iframe, body.is-preload .spotlight.onload-image-fade-down canvas img, body.is-preload .spotlight.onload-image-fade-down canvas canvas, body.is-preload .spotlight.onload-image-fade-down canvas iframe {
    opacity: 0; }

.spotlight.onload-image-fade-left figure, .spotlight.onload-image-fade-left canvas {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }
  .spotlight.onload-image-fade-left figure img, .spotlight.onload-image-fade-left figure canvas, .spotlight.onload-image-fade-left figure iframe, .spotlight.onload-image-fade-left canvas img, .spotlight.onload-image-fade-left canvas canvas, .spotlight.onload-image-fade-left canvas iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s; }

body.is-preload .spotlight.onload-image-fade-left figure, body.is-preload .spotlight.onload-image-fade-left canvas {
  -moz-transform: translateX(1rem);
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem);
  opacity: 0; }
  body.is-preload .spotlight.onload-image-fade-left figure img, body.is-preload .spotlight.onload-image-fade-left figure canvas, body.is-preload .spotlight.onload-image-fade-left figure iframe, body.is-preload .spotlight.onload-image-fade-left canvas img, body.is-preload .spotlight.onload-image-fade-left canvas canvas, body.is-preload .spotlight.onload-image-fade-left canvas iframe {
    opacity: 0; }

.spotlight.onload-image-fade-right figure, .spotlight.onload-image-fade-right canvas {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }
  .spotlight.onload-image-fade-right figure img, .spotlight.onload-image-fade-right figure canvas, .spotlight.onload-image-fade-right figure iframe, .spotlight.onload-image-fade-right canvas img, .spotlight.onload-image-fade-right canvas canvas, .spotlight.onload-image-fade-right canvas iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s; }

body.is-preload .spotlight.onload-image-fade-right figure, body.is-preload .spotlight.onload-image-fade-right canvas {
  -moz-transform: translateX(-1rem);
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  transform: translateX(-1rem);
  opacity: 0; }
  body.is-preload .spotlight.onload-image-fade-right figure img, body.is-preload .spotlight.onload-image-fade-right figure canvas, body.is-preload .spotlight.onload-image-fade-right figure iframe, body.is-preload .spotlight.onload-image-fade-right canvas img, body.is-preload .spotlight.onload-image-fade-right canvas canvas, body.is-preload .spotlight.onload-image-fade-right canvas iframe {
    opacity: 0; }

.spotlight.onload-image-fade-in figure img, .spotlight.onload-image-fade-in figure canvas, .spotlight.onload-image-fade-in figure iframe, .spotlight.onload-image-fade-in canvas img, .spotlight.onload-image-fade-in canvas canvas, .spotlight.onload-image-fade-in canvas iframe {
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out; }

body.is-preload .spotlight.onload-image-fade-in figure img, body.is-preload .spotlight.onload-image-fade-in figure canvas, body.is-preload .spotlight.onload-image-fade-in figure iframe, body.is-preload .spotlight.onload-image-fade-in canvas img, body.is-preload .spotlight.onload-image-fade-in canvas canvas, body.is-preload .spotlight.onload-image-fade-in canvas iframe {
  opacity: 0; }

.spotlight.onscroll-content-fade-up .content {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }

.spotlight.onscroll-content-fade-up.is-inactive .content {
  -moz-transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0; }

.spotlight.onscroll-content-fade-down .content {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }

.spotlight.onscroll-content-fade-down.is-inactive .content {
  -moz-transform: translateY(-1rem);
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
  opacity: 0; }

.spotlight.onscroll-content-fade-left .content {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }

.spotlight.onscroll-content-fade-left.is-inactive .content {
  -moz-transform: translateX(1rem);
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem);
  opacity: 0; }

.spotlight.onscroll-content-fade-right .content {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }

.spotlight.onscroll-content-fade-right.is-inactive .content {
  -moz-transform: translateX(-1rem);
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  transform: translateX(-1rem);
  opacity: 0; }

.spotlight.onscroll-content-fade-in .content {
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out; }

.spotlight.onscroll-content-fade-in.is-inactive .content {
  opacity: 0; }

.spotlight.onscroll-image-fade-up figure, .spotlight.onscroll-image-fade-up canvas {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }
  .spotlight.onscroll-image-fade-up figure img, .spotlight.onscroll-image-fade-up figure canvas, .spotlight.onscroll-image-fade-up figure iframe, .spotlight.onscroll-image-fade-up canvas img, .spotlight.onscroll-image-fade-up canvas canvas, .spotlight.onscroll-image-fade-up canvas iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s; }

.spotlight.onscroll-image-fade-up.is-inactive figure, .spotlight.onscroll-image-fade-up.is-inactive canvas {
  -moz-transform: translateY(1rem);
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  opacity: 0; }
  .spotlight.onscroll-image-fade-up.is-inactive figure img, .spotlight.onscroll-image-fade-up.is-inactive figure canvas, .spotlight.onscroll-image-fade-up.is-inactive figure iframe, .spotlight.onscroll-image-fade-up.is-inactive canvas img, .spotlight.onscroll-image-fade-up.is-inactive canvas canvas, .spotlight.onscroll-image-fade-up.is-inactive canvas iframe {
    opacity: 0; }

.spotlight.onscroll-image-fade-down figure, .spotlight.onscroll-image-fade-down canvas {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }
  .spotlight.onscroll-image-fade-down figure img, .spotlight.onscroll-image-fade-down figure canvas, .spotlight.onscroll-image-fade-down figure iframe, .spotlight.onscroll-image-fade-down canvas img, .spotlight.onscroll-image-fade-down canvas canvas, .spotlight.onscroll-image-fade-down canvas iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s; }

.spotlight.onscroll-image-fade-down.is-inactive figure, .spotlight.onscroll-image-fade-down.is-inactive canvas {
  -moz-transform: translateY(-1rem);
  -webkit-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  transform: translateY(-1rem);
  opacity: 0; }
  .spotlight.onscroll-image-fade-down.is-inactive figure img, .spotlight.onscroll-image-fade-down.is-inactive figure canvas, .spotlight.onscroll-image-fade-down.is-inactive figure iframe, .spotlight.onscroll-image-fade-down.is-inactive canvas img, .spotlight.onscroll-image-fade-down.is-inactive canvas canvas, .spotlight.onscroll-image-fade-down.is-inactive canvas iframe {
    opacity: 0; }

.spotlight.onscroll-image-fade-left figure, .spotlight.onscroll-image-fade-left canvas {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }
  .spotlight.onscroll-image-fade-left figure img, .spotlight.onscroll-image-fade-left figure canvas, .spotlight.onscroll-image-fade-left figure iframe, .spotlight.onscroll-image-fade-left canvas img, .spotlight.onscroll-image-fade-left canvas canvas, .spotlight.onscroll-image-fade-left canvas iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s; }

.spotlight.onscroll-image-fade-left.is-inactive figure, .spotlight.onscroll-image-fade-left.is-inactive canvas {
  -moz-transform: translateX(1rem);
  -webkit-transform: translateX(1rem);
  -ms-transform: translateX(1rem);
  transform: translateX(1rem);
  opacity: 0; }
  .spotlight.onscroll-image-fade-left.is-inactive figure img, .spotlight.onscroll-image-fade-left.is-inactive figure canvas, .spotlight.onscroll-image-fade-left.is-inactive figure iframe, .spotlight.onscroll-image-fade-left.is-inactive canvas img, .spotlight.onscroll-image-fade-left.is-inactive canvas canvas, .spotlight.onscroll-image-fade-left.is-inactive canvas iframe {
    opacity: 0; }

.spotlight.onscroll-image-fade-right figure, .spotlight.onscroll-image-fade-right canvas {
  -moz-transition: opacity 0.75s ease-in-out, -moz-transform 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out, -webkit-transform 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out, -ms-transform 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out, transform 0.75s ease-in-out; }
  .spotlight.onscroll-image-fade-right figure img, .spotlight.onscroll-image-fade-right figure canvas, .spotlight.onscroll-image-fade-right figure iframe, .spotlight.onscroll-image-fade-right canvas img, .spotlight.onscroll-image-fade-right canvas canvas, .spotlight.onscroll-image-fade-right canvas iframe {
    -moz-transition: opacity 0.75s ease-in-out;
    -webkit-transition: opacity 0.75s ease-in-out;
    -ms-transition: opacity 0.75s ease-in-out;
    transition: opacity 0.75s ease-in-out;
    -moz-transition-delay: 0.5625s;
    -webkit-transition-delay: 0.5625s;
    -ms-transition-delay: 0.5625s;
    transition-delay: 0.5625s; }

.spotlight.onscroll-image-fade-right.is-inactive figure, .spotlight.onscroll-image-fade-right.is-inactive canvas {
  -moz-transform: translateX(-1rem);
  -webkit-transform: translateX(-1rem);
  -ms-transform: translateX(-1rem);
  transform: translateX(-1rem);
  opacity: 0; }
  .spotlight.onscroll-image-fade-right.is-inactive figure img, .spotlight.onscroll-image-fade-right.is-inactive figure canvas, .spotlight.onscroll-image-fade-right.is-inactive figure iframe, .spotlight.onscroll-image-fade-right.is-inactive canvas img, .spotlight.onscroll-image-fade-right.is-inactive canvas canvas, .spotlight.onscroll-image-fade-right.is-inactive canvas iframe {
    opacity: 0; }

.spotlight.onscroll-image-fade-in figure img, .spotlight.onscroll-image-fade-in figure canvas, .spotlight.onscroll-image-fade-in figure iframe, .spotlight.onscroll-image-fade-in canvas img, .spotlight.onscroll-image-fade-in canvas canvas, .spotlight.onscroll-image-fade-in canvas iframe {
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out; }

.spotlight.onscroll-image-fade-in.is-inactive figure img, .spotlight.onscroll-image-fade-in.is-inactive figure canvas, .spotlight.onscroll-image-fade-in.is-inactive figure iframe, .spotlight.onscroll-image-fade-in.is-inactive canvas img, .spotlight.onscroll-image-fade-in.is-inactive canvas canvas, .spotlight.onscroll-image-fade-in.is-inactive canvas iframe {
  opacity: 0; }

/* Spotlight (style1) */
.spotlight.style1 {
  -moz-align-items: -moz-stretch;
  -webkit-align-items: -webkit-stretch;
  -ms-align-items: -ms-stretch;
  align-items: stretch;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: -moz-flex-end;
  -webkit-justify-content: -webkit-flex-end;
  -ms-justify-content: -ms-flex-end;
  justify-content: flex-end;
  position: relative;
  overflow-x: hidden;
  text-align: left; }
  .spotlight.style1 .content {
    padding: 7rem 7rem 5rem 7rem ;
    -moz-align-self: center;
    -webkit-align-self: center;
    -ms-align-self: center;
    align-self: center;
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1;
    width: 65%;
    max-width: 64rem;
    margin: 0 auto; }
  .spotlight.style1 figure, .spotlight.style1 canvas {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 35%;
    min-width: 25rem;
    border-radius: 0; }
    .spotlight.style1 figure img, .spotlight.style1 figure canvas, .spotlight.style1 figure iframe, .spotlight.style1 canvas img, .spotlight.style1 canvas canvas, .spotlight.style1 canvas iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0; }
  @media screen and (max-width: 1281px) {
    .spotlight.style1 .content {
      padding: 5rem 5rem 3rem 5rem ; } }
  @media screen and (max-width: 1281px) {
    .spotlight.style1 .content {
      padding: 4rem 4rem 2rem 4rem ; } }
  @media screen and (max-width: 981px) {
    .spotlight.style1 .content {
      padding: 3.75rem 3rem 1.75rem 3rem ;
      width: 50%;
      min-width: 0; }
    .spotlight.style1 figure, .spotlight.style1 canvas {
      width: 50%;
      min-width: 0; } }
  @media screen and (max-width: 737px) {
    .spotlight.style1 .content {
      padding: 2.5rem 2rem 0.5rem 2rem ; } }
@media screen and (max-width: 737px) and (orientation: portrait) {
  .spotlight.style1 {
    -moz-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    text-align: center !important; }
    .spotlight.style1 .content {
      width: 100%; }
    .spotlight.style1 figure, .spotlight.style1 canvas {
      width: 100%; }
      .spotlight.style1 figure img, .spotlight.style1 figure canvas, .spotlight.style1 figure iframe, .spotlight.style1 canvas img, .spotlight.style1 canvas canvas, .spotlight.style1 canvas iframe {
        position: relative; } }
  .spotlight.style1.orient-right {
    -moz-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }

@media screen and (max-width: 737px) and (orientation: portrait) {
  .spotlight.style1.orient-right {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }

@media screen and (max-width: 737px) and (orientation: portrait) {
  .spotlight.style1.content-align-left {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; } }
  .spotlight.style1.content-align-center {
    text-align: center; }
  .spotlight.style1.content-align-right {
    text-align: right; }
  .spotlight.style1.figure-position-left figure img, .spotlight.style1.figure-position-left figure canvas, .spotlight.style1.figure-position-left figure iframe, .spotlight.style1.figure-position-left canvas img, .spotlight.style1.figure-position-left canvas canvas, .spotlight.style1.figure-position-left canvas iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .spotlight.style1.figure-position-right figure img, .spotlight.style1.figure-position-right figure canvas, .spotlight.style1.figure-position-right figure iframe, .spotlight.style1.figure-position-right canvas img, .spotlight.style1.figure-position-right canvas canvas, .spotlight.style1.figure-position-right canvas iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }

/* Spotlight (style2) */
.spotlight.style2 {
  padding: 7rem 7rem 5rem 7rem ;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
  overflow-x: hidden;
  text-align: left; }
  .spotlight.style2 .content {
    width: 44.5rem;
    max-width: 100%; }
  .spotlight.style2 figure, .spotlight.style2 canvas {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 21rem;
    height: 21rem;
    border-radius: 100%;
    margin: 0 3.5rem 2rem 0; }
    .spotlight.style2 figure img, .spotlight.style2 figure canvas, .spotlight.style2 figure iframe, .spotlight.style2 canvas img, .spotlight.style2 canvas canvas, .spotlight.style2 canvas iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 100%; }
  @media screen and (max-width: 1281px) {
    .spotlight.style2 {
      padding: 5rem 5rem 3rem 5rem ; } }
  @media screen and (max-width: 1281px) {
    .spotlight.style2 {
      padding: 4rem 4rem 2rem 4rem ; } }
  @media screen and (max-width: 981px) {
    .spotlight.style2 {
      padding: 3.75rem 3rem 1.75rem 3rem ; }
      .spotlight.style2 figure, .spotlight.style2 canvas {
        width: 18.375rem;
        height: 18.375rem;
        margin: 2rem 2rem 2rem 0; } }
  @media screen and (max-width: 737px) {
    .spotlight.style2 {
      padding: 2.5rem 2rem 0.5rem 2rem ;
      -moz-align-items: -moz-flex-start;
      -webkit-align-items: -webkit-flex-start;
      -ms-align-items: -ms-flex-start;
      align-items: flex-start; }
      .spotlight.style2 figure, .spotlight.style2 canvas {
        width: 15.75rem;
        height: 15.75rem;
        margin: 2rem 2rem 2rem 0; } }
  @media screen and (orientation: portrait) {
    .spotlight.style2 {
      -moz-align-items: center;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -moz-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      text-align: center !important; }
      .spotlight.style2 .content {
        width: 34rem;
        max-width: 100%; }
      .spotlight.style2 figure, .spotlight.style2 canvas {
        margin-right: 0; } }
  .spotlight.style2.orient-left {
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .spotlight.style2.orient-left figure, .spotlight.style2.orient-left canvas {
      margin: 0 0 2rem 3.5rem; }
    @media screen and (max-width: 737px) {
      .spotlight.style2.orient-left figure, .spotlight.style2.orient-left canvas {
        margin: 0 0 2rem 2rem; } }
    @media screen and (orientation: portrait) {
      .spotlight.style2.orient-left {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
        .spotlight.style2.orient-left figure, .spotlight.style2.orient-left canvas {
          margin-left: 0; } }
  .spotlight.style2.content-align-center {
    text-align: center; }
  .spotlight.style2.content-align-right {
    text-align: right; }
  .spotlight.style2.figure-position-left figure img, .spotlight.style2.figure-position-left figure canvas, .spotlight.style2.figure-position-left figure iframe, .spotlight.style2.figure-position-left canvas img, .spotlight.style2.figure-position-left canvas canvas, .spotlight.style2.figure-position-left canvas iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .spotlight.style2.figure-position-right figure img, .spotlight.style2.figure-position-right figure canvas, .spotlight.style2.figure-position-right figure iframe, .spotlight.style2.figure-position-right canvas img, .spotlight.style2.figure-position-right canvas canvas, .spotlight.style2.figure-position-right canvas iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }

/* Spotlight (style3) */
.spotlight.style3 {
  padding: 7rem 7rem 5rem 7rem ;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
  overflow-x: hidden;
  text-align: left; }
  .spotlight.style3 .content {
    width: 44.5rem;
    max-width: 100%; }
  .spotlight.style3 figure, .spotlight.style3 canvas {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    border-radius: 0;
    border: solid 1px;
    width: 13rem;
    height: 23.11111111rem;
    margin-top: 2.5rem;
    margin-bottom: 5rem;
    margin-right: 3.5rem; }
    .spotlight.style3 figure img, .spotlight.style3 figure canvas, .spotlight.style3 figure iframe, .spotlight.style3 canvas img, .spotlight.style3 canvas canvas, .spotlight.style3 canvas iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 0; }
    .spotlight.style3 figure:before, .spotlight.style3 canvas:before {
      content: '';
      display: block;
      background-position: center;
      background-repeat: no-repeat;
      border: solid 1px;
      border-bottom: 0; }
    .spotlight.style3 figure:after, .spotlight.style3 canvas:after {
      content: '';
      display: block;
      background-position: center;
      background-repeat: no-repeat;
      border: solid 1px;
      border-top: 0; }
    .spotlight.style3 figure:before, .spotlight.style3 canvas:before {
      height: 2.5rem;
      background-size: 64px 32px;
      margin-top: -2.5rem;
      border-radius: 1rem 1rem 0 0; }
    .spotlight.style3 figure:after, .spotlight.style3 canvas:after {
      height: 3rem;
      background-size: 64px 32px;
      margin-bottom: -3rem;
      border-radius: 0 0 1rem 1rem; }
  @media screen and (max-width: 1281px) {
    .spotlight.style3 {
      padding: 5rem 5rem 3rem 5rem ; } }
  @media screen and (max-width: 1281px) {
    .spotlight.style3 {
      padding: 4rem 4rem 2rem 4rem ; } }
  @media screen and (max-width: 981px) {
    .spotlight.style3 {
      padding: 3.75rem 3rem 1.75rem 3rem ; }
      .spotlight.style3 figure, .spotlight.style3 canvas {
        width: 11.375rem;
        height: 20.22222222rem;
        margin-top: 2.1875rem;
        margin-bottom: 4.625rem; }
        .spotlight.style3 figure:before, .spotlight.style3 canvas:before {
          height: 2.1875rem;
          background-size: 56px 28px;
          margin-top: -2.1875rem;
          border-radius: 0.875rem 0.875rem 0 0; }
        .spotlight.style3 figure:after, .spotlight.style3 canvas:after {
          height: 2.625rem;
          background-size: 56px 28px;
          margin-bottom: -2.625rem;
          border-radius: 0 0 0.875rem 0.875rem; } }
  @media screen and (max-width: 737px) {
    .spotlight.style3 {
      padding: 2.5rem 2rem 0.5rem 2rem ;
      -moz-align-items: -moz-flex-start;
      -webkit-align-items: -webkit-flex-start;
      -ms-align-items: -ms-flex-start;
      align-items: flex-start; }
      .spotlight.style3 figure, .spotlight.style3 canvas {
        width: 8.125rem;
        height: 14.44444444rem;
        margin-top: 1.5625rem;
        margin-bottom: 3.875rem; }
        .spotlight.style3 figure:before, .spotlight.style3 canvas:before {
          height: 1.5625rem;
          background-size: 40px 20px;
          margin-top: -1.5625rem;
          border-radius: 0.625rem 0.625rem 0 0; }
        .spotlight.style3 figure:after, .spotlight.style3 canvas:after {
          height: 1.875rem;
          background-size: 40px 20px;
          margin-bottom: -1.875rem;
          border-radius: 0 0 0.625rem 0.625rem; } }
  @media screen and (orientation: portrait) {
    .spotlight.style3 {
      -moz-align-items: center;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      -moz-flex-direction: column-reverse;
      -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      text-align: center !important; }
      .spotlight.style3 .content {
        width: 34rem;
        max-width: 100%; }
      .spotlight.style3 figure, .spotlight.style3 canvas {
        margin-right: 0;
        margin-left: 0; } }
  .spotlight.style3.orient-left {
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .spotlight.style3.orient-left figure, .spotlight.style3.orient-left canvas {
      margin-right: 0;
      margin-left: 3.5rem; }
    @media screen and (orientation: portrait) {
      .spotlight.style3.orient-left {
        -moz-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
        .spotlight.style3.orient-left figure, .spotlight.style3.orient-left canvas {
          margin-right: 0;
          margin-left: 0; } }
  .spotlight.style3.content-align-center {
    text-align: center; }
  .spotlight.style3.content-align-right {
    text-align: right; }
  .spotlight.style3.figure-position-left figure img, .spotlight.style3.figure-position-left figure canvas, .spotlight.style3.figure-position-left figure iframe, .spotlight.style3.figure-position-left canvas img, .spotlight.style3.figure-position-left canvas canvas, .spotlight.style3.figure-position-left canvas iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .spotlight.style3.figure-position-right figure img, .spotlight.style3.figure-position-right figure canvas, .spotlight.style3.figure-position-right figure iframe, .spotlight.style3.figure-position-right canvas img, .spotlight.style3.figure-position-right canvas canvas, .spotlight.style3.figure-position-right canvas iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }

/* Spotlight (style4) */
.spotlight.style4 {
  padding: 7rem 5.25rem 5rem 5.25rem ;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-color: inherit;
  position: relative;
  overflow-x: hidden;
  text-align: center; }
  .spotlight.style4 .content {
    padding: 3.5rem 3.5rem 1.5rem 3.5rem ;
    position: relative;
    width: 40rem;
    max-width: 50%;
    background-color: inherit;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    z-index: 1; }
  .spotlight.style4 figure, .spotlight.style4 canvas {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0; }
    .spotlight.style4 figure img, .spotlight.style4 figure canvas, .spotlight.style4 figure iframe, .spotlight.style4 canvas img, .spotlight.style4 canvas canvas, .spotlight.style4 canvas iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0; }
  @media screen and (max-width: 1281px) {
    .spotlight.style4 {
      padding: 5rem 3.75rem 3rem 3.75rem ; }
      .spotlight.style4 .content {
        padding: 2.5rem 2.5rem 0.5rem 2.5rem ; } }
  @media screen and (max-width: 1281px) {
    .spotlight.style4 {
      padding: 4rem 3rem 2rem 3rem ; }
      .spotlight.style4 .content {
        padding: 3rem 3rem 1rem 3rem ; } }
  @media screen and (max-width: 981px) {
    .spotlight.style4 {
      padding: 3rem 2.25rem 1rem 2.25rem ; }
      .spotlight.style4 .content {
        padding: 2.25rem 2.25rem 0.25rem 2.25rem ; } }
  @media screen and (max-width: 737px) {
    .spotlight.style4 {
      padding: 2rem 1.5rem 0.1rem 1.5rem ; }
      .spotlight.style4 .content {
        padding: 1.5rem 1.5rem 0.1rem 1.5rem ; } }
  @media screen and (max-width: 481px) {
    .spotlight.style4 .content {
      max-width: 80%; } }
  .spotlight.style4.fullscreen {
    min-height: 100vh; }
  .spotlight.style4.halfscreen {
    min-height: 50vh; }
  .spotlight.style4.orient-left {
    -moz-justify-content: -moz-flex-start;
    -webkit-justify-content: -webkit-flex-start;
    -ms-justify-content: -ms-flex-start;
    justify-content: flex-start;
    padding-left: 0; }
    .spotlight.style4.orient-left .content {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .spotlight.style4.orient-right {
    -moz-justify-content: -moz-flex-end;
    -webkit-justify-content: -webkit-flex-end;
    -ms-justify-content: -ms-flex-end;
    justify-content: flex-end;
    padding-right: 0; }
    .spotlight.style4.orient-right .content {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .spotlight.style4.content-align-left {
    text-align: left; }
  .spotlight.style4.content-align-right {
    text-align: right; }
  .spotlight.style4.figure-position-left figure img, .spotlight.style4.figure-position-left figure canvas, .spotlight.style4.figure-position-left figure iframe, .spotlight.style4.figure-position-left canvas img, .spotlight.style4.figure-position-left canvas canvas, .spotlight.style4.figure-position-left canvas iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .spotlight.style4.figure-position-right figure img, .spotlight.style4.figure-position-right figure canvas, .spotlight.style4.figure-position-right figure iframe, .spotlight.style4.figure-position-right canvas img, .spotlight.style4.figure-position-right canvas canvas, .spotlight.style4.figure-position-right canvas iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }

/* Spotlight (style5) */
.spotlight.style5 {
  padding: 7rem 5.25rem 5rem 5.25rem ;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background-color: inherit;
  position: relative;
  overflow-x: hidden;
  text-align: center; }
  .spotlight.style5 .content {
    padding: 3.5rem 3.5rem 1.5rem 3.5rem ;
    position: relative;
    width: 40rem;
    max-width: 52.5%;
    background-color: inherit;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    z-index: 1; }
  .spotlight.style5 figure, .spotlight.style5 canvas {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0; }
    .spotlight.style5 figure img, .spotlight.style5 figure canvas, .spotlight.style5 figure iframe, .spotlight.style5 canvas img, .spotlight.style5 canvas canvas, .spotlight.style5 canvas iframe {
      -moz-object-fit: cover;
      -webkit-object-fit: cover;
      -ms-object-fit: cover;
      object-fit: cover;
      -moz-object-position: center;
      -webkit-object-position: center;
      -ms-object-position: center;
      object-position: center;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 0; }
  @media screen and (max-width: 1281px) {
    .spotlight.style5 {
      padding: 5rem 3.75rem 3rem 3.75rem ; }
      .spotlight.style5 .content {
        padding: 2.5rem 2.5rem 0.5rem 2.5rem ; } }
  @media screen and (max-width: 1281px) {
    .spotlight.style5 {
      padding: 4rem 3rem 2rem 3rem ; }
      .spotlight.style5 .content {
        padding: 3rem 3rem 1rem 3rem ; } }
  @media screen and (max-width: 981px) {
    .spotlight.style5 {
      padding: 3rem 2.25rem 1rem 2.25rem ; }
      .spotlight.style5 .content {
        padding: 2.25rem 2.25rem 0.25rem 2.25rem ; } }
  @media screen and (max-width: 737px) {
    .spotlight.style5 {
      padding: 2rem 1.5rem 0.1rem 1.5rem ; }
      .spotlight.style5 .content {
        padding: 1.5rem 1.5rem 0.1rem 1.5rem ; } }
  @media screen and (max-width: 481px) {
    .spotlight.style5 .content {
      max-width: 80%; } }
  .spotlight.style5.fullscreen {
    min-height: 100vh; }
  .spotlight.style5.halfscreen {
    min-height: 50vh; }
  .spotlight.style5.orient-left {
    -moz-justify-content: -moz-flex-start;
    -webkit-justify-content: -webkit-flex-start;
    -ms-justify-content: -ms-flex-start;
    justify-content: flex-start; }
  .spotlight.style5.orient-right {
    -moz-justify-content: -moz-flex-end;
    -webkit-justify-content: -webkit-flex-end;
    -ms-justify-content: -ms-flex-end;
    justify-content: flex-end; }
  .spotlight.style5.content-align-left {
    text-align: left; }
  .spotlight.style5.content-align-right {
    text-align: right; }
  .spotlight.style5.figure-position-left figure img, .spotlight.style5.figure-position-left figure canvas, .spotlight.style5.figure-position-left figure iframe, .spotlight.style5.figure-position-left canvas img, .spotlight.style5.figure-position-left canvas canvas, .spotlight.style5.figure-position-left canvas iframe {
    -moz-object-position: left;
    -webkit-object-position: left;
    -ms-object-position: left;
    object-position: left; }
  .spotlight.style5.figure-position-right figure img, .spotlight.style5.figure-position-right figure canvas, .spotlight.style5.figure-position-right figure iframe, .spotlight.style5.figure-position-right canvas img, .spotlight.style5.figure-position-right canvas canvas, .spotlight.style5.figure-position-right canvas iframe {
    -moz-object-position: right;
    -webkit-object-position: right;
    -ms-object-position: right;
    object-position: right; }

.spotlight figure, .spotlight canvas {
  background-color: rgba(0, 0, 0, 0.225); }

.spotlight.invert figure, .spotlight.invert canvas {
  background-color: rgba(255, 255, 255, 0.125); }

.spotlight.style3 figure, .spotlight.style3 canvas {
  border-color: rgba(1, 1, 1, 0.2);
  background-color: rgba(1, 1, 1, 0.2);
  border-width: 0; }
  .spotlight.style3 figure:before, .spotlight.style3 canvas:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: rgba(1, 1, 1, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='11' y='12' width='42' height='8' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    border-color: rgba(1, 1, 1, 0.2);
    width: 100%; }
  .spotlight.style3 figure:after, .spotlight.style3 canvas:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: rgba(1, 1, 1, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Ccircle cx='32' cy='16' r='14' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    border-color: rgba(1, 1, 1, 0.2);
    width: 100%; }

.spotlight.style3.android figure:after, .spotlight.style3.android canvas:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: rgba(1, 1, 1, 0.2)%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='6' y='4' width='52' height='24' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E"); }

.spotlight.style3.invert figure, .spotlight.style3.invert canvas {
  border-color: white;
  background-color: white;
  border-width: 1px; }
  .spotlight.style3.invert figure:before, .spotlight.style3.invert canvas:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='11' y='12' width='42' height='8' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    border-color: white;
    width: calc(100% + 2px);
    margin-left: -1px; }
  .spotlight.style3.invert figure:after, .spotlight.style3.invert canvas:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Ccircle cx='32' cy='16' r='14' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
    border-color: white;
    width: calc(100% + 2px);
    margin-left: -1px; }

.spotlight.style3.invert.android figure:after, .spotlight.style3.invert.android canvas:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='6' y='4' width='52' height='24' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E"); }

.spotlight.squeeze-bottom {
  padding-bottom: 0px; }

.spotlight.squeeze-top {
  padding-top: 0px; }

.spotlight.pad-bottom {
  padding-bottom: 2.5rem; }

.spotlight.pad-top {
  padding-top: 2.5rem; }

.spotlight.squeeze {
  padding-bottom: 0px;
  padding-top: 0px; }

.spotlight.pad {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem; }

.spotlight.image-preserve-aspect figure img {
  object-fit: contain; }

.spotlight.no-underline a {
  text-decoration: none; }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Gallery (transitions) */
.gallery.onload-fade-in article figure img, .gallery.onload-fade-in article figure svg {
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
  -moz-transition-delay: 4.8s;
  -webkit-transition-delay: 4.8s;
  -ms-transition-delay: 4.8s;
  transition-delay: 4.8s; }

.gallery.onload-fade-in article:nth-child(1) figure img, .gallery.onload-fade-in article:nth-child(1) figure svg {
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s; }

.gallery.onload-fade-in article:nth-child(2) figure img, .gallery.onload-fade-in article:nth-child(2) figure svg {
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.gallery.onload-fade-in article:nth-child(3) figure img, .gallery.onload-fade-in article:nth-child(3) figure svg {
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.gallery.onload-fade-in article:nth-child(4) figure img, .gallery.onload-fade-in article:nth-child(4) figure svg {
  -moz-transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
  -ms-transition-delay: 0.45s;
  transition-delay: 0.45s; }

.gallery.onload-fade-in article:nth-child(5) figure img, .gallery.onload-fade-in article:nth-child(5) figure svg {
  -moz-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s; }

.gallery.onload-fade-in article:nth-child(6) figure img, .gallery.onload-fade-in article:nth-child(6) figure svg {
  -moz-transition-delay: 0.75s;
  -webkit-transition-delay: 0.75s;
  -ms-transition-delay: 0.75s;
  transition-delay: 0.75s; }

.gallery.onload-fade-in article:nth-child(7) figure img, .gallery.onload-fade-in article:nth-child(7) figure svg {
  -moz-transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
  transition-delay: 0.9s; }

.gallery.onload-fade-in article:nth-child(8) figure img, .gallery.onload-fade-in article:nth-child(8) figure svg {
  -moz-transition-delay: 1.05s;
  -webkit-transition-delay: 1.05s;
  -ms-transition-delay: 1.05s;
  transition-delay: 1.05s; }

.gallery.onload-fade-in article:nth-child(9) figure img, .gallery.onload-fade-in article:nth-child(9) figure svg {
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  transition-delay: 1.2s; }

.gallery.onload-fade-in article:nth-child(10) figure img, .gallery.onload-fade-in article:nth-child(10) figure svg {
  -moz-transition-delay: 1.35s;
  -webkit-transition-delay: 1.35s;
  -ms-transition-delay: 1.35s;
  transition-delay: 1.35s; }

.gallery.onload-fade-in article:nth-child(11) figure img, .gallery.onload-fade-in article:nth-child(11) figure svg {
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
  transition-delay: 1.5s; }

.gallery.onload-fade-in article:nth-child(12) figure img, .gallery.onload-fade-in article:nth-child(12) figure svg {
  -moz-transition-delay: 1.65s;
  -webkit-transition-delay: 1.65s;
  -ms-transition-delay: 1.65s;
  transition-delay: 1.65s; }

.gallery.onload-fade-in article:nth-child(13) figure img, .gallery.onload-fade-in article:nth-child(13) figure svg {
  -moz-transition-delay: 1.8s;
  -webkit-transition-delay: 1.8s;
  -ms-transition-delay: 1.8s;
  transition-delay: 1.8s; }

.gallery.onload-fade-in article:nth-child(14) figure img, .gallery.onload-fade-in article:nth-child(14) figure svg {
  -moz-transition-delay: 1.95s;
  -webkit-transition-delay: 1.95s;
  -ms-transition-delay: 1.95s;
  transition-delay: 1.95s; }

.gallery.onload-fade-in article:nth-child(15) figure img, .gallery.onload-fade-in article:nth-child(15) figure svg {
  -moz-transition-delay: 2.1s;
  -webkit-transition-delay: 2.1s;
  -ms-transition-delay: 2.1s;
  transition-delay: 2.1s; }

.gallery.onload-fade-in article:nth-child(16) figure img, .gallery.onload-fade-in article:nth-child(16) figure svg {
  -moz-transition-delay: 2.25s;
  -webkit-transition-delay: 2.25s;
  -ms-transition-delay: 2.25s;
  transition-delay: 2.25s; }

.gallery.onload-fade-in article:nth-child(17) figure img, .gallery.onload-fade-in article:nth-child(17) figure svg {
  -moz-transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
  -ms-transition-delay: 2.4s;
  transition-delay: 2.4s; }

.gallery.onload-fade-in article:nth-child(18) figure img, .gallery.onload-fade-in article:nth-child(18) figure svg {
  -moz-transition-delay: 2.55s;
  -webkit-transition-delay: 2.55s;
  -ms-transition-delay: 2.55s;
  transition-delay: 2.55s; }

.gallery.onload-fade-in article:nth-child(19) figure img, .gallery.onload-fade-in article:nth-child(19) figure svg {
  -moz-transition-delay: 2.7s;
  -webkit-transition-delay: 2.7s;
  -ms-transition-delay: 2.7s;
  transition-delay: 2.7s; }

.gallery.onload-fade-in article:nth-child(20) figure img, .gallery.onload-fade-in article:nth-child(20) figure svg {
  -moz-transition-delay: 2.85s;
  -webkit-transition-delay: 2.85s;
  -ms-transition-delay: 2.85s;
  transition-delay: 2.85s; }

.gallery.onload-fade-in article:nth-child(21) figure img, .gallery.onload-fade-in article:nth-child(21) figure svg {
  -moz-transition-delay: 3s;
  -webkit-transition-delay: 3s;
  -ms-transition-delay: 3s;
  transition-delay: 3s; }

.gallery.onload-fade-in article:nth-child(22) figure img, .gallery.onload-fade-in article:nth-child(22) figure svg {
  -moz-transition-delay: 3.15s;
  -webkit-transition-delay: 3.15s;
  -ms-transition-delay: 3.15s;
  transition-delay: 3.15s; }

.gallery.onload-fade-in article:nth-child(23) figure img, .gallery.onload-fade-in article:nth-child(23) figure svg {
  -moz-transition-delay: 3.3s;
  -webkit-transition-delay: 3.3s;
  -ms-transition-delay: 3.3s;
  transition-delay: 3.3s; }

.gallery.onload-fade-in article:nth-child(24) figure img, .gallery.onload-fade-in article:nth-child(24) figure svg {
  -moz-transition-delay: 3.45s;
  -webkit-transition-delay: 3.45s;
  -ms-transition-delay: 3.45s;
  transition-delay: 3.45s; }

.gallery.onload-fade-in article:nth-child(25) figure img, .gallery.onload-fade-in article:nth-child(25) figure svg {
  -moz-transition-delay: 3.6s;
  -webkit-transition-delay: 3.6s;
  -ms-transition-delay: 3.6s;
  transition-delay: 3.6s; }

.gallery.onload-fade-in article:nth-child(26) figure img, .gallery.onload-fade-in article:nth-child(26) figure svg {
  -moz-transition-delay: 3.75s;
  -webkit-transition-delay: 3.75s;
  -ms-transition-delay: 3.75s;
  transition-delay: 3.75s; }

.gallery.onload-fade-in article:nth-child(27) figure img, .gallery.onload-fade-in article:nth-child(27) figure svg {
  -moz-transition-delay: 3.9s;
  -webkit-transition-delay: 3.9s;
  -ms-transition-delay: 3.9s;
  transition-delay: 3.9s; }

.gallery.onload-fade-in article:nth-child(28) figure img, .gallery.onload-fade-in article:nth-child(28) figure svg {
  -moz-transition-delay: 4.05s;
  -webkit-transition-delay: 4.05s;
  -ms-transition-delay: 4.05s;
  transition-delay: 4.05s; }

.gallery.onload-fade-in article:nth-child(29) figure img, .gallery.onload-fade-in article:nth-child(29) figure svg {
  -moz-transition-delay: 4.2s;
  -webkit-transition-delay: 4.2s;
  -ms-transition-delay: 4.2s;
  transition-delay: 4.2s; }

.gallery.onload-fade-in article:nth-child(30) figure img, .gallery.onload-fade-in article:nth-child(30) figure svg {
  -moz-transition-delay: 4.35s;
  -webkit-transition-delay: 4.35s;
  -ms-transition-delay: 4.35s;
  transition-delay: 4.35s; }

.gallery.onload-fade-in article:nth-child(31) figure img, .gallery.onload-fade-in article:nth-child(31) figure svg {
  -moz-transition-delay: 4.5s;
  -webkit-transition-delay: 4.5s;
  -ms-transition-delay: 4.5s;
  transition-delay: 4.5s; }

.gallery.onload-fade-in article:nth-child(32) figure img, .gallery.onload-fade-in article:nth-child(32) figure svg {
  -moz-transition-delay: 4.65s;
  -webkit-transition-delay: 4.65s;
  -ms-transition-delay: 4.65s;
  transition-delay: 4.65s; }

.gallery.onload-fade-in article:nth-child(33) figure img, .gallery.onload-fade-in article:nth-child(33) figure svg {
  -moz-transition-delay: 4.8s;
  -webkit-transition-delay: 4.8s;
  -ms-transition-delay: 4.8s;
  transition-delay: 4.8s; }

body.is-preload .gallery.onload-fade-in article figure img, body.is-preload .gallery.onload-fade-in article figure svg {
  opacity: 0; }

.gallery.onscroll-fade-in article figure img, .gallery.onscroll-fade-in article figure svg {
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
  -moz-transition-delay: 4.8s;
  -webkit-transition-delay: 4.8s;
  -ms-transition-delay: 4.8s;
  transition-delay: 4.8s; }

.gallery.onscroll-fade-in article:nth-child(1) figure img, .gallery.onscroll-fade-in article:nth-child(1) figure svg {
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s; }

.gallery.onscroll-fade-in article:nth-child(2) figure img, .gallery.onscroll-fade-in article:nth-child(2) figure svg {
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.gallery.onscroll-fade-in article:nth-child(3) figure img, .gallery.onscroll-fade-in article:nth-child(3) figure svg {
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.gallery.onscroll-fade-in article:nth-child(4) figure img, .gallery.onscroll-fade-in article:nth-child(4) figure svg {
  -moz-transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
  -ms-transition-delay: 0.45s;
  transition-delay: 0.45s; }

.gallery.onscroll-fade-in article:nth-child(5) figure img, .gallery.onscroll-fade-in article:nth-child(5) figure svg {
  -moz-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s; }

.gallery.onscroll-fade-in article:nth-child(6) figure img, .gallery.onscroll-fade-in article:nth-child(6) figure svg {
  -moz-transition-delay: 0.75s;
  -webkit-transition-delay: 0.75s;
  -ms-transition-delay: 0.75s;
  transition-delay: 0.75s; }

.gallery.onscroll-fade-in article:nth-child(7) figure img, .gallery.onscroll-fade-in article:nth-child(7) figure svg {
  -moz-transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
  transition-delay: 0.9s; }

.gallery.onscroll-fade-in article:nth-child(8) figure img, .gallery.onscroll-fade-in article:nth-child(8) figure svg {
  -moz-transition-delay: 1.05s;
  -webkit-transition-delay: 1.05s;
  -ms-transition-delay: 1.05s;
  transition-delay: 1.05s; }

.gallery.onscroll-fade-in article:nth-child(9) figure img, .gallery.onscroll-fade-in article:nth-child(9) figure svg {
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  transition-delay: 1.2s; }

.gallery.onscroll-fade-in article:nth-child(10) figure img, .gallery.onscroll-fade-in article:nth-child(10) figure svg {
  -moz-transition-delay: 1.35s;
  -webkit-transition-delay: 1.35s;
  -ms-transition-delay: 1.35s;
  transition-delay: 1.35s; }

.gallery.onscroll-fade-in article:nth-child(11) figure img, .gallery.onscroll-fade-in article:nth-child(11) figure svg {
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
  transition-delay: 1.5s; }

.gallery.onscroll-fade-in article:nth-child(12) figure img, .gallery.onscroll-fade-in article:nth-child(12) figure svg {
  -moz-transition-delay: 1.65s;
  -webkit-transition-delay: 1.65s;
  -ms-transition-delay: 1.65s;
  transition-delay: 1.65s; }

.gallery.onscroll-fade-in article:nth-child(13) figure img, .gallery.onscroll-fade-in article:nth-child(13) figure svg {
  -moz-transition-delay: 1.8s;
  -webkit-transition-delay: 1.8s;
  -ms-transition-delay: 1.8s;
  transition-delay: 1.8s; }

.gallery.onscroll-fade-in article:nth-child(14) figure img, .gallery.onscroll-fade-in article:nth-child(14) figure svg {
  -moz-transition-delay: 1.95s;
  -webkit-transition-delay: 1.95s;
  -ms-transition-delay: 1.95s;
  transition-delay: 1.95s; }

.gallery.onscroll-fade-in article:nth-child(15) figure img, .gallery.onscroll-fade-in article:nth-child(15) figure svg {
  -moz-transition-delay: 2.1s;
  -webkit-transition-delay: 2.1s;
  -ms-transition-delay: 2.1s;
  transition-delay: 2.1s; }

.gallery.onscroll-fade-in article:nth-child(16) figure img, .gallery.onscroll-fade-in article:nth-child(16) figure svg {
  -moz-transition-delay: 2.25s;
  -webkit-transition-delay: 2.25s;
  -ms-transition-delay: 2.25s;
  transition-delay: 2.25s; }

.gallery.onscroll-fade-in article:nth-child(17) figure img, .gallery.onscroll-fade-in article:nth-child(17) figure svg {
  -moz-transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
  -ms-transition-delay: 2.4s;
  transition-delay: 2.4s; }

.gallery.onscroll-fade-in article:nth-child(18) figure img, .gallery.onscroll-fade-in article:nth-child(18) figure svg {
  -moz-transition-delay: 2.55s;
  -webkit-transition-delay: 2.55s;
  -ms-transition-delay: 2.55s;
  transition-delay: 2.55s; }

.gallery.onscroll-fade-in article:nth-child(19) figure img, .gallery.onscroll-fade-in article:nth-child(19) figure svg {
  -moz-transition-delay: 2.7s;
  -webkit-transition-delay: 2.7s;
  -ms-transition-delay: 2.7s;
  transition-delay: 2.7s; }

.gallery.onscroll-fade-in article:nth-child(20) figure img, .gallery.onscroll-fade-in article:nth-child(20) figure svg {
  -moz-transition-delay: 2.85s;
  -webkit-transition-delay: 2.85s;
  -ms-transition-delay: 2.85s;
  transition-delay: 2.85s; }

.gallery.onscroll-fade-in article:nth-child(21) figure img, .gallery.onscroll-fade-in article:nth-child(21) figure svg {
  -moz-transition-delay: 3s;
  -webkit-transition-delay: 3s;
  -ms-transition-delay: 3s;
  transition-delay: 3s; }

.gallery.onscroll-fade-in article:nth-child(22) figure img, .gallery.onscroll-fade-in article:nth-child(22) figure svg {
  -moz-transition-delay: 3.15s;
  -webkit-transition-delay: 3.15s;
  -ms-transition-delay: 3.15s;
  transition-delay: 3.15s; }

.gallery.onscroll-fade-in article:nth-child(23) figure img, .gallery.onscroll-fade-in article:nth-child(23) figure svg {
  -moz-transition-delay: 3.3s;
  -webkit-transition-delay: 3.3s;
  -ms-transition-delay: 3.3s;
  transition-delay: 3.3s; }

.gallery.onscroll-fade-in article:nth-child(24) figure img, .gallery.onscroll-fade-in article:nth-child(24) figure svg {
  -moz-transition-delay: 3.45s;
  -webkit-transition-delay: 3.45s;
  -ms-transition-delay: 3.45s;
  transition-delay: 3.45s; }

.gallery.onscroll-fade-in article:nth-child(25) figure img, .gallery.onscroll-fade-in article:nth-child(25) figure svg {
  -moz-transition-delay: 3.6s;
  -webkit-transition-delay: 3.6s;
  -ms-transition-delay: 3.6s;
  transition-delay: 3.6s; }

.gallery.onscroll-fade-in article:nth-child(26) figure img, .gallery.onscroll-fade-in article:nth-child(26) figure svg {
  -moz-transition-delay: 3.75s;
  -webkit-transition-delay: 3.75s;
  -ms-transition-delay: 3.75s;
  transition-delay: 3.75s; }

.gallery.onscroll-fade-in article:nth-child(27) figure img, .gallery.onscroll-fade-in article:nth-child(27) figure svg {
  -moz-transition-delay: 3.9s;
  -webkit-transition-delay: 3.9s;
  -ms-transition-delay: 3.9s;
  transition-delay: 3.9s; }

.gallery.onscroll-fade-in article:nth-child(28) figure img, .gallery.onscroll-fade-in article:nth-child(28) figure svg {
  -moz-transition-delay: 4.05s;
  -webkit-transition-delay: 4.05s;
  -ms-transition-delay: 4.05s;
  transition-delay: 4.05s; }

.gallery.onscroll-fade-in article:nth-child(29) figure img, .gallery.onscroll-fade-in article:nth-child(29) figure svg {
  -moz-transition-delay: 4.2s;
  -webkit-transition-delay: 4.2s;
  -ms-transition-delay: 4.2s;
  transition-delay: 4.2s; }

.gallery.onscroll-fade-in article:nth-child(30) figure img, .gallery.onscroll-fade-in article:nth-child(30) figure svg {
  -moz-transition-delay: 4.35s;
  -webkit-transition-delay: 4.35s;
  -ms-transition-delay: 4.35s;
  transition-delay: 4.35s; }

.gallery.onscroll-fade-in article:nth-child(31) figure img, .gallery.onscroll-fade-in article:nth-child(31) figure svg {
  -moz-transition-delay: 4.5s;
  -webkit-transition-delay: 4.5s;
  -ms-transition-delay: 4.5s;
  transition-delay: 4.5s; }

.gallery.onscroll-fade-in article:nth-child(32) figure img, .gallery.onscroll-fade-in article:nth-child(32) figure svg {
  -moz-transition-delay: 4.65s;
  -webkit-transition-delay: 4.65s;
  -ms-transition-delay: 4.65s;
  transition-delay: 4.65s; }

.gallery.onscroll-fade-in article:nth-child(33) figure img, .gallery.onscroll-fade-in article:nth-child(33) figure svg {
  -moz-transition-delay: 4.8s;
  -webkit-transition-delay: 4.8s;
  -ms-transition-delay: 4.8s;
  transition-delay: 4.8s; }

.gallery.onscroll-fade-in.is-inactive article figure img, .gallery.onscroll-fade-in.is-inactive article figure svg {
  opacity: 0; }

/* Gallery (style1) */
.gallery.style1 {
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  position: relative;
  width: 100%;
  background-color: transparent; }
  .gallery.style1 a h1, .gallery.style1 a h2, .gallery.style1 a h3, .gallery.style1 a h4, .gallery.style1 a h5, .gallery.style1 a h6, .gallery.style1 a span, .gallery.style1 a b, .gallery.style1 a strong, .gallery.style1 a em, .gallery.style1 a i, .gallery.style1 a p, .gallery.style1 a span {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  .gallery.style1 > .forward, .gallery.style1 > .backward {
    display: none; }
  .gallery.style1 > .inner {
    -moz-align-items: inherit;
    -webkit-align-items: inherit;
    -ms-align-items: inherit;
    align-items: inherit;
    display: inherit;
    -moz-flex-wrap: inherit;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -moz-justify-content: inherit;
    -webkit-justify-content: inherit;
    -ms-justify-content: inherit;
    justify-content: inherit; }
  .gallery.style1 article {
    overflow: hidden;
    position: relative;
    width: 25%; }
    .gallery.style1 article figure {
      -moz-transition: opacity 0.2s ease-in-out;
      -webkit-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out;
      display: block;
      width: 100%;
      border-radius: 0;
      width: 3.5rem; }
      .gallery.style1 article figure img, .gallery.style1 article figure svg {
        display: block;
        width: 100%;
        border-radius: 0; }
    .gallery.style1 article .caption {
      -moz-align-items: center;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      display: -moz-flex;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      pointer-events: none;
      -moz-transition: opacity 0.2s ease-in-out;
      -webkit-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      padding: 2rem;
      z-index: 1;
      font-size: 0.8rem; }
      .gallery.style1 article .caption a {
        pointer-events: auto; }
      .gallery.style1 article .caption h2, .gallery.style1 article .caption h3, .gallery.style1 article .caption h4, .gallery.style1 article .caption h5, .gallery.style1 article .caption h6 {
        font-size: 1.25rem;
        margin-bottom: 0.25rem; }
      .gallery.style1 article .caption > * {
        max-width: 100%;
        margin-bottom: 1rem; }
      .gallery.style1 article .caption > :last-child {
        margin-bottom: 0; }
    .gallery.style1 article:hover .caption {
      opacity: 1; }
  @media screen and (max-width: 1281px) {
    .gallery.style1 article {
      width: 33.33333333%; }
      .gallery.style1 article .caption {
        padding: 1rem; } }
  @media screen and (max-width: 981px) {
    .gallery.style1 article {
      width: 50%; }
      .gallery.style1 article .caption {
        padding: 1rem; } }
  @media screen and (max-width: 481px) {
    .gallery.style1 article {
      width: 100%; }
      .gallery.style1 article .caption {
        padding: 1rem; } }
  .gallery.style1.small article {
    width: 20%; }
    .gallery.style1.small article .caption {
      padding: 1rem; }
  @media screen and (max-width: 1281px) {
    .gallery.style1.small article {
      width: 25%; }
      .gallery.style1.small article .caption {
        padding: 1rem; } }
  @media screen and (max-width: 981px) {
    .gallery.style1.small article {
      width: 33.33333333%; }
      .gallery.style1.small article .caption {
        padding: 1rem; } }
  @media screen and (max-width: 481px) {
    .gallery.style1.small article {
      width: 50%; }
      .gallery.style1.small article .caption {
        padding: 1rem; } }
  .gallery.style1.big article {
    width: 33.33333333%; }
    .gallery.style1.big article .caption {
      padding: 3rem; }
  @media screen and (max-width: 1281px) {
    .gallery.style1.big article {
      width: 50%; }
      .gallery.style1.big article .caption {
        padding: 2rem; } }
  @media screen and (max-width: 981px) {
    .gallery.style1.big article {
      width: 50%; }
      .gallery.style1.big article .caption {
        padding: 2rem; } }
  @media screen and (max-width: 481px) {
    .gallery.style1.big article {
      width: 100%; }
      .gallery.style1.big article .caption {
        padding: 1rem; } }
/* Gallery (style2) */
.gallery.style2 {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-overflow-scrolling: touch;
  position: relative;
  background-color: transparent; }
  .gallery.style2 a h1, .gallery.style2 a h2, .gallery.style2 a h3, .gallery.style2 a h4, .gallery.style2 a h5, .gallery.style2 a h6, .gallery.style2 a span, .gallery.style2 a b, .gallery.style2 a strong, .gallery.style2 a em, .gallery.style2 a i, .gallery.style2 a p, .gallery.style2 a span {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  .gallery.style2 > .forward, .gallery.style2 > .backward {
    text-decoration: none;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    position: absolute;
    top: 0;
    width: 5rem;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    z-index: 2; }
    .gallery.style2 > .forward:before, .gallery.style2 > .backward:before {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      text-transform: none !important; }
    .gallery.style2 > .forward:before, .gallery.style2 > .backward:before {
      display: block;
      top: calc(50% - 1.5rem);
      width: 4rem;
      height: 3rem;
      line-height: 1em;
      font-size: 3rem;
      position: absolute;
      text-align: center; }
  .gallery.style2:hover > .forward, .gallery.style2:hover > .backward {
    opacity: 1; }
  .gallery.style2 > .forward {
    right: 0;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0)); }
    .gallery.style2 > .forward:before {
      content: '\f105';
      right: 0; }
  .gallery.style2 > .backward {
    left: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 15%, rgba(0, 0, 0, 0)); }
    .gallery.style2 > .backward:before {
      content: '\f104';
      left: 0; }
  .gallery.style2 > .inner {
    display: inherit;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    width: 100%; }
  .gallery.style2 article {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    display: block;
    position: relative;
    overflow: hidden;
    width: 22.5rem;
    max-width: 75vw; }
    .gallery.style2 article figure {
      display: block;
      width: 100%;
      border-radius: 0; }
      .gallery.style2 article figure img, .gallery.style2 article figure svg {
        display: block;
        width: 100%;
        border-radius: 0; }
    .gallery.style2 article .caption {
      -moz-align-items: center;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center;
      display: -moz-flex;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      pointer-events: none;
      -moz-transition: opacity 0.2s ease-in-out;
      -webkit-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      padding: 3rem;
      z-index: 1;
      font-size: 0.8rem; }
      .gallery.style2 article .caption a {
        pointer-events: auto; }
      .gallery.style2 article .caption h2, .gallery.style2 article .caption h3, .gallery.style2 article .caption h4, .gallery.style2 article .caption h5, .gallery.style2 article .caption h6 {
        font-size: 1.25rem;
        margin-bottom: 0.25rem; }
      .gallery.style2 article .caption > * {
        max-width: 100%;
        margin-bottom: 1rem; }
      .gallery.style2 article .caption > :last-child {
        margin-bottom: 0; }
    .gallery.style2 article:hover .caption {
      opacity: 1; }
  @media screen and (max-width: 981px) {
    .gallery.style2 article .caption {
      padding: 2rem; } }
  @media screen and (max-width: 737px) {
    .gallery.style2 article .caption {
      padding: 2rem; } }
  .gallery.style2.small article {
    width: 17.5rem; }
    .gallery.style2.small article .caption {
      padding: 2rem; }
  @media screen and (max-width: 981px) {
    .gallery.style2.small article .caption {
      padding: 2rem; } }
  @media screen and (max-width: 737px) {
    .gallery.style2.small article .caption {
      padding: 2rem; } }
  .gallery.style2.big article {
    width: 30rem; }
    .gallery.style2.big article .caption {
      padding: 4rem; }
  @media screen and (max-width: 981px) {
    .gallery.style2.big article .caption {
      padding: 3rem; } }
  @media screen and (max-width: 737px) {
    .gallery.style2.big article .caption {
      padding: 2rem; } }
/* Gallery (lightbox) */
@-moz-keyframes gallery-modal-spinner {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes gallery-modal-spinner {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes gallery-modal-spinner {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes gallery-modal-spinner {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

.gallery.lightbox .modal {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  pointer-events: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
  -ms-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
  transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.75);
  visibility: none;
  opacity: 0;
  z-index: 0; }
  .gallery.lightbox .modal:before {
    -moz-animation: gallery-modal-spinner 1s infinite linear;
    -webkit-animation: gallery-modal-spinner 1s infinite linear;
    -ms-animation: gallery-modal-spinner 1s infinite linear;
    animation: gallery-modal-spinner 1s infinite linear;
    -moz-transition: opacity 0.25s ease;
    -webkit-transition: opacity 0.25s ease;
    -ms-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
    -moz-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4rem;
    height: 4rem;
    margin: -2rem 0 0 -2rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96px' height='96px' viewBox='0 0 96 96' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: %23ffffff%3B stroke-width: 1.5px%3B %7D%3C/style%3E%3Cdefs%3E%3CclipPath id='corner'%3E%3Cpolygon points='0,0 48,0 48,48 96,48 96,96 0,96' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23corner)'%3E%3Ccircle cx='48' cy='48' r='32'/%3E%3C/g%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4rem;
    opacity: 0; }
  .gallery.lightbox .modal:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='64px' viewBox='0 0 64 64' zoomAndPan='disable'%3E%3Cstyle%3Eline %7Bstroke: %23ffffff%3Bstroke-width: 1.5px%3B%7D%3C/style%3E%3Cline x1='20' y1='20' x2='44' y2='44' /%3E%3Cline x1='20' y1='44' x2='44' y2='20' /%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 3rem; }
  .gallery.lightbox .modal .inner {
    -moz-transform: translateY(0.75rem);
    -webkit-transform: translateY(0.75rem);
    -ms-transform: translateY(0.75rem);
    transform: translateY(0.75rem);
    -moz-transition: opacity 0.25s ease, -moz-transform 0.25s ease;
    -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
    -ms-transition: opacity 0.25s ease, -ms-transform 0.25s ease;
    transition: opacity 0.25s ease, transform 0.25s ease;
    opacity: 0; }
    .gallery.lightbox .modal .inner img, .gallery.lightbox .modal .inner svg {
      display: block;
      max-width: 90vw;
      max-height: 85vh;
      box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.35); }
  .gallery.lightbox .modal.visible {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    z-index: 10001; }
    .gallery.lightbox .modal.visible:before {
      opacity: 1; }
  .gallery.lightbox .modal.loaded .inner {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 1; }
  .gallery.lightbox .modal.loaded:before {
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0; }

@media screen and (max-width: 981px) {
  .gallery.lightbox .modal .inner img, .gallery.lightbox .modal .inner svg {
    max-width: 100vw; } }

.gallery.style1 figure img {
  max-width: 100%;
  max-height: 10vw; }

.gallery article figure {
  background-color: rgba(0, 0, 0, 0.125); }

figure {
  display: inline-block !important; }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Wrapper (style1) */
.wrapper.style1 > .content {
  margin: 0 auto;
  max-width: 100%;
  width: 64rem; }
  .wrapper.style1 > .content.medium {
    width: 48rem; }
  .wrapper.style1 > .content.small {
    width: 32rem; }

@media screen and (max-width: 1281px) {
  .wrapper.style1 > .content {
    padding: 2.5rem 2.5rem 0.5rem 2.5rem ; } }

@media screen and (max-width: 1281px) {
  .wrapper.style1 > .content {
    padding: 2rem 4rem 0.1rem 4rem ; } }

@media screen and (max-width: 981px) {
  .wrapper.style1 > .content {
    padding: 1.5rem 3rem 0.1rem 3rem ; } }

@media screen and (max-width: 737px) {
  .wrapper.style1 > .content {
    padding: 2rem 2rem 0.1rem 2rem ; } }

/* Wrapper (style2) */
.wrapper.style2 {
  padding: 7rem;
  background-color: #71f5f1; }
  .wrapper.style2 > .content {
    padding: 5.25rem 3.5rem 3.25rem 3.5rem ;
    background-color: #ffffff;
    border-radius: 0.5rem;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    width: 64rem;
    z-index: 1; }
    .wrapper.style2 > .content.medium {
      width: 48rem; }
    .wrapper.style2 > .content.small {
      width: 32rem; }
  @media screen and (max-width: 1281px) {
    .wrapper.style2 {
      padding: 5rem; }
      .wrapper.style2 > .content {
        padding: 3.75rem 2.5rem 1.75rem 2.5rem ; } }
  @media screen and (max-width: 1281px) {
    .wrapper.style2 {
      padding: 4rem; }
      .wrapper.style2 > .content {
        padding: 3rem 2rem 1rem 2rem ; } }
  @media screen and (max-width: 981px) {
    .wrapper.style2 {
      padding: 2.25rem; }
      .wrapper.style2 > .content {
        padding: 3rem 2.25rem 1rem 2.25rem ; } }
  @media screen and (max-width: 737px) {
    .wrapper.style2 {
      padding: 1.5rem; }
      .wrapper.style2 > .content {
        padding: 2rem 1.5rem 0.1rem 1.5rem ; } }
#wrapper > .wrapper.style2.invert > .content {
  background-color: #000000; }

.wrapper.fullscreen .content {
  min-height: 80vh; }
  @media screen and (orientation: portrait) {
    .wrapper.fullscreen .content .content {
      min-height: 50vh; }
    .wrapper.fullscreen .content .image {
      height: 50vh; } }
.wrapper.content-align-center {
  text-align: center; }

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

.wrapper.squeeze-bottom {
  padding-bottom: 0px; }

.wrapper.squeeze-top {
  padding-top: 0px; }

.wrapper.pad-bottom {
  padding-bottom: 2.5rem; }

.wrapper.pad-top {
  padding-top: 2.5rem; }

.wrapper.squeeze {
  padding-bottom: 0px;
  padding-top: 0px; }

.wrapper.pad {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem; }

.wrapper.image-preserve-aspect figure img {
  object-fit: contain; }

.wrapper.no-underline a {
  text-decoration: none; }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Items (transitions) */
.items.onload-fade-in > * > .inner {
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
  -moz-transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
  -ms-transition-delay: 2.4s;
  transition-delay: 2.4s; }

.items.onload-fade-in > *:nth-child(1) > .inner {
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s; }

.items.onload-fade-in > *:nth-child(2) > .inner {
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.items.onload-fade-in > *:nth-child(3) > .inner {
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.items.onload-fade-in > *:nth-child(4) > .inner {
  -moz-transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
  -ms-transition-delay: 0.45s;
  transition-delay: 0.45s; }

.items.onload-fade-in > *:nth-child(5) > .inner {
  -moz-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s; }

.items.onload-fade-in > *:nth-child(6) > .inner {
  -moz-transition-delay: 0.75s;
  -webkit-transition-delay: 0.75s;
  -ms-transition-delay: 0.75s;
  transition-delay: 0.75s; }

.items.onload-fade-in > *:nth-child(7) > .inner {
  -moz-transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
  transition-delay: 0.9s; }

.items.onload-fade-in > *:nth-child(8) > .inner {
  -moz-transition-delay: 1.05s;
  -webkit-transition-delay: 1.05s;
  -ms-transition-delay: 1.05s;
  transition-delay: 1.05s; }

.items.onload-fade-in > *:nth-child(9) > .inner {
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  transition-delay: 1.2s; }

.items.onload-fade-in > *:nth-child(10) > .inner {
  -moz-transition-delay: 1.35s;
  -webkit-transition-delay: 1.35s;
  -ms-transition-delay: 1.35s;
  transition-delay: 1.35s; }

.items.onload-fade-in > *:nth-child(11) > .inner {
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
  transition-delay: 1.5s; }

.items.onload-fade-in > *:nth-child(12) > .inner {
  -moz-transition-delay: 1.65s;
  -webkit-transition-delay: 1.65s;
  -ms-transition-delay: 1.65s;
  transition-delay: 1.65s; }

.items.onload-fade-in > *:nth-child(13) > .inner {
  -moz-transition-delay: 1.8s;
  -webkit-transition-delay: 1.8s;
  -ms-transition-delay: 1.8s;
  transition-delay: 1.8s; }

.items.onload-fade-in > *:nth-child(14) > .inner {
  -moz-transition-delay: 1.95s;
  -webkit-transition-delay: 1.95s;
  -ms-transition-delay: 1.95s;
  transition-delay: 1.95s; }

.items.onload-fade-in > *:nth-child(15) > .inner {
  -moz-transition-delay: 2.1s;
  -webkit-transition-delay: 2.1s;
  -ms-transition-delay: 2.1s;
  transition-delay: 2.1s; }

.items.onload-fade-in > *:nth-child(16) > .inner {
  -moz-transition-delay: 2.25s;
  -webkit-transition-delay: 2.25s;
  -ms-transition-delay: 2.25s;
  transition-delay: 2.25s; }

.items.onload-fade-in > *:nth-child(17) > .inner {
  -moz-transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
  -ms-transition-delay: 2.4s;
  transition-delay: 2.4s; }

body.is-preload .items.onload-fade-in > * > .inner {
  opacity: 0; }

.items.onscroll-fade-in > * > .inner {
  -moz-transition: opacity 0.75s ease-in-out;
  -webkit-transition: opacity 0.75s ease-in-out;
  -ms-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
  -moz-transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
  -ms-transition-delay: 2.4s;
  transition-delay: 2.4s; }

.items.onscroll-fade-in > *:nth-child(1) > .inner {
  -moz-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s; }

.items.onscroll-fade-in > *:nth-child(2) > .inner {
  -moz-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  -ms-transition-delay: 0.15s;
  transition-delay: 0.15s; }

.items.onscroll-fade-in > *:nth-child(3) > .inner {
  -moz-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  -ms-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.items.onscroll-fade-in > *:nth-child(4) > .inner {
  -moz-transition-delay: 0.45s;
  -webkit-transition-delay: 0.45s;
  -ms-transition-delay: 0.45s;
  transition-delay: 0.45s; }

.items.onscroll-fade-in > *:nth-child(5) > .inner {
  -moz-transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -ms-transition-delay: 0.6s;
  transition-delay: 0.6s; }

.items.onscroll-fade-in > *:nth-child(6) > .inner {
  -moz-transition-delay: 0.75s;
  -webkit-transition-delay: 0.75s;
  -ms-transition-delay: 0.75s;
  transition-delay: 0.75s; }

.items.onscroll-fade-in > *:nth-child(7) > .inner {
  -moz-transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  -ms-transition-delay: 0.9s;
  transition-delay: 0.9s; }

.items.onscroll-fade-in > *:nth-child(8) > .inner {
  -moz-transition-delay: 1.05s;
  -webkit-transition-delay: 1.05s;
  -ms-transition-delay: 1.05s;
  transition-delay: 1.05s; }

.items.onscroll-fade-in > *:nth-child(9) > .inner {
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  transition-delay: 1.2s; }

.items.onscroll-fade-in > *:nth-child(10) > .inner {
  -moz-transition-delay: 1.35s;
  -webkit-transition-delay: 1.35s;
  -ms-transition-delay: 1.35s;
  transition-delay: 1.35s; }

.items.onscroll-fade-in > *:nth-child(11) > .inner {
  -moz-transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
  -ms-transition-delay: 1.5s;
  transition-delay: 1.5s; }

.items.onscroll-fade-in > *:nth-child(12) > .inner {
  -moz-transition-delay: 1.65s;
  -webkit-transition-delay: 1.65s;
  -ms-transition-delay: 1.65s;
  transition-delay: 1.65s; }

.items.onscroll-fade-in > *:nth-child(13) > .inner {
  -moz-transition-delay: 1.8s;
  -webkit-transition-delay: 1.8s;
  -ms-transition-delay: 1.8s;
  transition-delay: 1.8s; }

.items.onscroll-fade-in > *:nth-child(14) > .inner {
  -moz-transition-delay: 1.95s;
  -webkit-transition-delay: 1.95s;
  -ms-transition-delay: 1.95s;
  transition-delay: 1.95s; }

.items.onscroll-fade-in > *:nth-child(15) > .inner {
  -moz-transition-delay: 2.1s;
  -webkit-transition-delay: 2.1s;
  -ms-transition-delay: 2.1s;
  transition-delay: 2.1s; }

.items.onscroll-fade-in > *:nth-child(16) > .inner {
  -moz-transition-delay: 2.25s;
  -webkit-transition-delay: 2.25s;
  -ms-transition-delay: 2.25s;
  transition-delay: 2.25s; }

.items.onscroll-fade-in > *:nth-child(17) > .inner {
  -moz-transition-delay: 2.4s;
  -webkit-transition-delay: 2.4s;
  -ms-transition-delay: 2.4s;
  transition-delay: 2.4s; }

.items.onscroll-fade-in.is-inactive > * > .inner {
  opacity: 0; }

/* Items (style1) */
.items.style1 {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 3rem 0;
  position: relative; }
  .items.style1 > * {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px; }
  .items.style1.big > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 50%; }
    .items.style1.big > *:nth-child(-n + 2) {
      border-top-width: 0; }
    .items.style1.big > *:nth-child(2n + 1) {
      border-left-width: 0; }
  .items.style1.medium > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 33.33333333%; }
    .items.style1.medium > *:nth-child(-n + 3) {
      border-top-width: 0; }
    .items.style1.medium > *:nth-child(3n + 1) {
      border-left-width: 0; }
  .items.style1.small > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 25%; }
    .items.style1.small > *:nth-child(-n + 4) {
      border-top-width: 0; }
    .items.style1.small > *:nth-child(4n + 1) {
      border-left-width: 0; }
  @media screen and (max-width: 1281px) {
    .items.style1.small > *:nth-child(-n + 4) {
      border-top-width: 1px; }
    .items.style1.small > *:nth-child(4n + 1) {
      border-left-width: 1px; }
    .items.style1.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 33.33333333%; }
      .items.style1.small > *:nth-child(-n + 3) {
        border-top-width: 0; }
      .items.style1.small > *:nth-child(3n + 1) {
        border-left-width: 0; } }
  @media screen and (max-width: 981px) {
    .items.style1.medium > *:nth-child(-n + 3) {
      border-top-width: 1px; }
    .items.style1.medium > *:nth-child(3n + 1) {
      border-left-width: 1px; }
    .items.style1.medium > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 50%; }
      .items.style1.medium > *:nth-child(-n + 2) {
        border-top-width: 0; }
      .items.style1.medium > *:nth-child(2n + 1) {
        border-left-width: 0; }
    .items.style1.small > *:nth-child(-n + 3) {
      border-top-width: 1px; }
    .items.style1.small > *:nth-child(3n + 1) {
      border-left-width: 1px; }
    .items.style1.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 50%; }
      .items.style1.small > *:nth-child(-n + 2) {
        border-top-width: 0; }
      .items.style1.small > *:nth-child(2n + 1) {
        border-left-width: 0; } }
  @media screen and (max-width: 481px) {
    .items.style1.big > *:nth-child(-n + 2) {
      border-top-width: 1px; }
    .items.style1.big > *:nth-child(2n + 1) {
      border-left-width: 1px; }
    .items.style1.big > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
      .items.style1.big > *:nth-child(-n + 1) {
        border-top-width: 0; }
      .items.style1.big > *:nth-child(1n + 1) {
        border-left-width: 0; }
    .items.style1.medium > *:nth-child(-n + 2) {
      border-top-width: 1px; }
    .items.style1.medium > *:nth-child(2n + 1) {
      border-left-width: 1px; }
    .items.style1.medium > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
      .items.style1.medium > *:nth-child(-n + 1) {
        border-top-width: 0; }
      .items.style1.medium > *:nth-child(1n + 1) {
        border-left-width: 0; }
    .items.style1.small > *:nth-child(-n + 2) {
      border-top-width: 1px; }
    .items.style1.small > *:nth-child(2n + 1) {
      border-left-width: 1px; }
    .items.style1.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
      .items.style1.small > *:nth-child(-n + 1) {
        border-top-width: 0; }
      .items.style1.small > *:nth-child(1n + 1) {
        border-left-width: 0; }
    .items.style1.big > *, .items.style1.medium > *, .items.style1.small > * {
      padding-left: 0;
      padding-right: 0; }
    .items.style1.big > :first-child, .items.style1.medium > :first-child, .items.style1.small > :first-child {
      padding-top: 0; }
    .items.style1.big > :last-child, .items.style1.medium > :last-child, .items.style1.small > :last-child {
      padding-bottom: 0; }
      .items.style1.big > :last-child > .inner > :last-child, .items.style1.medium > :last-child > .inner > :last-child, .items.style1.small > :last-child > .inner > :last-child {
        margin-bottom: 0; } }
/* Items (style2) */
.items.style2 {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 3rem 0;
  position: relative;
  border: solid 1px;
  border-radius: 4px; }
  .items.style2 > * {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px; }
  .items.style2.big > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 50%; }
    .items.style2.big > *:nth-child(-n + 2) {
      border-top-width: 0; }
    .items.style2.big > *:nth-child(2n + 1) {
      border-left-width: 0; }
  .items.style2.medium > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 33.33333333%; }
    .items.style2.medium > *:nth-child(-n + 3) {
      border-top-width: 0; }
    .items.style2.medium > *:nth-child(3n + 1) {
      border-left-width: 0; }
  .items.style2.small > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 25%; }
    .items.style2.small > *:nth-child(-n + 4) {
      border-top-width: 0; }
    .items.style2.small > *:nth-child(4n + 1) {
      border-left-width: 0; }
  @media screen and (max-width: 1281px) {
    .items.style2.small > *:nth-child(-n + 4) {
      border-top-width: 1px; }
    .items.style2.small > *:nth-child(4n + 1) {
      border-left-width: 1px; }
    .items.style2.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 33.33333333%; }
      .items.style2.small > *:nth-child(-n + 3) {
        border-top-width: 0; }
      .items.style2.small > *:nth-child(3n + 1) {
        border-left-width: 0; } }
  @media screen and (max-width: 981px) {
    .items.style2.medium > *:nth-child(-n + 3) {
      border-top-width: 1px; }
    .items.style2.medium > *:nth-child(3n + 1) {
      border-left-width: 1px; }
    .items.style2.medium > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 50%; }
      .items.style2.medium > *:nth-child(-n + 2) {
        border-top-width: 0; }
      .items.style2.medium > *:nth-child(2n + 1) {
        border-left-width: 0; }
    .items.style2.small > *:nth-child(-n + 3) {
      border-top-width: 1px; }
    .items.style2.small > *:nth-child(3n + 1) {
      border-left-width: 1px; }
    .items.style2.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 50%; }
      .items.style2.small > *:nth-child(-n + 2) {
        border-top-width: 0; }
      .items.style2.small > *:nth-child(2n + 1) {
        border-left-width: 0; } }
  @media screen and (max-width: 481px) {
    .items.style2.big > *:nth-child(-n + 2) {
      border-top-width: 1px; }
    .items.style2.big > *:nth-child(2n + 1) {
      border-left-width: 1px; }
    .items.style2.big > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
      .items.style2.big > *:nth-child(-n + 1) {
        border-top-width: 0; }
      .items.style2.big > *:nth-child(1n + 1) {
        border-left-width: 0; }
    .items.style2.medium > *:nth-child(-n + 2) {
      border-top-width: 1px; }
    .items.style2.medium > *:nth-child(2n + 1) {
      border-left-width: 1px; }
    .items.style2.medium > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
      .items.style2.medium > *:nth-child(-n + 1) {
        border-top-width: 0; }
      .items.style2.medium > *:nth-child(1n + 1) {
        border-left-width: 0; }
    .items.style2.small > *:nth-child(-n + 2) {
      border-top-width: 1px; }
    .items.style2.small > *:nth-child(2n + 1) {
      border-left-width: 1px; }
    .items.style2.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
      .items.style2.small > *:nth-child(-n + 1) {
        border-top-width: 0; }
      .items.style2.small > *:nth-child(1n + 1) {
        border-left-width: 0; } }
/* Items (style3) */
.items.style3 {
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 3rem 0;
  position: relative; }
  .items.style3 > * {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0; }
  .items.style3.big > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 50%; }
  .items.style3.medium > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 33.33333333%; }
  .items.style3.small > * {
    padding: 0rem 0rem 0.1rem 0rem ;
    width: 25%; }
  @media screen and (max-width: 1281px) {
    .items.style3.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 33.33333333%; } }
  @media screen and (max-width: 981px) {
    .items.style3.medium > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 50%; }
    .items.style3.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 50%; } }
  @media screen and (max-width: 737px) {
    .items.style3 {
      margin: 2rem 0; } }
  @media screen and (max-width: 481px) {
    .items.style3.big > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
    .items.style3.medium > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
    .items.style3.small > * {
      padding: 0rem 0rem 0.1rem 0rem ;
      width: 100%; }
    .items.style3.big > *, .items.style3.medium > *, .items.style3.small > * {
      padding-left: 0;
      padding-right: 0; }
    .items.style3.big > :first-child, .items.style3.medium > :first-child, .items.style3.small > :first-child {
      padding-top: 0; }
    .items.style3.big > :last-child, .items.style3.medium > :last-child, .items.style3.small > :last-child {
      padding-bottom: 0; }
      .items.style3.big > :last-child > .inner > :last-child, .items.style3.medium > :last-child > .inner > :last-child, .items.style3.small > :last-child > .inner > :last-child {
        margin-bottom: 0; } }
.items.style1 > * {
  border-color: rgba(1, 1, 1, 0.2); }

.items.style2 {
  border-color: rgba(1, 1, 1, 0.2); }
  .items.style2 > * {
    border-color: rgba(1, 1, 1, 0.2); }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Index */
.index > * {
  padding: 3rem 0 1rem 0 ;
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  border-top: solid 1px; }
  .index > * > header {
    -moz-flex-grow: 0;
    -webkit-flex-grow: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
    -moz-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 15rem; }
  .index > * > .content {
    -moz-flex-grow: 1;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -moz-flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-shrink: 1;
    flex-shrink: 1; }

.index > :first-child {
  border-top: 0; }

@media screen and (max-width: 981px) {
  .index > * > header {
    width: 11rem; } }

@media screen and (max-width: 737px) {
  .index > * > header {
    width: 10rem; } }

@media screen and (max-width: 481px) {
  .index > * {
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .index > * > header {
      width: 100%; } }

.index > * {
  border-top-color: rgba(1, 1, 1, 0.2); }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Sidebar */
#sidebar nav ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  #sidebar nav ul li {
    display: inline-block;
    margin-left: -2px;
    margin-right: 2em; }

/*
  Hugo-QuantaLumin

	A Hugo theme for scientific research and communication

  Copyright © QuantaLumin 2024
  All rights reserved
*/
* {
  box-sizing: border-box; }

.carousel-cell {
  width: 80% !important;
  padding-bottom: 1.5rem;
  margin-right: 10px;
  counter-increment: carousel-cell;
  overflow: auto; }
  .carousel-cell figure img {
    max-width: 100%;
    height: auto; }
    .carousel-cell figure img picture {
      max-width: 100%;
      height: auto; }

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  color: None; }

/* no circle */
.flickity-prev-next-button {
  width: 0px;
  height: 100%px;
  outline: none;
  box-shadow: none; }

/* position dots in carousel */
.flickity-page-dots {
  bottom: 5px; }

/* position outside */
.flickity-prev-next-button.previous {
  left: -5px; }

.flickity-prev-next-button.next {
  right: -5px; }

/* icon color */
.flickity-button-icon svg {
  color: gray; }

/* hide disabled button */
.flickity-button:disabled {
  display: none; }

/*
  © QuantaLumin 2024
  Contact: git@quantalumin.com
*/
span.edgeLabel {
  color: black !important;
  background-color: #a3ff98 !important; }

.node > g > g > foreignObject > div {
  color: green;
  stroke: black; }

.mermaid svg .cluster rect {
  fill: none !important;
  stroke: black !important; }

.mermaid svg .node polygon {
  fill: #d2f8d2 !important;
  stroke: black !important; }

.mermaid svg .node rect {
  fill: #d2f8d2 !important;
  stroke: black !important; }

/* Disable scrolling on the body while modal is open */
body.modal-open {
  overflow: hidden; }

/* The Modal (background) */
.modal {
  display: block;
  /* Visible by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Space from the top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  background-color: rgba(0, 0, 0, 0.6);
  /* Black background with transparency */ }

/* Modal Content */
.modal-content {
  background-color: #f9f9f9;
  margin: auto;
  padding: 20px;
  border: 2px solid #333;
  /* Solid border for an official feel */
  width: 80%;
  max-width: 600px;
  /* Limit modal width */ }

/* Heading style */
.modal-header {
  background-color: #004080;
  /* Official dark blue color */
  color: white;
  padding: 10px 20px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  border-bottom: 3px solid #333; }

/* Modal Body */
.modal-body {
  padding: 20px;
  font-size: 18px;
  color: #333; }

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
/* Wrapper */
#wrapper {
  background-color: inherit;
  width: 100%;
  overflow-x: hidden; }
  #wrapper > .invert a h1, #wrapper > .invert a h2, #wrapper > .invert a h3, #wrapper > .invert a h4, #wrapper > .invert a h5, #wrapper > .invert a h6, #wrapper > .invert a span, #wrapper > .invert a b, #wrapper > .invert a strong, #wrapper > .invert a em, #wrapper > .invert a i, #wrapper > .invert a p, #wrapper > .invert a span {
    -moz-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out; }
  #wrapper > .invert .box {
    border-color: white; }
  #wrapper > .invert label {
    color: #ffffff; }
  #wrapper > .invert input[type="text"],
  #wrapper > .invert input[type="password"],
  #wrapper > .invert input[type="email"],
  #wrapper > .invert input[type="tel"],
  #wrapper > .invert input[type="search"],
  #wrapper > .invert input[type="url"],
  #wrapper > .invert select,
  #wrapper > .invert textarea {
    border-color: white; }
    #wrapper > .invert input[type="text"]:focus,
    #wrapper > .invert input[type="password"]:focus,
    #wrapper > .invert input[type="email"]:focus,
    #wrapper > .invert input[type="tel"]:focus,
    #wrapper > .invert input[type="search"]:focus,
    #wrapper > .invert input[type="url"]:focus,
    #wrapper > .invert select:focus,
    #wrapper > .invert textarea:focus {
      border-color: #837164;
      box-shadow: 0 0 0 1px #837164; }
  #wrapper > .invert select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(1, 1, 1, 0.2)' /%3E%3C/svg%3E"); }
    #wrapper > .invert select option {
      color: #000000;
      background: #ffffff; }
  #wrapper > .invert input[type="checkbox"] + label,
  #wrapper > .invert input[type="radio"] + label {
    color: #ffffff; }
    #wrapper > .invert input[type="checkbox"] + label:before,
    #wrapper > .invert input[type="radio"] + label:before {
      border-color: white; }
  #wrapper > .invert input[type="checkbox"]:checked + label:before,
  #wrapper > .invert input[type="radio"]:checked + label:before {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000000; }
  #wrapper > .invert input[type="checkbox"]:focus + label:before,
  #wrapper > .invert input[type="radio"]:focus + label:before {
    border-color: #837164;
    box-shadow: 0 0 0 1px #837164; }
  #wrapper > .invert ::-webkit-input-placeholder {
    color: #ffffff !important; }
  #wrapper > .invert :-moz-placeholder {
    color: #ffffff !important; }
  #wrapper > .invert ::-moz-placeholder {
    color: #ffffff !important; }
  #wrapper > .invert :-ms-input-placeholder {
    color: #ffffff !important; }
  #wrapper > .invert ul.alt li {
    border-top-color: white; }
  #wrapper > .invert header p {
    color: #ffffff; }
  #wrapper > .invert table tbody tr {
    border-color: white; }
    #wrapper > .invert table tbody tr:nth-child(2n + 1) {
      background-color: rgba(255, 255, 255, 0.125); }
    #wrapper > .invert table tbody tr.alt {
      background-color: rgba(255, 255, 255, 0.125) !important; }
  #wrapper > .invert table th {
    color: #ffffff; }
  #wrapper > .invert table thead {
    border-bottom-color: white; }
  #wrapper > .invert table tfoot {
    border-top-color: white; }
  #wrapper > .invert table.alt tbody tr td {
    border-color: white; }
  #wrapper > .invert table.uniform tbody tr:nth-child(2n + 1) {
    background-color: transparent; }
  #wrapper > .invert .banner figure {
    background-color: #ffffff; }
  #wrapper > .invert .banner.style4 figure {
    border-color: white;
    background-color: white;
    border-width: 1px; }
    #wrapper > .invert .banner.style4 figure:before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='11' y='12' width='42' height='8' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
      border-color: white;
      width: calc(100% + 2px);
      margin-left: -1px; }
    #wrapper > .invert .banner.style4 figure:after {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Ccircle cx='32' cy='16' r='14' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
      border-color: white;
      width: calc(100% + 2px);
      margin-left: -1px; }
  #wrapper > .invert .banner.style4.android figure:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='6' y='4' width='52' height='24' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E"); }
  #wrapper > .invert .spotlight figure, #wrapper > .invert .spotlight canvas {
    background-color: rgba(255, 255, 255, 0.225); }
  #wrapper > .invert .spotlight.style3 figure, #wrapper > .invert .spotlight.style3 canvas {
    border-color: white;
    background-color: white;
    border-width: 1px; }
    #wrapper > .invert .spotlight.style3 figure:before, #wrapper > .invert .spotlight.style3 canvas:before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='11' y='12' width='42' height='8' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
      border-color: white;
      width: calc(100% + 2px);
      margin-left: -1px; }
    #wrapper > .invert .spotlight.style3 figure:after, #wrapper > .invert .spotlight.style3 canvas:after {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Ccircle cx='32' cy='16' r='14' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E");
      border-color: white;
      width: calc(100% + 2px);
      margin-left: -1px; }
  #wrapper > .invert .spotlight.style3.android figure:after, #wrapper > .invert .spotlight.style3.android canvas:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='32px' viewBox='0 0 64 32' zoomAndPan='disable'%3E%3Cstyle%3Erect %7Bfill: transparent%3B stroke: white%3B stroke-width: 1px%3B %7D%3C/style%3E%3Crect rx='4' ry='4' x='6' y='4' width='52' height='24' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E"); }
  #wrapper > .invert .gallery article figure {
    background-color: rgba(255, 255, 255, 0.125); }
  #wrapper > .invert .items.style1 > * {
    border-color: white; }
  #wrapper > .invert .items.style2 {
    border-color: white; }
    #wrapper > .invert .items.style2 > * {
      border-color: white; }
  #wrapper > .invert .index > * {
    border-top-color: white; }
  #wrapper > .color1 {
    background-color: #ffffff; }
  #wrapper > .color2 {
    background-color: #db8992; }
  #wrapper > .color3 {
    background-color: #000000; }
  #wrapper > .color4 {
    background-color: #897cad; }
  #wrapper > .color5 {
    background-color: #7794ce; }
  #wrapper > .color6 {
    background-color: #64abb4; }
  #wrapper > .color7 {
    background-color: #00aaaa; }
  #wrapper.divided > * {
    box-shadow: inset 0 1px 0 0 rgba(1, 1, 1, 0.075); }
    #wrapper.divided > *:first-child {
      box-shadow: none !important; }
  #wrapper.divided > .invert {
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.125); }
    #wrapper.divided > .invert:first-child {
      box-shadow: none !important; }

/*
  Hugo-QuantaLumin

	A Hugo theme for scientific research and communication

  Copyright © QuantaLumin 2024
  All rights reserved
*/
header {
  grid-area: header; }

main {
  grid-area: main; }

#aside {
  grid-area: aside; }

#article-nav {
  grid-area: nav; }

footer {
  grid-area: footer; }

@media (max-width: 736px) {
  .grid-container {
    display: grid;
    grid-auto-columns: 100vw;
    grid-template-areas: 'header' 'aside' 'main' 'nav' 'footer'; } }

/*
	Hugo Story by CaressOfSteel
	A (modular, highly tweakable) responsive one-page theme for Hugo.
	Ported from Story by HTML5UP.
	This Hugo theme is licensed under the Creative Commons Attribution 3.0 License.
*/
header {
  background-color: #ffffff;
  padding: 2.1rem;
  margin: header-margin;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center; }
  header ul.actions li a {
    float: left; }
    header ul.actions li a span {
      margin: 0;
      display: inline-block;
      align-items: center;
      text-align: center;
      vertical-align: middle;
      line-height: normal; }
  @media screen and (max-width: 1281px) {
    header {
      padding: 1.5rem 1.5rem 0.9rem 1.5rem ; }
      header li {
        padding: 0; } }
  @media screen and (max-width: 1281px) {
    header {
      padding: 1.2rem 1.2rem 0.6rem 1.2rem ; }
      header li {
        padding: 0; } }
  @media screen and (max-width: 981px) {
    header {
      padding: 1.125rem 0.9rem 0.525rem 0.9rem ; }
      header li {
        padding: 0; } }
  @media screen and (max-width: 737px) {
    header {
      padding: 0.75rem 0.6rem 0.15rem 0.6rem ; }
      header li {
        padding: 0; } }
  header li {
    padding: 0; }
  @media screen and (orientation: portrait) {
    header {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center; }
      header li {
        padding: 2px; }
      header .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100%;
        max-width: 100%; }
      header .figure-inline figure {
        max-width: 100% !important;
        width: 100% !important; } }
header.style1 .logo {
  order: 1; }

header.style1 .menu {
  order: 2; }

header.style1 .altmenu {
  order: 3; }

header.style1 li {
  float: left; }

header.style1 li a {
  text-align: center;
  text-decoration: none; }

header.style1 ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }

header.style1 li {
  list-style-type: none;
  display: flex;
  flex-flow: wrap column;
  justify-content: center;
  align-items: center;
  /* vertically */ }

header.style1 .logo {
  text-align: left;
  overflow: visible; }
  header.style1 .logo svg {
    max-width: 30vw;
    min-width: 20vw;
    height: 100%; }

@media screen and (orientation: portrait) {
  header.style1 .menu {
    order: 1; }
  header.style1 .altmenu {
    order: 3; }
  header.style1 .logo {
    order: -1; }
  header.style1 .logo {
    width: 100vw;
    text-align: center;
    overflow: visible; }
    header.style1 .logo svg {
      height: auto;
      max-width: 80vw;
      min-width: 60vw; } }

header.style2 {
  display: grid;
  grid-template-areas: 'logo menu' 'logo altmenu'; }
  header.style2 .logo {
    grid-area: logo; }
  header.style2 .menu {
    grid-area: menu; }
  header.style2 .alt-menu {
    grid-area: altmenu; }
  header.style2 li {
    float: left; }
  header.style2 li a {
    text-align: center;
    text-decoration: none; }
  header.style2 ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center; }
  header.style2 li {
    list-style-type: none;
    display: flex;
    flex-flow: wrap row;
    justify-content: center;
    align-items: center;
    /* vertically */ }
  header.style2 .logo {
    text-align: left;
    overflow: visible; }
    header.style2 .logo svg {
      max-width: 30vw;
      min-width: 20vw;
      height: 100%; }
  @media screen and (orientation: portrait) {
    header.style2 .menu {
      order: 1;
      grid-column: 1;
      grid-row: 2; }
    header.style2 .altmenu {
      order: 3;
      grid-column: 1;
      grid-row: 3; }
    header.style2 .logo {
      order: -1;
      grid-column: 1;
      grid-row: 1; }
    header.style2 .logo {
      width: 100vw;
      text-align: center;
      overflow: visible; }
      header.style2 .logo svg {
        height: auto;
        max-width: 80vw;
        min-width: 60vw; } }
#aside {
  background-color: #ffffff;
  padding: 0.7rem;
  margin: aside-margin; }
  #aside ul.actions li a {
    float: left; }
    #aside ul.actions li a span {
      margin: 0;
      display: inline-block;
      align-items: center;
      text-align: center;
      vertical-align: middle;
      line-height: normal; }
  @media screen and (max-width: 1281px) {
    #aside {
      padding: 0.5rem 0.5rem 0.3rem 0.5rem ; }
      #aside li {
        padding: 0; } }
  @media screen and (max-width: 1281px) {
    #aside {
      padding: 0.4rem 0.4rem 0.2rem 0.4rem ; }
      #aside li {
        padding: 0; } }
  @media screen and (max-width: 981px) {
    #aside {
      padding: 0.375rem 0.3rem 0.175rem 0.3rem ; }
      #aside li {
        padding: 0; } }
  @media screen and (max-width: 737px) {
    #aside {
      padding: 0.25rem 0.2rem 0.05rem 0.2rem ; }
      #aside li {
        padding: 0; } }
  #aside li {
    padding: 0; }
  @media screen and (orientation: portrait) {
    #aside {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center; }
      #aside li {
        padding: 2px; }
      #aside .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100%;
        max-width: 100%; }
      #aside .figure-inline figure {
        max-width: 100% !important;
        width: 100% !important; } }
main {
  background-color: #ffffff;
  padding: 0rem;
  margin: margin; }
  main ul.actions li a {
    float: left; }
    main ul.actions li a span {
      margin: 0;
      display: inline-block;
      align-items: center;
      text-align: center;
      vertical-align: middle;
      line-height: normal; }
  @media screen and (max-width: 1281px) {
    main {
      padding: 0rem 0rem 0rem 0rem ; }
      main li {
        padding: 0; } }
  @media screen and (max-width: 1281px) {
    main {
      padding: 0rem 0rem 0rem 0rem ; }
      main li {
        padding: 0; } }
  @media screen and (max-width: 981px) {
    main {
      padding: 0rem 0rem 0rem 0rem ; }
      main li {
        padding: 0; } }
  @media screen and (max-width: 737px) {
    main {
      padding: 0rem 0rem 0rem 0rem ; }
      main li {
        padding: 0; } }
  main li {
    padding: 0; }
  @media screen and (orientation: portrait) {
    main {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center; }
      main li {
        padding: 2px; }
      main .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100%;
        max-width: 100%; }
      main .figure-inline figure {
        max-width: 100% !important;
        width: 100% !important; } }
#article-nav {
  background-color: #ffffff;
  padding: 3.5rem;
  margin: article-nav-margin; }
  #article-nav ul.actions li a {
    float: left; }
    #article-nav ul.actions li a span {
      margin: 0;
      display: inline-block;
      align-items: center;
      text-align: center;
      vertical-align: middle;
      line-height: normal; }
  @media screen and (max-width: 1281px) {
    #article-nav {
      padding: 2.5rem 2.5rem 1.5rem 2.5rem ; }
      #article-nav li {
        padding: 0; } }
  @media screen and (max-width: 1281px) {
    #article-nav {
      padding: 2rem 2rem 1rem 2rem ; }
      #article-nav li {
        padding: 0; } }
  @media screen and (max-width: 981px) {
    #article-nav {
      padding: 1.875rem 1.5rem 0.875rem 1.5rem ; }
      #article-nav li {
        padding: 0; } }
  @media screen and (max-width: 737px) {
    #article-nav {
      padding: 1.25rem 1rem 0.25rem 1rem ; }
      #article-nav li {
        padding: 0; } }
  #article-nav li {
    padding: 0; }
  @media screen and (orientation: portrait) {
    #article-nav {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center; }
      #article-nav li {
        padding: 2px; }
      #article-nav .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100%;
        max-width: 100%; }
      #article-nav .figure-inline figure {
        max-width: 100% !important;
        width: 100% !important; } }
footer {
  background-color: #71f5f1;
  padding: 3.5rem;
  margin: footer-margin;
  text-align: center; }
  footer ul.actions li a {
    float: left; }
    footer ul.actions li a span {
      margin: 0;
      display: inline-block;
      align-items: center;
      text-align: center;
      vertical-align: middle;
      line-height: normal; }
  @media screen and (max-width: 1281px) {
    footer {
      padding: 2.5rem 2.5rem 1.5rem 2.5rem ; }
      footer li {
        padding: 0; } }
  @media screen and (max-width: 1281px) {
    footer {
      padding: 2rem 2rem 1rem 2rem ; }
      footer li {
        padding: 0; } }
  @media screen and (max-width: 981px) {
    footer {
      padding: 1.875rem 1.5rem 0.875rem 1.5rem ; }
      footer li {
        padding: 0; } }
  @media screen and (max-width: 737px) {
    footer {
      padding: 1.25rem 1rem 0.25rem 1rem ; }
      footer li {
        padding: 0; } }
  footer li {
    padding: 0; }
  @media screen and (orientation: portrait) {
    footer {
      -moz-flex-direction: column;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center; }
      footer li {
        padding: 2px; }
      footer .content {
        display: -moz-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 100%;
        max-width: 100%; }
      footer .figure-inline figure {
        max-width: 100% !important;
        width: 100% !important; } }
  footer ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    list-style-type: none;
    padding-left: 5vw;
    padding-right: 5vw;
    min-width: 25vw; }
  footer .copyright {
    padding: 0; }
  footer .icon li a {
    display: inline-block;
    float: left; }
  footer .icon a {
    text-decoration: none; }
  footer .icon svg {
    display: block;
    padding: 1rem;
    height: 3.5rem;
    width: 100%; }
  footer .columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center; }
    footer .columns li {
      display: inline; }
    @media screen and (orientation: portrait) {
      footer .columns {
        -moz-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center; }
        footer .columns ul {
          padding-right: 0; }
          footer .columns ul li {
            margin-left: auto;
            text-align: center;
            align-items: center; } }
header ul {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1rem; }

@media screen and (orientation: landscape) {
  header.fixed {
    position: fixed;
    z-index: 10;
    /* Behind images but in front of text */
    width: 100%;
    justify-content: center;
    /* centers horizontally */
    align-items: center;
    /* centers vertically */ }
  header.right {
    left: 50%;
    width: 50%; } }