/*!
Theme Name: Capturing Reality
Theme URI: http://underscores.me/
Author: Denman Digital
Author URI: http://denman.digital
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: capturing_reality
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Capturing Reality is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*
A simple little SCSS mixin for creating scrim gradients
Inspired by Andreas Larson - https://github.com/larsenwork
https://css-tricks.com/easing-linear-gradients/
*/
@font-face {
  font-family: 'HelveticaNeueLTStd';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/HelveticaNeueLTStd-Roman.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Roman.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Roman.ttf") format("truetype"); }
@font-face {
  font-family: 'HelveticaNeueLTStd';
  font-style: normal;
  font-weight: bold;
  src: url("fonts/HelveticaNeueLTStd-Bd.woff2") format("woff2"), url("fonts/HelveticaNeueLTStd-Bd.woff") format("woff"), url("fonts/HelveticaNeueLTStd-Bd.ttf") format("truetype"); }
* {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

body {
  margin: 0;
  font-family: "Helvetica Neue", "HelveticaNeueLTStd", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.2727272727;
  color: black;
  text-align: left;
  background-color: black;
  position: relative; }

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

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

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

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

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

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

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

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

dt {
  font-weight: font-weight(bold); }

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

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #F5A623;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #c37d09;
    text-decoration: underline; }

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

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

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

figure {
  margin: 0 0 1rem; }

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

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

[role="button"],
a,
area,
button,
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

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

th {
  text-align: inherit; }

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

button {
  border-radius: 0; }

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

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

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical; }

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

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

progress {
  vertical-align: baseline; }

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

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

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

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

output {
  display: inline-block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

@-ms-viewport {
  width: device-width; }
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 408px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 600px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 824px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1032px; } }
  @media (min-width: 1600px) {
    .container {
      max-width: 1432px; } }
  @media (min-width: 1920px) {
    .container {
      max-width: 1752px; } }
  @media (min-width: 2560px) {
    .container {
      max-width: 2392px; } }

.container-fluid, .modal-container, .nav-playlist-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-sm-first {
    order: -1; }

  .order-sm-1 {
    order: 1; }

  .order-sm-2 {
    order: 2; }

  .order-sm-3 {
    order: 3; }

  .order-sm-4 {
    order: 4; }

  .order-sm-5 {
    order: 5; }

  .order-sm-6 {
    order: 6; }

  .order-sm-7 {
    order: 7; }

  .order-sm-8 {
    order: 8; }

  .order-sm-9 {
    order: 9; }

  .order-sm-10 {
    order: 10; }

  .order-sm-11 {
    order: 11; }

  .order-sm-12 {
    order: 12; }

  .offset-sm-0 {
    margin-left: 0; }

  .offset-sm-1 {
    margin-left: 8.3333333333%; }

  .offset-sm-2 {
    margin-left: 16.6666666667%; }

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

  .offset-sm-4 {
    margin-left: 33.3333333333%; }

  .offset-sm-5 {
    margin-left: 41.6666666667%; }

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

  .offset-sm-7 {
    margin-left: 58.3333333333%; }

  .offset-sm-8 {
    margin-left: 66.6666666667%; }

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

  .offset-sm-10 {
    margin-left: 83.3333333333%; }

  .offset-sm-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-md-first {
    order: -1; }

  .order-md-1 {
    order: 1; }

  .order-md-2 {
    order: 2; }

  .order-md-3 {
    order: 3; }

  .order-md-4 {
    order: 4; }

  .order-md-5 {
    order: 5; }

  .order-md-6 {
    order: 6; }

  .order-md-7 {
    order: 7; }

  .order-md-8 {
    order: 8; }

  .order-md-9 {
    order: 9; }

  .order-md-10 {
    order: 10; }

  .order-md-11 {
    order: 11; }

  .order-md-12 {
    order: 12; }

  .offset-md-0 {
    margin-left: 0; }

  .offset-md-1 {
    margin-left: 8.3333333333%; }

  .offset-md-2 {
    margin-left: 16.6666666667%; }

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

  .offset-md-4 {
    margin-left: 33.3333333333%; }

  .offset-md-5 {
    margin-left: 41.6666666667%; }

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

  .offset-md-7 {
    margin-left: 58.3333333333%; }

  .offset-md-8 {
    margin-left: 66.6666666667%; }

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

  .offset-md-10 {
    margin-left: 83.3333333333%; }

  .offset-md-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-lg-first {
    order: -1; }

  .order-lg-1 {
    order: 1; }

  .order-lg-2 {
    order: 2; }

  .order-lg-3 {
    order: 3; }

  .order-lg-4 {
    order: 4; }

  .order-lg-5 {
    order: 5; }

  .order-lg-6 {
    order: 6; }

  .order-lg-7 {
    order: 7; }

  .order-lg-8 {
    order: 8; }

  .order-lg-9 {
    order: 9; }

  .order-lg-10 {
    order: 10; }

  .order-lg-11 {
    order: 11; }

  .order-lg-12 {
    order: 12; }

  .offset-lg-0 {
    margin-left: 0; }

  .offset-lg-1 {
    margin-left: 8.3333333333%; }

  .offset-lg-2 {
    margin-left: 16.6666666667%; }

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

  .offset-lg-4 {
    margin-left: 33.3333333333%; }

  .offset-lg-5 {
    margin-left: 41.6666666667%; }

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

  .offset-lg-7 {
    margin-left: 58.3333333333%; }

  .offset-lg-8 {
    margin-left: 66.6666666667%; }

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

  .offset-lg-10 {
    margin-left: 83.3333333333%; }

  .offset-lg-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xl-first {
    order: -1; }

  .order-xl-1 {
    order: 1; }

  .order-xl-2 {
    order: 2; }

  .order-xl-3 {
    order: 3; }

  .order-xl-4 {
    order: 4; }

  .order-xl-5 {
    order: 5; }

  .order-xl-6 {
    order: 6; }

  .order-xl-7 {
    order: 7; }

  .order-xl-8 {
    order: 8; }

  .order-xl-9 {
    order: 9; }

  .order-xl-10 {
    order: 10; }

  .order-xl-11 {
    order: 11; }

  .order-xl-12 {
    order: 12; }

  .offset-xl-0 {
    margin-left: 0; }

  .offset-xl-1 {
    margin-left: 8.3333333333%; }

  .offset-xl-2 {
    margin-left: 16.6666666667%; }

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

  .offset-xl-4 {
    margin-left: 33.3333333333%; }

  .offset-xl-5 {
    margin-left: 41.6666666667%; }

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

  .offset-xl-7 {
    margin-left: 58.3333333333%; }

  .offset-xl-8 {
    margin-left: 66.6666666667%; }

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

  .offset-xl-10 {
    margin-left: 83.3333333333%; }

  .offset-xl-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 1600px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xxl-first {
    order: -1; }

  .order-xxl-1 {
    order: 1; }

  .order-xxl-2 {
    order: 2; }

  .order-xxl-3 {
    order: 3; }

  .order-xxl-4 {
    order: 4; }

  .order-xxl-5 {
    order: 5; }

  .order-xxl-6 {
    order: 6; }

  .order-xxl-7 {
    order: 7; }

  .order-xxl-8 {
    order: 8; }

  .order-xxl-9 {
    order: 9; }

  .order-xxl-10 {
    order: 10; }

  .order-xxl-11 {
    order: 11; }

  .order-xxl-12 {
    order: 12; }

  .offset-xxl-0 {
    margin-left: 0; }

  .offset-xxl-1 {
    margin-left: 8.3333333333%; }

  .offset-xxl-2 {
    margin-left: 16.6666666667%; }

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

  .offset-xxl-4 {
    margin-left: 33.3333333333%; }

  .offset-xxl-5 {
    margin-left: 41.6666666667%; }

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

  .offset-xxl-7 {
    margin-left: 58.3333333333%; }

  .offset-xxl-8 {
    margin-left: 66.6666666667%; }

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

  .offset-xxl-10 {
    margin-left: 83.3333333333%; }

  .offset-xxl-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 1920px) {
  .col-xxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xxxl-first {
    order: -1; }

  .order-xxxl-1 {
    order: 1; }

  .order-xxxl-2 {
    order: 2; }

  .order-xxxl-3 {
    order: 3; }

  .order-xxxl-4 {
    order: 4; }

  .order-xxxl-5 {
    order: 5; }

  .order-xxxl-6 {
    order: 6; }

  .order-xxxl-7 {
    order: 7; }

  .order-xxxl-8 {
    order: 8; }

  .order-xxxl-9 {
    order: 9; }

  .order-xxxl-10 {
    order: 10; }

  .order-xxxl-11 {
    order: 11; }

  .order-xxxl-12 {
    order: 12; }

  .offset-xxxl-0 {
    margin-left: 0; }

  .offset-xxxl-1 {
    margin-left: 8.3333333333%; }

  .offset-xxxl-2 {
    margin-left: 16.6666666667%; }

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

  .offset-xxxl-4 {
    margin-left: 33.3333333333%; }

  .offset-xxxl-5 {
    margin-left: 41.6666666667%; }

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

  .offset-xxxl-7 {
    margin-left: 58.3333333333%; }

  .offset-xxxl-8 {
    margin-left: 66.6666666667%; }

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

  .offset-xxxl-10 {
    margin-left: 83.3333333333%; }

  .offset-xxxl-11 {
    margin-left: 91.6666666667%; } }
@media (min-width: 2560px) {
  .col-xxxxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-xxxxl-first {
    order: -1; }

  .order-xxxxl-1 {
    order: 1; }

  .order-xxxxl-2 {
    order: 2; }

  .order-xxxxl-3 {
    order: 3; }

  .order-xxxxl-4 {
    order: 4; }

  .order-xxxxl-5 {
    order: 5; }

  .order-xxxxl-6 {
    order: 6; }

  .order-xxxxl-7 {
    order: 7; }

  .order-xxxxl-8 {
    order: 8; }

  .order-xxxxl-9 {
    order: 9; }

  .order-xxxxl-10 {
    order: 10; }

  .order-xxxxl-11 {
    order: 11; }

  .order-xxxxl-12 {
    order: 12; }

  .offset-xxxxl-0 {
    margin-left: 0; }

  .offset-xxxxl-1 {
    margin-left: 8.3333333333%; }

  .offset-xxxxl-2 {
    margin-left: 16.6666666667%; }

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

  .offset-xxxxl-4 {
    margin-left: 33.3333333333%; }

  .offset-xxxxl-5 {
    margin-left: 41.6666666667%; }

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

  .offset-xxxxl-7 {
    margin-left: 58.3333333333%; }

  .offset-xxxxl-8 {
    margin-left: 66.6666666667%; }

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

  .offset-xxxxl-10 {
    margin-left: 83.3333333333%; }

  .offset-xxxxl-11 {
    margin-left: 91.6666666667%; } }
.flex-row {
  flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-sm-stretch {
    align-self: stretch !important; } }
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-md-stretch {
    align-self: stretch !important; } }
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-lg-stretch {
    align-self: stretch !important; } }
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-xl-stretch {
    align-self: stretch !important; } }
