@font-face {
  font-family: "Gotham-Medium";
  src: url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Medium-webfont.woff") format("woff"),
       url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham-Light";
  src: url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Light-webfont.woff") format("woff"),
       url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Light-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
  :root {
      --design_nav_overlay_bg: color-mix(in srgb, #000000 0%, transparent);
      --design_nav_menu_size: 14px;
      --design_footer_bg: color-mix(in srgb, var(--design_bg_color) 50%, transparent);
      --design_text_color: #ffffff;
      --design_text_color_inverted: #333333;
      --design_body_links_color: #ffffff;
      --design_link_color: #ffffff;
      --design_link_color_inverted: #ffffff;
      --design_h1_title_color: #ffffff;
      --design_h1_title_color_inverted: #333333;
      --design_h234_title_color: #999999;
      --design_h234_title_color_inverted: #333333;
      --design_bg_color: #000000;
      --design_bg_color_inverted: #ffffff;
      --design_nav_links_color: #ffffff;
      --design_nav_tabs_bg_color: #000000;
      --design_rollover_color: #8a8a8a;
      --design_topbar_color: #ffffff;
      --design_topbar_bg_color: #ffffff;
      --design_content_bg_colour: #ffffff;
      --design_content_bg_transparency: 0.9;
      --design_divs_bg_colour: 0;
      --design_footer_bg_transparency: 0.5;
      --design_input_color: #000000;
      --design_input_bg_color: #ffffff;
      --design_button_text_color: #ffffff;
      --design_button_bg_color: #ffffff;
      --design_bg_tint: rgba(0,0,0,0.2);
      --design_bg_tint_heavy: rgba(0,0,0,0.6);
    --design_bg_brightness: 0.8;
    --design_bg_brightness_heavy: 0.2;
    --design_body_size: 9px;
        --design_h1_title_size: 52px;
        --design_h1_title_transform: uppercase;
        --design_body_font: "Gotham-Light", system-ui, sans-serif;
        --design_title_font: "Gotham-Medium", system-ui, sans-serif;
        --design_bg_align: fill;
        --design_subpage_bg_align: fill;
        --design_subpage_bg_image: ;
        --design_bg_image: ;
        --design_rollover_effect: color;
        --design_nav_height: 60px;
        --design_nav_bar_height: 60px;
        --design_nav_links_size: 14px;
        --design_nav_links_transform: uppercase;
        --design_title_padding_top: 0px;
        --design_title_padding_bottom: 0px;
        --design_mobile_menu: 0;
        --design_bg_intro_blur: 30px;
        --design_bg_intro_speed: 1.2s;
        --design_title_intro_blur: 10px;
        --design_title_intro_speed: 0.6s;
        --design_bg_blur: 5px;
        --design_bg_grain: url('/assets/i/grain-white.png');
    }
  /*-------------------------------------------------------
   Assemble CSS for Sally Potter ID: 774
   sallypotter.com
   Design Engine v5.0
-------------------------------------------------------*/
html{height:100%; min-height:100%; overscroll-behavior: none; interpolate-size: allow-keywords; /* transition between numerical values (eg. 100px) and keyword values (eg. auto). */}
body{min-height:100%; overscroll-behavior: none;}
body:after {content: ""; display: block; clear: both;}
* {margin:0;padding:0;}
a {-moz-outline-style:none;outline:none;}
img {max-width:100%; height:auto;}
/*-------------------------------------------------------
   Colours, Font Families
-------------------------------------------------------*/
body{ background-color:var(--design_bg_color); }

.text-center { text-align:center; }
.text-lead { font-size: 1.2rem; line-height: 1.2;}
.text-small { font-size: 0.8rem; line-height: 1.2;}
.text-muted { color:var(--design_muted_color); }

a { color:var(--design_link_color); }
a:hover { color:var(--design_rollover_color); text-decoration:underline; }
a:active { text-decoration:underline; outline:none; }
a:focus { color:var(--design_rollover_color); }
a:visited { text-decoration:none; }
a:focus-visible { color:var(--design_rollover_color); }
a:focus-within { color:var(--design_rollover_color); }
a:link { text-decoration:none; }

h1 {   
  font-weight:normal;
  text-transform: var(--design_h1_title_transform, uppercase);
  font-size: var(--design_h1_title_size, clamp(2rem, 5vw, 12rem));
  text-rendering: optimizeLegibility;
  }

h1.headerText, h1.headerText a { color: var(--design_h1_title_color); }
  
h1, h2, h3, h4, h5, h6 { 
  font-weight:normal;
  margin: 0 0 0.5em;
  color: var(--design_h234_title_color);
  text-transform: var(--design_h1_title_transform);
  text-rendering: optimizeLegibility;
  }
/*-------------------------------------------------------
   Inverted sections

   A block flipped against the rest of the page — the design editor's
   "Inverted Sections" colours (design_bg_color_inverted / _text_color_inverted
   / _h1_title_color_inverted / _h234_title_color_inverted).

   .inverted flips the CONTENT colours and can sit on anything.
   .inverted-panel additionally paints the inverted background, so the block
   reads as a panel laid over the page. They stay separate so legacy page
   content carrying a bare .inverted class gets the flipped colours without a
   slab of background appearing behind it.

   Only opt a block in when it really is on the inverted background: the hero
   tagline used to carry .inverted, which made its h2 take the panel heading
   colour (#333 by default) rather than the site's Headings Colour.
   Body copy needs the explicit p, li, dd ... list: the base rules are element
   selectors, which a bare .inverted colour would not outrank.
-------------------------------------------------------*/
.inverted { color: var(--design_text_color_inverted); }
.inverted p,
.inverted li,
.inverted dt,
.inverted dd,
.inverted td,
.inverted th,
.inverted blockquote,
.inverted figcaption { color: var(--design_text_color_inverted); }
.inverted h1 { color: var(--design_h1_title_color_inverted); }
.inverted h2, .inverted h3, .inverted h4, .inverted h5, .inverted h6 { color: var(--design_h234_title_color_inverted); }
.inverted a { color: var(--design_link_color_inverted); }
.inverted-panel { background-color: var(--design_bg_color_inverted); }

h2, h3, h4, h5, h6 {
  line-height:1.2;
  }

p { 
  font-family: var(--design_body_font); 
  color: var(--design_text_color);
  font-size: var(--design_body_size);
  }

.awardsModule li.laurel svg path { fill: var (--design_h234_title_color);}
::-webkit-input-placeholder { color: var(--design_button_text_color); opacity: 0.8; }
:-moz-placeholder  { color: var(--design_button_text_color); opacity: 0.8; }
::-moz-placeholder  { color: var(--design_button_text_color); opacity: 0.8; }
:-ms-input-placeholder  { color: var(--design_button_text_color); opacity: 0.8; }

/*-------------------------------------------------------
   Header
-------------------------------------------------------*/
header{
     display: block;
     color:var(--design_nav_color);
     text-align: center;
     height: var(--design_nav_bar_height, 100px);
     /* Containing block for .header-bg. Without this the absolutely-positioned
        tint below resolves against .wrapper (position: relative) and stretches
        over the WHOLE page, darkening the key art / background colour on desktop.
        Mobile already positions the header (the max-width: 768px block sets it
        absolute), which is why phones showed the true colours and desktop didn't. */
     position: relative;
}
/* The header bar paints nothing of its own: the key art shows through. (It
   used to carry a hard-coded 20% navy band fading out at the bottom — a
   "permanent fade" no design option controlled.) The element stays in the
   markup so a site's custom CSS can still target it. */
header .header-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
     background: none;
}

header .header-top-news { display: none; }
header .header-wrap a {
     color: var(--design_topbar_color);
     background-color: var(--design_topbar_bg_color);
     text-align: center;
     position: fixed;
     top: 5rem;
     right: -5rem;
     transform: rotateZ(45deg);
     min-width: 21rem;
     padding: 0.3rem;
     z-index: 9999;
     /* So the ribbon tracks the poster's right edge as the page reframes into a
        poster (see body#Home.drawer-open below), instead of staying pinned to
        the viewport corner over the open drawer. */
     transition: right 0.7s ease-in-out;
     }

header .headerImage {
     max-height: 100px;
}
/* "Logo padding top / bottom" (design_title_padding_top/_bottom). */
header .HeaderImageLink {
     display: inline-block;
     padding-top: var(--design_title_padding_top, 0px);
     padding-bottom: var(--design_title_padding_bottom, 0px);
}
body#Home header .headerImage {
     display: none;
}

header input[type='checkbox'] {
     display: none;
}
header label {
    width: 60px;
    height: 45px;
    position: absolute;
    top: 30px;
    left: 30px;
    display: block;
    z-index: 9999;
    cursor: pointer;
}

#nav-icon1 {
  width: 50px;
  height: 45px;
  position: relative;
  margin: 0;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2),#nav-icon1 span:nth-child(3) {
  top: 18px;
}

#nav-icon1 span:nth-child(4) {
  top: 36px;
}

label:has(+input[type='checkbox']:checked) #nav-icon1 span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

label:has(+input[type='checkbox']:checked) #nav-icon1 span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

label:has(+input[type='checkbox']:checked) #nav-icon1 span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

label:has(+input[type='checkbox']:checked) #nav-icon1 span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

nav:not(.widget-nav):not(.assemble-widget nav) {
     display: block;
     position: fixed;
     /* Menu text size: the design editor's "Menu Text Size" when set (palette
        emits --design_nav_menu_size only then), else the classic scale. */
     font-size: var(--design_nav_menu_size, clamp(25px, 2.6rem, 80px));
     top: 0;
     left: 0;
     height: 100%;
     transform: translateY(-100%);
     opacity: 0;
     width: 100%;
     z-index: 9998;
     padding: 3rem;
     box-sizing: border-box;
     transition: opacity 0.2s ease-in-out, transform 0.5s ease-in-out;
     /* Menu background (design editor, Navigation panel): colour + opacity
        (design_nav_tabs_bg_color / design_divs_bg_colour), an optional image
        (design_nav_bg_image) and a style (design_nav_bg_style_id: solid, or a
        fade from the top). palette.tsx composes them into these two custom
        properties; unset keeps the classic 70% black over a 10px blur. */
     background-color: var(--design_nav_overlay_bg, var(--theme-menu-bg, rgba(0, 0, 0, 0.7)));
     background-image: var(--design_nav_bg_image, none);
     backdrop-filter: blur(var(--theme-blur, 10px));
     background-size: cover;
     background-position: center center;
     text-align: center;
     color:var(--design_nav_links_color);
}
/* Menu links take the NAV link colour. The global anchor rule (the body link
   colour, --design_link_color) used to outrank the nav's inherited colour, so
   "Navigation → Menu Link Colour" never showed on the menu. */
nav:not(.widget-nav):not(.assemble-widget nav) ul li a {
     color: var(--design_nav_links_color);
     text-transform: var(--design_nav_links_transform, none);
     text-decoration: none;
}
nav:not(.widget-nav):not(.assemble-widget nav) ul li a:hover,
nav:not(.widget-nav):not(.assemble-widget nav) ul li a:focus-visible {
     color: var(--design_rollover_color);
}
nav:not(.widget-nav):not(.assemble-widget nav) ul {
     margin: 0 auto;
     padding: 0;
     width: 100%;
}
/* While the menu is open the corner ribbon (z-index 9999, above the 9998
   menu) would sit over the menu's top corner; park it until the menu closes. */
header:has(input[type='checkbox']:checked) .header-wrap a {
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.2s ease-in-out, right 0.7s ease-in-out;
}
header input[type='checkbox']:checked+nav { /* show nav when checkbox is checked */
    transform: translateY(0);
    opacity: 1;
}
@keyframes slide-up {
     from {  transform: translateY(-100%);  opacity: 0; }
     to { transform: translateY(0); opacity: 1; } 
     }    

nav ul {list-style: none;}
nav:not(.widget-nav):not(.assemble-widget nav) ul li {
     margin-bottom: 1rem; 
     opacity: 0; 
     transform: translateY(-20px); 
     transition: opacity 0.3s ease-out, transform 0.3s ease-out; 
     transition-delay: 0.4s; 
}
nav ul li a:hover {
     color: var(--design_rollover_color);
}
nav ul li svg {
     display: inline-block;
     width: 1ch;
     height: 1ch;
}
nav ul li:nth-child(1) { transition-delay: .5s; }
nav ul li:nth-child(2) { transition-delay: .5s; }
nav ul li:nth-child(3) { transition-delay: .6s; }
nav ul li:nth-child(4) { transition-delay: .7s; }
nav ul li:nth-child(5) { transition-delay: .8s; }
nav ul li:nth-child(6) { transition-delay: .9s; }
nav ul li:nth-child(7) { transition-delay: 1s; }
nav ul li:nth-child(8) { transition-delay: 1.1s; }
nav ul li:nth-child(9) { transition-delay: 1.2s; }
nav ul li:nth-child(10) { transition-delay: 1.3s; }
nav ul li:nth-child(11) { transition-delay: 1.4s; }
nav ul li:nth-child(12) { transition-delay: 1.5s; }
nav ul li:nth-child(13) { transition-delay: 1.6s; }
nav ul li:nth-child(14) { transition-delay: 1.7s; }
nav ul li:nth-child(15) { transition-delay: 1.8s; }
nav ul li:nth-child(16) { transition-delay: 1.9s; }
nav ul span li:nth-child(1) { transition-delay: 1s; }
nav ul span li:nth-child(2) { transition-delay: 1.1s; }
nav ul span li:nth-child(3) { transition-delay: 1.2s; }
nav ul span li:nth-child(4) { transition-delay: 1.3s; }
nav ul span li:nth-child(5) { transition-delay: 1.4s; }
nav ul span li:nth-child(6) { transition-delay: 1.5s; }
nav ul span li:nth-child(7) { transition-delay: 1.6s; }
nav ul span li:nth-child(8) { transition-delay: 1.7s; }
nav ul span li:nth-child(9) { transition-delay: 1.8s; }     


header input[type='checkbox']:checked+nav ul li {
     opacity: 1;
     transform: translateY(0);
}
nav ul li.home:before { 
     content: "";
     opacity: 0;
     transform: translateY(-30px);
     filter: blur(20px);
     height: 16vh;
     display: block;
     margin: 10rem 0 4rem 0;
     background-image: url(/img/);
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     transition: opacity 1s ease-out, transform 0.7s ease-out;
     transition-delay: 0.5s;
}
header input[type='checkbox']:checked+nav ul li.home:before {
     transform: translateY(0);
     opacity: 1;
     filter: blur(0px);
}
nav ul .social-icons li { display: inline-block; margin-right: 1rem; }
/* The menu overlay's texture. Scoped to the site nav (as the overlay rule
   above is) so it can no longer bleed onto the showtimes widget's tab bar —
   campaign-home.css used to switch it off for EVERY nav to stop that leak,
   which took the menu's grain with it. */
nav:not(.widget-nav):not(.assemble-widget nav)::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 100%;  
  opacity: var(--theme-texture-opacity, 0.2);
  z-index: -1;
  /* Surface texture follows the site theme (css/v5/theme.tsx): film grain by
     default, a checker on pixel, none on glass / flare / flat. */
  background: var(--theme-texture, var(--design_bg_grain)) repeat;
}
/*-------------------------------------------------------
   Footer
-------------------------------------------------------*/
footer {
    display: block;
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    white-space: nowrap;
    width: 100%;
    z-index: 2;
}
footer ul {
    display: block;
    padding: 20px;
    margin: 0;
}
footer ul li {
    display: inline-block;
    margin-right: 20px;
}
footer .copyright {
     padding: 10px;
     margin-bottom: 30px;
}
/* Footer links: their own colour (design_footer_links_color), falling back
   to the body link colour as before. */
footer a { color: var(--design_footer_links_color, var(--design_link_color)); }
footer a:hover, footer a:focus-visible { color: var(--design_rollover_color); }
/* Footer background opacity (design_footer_bg_transparency): palette emits
   --design_footer_bg only when set, so unset keeps the .grain tint. */
