@font-face {
  font-family: cactusbold;
  src: url('../fonts/cactus/CactusBold.eot?#iefix') format('embedded-opentype'), url('../fonts/cactus/CactusBold.svg') format('svg'), url('../fonts/cactus/CactusBold.otf') format('opentype'), url('../fonts/cactus/CactusBold.woff') format('woff'), url('../fonts/cactus/CactusBold.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: cactusmedium;
  src: url('../fonts/cactus/CactusMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/cactus/CactusMedium.svg') format('svg'), url('../fonts/cactus/CactusMedium.woff') format('woff'), url('../fonts/cactus/CactusMedium.woff2') format('woff2'), url('../fonts/cactus/CactusMedium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: cactuslight;
  src: url('../fonts/cactus/CactusLight.eot?#iefix') format('embedded-opentype'), url('../fonts/cactus/CactusLight.svg') format('svg'), url('../fonts/cactus/CactusLight.woff') format('woff'), url('../fonts/cactus/CactusLight.woff2') format('woff2'), url('../fonts/cactus/CactusLight.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: arnhemblond;
  src: url('../fonts/arnhem/Arnhem.eot?#iefix') format('embedded-opentype'), url('../fonts/arnhem/Arnhem.svg') format('svg'), url('../fonts/arnhem/Arnhem.woff') format('woff'), url('../fonts/arnhem/Arnhem.woff2') format('woff2'), url('../fonts/arnhem/Arnhem.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: arnhemblond;
  src: url('../fonts/arnhem/Arnhem-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/arnhem/Arnhem-Italic.svg') format('svg'), url('../fonts/arnhem/Arnhem-Italic.woff') format('woff'), url('../fonts/arnhem/Arnhem-Italic.woff2') format('woff2'), url('../fonts/arnhem/Arnhem-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: arnhembold;
  src: url('../fonts/arnhem/Arnhem-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/arnhem/Arnhem-Bold.svg') format('svg'), url('../fonts/arnhem/Arnhem-Bold.woff') format('woff'), url('../fonts/arnhem/Arnhem-Bold.woff2') format('woff2'), url('../fonts/arnhem/Arnhem-Bold.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: arnhembold;
  src: url('../fonts/arnhem/Arnhem-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/arnhem/Arnhem-BoldItalic.svg') format('svg'), url('../fonts/arnhem/Arnhem-BoldItalic.woff') format('woff'), url('../fonts/arnhem/Arnhem-BoldItalic.woff2') format('woff2'), url('../fonts/arnhem/Arnhem-BoldItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}


.font-default {
  font-family: arnhemblond, helvetica, helve, sans-serif;
}
.font-caption {
  font-family: cactusbold, helvetica, helve, sans-serif;
}


html,
body {
  color: #000;
  font-size: 16px;
  font-family: arnhemblond, helvetica, helve, sans-serif;
  line-height: 1.4;
  background-color: #fff;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
img.responsive {
  max-width: 100%;
  height: auto;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  outline: none;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus,
button:active,
input:active,
optgroup:active,
select:active,
textarea:active {
  outline: none;
}
button {
  overflow: visible;
  background: #fff;
  padding: 0.15em 0.5em;
  transition: background 0.3s;
}
button:hover,
button:focus {
  background: #eee;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
a {
  color: #000;
  text-decoration: none;
  background-color: transparent;
}
a:hover,
a:active,
a:focus,
a:visited {
  color: #000;
  text-decoration: none;
  outline: 0;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
b,
strong {
  font-family: arnhembold, helvetica, helve, sans-serif;
  font-weight: 400;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
small,
.small {
  font-size: 75%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: 400;
  line-height: 1;
}
h1,
.h1 {
  font-size: 2.5rem;
}
h2,
.h2 {
  font-size: 2rem;
}
h3,
.h3 {
  font-size: 1.75rem;
}
h4,
.h4 {
  font-size: 1.5rem;
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1.125rem;
}
p {
  font-size: 1rem;
  margin: 0 0 1rem;
}
ul,
ol {
  margin: 1.25rem 0;
}
/*
 * Remove text-shadow in selection highlight:
 * https://www.downtownmelody.com/_x/dHdpdHRlci5jb20/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  background-color: #ccc;
  border: none;
  margin: 1em 0;
  padding: 0;
}
hr.red {
  background-color: #fb4601;
}
hr.lg {
  height: 10px;
}
@media (max-width: 991px) {
  hr.lg {
    height: 7px;
  }   
}
@media (max-width: 768px) {
  hr.lg {
    height: 5px;
  } 
}


/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://www.downtownmelody.com/_x/Z2l0aHViLmNvbQ/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none !important;
}
/*
 * Hide only visually, but have it available for screen readers:
 * https://www.downtownmelody.com/_x/c25vb2suY2E/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.downtownmelody.com/_x/d3d3LmRydXBhbC5vcmc/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.downtownmelody.com/_x/d3d3LnBocGllZC5jb20/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  *:first-letter,
  *:first-line {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                   https://www.downtownmelody.com/_x/d3d3LnNhbmJlaWppLmNvbQ/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://www.downtownmelody.com/_x/Y3NzLWRpc2N1c3MuaW5jdXRpby5jb20/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}


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

.justify-left {
  justify-content: left;
}
.justify-center {
  justify-content: center;
}
.justify-right {
  justify-content: flex-end;
}



.nowrap {
  white-space: nowrap;
}
.nomargin {
  margin: 0;
}
.nopadding {
  padding: 0;
}
select {
  padding: 0.15em 0.25em;
}
input[type="text"] {
  padding: 0.15em 0.5em;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.black {
  color: #000 !important;
}
.red {
  color: #fb4601 !important;
}
.white {
  color: #fff !important;
}


header {
  background: #000;
}
header .search-form {
  visibility: hidden;
  height: 0;
  width: 0;
  position: relative;
}
header .search-form .field {
  font: 1.25em arnhemblond, helvetica, helve, sans-serif;
  color: #000;
  width: 0%;
  height: 38px;
}
header .search-form .btn {
  width: 26px;
  height: 26px;
  opacity: 0.5;
  display: block;
  position: absolute;
  right: 5px;
  top: 7px;
  background: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/icons/magnifier-2.svg') 50% 50% no-repeat;
  background-size: contain;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
header .search-form .btn:hover,
header .search-form .btn:focus {
  opacity: 0.8;
}
header .search-form.open {
  visibility: visible;
  height: auto;
  width: 100%;
}
header .search-form.open .field {
  width: 100%;
  transition: all 0.4s;
}




header .top-menu {
  background: #000; /*#fb4601;*/
  height: 50px;
  padding: 0 2%;
  color: #fff;
}
header .top-menu .inner {
  width: 100%; height: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
}
header .top-menu a {
  font: 2em/1 cactusbold, helvetica, helve, sans-serif;
  color: #fff;
  white-space: nowrap;
}
header .top-menu .join-mailing-list {
  padding-right: 2%;
}
header .top-menu .search-menu {
  padding-right: 2%;
  /*width: 100%;
  max-width: 500px;*/
  text-align: right;
  position: relative;
  overflow: hidden;
}
header .top-menu .search-menu.open {
  width: 100%;
  max-width: 500px;
  transition: all .2s ease;
}
header .top-menu .search-menu.open .toggler {
  display: none;
}
header .top-menu .social-menu {
  display: flex;
  flex-flow: row nowrap;
}
header .top-menu .social-menu > .icon {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 3000px;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0.8rem;
}

header .top-menu .social-menu > .icon.fb {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/FB-50x50.svg');
}
header .top-menu .social-menu > .icon.tw {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/TW-50x50.svg');
}
header .top-menu .social-menu > .icon.ig {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/IG-50x50.svg');
}
header .top-menu .social-menu > .icon.yt {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/YT-50x50.svg');
}
header .top-menu .social-menu > .icon.tt {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/TK-50x50.svg');
}




header .main-menu {
  background: #fb4601; /*#000;*/
  height: 9.65vw;
  min-height: 90px;
  max-height: 210px;
  padding: 0 2%;
  font-size: 1em;
}
header .main-menu .inner {
  width: 100%; height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
header .main-menu .logo {
  padding: 1em 2% 1em 0;
  min-width: 200px;
}
header .main-menu .logo a {
  display: block;
  max-width: 375px;
}
header .main-menu .logo img {
  max-width: 100%;
  height: auto;
}
header .main-menu .toggler {
  display: none;
}
header .main-menu nav {
  height: 100%; /*9.65vw;*/
}
header .main-menu nav a {
  text-transform: uppercase;
}
header .main-menu nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
header .main-menu nav > ul {
  height: 100%; /*9.65vw;*/
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
header .main-menu nav > ul > li {
  padding: 0 1.1vw;
  position: relative;
  height: 100%;
}
header .main-menu nav > ul > li.open .search-form {
  margin: 4px 0;
}
header .main-menu nav > ul > li.open .search-form-toggler {
  display: none;
}
header .main-menu nav > ul > li > a {
  display: block;
  height: 100%;
  position: relative;
  font: 3.5vw/1 cactusbold, helvetica, helve, sans-serif;
  color: #fff; /* #fb4601;*/
  text-decoration: none;
  white-space: nowrap;
}
header .main-menu nav > ul > li > a span {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
header .main-menu nav > ul > li > a:hover,
header .main-menu nav > ul > li > a:active,
header .main-menu nav > ul > li > a:focus {
  text-decoration: none;
  color: #fff;
  transition: color 0.35s;
}
header .main-menu nav > ul > li.active > a {
  color: #fff;
}
header .main-menu nav > ul > li.active > a:hover,
header .main-menu nav > ul > li.active > a:active,
header .main-menu nav > ul > li.active > a:focus {
  color: #fff;
}
header .main-menu nav > ul > li:hover > a,
header .main-menu nav > ul > li:focus > a {
  color: #fff;
}
header .main-menu nav > ul > li:hover > ul,
header .main-menu nav > ul > li:focus > ul {
  display: block;
}
header .main-menu nav > ul > li > ul {
  position: absolute;
  top: 100%;
  z-index: 2;
  display: none;
  background: #fb4601;
  padding: 0.4vw 0.4vw;
  min-width: 15vw;
}

header .main-menu nav > ul > li.m-menu-align-right > ul {
  right: 0;
}
header .main-menu nav > ul > li > ul:before {
  content: "";
  display: block;
  position: absolute;
  top: -24px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 24px 33px;
  border-color: transparent transparent #fb4601 transparent;
}
header .main-menu nav > ul > li > ul li {
  padding: 0.5vw 0.25vw;
}
header .main-menu nav > ul > li > ul li a {
  text-decoration: none;
  font: 2.5vw/0.9 cactusbold, helvetica, helve, sans-serif;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
  display: block;
}

@media (max-width: 2000px) {
  header .main-menu nav > ul > li > ul li a {
    max-width: 330px;
  }
}


header .main-menu nav > ul > li > ul li a:hover,
header .main-menu nav > ul > li > ul li a:focus {
  text-decoration: none;
  color: #fff;
}

header .main-menu .social-menu {
  display: flex;
  flex-flow: row nowrap;
  padding: 16px 0;
  margin-top: 10px;
  border-top: 1px solid #656565;
}
header .main-menu .social-menu > .icon {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 3000px;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0.8rem;
}

header .main-menu .social-menu > .icon.fb {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/FB-50x50.svg');
}
header .main-menu .social-menu > .icon.tw {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/TW-50x50.svg');
}
header .main-menu .social-menu > .icon.ig {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/IG-50x50.svg');
}
header .main-menu .social-menu > .icon.yt {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/YT-50x50.svg');
}
header .main-menu .social-menu > .icon.tt {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/TK-50x50.svg');
}




@keyframes moveHeader {
  from {
    top: -145px;
  }
  to {
    top: 0px;
  }
}


header.collapsed {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 100;
}
/*header.collapsed .top-menu {
  display: none;
}*/
header.collapsed.in {
  animation: moveHeader 0.8s ease;
}
header.collapsed .main-menu {
  height: 90px;
}
header.collapsed .main-menu .logo {
  padding: 0 2em 0 0;
  width: 170px;
  min-width: 100px;
}
header.collapsed .main-menu nav {
  height: 90px;
}
header.collapsed .main-menu nav > ul {
  height: 90px;
}
header.collapsed .main-menu nav > ul > li > a {
  font-size: 40px;
}
header.collapsed .main-menu nav > ul > li > ul li a {
  font-size: 26px;
}


@media (min-width: 2000px) {
  header .main-menu .logo {
    min-width: 400px;
  }
  header.collapsed .main-menu .logo {
    min-width: 0;
  }
}
@media (max-width: 1480px) {
  header .main-menu .logo {
    min-width: 100px;
    max-width: 200px;
  }
}
@media (max-width: 991px) {
  header .top-menu a {
    font-size: 1.625em;
  }
  header .main-menu .logo {
    min-width: 100px;
    max-width: 180px;
  }
}
@media (max-width: 768px) {
  header {
    position: fixed;
    height: 90px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }
  header .top-menu {
    display: none;
  }
  header .main-menu {
    height: auto;
    padding: 15px 0;
    display: block;
  }
  header .main-menu .logo {
    padding: 0 15px !important;
    max-width: 180px !important;
    max-height: none !important;
    min-width: 100px;
    width: auto !important;
  }
  header .main-menu .toggler {
    display: block;
    position: absolute;
    z-index: 3;
    right: 19.5px;
    top: 28.5px;
    color: #fff;
    width: 31px;
    height: 31px;
  }
  header .main-menu .toggler span {
    display: block;
    background-color: #fff;
    height: 4px;
    width: 100%;
    margin: 0 0 5px 0;
    transition: all 0.5s;
  }
  header .main-menu .toggler.open span:first-child {
    transform: rotate(405deg) translate(6px, 1px);
  }
  header .main-menu .toggler.open span:nth-child(2) {
    transform: rotate(-405deg) translate(5px, 0px);
  }
  header .main-menu .toggler.open span:last-child {
    display: none;
  }


  header .main-menu nav > ul > li.m-menu-align-right > ul {
    right: auto;
  }
  header .main-menu nav {
    padding: 0 15px;
    height: 0;
    top: 0;
    position: absolute;
    z-index: 2;
    max-height: 0;
    opacity: 0;
    width: 100%;
    background: #000;
  }
  header .main-menu nav.open {
    padding-top: 55px;
    padding-bottom: 30px;
    height: auto !important;
    max-height: 80em;
    opacity: 1;
    display: block;
    transition: all 0.5s;
  }
  header .main-menu nav.open > ul {
    height: auto !important;
  }
  header .main-menu nav.open > ul > li {
    display: block;
  }
  header .main-menu nav.open > ul > li.social-menu {
      display: flex;
  }
  
  header .main-menu nav > ul {
    display: block;
    height: 0 !important;
  }
  header .main-menu nav > ul > li {
    padding: 8px 0;
    height: auto;
    display: none;
    position: relative;
  }
  header .main-menu nav > ul > li > a {
    font-size: 40px;
    padding: 0;
    color: #fff;
  }
  header .main-menu nav > ul > li > a:hover,
  header .main-menu nav > ul > li > a:focus {
    color: #fb4601;
  }
  header .main-menu nav > ul > li > a span {
    display: inline;
    position: relative;
    top: 0;
    transform: none;
  }
  header .main-menu nav > ul > li.active > a {
    color: #fff;
  }
  header .main-menu nav > ul > li.active > a:hover,
  header .main-menu nav > ul > li.active > a:active {
    color: #fff;
  }

  header .main-menu nav > ul > li:hover > ul,
  header .main-menu nav > ul > li:focus > ul {
    display: none;
  }
  header .main-menu nav > ul > li.toggled:hover > ul,
  header .main-menu nav > ul > li.toggled:focus > ul {
    display: block;
  }
  header .main-menu nav > ul > li.toggled > ul {
    display: block;
  }
  header .main-menu nav > ul > li > ul {
    padding: 4px 0px 4px 10px;
    display: none;
    position: relative;
    top: auto;
    background: transparent;
    min-width: 0;
  }
  header .main-menu nav > ul > li > ul li {
    max-width: 100%;
    padding: 8px 0;
  }
  header .main-menu nav > ul > li > ul li a {
    font-size: 21px;
    font-family: arnhemblond, helvetica, helve, sans-serif;
    text-transform: none;
    max-width: 100%;
    white-space: wrap;
    overflow: visible;
  }
  header .main-menu nav > ul > li > ul li a:hover {
    color: #fb4601;
  }
  header .main-menu nav > ul > li > ul:before {
    display: none;
  }
  header .main-menu nav > ul > li.ddmenu::before {
    content:"";
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
    background: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/system/menu-arrow.png') 0 0 no-repeat;
    background-size: contain;
    width: 25px;
    height: 15px;
    transition: transform .2s;
  }
  header .main-menu nav > ul > li.toggled.ddmenu::before {
    transform: rotate(180deg);
  }
  header.collapsed.in {
    animation: none;
  }
}
@media (max-width: 640px) {
  header .main-menu nav > ul > li > a {
    font-size: 36px;
  }
  header .main-menu nav > ul > li > ul li {
    padding: 7px 0;
  }
  header .main-menu nav > ul > li > ul li a {
    font-size: 18px;
  }
  header .main-menu nav > ul > li.ddmenu::before {
    top: 18px;
    width: 20px;
    height: 12px;
  }
}






footer {
  background: #000;
  color: #fff;
  font-family: cactusbold, helvetica, helve, sans-serif;
  margin: 0;
  padding: 3rem 0 9rem 0;
  font-size: 1em;
}
footer p {
  font-family: arnhemblond, helvetica, helve, sans-serif;
}
footer .inner {
  display: grid;
  grid-template-columns: .9fr 2.25fr;
  gap: 1.25em;
  padding: 1em 0;
}
footer .grid {
  display: grid;
  grid-template-columns: 1fr 2.4fr;
  gap: 1em;
}
footer .logo {
  font-size: 1.25em;
  line-height: 1.2;
  color: #fff;
}
footer .logo a {
  display: block;
  max-width: 375px;
}
footer .logo img {
  max-width: 100%;
  height: auto;
}


footer .social-menu {
  padding: 1.8rem 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}
footer .social-menu .icon {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 3000px;
  overflow: hidden;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 0.8rem;
}
footer .social-menu .icon:first-child {
  margin-left: 0;
}
footer .social-menu .icon.fb {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/FB-50x50.svg');
}
footer .social-menu .icon.tw {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/TW-50x50.svg');
}
footer .social-menu .icon.ig {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/IG-50x50.svg');
}
footer .social-menu .icon.yt {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/YT-50x50.svg');
}
footer .social-menu .icon.tt {
  background-image: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/menu/TK-50x50.svg');
}



footer .addresses > div {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
footer .addresses > div .section div {
  display: table-cell;
  width: 33.333%;
  text-align: left;
  padding-right: 1em;
  padding-bottom: 0.65em;
}
footer .addresses h5 {
  margin: 0;
  padding: 0 0 .325em 0;
  font-size: 2.5em;
  line-height: 1.1;
  text-transform: uppercase;
}
footer .addresses h6 {
  margin: 0;
  padding: 0 0 .5rem 0;
  font-size: 1.5em;
  line-height: 1.1;
  text-transform: uppercase;
}
footer .addresses p {
  margin: 0;
  padding: 0 0 .5rem 0;
}


footer nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  /*display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 1rem;*/
}
footer nav li {
  display: block;
}
footer nav a {
  text-transform: uppercase;
  font: 2.5em/1.1 cactusbold, helvetica, helve, sans-serif;
  color: #fb4601;
  text-decoration: none;
  transition: color 0.35s;
}
footer nav a:visited {
  color: #fb4601;
}
footer nav a:hover,
footer nav a:focus,
footer nav a:active {
  color: #fff;
  text-decoration: none;
}


@media (max-width: 1200px) {
  footer {
    padding: 2rem 1rem 5rem 1rem;
    font-size: .925em;
  }
  footer .inner {
    grid-template-columns: 1fr;
  }
  footer .grid {
    padding: 1.5rem 0;
  }
}

@media (max-width: 991px) {
  footer {
    font-size: .825em;
  }
  footer .grid {
    gap: 3rem 1rem;
  }
  footer .addresses > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  footer {
    font-size: .8em;
  }
  footer .grid {
    grid-template-columns: 1fr;
  }
  footer .logo a {
    max-width: 275px;
  }
}
@media (max-width: 480px) {
  footer {
    font-size: 0.75em;
  }
  footer .logo a {
    max-width: 225px;
  }
}
@media (max-width: 360px) {
  footer {
    font-size: 0.675em;
  }
}



.content-wrapper {
  min-height: 40vw;
}
.content-wrapper.content-padding {
  padding: 2.5em 2%;
}
@media (max-width: 768px) {
  .content-wrapper {
    min-height: 5em;
  }
  .content-wrapper.content-padding {
    padding: 1.5em 15px;
  }
}
.limit-wrapper {
  max-width: 1600px;
  margin: 0 auto;
}
._leftcol {
  width: 28.5%;
  max-width: 450px;
}
@media (max-width: 768px) {
  ._leftcol {
    width: auto;
    max-width: 100%;
  }
}
article .article-header {
  display: flex;
  flex-flow: column;
  position: relative;
  z-index: 1;
}
article .full-image {
  min-height: 23.25vw;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
article .nav .left-column,
article .content .left-column {
  padding: 0 2%;
}
article .nav .right-column,
article .content .right-column {
  padding: 0 2% 0;
}
article .nav .right-column .right-column-inner,
article .content .right-column .right-column-inner {
  max-width: 950px;
}
article .nav {
  background: #000;
  font-size: .85vw;
  min-height: 3.5vw;
}
article .nav .limit-wrapper {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
article .nav .left-column,
article .nav .right-column,
article .nav nav {
  height: 100%;
}
article .nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
article .nav nav {
  font-size: 1em;
  text-transform: uppercase;
}
article .nav nav .caret {
  display: none;
}
article .nav nav .selected-main-menu {
  display: none;
}
article .nav nav .selected-sub-menu {
  display: none;
}
article .nav nav .dropdown-menu ul {
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
article .nav nav .dropdown-menu ul li {
  height: 100%;
}
article .nav nav .dropdown-menu ul li a {
  position: relative;
  display: block;
  height: 100%;
  font: 2.125em/1 cactusbold, helvetica, helve, sans-serif;
  color: #fff;
  padding: 0.475em 0.7em;
  text-transform: uppercase;
}
article .nav nav .dropdown-menu ul li a span {
  display: block;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
}
article .nav nav .dropdown-menu ul li a:hover,
article .nav nav .dropdown-menu ul li a:active {
  color: #fff;
  background: #fb4601;
  transition: background 0.3s;
}
article .nav nav .dropdown-menu ul li.active a {
  background: #fb4601;
}
article .nav nav .dropdown-menu ul li.active a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -24px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 33px 24px 0;
  border-color: transparent #e32d00 transparent transparent;
}
article .nav nav .dropdown-menu-top {
  display: none;
}


article .content {
  display: flex;
  flex-flow: row nowrap;
  font-size: 1.5em;
  line-height: 1.3;
  background-color: #fff;
  color: #000;
  min-height: 30em;
  /*&:before {
                content: "";
                position: absolute;
                top: -.15em;
                left: 0;
                width: 2em;
                height: 2em;
                background: url('@{path-image}/icons/icon-press.png') 50% 50% no-repeat;
                background-size: contain;
            }*/
}
article .content .left-column {
  background-color: #fff;
  padding-top: 3em;
  padding-bottom: 7em;
  width: 28.5%;

  align-self: flex-start;
  position: sticky;
  top: 97px;
}
article .content .left-column .button-displacement {
  position: relative;
  top: -4em;
}
article .content .left-column .button-displacement .button-wrapper {
  margin-top: 0;
}
article .content .left-column .button-wrapper {
  margin: 0 0 1.8em 0;
  text-align: left;
}
article .content .left-column .button-wrapper .button {
  width: 100%;
  display: block;
  text-align: center;
}
article .content .left-column .subscriber-button {
  font: 2.125em/1 cactusbold, helvetica, helve, sans-serif;
  color: #000;
}
article .content .left-column .button {
  font-size: 2.5em;
}
article .content .left-column .button.longread {
  font-size: 1.5em;
  line-height: 2;
}

article .content .left-column .quotes {
  margin: 1.5em 0;
  font-size: 0.925em;
  font-family: arnhembold, helvetica, helve, sans-serif;
}
article .content .left-column .button-arrow {
  position: relative;
  padding-right: 0.5em;
  white-space: nowrap;
}
article .content .left-column .button-arrow:after {
  content: "";
  position: relative;
  left: 0.09em;
  background: url('https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/icons/show-details-arrow.svg') 50% 50% no-repeat;
  background-size: contain;
  display: inline-block;
  width: 0.33em;
  height: 0.8072em;
}
article .content .right-column {
  background-color: #fff;
  padding-top: 3rem;
  padding-bottom: 7rem;
  width: 71.5%;
}


article .content.reduce-left .left-column {
  width: 0%;
  display: none;
}
article .content.reduce-left .right-column {
  width: 100%;
}
article .content.reduce-left .right-column-inner {
  margin-left: 5%;
  max-width: 850px;
}
@media (max-width: 768px) {
  article .content.reduce-left .right-column-inner {
    margin-left: 0;
  }
}



article .content.no-columns {
  padding: 2em 1em 6em 1em;
  display: block !important;
}
article .content h1,
article .content h2,
article .content h3,
article .content h4,
article .content h5,
article .content h6 {
  font-family: cactusbold, helvetica, helve, sans-serif;
  letter-spacing: 0;
  color: #fb4601;
  line-height: 1.1;
  margin: 0.25em 0 0.125em 0;
}
article .content h1.black,
article .content h2.black,
article .content h3.black,
article .content h4.black,
article .content h5.black,
article .content h6.black {
  color: #000;
}
article .content h1.gray,
article .content h2.gray,
article .content h3.gray,
article .content h4.gray,
article .content h5.gray,
article .content h6.gray {
  color: #999;
}
article .content h1.nomargin,
article .content h2.nomargin,
article .content h3.nomargin,
article .content h4.nomargin,
article .content h5.nomargin,
article .content h6.nomargin {
  margin: 0;
}
article .content h1.nopadding,
article .content h2.nopadding,
article .content h3.nopadding,
article .content h4.nopadding,
article .content h5.nopadding,
article .content h6.nopadding {
  padding: 0;
}
article .content h1 {
  font-size: 4.75em;
  line-height: 0.915;
  color: #000;
}
article .content h2 {
  font-size: 3.125em;
}
article .content h3 {
  font-size: 2.625em;
}
article .content h4 {
  font-size: 2.125em;
}
article .content h5 {
  font-size: 1.4em;
}
article .content h6 {
  font-size: 1.25em;
}
article .content p {
  font-size: 1em;
  margin: 0 0 1em 0;
}
article .content ul,
article .content ol {
  margin: 0.5em 0 1em 0;
  padding: 0 0 0 1em;
}
article .content ul ul,
article .content ol ul,
article .content ul ol,
article .content ol ol {
  margin: 0.5em 0;
}
article .content ul li,
article .content ol li {
  position: relative;
  padding: 0.2em 0 0.2em 0.3em;
}
article .content ul {
  list-style: none;
}
article .content ul li:before {
  content: "";
  display: block;
  width: 0.325em;
  height: 0.325em;
  background: #fb4601;
  border-radius: 50%;
  position: absolute;
  left: -0.6em;
  top: 0.65em;
}
article .content hr {
  margin: 0.8em 0;
}
article .content small,
article .content .small {
  font-size: 70%;
  line-height: 1.2;
}
article .content a {
  color: #fb4601;
}
article .content .subscribe-package {
  display: flex;
  flex-flow: row nowrap;
  /*align-items: center;*/
}
article .content .subscribe-package h1,
article .content .subscribe-package h2,
article .content .subscribe-package h3,
article .content .subscribe-package h4,
article .content .subscribe-package h5,
article .content .subscribe-package h6,
article .content .subscribe-package p {
  margin: 0.25rem 0;
}
article .content .subscribe-package > div:first-child {
  flex: 2;
  text-align: left;
}
article .content .subscribe-package > div:last-child {
  text-align: right;
  padding-left: 1rem;
  flex: 1;
}
article .content .show-caption {
  margin: 2em 0 1em 0;
}
article .content .show-caption h1,
article .content .show-caption h2,
article .content .show-caption h3,
article .content .show-caption h4,
article .content .show-caption h5,
article .content .show-caption h6 {
  margin: 0;
  padding: 0;
  font-family: cactusbold, helvetica, helve, sans-serif;
  letter-spacing: 0;
  color: #000;
  line-height: 0.95;
}
article .content .show-caption h1 {
  color: #fb4601;
}
article .content .past-show-wrapper {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
article .content .past-show-wrapper > * {
  text-align: left;
}
article .content .past-show-wrapper > * h2,
article .content .past-show-wrapper > * h3,
article .content .past-show-wrapper > * h4 {
  margin: 5px 0;
}
article .content .past-show-wrapper > *:last-child {
  text-align: right;
}
article .content .show-image {
  width: 100%;
  min-height: 21.5em;
  margin-top: 1em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
article .content .image-row .image-wrapper {
  display: inline-block;
  vertical-align: top;
  padding: 0 1em 1em 0;
  width: 20%;
}
article .content .image-row .image-wrapper img {
  max-width: 100%;
  height: auto;
}
article .content .image-row .text-wrapper {
  display: inline-block;
  width: 76%;
}
article .content .image-row.press-row .image-wrapper {
  width: 12%;
}
article .content .image-row.press-row .text-wrapper {
  width: 82%;
}
article .content .cast-info {
  margin: 1em 0 2.5em 0;
}
article .content .cast-info .cast-info-title {
  width: 100%;
  display: table;
  padding: 0 0 1em 0;
}
article .content .cast-info .cast-image {
  display: table-cell;
  max-width: 300px;
  min-width: 50px;
}
article .content .cast-info .cast-image img {
  max-width: 100%;
  height: auto;
}
article .content .cast-info .cast-name {
  display: table-cell;
  width: 75%;
  vertical-align: bottom;
  padding: 0 0 0 1em;
}
article .content.show-short-data .left-column {
  position: relative;
  /*&:after {
                    content: "";
                    position: absolute;
                    top: 4em;
                    right: -1em;
                    width: 0; 
                    height: 0; 
                    border-top: 1em solid transparent;
                    border-bottom: 1em solid transparent;
                    border-left: 1em solid @color-gray-light;
                }*/
}
article .content.show-short-data .left-column,
article .content.show-short-data .right-column {
  padding-bottom: 4.5rem;
}
article .content .show-calendar {
  margin: 2em 0;
  font-size: 1em;
}
article .content .show-calendar .show-calendar-wrapper {
  display: table;
  border-collapse: separate;
  border-spacing: 0.2em;
}
article .content .show-calendar .show-calendar-wrapper .row {
  display: table-row;
}
article .content .show-calendar .show-calendar-wrapper .row > * {
  display: table-cell;
  vertical-align: middle;
  width: 4.35em;
  height: 4.35em;
}
article .content .show-calendar .show-calendar-wrapper .row.caption > * {
  text-align: left;
}
article .content .show-calendar .show-calendar-wrapper .row.caption > * span {
  font: 2em/1.2 cactusbold, helvetica, helve, sans-serif;
  color: #ccc;
}
article .content .show-calendar .show-calendar-wrapper .row.dates > * {
  background-color: #ccc;
  color: #000;
  position: relative;
  text-align: center;
}
article .content .show-calendar .show-calendar-wrapper .row.dates > * span {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.16;
  font: 1.5em/0.9 cactusbold, helvetica, helve, sans-serif;
}
article .content .show-calendar .show-calendar-wrapper .row.dates > * em {
  color: #fff;
  font: 0.7em/1 arnhemblond, helvetica, helve, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: lowercase;
}
article .content .show-calendar .show-calendar-wrapper .row.dates > * em a {
  color: #fff;
  line-height: 1;
}
article .content .show-calendar .show-calendar-wrapper .row.dates > * em a:hover,
article .content .show-calendar .show-calendar-wrapper .row.dates > * em a:visited {
  color: #fff;
}
article .content .show-calendar .show-calendar-wrapper .row.dates > * em a:nth-child(2) {
  display: block;
}
article .content .show-calendar .show-calendar-wrapper .row.dates > *.active {
  background-color: #fb4601;
  color: #fff;
}
article .content .show-calendar .show-calendar-wrapper .row.dates > *.active span {
  opacity: 0.4;
}
article a.button,
article .button {
  font: 2em/1 cactusbold, helvetica, helve, sans-serif;
  color: #fff;
  background: #fb4601;
  padding: 0.25em 0.6em;
  transition: background 0.3s;
  display: inline-block;
}
article a.button:hover,
article .button:hover,
article a.button:active,
article .button:active {
  color: #fff;
  background: #e32d00;
}
article a.button.button-sm,
article .button.button-sm {
  font-size: 1.6125em;
}
article .separator {
  font: 1.125em/1 cactusbold, helvetica, helve, sans-serif;
  color: #fff;
  background-color: #fb4601;
  margin: 1em 0;
  padding: 5px;
}
article .separator.black {
  background-color: #000;
  color: #fff !important;
}
article .resp-row {
  display: block;
  position: relative;
  margin: 0 -15px;
}
article .resp-row .resp-col {
  float: left;
  display: block;
  padding: 0 15px;
}
article .resp-row:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
article .resp-row .sm-12 {
  width: 100%;
}
article .resp-row .sm-4 {
  width: 33.33%;
}
@media (max-width: 768px) {
  article .resp-row .xs-12 {
    width: 100%;
  }
  article .resp-row .xs-4 {
    width: 33.33%;
  }
}
article table.staff td {
  padding: 0 15px;
}
article table.staff td:first-child {
  padding-left: 0;
}
article table.staff td:last-child {
  padding-right: 0;
}
@media (min-width: 1600px) {
  article .content {
    font-size: 1.625em;
  }
}
@media (max-width: 1200px) {
  article .content {
    font-size: 1.3125em;
  }
}
@media (max-width: 1040px) {
  article .content {
    font-size: 1.25em;
  }
}
@media (max-width: 991px) {
  article .content {
    font-size: 1.125em;
  }
  article .full-image {
    min-height: 20em;
  }
}
@media (max-width: 840px) {
  article .content {
    font-size: 1.05em;
  }
}
@media (max-width: 768px) {
  article {
    margin-top: 90px;
  }
  article .article-header {
    flex-flow: column-reverse;
    position: relative;
    z-index: 3;
  }
  article .full-image {
    margin-top: 0;
    min-height: 18em;
  }
  article .nav {
    font-size: 1em;
    padding: 0;
    display: block;
    position: relative;
    min-height: 54px;
    background: #fb4601;
  }
  article .nav.no-items {
    display: none;
  }
  article .nav .left-column {
    display: none;
  }
  article .nav .right-column {
    display: block;
    width: 100%;
    padding: 0;
  }
  article .nav nav {
    display: flex;
    flex-flow: row nowrap;
    position: absolute;
    z-index: 1;
    width: 100%;
    padding: 11px 15px;
    background: #fb4601;
    height: auto;
  }
  
  article .nav nav.open .dropdown-menu ul {
    display: block;
    opacity: 1;
    height: auto;
    transition: all 0.4s;
    padding-top: 0.45em;
  }
  article .nav nav.open .dropdown-menu ul li {
    display: block;
  }
  article .nav nav.open .selected-sub-menu var {
    transform: translate(2px, 0);
  }
  article .nav nav.open .selected-sub-menu var i {
    width: 17px;
  }
  article .nav nav.open .selected-sub-menu var i:first-child {
    transform: rotate(45deg) translate(5px, 8px);
  }
  article .nav nav.open .selected-sub-menu var i:last-child {
    transform: rotate(-45deg) translate(-8px, 5px);
  }
  article .nav nav.open .sub-menu-toggle svg {
      transform: rotate(-180deg);
  }
  
  article .nav nav span em {
    font-style: normal;
    font-weight: normal;
    padding: 0 0.3em;
  }
  article .nav nav .selected-main-menu {
    display: block;
    font: 1.5em/1.3 cactusbold, helvetica, helve, sans-serif;
    color: #000;
    /*cursor: pointer;*/
    user-select: none;
    white-space: nowrap;
  }
  article .nav nav .selected-main-menu em {
      font-style: normal;
  }
  article .nav nav .selected-sub-menu {
    display: block;
    font: 1.5em/1.3 cactusbold, helvetica, helve, sans-serif;
    color: #fff;
    cursor: pointer;
    user-select: none;
    padding: 0px 4px 0 8px;
  }
  article .nav nav .selected-sub-menu var {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0.6em;
    top: 0.8em;
  }
  article .nav nav .selected-sub-menu var i {
    display: block;
    height: 2px;
    width: 10px;
    background: #fff;
    position: absolute;
    transition: all 0.4s;
  }
  article .nav nav .selected-sub-menu var i:first-child {
    transform: rotate(-45deg) translate(-1px, 12px);
  }
  article .nav nav .selected-sub-menu var i:last-child {
    transform: rotate(45deg) translate(7px, 6px);
  }
  
  article .nav nav .sub-menu-toggle {
    display: block;
    font: 1.15em/1.3 cactusbold, helvetica, helve, sans-serif;
    color: #000;
    cursor: pointer;
    user-select: none;
  }
  article .nav nav .sub-menu-toggle svg {
      width: 14px;
      height: 14px;
      transform: none;
      transition: all 0.4s;
      margin-left: 2px;
      fill: #fff;
  }
  article .nav nav .dropdown-menu-top {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-items: center;
  }
  
  
  article .nav nav .dropdown-menu {
    width: 100%;
  }
  article .nav nav .dropdown-menu ul {
    padding-top: 0;
    position: relative;
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
  article .nav nav .dropdown-menu ul li {
    display: none;
    padding: 0.35em 0;
    height: auto;
  }
  article .nav nav .dropdown-menu ul li a {
    font: 1.5em/1.3 cactusbold, helvetica, helve, sans-serif;
    color: #fff;
    padding: 1px 0;
    height: auto;
  }
  article .nav nav .dropdown-menu ul li.active {
    display: none;
  }
  article .content {
    font-size: 1em;
    flex-flow: column-reverse;
    padding: 0;
  }
  article .content .left-column {
    padding: 2em 15px;
    max-width: 100%;
    width: 100%;
  }
  article .content .left-column .button-displacement {
    top: 0;
  }
  article .content .right-column {
    background-color: #fff;
    padding: 2em 15px;
    width: 100%;
  }
  article .content h1 {
    font-size: 4.5em;
  }
  article .content .show-image {
    min-height: 15em;
  }
  article .content.show-short-data .left-column {
    /*&:after {
                        border-bottom: none;
                        border-left: 1em solid transparent;
                        border-right: 1em solid transparent;
                        border-top: 1em solid @color-white;
                        left: 1em;
                        right: auto;
                        top: 0;
                    }*/
  }
  article .content .cast-info .cast-info-title {
    display: block;
  }
  article .content .cast-info .cast-info-title .cast-image {
    display: block;
    max-width: 200px;
  }
  article .content .cast-info .cast-info-title .cast-name {
    display: block;
    width: 100%;
    padding: 0.5em 0 0 0;
  }
  article .content .show-calendar {
    font-size: 1.125em;
  }
}
@media (max-width: 640px) {
  article .content .show-calendar .show-calendar-wrapper {
    display: block;
  }
  article .content .show-calendar .show-calendar-wrapper .row {
    display: block;
  }
  article .content .show-calendar .show-calendar-wrapper .row > * {
    display: block;
    width: 100%;
    height: auto;
  }
  article .content .show-calendar .show-calendar-wrapper .row.caption {
    display: none;
  }
  article .content .show-calendar .show-calendar-wrapper .row.dates > * {
    display: none;
    margin: 0 0 2px 0;
    height: 2em;
  }
  article .content .show-calendar .show-calendar-wrapper .row.dates > * span {
    font-size: 2em;
  }
  article .content .show-calendar .show-calendar-wrapper .row.dates > * em {
    display: table-cell;
    margin: 0.25em;
    font-size: 1em;
    vertical-align: middle;
  }
  article .content .show-calendar .show-calendar-wrapper .row.dates > * em a {
    display: inline;
  }
  article .content .show-calendar .show-calendar-wrapper .row.dates > * em a:nth-child(2) {
    display: inline;
  }
  article .content .show-calendar .show-calendar-wrapper .row.dates > *.active {
    display: table;
    min-height: 44px;
  }
  article .full-image {
    min-height: 14em;
  }
}
@media (max-width: 480px) {
  article .full-image {
    min-height: 10em;
  }
}
.search .btn-group {
  margin-right: 0.5em;
  margin-bottom: 0.75em;
}
.search .result-category {
  display: none;
}
.search .result-text {
  margin: 0 0 1.25em 0;
}
.search .pagination {
  margin: 1.25em 0;
}
.search .pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.search .pagination li {
  float: left;
  padding: 0.1em 0.25em;
}
.search .pagination li:before {
  display: none;
}
.search .pagination li:first-child {
  padding-left: 0;
}
.search .inputbox-wrapper {
  position: relative;
}
.search input.inputbox {
  position: relative;
  padding-right: 1.15em;
}
.search button:hover .icon-search,
.search button:focus .icon-search {
  opacity: 1;
}
.search .icon-search {
  width: 0.93em;
  height: 0.93em;
  display: inline-block;
  position: relative;
  top: 0.15em;
  margin-right: 0.2em;
  opacity: 0.5;
  background: url(https://www.downtownmelody.com/_x/MnN0LmNvbQ/images/icons/magnifier-2.svg) 50% 50% no-repeat;
  background-size: contain;
  transition: opacity 0.4s;
}




.landing, .intro-page {
  background-color: #000;
}
.landing section,
.landing article {
  font-size: 1em;
  min-height: 50vw;
  display: block;
  background-color: #000;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}
.landing section.layout-type-1 .background-wrapper {
  width: 100%; 
  height: 100%;
  position: absolute;
  z-index: 0;
}
.landing section.layout-type-1 {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0;
}
.landing section.layout-type-2, .landing section.layout-type-3 {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 0;
}
.landing section.layout-type-4, .landing section.layout-type-5 {
  display: grid;
  grid-template-columns: 33.333% 66.666%;
  gap: 0;
}
.landing section.layout-type-6, .landing section.layout-type-7 {
  display: grid;
  grid-template-columns: 25% 75%;
  gap: 0;
}
.landing section.layout-type-8, .landing section.layout-type-9 {
  display: grid;
  grid-template-columns: auto min-content;
  gap: 0;
}
.landing section.layout-type-3, .landing section.layout-type-5, .landing section.layout-type-7, .landing section.layout-type-9 {
  grid-auto-flow: dense;
  direction: rtl;
  > * {
    direction: ltr;
  }
}

.landing section .background-wrapper,
.landing article .background-wrapper {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}


.landing section.image-align-0 .background-wrapper,
.landing article.image-align-0 .background-wrapper {
  background-position: 50% 50%;
}

.landing section.image-align-1 .background-wrapper,
.landing article.image-align-1 .background-wrapper {
  background-position: 88% 50%;
}

.landing section.image-align-2 .background-wrapper,
.landing article.image-align-2 .background-wrapper {
  background-position: 12% 50%;
}




.landing section .fp-tableCell,
.landing article .fp-tableCell {
  padding: 1rem 4.5%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.landing section .video-wrapper,
.landing article .video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;

  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}
.landing section .video-wrapper + .background-wrapper,
.landing article .video-wrapper + .background-wrapper {
  display: none;
}
.landing section .video-wrapper video,
.landing article .video-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}

.landing section .copy-wrapper,
.landing article .copy-wrapper {
  width: 100%;
  height: 100%;
  padding: 1rem 7%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.landing section .copy-wrapper .copy-wrapper-table,
.landing article .copy-wrapper .copy-wrapper-table {
  display: table;
  height: 100%;
  width: 100%;
}
.landing section .copy-wrapper .copy-wrapper-table .copy-wrapper-cell,
.landing article .copy-wrapper .copy-wrapper-table .copy-wrapper-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: left;
  vertical-align: middle;
}





.landing section h1,
.landing article h1,
.landing section h2,
.landing article h2,
.landing section h3,
.landing article h3,
.landing section h4,
.landing article h4,
.landing section h5,
.landing article h5,
.landing section h6,
.landing article h6,
.landing section p,
.landing article p {
  margin: 0;
  padding: 0;
  font-family: cactusbold, helvetica, helve, sans-serif;
  letter-spacing: 0;
  color: #fff;
}


.spec-item h1,
.spec-item h2,
.spec-item h3,
.spec-item h4,
.spec-item h5,
.spec-item h6 {
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}
.spec-item p {
  padding: 0;
  margin: .5rem 0;
}


.landing section h1,
.landing article h1 {
  font-size: 8vw;
  color: #fb4601;
  line-height: 0.85;
  padding-bottom: 10px;
}
.spec-item h1 {
  font-size: 4.5vw;
  line-height: 0.9;
  padding-bottom: 10px;
}
.spec-item h2,
.landing section h2,
.landing article h2 {
  font-size: 3.5vw;
  line-height: 0.9;
  padding-bottom: 9px;
}
.spec-item h3,
.landing section h3,
.landing article h3 {
  font-size: 2.325vw;
  line-height: 0.9;
  padding-bottom: 7px;
}
.spec-item h4,
.landing section h4,
.landing article h4 {
  font-size: 1.825vw;
  line-height: 0.9;
  padding-bottom: 6px;
}
.spec-item h5,
.landing section h5,
.landing article h5 {
  font-size: 1.5vw;
  line-height: 0.9;
  padding-bottom: 5px;
}
.spec-item h6,
.landing section h6,
.landing article h6 {
  font-size: 1.325vw;
  line-height: 0.9;
  padding-bottom: 5px;
}
.spec-item p {
  font-size: 1.125vw;
  line-height: 1;
  margin: .5rem 0;
}
.landing section p,
.landing article p {
  font-size: 1.125rem;
  line-height: 0.95;
  padding-bottom: 5px;
}


.spec-item a {
  color: #fb4601;
  text-decoration: none;
  transition: color .4s;
}
.landing section a,
.landing article a {
  font: 3.5vw cactusbold, helvetica, helve, sans-serif;
  line-height: 0.9;
  letter-spacing: 0;
  color: #fb4601;
  text-decoration: none;
  transition: color .4s;
  padding-bottom: 7px;
}
.landing section a:hover,
.landing article a:hover,
.landing section a:visited,
.landing article a:visited {
  color: #fb4601;
  text-decoration: none;
}






.landing article {
  display: flex;
  flex-flow: row nowrap;
  align-content: stretch;
  padding: 0;
  margin: 0;
  align-items: unset;
}
.landing article .copy-wrapper {
  width: 40%;
  padding: 3em 2.5em 1em 1em;
  background: trasparent;
}
.landing article .copy-wrapper h1 {
  color: #fff;
}
.landing article .background-wrapper {
  display: block;
  width: 60%;
  padding: 1rem;
  text-align: right;
}



@media (max-width: 2000px) {
  .landing section,
  .landing article {
    padding: 2.5rem 0 0 0;
  }
  /*.landing section.layout-type-1 {
    margin: 2.5rem 0 0 0;
  }*/
}
@media (max-width: 1600px) {
  .landing section,
  .landing article {
    padding: 2rem 0 0 0;
  }
  /*.landing section.layout-type-1 {
    margin: 2rem 0 0 0;
  }*/
}

@media (max-width: 991px) {
  .landing section.layout-type-1 .background-wrapper {
    width: 100%; height: 100%;
    position: relative;
    z-index: 0;
  }
  .landing section.layout-type-2, .landing section.layout-type-4, .landing section.layout-type-6, 
  .landing section.layout-type-3, .landing section.layout-type-5, .landing section.layout-type-7,
  .landing section.layout-type-8, .landing section.layout-type-9 {
    display: grid;
    grid-template-columns: 1fr;
  }

  .landing section,
  .landing article {
    min-height: 30em;
    font-size: 0.9375em;
    padding: 1rem 0 0 0;
  }
  /*.landing section.layout-type-1 {
    margin: 1rem 0 0 0;
  }*/

  .spec-item h1 {
    font-size: 3.325em;
  }
  .landing section h1,
  .landing article h1 {
    font-size: 5.425em;
  }
  .spec-item h2,
  .landing section h2,
  .landing article h2 {
    font-size: 2.75em;
  }
  .spec-item h3,
  .landing section h3,
  .landing article h3 {
    font-size: 2em;
  }
  .spec-item h4,
  .landing section h4,
  .landing article h4 {
    font-size: 1.75em;
  }
  .spec-item h5,
  .landing section h5,
  .landing article h5 {
    font-size: 1.5em;
  }
  .spec-item h6,
  .landing section h6,
  .landing article h6 {
    font-size: 1.25em;
  }
  .spec-item p,
  .landing section p,
  .landing article p {
    font-size: 1.125em;
  }

  .landing section a,
  .landing article a {
    font-size: 2.875em;
  }
  .landing section > div,
  .landing article > div {
    padding: 1.5rem 1rem;
  }





  .landing section .background-wrapper,
  .landing article .background-wrapper {
    display: block;
    position: relative;
    min-height: 25em;
    width: 100%;
  }
  .landing section .video-wrapper,
  .landing article .video-wrapper {
    display: none;
  }
  .landing section .video-wrapper + .background-wrapper,
  .landing article .video-wrapper + .background-wrapper {
    display: block;
  }
  
  .landing section .fp-tableCell,
  .landing article .fp-tableCell {
    padding: 0;
    height: auto !important;
  }
  .landing section {
    display: block;
  }
  .landing section .copy-wrapper {
    padding: 1.5em 6.25% 3em;
    background-color: #000;
    min-height: 520px;
  }
  .landing article {
    padding: 0;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .landing article .background-wrapper {
    order: 1;
    width: 100%;
  }
  .landing article .copy-wrapper {
    background-color: #000;
    padding: 2em 3%;
    min-height: 22em;
    order: 2;
    width: 100%;
  }
  .landing section .copy-wrapper.bg-white {
    background-color: #fff;
  }
  .landing section .copy-wrapper.bg-white .white {
    color: #000 !important;
  }
}

@media (max-width: 768px) {
  .landing {
    margin-top: 90px;
  }
  .landing-static {
    margin-top: 0px;
  }
}
@media (max-width: 640px) {
  .landing section,
  .landing article {
    font-size: 0.875em;
  }
  /*.landing section .background-wrapper,
  .landing article .background-wrapper {
    min-height: 20em;
  }
  .landing section .copy-wrapper,
  .landing article .copy-wrapper {
    min-height: 20em;
  }*/
}
@media (max-width: 400px) {
  .landing section,
  .landing article {
    font-size: 0.8125em;
  }
}
.notice-container {
  background: #fb4601;
}
.notice-container .notice {
  display: table;
  width: 100%;
  margin: 0 auto;
  padding: 0.75em;
  color: #fff;
}
.notice-container .notice > * {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.notice-container .notice .notice-title {
  font: 2.5em/0.75 cactusbold, helvetica, helve, sans-serif;
  padding-right: 1.25rem;
  white-space: nowrap;
}
.notice-container .notice .notice-text {
  font: 1.5em/1 cactusbold, helvetica, helve, sans-serif;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .notice-container .notice {
    display: block;
    font-size: 0.875em;
    padding: 0.75rem 1rem;
  }
  .notice-container .notice > * {
    display: block;
    text-align: left;
    width: 100%;
    padding: 0;
  }
  .notice-container .notice .notice-text {
    padding-top: 0.375rem;
  }
}
.giving-programs ._slider {
  margin: 1.5em 0;
}
.giving-programs ._slider ._slider-bar {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row nowrap;
}
.giving-programs ._slider ._slider-bar li {
  display: block;
  width: 20%;
  margin-right: 0.125em;
  background: #ccc;
  cursor: pointer;
  text-transform: uppercase;
  font-family: cactusbold, helvetica, helve, sans-serif;
  font-size: 1.125em;
  color: #fff;
}
.giving-programs ._slider ._slider-bar li:before {
  display: none;
}
.giving-programs ._slider ._slider-bar li.active {
  background: #fb4601;
  cursor: default;
  pointer-events: none;
}
.giving-programs ._header {
  display: table;
  margin: 1.5em 0;
  font-size: 1em;
  width: 100%;
}
.giving-programs ._header > * {
  display: table-cell;
  vertical-align: middle;
}
.giving-programs ._header .caption {
  font: 4.75em/0.9 cactusbold, helvetica, helve, sans-serif;
  color: #000;
  text-transform: uppercase;
}
.giving-programs ._header .values {
  font: 2.125em/1 cactusbold, helvetica, helve, sans-serif;
  color: #ccc;
  width: 65%;
  padding: 0 1rem;
}
.giving-programs ._header .values span {
  color: #000;
}
.giving-programs ._header .join {
  text-align: right;
}
.giving-programs ._header .join .button {
  white-space: nowrap;
}
.giving-programs ._table {
  max-width: 950px;
  width: 100%;
  overflow: hidden;
  /*.thead {
            width: 50%;
            position: relative;
            z-index:1;
            top: 0;
            left: 0;
            
            .column {
                div {
                    padding: .3rem 1.2rem;
                    font: 1.375em/1.1 @font-subcaption;
                    color: @color-white;
                    border-bottom: 1px solid @color-white;
                    text-align: right;
                    background: @color-gray;
                    text-transform: uppercase;
                    &.active {
                        background: @color-red;
                    }
                }
            }

        }
        .tbody {
            width: 50%;
            position: absolute;
            z-index: 1;
            left: 50%;
            top: 0;
            //display: flex;
            //flex-flow: row nowrap;
            
            .column {
                display: block;
                float: left;
                div {
                    padding: .3rem 1.2rem;
                    font: 1.425em/1.1 @font-subcaption;
                    color: @color-black;
                    border-bottom: 1px solid @color-white;
                    background: #f5f5f5;
                    text-align: center;
                    text-transform: uppercase;
                    &.active {
                        background: @color-gray;
                    }
                }
            }
            
            &:after {
                content: "";
                clear: both;
                display: table;
            }

        }*/
}
.giving-programs ._table ._table-inner {
  position: relative;
  display: table;
}
.giving-programs ._table .row {
  display: table-row;
}
.giving-programs ._table .row div {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  transition: background-color 0.5s;
}
.giving-programs ._table .row div:first-child {
  padding: 0.3rem 1.2rem;
  font: 1.375em/1.1 cactusmedium, helvetica, helve, sans-serif;
  color: #fff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #e0e0e0;
  text-align: right;
  text-transform: uppercase;
}
.giving-programs ._table .row div:first-child.active {
  background-color: #fb4601;
}
.giving-programs ._table .row div:last-child {
  padding: 0.3rem 1.2rem;
  font: 1.425em/1.1 cactusbold, helvetica, helve, sans-serif;
  color: #000;
  border-bottom: 1px solid #fff;
  background-color: #f5f5f5;
  text-align: center;
  text-transform: uppercase;
}
.giving-programs ._table .row div:last-child.active {
  background-color: #ebebeb;
}
.giving-programs ._table .row div:last-child img {
  max-width: 48px;
  width: 1em;
}
@media (max-width: 991px) {
  .giving-programs ._header {
    font-size: 0.875em;
  }
}
@media (max-width: 768px) {
  .giving-programs ._header {
    font-size: 1em;
    display: block;
  }
  .giving-programs ._header > * {
    display: block;
  }
  .giving-programs ._header .caption {
    font-size: 4.5em;
  }
  .giving-programs ._header .values {
    font-size: 2em;
    padding: 0.5rem 0;
  }
  .giving-programs ._header .join {
    text-align: left;
  }
}
.st-slideshow {
  margin: 1em 0;
  /* Next & previous buttons */
  /* Position the "next button" to the right */
  /* Caption text */
  /*.text {
      color: #f2f2f2;
      font-size: 15px;
      padding: 8px 12px;
      position: absolute;
      bottom: 8px;
      width: 100%;
      text-align: center;
    }*/
  /* Number text (1/3 etc) */
  /* The dots/bullets/indicators */
  /* Fading animation */
}
.st-slideshow .slideshow-wrapper {
  width: 100%;
  position: relative;
  margin: auto;
}
.st-slideshow .slide {
  display: none;
  text-align: center;
}
.st-slideshow .slide img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
.st-slideshow .prev {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px 16px 14px 16px;
  color: white;
  font-weight: bold;
  font-size: 21px;
  transition: 0.6s ease;
  border-radius: 0;
  user-select: none;
}
.st-slideshow .prev:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.st-slideshow .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px 16px 14px 16px;
  color: white;
  font-weight: bold;
  font-size: 21px;
  transition: 0.6s ease;
  border-radius: 0;
  user-select: none;
  right: 0;
}
.st-slideshow .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.st-slideshow .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.st-slideshow .numeration {
  color: #fff;
  font-size: 14px;
  padding: 0.55rem 0.7rem;
  position: absolute;
  top: 0;
}
.st-slideshow .dot-wrapper {
  text-align: center;
  margin: 0.5rem 0;
}
.st-slideshow .dot {
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin: 0 2px;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.st-slideshow .dot.active,
.st-slideshow .dot:hover,
.st-slideshow .dot:focus {
  background-color: #999;
}
.st-slideshow .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 769px) {
  .mb-mode {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .dp-mode {
    display: none;
  }
}



.grid-rows-2 {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
}
.list-li {
    display: block;
    padding: 0 0 7px 0;
    line-height: 1.25;
}
@media (max-width: 768px) {
    .grid-rows-2 {
        gap: 0px;
        grid-template-columns: 1fr;
    }
}




body.remove-scroll {
  overflow-y:hidden !important;
}


.footer-popup {
  position: fixed;
  left: 0; right: 0;
  bottom: -50%;
  top: 100%;
  z-index: 100;
  background-color: #fff;
  font-size: 1em;
  border-top: 1px solid #000;
  transition: bottom 1s;
  color: #000;
}
.footer-popup.visible {
	top: auto;
	bottom: 0;
}
.footer-popup .inner {
  padding: 1.75rem 3.5rem;
  text-align: center;
  max-width: 1500px;
  margin: 0 auto;
}
.footer-popup .x-cross {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 1;
	width: 1.5rem;
	height: 1.5rem;
	cursor: pointer;
}

.footer-popup .checkbox {
  padding: 1rem 0 .5rem 0;
  display: inline-block;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  font-size: 1.125em;
}
.footer-popup .checkbox label {
  padding: 0 0 0 .325rem;
}

@media (max-width: 1600px) {
  .footer-popup .inner {
	  max-width: 1400px;
  }
}
@media (max-width: 1200px) {
  .footer-popup .inner {
    padding: 1.5rem 2.85rem;
    text-align: center;
	  max-width: 940px;
  }
  .footer-popup .x-cross {
	  width: 1.2rem;
	  height: 1.2rem;
  }
}
@media (max-width: 991px) {
  .footer-popup {
    font-size: 0.9375em;
  }
  .footer-popup .inner {
    padding: 1.25rem 2.5rem;
    text-align: center;
  }
  .footer-popup .x-cross {
	  width: 1rem;
	  height: 1rem;
  }
}



.header-button {
  display: none;
  background-color: #000;
}
@media (max-width: 768px) {
  .header-button {
    position: fixed;
    z-index: 100;
    top: 0; left: 0; right: 0;

    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    height: 62px;
    padding: 0 1rem;
  }

  .header-button-inside header {
    top: 62px;
  }
  .header-button-inside .landing, 
  .header-button-inside article {
    margin-top: 159px;
  }
}




.com-finder__filter, .com-finder__advanced, .com-finder .result__taxonomy {
  display: none;
}
.com-finder .js-finder-searchform .btn-secondary {
  display: none;
}
.com-finder .visually-hidden, .com-finder .result__title-url {
  display: none;
}
.com-finder .com-finder__results {
  padding-top: 30px;
}



@media (max-width:768px) {
  .hidden-xs {
    display: none;
  }
}
@media (min-width:769px) {
  .visible-xs {
    display: none;
  }
}
@media (max-width:768px) {
  .visible-xs {
    display: inherit;
  }
}