@media (min-width: 1600px) {
  .flex-xxl-row {
    flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-xxl-stretch {
    align-self: stretch !important; } }
@media (min-width: 1920px) {
  .flex-xxxl-row {
    flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-xxxl-stretch {
    align-self: stretch !important; } }
@media (min-width: 2560px) {
  .flex-xxxxl-row {
    flex-direction: row !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-self-xxxxl-stretch {
    align-self: stretch !important; } }
.container-fluid, .modal-container, .nav-playlist-container {
  padding-left: 84px;
  padding-right: 84px; }
  @media (max-width: 767px) {
    .container-fluid, .modal-container, .nav-playlist-container {
      padding-left: 54px;
      padding-right: 54px; } }

.row.cols-1 .col,
.row.cols-1 .col {
  flex: 0 0 100%;
  max-width: 100%; }
.row.cols-2 .col,
.row.cols-2 .col {
  flex: 0 0 50%;
  max-width: 50%; }
.row.cols-3 .col,
.row.cols-3 .col {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%; }
.row.cols-4 .col,
.row.cols-4 .col {
  flex: 0 0 25%;
  max-width: 25%; }
.row.cols-5 .col,
.row.cols-5 .col {
  flex: 0 0 20%;
  max-width: 20%; }
.row.cols-6 .col,
.row.cols-6 .col {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%; }
.row.cols-7 .col,
.row.cols-7 .col {
  flex: 0 0 14.2857142857%;
  max-width: 14.2857142857%; }
.row.cols-8 .col,
.row.cols-8 .col {
  flex: 0 0 12.5%;
  max-width: 12.5%; }
.row.cols-9 .col,
.row.cols-9 .col {
  flex: 0 0 11.1111111111%;
  max-width: 11.1111111111%; }
.row.cols-10 .col,
.row.cols-10 .col {
  flex: 0 0 10%;
  max-width: 10%; }
.row.cols-11 .col,
.row.cols-11 .col {
  flex: 0 0 9.0909090909%;
  max-width: 9.0909090909%; }
.row.cols-12 .col,
.row.cols-12 .col {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%; }
@media (min-width: 576px) {
  .row.cols-sm-1 .col,
  .row.cols-sm-1 .col-sm {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 576px) {
  .row.cols-sm-2 .col,
  .row.cols-sm-2 .col-sm {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 576px) {
  .row.cols-sm-3 .col,
  .row.cols-sm-3 .col-sm {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; } }
@media (min-width: 576px) {
  .row.cols-sm-4 .col,
  .row.cols-sm-4 .col-sm {
    flex: 0 0 25%;
    max-width: 25%; } }
@media (min-width: 576px) {
  .row.cols-sm-5 .col,
  .row.cols-sm-5 .col-sm {
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 576px) {
  .row.cols-sm-6 .col,
  .row.cols-sm-6 .col-sm {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }
@media (min-width: 576px) {
  .row.cols-sm-7 .col,
  .row.cols-sm-7 .col-sm {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%; } }
@media (min-width: 576px) {
  .row.cols-sm-8 .col,
  .row.cols-sm-8 .col-sm {
    flex: 0 0 12.5%;
    max-width: 12.5%; } }
@media (min-width: 576px) {
  .row.cols-sm-9 .col,
  .row.cols-sm-9 .col-sm {
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%; } }
@media (min-width: 576px) {
  .row.cols-sm-10 .col,
  .row.cols-sm-10 .col-sm {
    flex: 0 0 10%;
    max-width: 10%; } }
@media (min-width: 576px) {
  .row.cols-sm-11 .col,
  .row.cols-sm-11 .col-sm {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%; } }
@media (min-width: 576px) {
  .row.cols-sm-12 .col,
  .row.cols-sm-12 .col-sm {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (min-width: 768px) {
  .row.cols-md-1 .col,
  .row.cols-md-1 .col-md {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 768px) {
  .row.cols-md-2 .col,
  .row.cols-md-2 .col-md {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 768px) {
  .row.cols-md-3 .col,
  .row.cols-md-3 .col-md {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; } }
@media (min-width: 768px) {
  .row.cols-md-4 .col,
  .row.cols-md-4 .col-md {
    flex: 0 0 25%;
    max-width: 25%; } }
@media (min-width: 768px) {
  .row.cols-md-5 .col,
  .row.cols-md-5 .col-md {
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 768px) {
  .row.cols-md-6 .col,
  .row.cols-md-6 .col-md {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }
@media (min-width: 768px) {
  .row.cols-md-7 .col,
  .row.cols-md-7 .col-md {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%; } }
@media (min-width: 768px) {
  .row.cols-md-8 .col,
  .row.cols-md-8 .col-md {
    flex: 0 0 12.5%;
    max-width: 12.5%; } }
@media (min-width: 768px) {
  .row.cols-md-9 .col,
  .row.cols-md-9 .col-md {
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%; } }
@media (min-width: 768px) {
  .row.cols-md-10 .col,
  .row.cols-md-10 .col-md {
    flex: 0 0 10%;
    max-width: 10%; } }
@media (min-width: 768px) {
  .row.cols-md-11 .col,
  .row.cols-md-11 .col-md {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%; } }
@media (min-width: 768px) {
  .row.cols-md-12 .col,
  .row.cols-md-12 .col-md {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (min-width: 992px) {
  .row.cols-lg-1 .col,
  .row.cols-lg-1 .col-lg {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 992px) {
  .row.cols-lg-2 .col,
  .row.cols-lg-2 .col-lg {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 992px) {
  .row.cols-lg-3 .col,
  .row.cols-lg-3 .col-lg {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; } }
@media (min-width: 992px) {
  .row.cols-lg-4 .col,
  .row.cols-lg-4 .col-lg {
    flex: 0 0 25%;
    max-width: 25%; } }
@media (min-width: 992px) {
  .row.cols-lg-5 .col,
  .row.cols-lg-5 .col-lg {
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 992px) {
  .row.cols-lg-6 .col,
  .row.cols-lg-6 .col-lg {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }
@media (min-width: 992px) {
  .row.cols-lg-7 .col,
  .row.cols-lg-7 .col-lg {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%; } }
@media (min-width: 992px) {
  .row.cols-lg-8 .col,
  .row.cols-lg-8 .col-lg {
    flex: 0 0 12.5%;
    max-width: 12.5%; } }
@media (min-width: 992px) {
  .row.cols-lg-9 .col,
  .row.cols-lg-9 .col-lg {
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%; } }
@media (min-width: 992px) {
  .row.cols-lg-10 .col,
  .row.cols-lg-10 .col-lg {
    flex: 0 0 10%;
    max-width: 10%; } }
@media (min-width: 992px) {
  .row.cols-lg-11 .col,
  .row.cols-lg-11 .col-lg {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%; } }
@media (min-width: 992px) {
  .row.cols-lg-12 .col,
  .row.cols-lg-12 .col-lg {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (min-width: 1200px) {
  .row.cols-xl-1 .col,
  .row.cols-xl-1 .col-xl {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 1200px) {
  .row.cols-xl-2 .col,
  .row.cols-xl-2 .col-xl {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 1200px) {
  .row.cols-xl-3 .col,
  .row.cols-xl-3 .col-xl {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; } }
@media (min-width: 1200px) {
  .row.cols-xl-4 .col,
  .row.cols-xl-4 .col-xl {
    flex: 0 0 25%;
    max-width: 25%; } }
@media (min-width: 1200px) {
  .row.cols-xl-5 .col,
  .row.cols-xl-5 .col-xl {
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 1200px) {
  .row.cols-xl-6 .col,
  .row.cols-xl-6 .col-xl {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }
@media (min-width: 1200px) {
  .row.cols-xl-7 .col,
  .row.cols-xl-7 .col-xl {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%; } }
@media (min-width: 1200px) {
  .row.cols-xl-8 .col,
  .row.cols-xl-8 .col-xl {
    flex: 0 0 12.5%;
    max-width: 12.5%; } }
@media (min-width: 1200px) {
  .row.cols-xl-9 .col,
  .row.cols-xl-9 .col-xl {
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%; } }
@media (min-width: 1200px) {
  .row.cols-xl-10 .col,
  .row.cols-xl-10 .col-xl {
    flex: 0 0 10%;
    max-width: 10%; } }
@media (min-width: 1200px) {
  .row.cols-xl-11 .col,
  .row.cols-xl-11 .col-xl {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%; } }
@media (min-width: 1200px) {
  .row.cols-xl-12 .col,
  .row.cols-xl-12 .col-xl {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-1 .col,
  .row.cols-xxl-1 .col-xxl {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-2 .col,
  .row.cols-xxl-2 .col-xxl {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-3 .col,
  .row.cols-xxl-3 .col-xxl {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-4 .col,
  .row.cols-xxl-4 .col-xxl {
    flex: 0 0 25%;
    max-width: 25%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-5 .col,
  .row.cols-xxl-5 .col-xxl {
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-6 .col,
  .row.cols-xxl-6 .col-xxl {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-7 .col,
  .row.cols-xxl-7 .col-xxl {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-8 .col,
  .row.cols-xxl-8 .col-xxl {
    flex: 0 0 12.5%;
    max-width: 12.5%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-9 .col,
  .row.cols-xxl-9 .col-xxl {
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-10 .col,
  .row.cols-xxl-10 .col-xxl {
    flex: 0 0 10%;
    max-width: 10%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-11 .col,
  .row.cols-xxl-11 .col-xxl {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%; } }
@media (min-width: 1600px) {
  .row.cols-xxl-12 .col,
  .row.cols-xxl-12 .col-xxl {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-1 .col,
  .row.cols-xxxl-1 .col-xxxl {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-2 .col,
  .row.cols-xxxl-2 .col-xxxl {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-3 .col,
  .row.cols-xxxl-3 .col-xxxl {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-4 .col,
  .row.cols-xxxl-4 .col-xxxl {
    flex: 0 0 25%;
    max-width: 25%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-5 .col,
  .row.cols-xxxl-5 .col-xxxl {
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-6 .col,
  .row.cols-xxxl-6 .col-xxxl {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-7 .col,
  .row.cols-xxxl-7 .col-xxxl {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-8 .col,
  .row.cols-xxxl-8 .col-xxxl {
    flex: 0 0 12.5%;
    max-width: 12.5%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-9 .col,
  .row.cols-xxxl-9 .col-xxxl {
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-10 .col,
  .row.cols-xxxl-10 .col-xxxl {
    flex: 0 0 10%;
    max-width: 10%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-11 .col,
  .row.cols-xxxl-11 .col-xxxl {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%; } }
@media (min-width: 1920px) {
  .row.cols-xxxl-12 .col,
  .row.cols-xxxl-12 .col-xxxl {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-1 .col,
  .row.cols-xxxxl-1 .col-xxxxl {
    flex: 0 0 100%;
    max-width: 100%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-2 .col,
  .row.cols-xxxxl-2 .col-xxxxl {
    flex: 0 0 50%;
    max-width: 50%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-3 .col,
  .row.cols-xxxxl-3 .col-xxxxl {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-4 .col,
  .row.cols-xxxxl-4 .col-xxxxl {
    flex: 0 0 25%;
    max-width: 25%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-5 .col,
  .row.cols-xxxxl-5 .col-xxxxl {
    flex: 0 0 20%;
    max-width: 20%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-6 .col,
  .row.cols-xxxxl-6 .col-xxxxl {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-7 .col,
  .row.cols-xxxxl-7 .col-xxxxl {
    flex: 0 0 14.2857142857%;
    max-width: 14.2857142857%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-8 .col,
  .row.cols-xxxxl-8 .col-xxxxl {
    flex: 0 0 12.5%;
    max-width: 12.5%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-9 .col,
  .row.cols-xxxxl-9 .col-xxxxl {
    flex: 0 0 11.1111111111%;
    max-width: 11.1111111111%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-10 .col,
  .row.cols-xxxxl-10 .col-xxxxl {
    flex: 0 0 10%;
    max-width: 10%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-11 .col,
  .row.cols-xxxxl-11 .col-xxxxl {
    flex: 0 0 9.0909090909%;
    max-width: 9.0909090909%; } }
@media (min-width: 2560px) {
  .row.cols-xxxxl-12 .col,
  .row.cols-xxxxl-12 .col-xxxxl {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%; } }
@media screen and (max-width: 450px) {
  .row.cols-xxs-1 .col,
  .row.cols-xxs-1 .col-xxs {
    flex: 0 0 100%;
    max-width: 100%; }
  .row.cols-xxs-2 .col,
  .row.cols-xxs-2 .col-xxs {
    flex: 0 0 50%;
    max-width: 50%; } }
@media screen and (max-width: 350px) {
  .row.cols-xxxs-1 .col,
  .row.cols-xxxs-1 .col-xxxs {
    flex: 0 0 100%;
    max-width: 100%; } }

html {
  overflow-x: hidden !important;
  width: 100vw; }
  html.data-waiting {
    cursor: progress !important; }

body.no-scroll {
  overflow: hidden; }

.site {
  position: relative;
  overflow: hidden;
  min-height: 100vh; }
  .site-content {
    transition: transform 350ms ease-in-out; }
    .site-header.active + .site-content {
      transform: translateX(20.5rem); }
    @media (max-width: 767px) {
      .site-header.active.playlists-open + .site-content {
        transform: none; } }
  .site-header {
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100vw;
    top: 0;
    padding-top: 45px;
    flex-direction: row;
    pointer-events: none;
    z-index: 6;
    transition: padding-top 300ms ease-out;
    will-change: padding-top; }
    .site-header > .site-header-content-wrapper {
      position: relative;
      width: 100%;
      height: 100%; }
    #interactive-header.headroom--unpinned ~ .site .site-header, #interactive-header.video-meta-sync.video-meta-hidden:not(.peek) ~ .site .site-header {
      padding-top: 0; }
    #interactive-header.force-show ~ .site .site-header {
      padding-top: 45px !important; }
    @media (max-width: 767px) {
      .site-header {
        width: calc(100vw + 20.5rem); } }
    @media (max-width: 575px) {
      .site-header {
        width: calc(100vw + calc(100vw - 44px)); }
        .site-header.transition {
          transition: none !important;
          will-change: unset; }
        .site-header.unfixed:not(.transition) {
          will-change: transform, padding-top;
          transition: transform 300ms ease, padding-top 300ms ease-out; }
        .site-header.unfixed:not(.active) {
          padding-top: 0 !important;
          position: absolute;
          left: 0;
          z-index: 1; }
        .site-header.unfixed.active {
          transform: none !important;
          padding-top: 45px !important; } }
  .site-main {
    transition: opacity 0.5s ease; }
    .site-main.transition {
      opacity: 0; }
  .site-modals {
    transition: opacity 300ms ease; }
    .sidebar.active ~ .site-modals {
      opacity: 0; }

header#interactive-header {
  width: 100vw; }
  header#interactive-header.video-meta-sync.video-meta-hidden {
    transform: translateY(-100%); }
  header#interactive-header.tab-focus:focus, header#interactive-header:focus-within, header#interactive-header.force-show, header#interactive-header.peek {
    transform: translateY(0) !important; }
  header#interactive-header.force-hide {
    transform: translateY(-100%) !important; }

.nav-playlists-region::before, .type-videos:not(.gallery-item-content) .entry-header::before, #video-controls::before, .video-background .video-container::after, #main #enter.loading::before, .nav-playlist, .video-container iframe, .video-background .video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.video-background {
  width: 100vw;
  height: 100vh; }
.nav-playlists-region::before, .type-videos:not(.gallery-item-content) .entry-header::before, #video-controls::before, .video-background .video-container::after, #main #enter.loading::before, .gallery-item::after, #video-wrapper.unstarted.loading .video-overlay::before, #video-wrapper.unstarted.loading .video-overlay::after, #main #enter.loading::after, html.touch .gallery-item-header::before,
html.touch .gallery-item header::before, .gallery-item::before, html.touch .gallery-item-control:not([aria-controls="home-modal"])::before, .modal-container .vertical .simplebar-scrollbar::before, .nav-playlist-container .vertical .simplebar-scrollbar::before, .sidebar-control label:after, .video-background::before, .video-background::after, .video-overlay-control::before {
  content: '';
  display: block;
  position: absolute; }
.nav-playlists-region::before, .type-videos:not(.gallery-item-content) .entry-header::before, #video-controls::before {
  pointer-events: none;
  z-index: -1; }
.video-background .video-container::after, #main #enter.loading::before {
  z-index: 2; }
.gallery-item::after, #video-wrapper.unstarted.loading .video-overlay::before, #video-wrapper.unstarted.loading .video-overlay::after, #main #enter.loading::after {
  z-index: 3; }
.gallery-item, .sidebar-control, .sidebar-control label, .modal-open .type-videos:not(.gallery-item-content) .entry-header.show, .modal-open .type-videos:not(.gallery-item-content) .entry-header.hide-blocked, .modal-open .type-videos:not(.gallery-item-content) .entry-header:hover, #video-controls:not(.show), .modal-open #video-controls.show, .video-overlay-control.show-blocked, #video-wrapper.playing .video-overlay-control, #video-wrapper.loading .video-overlay-control, #main .site-intro .enter-wrapper, #main #enter {
  visibility: hidden; }
  .gallery-item, .sidebar-control, .sidebar-control label, .modal-open .type-videos:not(.gallery-item-content) .entry-header.show, .modal-open .type-videos:not(.gallery-item-content) .entry-header.hide-blocked, .modal-open .type-videos:not(.gallery-item-content) .entry-header:hover, #video-controls:not(.show), .modal-open #video-controls.show, .video-overlay-control.show-blocked, #video-wrapper.playing .video-overlay-control, #video-wrapper.loading .video-overlay-control, #main .site-intro .enter-wrapper, #main #enter, .modal, .modal-close, .sidebar-close, .nav-playlists-close, .nav-playlists-region, .nav-playlist, .video-container .video-poster {
    opacity: 0;
    pointer-events: none; }
  .video-overlay-control {
    opacity: 0;
    visibility: hidden; }
  .gallery-item.show:not(.show-blocked), .active .modal-close, .active .sidebar-close, .active .nav-playlists-close, .modal.active, .sidebar-control.show:not(.show-blocked), .sidebar-control:hover label, .sidebar-control.tab-focus:focus label, .nav-playlists-region[aria-hidden="false"], .nav-playlist.active, .video-container .video-poster.show, .type-videos:not(.gallery-item-content) .entry-header.show, .type-videos:not(.gallery-item-content) .entry-header.hide-blocked, .type-videos:not(.gallery-item-content) .entry-header:hover, #video-controls.show, #video-controls.hide-blocked, html:not(.touch) .video-overlay-control:hover, .video-overlay-control.tab-focus:focus, .video-overlay-control.show, .video-overlay-control.hide-blocked, #main .site-intro .enter-wrapper.show, #main #enter.show:not(.activated) {
    opacity: 1;
    pointer-events: initial;
    visibility: visible; }
.modal-container, .nav-playlist-container, .sidebar-navigation, .type-videos:not(.gallery-item-content), #main .site-intro {
  display: flex;
  flex-flow: column nowrap; }
a.icon-button,
button.icon-button, .gallery-item, .sidebar-navigation#topic-nav .sidebar-item-expand, .type-videos:not(.gallery-item-content) .video-container, .video-overlay-control {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center; }
.site-header, .site-header > .site-header-content-wrapper, .modal {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  justify-content: stretch; }
.video-container .video-poster, .video-overlay-control, .video-overlay-control::before, #video-wrapper.unstarted.loading .video-overlay::before, #video-wrapper.unstarted.loading .video-overlay::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }
.type-videos:not(.gallery-item-content), .filmmaker-info-biography, .filmmaker-info-filmography {
  margin-bottom: 56px; }
  @media (max-width: 767px) {
    .type-videos:not(.gallery-item-content), .filmmaker-info-biography, .filmmaker-info-filmography {
      margin-bottom: 28px; } }

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #f6f6f6;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

*:focus {
  outline: none; }

.tab-focus:focus {
  text-decoration: underline; }

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*!
 *
 *         SimpleBar.js - v2.5.1
 *         Scrollbars, simpler.
 *         https://grsmto.github.io/simplebar/
 *
 *         Made by Adrien Grsmto from a fork by Jonathan Nicol
 *         Under MIT License
 *
 */
[data-simplebar] {
  position: relative;
  z-index: 0;
  overflow: hidden; }

[data-simplebar="init"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.simplebar-scroll-content {
  overflow-x: hidden;
  overflow-y: scroll;
  min-width: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

.simplebar-content {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100%; }

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 11px; }

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  border-radius: 7px;
  min-height: 10px;
  width: 7px;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  background: black;
  background-clip: padding-box; }

.simplebar-track:hover .simplebar-scrollbar {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  -webkit-transition: opacity 0 linear;
  transition: opacity 0 linear; }

.simplebar-track .simplebar-scrollbar.visible {
  opacity: 0.5; }

.simplebar-track.horizontal {
  left: 0;
  width: auto;
  height: 11px; }

.simplebar-track.vertical {
  top: 0; }

.horizontal.simplebar-track .simplebar-scrollbar {
  right: auto;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

.aspect-wrapper {
  position: relative;
  width: 100%; }
  .aspect-wrapper > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%; }
  .aspect-wrapper.aspect-12x5, .aspect-wrapper.aspect-anamorphic {
    padding-top: calc(100% / 12/5); }
  .aspect-wrapper.aspect-16x9, .aspect-wrapper.aspect-hd {
    padding-top: calc(100% / 16/9); }
  .aspect-wrapper.aspect-4x3, .aspect-wrapper.aspect-sd {
    padding-top: 75%; }
  .aspect-wrapper.aspect-1x1, .aspect-wrapper.aspect-square {
    padding-top: 100%; }

p, .entry-content,
.entry-summary,
.page-content {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.2727272727; }
  @media (max-width: 767px) {
    p, .entry-content,
    .entry-summary,
    .page-content {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.5; } }

p + p {
  margin-bottom: 1.2727272727em; }

cite,
dfn,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #ebebeb;
  font-family: Monaco, Menlo, "Source Code Pro", Consolas, "Courier New", Courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  font-size: 15px;
  font-size: 0.9375rem; }

code,
kbd,
tt,
var {
  font-family: Monaco, Menlo, "Source Code Pro", Consolas, "Courier New", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr,
acronym {
  border-bottom: 1px dotted #ebebeb;
  cursor: help; }

ins,
mark {
  text-decoration: none; }

big {
  font-size: 125%; }

ol:not(.list),
ul:not(.list) {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-padding-start: 0; }

.h1, .type-videos:not(.gallery-item-content) .video-filmmaker,
h1, .entry-title {
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 1.1590909091;
  font-weight: normal;
  letter-spacing: -0.013125rem; }

.h2,
h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  font-weight: bold;
  letter-spacing: normal; }

.h3, .type-videos:not(.gallery-item-content) .video-topic, .filmmaker-info-open,
h3, .secondary-list, .playlist-related .related-list, .filmmaker-info-filmography {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.15;
  font-weight: normal;
  letter-spacing: -0.011875rem; }

.h4,
h4, .gallery-item-title, .gallery-item-subtitle {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: bold; }

.headline {
  font-size: 58px;
  font-size: 3.625rem;
  line-height: 1.1206896552;
  font-weight: normal;
  margin-bottom: 0; }

@media (max-width: 767px) {
  .h1, .type-videos:not(.gallery-item-content) .video-filmmaker,
  h1, .entry-title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.2272727273; }

  .h2,
  h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2777777778; }

  .h3, .type-videos:not(.gallery-item-content) .video-topic, .filmmaker-info-open,
  h3, .secondary-list, .playlist-related .related-list, .filmmaker-info-filmography {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25; }

  .h4,
  h4, .gallery-item-title, .gallery-item-subtitle {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2142857143; }

  .headline {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.1842105263; } }
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both; }

a.primary-link, a.primary-link:visited {
  color: #F5A623; }
  a.primary-link:hover, a.primary-link:focus {
    color: #FFD978;
    text-decoration: none; }

a.secondary-link, a.secondary-link:visited, .secondary-list a, .playlist-related .related-list a, .filmmaker-info-filmography a {
  color: #FFD978; }
  a.secondary-link:hover, .secondary-list a:hover, .playlist-related .related-list a:hover, .filmmaker-info-filmography a:hover, a.secondary-link:focus, .secondary-list a:focus, .playlist-related .related-list a:focus, .filmmaker-info-filmography a:focus {
    color: #F5A623;
    text-decoration: none; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
header a, h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
header a:visited, a.header-link, a.header-link:visited {
  color: #F5A623; }
  h1 a:hover,
  h2 a:hover,
  h3 a:hover,
  h4 a:hover,
  h5 a:hover,
  h6 a:hover,
  header a:hover, a.header-link:hover, h1 a:focus,
  h2 a:focus,
  h3 a:focus,
  h4 a:focus,
  h5 a:focus,
  h6 a:focus,
  header a:focus, a.header-link:focus {
    color: #F5A623;
    text-decoration: none; }

a.block-link, a.block-link:hover {
  color: inherit;
  text-decoration: none;
  display: block; }

button {
  -webkit-appearance: none;
  background: none;
  border: none;
  overflow: hidden;
  font-size: inherit;
  line-height: inherit;
  outline: none;
  padding: 0;
  text-align: inherit;
  text-transform: inherit; }
  button:focus {
    outline: none; }
  button.sidebar-item {
    padding: 7px 0; }

a,
button {
  cursor: pointer; }
  a.icon-button,
  button.icon-button {
    min-height: 44px;
    min-width: 44px;
    overflow: visible; }
    @media (max-width: 767px) {
      a.icon-button,
      button.icon-button {
        height: 44px;
        width: 44px; }
        a.icon-button img,
        button.icon-button img {
          transform-origin: center;
          transform: scale(0.8); } }
  a.waiting,
  button.waiting {
    cursor: progress; }

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

.gallery.selectable {
  pointer-events: none; }
  .gallery.selectable > .gallery-item {
    pointer-events: initial; }
  [aria-hidden="true"] .gallery.selectable > .gallery-item, [aria-expanded="false"] .gallery.selectable > .gallery-item {
    pointer-events: inherit; }
.gallery-overflow-wrapper {
  padding: 1px; }
.gallery-item {
  position: relative;
  background: black; }
  .gallery-item.show:not(.show-blocked) {
    transition: all 300ms ease; }
  .gallery-item > .gallery-item-content, .gallery-item-content {
    margin-bottom: 0;
    overflow: hidden; }
  .gallery-item-header, .gallery-item header {
    bottom: 1px;
    left: 1px;
    opacity: 0;
    position: absolute;
    width: calc(100% - 2px);
    max-height: calc(100% - 2px);
    right: 1px;
    padding: 1em;
    transition: all 300ms ease;
    z-index: 4; }
    .gallery-item-header > :last-child,
    .gallery-item header > :last-child {
      margin: 0; }
    html.touch .gallery-item-header,
    html.touch .gallery-item header {
      opacity: 1;
      text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
      html.touch .gallery-item-header::before,
      html.touch .gallery-item header::before {
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        min-height: 5em;
        background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%);
        z-index: -1; }
  .gallery-item-title {
    color: #F5A623;
    margin-bottom: 0; }
  .gallery-item-subtitle {
    font-weight: normal;
    color: #FFD978; }
    .gallery:not(.show-subtitles) .gallery-item-subtitle {
      display: none; }
  .gallery-item::before, .gallery-item::after {
    pointer-events: none;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px; }
  .gallery-item::after {
    transition: all 300ms ease;
    background: transparent; }
    .modal-open .gallery-item::after {
      will-change: unset; }
    .gallery-item::after, .modal-open .modal.active .gallery-item::after, .modal-open .sidebar.active .gallery-item::after {
      will-change: box-shadow background-color; }
      html.touch .gallery-item::after, html.touch .modal-open .modal.active .gallery-item::after, html.touch .modal-open .sidebar.active .gallery-item::after {
        will-change: box-shadow;
        z-index: 4; }
  .gallery-item::before {
    border: 2px solid #483202;
    z-index: 2; }
  .gallery-item:hover, .gallery-item:focus-within, .gallery.selectable:not(:hover) > .gallery-item.active {
    z-index: 3; }
    .gallery-item:hover .gallery-item-header,
    .gallery-item:hover header, .gallery-item:focus-within .gallery-item-header,
    .gallery-item:focus-within header, .gallery.selectable:not(:hover) > .gallery-item.active .gallery-item-header,
    .gallery.selectable:not(:hover) > .gallery-item.active header {
      opacity: 1; }
    .gallery-item:hover img, .gallery-item:focus-within img, .gallery.selectable:not(:hover) > .gallery-item.active img {
      transform: scale(1.1); }
    .gallery-item:hover::after, .gallery-item:focus-within::after, .gallery.selectable:not(:hover) > .gallery-item.active::after {
      background: rgba(0, 0, 0, 0.6);
      box-shadow: inset 0 0 0 5px #FFAC00; }
      html.touch .gallery-item:hover::after, html.touch .gallery-item:focus-within::after, html.touch .gallery.selectable:not(:hover) > .gallery-item.active::after {
        background: transparent; }
  .gallery.selectable:hover > .gallery-item.active:not(:hover) {
    z-index: 4; }
    .gallery.selectable:hover > .gallery-item.active:not(:hover)::after {
      background: rgba(0, 0, 0, 0.3);
      box-shadow: inset 0 0 0 2px #FFAC00; }
  .gallery-item img {
    height: auto;
    width: 100%;
    transition: all 300ms ease; }
  .gallery-item-control {
    display: block;
    text-decoration: none; }
    .gallery-item-control.tab-focus:focus {
      outline: #3b99fc auto 3px;
      outline: -webkit-focus-ring-color auto 3px;
      outline-offset: -3px; }
    html.touch .gallery-item-control:not([aria-controls="home-modal"])::before {
      border-color: transparent transparent transparent #F5A623;
      border-style: solid;
      border-width: 9px 0 9px 13px;
      top: 1.1em;
      left: 1.1em;
      z-index: 1; }
  .gallery-item-control header:not(:empty) ~ img, .gallery-item-control .gallery-item-header:not(:empty) ~ img {
    pointer-events: none; }
.gallery-caption {
  display: block; }

@media screen and (max-width: 350px) {
  .gallery-item-header,
  .gallery-item header {
    padding: 0.5em; }

  html.touch .gallery-item-control::before {
    top: 0.55em !important;
    left: 0.55em !important; } }
.modal-container .simplebar-content > :first-child, .nav-playlist-container .simplebar-content > :first-child {
  margin-top: 64px; }
.modal-container .simplebar-content > :last-child, .nav-playlist-container .simplebar-content > :last-child, .nav-playlist .nav-subplaylist {
  margin-bottom: 56px; }
@media (max-width: 767px) {
  .modal-container .simplebar-content > :first-child, .nav-playlist-container .simplebar-content > :first-child {
    margin-top: 52px; } }

.modal {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100vw;
  top: 0;
  padding-top: 45px;
  background: rgba(0, 0, 0, 0.9);
  transition: padding-top 300ms ease-out, transform 350ms ease-in-out, opacity 300ms ease;
  z-index: 4; }
  .modal > .modal-content-wrapper {
    position: relative;
    width: 100%;
    height: 100%; }
  .modal-close, .sidebar-close, .nav-playlists-close {
    position: absolute;
    right: 18px;
    margin-top: 4px;
    top: 64px;
    transition: opacity 250ms ease;
    z-index: 10; }
    .modal-close.tab-focus:focus, .tab-focus.sidebar-close:focus, .tab-focus.nav-playlists-close:focus {
      outline: #3b99fc auto 3px;
      outline: -webkit-focus-ring-color auto 3px;
      outline-offset: -3px; }
  .modal-title, .nav-playlist-title {
    color: #F5A623; }
  .sidebar.active + .site-content .modal {
    transform: translateX(20.5rem); }
  .modal-container, .nav-playlist-container {
    z-index: 5;
    max-height: 100%;
    padding-right: 69px; }
    .modal-container .simplebar-content, .nav-playlist-container .simplebar-content {
      padding-right: 15px; }
    .modal-container .vertical .simplebar-scrollbar, .nav-playlist-container .vertical .simplebar-scrollbar {
      background: transparent;
      cursor: initial; }
      .modal-container .vertical .simplebar-scrollbar::before, .nav-playlist-container .vertical .simplebar-scrollbar::before {
        right: 2px;
        border-radius: 999vmax;
        min-height: 10px;
        width: 100%;
        left: 2px;
        transition: opacity 0.2s linear;
        background: whitesmoke;
        background-clip: padding-box;
        cursor: pointer;
        z-index: inherit;
        top: 66px;
        bottom: 58px; }

body.modal-open,
html.modal-open {
  max-height: 100% !important;
  overflow: hidden !important; }

@media (max-width: 767px) {
  .modal-close, .sidebar-close, .nav-playlists-close {
    margin-top: 0;
    top: 10px;
    right: 5px; }
  .modal-container, .nav-playlist-container {
    padding-left: 64px;
    padding-right: 32px; }
    .modal-container .vertical .simplebar-scrollbar::before, .nav-playlist-container .vertical .simplebar-scrollbar::before {
      top: 54px; } }
.sidebar-wrapper {
  flex: 0 0 20.5rem;
  max-width: calc(100vw - 44px);
  width: 20.5rem;
  transform: translateX(-100%);
  will-change: transform;
  transition: transform 350ms ease-in-out;
  z-index: 6;
  background: #1a1a1a; }
  .sidebar.active .sidebar-wrapper {
    pointer-events: initial;
    transform: translateX(0); }
    .sidebar.active .sidebar-wrapper + .nav-playlists-wrapper {
      pointer-events: initial; }
.sidebar-close {
  margin-top: -4px; }
  .sidebar-close img.dark-icon {
    display: none; }
.sidebar-controls {
  pointer-events: initial;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(100%);
  z-index: 3; }
.sidebar-control {
  align-items: center;
  display: flex;
  height: 52px;
  justify-content: center;
  outline: none;
  width: 52px;
  position: relative;
  overflow: visible;
  padding-left: 5px;
  margin-left: -5px;
  box-sizing: content-box;
  transform: translateX(-100%);
  transition: opacity 200ms ease, transform 200ms ease, visibility 0s linear 200ms; }
  .sidebar-control.show:not(.show-blocked) {
    transform: none;
    transition-delay: 0s; }
  .sidebar-control label {
    height: 52px;
    min-width: 150px;
    width: auto;
    white-space: nowrap;
    position: absolute;
    color: #1a1a1a;
    line-height: 52px;
    left: 70px;
    transform: translateX(0.5em);
    top: 0;
    padding: 0 18px;
    font-weight: bold;
    font-size: 1.25rem;
    transition: opacity 200ms ease, transform 200ms ease, visibility 0s linear 200ms; }
    html.touch .sidebar-control label {
      display: none; }
    .sidebar-control label:after {
      border-color: transparent;
      border-style: solid;
      border-width: 5px 10px 5px 0;
      height: 0;
      margin-top: -5px;
      right: 100%;
      top: 50%;
      width: 0; }
    .sidebar-control label.label-home {
      background-color: #363636;
      color: #ebebeb; }
      .sidebar-control label.label-home:after {
        border-right-color: #363636; }
    .sidebar-control label.label-filmmakers {
      background-color: #F5A623; }
      .sidebar-control label.label-filmmakers:after {
        border-right-color: #F5A623; }
    .sidebar-control label.label-topics {
      background-color: #FFD978; }
      .sidebar-control label.label-topics:after {
        border-right-color: #FFD978; }
    .sidebar-control label.label-music {
      background-color: #363636;
      color: #ebebeb; }
      .sidebar-control label.label-music:after {
        border-right-color: #363636; }
  .sidebar-control:hover label, .sidebar-control.tab-focus:focus label {
    transform: none;
    transition-delay: 0s; }
  .sidebar-control#music-button img {
    margin-left: -5px; }
  .sidebar-control.tab-focus:focus img {
    filter: drop-shadow(0 0 10px white); }
    .sidebar-control.tab-focus:focus img[alt="Home"] {
      filter: unset;
      background: rgba(255, 255, 255, 0.2);
      box-shadow: 0 0 20px rgba(255, 255, 255, 0.6); }
  .sidebar-control img {
    background: transparent;
    box-shadow: 0 0 0 transparent;
    transition: all 200ms ease; }
.sidebar-item {
  cursor: pointer; }
  .sidebar-item.active {
    font-weight: bold;
    text-decoration: none; }
.sidebar-navigation {
  height: 100%;
  padding: 64px 12px 64px 32px;
  position: absolute;
  width: 100%;
  z-index: 3; }
  .sidebar-navigation > ol, .sidebar-navigation > ul {
    padding-left: 0;
    flex: 0 1 100%; }
  .sidebar-navigation li {
    margin-right: 24px; }
  .sidebar-navigation#filmmaker-nav, .sidebar-navigation#filmmaker-nav::after {
    background: #F5A623; }
  .sidebar-navigation#filmmaker-nav li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222; }
    .sidebar-navigation#filmmaker-nav li .sidebar-item {
      padding: 7px 0; }
  .sidebar-navigation#topic-nav .topic-list li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    margin-bottom: 0; }
    .sidebar-navigation#topic-nav .topic-list li + li {
      border-top: 1px solid black; }
  .sidebar-navigation#topic-nav .subtopic-list {
    padding-left: 1.25rem;
    transition: all 300ms ease;
    overflow: hidden;
    margin: 0.1em 0 0.5em; }
    .sidebar-navigation#topic-nav .subtopic-list li {
      margin: 0;
      transition: all 300ms ease; }
      .sidebar-navigation#topic-nav .subtopic-list li:first-of-type {
        margin-top: 0.1em; }
      .sidebar-navigation#topic-nav .subtopic-list li + li {
        border-top: none; }
    .sidebar-navigation#topic-nav .subtopic-list:not(.active) {
      margin: 0; }
      .sidebar-navigation#topic-nav .subtopic-list:not(.active) li {
        margin-bottom: -3.222222em; }
        .sidebar-navigation#topic-nav .subtopic-list:not(.active) li:first-of-type {
          margin-top: -3.222222em; }
  .sidebar-navigation#topic-nav, .sidebar-navigation#topic-nav::after {
    background: #FFD978; }
  .sidebar-navigation#topic-nav .sidebar-item-expand {
    margin: 0 -9px 0 4px;
    padding: 0 9px;
    position: relative; }
    .sidebar-navigation#topic-nav .sidebar-item-expand.tab-focus:focus {
      outline: #3b99fc auto 3px;
      outline: -webkit-focus-ring-color auto 3px;
      outline-offset: -3px; }
    .sidebar-navigation#topic-nav .sidebar-item-expand img {
      transform: none;
      transition: transform 300ms ease;
      z-index: 1; }
    .sidebar-navigation#topic-nav .sidebar-item-expand[aria-expanded="true"] img {
      transform: rotateX(0.5turn); }
  .sidebar-navigation.active {
    z-index: inherit; }
  .sidebar-navigation .nav-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 0.75rem; }
  .sidebar-navigation .simplebar-scroll-content {
    margin-bottom: -17px !important; }

@media (max-height: 575px) {
  .sidebar-navigation {
    padding-bottom: 32px; } }
@media (max-width: 767px) {
  .sidebar.active.playlists-open .sidebar-wrapper {
    transform: translateX(-100%); }
  .sidebar-close {
    top: 10px;
    margin-top: 0;
    transform: translateX(-20.5rem);
    transition: opacity 250ms ease, transform 350ms ease-in-out;
    left: calc(20.5rem - 44px - 10px); }
    .sidebar-close img.light-icon {
      display: none; }
    .sidebar-close img.dark-icon {
      display: block; }
    .active:not(.playlists-open) .sidebar-close {
      transform: none; }
    .active.playlists-open .sidebar-close {
      opacity: 0; }
  .sidebar-control label {
    height: 44px;
    line-height: 44px; }
  .sidebar-control:hover label, .sidebar-control.tab-focus:focus label {
    left: 62px; }
  .sidebar-navigation {
    padding-bottom: 32px; }
    .sidebar-navigation .nav-title {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.2272727273; } }
@media (max-width: 575px) {
  .sidebar-wrapper {
    width: calc(100vw - 44px);
    flex-basis: calc(100vw - 44px); }
  .sidebar-close {
    transform: translateX(calc(-100vw + 44px));
    left: calc(calc(100vw - 44px) - 44px - 10px); }
    .sidebar-close img.light-icon {
      display: none; }
    .sidebar-close img.dark-icon {
      display: block; } }
.nav-playlist-title, .nav-playlist-subtitle {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.1875;
  font-weight: normal;
  overflow: hidden;
  opacity: 0; }
  @media (max-width: 767px) {
    .nav-playlist-title, .nav-playlist-subtitle {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.2272727273; } }

.nav-playlists-region {
  background: rgba(0, 0, 0, 0.9);
  position: relative;
  transform: none;
  transition: opacity 200ms linear, transform 350ms ease-in-out;
  width: calc(100vw - 20.5rem);
  z-index: -1; }
  .nav-playlists-region::before {
    background: rgba(0, 0, 0, 0.9);
    transform: translateX(-100%);
    width: 100vw; }
  @media (max-width: 767px) {
    .nav-playlists-region {
      width: 100vw; }
      .sidebar.playlists-open .nav-playlists-region.active {
        transform: translateX(calc(-20.5rem)); } }
  @media (max-width: 575px) {
    .sidebar.playlists-open .nav-playlists-region.active {
      transform: translateX(calc(1px - 1px - calc(100vw - 44px))); } }
.nav-playlists-close {
  visibility: hidden;
  right: 5px; }
  @media (min-width: 768px) {
    .nav-playlists-close {
      display: none !important; } }
.nav-playlists-region.active .nav-playlists-close {
  visibility: visible; }

.nav-playlist {
  transition: opacity 275ms ease, transform 300ms ease; }
  .nav-playlist-subtitle {
    color: #FFD978; }
  .nav-playlist.active {
    transition: opacity 275ms ease 175ms, transform 300ms ease 150ms; }

.scrollable,
[data-simplebar="init"] {
  overflow-y: hidden; }

.playlist {
  margin-bottom: 112px; }
  .playlist-heading {
    color: #F5A623;
    overflow-y: hidden;
    margin-bottom: 0.5em; }
  .playlist-playlist {
    transition: all 500ms ease; }
    .playlist-playlist.transition {
      opacity: 0; }
    html.touch .playlist-playlist > .col {
      flex: 0 0 100% !important;
      max-width: 100% !important; }
      @media (min-width: 500px) {
        html.touch .playlist-playlist > .col {
          flex: 0 0 50% !important;
          max-width: 50% !important; } }
      @media (min-width: 690px) {
        html.touch .playlist-playlist > .col {
          flex: 0 0 33.3333333333% !important;
          max-width: 33.3333333333% !important; } }
      @media (min-width: 768px) and (max-width: 794px) {
        html.touch .playlist-playlist > .col {
          flex: 0 0 50% !important;
          max-width: 50% !important; } }
      @media (min-width: 992px) and (max-width: 1100px) {
        html.touch .playlist-playlist > .col {
          flex: 0 0 50% !important;
          max-width: 50% !important; } }
  .playlist-related {
    margin-bottom: 56px;
    transition: all 500ms ease; }
    .playlist-related .related-list {
      transition: all 500ms ease; }
      .playlist-related .related-list.transition {
        opacity: 0; }
    .playlist-related.empty {
      opacity: 0;
      pointer-events: none; }

@media (max-width: 991px) {
  .playlist {
    margin-bottom: 56px; } }
.sticky {
  display: block; }

.updated:not(.published) {
  display: none; }

.entry-content,
.entry-summary,
.page-content {
  color: #ebebeb;
  margin: 0; }
  .entry-content + .entry-content, .hentry + .entry-content,
  .entry-summary + .entry-content, .hentry +
  .entry-summary,
  .page-content + .entry-content, .hentry +
  .page-content, .entry-content +
  .entry-summary,
  .entry-summary +
  .entry-summary,
  .page-content +
  .entry-summary, .entry-content +
  .page-content,
  .entry-summary +
  .page-content,
  .page-content +
  .page-content {
    margin-top: 1.5rem; }
  .entry-content p,
  .entry-summary p,
  .page-content p {
    max-width: 30em; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.secondary-list, .playlist-related .related-list, .filmmaker-info-filmography {
  color: #FFD978; }
  .secondary-list a, .playlist-related .related-list a, .filmmaker-info-filmography a {
    display: inline-block;
    vertical-align: middle;
    padding-top: 0.575em;
    padding-bottom: 0.575em; }
    @media (max-width: 767px) {
      .secondary-list a, .playlist-related .related-list a, .filmmaker-info-filmography a {
        padding-top: 0.4em;
        padding-bottom: 0.4em; } }
  .secondary-list li, .playlist-related .related-list li, .filmmaker-info-filmography li {
    min-height: 2.3em;
    padding-top: 0.575em;
    padding-bottom: 0.575em; }
    .secondary-list li > *, .playlist-related .related-list li > *, .filmmaker-info-filmography li > * {
      margin-top: -0.575em;
      margin-bottom: -0.575em; }
    .secondary-list li:first-of-type, .playlist-related .related-list li:first-of-type, .filmmaker-info-filmography li:first-of-type {
      margin-top: -0.575em; }
    @media (max-width: 767px) {
      .secondary-list li, .playlist-related .related-list li, .filmmaker-info-filmography li {
        min-height: 1.6em;
        padding-top: 0.4em;
        padding-bottom: 0.4em; }
        .secondary-list li > *, .playlist-related .related-list li > *, .filmmaker-info-filmography li > * {
          margin-top: -0.4em;
          margin-bottom: -0.4em; } }

.video-container {
  width: 177.7777777778vh;
  height: 100vh;
  min-width: calc(100% + 312px);
  transform: translateX(calc(-50% + 50vw)); }
  @media (min-aspect-ratio: 16 / 9) {
    .video-container {
      height: 56.25vw;
      top: calc(100% - 56.25vw); } }
  .video-container .video-overlay {
    width: 100%;
    height: 100%;
    z-index: 2; }
  .video-container .video-poster {
    width: 100vw;
    height: 100%;
    z-index: 2;
    background: black;
    background-position: center;
    background-size: cover; }
    .video-container .video-poster.low-profile {
      background-image: none !important; }
    .video-container .video-poster.fade-out {
      transition: opacity 500ms linear !important; }
  .video-container iframe {
    pointer-events: none; }

.video-background {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: black;
  overflow: hidden;
  z-index: 0; }
  .video-background::before, .video-background::after {
    min-height: 5vh;
    height: 100px;
    width: 100%;
    right: 0;
    left: 0;
    z-index: 2; }
  .video-background::after {
    bottom: 0;
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%); }
  .video-background::before {
    top: 22.5px;
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%); }
  @media (min-aspect-ratio: 16 / 9) {
    .video-background .video-container {
      min-height: calc(100% + 104px);
      height: 56.25vw;
      top: calc((28.125vw - 50vh) * -1); } }
  @media (max-aspect-ratio: 16 / 9) {
    .video-background .video-container {
      min-width: calc(100% + 312px);
      width: 177.7777777778vh;
      transform: translateX(calc(-50% + 50vw)); } }
  .video-background .video-container::after {
    background-color: rgba(0, 0, 0, 0.3); }

@media (max-width: 767px) {
  .video-background {
    height: 100vw; }
    .video-background .video-container {
      width: 177.7777777778vw;
      left: 50%;
      transform: translateX(-50%); } }
.type-videos:not(.gallery-item-content) {
  position: relative;
  height: calc(100vh);
  max-height: 75vw;
  min-height: 42.8571428571vw; }
  .type-videos:not(.gallery-item-content) .entry-header {
    opacity: 0;
    left: 0;
    padding-top: 109px;
    position: absolute;
    top: 0;
    transition: all 300ms ease;
    width: auto;
    z-index: 3; }
    .type-videos:not(.gallery-item-content) .entry-header::before {
      background: radial-gradient(ellipse farthest-side at top left, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%);
      height: 200%;
      width: 200%; }
  .type-videos:not(.gallery-item-content) .video-container {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    max-height: 75vw; }
  .type-videos:not(.gallery-item-content) .video-overlay {
    height: calc(100vh);
    max-height: 75vw;
    min-height: 42.8571428571vw;
    position: absolute;
    bottom: 0; }
  .type-videos:not(.gallery-item-content) .video-filmmaker {
    color: #F5A623;
    margin-bottom: 0; }
  .type-videos:not(.gallery-item-content) .video-title {
    color: #FFD978; }
  .type-videos:not(.gallery-item-content) .video-topic {
    color: #FFD978;
    margin: 0.5em 0 0; }
    .type-videos:not(.gallery-item-content) .video-topic-pre {
      color: #F5A623; }
  .type-videos:not(.gallery-item-content) .video-video {
    background: #000;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%; }

.filmmaker-info-biography {
  color: #ebebeb;
  line-height: 1.454545; }
  .filmmaker-info-biography p {
    max-width: 59.5ch; }
.filmmaker-info-heading, .filmmaker-info-title {
  color: #F5A623;
  margin-bottom: 0.5em; }
.filmmaker-info-open {
  color: white;
  margin-top: 0.4em; }
  .filmmaker-info-open img {
    bottom: 0.05em;
    height: 1em;
    margin-right: 0.4em;
    position: relative;
    vertical-align: text-bottom;
    width: 1em; }
  .filmmaker-info-open.tab-focus:focus {
    text-decoration: none; }
  .filmmaker-info-open.tab-focus:focus {
    outline: #3b99fc auto 3px;
    outline: -webkit-focus-ring-color auto 3px;
    outline-offset: -3px; }

@media (max-width: 991px) {
  .type-videos:not(.gallery-item-content) {
    height: 100%;
    max-height: unset; }
  .type-videos:not(.gallery-item-content) .entry-header {
    opacity: 1 !important;
    visibility: visible !important;
    order: 2;
    padding-top: 1rem;
    position: relative;
    width: 100%; }
    .type-videos:not(.gallery-item-content) .entry-header::before {
      display: none; }
  .type-videos:not(.gallery-item-content) .entry-content {
    order: 1;
    height: 56.25vw; }
  .type-videos:not(.gallery-item-content) .video-container {
    height: 100%;
    width: calc(100% + 312px) !important;
    top: 0;
    left: 50%;
    min-height: unset;
    transform: translateX(-50%); }
  .type-videos:not(.gallery-item-content) .video-overlay {
    position: static;
    height: 100%;
    max-height: unset; } }
@media (orientation: portrait) {
  .type-videos:not(.gallery-item-content) {
    height: 100%;
    max-height: unset; }
  .type-videos:not(.gallery-item-content) .entry-header {
    opacity: 1 !important;
    visibility: visible !important;
    order: 2;
    padding-top: 1rem;
    position: relative;
    width: 100%; }
    .type-videos:not(.gallery-item-content) .entry-header::before {
      display: none; }
  .type-videos:not(.gallery-item-content) .entry-content {
    order: 1;
    height: 56.25vw; }
  .type-videos:not(.gallery-item-content) .video-container {
    height: 100%;
    width: calc(100% + 312px) !important;
    top: 0;
    left: 50%;
    min-height: unset;
    transform: translateX(-50%); }
  .type-videos:not(.gallery-item-content) .video-overlay {
    position: static;
    height: 100%;
    max-height: unset; } }
@media (max-width: 767px) {
  .type-videos:not(.gallery-item-content) .video-overlay-control {
    visibility: visible;
    display: flex; }
    .type-videos:not(.gallery-item-content) .video-overlay-control.show {
      opacity: 1; }

  .filmmaker-info-title {
    margin-bottom: 0.8em; } }
@media (max-width: 450px) {
  .type-videos:not(.gallery-item-content) .video-overlay-control {
    width: 75px;
    height: 75px; }
    .type-videos:not(.gallery-item-content) .video-overlay-control::after {
      width: 28px;
      height: 32px;
      border-top-width: 16px;
      border-bottom-width: 16px;
      border-left-width: 28px; }
    .type-videos:not(.gallery-item-content) .video-overlay-control.playing::after {
      border-width: 0 10px; } }
#video-controls {
  bottom: 0;
  color: white;
  height: 75px;
  padding-top: 20px;
  position: absolute;
  width: 100%;
  transition: all 300ms ease;
  z-index: 3;
  /* PROGRESS BAR */ }
  #video-controls.show, #video-controls.hide-blocked {
    pointer-events: none; }
    #video-controls.show .row, #video-controls.hide-blocked .row {
      pointer-events: initial; }
  #video-controls #play,
  #video-controls #pause,
  #video-controls #progress,
  #video-controls .video-time {
    pointer-events: initial; }
  #video-controls #play,
  #video-controls #pause,
  #video-controls #progress {
    cursor: pointer; }
  #video-controls #current-time {
    color: #F5A623; }
  #video-controls #duration {
    color: #FFD978; }
  #video-controls #pause {
    background: url("img/pause.svg") no-repeat;
    background-size: cover;
    height: 18px;
    margin-left: 5px;
    position: absolute;
    width: 15px; }
  #video-controls #play {
    border-color: transparent transparent transparent #F5A623;
    border-style: solid;
    border-width: 9px 0 9px 14px;
    color: #F5A623;
    height: 0;
    margin-left: 5px;
    position: absolute;
    width: 0; }
  #video-controls #play.tab-focus:focus,
  #video-controls #pause.tab-focus:focus {
    outline: #3b99fc auto 3px;
    outline: -webkit-focus-ring-color auto 3px; }
  #video-controls #progress-wrapper {
    margin-top: 25px; }
  #video-controls #progress {
    float: left;
    margin: 2px 0 0 5px;
    width: 100%;
    position: relative;
    height: 21px; }
    #video-controls #progress::before {
      background: rgba(245, 166, 35, 0.5);
      position: absolute;
      content: '';
      top: 13px;
      right: 0;
      bottom: 7px;
      left: 0; }
  #video-controls #play-progress {
    background-color: #FFD978;
    display: block;
    height: 1px;
    position: absolute;
    width: 0;
    top: 13px; }
  #video-controls #play-progress:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid white;
    content: "";
    cursor: pointer;
    height: 0;
    position: absolute;
    right: -5px;
    top: -10px;
    width: 0; }
  #video-controls::before {
    background: linear-gradient(to top, black 0%, rgba(0, 0, 0, 0.738) 19%, rgba(0, 0, 0, 0.541) 34%, rgba(0, 0, 0, 0.382) 47%, rgba(0, 0, 0, 0.278) 56.5%, rgba(0, 0, 0, 0.194) 65%, rgba(0, 0, 0, 0.126) 73%, rgba(0, 0, 0, 0.075) 80.2%, rgba(0, 0, 0, 0.042) 86.1%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95.2%, rgba(0, 0, 0, 0.002) 98.2%, rgba(0, 0, 0, 0) 100%);
    bottom: 0; }
  #video-controls .video-time {
    color: #FFD978;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
    position: absolute;
    right: 13px;
    top: 0; }
    @media (max-width: 450px) {
      #video-controls .video-time {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1;
        top: 8px;
        text-shadow: 0 0 5px black; } }

.video-overlay-control {
  cursor: pointer;
  width: 100px;
  height: 100px;
  border: 2px solid #F5A623;
  border-radius: 50%;
  z-index: 3;
  background: rgba(0, 0, 0, 0.6);
  transition: all 300ms ease; }
  html.touch .video-overlay-control {
    visibility: visible;
    display: flex; }
  .video-overlay-control::after {
    content: '';
    display: block;
    width: 36px;
    height: 44px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #F5A623;
    border-top-width: 22px;
    border-right-width: 0;
    border-bottom-width: 22px;
    border-left-width: 36px;
    transform: translateX(10%); }
  .video-overlay-control::before {
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    height: 100%;
    pointer-events: none;
    width: 100%;
    z-index: -1;
    opacity: 0; }
  .video-overlay-control:hover {
    border-color: #FFD978; }
  .video-overlay-control.anticipate {
    overflow: visible; }
@keyframes anticipate {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0); }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.25); } }
    .video-overlay-control.anticipate::before {
      animation: anticipate 500ms linear 0s normal 1 forwards running; }

#video-wrapper.playing #play {
  display: none; }
#video-wrapper:not(.playing) #pause {
  display: none; }
#video-wrapper.loading .video-overlay {
  cursor: progress; }
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  100% {
    transform: translate(-50%, -50%) rotate(1turn); } }
@keyframes pulse {
  0% {
    border-top-color: #FFD978;
    border-left-color: #FFD978; }
  100% {
    border-top-color: #F5A623;
    border-left-color: #F5A623; } }
#video-wrapper.unstarted.loading .video-overlay::before, #video-wrapper.unstarted.loading .video-overlay::after {
  border-radius: 50%;
  border-style: solid;
  border-color: white;
  border-bottom-color: transparent;
  z-index: 3; }
#video-wrapper.unstarted.loading .video-overlay::before {
  width: 68px;
  height: 68px;
  border-right-color: transparent;
  border-width: 9px;
  animation: spin 0.85s linear 0s reverse infinite none running, pulse 2s linear alternate infinite none running; }
#video-wrapper.unstarted.loading .video-overlay::after {
  width: 64px;
  height: 64px;
  border-width: 5px;
  border-left-color: transparent;
  animation: spin 1.1s linear 0s normal infinite none running; }

.site {
  background: black; }

.simplebar-content {
  overflow: hidden !important; }
.simplebar-scroll-content {
  margin-bottom: -17px !important; }
.simplebar-scrollbar {
  background: black;
  cursor: pointer;
  z-index: inherit;
  opacity: 0.15; }
.simplebar-track {
  transition: opacity 200ms linear;
  opacity: 1; }
  .hide-tracks .simplebar-track, .simplebar-track.hide-tracks, .simplebar-track.fix-hide {
    opacity: 0;
    transition: none; }
  .simplebar-track.horizontal {
    visibility: hidden !important; }
  .simplebar-track.vertical {
    z-index: 3; }
    .simplebar-track.vertical[style*="visibility: hidden"] {
      opacity: 0; }
  .simplebar-track:hover .simplebar-scrollbar {
    opacity: 0.5;
    transition: opacity 0s linear; }

#main #home-gallery {
  display: none;
  margin-bottom: 70px; }
  #main #home-gallery.show {
    display: flex; }
#main .site-intro {
  align-items: flex-start;
  justify-content: flex-end;
  margin-bottom: 10vmin;
  min-height: 80vh;
  padding-top: 95px;
  position: relative; }
  #main .site-intro .enter-wrapper {
    transition: opacity 0.3s linear; }
  #main .site-intro .entry-content,
  #main .site-intro .primary-text,
  #main .site-intro .secondary-text {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.75s linear, transform 0.7s ease-out; }
    #main .site-intro .entry-content.show,
    #main .site-intro .primary-text.show,
    #main .site-intro .secondary-text.show {
      opacity: 1;
      transform: translateY(0); }
#main #enter {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 0.2px;
  margin-top: 20px;
  padding: 8px 20px;
  border: none;
  background: white;
  transition: background-color 0.2s ease, visibility 0s linear 0.3s, opacity 0.3s linear; }
  #main #enter:hover {
    background-color: #F5A623; }
  #main #enter.loading {
    cursor: wait;
    position: relative; }
    #main #enter.loading::before {
      background: white; }
    #main #enter.loading::after {
      animation: spin 0.6s linear 0s normal infinite none running;
      width: 20px;
      height: 20px;
      border: 2.5px solid rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      border-left-color: transparent;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

@media (max-width: 767px) {
  #home-modal .modal-container, #home-modal .nav-playlist-container {
    padding-left: 54px;
    padding-right: 39px; } }
@media screen and (min-width: 351px) and (max-width: 450px) {
  #home-gallery .gallery-item-header,
  #home-gallery .gallery-item header {
    padding: 2.5vw; } }
@media (max-width: 575px) {
  #home-gallery-container {
    padding: 0; } }
@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  #main .site-intro {
    height: 640px; }

  .sidebar-controls .sidebar-control:focus img,
  .sidebar-controls .sidebar-control:hover img {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
    filter: unset; }

  .sidebar-navigation .sidebar-item-expand img {
    width: 14px;
    height: 9px; } }
@supports (-ms-accelerator: true) and (not (color: unset)) {
  .sidebar-controls .sidebar-control:focus img,
  .sidebar-controls .sidebar-control:hover img {
    background: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.7);
    filter: unset; } }
@supports (-webkit-marquee-repetition: infinite) and (object-fit: fill) {
  @media (max-width: 767px) {
    .sidebar.active.playlists-open .sidebar-wrapper {
      transform: translateX(calc(-100% - 1px)); } }
  .sidebar-wrapper {
    transform: translateX(calc(-100% - 1px)); } }
.blue-text {
  color: #007bff !important; }

.blue-bg {
  background-color: #007bff !important;
  color: #ebebeb; }

.blue-border {
  border-color: #007bff !important; }

.indigo-text {
  color: #6610f2 !important; }

.indigo-bg {
  background-color: #6610f2 !important;
  color: #ebebeb; }

.indigo-border {
  border-color: #6610f2 !important; }

.purple-text {
  color: #6f42c1 !important; }

.purple-bg {
  background-color: #6f42c1 !important;
  color: #ebebeb; }

.purple-border {
  border-color: #6f42c1 !important; }

.pink-text {
  color: #e83e8c !important; }

.pink-bg {
  background-color: #e83e8c !important;
  color: #ebebeb; }

.pink-border {
  border-color: #e83e8c !important; }

.red-text {
  color: #dc3545 !important; }

.red-bg {
  background-color: #dc3545 !important;
  color: #ebebeb; }

.red-border {
  border-color: #dc3545 !important; }

.orange-text {
  color: #fd7e14 !important; }

.orange-bg {
  background-color: #fd7e14 !important;
  color: black; }

.orange-border {
  border-color: #fd7e14 !important; }

.yellow-text {
  color: #ffc107 !important; }

.yellow-bg {
  background-color: #ffc107 !important;
  color: black; }

.yellow-border {
  border-color: #ffc107 !important; }

.green-text {
  color: #28a745 !important; }

.green-bg {
  background-color: #28a745 !important;
  color: #ebebeb; }

.green-border {
  border-color: #28a745 !important; }

.teal-text {
  color: #20c997 !important; }

.teal-bg {
  background-color: #20c997 !important;
  color: black; }

.teal-border {
  border-color: #20c997 !important; }

.cyan-text {
  color: #17a2b8 !important; }

.cyan-bg {
  background-color: #17a2b8 !important;
  color: #ebebeb; }

.cyan-border {
  border-color: #17a2b8 !important; }

.white-text {
  color: white !important; }

.white-bg {
  background-color: white !important;
  color: black; }

.white-border {
  border-color: white !important; }

.gray-text {
  color: #868e96 !important; }

.gray-bg {
  background-color: #868e96 !important;
  color: black; }

.gray-border {
  border-color: #868e96 !important; }

.gray-dark-text {
  color: #343a40 !important; }

.gray-dark-bg {
  background-color: #343a40 !important;
  color: #ebebeb; }

.gray-dark-border {
  border-color: #343a40 !important; }

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

.primary-bg {
  background-color: #F5A623 !important;
  color: black; }

.primary-border {
  border-color: #F5A623 !important; }

.primary-alt-text {
  color: #FFAC00 !important; }

.primary-alt-bg {
  background-color: #FFAC00 !important;
  color: black; }

.primary-alt-border {
  border-color: #FFAC00 !important; }

.secondary-text {
  color: #FFD978 !important; }

.secondary-bg {
  background-color: #FFD978 !important;
  color: black; }

.secondary-border {
  border-color: #FFD978 !important; }

.off-black-text {
  color: #1a1a1a !important; }

.off-black-bg {
  background-color: #1a1a1a !important;
  color: #ebebeb; }

.off-black-border {
  border-color: #1a1a1a !important; }

.off-white-text {
  color: #f6f6f6 !important; }

.off-white-bg {
  background-color: #f6f6f6 !important;
  color: black; }

.off-white-border {
  border-color: #f6f6f6 !important; }

.grey-darker-text {
  color: #363636 !important; }

.grey-darker-bg {
  background-color: #363636 !important;
  color: #ebebeb; }

.grey-darker-border {
  border-color: #363636 !important; }

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

.grey-lighter-bg {
  background-color: #ebebeb !important;
  color: black; }

.grey-lighter-border {
  border-color: #ebebeb !important; }

.black-text {
  color: black !important; }

.black-bg {
  background-color: black !important;
  color: #ebebeb; }

.black-border {
  border-color: black !important; }

.hide {
  display: none; }

address.hide, article.hide, aside.hide, blockquote.hide, canvas.hide, dd.hide, div.hide, dl.hide, dt.hide, fieldset.hide,
figcaption.hide, figure.hide, footer.hide, form.hide, h1.hide, h2.hide, h3.hide, h4.hide, h5.hide, h6.hide, header.hide, hgroup.hide,
hr.hide, li.hide, main.hide, nav.hide, noscript.hide, ol.hide, output.hide, p.hide, pre.hide, section.hide, table.hide, tfoot.hide,
ul.hide, video.hide {
  display: none; }
address.display, article.display, aside.display, blockquote.display, canvas.display, dd.display, div.display, dl.display, dt.display, fieldset.display,
figcaption.display, figure.display, footer.display, form.display, h1.display, h2.display, h3.display, h4.display, h5.display, h6.display, header.display, hgroup.display,
hr.display, li.display, main.display, nav.display, noscript.display, ol.display, output.display, p.display, pre.display, section.display, table.display, tfoot.display,
ul.display, video.display {
  display: block; }

a.hide, abbr.hide, acronym.hide, b.hide, bdo.hide, big.hide, br.hide, button.hide, cite.hide, code.hide, dfn.hide, em.hide, i.hide, img.hide,
input.hide, kbd.hide, label.hide, map.hide, object.hide, q.hide, samp.hide, script.hide, select.hide, small.hide, span.hide,
strong.hide, sub.hide, sup.hide, textarea.hide, time.hide, tt.hide, var.hide {
  display: none; }
a.display, abbr.display, acronym.display, b.display, bdo.display, big.display, br.display, button.display, cite.display, code.display, dfn.display, em.display, i.display, img.display,
input.display, kbd.display, label.display, map.display, object.display, q.display, samp.display, script.display, select.display, small.display, span.display,
strong.display, sub.display, sup.display, textarea.display, time.display, tt.display, var.display {
  display: inline; }

.display-inline {
  display: inline; }

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

.display-block {
  display: block; }

.display-flex {
  display: flex; }

.display-none {
  display: none; }

@media (max-width: 575px) {
  .hide-xs-only {
    display: none; }

  address.hide-xs-only, article.hide-xs-only, aside.hide-xs-only, blockquote.hide-xs-only, canvas.hide-xs-only, dd.hide-xs-only, div.hide-xs-only, dl.hide-xs-only, dt.hide-xs-only, fieldset.hide-xs-only,
  figcaption.hide-xs-only, figure.hide-xs-only, footer.hide-xs-only, form.hide-xs-only, h1.hide-xs-only, h2.hide-xs-only, h3.hide-xs-only, h4.hide-xs-only, h5.hide-xs-only, h6.hide-xs-only, header.hide-xs-only, hgroup.hide-xs-only,
  hr.hide-xs-only, li.hide-xs-only, main.hide-xs-only, nav.hide-xs-only, noscript.hide-xs-only, ol.hide-xs-only, output.hide-xs-only, p.hide-xs-only, pre.hide-xs-only, section.hide-xs-only, table.hide-xs-only, tfoot.hide-xs-only,
  ul.hide-xs-only, video.hide-xs-only {
    display: none; }
  address.display-xs-only, article.display-xs-only, aside.display-xs-only, blockquote.display-xs-only, canvas.display-xs-only, dd.display-xs-only, div.display-xs-only, dl.display-xs-only, dt.display-xs-only, fieldset.display-xs-only,
  figcaption.display-xs-only, figure.display-xs-only, footer.display-xs-only, form.display-xs-only, h1.display-xs-only, h2.display-xs-only, h3.display-xs-only, h4.display-xs-only, h5.display-xs-only, h6.display-xs-only, header.display-xs-only, hgroup.display-xs-only,
  hr.display-xs-only, li.display-xs-only, main.display-xs-only, nav.display-xs-only, noscript.display-xs-only, ol.display-xs-only, output.display-xs-only, p.display-xs-only, pre.display-xs-only, section.display-xs-only, table.display-xs-only, tfoot.display-xs-only,
  ul.display-xs-only, video.display-xs-only {
    display: block; }

  a.hide-xs-only, abbr.hide-xs-only, acronym.hide-xs-only, b.hide-xs-only, bdo.hide-xs-only, big.hide-xs-only, br.hide-xs-only, button.hide-xs-only, cite.hide-xs-only, code.hide-xs-only, dfn.hide-xs-only, em.hide-xs-only, i.hide-xs-only, img.hide-xs-only,
  input.hide-xs-only, kbd.hide-xs-only, label.hide-xs-only, map.hide-xs-only, object.hide-xs-only, q.hide-xs-only, samp.hide-xs-only, script.hide-xs-only, select.hide-xs-only, small.hide-xs-only, span.hide-xs-only,
  strong.hide-xs-only, sub.hide-xs-only, sup.hide-xs-only, textarea.hide-xs-only, time.hide-xs-only, tt.hide-xs-only, var.hide-xs-only {
    display: none; }
  a.display-xs-only, abbr.display-xs-only, acronym.display-xs-only, b.display-xs-only, bdo.display-xs-only, big.display-xs-only, br.display-xs-only, button.display-xs-only, cite.display-xs-only, code.display-xs-only, dfn.display-xs-only, em.display-xs-only, i.display-xs-only, img.display-xs-only,
  input.display-xs-only, kbd.display-xs-only, label.display-xs-only, map.display-xs-only, object.display-xs-only, q.display-xs-only, samp.display-xs-only, script.display-xs-only, select.display-xs-only, small.display-xs-only, span.display-xs-only,
  strong.display-xs-only, sub.display-xs-only, sup.display-xs-only, textarea.display-xs-only, time.display-xs-only, tt.display-xs-only, var.display-xs-only {
    display: inline; }

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

  .display-inline-block-only {
    display: inline-block; }

  .display-block-only {
    display: block; }

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

  .display-none-only {
    display: none; } }
@media (min-width: 576px) {
  .hide-sm {
    display: none; }

  address.hide-sm, article.hide-sm, aside.hide-sm, blockquote.hide-sm, canvas.hide-sm, dd.hide-sm, div.hide-sm, dl.hide-sm, dt.hide-sm, fieldset.hide-sm,
  figcaption.hide-sm, figure.hide-sm, footer.hide-sm, form.hide-sm, h1.hide-sm, h2.hide-sm, h3.hide-sm, h4.hide-sm, h5.hide-sm, h6.hide-sm, header.hide-sm, hgroup.hide-sm,
  hr.hide-sm, li.hide-sm, main.hide-sm, nav.hide-sm, noscript.hide-sm, ol.hide-sm, output.hide-sm, p.hide-sm, pre.hide-sm, section.hide-sm, table.hide-sm, tfoot.hide-sm,
  ul.hide-sm, video.hide-sm {
    display: none; }
  address.display-sm, article.display-sm, aside.display-sm, blockquote.display-sm, canvas.display-sm, dd.display-sm, div.display-sm, dl.display-sm, dt.display-sm, fieldset.display-sm,
  figcaption.display-sm, figure.display-sm, footer.display-sm, form.display-sm, h1.display-sm, h2.display-sm, h3.display-sm, h4.display-sm, h5.display-sm, h6.display-sm, header.display-sm, hgroup.display-sm,
  hr.display-sm, li.display-sm, main.display-sm, nav.display-sm, noscript.display-sm, ol.display-sm, output.display-sm, p.display-sm, pre.display-sm, section.display-sm, table.display-sm, tfoot.display-sm,
  ul.display-sm, video.display-sm {
    display: block; }

  a.hide-sm, abbr.hide-sm, acronym.hide-sm, b.hide-sm, bdo.hide-sm, big.hide-sm, br.hide-sm, button.hide-sm, cite.hide-sm, code.hide-sm, dfn.hide-sm, em.hide-sm, i.hide-sm, img.hide-sm,
  input.hide-sm, kbd.hide-sm, label.hide-sm, map.hide-sm, object.hide-sm, q.hide-sm, samp.hide-sm, script.hide-sm, select.hide-sm, small.hide-sm, span.hide-sm,
  strong.hide-sm, sub.hide-sm, sup.hide-sm, textarea.hide-sm, time.hide-sm, tt.hide-sm, var.hide-sm {
    display: none; }
  a.display-sm, abbr.display-sm, acronym.display-sm, b.display-sm, bdo.display-sm, big.display-sm, br.display-sm, button.display-sm, cite.display-sm, code.display-sm, dfn.display-sm, em.display-sm, i.display-sm, img.display-sm,
  input.display-sm, kbd.display-sm, label.display-sm, map.display-sm, object.display-sm, q.display-sm, samp.display-sm, script.display-sm, select.display-sm, small.display-sm, span.display-sm,
  strong.display-sm, sub.display-sm, sup.display-sm, textarea.display-sm, time.display-sm, tt.display-sm, var.display-sm {
    display: inline; }

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

  .display-sm-inline-block {
    display: inline-block; }

  .display-sm-block {
    display: block; }

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

  .display-sm-none {
    display: none; } }
@media (min-width: 576px) and (max-width: 767px) {
  .hide-sm-only {
    display: none; }

  address.hide-sm-only, article.hide-sm-only, aside.hide-sm-only, blockquote.hide-sm-only, canvas.hide-sm-only, dd.hide-sm-only, div.hide-sm-only, dl.hide-sm-only, dt.hide-sm-only, fieldset.hide-sm-only,
  figcaption.hide-sm-only, figure.hide-sm-only, footer.hide-sm-only, form.hide-sm-only, h1.hide-sm-only, h2.hide-sm-only, h3.hide-sm-only, h4.hide-sm-only, h5.hide-sm-only, h6.hide-sm-only, header.hide-sm-only, hgroup.hide-sm-only,
  hr.hide-sm-only, li.hide-sm-only, main.hide-sm-only, nav.hide-sm-only, noscript.hide-sm-only, ol.hide-sm-only, output.hide-sm-only, p.hide-sm-only, pre.hide-sm-only, section.hide-sm-only, table.hide-sm-only, tfoot.hide-sm-only,
  ul.hide-sm-only, video.hide-sm-only {
    display: none; }
  address.display-sm-only, article.display-sm-only, aside.display-sm-only, blockquote.display-sm-only, canvas.display-sm-only, dd.display-sm-only, div.display-sm-only, dl.display-sm-only, dt.display-sm-only, fieldset.display-sm-only,
  figcaption.display-sm-only, figure.display-sm-only, footer.display-sm-only, form.display-sm-only, h1.display-sm-only, h2.display-sm-only, h3.display-sm-only, h4.display-sm-only, h5.display-sm-only, h6.display-sm-only, header.display-sm-only, hgroup.display-sm-only,
  hr.display-sm-only, li.display-sm-only, main.display-sm-only, nav.display-sm-only, noscript.display-sm-only, ol.display-sm-only, output.display-sm-only, p.display-sm-only, pre.display-sm-only, section.display-sm-only, table.display-sm-only, tfoot.display-sm-only,
  ul.display-sm-only, video.display-sm-only {
    display: block; }

  a.hide-sm-only, abbr.hide-sm-only, acronym.hide-sm-only, b.hide-sm-only, bdo.hide-sm-only, big.hide-sm-only, br.hide-sm-only, button.hide-sm-only, cite.hide-sm-only, code.hide-sm-only, dfn.hide-sm-only, em.hide-sm-only, i.hide-sm-only, img.hide-sm-only,
  input.hide-sm-only, kbd.hide-sm-only, label.hide-sm-only, map.hide-sm-only, object.hide-sm-only, q.hide-sm-only, samp.hide-sm-only, script.hide-sm-only, select.hide-sm-only, small.hide-sm-only, span.hide-sm-only,
  strong.hide-sm-only, sub.hide-sm-only, sup.hide-sm-only, textarea.hide-sm-only, time.hide-sm-only, tt.hide-sm-only, var.hide-sm-only {
    display: none; }
  a.display-sm-only, abbr.display-sm-only, acronym.display-sm-only, b.display-sm-only, bdo.display-sm-only, big.display-sm-only, br.display-sm-only, button.display-sm-only, cite.display-sm-only, code.display-sm-only, dfn.display-sm-only, em.display-sm-only, i.display-sm-only, img.display-sm-only,
  input.display-sm-only, kbd.display-sm-only, label.display-sm-only, map.display-sm-only, object.display-sm-only, q.display-sm-only, samp.display-sm-only, script.display-sm-only, select.display-sm-only, small.display-sm-only, span.display-sm-only,
  strong.display-sm-only, sub.display-sm-only, sup.display-sm-only, textarea.display-sm-only, time.display-sm-only, tt.display-sm-only, var.display-sm-only {
    display: inline; }

  .display-sm-inline-only {
    display: inline; }

  .display-sm-inline-block-only {
    display: inline-block; }

  .display-sm-block-only {
    display: block; }

  .display-sm-flex-only {
    display: flex; }

  .display-sm-none-only {
    display: none; } }
@media (min-width: 768px) {
  .hide-md {
    display: none; }

  address.hide-md, article.hide-md, aside.hide-md, blockquote.hide-md, canvas.hide-md, dd.hide-md, div.hide-md, dl.hide-md, dt.hide-md, fieldset.hide-md,
  figcaption.hide-md, figure.hide-md, footer.hide-md, form.hide-md, h1.hide-md, h2.hide-md, h3.hide-md, h4.hide-md, h5.hide-md, h6.hide-md, header.hide-md, hgroup.hide-md,
  hr.hide-md, li.hide-md, main.hide-md, nav.hide-md, noscript.hide-md, ol.hide-md, output.hide-md, p.hide-md, pre.hide-md, section.hide-md, table.hide-md, tfoot.hide-md,
  ul.hide-md, video.hide-md {
    display: none; }
  address.display-md, article.display-md, aside.display-md, blockquote.display-md, canvas.display-md, dd.display-md, div.display-md, dl.display-md, dt.display-md, fieldset.display-md,
  figcaption.display-md, figure.display-md, footer.display-md, form.display-md, h1.display-md, h2.display-md, h3.display-md, h4.display-md, h5.display-md, h6.display-md, header.display-md, hgroup.display-md,
  hr.display-md, li.display-md, main.display-md, nav.display-md, noscript.display-md, ol.display-md, output.display-md, p.display-md, pre.display-md, section.display-md, table.display-md, tfoot.display-md,
  ul.display-md, video.display-md {
    display: block; }

  a.hide-md, abbr.hide-md, acronym.hide-md, b.hide-md, bdo.hide-md, big.hide-md, br.hide-md, button.hide-md, cite.hide-md, code.hide-md, dfn.hide-md, em.hide-md, i.hide-md, img.hide-md,
  input.hide-md, kbd.hide-md, label.hide-md, map.hide-md, object.hide-md, q.hide-md, samp.hide-md, script.hide-md, select.hide-md, small.hide-md, span.hide-md,
  strong.hide-md, sub.hide-md, sup.hide-md, textarea.hide-md, time.hide-md, tt.hide-md, var.hide-md {
    display: none; }
  a.display-md, abbr.display-md, acronym.display-md, b.display-md, bdo.display-md, big.display-md, br.display-md, button.display-md, cite.display-md, code.display-md, dfn.display-md, em.display-md, i.display-md, img.display-md,
  input.display-md, kbd.display-md, label.display-md, map.display-md, object.display-md, q.display-md, samp.display-md, script.display-md, select.display-md, small.display-md, span.display-md,
  strong.display-md, sub.display-md, sup.display-md, textarea.display-md, time.display-md, tt.display-md, var.display-md {
    display: inline; }

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

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

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

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

  .display-md-none {
    display: none; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hide-md-only {
    display: none; }

  address.hide-md-only, article.hide-md-only, aside.hide-md-only, blockquote.hide-md-only, canvas.hide-md-only, dd.hide-md-only, div.hide-md-only, dl.hide-md-only, dt.hide-md-only, fieldset.hide-md-only,
  figcaption.hide-md-only, figure.hide-md-only, footer.hide-md-only, form.hide-md-only, h1.hide-md-only, h2.hide-md-only, h3.hide-md-only, h4.hide-md-only, h5.hide-md-only, h6.hide-md-only, header.hide-md-only, hgroup.hide-md-only,
  hr.hide-md-only, li.hide-md-only, main.hide-md-only, nav.hide-md-only, noscript.hide-md-only, ol.hide-md-only, output.hide-md-only, p.hide-md-only, pre.hide-md-only, section.hide-md-only, table.hide-md-only, tfoot.hide-md-only,
  ul.hide-md-only, video.hide-md-only {
    display: none; }
  address.display-md-only, article.display-md-only, aside.display-md-only, blockquote.display-md-only, canvas.display-md-only, dd.display-md-only, div.display-md-only, dl.display-md-only, dt.display-md-only, fieldset.display-md-only,
  figcaption.display-md-only, figure.display-md-only, footer.display-md-only, form.display-md-only, h1.display-md-only, h2.display-md-only, h3.display-md-only, h4.display-md-only, h5.display-md-only, h6.display-md-only, header.display-md-only, hgroup.display-md-only,
  hr.display-md-only, li.display-md-only, main.display-md-only, nav.display-md-only, noscript.display-md-only, ol.display-md-only, output.display-md-only, p.display-md-only, pre.display-md-only, section.display-md-only, table.display-md-only, tfoot.display-md-only,
  ul.display-md-only, video.display-md-only {
    display: block; }

  a.hide-md-only, abbr.hide-md-only, acronym.hide-md-only, b.hide-md-only, bdo.hide-md-only, big.hide-md-only, br.hide-md-only, button.hide-md-only, cite.hide-md-only, code.hide-md-only, dfn.hide-md-only, em.hide-md-only, i.hide-md-only, img.hide-md-only,
  input.hide-md-only, kbd.hide-md-only, label.hide-md-only, map.hide-md-only, object.hide-md-only, q.hide-md-only, samp.hide-md-only, script.hide-md-only, select.hide-md-only, small.hide-md-only, span.hide-md-only,
  strong.hide-md-only, sub.hide-md-only, sup.hide-md-only, textarea.hide-md-only, time.hide-md-only, tt.hide-md-only, var.hide-md-only {
    display: none; }
  a.display-md-only, abbr.display-md-only, acronym.display-md-only, b.display-md-only, bdo.display-md-only, big.display-md-only, br.display-md-only, button.display-md-only, cite.display-md-only, code.display-md-only, dfn.display-md-only, em.display-md-only, i.display-md-only, img.display-md-only,
  input.display-md-only, kbd.display-md-only, label.display-md-only, map.display-md-only, object.display-md-only, q.display-md-only, samp.display-md-only, script.display-md-only, select.display-md-only, small.display-md-only, span.display-md-only,
  strong.display-md-only, sub.display-md-only, sup.display-md-only, textarea.display-md-only, time.display-md-only, tt.display-md-only, var.display-md-only {
    display: inline; }

  .display-md-inline-only {
    display: inline; }

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

  .display-md-block-only {
    display: block; }

  .display-md-flex-only {
    display: flex; }

  .display-md-none-only {
    display: none; } }
@media (min-width: 992px) {
  .hide-lg {
    display: none; }

  address.hide-lg, article.hide-lg, aside.hide-lg, blockquote.hide-lg, canvas.hide-lg, dd.hide-lg, div.hide-lg, dl.hide-lg, dt.hide-lg, fieldset.hide-lg,
  figcaption.hide-lg, figure.hide-lg, footer.hide-lg, form.hide-lg, h1.hide-lg, h2.hide-lg, h3.hide-lg, h4.hide-lg, h5.hide-lg, h6.hide-lg, header.hide-lg, hgroup.hide-lg,
  hr.hide-lg, li.hide-lg, main.hide-lg, nav.hide-lg, noscript.hide-lg, ol.hide-lg, output.hide-lg, p.hide-lg, pre.hide-lg, section.hide-lg, table.hide-lg, tfoot.hide-lg,
  ul.hide-lg, video.hide-lg {
    display: none; }
  address.display-lg, article.display-lg, aside.display-lg, blockquote.display-lg, canvas.display-lg, dd.display-lg, div.display-lg, dl.display-lg, dt.display-lg, fieldset.display-lg,
  figcaption.display-lg, figure.display-lg, footer.display-lg, form.display-lg, h1.display-lg, h2.display-lg, h3.display-lg, h4.display-lg, h5.display-lg, h6.display-lg, header.display-lg, hgroup.display-lg,
  hr.display-lg, li.display-lg, main.display-lg, nav.display-lg, noscript.display-lg, ol.display-lg, output.display-lg, p.display-lg, pre.display-lg, section.display-lg, table.display-lg, tfoot.display-lg,
  ul.display-lg, video.display-lg {
    display: block; }

  a.hide-lg, abbr.hide-lg, acronym.hide-lg, b.hide-lg, bdo.hide-lg, big.hide-lg, br.hide-lg, button.hide-lg, cite.hide-lg, code.hide-lg, dfn.hide-lg, em.hide-lg, i.hide-lg, img.hide-lg,
  input.hide-lg, kbd.hide-lg, label.hide-lg, map.hide-lg, object.hide-lg, q.hide-lg, samp.hide-lg, script.hide-lg, select.hide-lg, small.hide-lg, span.hide-lg,
  strong.hide-lg, sub.hide-lg, sup.hide-lg, textarea.hide-lg, time.hide-lg, tt.hide-lg, var.hide-lg {
    display: none; }
  a.display-lg, abbr.display-lg, acronym.display-lg, b.display-lg, bdo.display-lg, big.display-lg, br.display-lg, button.display-lg, cite.display-lg, code.display-lg, dfn.display-lg, em.display-lg, i.display-lg, img.display-lg,
  input.display-lg, kbd.display-lg, label.display-lg, map.display-lg, object.display-lg, q.display-lg, samp.display-lg, script.display-lg, select.display-lg, small.display-lg, span.display-lg,
  strong.display-lg, sub.display-lg, sup.display-lg, textarea.display-lg, time.display-lg, tt.display-lg, var.display-lg {
    display: inline; }

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

  .display-lg-inline-block {
    display: inline-block; }

  .display-lg-block {
    display: block; }

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

  .display-lg-none {
    display: none; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hide-lg-only {
    display: none; }

  address.hide-lg-only, article.hide-lg-only, aside.hide-lg-only, blockquote.hide-lg-only, canvas.hide-lg-only, dd.hide-lg-only, div.hide-lg-only, dl.hide-lg-only, dt.hide-lg-only, fieldset.hide-lg-only,
  figcaption.hide-lg-only, figure.hide-lg-only, footer.hide-lg-only, form.hide-lg-only, h1.hide-lg-only, h2.hide-lg-only, h3.hide-lg-only, h4.hide-lg-only, h5.hide-lg-only, h6.hide-lg-only, header.hide-lg-only, hgroup.hide-lg-only,
  hr.hide-lg-only, li.hide-lg-only, main.hide-lg-only, nav.hide-lg-only, noscript.hide-lg-only, ol.hide-lg-only, output.hide-lg-only, p.hide-lg-only, pre.hide-lg-only, section.hide-lg-only, table.hide-lg-only, tfoot.hide-lg-only,
  ul.hide-lg-only, video.hide-lg-only {
    display: none; }
  address.display-lg-only, article.display-lg-only, aside.display-lg-only, blockquote.display-lg-only, canvas.display-lg-only, dd.display-lg-only, div.display-lg-only, dl.display-lg-only, dt.display-lg-only, fieldset.display-lg-only,
  figcaption.display-lg-only, figure.display-lg-only, footer.display-lg-only, form.display-lg-only, h1.display-lg-only, h2.display-lg-only, h3.display-lg-only, h4.display-lg-only, h5.display-lg-only, h6.display-lg-only, header.display-lg-only, hgroup.display-lg-only,
  hr.display-lg-only, li.display-lg-only, main.display-lg-only, nav.display-lg-only, noscript.display-lg-only, ol.display-lg-only, output.display-lg-only, p.display-lg-only, pre.display-lg-only, section.display-lg-only, table.display-lg-only, tfoot.display-lg-only,
  ul.display-lg-only, video.display-lg-only {
    display: block; }

  a.hide-lg-only, abbr.hide-lg-only, acronym.hide-lg-only, b.hide-lg-only, bdo.hide-lg-only, big.hide-lg-only, br.hide-lg-only, button.hide-lg-only, cite.hide-lg-only, code.hide-lg-only, dfn.hide-lg-only, em.hide-lg-only, i.hide-lg-only, img.hide-lg-only,
  input.hide-lg-only, kbd.hide-lg-only, label.hide-lg-only, map.hide-lg-only, object.hide-lg-only, q.hide-lg-only, samp.hide-lg-only, script.hide-lg-only, select.hide-lg-only, small.hide-lg-only, span.hide-lg-only,
  strong.hide-lg-only, sub.hide-lg-only, sup.hide-lg-only, textarea.hide-lg-only, time.hide-lg-only, tt.hide-lg-only, var.hide-lg-only {
    display: none; }
  a.display-lg-only, abbr.display-lg-only, acronym.display-lg-only, b.display-lg-only, bdo.display-lg-only, big.display-lg-only, br.display-lg-only, button.display-lg-only, cite.display-lg-only, code.display-lg-only, dfn.display-lg-only, em.display-lg-only, i.display-lg-only, img.display-lg-only,
  input.display-lg-only, kbd.display-lg-only, label.display-lg-only, map.display-lg-only, object.display-lg-only, q.display-lg-only, samp.display-lg-only, script.display-lg-only, select.display-lg-only, small.display-lg-only, span.display-lg-only,
  strong.display-lg-only, sub.display-lg-only, sup.display-lg-only, textarea.display-lg-only, time.display-lg-only, tt.display-lg-only, var.display-lg-only {
    display: inline; }

  .display-lg-inline-only {
    display: inline; }

  .display-lg-inline-block-only {
    display: inline-block; }

  .display-lg-block-only {
    display: block; }

  .display-lg-flex-only {
    display: flex; }

  .display-lg-none-only {
    display: none; } }
@media (min-width: 1200px) {
  .hide-xl {
    display: none; }

  address.hide-xl, article.hide-xl, aside.hide-xl, blockquote.hide-xl, canvas.hide-xl, dd.hide-xl, div.hide-xl, dl.hide-xl, dt.hide-xl, fieldset.hide-xl,
  figcaption.hide-xl, figure.hide-xl, footer.hide-xl, form.hide-xl, h1.hide-xl, h2.hide-xl, h3.hide-xl, h4.hide-xl, h5.hide-xl, h6.hide-xl, header.hide-xl, hgroup.hide-xl,
  hr.hide-xl, li.hide-xl, main.hide-xl, nav.hide-xl, noscript.hide-xl, ol.hide-xl, output.hide-xl, p.hide-xl, pre.hide-xl, section.hide-xl, table.hide-xl, tfoot.hide-xl,
  ul.hide-xl, video.hide-xl {
    display: none; }
  address.display-xl, article.display-xl, aside.display-xl, blockquote.display-xl, canvas.display-xl, dd.display-xl, div.display-xl, dl.display-xl, dt.display-xl, fieldset.display-xl,
  figcaption.display-xl, figure.display-xl, footer.display-xl, form.display-xl, h1.display-xl, h2.display-xl, h3.display-xl, h4.display-xl, h5.display-xl, h6.display-xl, header.display-xl, hgroup.display-xl,
  hr.display-xl, li.display-xl, main.display-xl, nav.display-xl, noscript.display-xl, ol.display-xl, output.display-xl, p.display-xl, pre.display-xl, section.display-xl, table.display-xl, tfoot.display-xl,
  ul.display-xl, video.display-xl {
    display: block; }

  a.hide-xl, abbr.hide-xl, acronym.hide-xl, b.hide-xl, bdo.hide-xl, big.hide-xl, br.hide-xl, button.hide-xl, cite.hide-xl, code.hide-xl, dfn.hide-xl, em.hide-xl, i.hide-xl, img.hide-xl,
  input.hide-xl, kbd.hide-xl, label.hide-xl, map.hide-xl, object.hide-xl, q.hide-xl, samp.hide-xl, script.hide-xl, select.hide-xl, small.hide-xl, span.hide-xl,
  strong.hide-xl, sub.hide-xl, sup.hide-xl, textarea.hide-xl, time.hide-xl, tt.hide-xl, var.hide-xl {
    display: none; }
  a.display-xl, abbr.display-xl, acronym.display-xl, b.display-xl, bdo.display-xl, big.display-xl, br.display-xl, button.display-xl, cite.display-xl, code.display-xl, dfn.display-xl, em.display-xl, i.display-xl, img.display-xl,
  input.display-xl, kbd.display-xl, label.display-xl, map.display-xl, object.display-xl, q.display-xl, samp.display-xl, script.display-xl, select.display-xl, small.display-xl, span.display-xl,
  strong.display-xl, sub.display-xl, sup.display-xl, textarea.display-xl, time.display-xl, tt.display-xl, var.display-xl {
    display: inline; }

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

  .display-xl-inline-block {
    display: inline-block; }

  .display-xl-block {
    display: block; }

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

  .display-xl-none {
    display: none; } }
@media (min-width: 1200px) and (max-width: 1599px) {
  .hide-xl-only {
    display: none; }

  address.hide-xl-only, article.hide-xl-only, aside.hide-xl-only, blockquote.hide-xl-only, canvas.hide-xl-only, dd.hide-xl-only, div.hide-xl-only, dl.hide-xl-only, dt.hide-xl-only, fieldset.hide-xl-only,
  figcaption.hide-xl-only, figure.hide-xl-only, footer.hide-xl-only, form.hide-xl-only, h1.hide-xl-only, h2.hide-xl-only, h3.hide-xl-only, h4.hide-xl-only, h5.hide-xl-only, h6.hide-xl-only, header.hide-xl-only, hgroup.hide-xl-only,
  hr.hide-xl-only, li.hide-xl-only, main.hide-xl-only, nav.hide-xl-only, noscript.hide-xl-only, ol.hide-xl-only, output.hide-xl-only, p.hide-xl-only, pre.hide-xl-only, section.hide-xl-only, table.hide-xl-only, tfoot.hide-xl-only,
  ul.hide-xl-only, video.hide-xl-only {
    display: none; }
  address.display-xl-only, article.display-xl-only, aside.display-xl-only, blockquote.display-xl-only, canvas.display-xl-only, dd.display-xl-only, div.display-xl-only, dl.display-xl-only, dt.display-xl-only, fieldset.display-xl-only,
  figcaption.display-xl-only, figure.display-xl-only, footer.display-xl-only, form.display-xl-only, h1.display-xl-only, h2.display-xl-only, h3.display-xl-only, h4.display-xl-only, h5.display-xl-only, h6.display-xl-only, header.display-xl-only, hgroup.display-xl-only,
  hr.display-xl-only, li.display-xl-only, main.display-xl-only, nav.display-xl-only, noscript.display-xl-only, ol.display-xl-only, output.display-xl-only, p.display-xl-only, pre.display-xl-only, section.display-xl-only, table.display-xl-only, tfoot.display-xl-only,
  ul.display-xl-only, video.display-xl-only {
    display: block; }

  a.hide-xl-only, abbr.hide-xl-only, acronym.hide-xl-only, b.hide-xl-only, bdo.hide-xl-only, big.hide-xl-only, br.hide-xl-only, button.hide-xl-only, cite.hide-xl-only, code.hide-xl-only, dfn.hide-xl-only, em.hide-xl-only, i.hide-xl-only, img.hide-xl-only,
  input.hide-xl-only, kbd.hide-xl-only, label.hide-xl-only, map.hide-xl-only, object.hide-xl-only, q.hide-xl-only, samp.hide-xl-only, script.hide-xl-only, select.hide-xl-only, small.hide-xl-only, span.hide-xl-only,
  strong.hide-xl-only, sub.hide-xl-only, sup.hide-xl-only, textarea.hide-xl-only, time.hide-xl-only, tt.hide-xl-only, var.hide-xl-only {
    display: none; }
  a.display-xl-only, abbr.display-xl-only, acronym.display-xl-only, b.display-xl-only, bdo.display-xl-only, big.display-xl-only, br.display-xl-only, button.display-xl-only, cite.display-xl-only, code.display-xl-only, dfn.display-xl-only, em.display-xl-only, i.display-xl-only, img.display-xl-only,
  input.display-xl-only, kbd.display-xl-only, label.display-xl-only, map.display-xl-only, object.display-xl-only, q.display-xl-only, samp.display-xl-only, script.display-xl-only, select.display-xl-only, small.display-xl-only, span.display-xl-only,
  strong.display-xl-only, sub.display-xl-only, sup.display-xl-only, textarea.display-xl-only, time.display-xl-only, tt.display-xl-only, var.display-xl-only {
    display: inline; }

  .display-xl-inline-only {
    display: inline; }

  .display-xl-inline-block-only {
    display: inline-block; }

  .display-xl-block-only {
    display: block; }

  .display-xl-flex-only {
    display: flex; }

  .display-xl-none-only {
    display: none; } }
@media (min-width: 1600px) {
  .hide-xxl {
    display: none; }

  address.hide-xxl, article.hide-xxl, aside.hide-xxl, blockquote.hide-xxl, canvas.hide-xxl, dd.hide-xxl, div.hide-xxl, dl.hide-xxl, dt.hide-xxl, fieldset.hide-xxl,
  figcaption.hide-xxl, figure.hide-xxl, footer.hide-xxl, form.hide-xxl, h1.hide-xxl, h2.hide-xxl, h3.hide-xxl, h4.hide-xxl, h5.hide-xxl, h6.hide-xxl, header.hide-xxl, hgroup.hide-xxl,
  hr.hide-xxl, li.hide-xxl, main.hide-xxl, nav.hide-xxl, noscript.hide-xxl, ol.hide-xxl, output.hide-xxl, p.hide-xxl, pre.hide-xxl, section.hide-xxl, table.hide-xxl, tfoot.hide-xxl,
  ul.hide-xxl, video.hide-xxl {
    display: none; }
  address.display-xxl, article.display-xxl, aside.display-xxl, blockquote.display-xxl, canvas.display-xxl, dd.display-xxl, div.display-xxl, dl.display-xxl, dt.display-xxl, fieldset.display-xxl,
  figcaption.display-xxl, figure.display-xxl, footer.display-xxl, form.display-xxl, h1.display-xxl, h2.display-xxl, h3.display-xxl, h4.display-xxl, h5.display-xxl, h6.display-xxl, header.display-xxl, hgroup.display-xxl,
  hr.display-xxl, li.display-xxl, main.display-xxl, nav.display-xxl, noscript.display-xxl, ol.display-xxl, output.display-xxl, p.display-xxl, pre.display-xxl, section.display-xxl, table.display-xxl, tfoot.display-xxl,
  ul.display-xxl, video.display-xxl {
    display: block; }

  a.hide-xxl, abbr.hide-xxl, acronym.hide-xxl, b.hide-xxl, bdo.hide-xxl, big.hide-xxl, br.hide-xxl, button.hide-xxl, cite.hide-xxl, code.hide-xxl, dfn.hide-xxl, em.hide-xxl, i.hide-xxl, img.hide-xxl,
  input.hide-xxl, kbd.hide-xxl, label.hide-xxl, map.hide-xxl, object.hide-xxl, q.hide-xxl, samp.hide-xxl, script.hide-xxl, select.hide-xxl, small.hide-xxl, span.hide-xxl,
  strong.hide-xxl, sub.hide-xxl, sup.hide-xxl, textarea.hide-xxl, time.hide-xxl, tt.hide-xxl, var.hide-xxl {
    display: none; }
  a.display-xxl, abbr.display-xxl, acronym.display-xxl, b.display-xxl, bdo.display-xxl, big.display-xxl, br.display-xxl, button.display-xxl, cite.display-xxl, code.display-xxl, dfn.display-xxl, em.display-xxl, i.display-xxl, img.display-xxl,
  input.display-xxl, kbd.display-xxl, label.display-xxl, map.display-xxl, object.display-xxl, q.display-xxl, samp.display-xxl, script.display-xxl, select.display-xxl, small.display-xxl, span.display-xxl,
  strong.display-xxl, sub.display-xxl, sup.display-xxl, textarea.display-xxl, time.display-xxl, tt.display-xxl, var.display-xxl {
    display: inline; }

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

  .display-xxl-inline-block {
    display: inline-block; }

  .display-xxl-block {
    display: block; }

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

  .display-xxl-none {
    display: none; } }
@media (min-width: 1600px) and (max-width: 1919px) {
  .hide-xxl-only {
    display: none; }

  address.hide-xxl-only, article.hide-xxl-only, aside.hide-xxl-only, blockquote.hide-xxl-only, canvas.hide-xxl-only, dd.hide-xxl-only, div.hide-xxl-only, dl.hide-xxl-only, dt.hide-xxl-only, fieldset.hide-xxl-only,
  figcaption.hide-xxl-only, figure.hide-xxl-only, footer.hide-xxl-only, form.hide-xxl-only, h1.hide-xxl-only, h2.hide-xxl-only, h3.hide-xxl-only, h4.hide-xxl-only, h5.hide-xxl-only, h6.hide-xxl-only, header.hide-xxl-only, hgroup.hide-xxl-only,
  hr.hide-xxl-only, li.hide-xxl-only, main.hide-xxl-only, nav.hide-xxl-only, noscript.hide-xxl-only, ol.hide-xxl-only, output.hide-xxl-only, p.hide-xxl-only, pre.hide-xxl-only, section.hide-xxl-only, table.hide-xxl-only, tfoot.hide-xxl-only,
  ul.hide-xxl-only, video.hide-xxl-only {
    display: none; }
  address.display-xxl-only, article.display-xxl-only, aside.display-xxl-only, blockquote.display-xxl-only, canvas.display-xxl-only, dd.display-xxl-only, div.display-xxl-only, dl.display-xxl-only, dt.display-xxl-only, fieldset.display-xxl-only,
  figcaption.display-xxl-only, figure.display-xxl-only, footer.display-xxl-only, form.display-xxl-only, h1.display-xxl-only, h2.display-xxl-only, h3.display-xxl-only, h4.display-xxl-only, h5.display-xxl-only, h6.display-xxl-only, header.display-xxl-only, hgroup.display-xxl-only,
  hr.display-xxl-only, li.display-xxl-only, main.display-xxl-only, nav.display-xxl-only, noscript.display-xxl-only, ol.display-xxl-only, output.display-xxl-only, p.display-xxl-only, pre.display-xxl-only, section.display-xxl-only, table.display-xxl-only, tfoot.display-xxl-only,
  ul.display-xxl-only, video.display-xxl-only {
    display: block; }

  a.hide-xxl-only, abbr.hide-xxl-only, acronym.hide-xxl-only, b.hide-xxl-only, bdo.hide-xxl-only, big.hide-xxl-only, br.hide-xxl-only, button.hide-xxl-only, cite.hide-xxl-only, code.hide-xxl-only, dfn.hide-xxl-only, em.hide-xxl-only, i.hide-xxl-only, img.hide-xxl-only,
  input.hide-xxl-only, kbd.hide-xxl-only, label.hide-xxl-only, map.hide-xxl-only, object.hide-xxl-only, q.hide-xxl-only, samp.hide-xxl-only, script.hide-xxl-only, select.hide-xxl-only, small.hide-xxl-only, span.hide-xxl-only,
  strong.hide-xxl-only, sub.hide-xxl-only, sup.hide-xxl-only, textarea.hide-xxl-only, time.hide-xxl-only, tt.hide-xxl-only, var.hide-xxl-only {
    display: none; }
  a.display-xxl-only, abbr.display-xxl-only, acronym.display-xxl-only, b.display-xxl-only, bdo.display-xxl-only, big.display-xxl-only, br.display-xxl-only, button.display-xxl-only, cite.display-xxl-only, code.display-xxl-only, dfn.display-xxl-only, em.display-xxl-only, i.display-xxl-only, img.display-xxl-only,
  input.display-xxl-only, kbd.display-xxl-only, label.display-xxl-only, map.display-xxl-only, object.display-xxl-only, q.display-xxl-only, samp.display-xxl-only, script.display-xxl-only, select.display-xxl-only, small.display-xxl-only, span.display-xxl-only,
  strong.display-xxl-only, sub.display-xxl-only, sup.display-xxl-only, textarea.display-xxl-only, time.display-xxl-only, tt.display-xxl-only, var.display-xxl-only {
    display: inline; }

  .display-xxl-inline-only {
    display: inline; }

  .display-xxl-inline-block-only {
    display: inline-block; }

  .display-xxl-block-only {
    display: block; }

  .display-xxl-flex-only {
    display: flex; }

  .display-xxl-none-only {
    display: none; } }
@media (min-width: 1920px) {
  .hide-xxxl {
    display: none; }

  address.hide-xxxl, article.hide-xxxl, aside.hide-xxxl, blockquote.hide-xxxl, canvas.hide-xxxl, dd.hide-xxxl, div.hide-xxxl, dl.hide-xxxl, dt.hide-xxxl, fieldset.hide-xxxl,
  figcaption.hide-xxxl, figure.hide-xxxl, footer.hide-xxxl, form.hide-xxxl, h1.hide-xxxl, h2.hide-xxxl, h3.hide-xxxl, h4.hide-xxxl, h5.hide-xxxl, h6.hide-xxxl, header.hide-xxxl, hgroup.hide-xxxl,
  hr.hide-xxxl, li.hide-xxxl, main.hide-xxxl, nav.hide-xxxl, noscript.hide-xxxl, ol.hide-xxxl, output.hide-xxxl, p.hide-xxxl, pre.hide-xxxl, section.hide-xxxl, table.hide-xxxl, tfoot.hide-xxxl,
  ul.hide-xxxl, video.hide-xxxl {
    display: none; }
  address.display-xxxl, article.display-xxxl, aside.display-xxxl, blockquote.display-xxxl, canvas.display-xxxl, dd.display-xxxl, div.display-xxxl, dl.display-xxxl, dt.display-xxxl, fieldset.display-xxxl,
  figcaption.display-xxxl, figure.display-xxxl, footer.display-xxxl, form.display-xxxl, h1.display-xxxl, h2.display-xxxl, h3.display-xxxl, h4.display-xxxl, h5.display-xxxl, h6.display-xxxl, header.display-xxxl, hgroup.display-xxxl,
  hr.display-xxxl, li.display-xxxl, main.display-xxxl, nav.display-xxxl, noscript.display-xxxl, ol.display-xxxl, output.display-xxxl, p.display-xxxl, pre.display-xxxl, section.display-xxxl, table.display-xxxl, tfoot.display-xxxl,
  ul.display-xxxl, video.display-xxxl {
    display: block; }

  a.hide-xxxl, abbr.hide-xxxl, acronym.hide-xxxl, b.hide-xxxl, bdo.hide-xxxl, big.hide-xxxl, br.hide-xxxl, button.hide-xxxl, cite.hide-xxxl, code.hide-xxxl, dfn.hide-xxxl, em.hide-xxxl, i.hide-xxxl, img.hide-xxxl,
  input.hide-xxxl, kbd.hide-xxxl, label.hide-xxxl, map.hide-xxxl, object.hide-xxxl, q.hide-xxxl, samp.hide-xxxl, script.hide-xxxl, select.hide-xxxl, small.hide-xxxl, span.hide-xxxl,
  strong.hide-xxxl, sub.hide-xxxl, sup.hide-xxxl, textarea.hide-xxxl, time.hide-xxxl, tt.hide-xxxl, var.hide-xxxl {
    display: none; }
  a.display-xxxl, abbr.display-xxxl, acronym.display-xxxl, b.display-xxxl, bdo.display-xxxl, big.display-xxxl, br.display-xxxl, button.display-xxxl, cite.display-xxxl, code.display-xxxl, dfn.display-xxxl, em.display-xxxl, i.display-xxxl, img.display-xxxl,
  input.display-xxxl, kbd.display-xxxl, label.display-xxxl, map.display-xxxl, object.display-xxxl, q.display-xxxl, samp.display-xxxl, script.display-xxxl, select.display-xxxl, small.display-xxxl, span.display-xxxl,
  strong.display-xxxl, sub.display-xxxl, sup.display-xxxl, textarea.display-xxxl, time.display-xxxl, tt.display-xxxl, var.display-xxxl {
    display: inline; }

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

  .display-xxxl-inline-block {
    display: inline-block; }

  .display-xxxl-block {
    display: block; }

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

  .display-xxxl-none {
    display: none; } }
@media (min-width: 1920px) and (max-width: 2559px) {
  .hide-xxxl-only {
    display: none; }

  address.hide-xxxl-only, article.hide-xxxl-only, aside.hide-xxxl-only, blockquote.hide-xxxl-only, canvas.hide-xxxl-only, dd.hide-xxxl-only, div.hide-xxxl-only, dl.hide-xxxl-only, dt.hide-xxxl-only, fieldset.hide-xxxl-only,
  figcaption.hide-xxxl-only, figure.hide-xxxl-only, footer.hide-xxxl-only, form.hide-xxxl-only, h1.hide-xxxl-only, h2.hide-xxxl-only, h3.hide-xxxl-only, h4.hide-xxxl-only, h5.hide-xxxl-only, h6.hide-xxxl-only, header.hide-xxxl-only, hgroup.hide-xxxl-only,
  hr.hide-xxxl-only, li.hide-xxxl-only, main.hide-xxxl-only, nav.hide-xxxl-only, noscript.hide-xxxl-only, ol.hide-xxxl-only, output.hide-xxxl-only, p.hide-xxxl-only, pre.hide-xxxl-only, section.hide-xxxl-only, table.hide-xxxl-only, tfoot.hide-xxxl-only,
  ul.hide-xxxl-only, video.hide-xxxl-only {
    display: none; }
  address.display-xxxl-only, article.display-xxxl-only, aside.display-xxxl-only, blockquote.display-xxxl-only, canvas.display-xxxl-only, dd.display-xxxl-only, div.display-xxxl-only, dl.display-xxxl-only, dt.display-xxxl-only, fieldset.display-xxxl-only,
  figcaption.display-xxxl-only, figure.display-xxxl-only, footer.display-xxxl-only, form.display-xxxl-only, h1.display-xxxl-only, h2.display-xxxl-only, h3.display-xxxl-only, h4.display-xxxl-only, h5.display-xxxl-only, h6.display-xxxl-only, header.display-xxxl-only, hgroup.display-xxxl-only,
  hr.display-xxxl-only, li.display-xxxl-only, main.display-xxxl-only, nav.display-xxxl-only, noscript.display-xxxl-only, ol.display-xxxl-only, output.display-xxxl-only, p.display-xxxl-only, pre.display-xxxl-only, section.display-xxxl-only, table.display-xxxl-only, tfoot.display-xxxl-only,
  ul.display-xxxl-only, video.display-xxxl-only {
    display: block; }

  a.hide-xxxl-only, abbr.hide-xxxl-only, acronym.hide-xxxl-only, b.hide-xxxl-only, bdo.hide-xxxl-only, big.hide-xxxl-only, br.hide-xxxl-only, button.hide-xxxl-only, cite.hide-xxxl-only, code.hide-xxxl-only, dfn.hide-xxxl-only, em.hide-xxxl-only, i.hide-xxxl-only, img.hide-xxxl-only,
  input.hide-xxxl-only, kbd.hide-xxxl-only, label.hide-xxxl-only, map.hide-xxxl-only, object.hide-xxxl-only, q.hide-xxxl-only, samp.hide-xxxl-only, script.hide-xxxl-only, select.hide-xxxl-only, small.hide-xxxl-only, span.hide-xxxl-only,
  strong.hide-xxxl-only, sub.hide-xxxl-only, sup.hide-xxxl-only, textarea.hide-xxxl-only, time.hide-xxxl-only, tt.hide-xxxl-only, var.hide-xxxl-only {
    display: none; }
  a.display-xxxl-only, abbr.display-xxxl-only, acronym.display-xxxl-only, b.display-xxxl-only, bdo.display-xxxl-only, big.display-xxxl-only, br.display-xxxl-only, button.display-xxxl-only, cite.display-xxxl-only, code.display-xxxl-only, dfn.display-xxxl-only, em.display-xxxl-only, i.display-xxxl-only, img.display-xxxl-only,
  input.display-xxxl-only, kbd.display-xxxl-only, label.display-xxxl-only, map.display-xxxl-only, object.display-xxxl-only, q.display-xxxl-only, samp.display-xxxl-only, script.display-xxxl-only, select.display-xxxl-only, small.display-xxxl-only, span.display-xxxl-only,
  strong.display-xxxl-only, sub.display-xxxl-only, sup.display-xxxl-only, textarea.display-xxxl-only, time.display-xxxl-only, tt.display-xxxl-only, var.display-xxxl-only {
    display: inline; }

  .display-xxxl-inline-only {
    display: inline; }

  .display-xxxl-inline-block-only {
    display: inline-block; }

  .display-xxxl-block-only {
    display: block; }

  .display-xxxl-flex-only {
    display: flex; }

  .display-xxxl-none-only {
    display: none; } }
@media (min-width: 2560px) {
  .hide-xxxxl {
    display: none; }

  address.hide-xxxxl, article.hide-xxxxl, aside.hide-xxxxl, blockquote.hide-xxxxl, canvas.hide-xxxxl, dd.hide-xxxxl, div.hide-xxxxl, dl.hide-xxxxl, dt.hide-xxxxl, fieldset.hide-xxxxl,
  figcaption.hide-xxxxl, figure.hide-xxxxl, footer.hide-xxxxl, form.hide-xxxxl, h1.hide-xxxxl, h2.hide-xxxxl, h3.hide-xxxxl, h4.hide-xxxxl, h5.hide-xxxxl, h6.hide-xxxxl, header.hide-xxxxl, hgroup.hide-xxxxl,
  hr.hide-xxxxl, li.hide-xxxxl, main.hide-xxxxl, nav.hide-xxxxl, noscript.hide-xxxxl, ol.hide-xxxxl, output.hide-xxxxl, p.hide-xxxxl, pre.hide-xxxxl, section.hide-xxxxl, table.hide-xxxxl, tfoot.hide-xxxxl,
  ul.hide-xxxxl, video.hide-xxxxl {
    display: none; }
  address.display-xxxxl, article.display-xxxxl, aside.display-xxxxl, blockquote.display-xxxxl, canvas.display-xxxxl, dd.display-xxxxl, div.display-xxxxl, dl.display-xxxxl, dt.display-xxxxl, fieldset.display-xxxxl,
  figcaption.display-xxxxl, figure.display-xxxxl, footer.display-xxxxl, form.display-xxxxl, h1.display-xxxxl, h2.display-xxxxl, h3.display-xxxxl, h4.display-xxxxl, h5.display-xxxxl, h6.display-xxxxl, header.display-xxxxl, hgroup.display-xxxxl,
  hr.display-xxxxl, li.display-xxxxl, main.display-xxxxl, nav.display-xxxxl, noscript.display-xxxxl, ol.display-xxxxl, output.display-xxxxl, p.display-xxxxl, pre.display-xxxxl, section.display-xxxxl, table.display-xxxxl, tfoot.display-xxxxl,
  ul.display-xxxxl, video.display-xxxxl {
    display: block; }

  a.hide-xxxxl, abbr.hide-xxxxl, acronym.hide-xxxxl, b.hide-xxxxl, bdo.hide-xxxxl, big.hide-xxxxl, br.hide-xxxxl, button.hide-xxxxl, cite.hide-xxxxl, code.hide-xxxxl, dfn.hide-xxxxl, em.hide-xxxxl, i.hide-xxxxl, img.hide-xxxxl,
  input.hide-xxxxl, kbd.hide-xxxxl, label.hide-xxxxl, map.hide-xxxxl, object.hide-xxxxl, q.hide-xxxxl, samp.hide-xxxxl, script.hide-xxxxl, select.hide-xxxxl, small.hide-xxxxl, span.hide-xxxxl,
  strong.hide-xxxxl, sub.hide-xxxxl, sup.hide-xxxxl, textarea.hide-xxxxl, time.hide-xxxxl, tt.hide-xxxxl, var.hide-xxxxl {
    display: none; }
  a.display-xxxxl, abbr.display-xxxxl, acronym.display-xxxxl, b.display-xxxxl, bdo.display-xxxxl, big.display-xxxxl, br.display-xxxxl, button.display-xxxxl, cite.display-xxxxl, code.display-xxxxl, dfn.display-xxxxl, em.display-xxxxl, i.display-xxxxl, img.display-xxxxl,
  input.display-xxxxl, kbd.display-xxxxl, label.display-xxxxl, map.display-xxxxl, object.display-xxxxl, q.display-xxxxl, samp.display-xxxxl, script.display-xxxxl, select.display-xxxxl, small.display-xxxxl, span.display-xxxxl,
  strong.display-xxxxl, sub.display-xxxxl, sup.display-xxxxl, textarea.display-xxxxl, time.display-xxxxl, tt.display-xxxxl, var.display-xxxxl {
    display: inline; }

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

  .display-xxxxl-inline-block {
    display: inline-block; }

  .display-xxxxl-block {
    display: block; }

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

  .display-xxxxl-none {
    display: none; } }
@media (min-width: 2560px) {
  .hide-xxxxl-only {
    display: none; }

  address.hide-xxxxl-only, article.hide-xxxxl-only, aside.hide-xxxxl-only, blockquote.hide-xxxxl-only, canvas.hide-xxxxl-only, dd.hide-xxxxl-only, div.hide-xxxxl-only, dl.hide-xxxxl-only, dt.hide-xxxxl-only, fieldset.hide-xxxxl-only,
  figcaption.hide-xxxxl-only, figure.hide-xxxxl-only, footer.hide-xxxxl-only, form.hide-xxxxl-only, h1.hide-xxxxl-only, h2.hide-xxxxl-only, h3.hide-xxxxl-only, h4.hide-xxxxl-only, h5.hide-xxxxl-only, h6.hide-xxxxl-only, header.hide-xxxxl-only, hgroup.hide-xxxxl-only,
  hr.hide-xxxxl-only, li.hide-xxxxl-only, main.hide-xxxxl-only, nav.hide-xxxxl-only, noscript.hide-xxxxl-only, ol.hide-xxxxl-only, output.hide-xxxxl-only, p.hide-xxxxl-only, pre.hide-xxxxl-only, section.hide-xxxxl-only, table.hide-xxxxl-only, tfoot.hide-xxxxl-only,
  ul.hide-xxxxl-only, video.hide-xxxxl-only {
    display: none; }
  address.display-xxxxl-only, article.display-xxxxl-only, aside.display-xxxxl-only, blockquote.display-xxxxl-only, canvas.display-xxxxl-only, dd.display-xxxxl-only, div.display-xxxxl-only, dl.display-xxxxl-only, dt.display-xxxxl-only, fieldset.display-xxxxl-only,
  figcaption.display-xxxxl-only, figure.display-xxxxl-only, footer.display-xxxxl-only, form.display-xxxxl-only, h1.display-xxxxl-only, h2.display-xxxxl-only, h3.display-xxxxl-only, h4.display-xxxxl-only, h5.display-xxxxl-only, h6.display-xxxxl-only, header.display-xxxxl-only, hgroup.display-xxxxl-only,
  hr.display-xxxxl-only, li.display-xxxxl-only, main.display-xxxxl-only, nav.display-xxxxl-only, noscript.display-xxxxl-only, ol.display-xxxxl-only, output.display-xxxxl-only, p.display-xxxxl-only, pre.display-xxxxl-only, section.display-xxxxl-only, table.display-xxxxl-only, tfoot.display-xxxxl-only,
  ul.display-xxxxl-only, video.display-xxxxl-only {
    display: block; }

  a.hide-xxxxl-only, abbr.hide-xxxxl-only, acronym.hide-xxxxl-only, b.hide-xxxxl-only, bdo.hide-xxxxl-only, big.hide-xxxxl-only, br.hide-xxxxl-only, button.hide-xxxxl-only, cite.hide-xxxxl-only, code.hide-xxxxl-only, dfn.hide-xxxxl-only, em.hide-xxxxl-only, i.hide-xxxxl-only, img.hide-xxxxl-only,
  input.hide-xxxxl-only, kbd.hide-xxxxl-only, label.hide-xxxxl-only, map.hide-xxxxl-only, object.hide-xxxxl-only, q.hide-xxxxl-only, samp.hide-xxxxl-only, script.hide-xxxxl-only, select.hide-xxxxl-only, small.hide-xxxxl-only, span.hide-xxxxl-only,
  strong.hide-xxxxl-only, sub.hide-xxxxl-only, sup.hide-xxxxl-only, textarea.hide-xxxxl-only, time.hide-xxxxl-only, tt.hide-xxxxl-only, var.hide-xxxxl-only {
    display: none; }
  a.display-xxxxl-only, abbr.display-xxxxl-only, acronym.display-xxxxl-only, b.display-xxxxl-only, bdo.display-xxxxl-only, big.display-xxxxl-only, br.display-xxxxl-only, button.display-xxxxl-only, cite.display-xxxxl-only, code.display-xxxxl-only, dfn.display-xxxxl-only, em.display-xxxxl-only, i.display-xxxxl-only, img.display-xxxxl-only,
  input.display-xxxxl-only, kbd.display-xxxxl-only, label.display-xxxxl-only, map.display-xxxxl-only, object.display-xxxxl-only, q.display-xxxxl-only, samp.display-xxxxl-only, script.display-xxxxl-only, select.display-xxxxl-only, small.display-xxxxl-only, span.display-xxxxl-only,
  strong.display-xxxxl-only, sub.display-xxxxl-only, sup.display-xxxxl-only, textarea.display-xxxxl-only, time.display-xxxxl-only, tt.display-xxxxl-only, var.display-xxxxl-only {
    display: inline; }

  .display-xxxxl-inline-only {
    display: inline; }

  .display-xxxxl-inline-block-only {
    display: inline-block; }

  .display-xxxxl-block-only {
    display: block; }

  .display-xxxxl-flex-only {
    display: flex; }

  .display-xxxxl-none-only {
    display: none; } }
@media screen and (orientation: landscape) {
  .hide-landscape {
    display: none !important; } }

@media screen and (orientation: portrait) {
  .hide-portrait {
    display: none !important; } }

.wrap {
  margin: 0;
  padding: 0;
  border: 0; }

.fade-in, .fade-in-out, .fade-out {
  opacity: 0;
  pointer-events: none; }
  .fade-in.show, .fade-in-out.show, .fade-out.show {
    opacity: 1;
    pointer-events: initial; }
.fade-in-out, .fade-in.show, .fade-out {
  transition: opacity 300ms ease; }
.fade-out.show {
  transition: none; }

.swap-text {
  display: inline-block;
  transition: transform 150ms ease; }
  .swap-text.transition {
    transform: translateY(100%); }

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