footer.grain, footer { background-color: var(--design_footer_bg, var(--theme-tint, var(--design_bg_tint))); }
footer .footer-logo {
    max-height: 40px;
    margin-bottom: 90px;
}
/*-------------------------------------------------------
   Content
-------------------------------------------------------*/
.contentWrapper {
     display: block;
     min-height: 100vh;
}
/* Design options (set for this site) */
.contentWrapper .row { max-width: min(100%, 100%); }
.contentWrapper .container, .contentWrapper .container-fluid { background-color: color-mix(in srgb, #ffffff 90%, transparent); }
.contentWrapper .campaign-block--trailer .container { background-color: transparent; }

body:not(#Home) .container:first-child,
body:not(#Home) .container-fluid:first-child {
     /* padding-top: calc(var(--design_nav_bar_height) * 2); */
}

.moduleContainer { container-type: inline-size; }


/*-------------------------------------------------------
   Modules
-------------------------------------------------------*/

/* ── Store ─────────────────────────────────────────────────────────────────
   The shop. Poster-led cards on the site's own palette — the film carries the
   page, so there is no cart chrome, no badges, no table. Cards are a plain
   grid that reflows on container width (the page sets --store-columns for the
   desktop density). Buy buttons inherit .btn from the site's button styles so
   a store never looks bolted on. */
.storeModule { width:100%; }
.storeModule-header { margin-bottom: 1.5rem; }
.storeModule-emptyText { color: var(--design_muted_color); }

.storeProducts {
     list-style: none;
     display: grid;
     gap: clamp(1rem, 3vw, 2rem);
     grid-template-columns: repeat(var(--store-columns, 3), minmax(0, 1fr));
}
@container (max-width: 900px) { .storeProducts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (max-width: 560px) { .storeProducts { grid-template-columns: minmax(0, 1fr); } }

.storeModule--list .storeProducts,
.storeModule--featured .storeProducts { grid-template-columns: minmax(0, 1fr); }

.storeProduct { display: flex; flex-direction: column; gap: 0.75rem; min-width: 0; }
.storeModule--list .storeProduct { flex-direction: row; align-items: flex-start; gap: 1.25rem; }
.storeModule--list .storeProduct-art { flex: 0 0 clamp(96px, 20%, 200px); }
.storeModule--featured .storeProduct { flex-direction: row; align-items: center; gap: clamp(1rem, 4vw, 3rem); }
.storeModule--featured .storeProduct-art { flex: 0 0 min(45%, 480px); }

.storeProduct-art { overflow: hidden; background: var(--design_muted_bg_color, rgba(127,127,127,0.12)); }
.storeProduct-art img { display: block; width: 100%; height: auto; }

.storeProduct-body { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.storeProduct-title { font-size: 1.1rem; line-height: 1.25; }
.storeProduct-qualifier { font-size: 0.8rem; color: var(--design_muted_color); }
.storeProduct-description { font-size: 0.9rem; color: var(--design_muted_color); }

.storeProduct-buy {
     display: flex;
     align-items: center;
     gap: 1rem;
     margin-top: 0.5rem;
     flex-wrap: wrap;
}
.storeProduct-price { font-variant-numeric: tabular-nums; font-size: 1.05rem; }
.storeProduct-cta[disabled] { opacity: 0.55; cursor: not-allowed; }

/* Free products. "Free" sits exactly where a price sits and in the same
   weight — no badge, no flash: the offer is the interesting thing, not the
   fact that we are giving it away. The approval note is the one extra line,
   because a request is not a download and the visitor deserves to know that
   before typing an address in. */
.storeProduct-note { font-size: 0.8rem; color: var(--design_muted_color); }
.storeProduct-preorder { margin: 0 0 0.5rem; }
.storeProduct-preorderLabel { margin: 0; font-size: 0.85rem; font-weight: 600; }
.storeProduct-preorderNote { margin: 0.15rem 0 0; font-size: 0.8rem; color: var(--design_muted_color); }

.storeClaimForm { flex: 1 1 100%; display: grid; gap: 0.6rem; margin-top: 0.75rem; }
.storeClaimForm-field { display: grid; gap: 0.2rem; font-size: 0.8rem; color: var(--design_muted_color); }
.storeClaimForm input, .storeClaimForm textarea {
     font: inherit;
     color: inherit;
     background: var(--design_muted_bg_color, rgba(127,127,127,0.12));
     border: 1px solid var(--design_border_color, rgba(127,127,127,0.3));
     border-radius: 2px;
     padding: 0.5rem 0.6rem;
}
.storeClaimForm-submit { justify-self: start; }
.storeClaimForm-status { font-size: 0.8rem; color: var(--design_muted_color); }

/* Film groupings — a slate shop. Type carries the division: the film's own
   name over a hairline, with the poster as a small companion. No panels, no
   cards around cards. A single-film shop never renders any of this. */
.storeFilm + .storeFilm { margin-top: clamp(2.5rem, 6vw, 4.5rem); }

.storeFilm-heading {
     display: flex;
     align-items: center;
     gap: 1rem;
     margin-bottom: 1.5rem;
     padding-bottom: 0.75rem;
     border-bottom: 1px solid var(--design_muted_bg_color, rgba(127,127,127,0.25));
}
.storeFilm-art { flex: 0 0 44px; overflow: hidden; }
.storeFilm-art img { display: block; width: 100%; height: auto; }
.storeFilm-title { font-size: clamp(1.25rem, 3vw, 1.75rem); line-height: 1.15; margin: 0; }

/* Ships with the hidden attribute; the store script drops it once it can act
   on a click. Chips stay typographic rather than looking like buttons — this
   is navigation, not an action. */
.storeFilms-filter {
     display: flex;
     flex-wrap: wrap;
     gap: 0.5rem 1.25rem;
     margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
}
.storeFilms-chip {
     background: none;
     border: 0;
     padding: 0.25rem 0;
     font: inherit;
     font-size: 0.9rem;
     color: var(--design_muted_color);
     cursor: pointer;
     border-bottom: 1px solid transparent;
}
.storeFilms-chip:hover { color: inherit; }
.storeFilms-chip[aria-pressed="true"] { color: inherit; border-bottom-color: currentColor; }

/* Library + watch — the post-purchase surfaces. Same restraint as the
   catalogue: a list of what you own and the one button that opens it. */
.storeLibrary { max-width: 46rem; margin: 0 auto; }
.storeLibrary-empty { color: var(--design_muted_color); }
.storeLibrary-items { list-style: none; display: flex; flex-direction: column; gap: 1.25rem; }
.storeLibrary-item {
     display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;
     padding-bottom: 1.25rem;
     border-bottom: 1px solid color-mix(in srgb, var(--design_text_color) 15%, transparent);
}
.storeLibrary-meta { flex: 1 1 16rem; min-width: 0; }
.storeLibrary-meta h3 { font-size: 1.05rem; line-height: 1.25; }
.storeLibrary-status { font-size: 0.8rem; color: var(--design_muted_color); margin-top: 0.15rem; }
.storeLibrary-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.storeLibrary-terms { flex: 1 1 100%; font-size: 0.85rem; color: var(--design_muted_color); }

/* The bundle: a purchase can be a film file, subtitles per language and a
   pile of PDFs, and the buyer's question is "did I get the subtitles". Flat
   and typographic — the kind headings carry the structure, so there is no
   folder tree to build or explain (decision D5). Rows sit full-width under
   the item's own actions, because a file list is not a row of buttons. */
.storeLibrary-files { flex: 1 1 100%; margin-top: 0.35rem; }
.storeLibrary-filesHead {
     font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em;
     color: var(--design_muted_color);
}
.storeLibrary-groupHeading {
     margin-top: 0.75rem; font-size: 0.8rem; font-weight: 600;
}
.storeLibrary-fileRows { list-style: none; margin-top: 0.25rem; }
.storeLibrary-fileRow {
     display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 0.75rem;
     padding: 0.3rem 0;
}
.storeLibrary-fileLabel { flex: 1 1 14rem; min-width: 0; font-size: 0.9rem; }
.storeLibrary-fileMeta {
     display: block; font-size: 0.75rem; color: var(--design_muted_color);
}
/* When there is no button there is a reason, and it reads as text rather than
   as a disabled control: "unlocks on the 24th" is information, and a greyed
   button is an invitation to keep clicking. */
.storeLibrary-fileNote { font-size: 0.8rem; color: var(--design_muted_color); }
/* Arriving from a per-file link in the access email. The buyer clicked one
   named file, so the row it named is marked rather than left for them to find
   in a twelve-file bundle. */
.storeLibrary-fileRow[data-store-asset-target="1"] {
     outline: 1px solid color-mix(in srgb, var(--design_text_color) 35%, transparent);
     outline-offset: 0.35rem;
}

.storeScreeningForm { flex: 1 1 100%; display: grid; gap: 0.6rem; margin-top: 0.75rem; }
.storeScreeningForm label { display: grid; gap: 0.2rem; font-size: 0.8rem; color: var(--design_muted_color); }
.storeScreeningForm input, .storeScreeningForm textarea {
     padding: 0.5rem; font: inherit; font-size: 0.9rem;
     color: var(--design_text_color); background: transparent;
     border: 1px solid color-mix(in srgb, var(--design_text_color) 30%, transparent);
     border-radius: 3px;
}
.storeScreeningForm-status { font-size: 0.8rem; color: var(--design_muted_color); }

/* The licence holder's register (/store/screening/:token). A licence is N
   screenings inside a window, so the page is a list of dates with the state
   of the film window against each — the holder's question is never "what did
   I buy", it is "can I download the film yet". */
.storeScreening { max-width: 46rem; margin: 0 auto; }
.storeScreening-empty, .storeScreening-status { color: var(--design_muted_color); }
.storeScreening-head { margin-bottom: 1.5rem; }
.storeScreening-head h2 { font-size: 1.3rem; line-height: 1.2; }
.storeScreening-terms { font-size: 0.85rem; color: var(--design_muted_color); margin-top: 0.35rem; }
.storeScreening-window {
     margin: 1rem 0 0; padding: 0.85rem 1rem; font-size: 0.9rem;
     border: 1px solid color-mix(in srgb, var(--design_text_color) 20%, transparent);
     border-radius: 3px;
}
.storeScreening-items { list-style: none; display: flex; flex-direction: column; gap: 1.1rem; }
.storeScreening-item {
     display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.75rem;
     padding-bottom: 1.1rem;
     border-bottom: 1px solid color-mix(in srgb, var(--design_text_color) 15%, transparent);
}
.storeScreening-item[data-cancelled="1"] { opacity: 0.55; }
.storeScreening-when { flex: 1 1 14rem; min-width: 0; }
.storeScreening-when strong { font-weight: 600; }
.storeScreening-where, .storeScreening-file {
     display: block; font-size: 0.8rem; color: var(--design_muted_color); margin-top: 0.15rem;
}
.storeScreening-actions { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.storeScreening-add { margin-top: 1.75rem; }

/* The RSVP surfaces (phase 5). On the register, one screening's RSVP panel
   sits under its row; on the public page it IS the page. Both inherit the
   film's palette, which is the point of the page living on the film's own
   site rather than on ours. */
.storeScreening-rsvp {
     flex: 1 1 100%;
     margin-top: 0.75rem; padding: 0.85rem 1rem;
     border: 1px solid color-mix(in srgb, var(--design_text_color) 15%, transparent);
     border-radius: 3px;
}
.storeScreening-rsvpHead { font-size: 0.95rem; }
.storeScreening-rsvpLink { font-size: 0.85rem; margin-top: 0.35rem; word-break: break-word; }
.storeScreening-rsvpActions { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; margin-top: 0.75rem; }
/* White plate behind the code: a QR read off a dark page needs its quiet zone
   to be light, and the renderer draws on the background it is given. */
/* The attendee list, shown only when the holder asks. Rows read as a door
   list: a name, a party size and the contact beneath it. */
.storeScreening-rsvpRows { list-style: none; margin-top: 0.75rem; display: grid; gap: 0.6rem; }
.storeScreening-rsvpRows li {
     display: flex; align-items: baseline; justify-content: space-between; gap: 0.75rem;
     font-size: 0.9rem;
}
.storeScreening-rsvpRows li[data-cancelled="1"] { opacity: 0.55; }
.storeScreening-qr {
     display: block; margin-top: 0.75rem;
     width: 180px; height: 180px;
     background: #fff; padding: 0.35rem; border-radius: 3px;
}

.storeRsvp { max-width: 34rem; margin: 0 auto; }
.storeRsvp-title { font-size: 1.6rem; line-height: 1.15; }
.storeRsvp-when { font-size: 1rem; margin-top: 0.5rem; }
.storeRsvp-where, .storeRsvp-left { font-size: 0.9rem; color: var(--design_muted_color); margin-top: 0.25rem; }
.storeRsvp-note { font-size: 0.9rem; margin-top: 1.25rem; }
.storeRsvp-off, .storeRsvp-done {
     padding: 0.85rem 1rem;
     border: 1px solid color-mix(in srgb, var(--design_text_color) 20%, transparent);
     border-radius: 3px;
}
.storeRsvp-consent { font-size: 0.78rem; color: var(--design_muted_color); margin-top: 1.25rem; }
.storeRsvp-hint { color: var(--design_muted_color); font-weight: 400; }
.storeRsvp-back { font-size: 0.85rem; margin-top: 1.5rem; }
.storeRsvpForm { display: grid; gap: 0.75rem; margin-top: 1.75rem; }
.storeRsvpForm label { display: grid; gap: 0.2rem; font-size: 0.8rem; color: var(--design_muted_color); }
.storeRsvpForm input[type="text"], .storeRsvpForm input[type="email"],
.storeRsvpForm input[type="tel"], .storeRsvpForm input[type="number"] {
     padding: 0.6rem; font: inherit; font-size: 1rem;
     color: var(--design_text_color); background: transparent;
     border: 1px solid color-mix(in srgb, var(--design_text_color) 30%, transparent);
     border-radius: 3px;
}
/* The two checkboxes read as sentences, not as fields — they are questions
   with a default, and the label has to sit beside the box to be one. */
.storeRsvpForm .storeRsvp-check {
     display: flex; align-items: flex-start; gap: 0.5rem;
     font-size: 0.85rem; color: var(--design_text_color);
}
.storeRsvpForm-status { font-size: 0.85rem; color: var(--design_muted_color); }

.storeWatch { max-width: 64rem; margin: 0 auto; }
.storeWatch-player { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
/* Before the player module upgrades the element it is an unknown tag with no
   box, so the page would jump when it defines. Reserving the frame keeps the
   watch page still while a megabyte of player arrives. */
mux-player.storeWatch-player { --controls-backdrop-color: rgba(0,0,0,.4); background: #000; }
.storeWatch-loading, .storeWatch-error { color: var(--design_muted_color); text-align: center; padding: 3rem 0; }
.storeWatch-back { text-align: center; margin-top: 1rem; font-size: 0.85rem; }

.background {
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     width: 100dvw;
     height: 100dvh;
     background-color: var(--design_bg_color);
     background-size: cover;
     background-position: center center;
     z-index: -1;
}

/* ──────────────────────────────────────────────────────────────────────────
   Drawer — "underlay reveal" (the OSMO inversion).

   The whole page (.wrapper, which carries the opaque .background key art) is one
   opaque layer ON TOP (z-index 2); the .drawer is a stationary fixed underlay
   sitting BENEATH it (z-index 1). Opening reframes the page into a poster with a
   GPU-composited transform (no width animation / no reflow), uncovering the
   widget that was underneath the whole time. Because the page is an opaque sheet
   over the drawer, the drawer is genuinely hidden until revealed, and fully
   interactive the instant it's uncovered. */
/* Site-wide stacking base: the page (.wrapper, with its opaque .background) is
   the covering layer; the .drawer underlay sits beneath it. This holds on every
   page so the drawer (which renders site-wide) never paints over the content —
   only body#Home actually transforms to reveal it. */
.wrapper {
    position: relative;
    z-index: 2;
}
.drawer {
    position: fixed;
    inset: 0;
    z-index: 1;
    overflow: hidden;
}
body#Home .wrapper {
    overflow-x: hidden;
    display: block;
    /* Opaque base so the page fully hides the drawer underlay when closed — the
       fixed .background's blur fades its own edges to transparent, which would
       otherwise let the drawer (e.g. its close button) leak through at the
       corners. This solid layer sits behind the key art and covers that gap. */
    background-color: var(--design_bg_color);
    /* The reframe is a WIDTH change into a portrait poster — not a scale. A
       uniform scale of the landscape viewport just gives a smaller landscape
       page (the poster shape is lost). Only the wrapper + its fixed .background
       animate; the drawer beneath is stationary, so nothing desyncs. The
       border-radius is tweened too so the poster's rounded edge eases in/out
       instead of snapping square. */
    transition: width 0.7s ease-in-out, border-radius 0.7s ease-in-out;
}
body#Home .background {
    transition: width 0.7s ease-in-out, border-radius 0.7s ease-in-out;
}

/* Open: reframe the page into a full-height PORTRAIT poster on the left,
   uncovering the stationary drawer in the remaining space on the right. */
body#Home.drawer-open .wrapper {
    width: calc((100dvh) * (609 / 900));
    height: 100dvh;
    overflow: hidden;
    border-radius: 0 17px 17px 0;
}
body#Home.drawer-open .background {
    width: calc((100dvh) * (609 / 900)) !important;
    height: 100dvh;
    border-radius: 0 17px 17px 0;
    /* A tight edge shadow only — the previous 120px halo escaped the wrapper's
       clip (.background is fixed) and bled the "blur" out the poster's side into
       the drawer. The poster reads against the much darker drawer anyway. */
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.35);
}
/* Hide everything past the hero so only the key art + title reads as the poster
   (the lower blocks would otherwise stack down the narrow reframed column). */
body#Home.drawer-open .contentWrapper > *:not(:first-child) {
    opacity: 0;
    pointer-events: none;
}
/* Attach the corner ribbon to the POSTER: switch it to absolute so it's a child
   of the reframing .wrapper, and the wrapper's overflow:hidden CLIPS it to the
   poster's corner — a proper corner banner that can't spill into the drawer. It
   follows the poster's right edge as the wrapper width animates, so it rides in
   with the reframe. .drawer-closing keeps it absolute through the close
   transition (JS removes that class once the poster is full again) so it slides
   back out with the poster instead of snapping to the viewport corner. */
body#Home.drawer-open header .header-wrap a,
body#Home.drawer-closing header .header-wrap a {
    position: absolute;
    right: -5rem;
}
/* The ribbon's containing block must be the .wrapper (the poster), not the
   header: the desktop header is position: relative for its own children, and
   while the drawer is open that made the absolute ribbon anchor to the
   header's box instead — wherever the header happened to sit (a site's custom
   CSS offsetting or fixing it, a taller bar) drops the ribbon down the page
   and out of the poster's clip. Static for the open / closing states on
   desktop only: the mobile header is position: absolute at the wrapper's top
   (see the max-width block below) and must stay out of flow, and its ribbon
   keeps the mobile corner offsets. The hamburger label positions against the
   same top-left corner either way. */
@media (min-width: 768.02px) {
    body#Home.drawer-open header,
    body#Home.drawer-closing header {
        position: static;
    }
}

/* Lock the page behind the open drawer (the widget scrolls on its own). */
body#Home.drawer-open {
    overflow: hidden;
    height: 100dvh;
}

.drawer-content-wrapper {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /* Clear the poster column on the left so the widget reads in the revealed
       right-hand space (poster width + a gap). */
    padding: 48px 32px 48px calc((100dvh) * (609 / 900) + 4vw);
}

.drawer-content {
     /* overflow-y: scroll; */
}

.drawer-close {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0px;
  right: 10px;
  z-index: 9999;
}

.drawer-close span {
  display: block;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

.drawer-close span:nth-child(1) {
  top: 30px;
  transform: rotate(45deg);
}
.drawer-close span:nth-child(2) {
  top: 30px;
  transform: rotate(-45deg);
}

.drawer-content .row {
     padding: 0;
     /* width: 100%; */
}
.drawer-content .row:first-child {
     padding-top: 50px;
}

.drawer-widget {
  margin-top: 10px;
}


.drawer-content .row .inner-section {
     /* max-width: 800px; */
     margin: 0 auto 0 auto;
     display: flex;
     flex-wrap: wrap;
}

.drawer-content .row .inner-section > .col {
  flex-grow: 1;
  flex-shrink: 1;
  /* flex-basis: 30ch; */
  overflow-x: hidden;
}

/* The underlay's backdrop, baked into the stationary .drawer (not a separate
   sliding layer) so there's nothing to desync. Two stacked layers:
   .drawer-bg   — the film key art, blurred + darkened with the ORIGINAL recipe
                  (themeable blur var + brightness_heavy). Oversized (inset:-60px)
                  so the blur's own faded edges fall outside the .drawer's
                  overflow:hidden clip — that's what stops the blur leaking past
                  the panel edge.
   .drawer-bg-inner — the lighter --design_bg_tint overlay + grain on top, so the
                  blurred film still reads (the heavier _heavy tint crushed it). */
.drawer-bg {
    position: absolute;
    inset: -60px;
    background: url(/img/) no-repeat center center;
    background-size: cover;
    background-color: var(--design_bg_color);
    filter: blur(var(--theme-drawer-blur, var(--design_bg_blur))) brightness(var(--design_bg_brightness_heavy));
    z-index: 0;
}
.drawer-bg-inner {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-color: var(--theme-tint, var(--design_bg_tint));
}
.drawer-bg-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: var(--theme-texture-opacity, 0.2);
  background: var(--theme-texture, var(--design_bg_grain)) repeat;
  pointer-events: none;
}

.drawer-action, .header-top-news {
     animation: fade-in 0.5s ease-in-out;
}

body#Home.drawer-open .drawer-action,
body#Home.drawer-open .header-top-news,
body#Home.drawer-open .footer,
body#Home.drawer-open .btns {
     opacity: 0;
     animation: fade-out 0.5s ease-in-out;
}

@keyframes fade-out {
     from { opacity: 1; }
     to { opacity: 0; }
}
@keyframes fade-in {
     from { opacity: 0; }
     to { opacity: 1; }
}
@keyframes fade-in-up {
     from { opacity: 0; transform: translateY(12px); }
     to { opacity: 1; transform: translateY(0); }
}

/* The widget triggers its own fixed, viewport-centred modal (notify). While
   that's open, lift the whole underlay above the poster so the dialog isn't
   occluded by it. :has() only — without it the modal is still interactive,
   just partly poster-covered. */
body#Home.drawer-open:has(.notify-modal.is-open) .drawer,
body#Home.drawer-open:has(.notify-modal-backdrop.is-open) .drawer {
     z-index: 3;
}

/* Deep-link pre-open: the inline head-of-body script adds .drawer-open +
   .drawer-preopen before first paint, so a drawer hash in the URL opens with no
   hero intro and no reveal transition. The transition is restored (preopen
   class removed) after the first painted frame. */
body#Home.drawer-preopen .wrapper,
body#Home.drawer-preopen .background,
body#Home.drawer-preopen .drawer,
body#Home.drawer-preopen .drawer-bg,
body#Home.drawer-preopen header .header-wrap a {
     transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
     body#Home .wrapper { transition: none; }
}

/* Widget Styling Overrides */
.drawer-content .showtimesModule {
     padding: 112px 20px 20px 20px;
}

/* Hero intro — plays ONCE on a fresh load via the .intro-animate one-shot class
   (added pre-paint in page.tsx only when no drawer hash is present). Gating on
   this instead of :not(.drawer-open) means closing the drawer does NOT replay
   it, so the title no longer vanishes and pops back on close. */
/* The site's own hero content only: a showtimes widget embedded as a block
   carries .btn / h2 / h3 of its own, and those must never fade in late. */
body#Home.intro-animate .contentWrapper h2:not(.assemble-widget *),
body#Home.intro-animate .contentWrapper h3:not(.assemble-widget *),
body#Home.intro-animate .contentWrapper h4:not(.assemble-widget *),
body#Home.intro-animate .contentWrapper .btn:not(.assemble-widget *),
body#Home.intro-animate .contentWrapper .btns a:not(.assemble-widget *)  {
     opacity: 0;
     animation: fade-in-up 0.8s ease both;
}
body#Home.intro-animate header .header-wrap a,
body#Home.intro-animate header label {
     opacity: 0;
     animation: fade-in 0.4s ease both;
}
body#Home.intro-animate .contentWrapper .titleImage {
     opacity: 0;
     animation: fade-in-up 0.9s ease both;
     animation-delay: 0.6s;
}
body#Home.intro-animate .contentWrapper h2:not(.assemble-widget *) { animation-delay: 1s; }
body#Home.intro-animate .contentWrapper h3:not(.assemble-widget *) { animation-delay: 1s; }
body#Home.intro-animate .contentWrapper h4:not(.assemble-widget *) { animation-delay: 1s; }
body#Home.intro-animate .contentWrapper .btn:not(.assemble-widget *),
body#Home.intro-animate .contentWrapper .btns a:not(.assemble-widget *) { animation-delay: 1.5s; }
body#Home.intro-animate header .header-wrap a { animation-delay: 1.5s; }
body#Home.intro-animate header label { animation-delay: 2s; }

ul.showtimes-top-tabs {
     list-style: none;
     display: flex;
     flex-wrap: wrap;
}
ul.showtimes-top-tabs > li {
    /* flex-grow: 1; */
    /* flex-shrink: 1; */
    /* flex-basis: 10ch; */
    gap: 1rem;
    padding: 0.5rem 0.6rem;
    font-size: 0.8rem;
}
ul.showtimes-top-tabs > li.active {
     background-color: #fff;
     color: var(--design_nav_tabs_bg_color);
}
ul.showtimes-top-tabs > li.highlight {
     background-color: var(--design_nav_tabs_bg_color);
}

.two-col-flex {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s1);
}

.two-col-flex > :last-child {
  flex-grow: 1;
}

.two-col-flex > :first-child {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: 50%;
}





.grain {
    background-color: var(--theme-tint, var(--design_bg_tint));
    backdrop-filter: brightness(var(--design_bg_brightness)) blur(var(--theme-surface-blur, var(--design_bg_blur)));
}





@media (max-width: 768px) {
     header label {
          width: 42px;
          height: 32px;
          top: 16px;
          left: 16px;
     }
     #nav-icon1 {
          width: 34px;
          height: 28px;
     }
     #nav-icon1 span:nth-child(1) {
          top: 0;
     }
     #nav-icon1 span:nth-child(2),#nav-icon1 span:nth-child(3) {
          top: 12px;
     }
     #nav-icon1 span:nth-child(4) {
          top: 24px;
     }
     label:has(+input[type='checkbox']:checked) #nav-icon1 span:nth-child(1) {
          top: 12px;
     }
     label:has(+input[type='checkbox']:checked) #nav-icon1 span:nth-child(4) {
          top: 12px;
     }

     /* The menu overlay on phones: smaller type (the desktop clamp is ~42px),
        and centred for real — the desktop rule's 3rem padding plus a 100%-wide
        list used to push the whole list off the right edge. Same specificity
        as the desktop rule so these win here. */
     nav:not(.widget-nav):not(.assemble-widget nav) {
          text-align: center;
          padding: 5rem 1.25rem 2rem;
          font-size: var(--design_nav_menu_size, clamp(22px, 7vw, 30px));
     }
     nav:not(.widget-nav):not(.assemble-widget nav) ul {
          padding: 0;
          margin: 0 auto;
          width: 100%;
     }
     nav:not(.widget-nav):not(.assemble-widget nav) ul li {
          text-align: center;
          margin-bottom: 0.75rem;
     }
     nav ul li.home:before {
          height: 10vh;
          margin: 1.5rem 0 1.5rem;
     }

     header {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
     }

     header .header-wrap a {
          top: 2.5rem;
          right: -7.5rem;
          transform: rotateZ(45deg);
          min-width: 21rem;
          padding: 0.1rem;
          z-index: 9999;
          font-size: 13px;
     }
     /* Mobile reframes to a full-width header, so the ribbon stays in the
        viewport corner — cancel the desktop poster-edge shift. */
     body#Home.drawer-open header .header-wrap a {
          right: -7.5rem;
     }

     /* Mobile reveal: the page reframes into a short header on top (key art +
        title), uncovering the stationary drawer below — same inversion, vertical
        axis. Height change, not a full-page scale. */
     body#Home .wrapper,
     body#Home .background {
          transition: height 0.7s ease-in-out;
     }
     body#Home.drawer-open .wrapper {
          width: 100dvw;
          height: 33dvh;
          overflow: hidden;
          border-radius: 0 0 17px 17px;
     }
     body#Home.drawer-open .background {
          width: 100dvw !important;
          height: 33dvh;
          border-radius: 0 0 17px 17px;
     }
     body#Home.drawer-open .contentWrapper {
          height: 33dvh;
          min-height: 0;
          overflow: hidden;
     }
     /* Compress the tall hero so its title sits within the short header. */
     body#Home.drawer-open .contentWrapper > *:first-child {
          min-height: 0;
          transform: scale(0.42);
          transform-origin: top center;
     }

     .drawer-content-wrapper {
          /* Clear the header card + the close button up top; full width below. */
          padding: calc(33dvh + 64px) 16px 32px 16px;
     }

     .drawer-close {
          /* The drawer is the underlay (z-index 1) BEHIND the poster header
             (z-index 2), so a top:8px close hides under the header. Pin it
             (fixed, so it doesn't scroll with the widget) into the revealed
             drawer area just below the 33dvh header. */
          position: fixed;
          top: calc(33dvh + 10px);
          right: 16px;
          left: auto;
     }

     .drawer-content .showtimesModule {
          padding: 40px 0 0 0;
     }

}


.palette-box > div {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     margin: 10px;
     float: left;
     }


/*-------------------------------------------------------
   Backgrounds
-------------------------------------------------------*/


body {
  color: var(--design_text_color);
  font-family: var(--design_body_font); 
  background-color: var(--design_bg_color);

}
body#Home {

  }


h1, h2, h3, h4, h5, h6, .header, .footer, ul.header-top-shop { font-family: "Gotham-Medium", system-ui, sans-serif; font-weight: 600; }


/*-------------------------------------------------------
   Background
-------------------------------------------------------*/
.background {
  
  width: 100dvw;
  height: 100dvh;
  position: fixed;
  background-position: center center;
  margin: 0;
  padding: 0;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  z-index: -999;
  .background {display: none;}
  }

body#Home .background {
  
  display: block;
  width: 100dvw;
  height: 100dvh;
  position: fixed;
  background-position: center center;
  margin: 0;
  padding: 0;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  z-index: -999;
  .background {display: none;}
}


/* @media (min-width: 768px) { */
  body#Home .background {
      animation: blur-in var(--design_bg_intro_speed) ease-in-out;
  }
  @keyframes blur-in {
      from { opacity: 0; filter: blur(var(--design_bg_intro_blur)); transform: scale(1.02); }
      to { opacity: 1; filter: blur(0px); transform: scale(1); }
  }
/* } */





/* -------------------------------------------------------
   Grid
-------------------------------------------------------*/
.container {
    clear: both;
    padding: 0;
    margin:0;
    background-size: cover;
    background-position: center center;
}
.row {
    max-width: 80%;
    margin: 0 auto 0 auto;
    clear: both;
}
/*!
 * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding: 0;
  display: inline-block;
}

.container.fullheight,
.container-fluid.fullheight {
  height: 100vh;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding: 2em 0;
  margin:0;
}

@media (min-width: 576px) {
  .row-sm, .row {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .row-md, .row-sm, .row {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .row-lg, .row-md, .row-sm, .row {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .row-xl, .row-lg, .row-md, .row-sm, .row {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .row-xxl, .row-xl, .row-lg, .row-md, .row-sm, .row {
    max-width: 1320px;
  }
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

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

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

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

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

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

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

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

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

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

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

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

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

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

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

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

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

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

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

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

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

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

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

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

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

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

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

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

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

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

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

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

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

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

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

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

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

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

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

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

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

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

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

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

.flex-fill {
  flex: 1 1 auto !important;
}

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

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

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

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

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !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;
}

.justify-content-evenly {
  justify-content: space-evenly !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;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.me-0 {
  margin-right: 0 !important;
}

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

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

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

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

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

.me-auto {
  margin-right: auto !important;
}

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

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

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

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

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

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

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

.ms-0 {
  margin-left: 0 !important;
}

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

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

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

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

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

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pe-0 {
  padding-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.ps-0 {
  padding-left: 0 !important;
}

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

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

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

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

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

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }

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

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

  .d-sm-grid {
    display: grid !important;
  }

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

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

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

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

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

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

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .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-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !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;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !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;
  }

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

  .order-sm-0 {
    order: 0 !important;
  }

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

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

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

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

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

  .order-sm-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

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

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

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

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

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

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

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

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

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

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

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

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

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }

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

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

  .d-md-grid {
    display: grid !important;
  }

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

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

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

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

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

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

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .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-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !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;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !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;
  }

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

  .order-md-0 {
    order: 0 !important;
  }

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

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

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

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

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

  .order-md-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

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

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

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

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

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

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

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

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

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

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

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

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

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }

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

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

  .d-lg-grid {
    display: grid !important;
  }

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

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

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

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

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

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

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .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-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !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;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !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;
  }

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

  .order-lg-0 {
    order: 0 !important;
  }

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

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

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

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

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

  .order-lg-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

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

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

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

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

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

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

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

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

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

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

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

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

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }

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

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

  .d-xl-grid {
    display: grid !important;
  }

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

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

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

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

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

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .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-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !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;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !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;
  }

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

  .order-xl-0 {
    order: 0 !important;
  }

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

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

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

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

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

  .order-xl-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

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

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

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

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

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

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

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

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

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

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

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

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

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }

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

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

  .d-xxl-grid {
    display: grid !important;
  }

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

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

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

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

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

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .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-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !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;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !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;
  }

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

  .order-xxl-0 {
    order: 0 !important;
  }

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

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

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

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

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

  .order-xxl-last {
    order: 6 !important;
  }

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

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

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

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

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

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

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

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

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

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

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

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

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

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

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

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

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

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

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

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

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

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

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

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

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

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

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

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

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

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

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

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

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

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

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

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

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

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

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

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

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

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

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

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

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

  .d-print-grid {
    display: grid !important;
  }

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

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

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

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

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

  .d-print-none {
    display: none !important;
  }
}

/*-------------------------------------------------------
  Button Styles
-------------------------------------------------------*/

.btn, .button.large, .button.giant { font-family: var(--design_title_font);}

.btn, button, form button, .button, a.button, .redirectButton {
  padding: 0.65em 0.9em;
  border-radius: var(--theme-radius, 0px);
  color: var(--design_button_text_color);
  border: 0 var(--design_button_text_color) solid;
  background-color: var(--design_button_bg_color);
  transition: background-color 200ms ease, color 200ms ease, transform 200ms ease, filter 200ms ease;
  line-height: 1;
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  text-transform: none; text-align: center;
  text-decoration: none !important;
  overflow-x: hidden;
  overflow-y: hidden;
  /*background-image: var(--design_bg_grain);
  background-repeat: repeat;*/
  &:hover {
    background-color: var(--design_button_text_color);
    color: var(--design_button_bg_color);
    transform: translateY(-2px);
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
  }
}
  
.btn-x-large {
  font-size: 2em;
  padding: 0.8em 1.8em;
}

.btn-large {
  font-size: 1.5em;
  padding: 0.75em 1.3em;  
  }

.btn-medium, button {
  font-size: 1.1em;
  }

.btn-small {
  font-size: 0.8em;
  padding: 0.5em 0.8em;
  }

.btn-x-small {
  font-size: 0.6em;
  padding: 0.3em 0.5em;
  border-width: 2px;
  }

.btn-inline {
  display: inline-block;
  min-width: unset;
  width: unset;
}
.btn-block {
  display: block;
  width: 100%;
  min-width: 245px;
  }
.btns {
  display: flex;
  flex-wrap: wrap;
}
.btns > * {
  flex: 1 1 20rem;
}
.btns .btn {
  text-align: center;
  min-width: 245px;
  margin: 0 5px;
}
    
/* -------------------------------------------------------
   Button module 3x3 position (position_lg / position_sm)
   Horizontal: justify-content on the flex .btns; a positioned
   .btns stops stretching its children so placement is visible.
   Vertical (middle/bottom): needs spare height, so the row chain
   (container > .row > col) becomes stretchable flex columns —
   gated behind :has() so rows without a positioned button keep
   the default layout. Only visible when the builder row sets a
   height/min-height. .amod is the studio preview wrapper.
-------------------------------------------------------*/
@media (min-width: 768px) {
  /* Re-assert flex at (0,2,0) specificity: the title module's inline style
     block globally rewrites .btns to display:block, which would defeat
     justify-content on positioned buttons. */
  .btns[class*='pos-lg-'] { display: flex; flex-wrap: wrap; }
  .btns[class*='pos-lg-'] > * { flex: 0 1 auto; }
  .btns.pos-lg-h-left { justify-content: flex-start; }
  .btns.pos-lg-h-center { justify-content: center; }
  .btns.pos-lg-h-right { justify-content: flex-end; }
  .container:has(.btns.pos-lg-v-middle, .btns.pos-lg-v-bottom),
  .container-fluid:has(.btns.pos-lg-v-middle, .btns.pos-lg-v-bottom) {
    display: flex;
    flex-direction: column;
  }
  .container:has(.btns.pos-lg-v-middle, .btns.pos-lg-v-bottom) > .row,
  .container-fluid:has(.btns.pos-lg-v-middle, .btns.pos-lg-v-bottom) > .row {
    flex: 1 1 auto;
    width: 100%;
  }
  .moduleContainer:has(.btns.pos-lg-v-middle, .btns.pos-lg-v-bottom) {
    display: flex;
    flex-direction: column;
  }
  .moduleContainer > .amod:has(.btns.pos-lg-v-middle, .btns.pos-lg-v-bottom) {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .btns.pos-lg-v-middle { margin-block: auto; }
  .btns.pos-lg-v-bottom { margin-block-start: auto; }
}
@media (max-width: 768px) {
  .btns[class*='pos-sm-'] { display: flex; flex-wrap: wrap; }
  .btns[class*='pos-sm-'] > * { flex: 0 1 auto; }
  .btns.pos-sm-h-left { justify-content: flex-start; }
  .btns.pos-sm-h-center { justify-content: center; }
  .btns.pos-sm-h-right { justify-content: flex-end; }
  .container:has(.btns.pos-sm-v-middle, .btns.pos-sm-v-bottom),
  .container-fluid:has(.btns.pos-sm-v-middle, .btns.pos-sm-v-bottom) {
    display: flex;
    flex-direction: column;
  }
  .container:has(.btns.pos-sm-v-middle, .btns.pos-sm-v-bottom) > .row,
  .container-fluid:has(.btns.pos-sm-v-middle, .btns.pos-sm-v-bottom) > .row {
    flex: 1 1 auto;
    width: 100%;
  }
  .moduleContainer:has(.btns.pos-sm-v-middle, .btns.pos-sm-v-bottom) {
    display: flex;
    flex-direction: column;
  }
  .moduleContainer > .amod:has(.btns.pos-sm-v-middle, .btns.pos-sm-v-bottom) {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .btns.pos-sm-v-middle { margin-block: auto; }
  .btns.pos-sm-v-bottom { margin-block-start: auto; }
}

button.big, .button.big {
  padding: 9px 15px;
  font-size: 12px !important;
  font-family: inherit;
  border: 1px;
  height: auto;
  display: inline-block;
  }
  
button.large, .button.large {
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  }

button.large, .button.giant {
  font-size: 35px;
  line-height: 1;
  display: inline-block;
  }

img.vod_image {
  max-width: 100%;
  min-width: 140px;
  width: 33%;
}
span.vod_icon {
  display: inline-block;
  width: 2em;
  height: 1em;
  background: url('/assets/shared/images/vod_icon.png') middle center no-repeat;
}

/* (A dead a.btn block used to sit here with its opening brace outside its
   comment; every rule after it — the forms stylesheet and the theme — nested
   inside a.btn and never applied.) */


/*-------------------------------------------------------
  Form Styles - Default (scoped to the site's own forms; see FORM_SCOPES)
-------------------------------------------------------*/

:where(.contentWrapper) input:where(:not(.assemble-widget *)),
:where(.drawer-content) input:where(:not(.assemble-widget *)),
:where(.contentWrapper) textarea:where(:not(.assemble-widget *)),
:where(.drawer-content) textarea:where(:not(.assemble-widget *)) {
  color: undefined;
  border: 1px undefined solid !important;
  background-color: undefined;

  font-family: 'Gotham-Light'; 
  font-size: 9px;
  }
:where(.contentWrapper) legend:where(:not(.assemble-widget *)),
:where(.drawer-content) legend:where(:not(.assemble-widget *)) {
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: 1em;
  }
  
:where(.contentWrapper) label:where(:not(.assemble-widget *)),
:where(.drawer-content) label:where(:not(.assemble-widget *)) {
  line-height: 1;
  }

:where(.contentWrapper) input:where(:not(.assemble-widget *)),
:where(.drawer-content) input:where(:not(.assemble-widget *)),
:where(.contentWrapper) textarea:where(:not(.assemble-widget *)),
:where(.drawer-content) textarea:where(:not(.assemble-widget *)) {
  padding: 0.5em;
  vertical-align: baseline;
  }
  
  :where(.contentWrapper) [type=text]:where(:not(.assemble-widget *)),
:where(.drawer-content) [type=text]:where(:not(.assemble-widget *)),
:where(.contentWrapper) [type=password]:where(:not(.assemble-widget *)),
:where(.drawer-content) [type=password]:where(:not(.assemble-widget *)),
:where(.contentWrapper) textarea:where(:not(.assemble-widget *)),
:where(.drawer-content) textarea:where(:not(.assemble-widget *)) {
    width: 190px;
    }
    
  :where(.contentWrapper) select:where(:not(.assemble-widget *)),
:where(.drawer-content) select:where(:not(.assemble-widget *)) {
    max-width: 175px;
    }
    
    :where(.contentWrapper) .date select:where(:not(.assemble-widget *)),
:where(.drawer-content) .date select:where(:not(.assemble-widget *)),
:where(.contentWrapper) .date input:where(:not(.assemble-widget *)),
:where(.drawer-content) .date input:where(:not(.assemble-widget *)) { min-width: 0; width: auto;}
  
  :where(.contentWrapper) textarea:where(:not(.assemble-widget *)),
:where(.drawer-content) textarea:where(:not(.assemble-widget *)) {
    vertical-align: top;
    min-height: 3em;
    }

:where(.contentWrapper) span.required:where(:not(.assemble-widget *)),
:where(.drawer-content) span.required:where(:not(.assemble-widget *)) {
  color: #f00 !important;
}

:where(.contentWrapper) .label-left label:where(:not(.assemble-widget *)),
:where(.drawer-content) .label-left label:where(:not(.assemble-widget *)) {
  width: 150px;
  display: inline-block;
  text-align: right;
  padding-right: 10px;
  margin: 0.5em 0 0.5em -160px;
  }

:where(.contentWrapper) .label-left:where(:not(.assemble-widget *)),
:where(.drawer-content) .label-left:where(:not(.assemble-widget *)) {
  padding-left: 160px;
  clear: both;
  position: relative;
  }

:where(.contentWrapper) .label-top:where(:not(.assemble-widget *)),
:where(.drawer-content) .label-top:where(:not(.assemble-widget *)),
:where(.contentWrapper) .sidebar .label-left:where(:not(.assemble-widget *)),
:where(.drawer-content) .sidebar .label-left:where(:not(.assemble-widget *)) {
  padding-left: 0;
  clear: both;
  }

:where(.contentWrapper) .label-top label:where(:not(.assemble-widget *)),
:where(.drawer-content) .label-top label:where(:not(.assemble-widget *)),
:where(.contentWrapper) .sidebar .label-left label:where(:not(.assemble-widget *)),
:where(.drawer-content) .sidebar .label-left label:where(:not(.assemble-widget *)) {
  width: 100%;
  display: block;
  margin: 0.5em 0;
  text-align: left;
  }

:where(.contentWrapper) .label-right:where(:not(.assemble-widget *)),
:where(.drawer-content) .label-right:where(:not(.assemble-widget *)) { position: relative; }
:where(.contentWrapper) .label-right label:where(:not(.assemble-widget *)),
:where(.drawer-content) .label-right label:where(:not(.assemble-widget *)) {
  margin-left: 165px;
  }
:where(.contentWrapper) .label-right input:where(:not(.assemble-widget *)),
:where(.drawer-content) .label-right input:where(:not(.assemble-widget *)) {
  position: absolute;
  left: 160px;
  top: 0.3em;
  margin-left: -2em;
  }

:where(.contentWrapper) .joined-left:where(:not(.assemble-widget *)),
:where(.drawer-content) .joined-left:where(:not(.assemble-widget *)),
:where(.contentWrapper) button.joined-left:where(:not(.assemble-widget *)),
:where(.drawer-content) button.joined-left:where(:not(.assemble-widget *)) {
  -webkit-border-radius: 6px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 6px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

:where(.contentWrapper) .joined-right:where(:not(.assemble-widget *)),
:where(.drawer-content) .joined-right:where(:not(.assemble-widget *)),
:where(.contentWrapper) button.joined-right:where(:not(.assemble-widget *)),
:where(.drawer-content) button.joined-right:where(:not(.assemble-widget *)) {
  -webkit-border-radius: 6px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 6px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* Mailing Forms */

body#Home :where(.contentWrapper) form.signup .label-left:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form.signup .label-left:where(:not(.assemble-widget *)),
body#Home :where(.contentWrapper) form#subForm .label-left:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#subForm .label-left:where(:not(.assemble-widget *)),
body#Home :where(.contentWrapper) form#mc-embedded-subscribe-form .label-left:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#mc-embedded-subscribe-form .label-left:where(:not(.assemble-widget *)) {
  padding: 0; 
  }
  
body#Home :where(.contentWrapper) form.signup p:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form.signup p:where(:not(.assemble-widget *)),
body#Home :where(.contentWrapper) form#subForm p:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#subForm p:where(:not(.assemble-widget *)),
body#Home :where(.contentWrapper) form#mc-embedded-subscribe-form p:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#mc-embedded-subscribe-form p:where(:not(.assemble-widget *)) {
  display: inline-block;
  }

body#Home :where(.contentWrapper) form#subForm .label-left input:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#subForm .label-left input:where(:not(.assemble-widget *)) {
  float: left;
  }

body#Home :where(.contentWrapper) form.signup label:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form.signup label:where(:not(.assemble-widget *)),
body#Home :where(.contentWrapper) form#subForm label:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#subForm label:where(:not(.assemble-widget *)),
body#Home :where(.contentWrapper) form#mc-embedded-subscribe-form label:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#mc-embedded-subscribe-form label:where(:not(.assemble-widget *)) {
  width: auto;
  display: block;
  text-align: left;
  margin: 0.5em 0;
  }
body#Home :where(.contentWrapper) form.signup button:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form.signup button:where(:not(.assemble-widget *)),
body#Home :where(.contentWrapper) form#mc-embedded-subscribe-form button:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#mc-embedded-subscribe-form button:where(:not(.assemble-widget *)) {
  margin-top: 2.4em;
  }
  
body#Home :where(.contentWrapper) form#subForm button:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) form#subForm button:where(:not(.assemble-widget *)) {
  margin-top: 0;
  }

/* =Signup form
-------------------------------------------------------*/
  
:where(.contentWrapper) form.signup:where(:not(.assemble-widget *)),
:where(.drawer-content) form.signup:where(:not(.assemble-widget *)),
:where(.contentWrapper) form#subForm:where(:not(.assemble-widget *)),
:where(.drawer-content) form#subForm:where(:not(.assemble-widget *)),
:where(.contentWrapper) form#mc-embedded-subscribe-form:where(:not(.assemble-widget *)),
:where(.drawer-content) form#mc-embedded-subscribe-form:where(:not(.assemble-widget *)) {
  position:relative;
  margin:0;
  line-height:1;
  width: 100%;
  padding: 12px 0;
  border: none !important;
  }

body#Home :where(.contentWrapper) .label-left:where(:not(.assemble-widget *)),
body#Home :where(.drawer-content) .label-left:where(:not(.assemble-widget *)) { clear: none; }
  

/* =Films search form
-------------------------------------------------------*/
:where(.contentWrapper) form.films-search:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-search:where(:not(.assemble-widget *)) {
  position:relative;
  height:134px;
  margin:0 0 32px;
  padding:15px 0 0 17px;
  }
  :where(.contentWrapper) form.films-search fieldset:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-search fieldset:where(:not(.assemble-widget *)) {
    float:left;
    }
  :where(.contentWrapper) form.films-search h3:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-search h3:where(:not(.assemble-widget *)) {
    display: inline;
    position: relative;
    clear: both;
    top: 70px;
    }
  body#Films :where(.contentWrapper) form.films-search h5:where(:not(.assemble-widget *)),
body#Films :where(.drawer-content) form.films-search h5:where(:not(.assemble-widget *)) {
    position: absolute;
    bottom:11px;
    right:192px;
    width: 700px;
    padding:0;
    text-align: right;
    font-size:16px;
    }
  body#Films :where(.contentWrapper) form.films-search fieldset.txt:where(:not(.assemble-widget *)),
body#Films :where(.drawer-content) form.films-search fieldset.txt:where(:not(.assemble-widget *)) {
    position:absolute;
    top:12px;
    bottom: auto;
    left:15px;
  }
  body#Films :where(.contentWrapper) form.film-index fieldset.txt:where(:not(.assemble-widget *)),
body#Films :where(.drawer-content) form.film-index fieldset.txt:where(:not(.assemble-widget *)) {
    float:left;
    }
  
  body#Films :where(.contentWrapper) form.films-search fieldset.radio:where(:not(.assemble-widget *)),
body#Films :where(.drawer-content) form.films-search fieldset.radio:where(:not(.assemble-widget *)) {
    position:absolute;
    top:11px;
    bottom: auto;
    left:250px;
  }
  body#Films :where(.contentWrapper) form.film-index fieldset.radio:where(:not(.assemble-widget *)),
body#Films :where(.drawer-content) form.film-index fieldset.radio:where(:not(.assemble-widget *)) {
    position:absolute;
    top:8px;
    bottom: auto;
    left:250px;
  }
  body#Shop :where(.contentWrapper) form.films-search fieldset.txt:where(:not(.assemble-widget *)),
body#Shop :where(.drawer-content) form.films-search fieldset.txt:where(:not(.assemble-widget *)) {
    position:absolute;
    bottom:4px;
    left:15px;
    width:900px;
    }
    :where(.contentWrapper) form.films-search fieldset.txt label:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-search fieldset.txt label:where(:not(.assemble-widget *)) {
      float:left;
      width:80px;
      height:23px;
      margin:0 20px 0 0;
      }
      body#Shop :where(.contentWrapper) form.films-search fieldset.txt label:where(:not(.assemble-widget *)),
body#Shop :where(.drawer-content) form.films-search fieldset.txt label:where(:not(.assemble-widget *)) {
        width:auto;
        height:auto;
        text-align:0;
        text-indent:0;
        text-transform:uppercase;
        letter-spacing:-1px;
        font-size:19px;
        font-weight:bold;
        background:none;
        }
    :where(.contentWrapper) form.films-search fieldset.txt input:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-search fieldset.txt input:where(:not(.assemble-widget *)) {
      width:140px;
      }
    body#Shop :where(.contentWrapper) form.films-search fieldset.txt input:where(:not(.assemble-widget *)),
body#Shop :where(.drawer-content) form.films-search fieldset.txt input:where(:not(.assemble-widget *)) {
      float:left;
      width:580px;
      font-size:18px;
      }
    :where(.contentWrapper) form.films-search fieldset.txt button:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-search fieldset.txt button:where(:not(.assemble-widget *)) {
      position:static !important;
      margin:-2px 0 0 6px;
      padding:3px 10px;
      line-height:1;
      border:none;
      box-shadow:inset 0 0 4px rgba(0,0,0,.4);
      -moz-box-shadow:inset 0 0 4px rgba(0,0,0,.4);
      -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.4);
      }
      body#Shop :where(.contentWrapper) form.films-search fieldset.txt button:where(:not(.assemble-widget *)),
body#Shop :where(.drawer-content) form.films-search fieldset.txt button:where(:not(.assemble-widget *)) {
        float:right;
        padding:4px 22px;
        margin:0;
        }
    :where(.contentWrapper) form.films-search fieldset.radio label:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-search fieldset.radio label:where(:not(.assemble-widget *)) {
      padding:0 0 0 20px;
      font-size:13px;
      }
    :where(.contentWrapper) .sbtn:where(:not(.assemble-widget *)),
:where(.drawer-content) .sbtn:where(:not(.assemble-widget *)),
:where(.contentWrapper) .add-button:where(:not(.assemble-widget *)),
:where(.drawer-content) .add-button:where(:not(.assemble-widget *)),
:where(.contentWrapper) ul.films ul.extra-links li.add-button a:where(:not(.assemble-widget *)),
:where(.drawer-content) ul.films ul.extra-links li.add-button a:where(:not(.assemble-widget *)) {
      position:absolute;
      top:15px;
      right:15px;
      padding:4px 22px;
      line-height:1;
      border:none;
      }
      :where(.contentWrapper) .sbtn:where(:not(.assemble-widget *)),
:where(.drawer-content) .sbtn:where(:not(.assemble-widget *)) {
        position:static;
        padding:4px 34px;
        font-size:16px;
        }
        :where(.contentWrapper) form.checkout .sbtn:where(:not(.assemble-widget *)),
:where(.drawer-content) form.checkout .sbtn:where(:not(.assemble-widget *)) {
          display:block;
          margin:20px 0 0;
          }
      :where(.contentWrapper) .add-button:where(:not(.assemble-widget *)),
:where(.drawer-content) .add-button:where(:not(.assemble-widget *)),
:where(.contentWrapper) ul.films ul.extra-links li.add-button a:where(:not(.assemble-widget *)),
:where(.drawer-content) ul.films ul.extra-links li.add-button a:where(:not(.assemble-widget *)) { /* TODO: move from forms.css */
        position:static;
        display:block;
        height:27px;
        padding:0 5px;
        line-height:27px;
        font-size:10px;
        }
        :where(.contentWrapper) button.add-button:where(:not(.assemble-widget *)),
:where(.drawer-content) button.add-button:where(:not(.assemble-widget *)) {
          margin:15px 0;
          padding:4px;
          text-transform:uppercase;
          font-size:11px;
          }
        :where(.contentWrapper) .add-button span.price:where(:not(.assemble-widget *)),
:where(.drawer-content) .add-button span.price:where(:not(.assemble-widget *)) {
          font-size:14px;
          }
          :where(.contentWrapper) button.add-button span.price:where(:not(.assemble-widget *)),
:where(.drawer-content) button.add-button span.price:where(:not(.assemble-widget *)) {
            padding:0 0 0 6px;
            font-size:16px;
            }
    :where(.contentWrapper) form.films-category-select fieldset.select:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-category-select fieldset.select:where(:not(.assemble-widget *)) {
      border:medium none;
      position:absolute;
      right:26px;
      top:130px;
      }
      :where(.contentWrapper) form.films-search fieldset.select select:where(:not(.assemble-widget *)),
:where(.drawer-content) form.films-search fieldset.select select:where(:not(.assemble-widget *)) {
        margin:0 0 0 15px;
        }

:where(.contentWrapper) *:where(:not(.assemble-widget *))::-webkit-input-placeholder,
:where(.drawer-content) *:where(:not(.assemble-widget *))::-webkit-input-placeholder { color: #ffffff; opacity: 0.8; }
:where(.contentWrapper) *:where(:not(.assemble-widget *)):-moz-placeholder,
:where(.drawer-content) *:where(:not(.assemble-widget *)):-moz-placeholder { color: #ffffff; opacity: 0.8; }
:where(.contentWrapper) *:where(:not(.assemble-widget *))::-moz-placeholder,
:where(.drawer-content) *:where(:not(.assemble-widget *))::-moz-placeholder { color: #ffffff; opacity: 0.8; }
:where(.contentWrapper) *:where(:not(.assemble-widget *)):-ms-input-placeholder,
:where(.drawer-content) *:where(:not(.assemble-widget *)):-ms-input-placeholder { color: #ffffff; opacity: 0.8; }

/*-------------------------------------------------------
   Theme: grain (dark) — docs/features/themes.md
-------------------------------------------------------*/
body {
  --theme-texture: var(--design_bg_grain);
  --theme-texture-opacity: 0.2;
  --theme-blur: 10px;
  --theme-surface-blur: var(--design_bg_blur);
  --theme-drawer-blur: var(--design_bg_blur);
  --theme-tint: var(--design_bg_tint);
  --theme-menu-bg: rgba(0, 0, 0, 0.7);
  --theme-scroll-blur: 28px;
  --theme-radius: 0px;
  --theme-panel-radius: 16px;
}


/* ============ Share suite: compact view ============ */

/* Default state: no view selected, so the compact tree stays hidden and the
   full site renders exactly as before. [hidden] does the work for crawlers and
   for anyone without JS. */
.compact[hidden] { display: none; }

/* A view IS selected (the inline head script matched a hash before paint).
   Take the page over: hide the full site's chrome, reveal the compact tree. */
html[data-view] body .wrapper,
html[data-view] body .drawer,
html[data-view] body .drawer-bg,
html[data-view] body > .background { display: none !important; }

html[data-view] body { overflow: auto !important; }

html[data-view] .compact[hidden],
html[data-view] .compact {
  display: flex;
  position: relative;
  z-index: 10;
  min-height: 100dvh;
  box-sizing: border-box;
  padding: 6vh 5vw;
  align-items: center;
  justify-content: center;
  background-color: var(--design_bg_color);
  color: var(--design_text_color);
  font-family: var(--design_body_font, inherit);
}

.compact-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  max-width: 30rem;
  text-align: center;
  /* Border-box or the #story variation's side padding is ADDED to width:100%
     and the box runs 112vw wide, pushing the copy off-centre and giving the
     page a horizontal scroll on exactly the mobile webviews these links open
     in. */
  box-sizing: border-box;
}

.compact-art {
  width: 100%;
  max-width: 18rem;
  height: auto;
  border-radius: 6px;
  object-fit: cover;
}

.compact-head { display: flex; flex-direction: column; gap: 0.75rem; align-items: center; }
.compact-title-image { max-width: 15rem; height: auto; }
.compact-title {
  margin: 0;
  font-family: var(--design_title_font, inherit);
  font-size: 1.75rem;
  line-height: 1.1;
}
.compact-messaging { margin: 0; opacity: 0.85; font-size: 1rem; line-height: 1.4; }

.compact-actions { display: flex; flex-direction: column; gap: 0.6rem; width: 100%; }
.compact-cta {
  display: block;
  padding: 0.9rem 1.25rem;
  border-radius: 4px;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.2;
}
.compact-cta-primary {
  background-color: var(--design_button_bg_color, var(--design_text_color));
  color: var(--design_button_text_color, var(--design_bg_color));
}
.compact-cta-secondary {
  border: 1px solid currentColor;
  color: var(--design_text_color);
}
/* The way back to the full site. Quiet, always present — the spec makes the
   full site the default and the escape. */
.compact-escape {
  margin-top: 0.4rem;
  color: inherit;
  opacity: 0.6;
  font-size: 0.85rem;
  text-decoration: underline;
}

/* ---- #compact: the baseline. No overrides; the rules above are it. ---- */

/* ---- #social: arriving from a social profile tap. Tighter, art leads. ---- */
html[data-view="social"] .compact-art { max-width: 14rem; }
html[data-view="social"] .compact-inner { gap: 1.15rem; }

/* ---- #linkinbio: the stacked link list. Art shrinks to a mark, the CTAs
        become the page — this is the view that replaces a link-in-bio page. -- */
html[data-view="linkinbio"] .compact-art { max-width: 8rem; border-radius: 50%; aspect-ratio: 1; }
html[data-view="linkinbio"] .compact-inner { gap: 1.1rem; max-width: 26rem; }
html[data-view="linkinbio"] .compact-cta { border-radius: 999px; padding: 1rem 1.25rem; }
html[data-view="linkinbio"] .compact-messaging { font-size: 0.9rem; }

/* ---- #story: opened from a story swipe-up. Full-bleed art with the copy in
        the lower safe area, clear of the platform's own UI. ---- */
html[data-view="story"] .compact { padding: 0; align-items: stretch; }
html[data-view="story"] .compact-inner {
  max-width: none;
  justify-content: flex-end;
  gap: 1rem;
  padding: 0 6vw 14vh;
}
html[data-view="story"] .compact-art {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  border-radius: 0;
  /* Below the contrast gradient. Both were -1 originally, which left paint
     order to decide — and the image comes after ::before in the DOM, so the
     opaque art covered the gradient entirely and the white copy below was left
     sitting on raw artwork. */
  z-index: -2;
}
/* Art runs the full height here, so the copy needs its own contrast. */
html[data-view="story"] .compact-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0) 75%);
}
html[data-view="story"] .compact-title,
html[data-view="story"] .compact-messaging,
html[data-view="story"] .compact-escape { color: #fff; }

@media (prefers-reduced-motion: no-preference) {
  html[data-view] .compact-inner { animation: compact-in 0.25s ease-out both; }
}
@keyframes compact-in {
  from { opacity: 0; transform: translateY(0.5rem); }
  to { opacity: 1; transform: none; }
}
/* sallypotter.com legacy theme, scoped to .sp-legacy (html blocks). Generated by Viktor 2026-09-29 from assemble-sites PR #18. */
.sp-legacy{background:#000;text-align:left}.sp-legacy .contentWrapper{max-width:none;display:block;width:100%}
/* v5 renders design_content_bg (white @0.9) as a near-white band behind rows; the legacy site was black */
main.contentWrapper > .container{background:transparent!important}
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('https://cdn.assemble.me/assets/shared/fonts/fontawesome4-webfont.eot'));src:url('https://cdn.assemble.me/assets/shared/fonts/fontawesome4-webfont.eot#iefix&v=4.0.3')) format('embedded-opentype'),url('https://cdn.assemble.me/assets/shared/fonts/fontawesome4-webfont.woff')) format('woff'),url('https://cdn.assemble.me/assets/shared/fonts/fontawesome4-webfont.ttf')) format('truetype'),url('https://cdn.assemble.me/assets/shared/fonts/fontawesome4-webfont.svg#fontawesomeregular')) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:9999999999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url('https://assets.assemble.film/774/legacy/cdn/themes/default/assets/js/shadowbox/loading.gif')) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:48px;line-height:14px;}
#sb-title-inner{font-size:12px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url('https://assets.assemble.film/774/legacy/cdn/themes/default/assets/js/shadowbox/close.png'));}
#sb-nav-next{background-image:url('https://assets.assemble.film/774/legacy/cdn/themes/default/assets/js/shadowbox/next.png'));}
#sb-nav-previous{background-image:url('https://assets.assemble.film/774/legacy/cdn/themes/default/assets/js/shadowbox/previous.png'));}
#sb-nav-play{background-image:url('https://assets.assemble.film/774/legacy/cdn/themes/default/assets/js/shadowbox/play.png'));}
#sb-nav-pause{background-image:url('https://assets.assemble.film/774/legacy/cdn/themes/default/assets/js/shadowbox/pause.png'));}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

.sp-legacy .section{
	clear: both;
	padding: 0px;
	margin: 0px;
}
.sp-legacy .col{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.sp-legacy .col:first-child{ margin-left: 0; }
.sp-legacy .group:before, .sp-legacy .group:after{
	content:"";
	display:table;
}
.sp-legacy .group:after{
	clear:both;
}
.sp-legacy .span_12{
	width: 100%;
}
.sp-legacy .span_11{
  	width: 91.53%;
}
.sp-legacy .span_10{
  	width: 83.06%;
}
.sp-legacy .span_9{
  	width: 74.6%;
}
.sp-legacy .span_8{
  	width: 66.13%;
}
.sp-legacy .span_7{
  	width: 57.66%;
}
.sp-legacy .span_6{
  	width: 49.2%;
}
.sp-legacy .span_5{
  	width: 40.73%;
}
.sp-legacy .span_4{
  	width: 32.26%;
}
.sp-legacy .span_3{
  	width: 23.8%;
}
.sp-legacy .span_2{
  	width: 15.33%;
}
.sp-legacy .span_1{
  	width: 6.866%;
}
@media only screen and (max-width: 480px) {.sp-legacy .col{ 
		margin: 1% 0 1% 0%;
	}}
@media only screen and (max-width: 480px) {.sp-legacy .span_12{
		width: 100%; 
	}
.sp-legacy .span_11{
		width: 100%; 
	}
.sp-legacy .span_10{
		width: 100%; 
	}
.sp-legacy .span_9{
		width: 100%; 
	}
.sp-legacy .span_8{
		width: 100%; 
	}
.sp-legacy .span_7{
		width: 100%; 
	}
.sp-legacy .span_6{
		width: 100%; 
	}
.sp-legacy .span_5{
		width: 100%; 
	}
.sp-legacy .span_4{
		width: 100%; 
	}
.sp-legacy .span_3{
		width: 100%; 
	}
.sp-legacy .span_2{
		width: 100%; 
	}
.sp-legacy .span_1{
		width: 100%;
	}}
@font-face {
  font-family: "icons";
  src: url("https://cdn.assemble.me/themes/default/assets/fonts/fontawesome-webfont.eot"));
  src: url("https://cdn.assemble.me/themes/default/assets/fonts/fontawesome-webfont.eot#iefix")) format("embedded-opentype"),
	   url("https://cdn.assemble.me/themes/default/assets/fonts/fontawesome-webfont.woff")) format("woff"),
	   url("https://cdn.assemble.me/themes/default/assets/fonts/fontawesome-webfont.ttf")) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.sp-legacy .sp-body{
    -webkit-animation-duration: 0.1s;
	-webkit-animation-name: fontfix;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.1s; }
@-webkit-keyframes fontfix{ from { opacity: 1; } to { opacity: 1; } }
.sp-legacy .text-center{
	text-align: center;
}
.sp-legacy .modal{
	display: none;
    position: fixed;
    top: 2vh;
    left: 2vh;
    bottom: 2vh;
    right: 2vh;
    overflow-y: auto;
    z-index: 9999;
    opacity: 1;
    background-color: #fff;
}
.sp-legacy .modal-inner{
	padding: 10%;
	padding-bottom: 0;
}
.sp-legacy a.modal-close{
	display: block;
	font-size: 4em;
	position: absolute;
	top: 20px;
	right: 20px;
	line-height: 1;
}
@media screen and (max-width: 768px) {.sp-legacy .modal-inner{
		padding: 20px;
	}}
.sp-legacy .ButtonPopup-wrapper{
  position: relative;
  overflow: visible;
  display: inline-block;
}
.sp-legacy div.ButtonPopup{
	display: none;
    left: -150%;
	width: 400%;
	position: absolute;
    bottom: 100%;
    margin-bottom: 13px;
}
.sp-legacy div.ButtonPopup .arrow{
  border: 6px solid transparent;
  bottom: -12px;
  position: absolute;
  left: 50%;
  margin-left: -6px;
}
.sp-legacy ul.ButtonPopup-list{
	width: 100%;
	margin: 0;
	padding: 20px;
	text-align: center;
}
.sp-legacy ul.ButtonPopup-list li{
	display: inline-block;
	width: 30%;
}
.sp-legacy ul.ButtonPopup-list li img{
	vertical-align: middle;
    max-width: 100%;
    max-height: 40px;
}
.sp-legacy ul.ButtonPopup-list li a:hover{
	text-decoration: none;
}
.sp-legacy ul.ButtonPopup-list{
	width: 100%;
	margin: 0;
	padding: 20px;
	text-align: center;
}
.sp-legacy ul.ButtonPopup-list li{
	display: inline-block;
	width: 30%;
}
.sp-legacy ul.ButtonPopup-list li img{
	vertical-align: middle;
    max-width: 95px;
    max-height: 40px;
}
.sp-legacy ul.ButtonPopup-list li a:hover{
	text-decoration: none;
}
.sp-legacy .watchModule-list ul.watch-platforms{
	list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.sp-legacy .watchModule-list ul.watch-platforms li{
    width: 17%;
    margin: 1%;
  	position: relative;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
    overflow: hidden;
}
.sp-legacy .watchModule-list ul.watch-platforms li.preorder:before{
	display: block;
	position: absolute;
	right: -22px;
	top: 18px;
	width: 100px;
	height: 15px;
	content: "pre-order";
	background-color: rgba(255,255,255,0.6);
	color: #333;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bolder;
	transform: rotateY(0deg) rotate(45deg);
}
.sp-legacy .watchModule-list ul.watch-platforms li img{
    max-width: 100%;
	max-height: 30px;
}
.sp-legacy .watch-screenings-wrapper h3 small{
	float: right;
}
.sp-legacy .watch-screenings-wrapper ul, .sp-legacy .watch-platforms-wrapper ul{
	list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.sp-legacy .watch-screenings-wrapper .tabs ul{
    text-align: left;
    margin: 10px 0 20px 0;
}
.sp-legacy .watch-screenings-wrapper .tabs ul li{
    text-align: center;
    width: 19%;
    margin: 0;
    padding: 0;
  	position: relative;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
    background-color: rgba(125,125,125,0.2);
}
.sp-legacy .watch-screenings-wrapper .tabs li a{
	text-decoration: none;
	border: none;
	border-bottom: 2px solid rgba(125,125,125,0.2);
	display: block;
	min-height: 30px;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
}
.sp-legacy .watch-screenings-wrapper .tabs li a:hover{
	border-bottom: 2px solid;
}
.sp-legacy .watch-screenings-wrapper .tabs li.active a{
	border-bottom: 2px solid;
}
.sp-legacy .watch-screenings-wrapper .tabs li.disabled a{
	cursor: default;
	text-decoration: none;
	opacity: 0.5;
}
.sp-legacy .watch-screenings-wrapper .tabs li.disabled a:hover{
	border-bottom: 2px solid rgba(125,125,125,0);
}
.sp-legacy .watch-screenings-wrapper .tabs li a span{
    display: block;
    font-size: 1em;
    text-transform: uppercase;
	padding-top: 9px;
}
.sp-legacy .watch-screenings-wrapper .tabs li a strong{
    display: block;
    font-size: 1.6em;
    padding-bottom: 9px;
}
.sp-legacy .nav ul ul{
	display: none;
	}
.sp-legacy .nav ul li.mobileNav{ 
		display: none;
	}
.sp-legacy .nav li{
		position: relative;
		text-align: left;
		}
.sp-legacy .nav li ul{
		position: absolute;
		top: 100%;
		left:-0.25em;
		z-index: 1;
		
		margin:0;
		padding:0;
		min-width: 190px;
		}
.sp-legacy .nav li ul li ul{
			width: 100%;
			top: 0;
			left: 190px;
		}
.sp-legacy .nav li ul li{
			padding: 0;
			margin: 0;
			display: block;
			line-height: normal;
			top:0;
			}
.sp-legacy .nav li ul li a{
				padding: 0.5em;
				}
.sp-legacy .nav li:hover > ul, .sp-legacy .nav li:hover ul li:hover ul{
		display: block;
		}
.sp-legacy .nav form#navSearch input{
	    display:inline-block;
	    margin:0;
		}
.sp-legacy .nav form#navSearch input[type=text]{
	    border-radius: 4px 0 0 4px;
	    width: 105px;
	    border-right: none !important;
		}
.sp-legacy .nav form#navSearch input[type=submit]{
	    border-radius: 0 4px 4px 0;
		}
.sp-legacy .col2{
	width: 48%;
	display: inline-block;
	clear:none !important;
	margin-right: 2%;
	}
.sp-legacy .col3{
	width: 30%;
	display: inline-block;
	clear:none !important;
	margin-right: 3%;
	}
.sp-legacy .col6{
	width: 15%;
	display: inline-block;
	margin-right: 1%;
	clear: none !important;
	}
.sp-legacy legend{
	font-weight: bold;
	font-size: 1.4em;
	margin-bottom: 1em;
	}
.sp-legacy label{
	line-height: 1;
	}
.sp-legacy label.error{
	color: red;
}
.sp-legacy input, .sp-legacy button, .sp-legacy textarea{
	padding: 0.5em;
	vertical-align: baseline;
	border-radius: 4px;
	}
.sp-legacy [type=text], .sp-legacy [type=password], .sp-legacy textarea{
		width: 190px;
		}
.sp-legacy select{
		max-width: 175px;
		}
.sp-legacy .date select, .sp-legacy .date input{ min-width: 0; width: auto;}
.sp-legacy textarea{
		vertical-align: top;
		min-height: 3em;
		}
.sp-legacy span.required{
	color: #f00 !important;
}
.sp-legacy .label-left label{
	width: 150px;
	display: inline-block;
	text-align: right;
	padding-right: 10px;
	margin: 0.5em 0 0.5em -160px;
	}
.sp-legacy .label-left{
	padding-left: 160px;
	clear: both;
	position: relative;
	}
.sp-legacy .label-top, .sp-legacy .sidebar .label-left{
	padding-left: 0;
	clear: both;
	}
.sp-legacy .label-top label, .sp-legacy .sidebar .label-left label{
	width: 100%;
	display: block;
	margin: 0.5em 0;
	text-align: left;
	}
.sp-legacy .label-right{ position: relative; }
.sp-legacy .label-right label{
	margin-left: 165px;
	}
.sp-legacy .label-right input{
	position: absolute;
	left: 160px;
	top: 0.3em;
	margin-left: -2em;
	}
.sp-legacy .joined-left, .sp-legacy button.joined-left{
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.sp-legacy .joined-right, .sp-legacy button.joined-right{
	-webkit-border-radius: 6px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-radius: 6px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.sp-legacy .sp-body#Home form.signup .label-left, .sp-legacy .sp-body#Home form#subForm .label-left, .sp-legacy .sp-body#Home form#mc-embedded-subscribe-form .label-left{
	padding: 0;	
	}
.sp-legacy .sp-body#Home form.signup p, .sp-legacy .sp-body#Home form#subForm p, .sp-legacy .sp-body#Home form#mc-embedded-subscribe-form p{
	display: inline-block;
	}
.sp-legacy .sp-body#Home form#subForm .label-left input{
	float: left;
	}
.sp-legacy .sp-body#Home form.signup label, .sp-legacy .sp-body#Home form#subForm label, .sp-legacy .sp-body#Home form#mc-embedded-subscribe-form label{
	width: auto;
	display: block;
	text-align: left;
	margin: 0.5em 0;
	}
.sp-legacy .sp-body#Home form.signup button, .sp-legacy .sp-body#Home form#mc-embedded-subscribe-form button{
	margin-top: 2.4em;
	}
.sp-legacy .sp-body#Home form#subForm button{
	margin-top: 0;
	}
.sp-legacy a.button, .sp-legacy .button, .sp-legacy button, .sp-legacy a.redirectButton{
	padding: 0.65em 0.5em;
	display: inline-block;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	vertical-align: bottom;
	border: none;
	text-decoration: none !important;
	transition-duration: 100ms;
	-webkit-transition-duration: 100ms;
	}
.sp-legacy a.button:hover, .sp-legacy a.redirectButton:hover{
		text-decoration: none;
		opacity: 0.7;
		}
.sp-legacy .checkoutWrapper{
		max-width: 340px;
		padding: 20px;
		margin: 0 auto 0 auto;
		text-align: center;
		border: 1px solid rgba(200,200,200,0.3);
		background-color: rgba(200,200,200,0.1);
		border-radius: 6px;
	}
.sp-legacy .checkoutWrapper hr{
			margin: 20px -20px 20px -20px;
			color: rgba(200,200,200,0.3);
			}
.sp-legacy .checkoutWrapper form{
			width: 100%;
			}
.sp-legacy .checkoutWrapper form input{
			margin-bottom: 14px;
			font-size: 16px;
			}
.sp-legacy .checkoutWrapper .discount{
			opacity: 0.3;
			transition-duration: 300ms;
			}
.sp-legacy .checkoutWrapper .discount:hover{
			opacity: 1;
			}
.sp-legacy .checkoutWrapper #discount_code_status:not(:empty){
			padding: 5px;
			font-size: 16px;
			background-color: rgba(200,200,200,0.5);
			border: 1px solid rgba(200,200,200,0.3);
			border-radius: 6px;
			margin-bottom: 14px;
		}
.sp-legacy .checkoutWrapper #email, .sp-legacy .checkoutWrapper #emailconf{
			width: 96%;
			}
.sp-legacy .checkoutWrapper #discount_code{
			width: 73%;
		}
.sp-legacy .checkoutWrapper button#submit_check_discount_code{
			width: 20%;
			margin: 0 0 14px 0;
			font-size: 16px;
			padding: 0.5em;
			}
.sp-legacy .checkoutWrapper button.btn-purchase{
			font-size: 16px;
			float: none;
			display: inline-block;
			width: 49%;
			text-transform: uppercase;
			margin: 0;
			transition-duration: 300ms;
		}
.sp-legacy .checkoutWrapper button.btn-purchase:hover{
				opacity: 0.6;
				}
.sp-legacy .checkoutWrapper .but-number-1 button.btn-purchase{width: 99%;}
.sp-legacy .checkoutWrapper .but-number-2 button.btn-purchase{width: 49%;}
.sp-legacy .checkoutWrapper .but-number-3 button.btn-purchase{width: 32%; font-size: 13px; min-height: 55px;}
.sp-legacy .checkoutWrapper .but-number-3 small{display: none;}
.sp-legacy .checkoutWrapper .btn-purchase.left{
			border-radius: 6px 0 0 6px;
			padding-right: 0;
			margin-right: 1px;
		}
.sp-legacy .checkoutWrapper .btn-purchase.right{
			border-radius: 0 6px 6px 0;
			padding-left: 0;
			margin-left: 1px;
		}
.sp-legacy .checkoutWrapper .btn-purchase.centre{
			border-radius: 0;
			padding-left: 0;
			margin-left: 0;
		}
.sp-legacy .btn-purchase{
		font-size: 23px;
		padding: 10px 20px !important;
		float: left;
	}
.sp-legacy .checkout #total_price{
		font-size: 23px;
		vertical-align: middle;
	}
.sp-legacy .button.large{
	font-size: 18px;
	line-height: 1;
	display: inline-block;
}
.sp-legacy .button.giant{
	font-size: 35px;
	line-height: 1;
	display: inline-block;
}
.sp-legacy button.orange{
	border: none !important;
	background: url("https://assets.assemble.film/774/legacy/cdn/themes/default/assets/i/btn_email_bg.png")) left center no-repeat;
}
.sp-legacy button.blue{
	border: none !important;
	background: url("https://assets.assemble.film/774/legacy/cdn/themes/default/assets/i/btn_email_bgblue.png")) left center no-repeat;
}
.sp-legacy .sp-body#Home div.fundingWrapper.igg{
		background: url("https://assets.assemble.film/774/legacy/cdn/themes/default/assets/i/fundingWrapper_igg.png")) left top no-repeat;
}
.sp-legacy .sp-body#Home div.fundingWrapper.ks{
		background: url("https://assets.assemble.film/774/legacy/cdn/themes/default/assets/i/fundingWrapper_ks.png")) left top no-repeat;
}
.sp-legacy table.screenings{
	width: 100%;
	}
.sp-legacy .screeningsModule .sorting-row{
    position: relative;
    padding: 1em 0 1.3em;
    box-shadow: 3px 3px 11px rgba(0,0,0,0.11);
	}
.sp-legacy .screeningsModule .sorting-row .sorting-row-title{
	padding-left: 7px;
	}
.sp-legacy .screeningsModule .sorting-row .button{
	display: inline;
	}
.sp-legacy .screeningsModule .search-input button{
    position: absolute;
    left: 0;
    top: 0;
    width: 37px;
    height: 37px;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    background: none;
    border: none;
    padding: 0;
}
.sp-legacy .screeningsModule .search-input{
    position: relative;
    width: 200px;
    display: inline-block;
    margin-right: 30px;
}
.sp-legacy .screeningsModule .search-input input:not([type="submit"]){
    cursor: pointer;
    padding: 0 0 0 36px;
    border: none;
    background: none;
    height: 35px;
    width: 100%;
    outline: none;
    border-right: 1px solid;
}
.sp-legacy .screenings th{
	text-align: left;
	font-weight: bold;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 0.5em;
	}
.sp-legacy .screenings tr:nth-child(2n){
	background: rgba(0,0,0,0.05);
	}
.sp-legacy .screenings tr:hover{
		background: rgba(0,0,0,0.1);
		cursor: pointer;
		}
.sp-legacy .screenings td, .sp-legacy .screenings th{
	padding: 0.5em;
	}
.sp-legacy .details td{
	box-shadow: inset 0 1em 1em -1em rgba(0, 0, 0, 0.3);
	}
.sp-legacy ul.screenings{
	
}
.sp-legacy .screening-widget{
	clear: both;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	list-style: none;
	float: left;
	width: 100%;
	}
.sp-legacy .screening-widget .button{
		text-transform: uppercase;
		}
@media screen and (min-width:480px) {.sp-legacy .limited .screening-widget{
		width: 20%;
		margin-right:1%;
		clear: none;
		padding: 1em;
		position: relative;
		min-height: 18em;
		}}
.sp-legacy .screening-widget .descriptor{
		font-size: 8px;
		font-size: 0.8rem;
		display: block;
		text-transform: uppercase;
		opacity: 0.66;
		font-weight: bold;
		margin-bottom: -0.8em;
		}
.sp-legacy .screenings .date{
		overflow: hidden;
		position: relative;
		}
.sp-legacy .screening-widget .date{
		display: block;
		float: left;
		border-right: 1px solid rgba(255,255,255,0.3);
		text-align: center;
		font-weight: bold;
		margin-right: 1%;
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.6;
		min-width: 10%;
		padding-bottom: 5px;
		padding-bottom: 0.5rem;
		min-height: 2.8em;
		}
@media screen and (min-width:480px) {.sp-legacy .limited .screening-widget .date{
			min-width: 50%;
			}}
.sp-legacy .screening-widget .month{
			font-size: 12px;
			font-size: 1.2rem;
			line-height: 1.5;
			display: block;
			margin-top: -8px;
			margin-top: -0.8rem;
			}
.sp-legacy .screening-widget .time{
			font-size: 8px;
			font-size: 0.8rem;
			display: block;
			}
@media screen and (min-width:480px) {.sp-legacy .limited .screening-widget .time{
				display: block;
				margin-top: 0.5em;
				}}
.sp-legacy .screening-widget .venue, .sp-legacy .screening-widget .venueMain{
		float: right;
		width: 87%;
		}
@media screen and (min-width:480px) {.sp-legacy .limited .screening-widget .venue, .sp-legacy .screening-widget .venueMain{
			width: 100%;
			}}
.sp-legacy .details .screening-widget .venue, .sp-legacy .details .screening-widget .venueMain{
			width: 66%;
			}
.sp-legacy .screening-widget .venue strong{
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 1.6;
				font-weight: bold;
				}
@media screen and (min-width:480px) {.sp-legacy .limited .screening-widget .venue strong{
					display: block;
					line-height: 1;
					margin-top: 0.5em;
					margin-bottom: 0.25em;
					}}
.sp-legacy .screening-widget .venue a, .sp-legacy .screening-widget .venue p{
			font-size: 14px;
			font-size: 1.4rem;
			font-style: italic;
			line-height: 1.2;
			}
@media screen and (min-width:480px) {.sp-legacy .limited .screening-widget .venue a{
				width: 105%;
				display: block;
				}}
.sp-legacy .details .screening-widget .venue a{
				display: block;
				}
.sp-legacy .screening-widget .links{
		float: right;
		padding-top: 0.6em;
		clear:right;
		width: 87%;
		}
@media screen and (min-width:480px) {.sp-legacy .limited .screening-widget .links{
			position: absolute;
			top: 0;
			left: 50%;
			width: 30%;
			height: 35%;
			margin-left: 1em;
			padding: 1em;
			z-index: 1;
			overflow: hidden;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			transition: 0.3s;
			}
.sp-legacy .details .screening-widget .links{
				width: 66%;
				}
.sp-legacy .limited .screening-widget .links:hover{
				width: 130%;
				z-index: 2;
				box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.25);
				}
.sp-legacy .limited .screening-widget .links>*{
					opacity: 0;
					-webkit-transition-delay: 0.3s;
					-moz-transition-delay: 0.3s;
					transition-delay: 0.3s;
					-webkit-transition: 0.6s;
					-moz-transition: 0.6s;
					transition: 0.6s;
					}
.sp-legacy .limited .screening-widget .links:hover>*{
					opacity: 1;
					}
.sp-legacy .limited .screening-widget .links:before{
				content: "+";
				font-size: 5em;
				font-weight: bold;
				width: 1em;
				height: 1em;
				display: block;
				text-align: center;
				float: right;
				line-height: 1;
				margin-bottom: 1em;
				cursor: pointer;
				}
.sp-legacy .limited .screening-widget .links:hover:before{
					display: none;
					}}
.sp-legacy .sold-out .date::after{
	content: "Sold Out";
	position: absolute;
	top: 0;
	left: 0;
	z-index:10;
	display: block;
	padding: 1em;
	background: black;
	color: white;
	width: 200%;
	box-sizing: border-box;
	text-align: center;
	-ms-transform: rotate(-45deg) translate(-10%,20%);
	-moz-transform: rotate(-45deg) translate(-10%,20%);
	-webkit-transform: rotate(-45deg) translate(-10%,20%);
	transform: rotate(-45deg) translate(-10%,20%);
	font-size: 8px;
	font-size: 0.8rem;
	margin-left: -50%;
	text-transform: uppercase;
	}
.sp-legacy .limited .sold-out .date::after{
		box-shadow: 0 0 1em black;
		-ms-transform: rotate(-45deg) translate(-10%,0%);
		-moz-transform: rotate(-45deg) translate(-10%,0%);
		-webkit-transform: rotate(-45deg) translate(-10%,0%);
		transform: rotate(-45deg) translate(-10%,0%);
		}
.sp-legacy table .sold-out .date::after{
		-webkit-transform: none;
		width: 33%;
		margin-left: 66%;
		font-size: 6px;
		font-size: 0.6rem;
		padding: 1em 0;
		}
.sp-legacy .screening-widget .fb-like{ top:0.25em; }
.sp-legacy .screening-widget .twitter-share-button{ position: relative; top: 0.5em; }
.sp-legacy .details .screening-widget .location{
		width: 30%;
		float: left;
		padding: 1em;
		}
.sp-legacy .details .screening-widget .location iframe{
			width: 100%;
			}
.sp-legacy .details .screening-widget .more-info{
		width: 66%;
		float: right;
		margin-top: 20px;
		margin-top: 2rem;
		}
.sp-legacy .past-screenings .booking{ display: none;}
.sp-legacy iframe.ScreeningMap{
	width: 100%;
	min-height: 400px;
}
.sp-legacy .content ul.gallery{
	list-style: none;
	padding: 0;
	margin: 0;
}
.sp-legacy ul.gallery li{
		display: block;
		width: 150px;
		float: left;
		margin: 0 5px 5px 0;
	}
.sp-legacy .content ul.gallery_big{
	list-style: none;
	padding: 0;
	margin: 0;
}
.sp-legacy ul.gallery_big li{
		display: block;
		float: left;
		margin: 0 5px 5px 0;		
		width: 280px;
	}
.sp-legacy .content ul.press{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 60%;
	float: right;
}
.sp-legacy .content ul.press li{
		display: block;
		float: left;
		margin: 0 5px 5px 0;
		width: 200px;
	}
.sp-legacy .footer ul li p{
	padding: 0;
	margin: 0;
	line-height: 1;
	font-size: inherit;
}
.sp-legacy .facebook_button, .sp-legacy .twitter_button{
	display: inline-block;
	color: #fff;
	padding: 15px 15px 15px 43px;
	margin-right: 15px;
	line-height: 1.2em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: uppercase;
	font-size: 12px;
	text-decoration: none !important;
	}
.sp-legacy .facebook_button:hover, .sp-legacy .twitter_button:hover{
		opacity: 0.8;
		}
.sp-legacy .facebook_button_small, .sp-legacy .twitter_button_small{
	display: inline-block;
	color: #fff;
	padding: 6px 10px 6px 34px;
	margin-right: 15px;
	line-height: 1.2em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-transform: uppercase;
	background-position-x: -7px !important;
	text-decoration: none !important;
}
.sp-legacy .facebook_button, .sp-legacy .facebook_button_small{
	background: url("https://assets.assemble.film/774/legacy/cdn/assets/shared/images/icons/btn_fb_bg.png")) left center no-repeat;
	}
.sp-legacy .twitter_button, .sp-legacy .twitter_button_small{	
	background: url("https://assets.assemble.film/774/legacy/cdn/assets/shared/images/icons/btn_tw_bg.png")) left center no-repeat;
	}
.sp-legacy .dotted_bubble{
	border: 1px dotted; 
	padding: 5px;
	display: inline-block; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	margin: 0 5px 5px 0;
	}
.sp-legacy ul.films{
	list-style: none;
	padding: 0;
	margin: 0;
}
.sp-legacy ul.films li{
		width: 30%;
		float: left;
		margin-right: 3%;
		margin-bottom: 20px;
	}
.sp-legacy ul.films li img{
		max-width: 100%;
	}
.sp-legacy .productionsModule .hd-flag{
	border: 1px solid;
	border-radius: 20%;
	font-size: .8em;
	font-weight: bold;
	padding: .2em .2em .1em;
}
.sp-legacy img.prodDetails{
		max-width:100%;
	}
.sp-legacy div.film-detail .media{
		position:relative;
		max-width: 100%;
		width:920px;
		padding:0 0 23px;
		background:url("https://assets.assemble.film/774/legacy/cdn/themes/default/assets/i/shadow.png")) 0 100% no-repeat;
		z-index: 1;
		}
.sp-legacy div.film-detail .media a, .sp-legacy div.film-detail .media img{
			display:block;
			min-height:370px;
			background-position: center center;
			-moz-background-size:cover;               
			-o-background-size: 100% 100%;           	
			-webkit-background-size: 100% 100%;       
			background-size:cover;                    
			background-repeat: no-repeat;
			width: 100%;
			}
.sp-legacy div.film-detail .media a span.playIcon, .sp-legacy a span.playIcon{
				display: block;
				width: 100%;
				height: 100%;
				background:url("https://assets.assemble.film/774/legacy/cdn/themes/default/assets/i/playIcon.png")) 50% 50% no-repeat;
				}
.sp-legacy div.film-detail a span.playIcon{
					background:url("https://assets.assemble.film/774/legacy/cdn/themes/default/assets/i/playIconSmall.png")) 50% 50% no-repeat;
					}
.sp-legacy dl.cast{
		float:left;
		min-height:214px;
		margin:20px 0 43px;
		padding: 0;
		line-height:1;
		}
.sp-legacy dl.cast dt{
			margin:0 0 4px;
			display: inline-block;
			min-width: 50px;
			opacity: 0.7;
			}
.sp-legacy dl.cast dd{
				margin:0 0 10px 0;
				text-transform: none;
				display: inline-block;
				}
.sp-legacy ul.actions{
		float:left;
		padding:0;
		list-style:none;
		}
.sp-legacy ul.actions li{
			padding:0;
			margin:0 0 11px;
			}
.sp-legacy ul.actions li a{
				}
.sp-legacy .productRights a{
					display: inline-block !important;
					padding: 5px;
					border: 0;
				}
.sp-legacy div.sidebl{
		position:relative;
		float:right;
		clear:right;
		width:160px;
		padding:40px 20px;
		margin:30px 0 40px;
		font-size:15px;
		line-height:1.2;
		}
.sp-legacy div.sidebl.awards{
			margin-top: 50px;
			}
.sp-legacy div.sidebl h6{
			position:absolute;
			top:-57px;
			right:-14px;
			width:97px;
			height:97px;
			padding:0;
			text-indent:-999em;
			}
.sp-legacy div.sidebl.awards h6{
				}
.sp-legacy div.sidebl ul{
			padding:0;
			text-align:center;
			list-style:none;
			}
.sp-legacy div.sidebl.reviews ul strong{
				display:block;
				margin:4px 0 0;
				}
.sp-legacy a.back{
		position:absolute;
		top:75px;
		left:50px;
		font-size:14px;
		padding-left: 40px;
		}
.sp-legacy ul.links{
		float:right;
		clear:both;
		padding:0;
		list-style:none;
		}
.sp-legacy ul.links li{
			float:left;
			margin:0 0 0 28px;
			font-size:14px;
			font-weight:bold;
			}
.sp-legacy .sidebar ul.links li{
				margin:0;
				}
.sp-legacy ul.links li.continue, .sp-legacy ul.links li.checkout{ 
				padding-top: 4px;
				}
.sp-legacy ul.links li.continue a, .sp-legacy ul.links li.checkout a{
					font-weight: bold;
					font-size: 24px;
					height: 32px;
					display: block;
					}
.sp-legacy .sidebar ul.links li.continue a, .sp-legacy .sidebar ul.links li.checkout a{
						line-height:24px;
						font-size:13px;
						font-weight:normal;
						}
.sp-legacy .sp-body#Digital .content.download{
	bottom: auto;
	position: auto;
	left: 0;
	right: 0;
	overflow: visible;
	top:auto;
	}
.sp-legacy .sp-body#Digital .content.streaming{
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 999999;
	}
.sp-legacy .sp-body#Digital .content.streaming div.viewer{
	top: 0;
	bottom: 0;
	position: absolute;
	left: 0;
	right: 250px;
	overflow: hidden;
	background-color: #000 !important;
	}
.sp-legacy .sp-body#Digital .content.streaming div.extras{
	top: 0;
	bottom: 0;
	position: absolute;
	right: 0;
	width: 250px;
	padding-top: 10px;
	background-color: #000 !important;
	border-left: 1px solid #333;
	}
.sp-legacy .sp-body#Digital div.extras a{
	display: block;
	margin: 0 5px 2px 10px;
	padding: 4px;
	font-size: 11px;
	background-color: #333;
	text-decoration: none;
	}
.sp-legacy .sp-body#Digital div.extras a:hover{
	color: #000;
	background-color: #ddd;
	}
.sp-legacy .sp-body#Digital div.extras h2, .sp-legacy .sp-body#Digital div.extras h1{
	display: block;
	padding: 3px 3px 3px 10px;
	font-size: 14px;
	text-transform: none;
	color: #666;
	}
.sp-legacy .sp-body#Digital div.extras h1{
	font-size: 22px;
	}
@media only screen and (max-width: 860px) {.sp-legacy .sp-body#Digital div.viewer{
	right: 0;
	bottom: 100px;
	}
.sp-legacy .sp-body#Digital div.extras{
	top: auto;
	bottom: 0;
	left:0;
	width: auto;
	height: 100px;
	overflow: auto;
	padding-top: 10px;
	}}
.sp-legacy .sp-body#Digital div.content.download{ 
	width: 920px;
	margin: 40px auto 0 auto;
	text-align: center;
	}
.sp-legacy ul.WatchList{
	list-style: none;
	width: 100%;
	text-align: center;
}
.sp-legacy ul.WatchList li{
	width: 21%;
	margin: 0 3% 10px 0;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.sp-legacy ul.WatchList li img{
	max-width: 120px;
	max-height: 80px;
}
.sp-legacy ul.WatchList li p.watchTitle, .sp-legacy ul.WatchList li div.productRights a{
	font-size: 21px;
}
.sp-legacy ul.WatchList li p.watchDesc{
	font-size: 12px;
	width: 70%;
	display: block;
	margin: 0 auto 0 auto;
}
.sp-legacy .scrollerjogbox{
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
.sp-legacy .slideshow{ overflow:hidden; height: 100%; width: 100%; position: fixed; top: 0; left: 0;}
.sp-legacy .slideshow li{ 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				width: 100%;
				height: 100%;
				overflow: hidden;
				z-index: 1;
				-ms-transition: 2s;
				-moz-transition: 2s;
				-webkit-transition: 2s;
				transition: 2s;
				text-align: center;
				background: center center no-repeat;
				background-position: center center;
				background-origin: padding-box;
				background-size: cover;	
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;  
				}
.sp-legacy .slideshow .current{ z-index: 2}
.sp-legacy .slideshow.fade li{ opacity: 0;}
.sp-legacy .slideshow.fade .current{ opacity: 1;}
.sp-legacy .video-background{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;

}
.sp-legacy .video-background video{
	min-height: 100%; 
	min-width:100%;
	pointer-events: none; 
}
.sp-legacy #control{
	position: absolute;
	right: 20px;
	z-index: 10000;
}
.sp-legacy .vimeo-background{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 56.25vw; 
	min-width: 177.78vh; 
	min-height: 100vh;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	z-index: -999;
}
.sp-legacy .vimeo-background-overlay{
	z-index: -999;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
}
.sp-legacy .vimeo_bg_iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	pointer-events: none;
}
.sp-legacy li#caption{
	position: fixed;
	right: 20px;
	z-index: 999999;
	opacity: 0.6;
	}
.sp-legacy span.bg_caption{
	display: none;
	right: 0;
	width: 20%;
	padding: 10px;
	position: fixed;
}
.sp-legacy ul.header-top-shop{
display: block;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 25px;
text-align: right;
z-index: 9999999;
list-style: none;
line-height: 1;
}
.sp-legacy ul.header-top-shop li{
		display: inline-block;
		height: 25px;
	}
.sp-legacy ul.header-top-shop li.searchForm form#navSearch{
		display: inline-block;
		height: 25px;
	}
.sp-legacy ul.header-top-shop li.searchForm form input[type=text]{
		
	}
.sp-legacy .header-top-news, .sp-legacy .header-top-reviews{
display: block;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 25px;
text-align: center;
z-index: 9999999;
}
.sp-legacy .newsbarModule{
	height: 25px;
}
.sp-legacy div.newsbarModule .header-top-news{
		position: absolute;
		top: auto;
	}
.sp-legacy .header-top-news, .sp-legacy .header-top-news p, .sp-legacy .header-top-news a{
		line-height: 26px;
		font-size: 12px;
	}
.sp-legacy .galleryModule ul.gallery{
	margin:0;
	padding:0;
}
.sp-legacy div.group .galleryModule ul.gallery li{
	display: block;
	width: 32%;
	float: left;
	margin: 0 1% 1% 0;
}
.sp-legacy div.group .galleryModule ul.gallery li img{
		width: 100%;
		}
.sp-legacy .section .galleryModule ul.press{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	}
.sp-legacy .section .galleryModule ul.press li{
		display: block;
		float: left;
		width: 32%;
		margin: 0 1% 1% 0;
		}
.sp-legacy div.group .galleryModule ul.press li img{
			width: 100%;
			}
.sp-legacy div.group .galleryModule ul.press li p.captionText{
				font-size: 10px;
				line-height: 12px;
				padding: 5px 0;
				}
.sp-legacy div.galleryModule ul.press li{
	position: relative;
	}
.sp-legacy ul.press li a{
	display: block;
	}
.sp-legacy div.group .galleryModule ul.pressCompact li a{
	display: block;
	width: 100%;
	min-height: 170px;
	background-position: center center;
	background-size: cover;
	padding: 0;
	margin: 0;
	text-decoration: none;	
	}
.sp-legacy ul.pressCompact li a p{
	display: none;
	background-color: rgba(0,0,0,0.5);
	margin: 0;
	padding: 5%;
	overflow: hidden;
	color: #fff !important;
	font-size: 11px;
	line-height: 12px;
	}
.sp-legacy ul.pressCompact li a:hover p{	
		display: block;
		}
.sp-legacy ul.pressAligned li{
	height: 240px;
	overflow: hidden;
	}
.sp-legacy div.group .galleryModule ul.pressAligned li a{
		display: block;
		width: 100%;
		min-height: 150px;
		background-position: center center;
		background-size: cover;
		}
.sp-legacy .trailerModule a{
	display: block;
	text-align: center;
}
.sp-legacy .trailerModule img{
	margin: 0 auto 0 auto;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
}
.sp-legacy #Home div.mailinglistModule{
text-align: center;
}
.sp-legacy div.mailinglistModule input[type=text]{
	margin: 0 0 5px;
	max-width: 100%;
}
.sp-legacy div.mailinglistModule button.button{
	margin: 0 0 5px;
}
.sp-legacy .awardsModule .laurels{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.sp-legacy .awardsModule .laurel{
		padding: 1.5em 0; 
		vertical-align: top;
	}
.sp-legacy .awardsModule .laurel_img{
		max-width: 22%; 
		width: 22%; 
		display: block; 
		vertical-align: top;
	}
.sp-legacy .awardsModule .laurel_name{
		font-size: 1.5em;
		font-weight: bold;
		text-transform: uppercase;
	}
.sp-legacy .reviewsModule .laurels{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.sp-legacy .reviewsModule .review{
		padding: 0 0 40px;
	}
.sp-legacy .reviewsModule .review_img{
		max-width: 22%; 
		width: 22%; 
		display: inline-block; 
		padding: 0 4% 5px 0; 
		vertical-align: top;
	}
.sp-legacy .reviewsModule .review_date{
		display: block;
	}
.sp-legacy div.twitterModule ul.twitter-feed{
	margin: 0;
	padding: 0;
}
.sp-legacy .user_profile_screen{
	text-align: center;
}
.sp-legacy .user_profile_screen .vimeo_login_box{
	padding: 20px 20px 50px;
}
.sp-legacy .user_profile_screen input[type=text], .sp-legacy .user_profile_screen input[type=password]{
	width: 48%;
	display: inline-block;
	font-size: 12px;
	padding: 3%;
}
.sp-legacy .user_profile_screen .assemble_login_box{
	padding: 5px 20px;
	border: 1px solid;
	margin-bottom: 20px;
}
.sp-legacy .user_profile_screen .login_reminder_link{
	font-size: 0.9em;
	display: inline-block;
	padding: 16px 0;
	width: 48%;
}
.sp-legacy .user_profile_screen .btn{
	width: 48%;
	margin-bottom: 5px;
	padding: 6px 0;
}
.sp-legacy .pwywModule #charitySplit{
	display: none;
}
.sp-legacy .pwywModule ul.bundle-one-items, .sp-legacy .pwywModule ul.bundle-two-items{
	padding: 0;
	margin: 0;
}
.sp-legacy .pwywModule li.bundle-item{
	display: inline-block;
	width: 31%;
	text-align: center;
	margin-right: 1%;
}
.sp-legacy .pwywModule li.bundle-item img{
	max-width: 100%;
}
.sp-legacy .pwywModule li.bundle-item h6{
	font-size: 0.8em;
}
.sp-legacy .pwywModule .inputs{
	margin: 0 auto 0 auto;
	max-width: 210px;
}
.sp-legacy .pwywModule input{
	border-radius: 3px;
	padding: 0.85em 0.9em;
	font-size: 1.2em;
	clear: both;
	background: transparent;
	border: 3px solid #fff !important;
	margin-bottom: 5px;
}
.sp-legacy .pwywModule .btn.pay{
	padding: 0.85em 3.9em;
	margin-bottom: 5px;
	width: 100%;
	display: block;
}
.sp-legacy .pwywModule .curr-pre{
	font-size: 18px;
}
.sp-legacy .noUi-target, .sp-legacy .noUi-target *{
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
	touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
	user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sp-legacy .noUi-target{
	position: relative;
	direction: ltr;
}
.sp-legacy .noUi-base{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1; 
}
.sp-legacy .noUi-origin{
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.sp-legacy .noUi-handle{
	position: relative;
	z-index: 1;
}
.sp-legacy .noUi-stacking .noUi-handle{

	z-index: 10;
}
.sp-legacy .noUi-state-tap .noUi-origin{
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.sp-legacy .noUi-state-drag *{
	cursor: inherit !important;
}
.sp-legacy .noUi-base, .sp-legacy .noUi-handle{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.sp-legacy .noUi-horizontal{
	height: 4px;
}
.sp-legacy .noUi-horizontal .noUi-handle{
	width: 34px;
	height: 28px;
	left: -17px;
	top: -12px;
}
.sp-legacy .noUi-vertical{
	width: 18px;
}
.sp-legacy .noUi-vertical .noUi-handle{
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}
.sp-legacy .noUi-background{
	background: rgba(0,0,0,0.7);
}
.sp-legacy .noUi-connect{
	background: #00ffee;
-webkit-transition: background 450ms;
	transition: background 450ms;
}
.sp-legacy .noUi-origin{
	border-radius: 2px;
}
.sp-legacy .noUi-target{
	background: rgba(255,255,255,0.8);
	
}
.sp-legacy .noUi-target.noUi-connect{
}
.sp-legacy .noUi-draggable{
	cursor: w-resize;
}
.sp-legacy .noUi-vertical .noUi-draggable{
	cursor: n-resize;
}
.sp-legacy .noUi-handle{
	border: 1px solid #D9D9D9;
	border-radius: 99px;
	background: #FFF;
	cursor: default;
}
.sp-legacy .noUi-active{
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.sp-legacy .noUi-handle:before, .sp-legacy .noUi-handle:after{
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.sp-legacy .noUi-handle:after{
	left: 17px;
}
.sp-legacy .noUi-vertical .noUi-handle:before, .sp-legacy .noUi-vertical .noUi-handle:after{
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.sp-legacy .noUi-vertical .noUi-handle:after{
	top: 17px;
}
.sp-legacy [disabled].noUi-connect, .sp-legacy [disabled] .noUi-connect{
	background: #B8B8B8;
}
.sp-legacy [disabled].noUi-origin, .sp-legacy [disabled] .noUi-handle{
	cursor: not-allowed;
}
.sp-legacy .noUi-tooltip{
	color: #fff;
	display:block;
	border-radius:3px;
	background: rgba(125,125,125,0.6);
	padding:5px;
	text-align:center;
    margin-top: -36px;
    margin-right: -10px;
    margin-left: -10px;
}
.sp-legacy .noUi-horizontal .noUi-handle-lower .noUi-tooltip{
	margin-top:-36px;
}
.sp-legacy .noUi-horizontal .noUi-handle-upper .noUi-tooltip{ 
	margin-bottom:-36px;
}
.sp-legacy .noUi-vertical .noUi-handle-lower .noUi-tooltip{ left:120% }
.sp-legacy .noUi-vertical .noUi-handle-upper .noUi-tooltip{ right:120% }
.sp-legacy .slider{
	position: relative;
	width: 150%;
	margin: 0;
	padding: 0;
	padding-top: 60%;
	height: 380px;
	margin: 2rem 0;
	overflow: hidden;
	}
@media screen and (max-width: 640px) {.sp-legacy .slider{
			width: 100%;
			padding-top: 40%;
			}}
.sp-legacy .slider li{ padding:0; margin: 0;}
.sp-legacy .slider a{ text-decoration: none;}
.sp-legacy .slider .slide{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	text-shadow: 0;
	display: none;
	-webkit-transition: 2s;
	}
.sp-legacy .slider .slide.current, .sp-legacy .slider .slide.prev, .sp-legacy .slider .slide.next{
		display: block;
		}
.sp-legacy .slider .slide.current{
		z-index: 1;
		opacity: 1;
		}
.sp-legacy .slider .slide.prev{
		--left: -100%;
		opacity: 0;
		}
.sp-legacy .slider .slide.next{
		--left: 100%;
		opacity: 0;
		}
.sp-legacy .slider .slider figure{
		height: 100%;
		overflow: hidden;
		}
.sp-legacy .slider p{
			font-size: 13px !important;
		}
.sp-legacy .slider .slide img{
		position: absolute;
		z-index: 0;
		max-width: 100%;
		}
.sp-legacy .slider .slide figcaption{
		position: absolute;
		bottom: 0;
		left: 44%;
		top: 0;
		width: 19%;
		z-index: 1;
		padding: 20px;

		}
.sp-legacy .extra-links{ margin: 0; padding: 0; }
.sp-legacy .extra-links li{ margin: 0; padding: 0; display: inline; list-style: none; }
.sp-legacy .slider nav{
	position: absolute;
	bottom: 1em;
	left: 1em;
	width: 64%;
	z-index: 5;
	border: none;
	}
.sp-legacy .slider nav a{
		opacity: 0.5;
		display: block;
		height: 1em;
		width: 1em;
		margin-left: 0.5em;
		float: right;
		border-radius: 1em;
		box-shadow: 0 0 1em rgba(0,0,0,0.5);
		}
.sp-legacy .slider nav a.current{
			
			}
.sp-legacy #slider{
	
	min-height: 100px;
	overflow: hidden;
}
.sp-legacy #slider .mSButtons{
	height: 80%;
}
.sp-legacy #slider .mSPages li{
	padding: 0;
}
.sp-legacy #slider .frame{
	height: 100%;
	right:0;
	left: 0;
	position: absolute;
}
.sp-legacy #slider .frame .slide_element{
	height: 100%;
}
.sp-legacy #slider .frame .slide_element > div{
	float: left;
	height: 100%;
	overflow: hidden;
}
.sp-legacy #slider .frame .mSCover img{
	max-width: none;
}
.sp-legacy #slider .mSButtons{
	opacity: 1;
	filter: alpha(opacity=1);
}
.sp-legacy .infoBlock{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding-bottom: 0;
	background: rgba(0,0,0,0.55);
	overflow: hidden;
	padding: 20px;
	z-index: 1002;
	color: #fff !important;
	font-size: 23px;
}
.sp-legacy .infoBlock h2, .sp-legacy .infoBlock h3, .sp-legacy .infoBlock h4, .sp-legacy .infoBlock h5{
	font-size: 35px;
	line-height: 1.2;
	margin: 0;
	padding-bottom: 3px;
	color: #fff !important;
}
.sp-legacy .infoBlock p{
	font-size: 23px;
	margin: 4px 0 0;
	color: #fff !important;
}
@media (max-width: 979px) {.sp-legacy #slider{
		height: 400px;
		margin-top: 0;
	}
.sp-legacy .infoBlock{
		min-width: 40%;
	}}
@media (max-width: 768px) {.sp-legacy #slider{
		margin: 0 -20px;
		height: 300px;
	}
.sp-legacy .infoBlock{
		padding: 10px;
		height: auto;
		max-height: 100%;
		font-size: 14px !important;
		line-height: 17px;
	}}
.sp-legacy .parascrollingImage{

	background-size: cover;
	background-attachment:scroll;
	}
.sp-legacy .paraslidingModule{
 	overflow:hidden;
	position: relative;
	background-position: 50% 0;
	}
.sp-legacy .paraslidingImg1, .sp-legacy .paraslidingImg2, .sp-legacy .paraslidingImg3{
	position:absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	}
.sp-legacy .paratrackerModule{
	position: relative;
	background-position: 0 50%;
	}
.sp-legacy .paratrackerModule  ul{
	margin: 0;
	padding: 0;
}
.sp-legacy .paratrackerModule ul li{
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	left: auto !important;
	right: auto !important;
	margin: 0 auto;
}
.sp-legacy .user_profile_screen{
	padding: 1.4em;
	font-size:1.8em;
}
.sp-legacy #profile .user_profile_screen label{
	font-size:1em;
	width:5em;
}
.sp-legacy .user_profile_screen .form-group{
	margin-bottom:1em;
}
.sp-legacy .user_profile_screen .form-group label{
}
.sp-legacy .user_profile_screen input{
	box-sizing: border-box;
	width: 100%;
	font-size:1em;
}
.sp-legacy .user_profile_screen .submit .btn{
	font-size:.9em;
}
.sp-legacy .user_profile_screen input{
	font-family: arial;
}
.sp-legacy .forgot_usr_msg{
	color: #DDD;
	font-size: .8em;
	line-height: 2.4em;
}
.sp-legacy .forgot_usr_msg.loading{
	display: inline-block;
	vertical-align: middle;
	width:34px;
	height:34px;
	background: url("https://assets.assemble.film/774/legacy/cdn/themes/default/assets/i/loader.gif")) center center no-repeat;
}
@media screen and (max-width: 768px) {.sp-legacy .background{
	background-position: center center !important;
	}
.sp-legacy .col2{
	width: 100%;
	display: block;
	margin-right: 0;
	}
.sp-legacy .col3{
	width: 100%;
	display: block;
	margin-right: 0;
	}
.sp-legacy .col6{
	width: 100%;
	display: block;
	margin-right: 0;
	}}
.sp-legacy{
     height:100%;
     min-height:100%;
     }
.sp-legacy .sp-body{
     min-height:100%;
     }
.sp-legacy .sp-body:after{ content: ""; display: block; clear: both;}
.sp-legacy a:link{
				text-decoration:none;
				}
.sp-legacy a:visited{
				text-decoration:none;
				}
.sp-legacy a:hover{
				text-decoration:underline;
				}
.sp-legacy a:active{
				text-decoration:none;
				outline:none;
				}
.sp-legacy h1, .sp-legacy h2, .sp-legacy h3, .sp-legacy h4, .sp-legacy h5, .sp-legacy h6{
				font-weight:normal;
				text-rendering: optimizeLegibility;
				}
.sp-legacy p{
				line-height:1.6;
				padding:0 0 0.8em;
				font-size: 14px;
				}
.sp-legacy h1{
				font-size: 55px;
				}
.sp-legacy .wrapper{
	display: table;
	height: 100%;
	position: absolute;
	max-width: 100% !important;
	width: 100% !important;
	}
.sp-legacy .header{
	display: table-row;
	height: 1px;
	}
.sp-legacy .background{
	width: 100%;
	height: 100%;
	position: fixed;
	background-position: center top;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	z-index: -999;
	}
.sp-legacy .contentWrapper{
	bottom: 0;
	display: table-row;
	height: 100%;
	}
.sp-legacy .content{
	position:relative;
	min-height:300px;
	padding:0;
	font-size:1.2em;
	margin:0 auto 0 auto;
	overflow: hidden;
	}
.sp-legacy .footer{
	clear: both;
	margin: 0 auto 0 auto;
	height: 1px;
	display: table-row;
	}
.sp-legacy .footer img{
		display: block;
		margin: 10px auto 30px auto;
		}
.sp-legacy .footer ul{
		line-height:1;
		font-size:1.4em;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height: 20px;
		padding: 10px 10px 30px 10px;
		text-align: center;
		
		}
.sp-legacy .footer ul li{
				display: inline-block;
				padding:4px 0 16px 12px;
				font-size: 13px;
				vertical-align: middle;
				}
.sp-legacy .footer ul li.retweet{
					width: 100px;
					padding: 0 0 0 0;
					}
.sp-legacy .footer ul li.facebook{
					width: auto;
					padding: 0 0 0 2px;
					}
.sp-legacy .footer ul li.share{
					padding: 0 0 0 2px;
					}
.sp-legacy .footer ul li a{
							}
.sp-legacy .sp-body#Home div.trailerWrapper{
	max-width: 700px;
	margin: 0 auto 0 auto;
	padding: 0;
	}
.sp-legacy .sp-body#Home div.trailerWrapper img{
		display: block;
		margin: 0 auto 0 auto;
		}
.sp-legacy .sp-body#Home div.trailerWrapper iframe{
		max-width: 700px;
		height: 420px;
		padding: 0;
		}
.sp-legacy .sp-body#Home div.descriptionWrapper{
	margin: 0 auto 0 auto;
	}
.sp-legacy .sp-body#Home div.descriptionWrapper p{
		font-size: 15px;
		}
.sp-legacy .sp-body#Home div.mailingListWrapper{
	text-align: center;
	}
.sp-legacy .sp-body#Home div.facebookWrapper{
	width: 700px;
	margin: 25px auto 0 auto;
	}
.sp-legacy .sp-body#Home div.facebookWrapper.halfCol{
		width: 340px;
		float: left;
		margin-left: 100px;
		}
.sp-legacy .sp-body#Home div.fundingWrapper{
	width: 700px;
	border-top: none;
	padding: 5px 10px 3px 130px;
	margin: 5px auto 5px auto;
	clear: left;
	float: left;
	}
.sp-legacy div.fundingWrapper h3{
		display: block;
		width: 230px;
		float: left;
		margin-right: 12px;
		line-height: 1.2em;
		border-right: 1px #999 solid;
		font-size: 17px;
		}
.sp-legacy div.fundingWrapper h3.farRight{
			width: 240px;
			border-right: none;
			}
.sp-legacy div.fundingWrapper h3.farRight iframe{
				float: left;
				margin-top: 5px;
				display: block;
				}
.sp-legacy div.fundingWrapper h3.farRight div.fb-like{
				width: 100px;
				}
.sp-legacy .sp-body#Home div.fundingWidgetWrapper{
	width: 270px;
	float: right;
	}
.sp-legacy .sp-body#Home div.blogWrapper{
	width: 700px;
	float: left;
	}
.sp-legacy .sp-body#Home ul.posts-list, .sp-legacy ul.results{
	list-style: none !important;
	padding: 0;
	margin: 0;
	}
.sp-legacy div.twitterWrapper{
	padding-top: 30px;
	margin-top: 100px;
	}
.sp-legacy .sp-body#Home div.twitterWrapper{
	margin: 10px auto 0 auto;
	width: 700px;
	}
.sp-legacy .sp-body#Home div.twitterWrapper.halfCol{
		width: 340px;
		float: right;
		margin-right: 100px;
		}
.sp-legacy .sp-body#Home div.twitterWrapper h2{
	margin-bottom: 0;
	padding-bottom: 0;
	}
.sp-legacy ul.twitter-feed{
	width: 100%;
	padding: 0;
	}
.sp-legacy ul.twitter-feed li{
	width: 75%;
	display: block;
	float: left;
	padding: 6px 10% 9px 0;
	border-top: 1px #eee solid;
	}
.sp-legacy ul.twitter-feed span{
	float: left;
	display: block;
	padding: 6px 0;
	width: 12%;
	font-size: 11px;
	border-top: 1px #eee solid;
	}
.sp-legacy div.homeScreenings{
	padding-bottom: 35px;
	float: left;
	width: 700px;
	}
.sp-legacy div.homeScreenings ul{
	padding: 0;
	margin: 0;
	}
.sp-legacy div.homeScreenings ul li{
		width: 48%;
		margin: 0 1% 5px 0;
		padding: 0;
		float: left;
		border: 1px solid;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}
.sp-legacy div.homeScreenings ul li a:hover{
			text-decoration: none;
			}
.sp-legacy div.homeScreenings ul li div.fb_iframe_widget{
			width: 64px;
			margin: 10px 0 0 4px;
			float: right;
			}
.sp-legacy div.homeScreenings ul li span.homeScreeningsDate{
			display: block;
			height: 30px;
			width: 30px;
			padding: 5px;
			border-right: 2px solid;
			line-height: 18px;
			float: left;
			text-align: center;
			font-size: 18px;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;
			}
.sp-legacy div.homeScreenings ul li span.homeScreeningsDate span.month{
				font-size: 12px;
				line-height: 12px;
				display: block;
				}
.sp-legacy div.homeScreenings ul li span.time{
			display: block;
			height: 30px;
			width: 40px;
			padding: 5px;
			line-height: 16px;
			float: left;
			font-size: 13px;
			overflow: hidden;
			border-right: 2px solid;	
			}
.sp-legacy div.homeScreenings ul li span.homeScreeningsVenue{
			display: block;
			height: 30px;
			width: 135px;
			padding: 5px;
			line-height: 16px;
			float: left;
			font-size: 13px;
			}
.sp-legacy #div.homeScreenings ul li span.homeScreeningsVenue strong{
				display: block;
				width: 300px;
				}
.sp-legacy ul.featured_products{
	list-style: none !important;
	margin: 20px auto 20px auto;
	width: 100%;
	text-align: center;
	}
.sp-legacy ul.featured_products li{
		width:375px;
		padding: 40px;
		margin: 0 0 20px 0;
		display: inline-block;
		text-align: center;
		-webkit-border-radius: 19px;
		-moz-border-radius: 19px;
		border-radius: 19px;
		vertical-align: middle;
		}
.sp-legacy ul.featured_products.size1 li{
			width:300px;
			padding: 10px;
			margin: 0 0 5px 0;
			}
.sp-legacy ul.featured_products.size1 li img{
				max-width: 390px;
			}
.sp-legacy ul.featured_products.size2 li{
			width:300px;
			padding: 10px;
			margin: 0 0 5px 0;
			}
.sp-legacy ul.featured_products.size2 li img{
				max-width: 290px;
			}
.sp-legacy ul.featured_products.size3 li{
			width:250px;
			padding: 10px;
			margin: 0 0 5px 0;
			}
.sp-legacy ul.featured_products.size3 li img{
				max-width: 240px;
			}
.sp-legacy ul.featured_products li h2{
				font-size: 32px;
				line-height: 1;
				}
.sp-legacy ul.featured_products a.button.reversed{
				padding: 5px 45px;
				font-size: 20px;
			}
.sp-legacy ul.featured_products li p{
				padding-top: 15px;
			}
.sp-legacy ul.blockList li{
	display: block;
	width: 180px;
	height: 136px;
	float: left;
	padding: 5px;
	margin: 0 0 15px 104px;
	}
.sp-legacy ul.blockList li a p{
		font-size: 17px;
		padding: 4px 0 0 0;
		}
.sp-legacy ul.blockList li a p.last{
			font-size: 11px !important;
			}
.sp-legacy ul.blockList li p strong.price{
			display: inline;
			font-weight: bold;
			}
.sp-legacy ul.blockList li img, .sp-legacy ul.blockList li div.icon{
		float: left;
		margin-left: -104px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		width: 92px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.48);
    	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.48);
    	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.48);
		}
.sp-legacy ul.blockList li div.icon{
			display: inline-block;
			text-align: center;
			font-size: 13px;
			padding: 5px 0;
			}
.sp-legacy ul.blockList li a span.watchType{
			display: inline-block;
			font-size: 9px !important;
			min-width: 35px;
			text-align: center;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			text-transform: uppercase;
			padding: 0 6px;
			margin-right: 4px;
			}
.sp-legacy .sp-body#Shop div.product-image{
	float: left;
	width: 33%;
	min-width: 210px;
	margin-right: 15px;
	}
.sp-legacy .sp-body#Shop.details div.product-image img{
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		width: 100%;
		}
.sp-legacy .sp-body#Shop.details div.shopContent div#product_rights a.redirectButton{
	margin-right: 5px;
	padding: 3px 5px;
	font-family: inherit;
	border: 0;
	height: 22px;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	}
.sp-legacy .sp-body#Shop div.shopContent{
	float: left;
	width: unset;
	text-align: center;
	margin: 0 10px 10px 0;	
	}
.sp-legacy .sp-body#Shop div#product_rights, .sp-legacy .sp-body#Shop div#product_rights form{
	width: 180px;
	}
.sp-legacy .sp-body#Shop div.countrySelector{
	margin: 0 0 10px;
	padding: 0;
	}
.sp-legacy .sp-body#Shop.details h2{
	}
.sp-legacy .sp-body#Shop.details p.price, .sp-legacy .sp-body#Shop.details p.login{
	font-size: 12px;
	font-weight: bold;
	width: 180px;
	float: left;
	}
.sp-legacy .sp-body#Shop.details p.price span.price{
		font-size: 25px;
		}
.sp-legacy .sp-body#Shop.details p.login{	
	padding: 9px 0;
	font-family: inherit;
	border: 1px solid #fff;
	font-weight: bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	width: 180px;
	margin-top: 8px;
	}
.sp-legacy .sp-body#Shop.details p.price span.rrp strong{	
	text-decoration:line-through;
	font-weight: inherit;
	}
.sp-legacy .sp-body#Shop.details div.description{
	float: left;
	width:30%;
	min-width: 180px;
	}
.sp-legacy form button, .sp-legacy .button{
	margin-right: 5px;
	--padding: 3px 5px;
	
	font-family: inherit;
	border: 1px;
	font-weight: bold;
	--height: 22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.sp-legacy a.button.reversed{	
	margin-right: 5px;
	padding: 3px 5px;
	font-family: inherit;
	border: 0;
	height: 22px;
	font-size: 14px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	}
.sp-legacy form button{
	--float: left;
	}
.sp-legacy form button.big, .sp-legacy a.button.big{
	padding: 9px 15px;
	font-size: 12px !important;
	font-family: inherit;
	border: 1px;
	font-weight: bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	width: 180px;
	}
.sp-legacy div.content.payment{ 
	width: 380px;
	margin: 40px auto 0 auto;
	text-align: center;
	}
.sp-legacy div.content.payment form input[type=submit]{
	padding: 9px 15px;
	font-size: 18px !important;
	font-family: inherit;
	border: 1px;
	font-weight: bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	width: 180px;	
	}
.sp-legacy div.purchases{
	margin:0 0 45px;
	width:660px;
	}
.sp-legacy .purchases table{
		margin:0 0 25px;
		float: right;
		width: 100%;
		}
.sp-legacy .purchases table thead{
			line-height:1;
			text-transform:uppercase;
			font-size:14px;
			border-bottom:1px dotted #aaa;
			}
.sp-legacy .purchases table thead tr{ 
				border: none;
				}
.sp-legacy .purchases table th{
				padding:14px 15px;
				}
.sp-legacy .purchases table th.price{ 
					}
.sp-legacy .purchases table tr{
			border-bottom:1px dotted #aaa;
			}
.sp-legacy .purchases table td{
				padding:16px 0;
				text-align:center;
				}
.sp-legacy .purchases table tr:first-child td{
					padding-top:20px;
					}
.sp-legacy .purchases table .item{
						text-align:left;
						padding-right:10px;
						}
.sp-legacy .purchases table .item img{
							float:left;
							margin:0 18px 0 0;
							}
.sp-legacy .purchases table .item h6{
							padding-top:10px;
							padding-bottom:3px;
							text-transform:none;
							font-size:18px;
							font-style:italic;
							line-height: 1;
							}
.sp-legacy .purchases table .item h6 br{ 
								clear: none;
								}
.sp-legacy .purchases table .item p{
							padding:0;
							font-size: 11px;
							line-height: 1.3;
							}
.sp-legacy .purchases table tr td.qty{
						font-size:20px;
						}
.sp-legacy .purchases table tr td.price{
						font-size:20px;
						padding-left:10px;
						}
.sp-legacy .purchases table tr td.remove{
						font-size:10px;
						font-weight:bold;
						font-style:italic;
						padding-left:15px;
						padding-right:20px;
						white-space:nowrap;
						text-align:right;
						}
.sp-legacy .purchases dl{
		float:right;
		clear:both;
		line-height:24px;
		text-align: right;
		width: 300px;
		}
.sp-legacy .purchases dl.total{
			margin: 9px 0 38px;
			padding: 20px 0 22px;
			border-top:1px dotted #403f3f;
			border-bottom:1px dotted #403f3f;
			}
.sp-legacy .purchases dl dt{
				float:left;
				clear:left;
				text-align:left;
				font-size:16px;
				font-weight:bold;
				}
.sp-legacy .purchases dl.total dt{
					width:80%;
					font-size:22px;
					}
.sp-legacy .purchases dl dd{
				margin:0 0 0 150px;
				font-size:20px;
				}
.sp-legacy .purchases dl.total dd{
					text-align:right;
					font-size:25px;
					}
.sp-legacy .purchases div.delivery, .sp-legacy .purchases div.discount{ 
		border-top: 1px dotted #aaa;
		margin: 14px 0 0;
		padding: 12px 0 0;
		width: 100%;
		float: right;
		}
.sp-legacy .purchases div.delivery label{ 
			padding-right: 5px;
			}
.sp-legacy .purchases div.delivery select{ 
			width: 160px;
			}
.sp-legacy .purchases div.discount button{ 
			clear: none;
			padding: 0.4em 9px 0.5em 8px;
			width: 100px;
			height: 25px;
			display:inline-block;
			border: 0;
			}
.sp-legacy .purchases div.discount button:after{
				background: none transparent;
				}
.sp-legacy .purchases div.discount p{ 
				line-height: 1.2;
				}
.sp-legacy .purchases div.discount label, .sp-legacy .purchases div.discount input{
				display:inline-block;
				height: 14px;
				}
.sp-legacy .purchases div.discount label{
					margin-bottom:0;
					text-align:left;
					width: 140px;
					}
.sp-legacy .purchases div.discount .hover-wrap{ 
					width: 300px;
					left: 62px;
					top: 4px;
					}
.sp-legacy .purchases div.discount .hover-wrap label{
							position: absolute;
							top: 2px;
							left: 191px;
							}
.sp-legacy ul.links{
		float:right;
		clear:both;
		padding:0;
		list-style:none;
		}
.sp-legacy ul.links li{
			float:left;
			margin:0 0 0 28px;
			font-size:14px;
			font-weight:bold;
			}
.sp-legacy .sidebar ul.links li{
				margin:0;
				}
.sp-legacy ul.links li.continue, .sp-legacy ul.links li.checkout{ 
				padding-top: 4px;
				}
.sp-legacy ul.links li.continue a, .sp-legacy ul.links li.checkout a{
					font-weight: bold;
					font-size: 24px;
					}
.sp-legacy ul.links li.continue a{
					}
.sp-legacy ul.links li.checkout a{
					}
.sp-legacy .sidebar ul.links li.continue a, .sp-legacy .sidebar ul.links li.checkout a{
						line-height:24px;
						font-size:13px;
						font-weight:normal;
						}
.sp-legacy .column.contact{
	width:615px;
	}
.sp-legacy .column.contact.first{
		width:270px;
		}
.sp-legacy .column.contact.first p{
			padding:0 0 30px;
			line-height:1.2;
			font-size:18px;
			color:#3d3d3d;
			}
.sp-legacy .column.contact.first p+ul{
			line-height:1.1;
			font-size:15px;
			}
.sp-legacy .column.contact.first p+ul li a{
				text-decoration:none;
				}
.sp-legacy .column.contact.first h3{
			clear:both;
			padding:0 0 4px;
			font-size:13px;
			color:#502b28;
			}
.sp-legacy .column.contact.first h3 + ul li{
			padding:0 0 5px;
			line-height:1.2;
			}
.sp-legacy .column.contact.first ul{
			padding:0;
			list-style:none;
			}
.sp-legacy .column.contact h4{
			padding:0 0 10px;
			font-size:14px;
			}
.sp-legacy div.homeScreenings{
	padding-bottom: 35px;
	}
.sp-legacy div.homeScreenings ul{
	padding: 0;
	margin: 0;
	}
.sp-legacy div.homeScreenings ul li{
		width: 48%;
		margin: 0 1% 5px 0;
		padding: 0;
		float: left;
		background-color: #eee;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		}
.sp-legacy div.homeScreenings ul li a:hover{
			text-decoration: none;
			}
.sp-legacy div.homeScreenings ul li div.fb_iframe_widget{
			width: 64px;
			margin: 10px 0 0 4px;
			float: right;
			}
.sp-legacy div.homeScreenings ul li span.homeScreeningsDate{
			display: block;
			height: 30px;
			width: 30px;
			padding: 5px;
			border-right: 2px solid #fff;
			line-height: 18px;
			background-color: #ddd;
			float: left;
			text-align: center;
			font-size: 18px;
			color: #555;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-top-left-radius: 3px;
			border-bottom-left-radius: 3px;
			}
.sp-legacy div.homeScreenings ul li span.homeScreeningsDate span.month{
				font-size: 12px;
				line-height: 12px;
				display: block;
				}
.sp-legacy div.homeScreenings ul li span.time{
			display: block;
			height: 30px;
			width: 40px;
			padding: 5px;
			line-height: 16px;
			float: left;
			font-size: 13px;
			color: #555;
			overflow: hidden;
			border-right: 2px solid #fff;	
			}
.sp-legacy div.homeScreenings ul li span.homeScreeningsVenue{
			display: block;
			height: 30px;
			width: 135px;
			padding: 5px;
			line-height: 16px;
			float: left;
			font-size: 13px;
			color: #555;
			overflow: hidden;	
			}
.sp-legacy div.homeScreenings ul li span.homeScreeningsVenue strong{
				display: block;
				width: 300px;
				}
.sp-legacy form.find-screening{
	width:100%;
	margin: 10px 0 15px;
	}
.sp-legacy form.find-screening legend{
	width: 16%;
	float: left;
	}
.sp-legacy form.find-screening label{
	display: none;
	}
.sp-legacy div.screenings{
	padding-bottom: 35px;
	clear: both;
	}
.sp-legacy form.add-to-basket{
	margin-top: 6px;
}
.sp-legacy ul.products li button, .sp-legacy form.add-to-basket button{
	display:inline-block;
	margin:5px 1px 10px 0;
	border: 0;
	}
.sp-legacy form.signup, .sp-legacy form#subForm, .sp-legacy form#mc-embedded-subscribe-form{
	position:relative;
	margin:0;
	line-height:1;
	width: 100%;
	padding: 12px 0;
	border: none !important;
	}
.sp-legacy .sp-body#Home .label-left{ clear: none; }
.sp-legacy form.films-search{
	position:relative;
	height:134px;
	margin:0 0 32px;
	padding:15px 0 0 17px;
	}
.sp-legacy form.films-search fieldset{
		float:left;
		}
.sp-legacy form.films-search h3{
		display: inline;
		position: relative;
		clear: both;
		top: 70px;
		}
.sp-legacy .sp-body#Films form.films-search h5{
		position: absolute;
		bottom:11px;
		right:192px;
		width: 700px;
		padding:0;
		text-align: right;
		font-size:16px;
		}
.sp-legacy .sp-body#Films form.films-search fieldset.txt{
		position:absolute;
		top:12px;
		bottom: auto;
		left:15px;
	}
.sp-legacy .sp-body#Films form.film-index fieldset.txt{
		float:left;
		}
.sp-legacy .sp-body#Films form.films-search fieldset.radio{
		position:absolute;
		top:11px;
		bottom: auto;
		left:250px;
	}
.sp-legacy .sp-body#Films form.film-index fieldset.radio{
		position:absolute;
		top:8px;
		bottom: auto;
		left:250px;
	}
.sp-legacy .sp-body#Shop form.films-search fieldset.txt{
		position:absolute;
		bottom:4px;
		left:15px;
		width:900px;
		}
.sp-legacy form.films-search fieldset.txt label{
			float:left;
			width:80px;
			height:23px;
			margin:0 20px 0 0;
			}
.sp-legacy .sp-body#Shop form.films-search fieldset.txt label{
				width:auto;
				height:auto;
				text-align:0;
				text-indent:0;
				text-transform:uppercase;
				letter-spacing:-1px;
				font-size:19px;
				font-weight:bold;
				background:none;
				}
.sp-legacy form.films-search fieldset.txt input{
			width:140px;
			}
.sp-legacy .sp-body#Shop form.films-search fieldset.txt input{
			float:left;
			width:580px;
			font-size:18px;
			}
.sp-legacy form.films-search fieldset.txt button{
			position:static !important;
			margin:-2px 0 0 6px;
			padding:3px 10px;
			line-height:1;
			border:none;
			box-shadow:inset 0 0 4px rgba(0,0,0,.4);
			-moz-box-shadow:inset 0 0 4px rgba(0,0,0,.4);
			-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.4);
			}
.sp-legacy .sp-body#Shop form.films-search fieldset.txt button{
				float:right;
				padding:4px 22px;
				margin:0;
				}
.sp-legacy form.films-search fieldset.radio label{
			padding:0 0 0 20px;
			font-size:13px;
			}
.sp-legacy .sbtn, .sp-legacy .add-button, .sp-legacy ul.films ul.extra-links li.add-button a{
			position:absolute;
			top:15px;
			right:15px;
			padding:4px 22px;
			line-height:1;
			border:none;
			}
.sp-legacy .sbtn{
				position:static;
				padding:4px 34px;
				font-size:16px;
				}
.sp-legacy form.checkout .sbtn{
					display:block;
					margin:20px 0 0;
					}
.sp-legacy .add-button, .sp-legacy ul.films ul.extra-links li.add-button a{ 
				position:static;
				display:block;
				height:27px;
				padding:0 5px;
				line-height:27px;
				font-size:10px;
				}
.sp-legacy button.add-button{
					margin:15px 0;
					padding:4px;
					text-transform:uppercase;
					font-size:11px;
					}
.sp-legacy .add-button span.price{
					font-size:14px;
					}
.sp-legacy button.add-button span.price{
						padding:0 0 0 6px;
						font-size:16px;
						}
.sp-legacy form.films-category-select fieldset.select{
			border:medium none;
			position:absolute;
			right:26px;
			top:130px;
			}
.sp-legacy form.films-search fieldset.select select{
				margin:0 0 0 15px;
				}
.sp-legacy .sp-body#Courses.details form, .sp-legacy .comments form{
	clear:both;
	}
.sp-legacy .sp-body#Courses.details form{
		float:right;
		width:615px;
		padding:60px 0 0 20px;
		}
.sp-legacy .sp-body#Courses.details legend, .sp-legacy form.checkout legend, .sp-legacy .comments legend{
		margin:0 0 20px;
		font-size:13px;
		font-weight:bold;
		}
.sp-legacy .sp-body#Courses.details legend{
			font-size:16px;
			}
.sp-legacy .sp-body#Courses.details label, .sp-legacy .comments label{
		display:block;
		}
.sp-legacy .sp-body#Courses.details label.half{
			float:left;
			width:300px;
			}
.sp-legacy form.checkout label[for=different_postal_address]{
			display:inline-block;
			}
.sp-legacy form.checkout label.error{
			color:#f00;
			}
.sp-legacy .sp-body#Courses.details input, .sp-legacy .sp-body#Courses.details textarea, .sp-legacy .comments input, .sp-legacy .comments textarea{
		display:block;
		width:531px;
		margin:0 0 16px;
		padding:4px;
		border:none;
		font-size:16px;
		}
.sp-legacy .sp-body#Courses.details input{
			width:292px;
			margin-top:6px;
			}
.sp-legacy .sp-body#Courses.details textarea{
			width:607px;
			height:102px;
			}
.sp-legacy form.checkout select{
			}
.sp-legacy .sp-body#Blog ul#blog.results li div.titleBlock{
		width: 100%;
		float: left;
		padding: 0px;
		margin-bottom: 20px;
		text-transform: uppercase;
		line-height: 180%;
		}
.sp-legacy .sp-body#Blog ul#blog.results li ul.info{
		display: inline-block;
		list-style: none;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		line-height: 90%;
		}
.sp-legacy .sp-body#Blog ul#blog.results li ul.info li{		
		border-bottom: none;
		}
.sp-legacy .sp-body#Blog ul#blog.results li div{
		width: 61%;
		float: right;
		padding: 0px;
		margin: 0px;
		display: inline-block;
		}
.sp-legacy .sp-body#Blog ul#blog.results li{
	border-bottom: 1px dotted;
}
.sp-legacy .sp-body#Blog.details div.post{
	width: 80%;
}
.sp-legacy .sp-body#reviews ul#reviews.results, .sp-legacy .sp-body#Reviews ul#reviews.results{
		padding: 20px 40px;
		list-style: none !important;
		}
.sp-legacy .sp-body#reviews ul#reviews.results li, .sp-legacy .sp-body#Reviews ul#reviews.results li{
		margin-bottom: 30px;
		border-bottom: 2px solid;
		min-height: 190px;
		}
.sp-legacy .sp-body#reviews ul#reviews.results li div.titleBlock, .sp-legacy .sp-body#Reviews ul#reviews.results li div.titleBlock{
		width: 100%;
		padding: 0px;
		text-transform: uppercase;
		line-height: 180%;
		clear: both;
		}
.sp-legacy .sp-body#reviews ul#reviews.results li p, .sp-legacy .sp-body#Reviews ul#reviews.results li p{
		width: 100%;
		}
.sp-legacy .sp-body#reviews ul#reviews.results li h5, .sp-legacy .sp-body#Reviews ul#reviews.results li h5{
		width: 100%;
		font-size: 15px;
		}
.sp-legacy .sp-body#reviews ul#reviews.results li ul.info, .sp-legacy .sp-body#Reviews ul#reviews.results li ul.info{
		display: inline-block;
		list-style: none !important;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		line-height: 90%;
		}
.sp-legacy .sp-body#reviews ul#reviews.results li ul.info li, .sp-legacy .sp-body#Reviews ul#reviews.results li ul.info li{		
		border-bottom: none;
		list-style: none !important;
		margin-bottom: 0;
		width: 100%;
		min-height: 0;
		}
.sp-legacy div.sidebar{
	float: right;
	width: 18%;
	}
.sp-legacy div.sidebar ul{
		list-style: none;
		padding: 0;
		margin: 0;
		}
.sp-legacy .contentInner{
			float: left;
			width: 80%;
			}
@media screen and (max-width: 768px) {.sp-legacy .wrapper{
	width: 100%;
	}
.sp-legacy .header, .sp-legacy .footer{
		width: 100%;
	}
.sp-legacy .content{
		position:relative;
		min-height:intrinsic;
		padding: 20px;
		font-size:1.2em;
		overflow: hidden;
		width: auto;
		}
.sp-legacy .contentInner{
			float: none;
			width: 100%;
			}
.sp-legacy img{
	max-width: 100%;
	height: auto;
}
.sp-legacy .footer img{
	width: 100%;
	max-width: 960px;
}
.sp-legacy .footer ul img{
	width: auto;
}
.sp-legacy .sp-body#Home div.descriptionWrapper{
	width: 100%;
}
.sp-legacy .sp-body#Home div.trailerWrapper{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	height: 380px !important;
	}
.sp-legacy .sp-body#Home div.trailerWrapper img{
		display: block;
		margin: 0 auto 0 auto;
		}
.sp-legacy .sp-body#Home div.trailerWrapper iframe{
		width: 100%;
		height: 380px !important;
		padding: 0;
		}}
.sp-legacy .header{
	margin: 0 auto 0 auto;
	display: block !important;
	}
.sp-legacy .header a img{
		display: block;
		position: fixed;
		z-index: 9998;
		}
.sp-legacy .header h1{
		position: fixed;
		top: 0;
		z-index: 1000;
		vertical-align: middle;
		text-align: left;
		max-width: 50%;
		width: 50%;
		}
.sp-legacy .header h1 a{
			display:block;
			height:100%;
			text-decoration:none;
			outline:none;
			padding: 0;
			}
.sp-legacy div.nav{
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	margin: 0;
	z-index: 999;
	}
.sp-legacy .nav ul{
		padding: 0;
		text-align: right !important;
		margin: 0 0 0 auto;
		vertical-align: middle;
		max-width: 50%;
		width: 50%;
		}
.sp-legacy .nav ul li{
				display:inline-block;
				padding:5px 6px 0 6px;
				}
.sp-legacy .nav ul li a{
							display:inline-block;
							text-decoration:none;
							font-size: 15px;
							font-weight: normal;
							transition-duration: 500ms;
							-webkit-transition-duration: 500ms;
							}
.sp-legacy .nav ul li a:hover, .sp-legacy .navigation ul li.current a{
								}
.sp-legacy .nav ul li.current>a{
									cursor:default;
									}
.sp-legacy .content ul.nav{ 
			padding:0 0 30px;
			text-align:left;
			list-style:none;
			font-size: 18px;
			background-color: transparent;
			}
@media screen and (max-width: 768px) {.sp-legacy .header h1{
		padding: 0 5px;
		display: inline;
		width: 80% !important;
	}
.sp-legacy .nav{
		width: 100%;
	}
.sp-legacy .header a img, .sp-legacy .header h1, .sp-legacy .nav{
		position: absolute !important;
	}
.sp-legacy .nav ul li.mobileNav, .sp-legacy .sp-body.menuOn .nav ul li.mobileNav{
		display: block !important;
		text-align: right;
	}
.sp-legacy .nav ul li.mobileNav, .sp-legacy .sp-body.menuOn .nav ul li.mobileNav, .sp-legacy .sp-body.menuOn .nav ul li.mobileNav a{
		line-height: inherit !important;
	}
.sp-legacy .nav ul li{
		display: none;
	}
.sp-legacy .sp-body.menuOn .nav ul li, .sp-legacy .sp-body.menuOn .nav ul li ul li{
		display: block;
		line-height: normal;
		padding: 5px;
	}
.sp-legacy .sp-body.menuOn .nav li ul li a{
		padding-left: 10px;
	}
.sp-legacy .sp-body.menuOn .nav ul li a, .sp-legacy .sp-body.menuOn .nav ul li ul li a{
		line-height: normal;
	}
.sp-legacy .sp-body.menuOn .nav ul ul{
		display: block;
	}
.sp-legacy .sp-body.menuOn .nav li ul{
		background-color: inherit;
		left: auto;
		width: 100%;
	}
.sp-legacy .sp-body.menuOn .nav ul li ul{
		position: relative;
	}}
@font-face {
	font-family: "Gotham-Light";
	src: url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Light.eot");
	src: url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"),
         url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Light.woff") format("woff"), 
         url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Light.ttf") format("truetype"),
         url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Light.svg#Gotham-Light") format("svg");
	font-weight: normal;
	font-style: normal;
	}
.sp-legacy .sp-body{
		color: #ffffff;		font-family: "Gotham-Light";		color: #ffffff;
		
				background-color: #000000;
				
			}
.sp-legacy .sp-body#Home .background{ 
		background-image: url(/uploads/websites/774/);
		-moz-background-size:cover;
		background-size:cover;
		background-attachment: fixed !important;
		}
.sp-legacy .background{ 
		-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed !important;
	}
.sp-legacy .wrapper{ margin:0 auto 0 auto; }
.sp-legacy h1{	 
	text-transform: uppercase;	font-size:52px;	}
.sp-legacy h1, .sp-legacy h1 a{ 
	color: #ffffff;
	}
.sp-legacy h2, .sp-legacy h3, .sp-legacy h4, .sp-legacy h5, .sp-legacy h6{ 
	color: #999999; 
	text-transform: uppercase;	}
.sp-legacy a{ 
	color: #ffffff; 
	}
.sp-legacy p{ 
	font-family: "Gotham-Light"; 
	color: #ffffff;
	}
.sp-legacy input, .sp-legacy textarea{
	color: #ffffff;
	border: 1px #ffffff solid !important;
	background-color: #ffffff;
	}
.sp-legacy .button, .sp-legacy button, .sp-legacy .redirectButton, .sp-legacy .btn{
	color: #ffffff;
	background-color: #ffffff;
	}
.sp-legacy ::-webkit-input-placeholder{ color: #ffffff; opacity: 0.8; }
.sp-legacy :-moz-placeholder{ color: #ffffff; opacity: 0.8; }
.sp-legacy ::-moz-placeholder{ color: #ffffff; opacity: 0.8; }
.sp-legacy :-ms-input-placeholder{ color: #ffffff; opacity: 0.8; }
.sp-legacy .screening-widget .date{
 	color: #ffffff;
 	border-right: 1px solid #ffffff;
	}
.sp-legacy .limited .screening-widget{
	background: #000000;
	}
.sp-legacy .limited .screening-widget .date{
	background: #ffffff;
	color: #000000;
	}
.sp-legacy .limited .screening-widget .links:before{
	background: #ffffff;
	color: #000000;
	}
.sp-legacy .limited .screening-widget .links{
	background: #000000;
	}
.sp-legacy .sold-out .date:after{
	background: #ffffff;
	color: #000000;
	}
.sp-legacy .content, .sp-legacy .wrapper{ 
	max-width: 100%; 
	}
.sp-legacy .contentWrapper{
	background-color: rgba(255,255,255,0.9);
    zoom: 1;
	}
.sp-legacy .nav ul, .sp-legacy .footer ul{ 
	text-align: center 
	}
.sp-legacy .header h1{
		}
.sp-legacy #Home .header h1{ display: block; }
.sp-legacy .nav ul li a{font-size:14px;}
.sp-legacy .nav{
	min-height:60px;
	}
.sp-legacy .nav ul li a{
	line-height:55px;
	}
.sp-legacy .nav ul li ul li a{
	line-height: normal;
	}
.sp-legacy .header{ 
	height:60px;
	line-height:55px; 
	}
.sp-legacy .nav ul, .sp-legacy .header{ 
	max-width: 100%; 
	}
.sp-legacy .nav{
    background:rgb(0,0,0);
    background: transparent\	;
    background:rgba(0,0,0,1);
    zoom: 1;
}
@media screen and (max-width: 768px) {.sp-legacy .nav{
	background-color: #000000;
}}
.sp-legacy .footer{
    background:rgb(0,0,0);
    background: transparent\	;
    background:rgba(0,0,0,0.5);
    zoom: 1;
}
.sp-legacy .header:nth-child(n), .sp-legacy .footer:nth-child(n), .sp-legacy .nav:nth-child(n){ filter: none; }
.sp-legacy .nav li ul{
	background-color: rgba(0,0,0,1);
	}
.sp-legacy ul.featured_products li{
	background-color: #000000	}
.sp-legacy .nav a, .sp-legacy .footer ul li a, .sp-legacy .footer ul li{ 
	color: #ffffff;
	text-transform: uppercase; 
	}
.sp-legacy span.bg_caption{
	background:rgba(0,0,0,1);
	color: #ffffff;
	top: 60px;
	}
.sp-legacy div#share, .sp-legacy div#embed, .sp-legacy div#follow{ background-color: #000000;	color: #ffffff;
}
.sp-legacy #sb-body, .sp-legacy #sb-loading{
	background-color: #ffffff;	
}
.sp-legacy #share_box h5{
	color: #ffffff;
	background-color: #000000;
	}
.sp-legacy .header-top-news{
	color: #ffffff;
	background-color: #ffffff;
	}
.sp-legacy .header-top-news p{
	color: #ffffff;
	}
.sp-legacy .nav a:hover{ color:#8a8a8a	}
@font-face {
	font-family: "Gotham-Medium";
	src: url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Medium.eot");
	src: url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
         url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Medium.woff") format("woff"),
         url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Medium.ttf") format("truetype"),
         url("https://cdn.assemble.me/assets/shared/fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
	font-weight: normal;
	font-style: normal;
	}
.sp-legacy h1, .sp-legacy h2, .sp-legacy h3, .sp-legacy h4, .sp-legacy h5, .sp-legacy h6, .sp-legacy div.nav, .sp-legacy .button.large, .sp-legacy .button.giant, .sp-legacy .btn, .sp-legacy ul.header-top-shop{ font-family: "Gotham-Medium";}
.sp-legacy div.content p.watchTrailer, .sp-legacy p.watchFilm, .sp-legacy div#nav{ 
	color: #ffffff; 
	background-color: #000000; 
	}
.sp-legacy div.content div.watchButtons.single p.watchTrailer{ 
	background-color: #ffffff;
	}
.sp-legacy div.content div.watchButtons.single p.watchTrailer a{ 
		color: #000000; 
	}
.sp-legacy div#nav ul li a{ 
	color: #ffffff; 
	}
.sp-legacy div.frame{
		border-color: #000000;
	
		}
.sp-legacy .sp-body.index div.frame{		
				}
.sp-legacy div#nav ul li.current a{
	color:#000000;
	background-color: #ffffff; }
.sp-legacy a.embed_button, .sp-legacy a.watch_button, .sp-legacy a.basket_button, .sp-legacy a.checkout_button, .sp-legacy div#nav ul li a, .sp-legacy ul.blockList li div.icon, .sp-legacy ul.blockList li a span.watchType, .sp-legacy ul.shopNav li.current a{
	background-color:#000000;
	color: #ffffff; }
.sp-legacy div.helpBar, .sp-legacy div.helpBar p{
	color: #ffffff ;
	background-color:#ffffff;
}
.sp-legacy ul.blockList li a{
	color: #ffffff ;
	}
.sp-legacy ul.blockList li{ border-left-color: #ffffff; }
.sp-legacy .vscrollerbar{background-color: #000000;}
.sp-legacy .hscrollerbar{background-color: #000000;}
.sp-legacy .footer .mailinglistModule{
    display:none;
}
.sp-legacy p{
  font-size: 15px;
}
.sp-legacy #anatomy h4{
    display: none;
}
.sp-legacy h1, .sp-legacy h2, .sp-legacy h3, .sp-legacy h4, .sp-legacy h5, .sp-legacy h6, .sp-legacy div.nav, .sp-legacy .button.large, .sp-legacy .button.giant, .sp-legacy .btn, .sp-legacy ul.header-top-shop, .sp-legacy .filmTitle{
  font: "Gotham-Medium"!important;
}
.sp-legacy .header h1 a:hover{
  color: #8a8a8a;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
}
.sp-legacy li.searchForm{
  display: none!important;
}
.sp-legacy .nav ul{
  text-align: left!important;
}
.sp-legacy .nav ul li a{
  line-height: 50px;
  vertical-align: text-top;
  margin: 10px 5px 0 5px;
  padding-bottom: 10px;
}
.sp-legacy div.slide .infoBlock h3{
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.sp-legacy div.slide.active .infoBlock h3{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;
}
.sp-legacy .hd-flag{
    display:none;
}
.sp-legacy a{
  text-decoration: underline!important;
}
.sp-legacy #assembleLink, .sp-legacy .header a, .sp-legacy .infoBlock h3 a, .sp-legacy .films li h3 a, .sp-legacy #Home ul.productions-grid li > a, .sp-legacy #gallery .galleryModule a{
  text-decoration: none!important;
}
.sp-legacy .contentWrapper{
  background: #000;
}
.sp-legacy #events .contentWrapper > .section, .sp-legacy #interviews-print .contentWrapper > .section{
  padding: 0 45px 50px;
}
.sp-legacy .header h1{
  line-height: 41px;
  min-height: 30px;
  height: 30px;
  margin-bottom: 15px;
  padding-bottom: 0;
  position: relative;
  float: left;
  margin-right: 25px;
  width: auto;
}
.sp-legacy div.nav{
  background: none;
  position: relative;
}
.sp-legacy .nav ul, .sp-legacy .footer ul, .sp-legacy .header h1{
  text-align: left;
}
.sp-legacy .nav .social-icons{
    
}
.sp-legacy .headerText a{
  color: #FFFFFF;
  padding: 0 0 0 45px!important;
}
.sp-legacy li.home{
  padding-left: 0!important;
}
.sp-legacy div.nav > ul{
  margin: 0 45px;
  width: auto;
}
.sp-legacy .nav ul li{
  font-weight: bold;
}
.sp-legacy .content{
  padding: 0 45px 50px;
}
.sp-legacy .background{
  display: block;
}
.sp-legacy .header{
  height: 100px;
}
.sp-legacy #Home .header{
  position: relative;
  width: 100%;
  z-index: 9999;
  background: #000;
}
.sp-legacy #Home .nav ul:not(ul){
  background: transparent;
}
.sp-legacy .headerText{
  margin-top: 30px;
}
.sp-legacy .header a img{
  margin: 10px auto 0 auto;
  right: 0;
  left: 0;
  position: fixed;
  z-index: 999999;
  height: 100px;
}
.sp-legacy .headerText a{
  color: #FFF;
  padding: 0 0 0 45px!important;
}
.sp-legacy .nav > ul{
  border: none;
}
.sp-legacy #Home .content{
  padding: 0;
}
.sp-legacy #Home #slider{
  height: 90vh;
}
.sp-legacy #Home .col:first-child{
  margin-top: 0;
}
.sp-legacy #Home .infoBlock{
  background: #000;
}
.sp-legacy #Home .infoBlock p, .sp-legacy #Home .mSPages, .sp-legacy #Home .productionsModule h4{
  display: none;
}
.sp-legacy #Home .productionsModule:last-child .filmTitle{
  visibility: hidden;
  padding-top: 140px;
}
.sp-legacy #Home .footer{
  display: none;
}
.sp-legacy #Home ul.productions-grid li{
  width: 290px!important;
  height: 250px!important;
  position: relative;
}
.sp-legacy #Home ul.productions-grid li:nth-child(even){
  margin: 0 42px 50px;
}
.sp-legacy #Home ul.productions-grid{
  text-align: center;
}
.sp-legacy div.shopModule-two ul{
  text-align: left;
}
.sp-legacy div.shopModule-two ul li a{
  display: block;
}
.sp-legacy #Home .productionsModule .button{
  background-color: transparent!important;
  border: 2px solid rgba(255, 255, 255, 0.75);
  padding: 1em!important;
  margin-top: 12px;
  text-align: center;
}
.sp-legacy #Home h3 a{
  margin-left: 30px;
}
.sp-legacy #Home ul.productions-grid li > a{
  background: none!important;
  text-align: center!important;
  position: absolute;
  height: auto;
  left: 0;
  right: 0;
  bottom: -55px;
  background: rgba(0, 0, 0, 0.54);
  display: inline-block;
}
.sp-legacy #Home ul.productions-grid li:hover > a:hover{
  background: rgba(0, 0, 0, 0.5)!important;
  text-align: center;
}
.sp-legacy #Home ul.productions-grid li:hover > a{
  background: none!important;
  text-align: center;
}
.sp-legacy #Home ul.productions-grid li > a:hover{
  bottom: 0;
}
.sp-legacy #Home .productions-grid li:hover > a:hover .filmTitle{
  display: block!important;
  visibility: visible!important;
}
.sp-legacy ul.productions-grid li a span.filmTitle{
  line-height: 1.4em;
}
.sp-legacy ul.info.clearfix{
  padding: 0;
}
.sp-legacy .footer .mailer, .sp-legacy .user_profile_screen .vimeo_login_box, .sp-legacy .user_profile_screen .assemble_login_box{
  display: none;
}
.sp-legacy .mailer{
  display: block;
}
.sp-legacy .mailer h2{
  padding: 0 40px;
}
.sp-legacy .user_profile_screen div.mailinglistModule input[type=text]{
  padding: 1%!important;
  display:block;
  margin:0 auto 10px;
}
.sp-legacy #sb-body{
  background-color: #000;
}
.sp-legacy #sb-body div.mailinglistModule button.button{
  margin: 0 0 5px;
  position: relative;
}
.sp-legacy li.clearfix{
  font-size: 13px;
}
.sp-legacy .blogModule ul{
  padding-left: 0;
}
.sp-legacy .blogModule .info li{
  display: inline-block;
  margin-right: 20px;
  font-size: 11px;
  font-style: italic;
}
.sp-legacy .comments{
  display: none;
}
.sp-legacy .film-bar li a img{
  width: 100%;
}
.sp-legacy #films .content{
  padding: 0 45px 50px 45px;
}
.sp-legacy #films ul.films li:nth-child(3n/**/+1){
  clear: left;
}
.sp-legacy img.prodDetails{
  width: 100%;
}
.sp-legacy .productionsModule h4{
  font-size: 36px;
}
.sp-legacy #films ul.films li .FilmDesc{
  display: none;
}
.sp-legacy .film-bar li a img:hover{
  opacity: 0.5;
  transition-duration: 700ms;
}
.sp-legacy #slider .frame .mSCover img{
  margin-top: 0!important;
}
.sp-legacy .prodStage{
  display: none;
}
.sp-legacy .film-detail .col.span_12:first-child{
  margin: 0;
}
.sp-legacy #Productions.details .summary h3{
  margin-top: 5px;
}
.sp-legacy #Productions.details .shopModule-two:first-of-type #shop-item1, .sp-legacy #Productions.details .shopModule-two:nth-of-type(3), .sp-legacy #Productions.details .shopModule-two:nth-of-type(3), .sp-legacy #Productions.details .prodDetails ~ br, .sp-legacy #Productions a.button .icon{
  display: none;
}
.sp-legacy #Productions.details .shopModule-two:first-of-type #shop-item0{
  padding: 0;
}
.sp-legacy #Productions a.button{
  display: block;
  max-width: 115px;
}
.sp-legacy #Productions a.button.large, .sp-legacy #Productions.details .shopModule-two:first-of-type{
  display: inline-block;
  max-width: 185px;
  text-transform: uppercase;
}
.sp-legacy ul.products li{
  text-align: left;
}
.sp-legacy #Productions div.group .galleryModule ul.pressCompact li a{
  min-height: 150px !important;
  height: 150px !important;
}
.sp-legacy dl.cast{
  float: none;
}
.sp-legacy dl.cast dt{
  min-width: 90px;
  opacity: 0.7;
  vertical-align: top;
}
.sp-legacy dl.cast dd{
  line-height: 1.5;
}
.sp-legacy #sp-ark .span_4 img{
  width: 100%!important;
  height: auto!important;
}
.sp-legacy #about div[content_id="1"] img{
  width: 100%!important;
  height: auto!important;
}
.sp-legacy #gallery .galleryModule h2{
  display: none;
}
.sp-legacy .contentInner{
  width: 65%;
}
.sp-legacy li.date{
  margin-right: 2px!important;
}
.sp-legacy #events .textModule p img, .sp-legacy #sp-ark .textModule p img, .sp-legacy #cv .textModule p img{
  width: 100%!important;
}
.sp-legacy #cv .textModule p img{
  margin: 0!important;
}
.sp-legacy a.button, .sp-legacy .button, .sp-legacy button, .sp-legacy a.redirectButton{
  color: #000;
}
.sp-legacy #Home a.button, .sp-legacy #Home .button, .sp-legacy #Home button, .sp-legacy #Home a.redirectButton{
  color: #FFF;
}
.sp-legacy .content li{
  list-style: none;
}
.sp-legacy .blogModule h2 :not(.titleBlock h2){
  text-align: center;
}
.sp-legacy .blogModule ul li h2{
  font-size: 23px;
  line-height: 1;
}
.sp-legacy .blogModule ul li h2 a{
  text-decoration: none;
}
.sp-legacy #Blog .content img, .sp-legacy .blogModule img{
  max-width: 45%;
  float: left;
  margin-right: 25px;
}
.sp-legacy .blogModule img{
  margin-bottom: 45px;
}
.sp-legacy .blogModule li.clearfix{
  overflow: hidden;
  font-size: 15px;
  margin-bottom: 35px;
  padding: 0;
}
.sp-legacy .blogModule li.date{
  padding-right: 25px;
}
.sp-legacy .blogModule li.date, .sp-legacy .blogModule li.category{
  font-size: large;
  margin-top: 20px;
}
.sp-legacy .blogCategoriesModule h5{
  display: none;
}
.sp-legacy .blogCategoriesModule a{
  font-size: 18px;
}
.sp-legacy .blogCategoriesModule .navigationBlog{
  padding-left: 0;
}
.sp-legacy #Blog .section .span_8 + .span_4{
    display:none;
}
.sp-legacy input::-webkit-input-placeholder{
  color: #000;
}
.sp-legacy input::-moz-placeholder{
  color: #000;
}
.sp-legacy input:-moz-placeholder{
  color: #000;
}
.sp-legacy input:-ms-input-placeholder{
  color: #000;
}
.sp-legacy .nav form#navSearch input[type=text]{
  width: 140px;
}
.sp-legacy input[type=submit]{
  background: none;
  color: #FFF!important;
}
.sp-legacy input, .sp-legacy textarea{
  color: #000!important;
}
.sp-legacy .mailinglistModule button{
  color: #000!important;
}
.sp-legacy textarea#message, .sp-legacy #humanVerification{
  margin-left: -4px;
}
.sp-legacy #Organise_a_Screening h2, .sp-legacy .contactWrapper h4{
  text-align: center;
  border-bottom: 1px solid #565656;
  margin: 40px 0;
  font-size: 1.9em;
}
.sp-legacy fieldset button{
  display: block;
  padding: 10px;
  color: #FFF;
  background: #000;
  font-size: 15px;
  border: 1px solid #FFF!important;
  float: none;
  margin: 15px auto!important;
}
.sp-legacy button:hover{
  opacity: 0.85;
}
.sp-legacy #Organise_a_Screening fieldset, .sp-legacy .contactWrapper fieldset{
  float: none;
  width: 80%;
  margin: 0 auto;
}
.sp-legacy .label-right label{
  margin-left: 15px;
}
.sp-legacy .label-right input{
  left: 0;
}
.sp-legacy #Organise_a_Screening  input, .sp-legacy #Organise_a_Screening  select, .sp-legacy #Contact input, .sp-legacy #Contact select, .sp-legacy #Contact textarea{
  margin: 0 0 15px 0;
}
.sp-legacy .label-left{
  padding: 0;
}
.sp-legacy .label-left label{
  display: block!important;
  text-align: left;
  width: 100%;
  margin: 0.5em 0;
}
.sp-legacy fieldset [type=text], .sp-legacy fieldset [type=password], .sp-legacy fieldset textarea{
  width: 100%!important;
}
.sp-legacy #past-events .textModule{
  padding: 35px 0;
  border-bottom: 1px solid #383838;
}
.sp-legacy #past-events .textModule:last-child{
  border: none;
}
.sp-legacy #past-events .textModule:first-child{
  padding: 0 0 35px;
}
.sp-legacy #interviews-print .textModule{
  height: 700px;
  max-height: 700px;
}
.sp-legacy #interviews-print div[content_id="1"] .textModule:first-child{
  height: auto;
}
.sp-legacy #interviews-print div[content_id="2"] .textModule img{
  height: auto;
  width: 100%;
  max-height: 685px;
}
.sp-legacy a.linker{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  font-size: 0;
}
.sp-legacy div.group .galleryModule ul.pressCompact li a{
  min-height: 350px!important;
}
.sp-legacy .footer ul{
  text-align: center;
}
.sp-legacy .footer ul li{
  padding: 10px 0 10px 12px;
}
.sp-legacy .footer .retweet, .sp-legacy .footer .facebook{
  display: none;
}
.sp-legacy #about div.group .galleryModule ul.pressCompact li a{
  min-height: 80px !important;
  height: 80px !important;
}
body {
  font: 62.5%/1.6 'Lucida Grande', Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    line-height: 1.6;
    font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
  color: #000;
}



@media (min-width:769px) {.sp-legacy #slider .mSButtons{
    height: 40px!important;
    bottom: 35px;
    top: auto;
  }
.sp-legacy #slider .mSPrev{
    right: 65px;
    left: auto;
  }
.sp-legacy .nav li ul{
    padding-bottom: 10px;
  }
.sp-legacy .header h1, .sp-legacy #Home .infoBlock h3 a{
    font-size: 50px!important;
  }
.sp-legacy fieldset button{
    margin: 15px auto;
    float: none;
  }
.sp-legacy li.assemble{
    margin-right: 30px;
  }
.sp-legacy h3.hi{
    height: 43px;
  }
.sp-legacy div.group .galleryModule ul.gallery li img{
    height: 330px;
  }}
@media (min-width:1100px) {.sp-legacy .nav li ul{
    background-color: rgba(104, 104, 104, 1) !important;
    }}
@media (max-width:1024px) and (min-width:769px) {.sp-legacy .header h1{
    font-size: 32px!important;
    line-height: 55px;
  }
.sp-legacy #interviews-print .textModule{
    height: 470px;
    max-height: 470px;
  }
.sp-legacy #interviews-print div[content_id="3"]{
    width: 60%;
  }}
@media (max-width:1100px) {.sp-legacy .nav ul li{
    display: none;
  }
.sp-legacy .nav ul li.mobileNav, .sp-legacy .sp-body.menuOn .nav ul li.mobileNav{
    display: block !important;
    text-align: right;
  }
.sp-legacy div.nav{
    background: #000;
  }
.sp-legacy div.nav > ul{
    border-top: 1px solid #747474;
    margin: 0;
    background: #000;
  }
.sp-legacy .mobileNav a{
    padding-right: 45px;
  }
.sp-legacy .menuOn .nav ul{
    background: #000;
    max-width: 90%;
    margin: 0 auto;
  }
.sp-legacy .menuOn .nav ul li a{
    margin: 5px 45px 0 5px;
    line-height: 20px;
    padding: 0;
  }
.sp-legacy .menuOn .mobileNav a{
    margin: 0!important;
  }
.sp-legacy .menuOn .nav ul li ul li a{
    padding-left: 10px;
  }
.sp-legacy .menuOn .nav ul li ul li ul li a{
    padding-left: 35px;
  }
.sp-legacy .sp-body.menuOn .nav ul li.searchForm{
    float: left;
    margin: 0;
    width: 100%;
    border-top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.21);
    padding: 15px 0 15px 45px;
  }
.sp-legacy .sp-body.menuOn .nav ul li, .sp-legacy .sp-body.menuOn .nav ul li ul li{
    display: block;
    line-height: normal;
    padding:5px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.21);
  }
.sp-legacy .sp-body.menuOn .nav ul ul{
    display: block;
  }
.sp-legacy .sp-body.menuOn .nav ul li ul{
    position: relative;
    padding: 0;
    background-color:transparent;
    margin:0;
    width:100%;
  }
.sp-legacy .sp-body.menuOn .nav li ul{
    background-color: inherit;
    left: auto;
    max-width: 100%;
  }
.sp-legacy .sp-body.menuOn .mobileNav{
    margin-top: 40px;
    border: none!important;
  }
.sp-legacy .nav ul li.films{
    margin-top: 25px;
  }
.sp-legacy #Home h3 a{
    margin-left: 0;
  }
.sp-legacy .col{
    width: 100%;
  }
.sp-legacy #about div[content_id="1"] img{
    width: 315px!important;
    display: block;
    margin: 0 auto;
  }
.sp-legacy #films .content{
    padding: 0 0 50px;
  }
.sp-legacy ul.films li{
    width: 100%;
    margin-right: 0;
    clear: none;
  }
.sp-legacy .productionsModule h4{
    font-size: 30px;
  }
.sp-legacy #interviews-print .col{
        float:none;
    }
.sp-legacy #interviews-print .textModule, .sp-legacy #interviews-print div[content_id="2"] .textModule img{
        height:auto;
        max-height:none;
    }
.sp-legacy #Contact div[content_id="2"] .textModule, .sp-legacy fieldset.label-left p:first-child{
    text-align: center;
  }
.sp-legacy .contactWrapper button{
    float: none!important;
  }}
@media (max-width:767px) {.sp-legacy .content, .sp-legacy .wrapper, .sp-legacy .header{
    max-width: 95%;
  }
.sp-legacy #Home ul.productions-grid li:nth-child(even), .sp-legacy #Home ul.productions-grid li{
    margin: 0 auto 50px;
  }
.sp-legacy .headerText a{
    padding: 15px 0 0 0!important;
  }
.sp-legacy #Home .header, .sp-legacy .header{
    height: 60px;
    z-index: 10;
    background: #000;
  }
.sp-legacy #Home .header h1, .sp-legacy .header h1{
    min-height: 35px;
    height: 45px;
    font-size: 35px;
    margin-top: 0;
    padding: 0;
  }
.sp-legacy div.nav{
    position: absolute!important;
    top: 20px!important;
    line-height: 9px;
  }
.sp-legacy div.nav > ul{
    padding: 0 10px;
    border-top: none;
    margin: 40px 0 0 0;
    background: #000;
  }
.sp-legacy .nav ul li.films{
    margin-top: 45px;
  }
.sp-legacy .menuOn .nav ul{
    max-width: 100%;
    padding: 0;
  }
.sp-legacy #Home .nav ul li a, .sp-legacy .nav ul li a{
    line-height: 16px!important;
    padding-bottom: 5px;
  }
.sp-legacy .menuOn .nav ul li a{
    margin: 5px 0px 0 5px;
    padding-left: 0;
  }
.sp-legacy .nav ul li a.switch{
    margin: 0;
    padding-right: 0;
  }
.sp-legacy .sp-body.menuOn .mobileNav{
    margin-top: 0;
  }
.sp-legacy .sp-body.menuOn .nav ul li{
    padding-left: 0!important;
  }
.sp-legacy .nav ul li.mobileNav, .sp-legacy .showNav .nav ul li.mobileNav{
    position: absolute;
    top: 0;
    right: 5px;
    left: auto!important;
    z-index: 5;
    text-align: right;
  }
.sp-legacy #Home .content, .sp-legacy .content, .sp-legacy .header{
    padding: 10px 0 0 0;
  }
.sp-legacy .menuOn .mightyslider_modern_skin .mSButtons{
    z-index: 1!important;
  }
.sp-legacy div.group .galleryModule ul.pressCompact li a{
    min-height: 200px!important;
  }
.sp-legacy #Home .infoBlock h3{
    padding: 10px;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
  }
.sp-legacy .mailer h2{
    padding: 0;
    font-size: 18px;
  }
.sp-legacy #sb-body div.mailinglistModule button.button{
    padding: 4px 5px;
  }
.sp-legacy .footer ul li.retweet, .sp-legacy .footer ul li.facebook{
    margin: 10px auto;
    padding: 5px 0;
    display: block;
  }}
@media (max-width:500px) {.sp-legacy #Home .header h1, .sp-legacy .header h1{
    max-width: 75%;
    font-size: 24px!important;
  }
.sp-legacy #Home #slider{
    height: 70vh;
  }
.sp-legacy #Blog .content img, .sp-legacy .blogModule img{
    max-width: 300px;
  }
.sp-legacy #events .content iframe{
    height: 220px!important;
  }}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {.sp-legacy #Home #slider{
    height: 80vh;
  }
.sp-legacy #Home .infoBlock h3 a{
    font-size: 32px!important;
    padding: 0 0 0 25px;
  }
.sp-legacy .sp-body.menuOn .nav ul li ul{
    margin: 0;
  }}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {.sp-legacy #Home .infoBlock h3 a{
    padding: 0 0 0 60px;
  }
.sp-legacy .nav ul li a{
    line-height: 40px;
  }
.sp-legacy .sp-body.menuOn .mobileNav, .sp-legacy .nav ul li.films{
    margin-top: 0;
  }}
.sp-legacy .sp-body > .contentWrapper{display:block!important;width:100%}

/* === Legacy-style inline menu (Viktor, 2026-09-30) === */
@media (min-width: 900px){
 header.header{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:100px!important;min-height:0!important;box-sizing:border-box;padding:0 45px!important;background:#000!important;position:relative}
 header.header h1.headerText{position:static!important;transform:none!important;margin:0 30px 0 0!important;font-size:48px!important;line-height:1!important;padding:0!important;font-weight:400!important;text-align:left!important;width:auto!important;left:auto!important}
 header.header label[for=menu], header.header #menu{display:none!important}
 header.header nav.nav{display:block!important;position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;height:auto!important;width:auto!important;background:none!important;inset:auto!important;padding:0!important;overflow:visible!important}
 header.header nav.nav>ul{display:flex!important;flex-direction:row!important;align-items:center;gap:0;margin:0!important;padding:0!important;list-style:none;height:auto!important;background:none!important}
 header.header nav.nav li{position:relative;margin:0!important;padding:0!important;list-style:none;width:auto!important;border:0!important;opacity:1!important;transform:none!important;transition:none!important}
 header.header nav.nav::before{display:none!important}
 header.header nav.nav .social-icons li{display:block!important}
 header.header nav.nav>ul>li>a{display:block;padding:18px 12px!important;font-size:14px!important;letter-spacing:.03em;text-transform:uppercase;color:#fff!important;font-weight:400!important;line-height:1!important}
 header.header nav.nav a:hover{color:#8a8a8a!important}
 header.header nav.nav li.social svg{width:14px;height:14px}
 header.header nav.nav li ul{display:none;position:absolute;top:100%;left:0;min-width:190px;background:#686868;padding:0 0 10px;margin:0;z-index:50;list-style:none}
 header.header nav.nav li ul ul{top:0;left:190px}
 header.header nav.nav li:hover>ul{display:block}
 header.header nav.nav li ul a{display:block;padding:8px!important;font-size:14px!important;text-transform:uppercase;color:#fff!important;line-height:1.2!important;text-align:left;font-weight:400!important}
}
/* Legacy-style mobile menu (Viktor, 2026-09-30) */
@media (max-width: 899px){
 header.header{display:block!important;position:relative!important;height:70px!important;min-height:0!important;padding:0 10px!important;box-sizing:border-box!important;background:#000!important;z-index:100!important}
 header.header .header-bg{display:none!important}
 header.header h1.headerText{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;font-size:27.8px!important;line-height:1!important;font-weight:400!important;text-align:left!important;width:auto!important;white-space:nowrap!important}
 header.header label[for=menu]{position:absolute!important;right:15px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;width:auto!important;height:auto!important;cursor:pointer;z-index:102!important}
 header.header label[for=menu] #nav-icon1{display:none!important}
 header.header label[for=menu]::before{content:"\2630\00a0MENU";display:block;font-size:14px;line-height:1;letter-spacing:.03em;color:#fff;font-weight:400;text-transform:uppercase}
 header.header #menu{display:none!important}
 header.header nav.nav{display:none!important;position:absolute!important;top:65px!important;left:10px!important;right:10px!important;bottom:auto!important;width:auto!important;height:auto!important;max-height:none!important;transform:none!important;opacity:1!important;visibility:visible!important;background:#000!important;padding:0!important;margin:0!important;overflow:visible!important;z-index:101!important;backdrop-filter:none!important;box-shadow:0 0 0 3px #000!important}
 header.header #menu:checked ~ nav.nav{display:block!important}
 header.header nav.nav::before,header.header nav.nav::after{display:none!important}
 header.header nav.nav ul{display:block!important;position:static!important;margin:0!important;padding:0!important;list-style:none!important;background:none!important;height:auto!important;transform:none!important;text-align:left!important}
 header.header nav.nav li{display:block!important;margin:0!important;padding:0!important;width:auto!important;opacity:1!important;transform:none!important;transition:none!important;text-align:left!important;border:0!important;border-top:1px solid #333!important}
 header.header nav.nav .social-icons{display:contents!important}
 header.header nav.nav a{display:block!important;padding:15px 5px 7px!important;font-size:14px!important;line-height:1!important;letter-spacing:.03em;text-transform:uppercase!important;color:#fff!important;font-weight:400!important;text-align:left!important}
 header.header nav.nav li li>a{padding-left:15px!important}
 header.header nav.nav li li li>a{padding-left:40px!important}
 header.header nav.nav li.social svg{width:14px;height:14px}
}