/*
 * core.css - all global CSS code belongs in this file
 *
 */

html {
  color: #fff;
  background-color: #00080a;
  font-size: 16px;
  min-width: 320px;
  font-family: "EurostileNextPro";
  font-style: normal;
  font-stretch: expanded;
  font-weight: 400;
}
@media (min-width:1024px) {
  html {
    font-size: 18px;
  }
}
@media (min-width:2000px) {
  html {
    font-size: 19px;
  }
}

body {
  line-height: 1;
  font-synthesis: none!important;
  text-transform: uppercase;
}
body:not(.home):not(.backpage):not(.faq):after {
  content: '';
  position: fixed;
  width: 100%;  height: 100%;
  top: 50%;     left: 50%;
  transform: translate(-50%, -50%);/*
  background-image: url(../_img/bg-white-interior.jpg);
  background-size:cover;
  background-position: center;
  background-color: transparent;*/
}

h1, h2, h3, h4, h5, h6, .address .theater-name {
  margin: 0 auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 750;
  color: #dc2b2b;
  line-height: .875;
  letter-spacing: normal;
}

h1, h2, h3 {
  text-transform: uppercase;
}

h2, h3 {
  color: #a8dae3;
}

h1 { font-size: 2.5em; margin: 1em auto; }
h2 { font-size: 2em; font-weight: normal; }
h3 { font-size: 1.625em; }
h4 { font-size: 1.125em; }
h5 { font-size: 1em; }
h6 { font-size: .875em; }

a, button, .btn { 
  pointer-events: all;
}

main p, main ul, main ol, #footer {
  text-transform: none;
  font-family: "trade-gothic-next-lt-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

a { color: #a8dae3; transition: color .4s; }
a * { pointer-events: none; }
a:hover { color:#fff; }
p a:hover { color:#fff; }

.white { color: #fff; } /* stars */
.black { color: #000; } /* stars */
.blue { color: #a8dae3; } /* stars */
.blue2 { color: #19abb5; } /* stars */
.blue3 { color: #91d5e0; } /* stars */
.red { color: #dc2b2b; } /* stars */
.red2 { color: #e30613; } /* stars */
.red3 { color: #cf070c; } /* tix button */
.red4 { color: #ff000f; } /* header */
/* fade on */
.fade-on, .member, #blurb > .container > * {
  opacity: 0;
  filter: blur(.5em);
  transition: opacity .875s ease-out .1s,
    filter .55s ease-in-out .1s;
}
.fade-on.on-screen, .member.on-screen, .overlay .member, #blurb > .container > * {
  opacity: 1;
  filter: blur(0);
}

.container.media {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
} @media (max-width:767px) {
  .container.media {
    max-width: 100%;
  }
}

#cal-nav {
  position: relative;
}
.boxes {
  position: relative;
  justify-content: space-between;
  align-items: stretch;
  row-gap: 1.25em;
} .box {
  position: relative;
  background-color: #000;
  background-color: transparent;
  border: 0;
  padding: 1.125em;
  z-index: 3;
  width:100%;
  filter: drop-shadow(0 0 .375em #fff4);
} .box h3, .box h1 {
  font-size: 1.875em;
  line-height: 1;
  margin: 0 auto .5em;
} .box h3.form-thanks {
  margin: 0 auto 0.125em;
} .box p {
  line-height: 1.3;
  margin: .625em auto;
} @media (max-width: 399px) {
  .box h3, .box h1 {
    font-size: 7.5vw;
  }
}
@media (max-width: 1023px) {
  .box.col-1-3 {
    flex: 1 1 100%;
    max-width: none;
  }
}
@media (min-width:533px) and (max-width: 1023px) {
  .box.col-1-3 p br {
    display: none;
  }
}

#outerwrapper {
  margin: 0 auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index:100000;
}

/* rotator */
#outerwrapper .rotator { position: relative; }
#outerwrapper .rotator:not(.quotes) > *:not(:first-child),
#outerwrapper .rotator.quotes > *:not(.longest) { max-width: calc(100% - 2em);
  position: absolute; top: 50%; left: 50%; width: 100%; display: block; transform: translate(-50%,-50%); }
#outerwrapper .rotator:not(.quotes) > *:not(:first-child) {
  max-width: 100%;
}
#outerwrapper .rotator:not(.quotes) > *:first-child,
#outerwrapper .rotator.quotes > *.longest { position: relative; }
#outerwrapper .rotator > * { width: 100%; opacity: 0;
  transition-property: transform, opacity;
  transition-duration: 0.5s, 0.5s;
  transition-delay: 0s, 0s; }
#outerwrapper .rotator.slide > * { transition-duration: .5s, 0s; }
#outerwrapper .rotator > *.active { opacity: 1; transition-delay: 0s, .5s; }
#outerwrapper .rotator.slide > *.next,
#outerwrapper .rotator.slide > *.prev { transition-delay: opacity .5s; }
#outerwrapper .rotator.slide > *.next { transform: translate(-150%,-50%); }
#outerwrapper .rotator.slide > *.current { transform: translate(-50%,-50%); }
#outerwrapper .rotator.slide > *.prev { transform: translate(50%,-50%); }
#outerwrapper .rotator.slide > *:first-child.next { transform: translate(-100%,0); }
#outerwrapper .rotator.slide > *:first-child.current { transform: translate(0,0); }
#outerwrapper .rotator.slide > *:first-child.prev { transform: translate(100%,0); }

/*
 GLOBAL SECTION
 ----------------------------------------------------------------------------*/
html, body {
}

#content {
  width: 100%;
  margin: 0 auto;
	position: relative;
  pointer-events: none;
}
#content > * {
  pointer-events: all;
}
body:not(.home):not(.signup) #content {
  font-size: .875rem;
}

body:not(.home) #content {
  padding-top: 4.75em;
}


#content > section { 
  width: 100%;
  margin: 0 auto;
}

section > .container {
  padding-inline: 2em;
  @media (max-width:767px) {
    padding-inline: 1.125em;
  }
}

body:not(.home) section > .container {
  padding-block: 4em;
}

.container .container {
  padding-inline: 0;
}

/* fade out */
.fade-sides {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent, #000 15%, #000 85%, transparent 100%);
}
.fade-bottom {
  -webkit-mask-image: linear-gradient(0deg, transparent, #000 15%, #000 100%);
  mask-image: linear-gradient(0deg, transparent, #000 15%, #000 100%);
}
.fade-inline {
  /* Standard property */
  mask-image: linear-gradient(
    to bottom, 
    transparent 0%, 
    black 8%,
    black 92%, 
    transparent 100%
  );
  
  /* Webkit prefix for Safari and Chrome */
  -webkit-mask-image: linear-gradient(
    to bottom, 
    transparent 0%, 
    black 8%, 
    black 92%, 
    transparent 100%
  );
}

.flicker-once {
  animation: flicker-animation 2s ease-out;
}
@keyframes flicker-animation {
  70%, 100% {
    opacity: 1;
  }
  0% {
    opacity: 0;
  }
}

.flicker-loop {
  /* Animation name, duration, linear, infinite loop */
  animation: flickerStart 20s linear infinite;
}

@keyframes flickerStart {
  /* 0% to 15%: The flicker happens here (first 3 seconds) */
  6%, 7%, 11% { opacity: 0; }
  0%, 5.5%, 6.25%, 6.5%, 7.25%, 10.5%, 11.25% { opacity: 1; }
  
  /* 15% to 100%: Stable for the rest of the 20 seconds */
  16%, 100% { opacity: 1; }
}


  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-.125em);
    }
		80% {
      opacity: 1;
		}
    100% {
      transform: translateY(0);
    }
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translateX(1em);
      filter: blur(.75em) ease-out;
    }
    20% {
      filter: blur(.25em) ease-out;
    }
    40% {
      filter: blur(.5em) ease-out;
    }
    60% {
      filter: blur(.0625em) ease-out;
    }
    80% {
      filter: blur(.125em ease-out);
      opacity: 1;
    }
    100% {
      transform: translateY(0);
      filter: blur(0);
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translateX(-.5em);
      filter: blur(.75em);
    }
    20% {
      filter: blur(.25em);
    }
    40% {
      filter: blur(.5em);
    }
    60% {
      filter: blur(.0625em);
    }
    80% {
      filter: blur(.125em);
      opacity: 1;
    }
    100% {
      transform: translateY(0);
      filter: blur(0);
    }
  }

.burst-effect {
  width: 100px;
  height: 100px;
  background: white;
  border-radius: 50%;
  /* Combine filters: order matters! */
  filter: brightness(3) blur(20px) contrast(1.5);
  /* Optional animation to make it "pulse" or "burst" */
  transition: transform 0.3s ease-out, filter 0.3s ease-out;
}

.burst-effect:hover {
  transform: scale(2.5);
  filter: brightness(5) blur(40px) contrast(2);
}


#keyart, #title, #billing, #content, #footer {
  z-index: -1;
}

#keyart, #title, #billing, #content, #footer {
  z-index: 1;
}

#outerwrapper:after {
  z-index: 2;
}

#title, #billing, #content, #footer {
  z-index: 3;
}


/*
  HEADER
----------------------------------------------------------------------------*/
#header {
  position: fixed;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color:transparent;
  pointer-events: none;
  height: 4em;
  transition: background-color .2s ease-out;
  font-size: 1em;
}
#header * {
  pointer-events: all;
}

body.home #header:after {
  content: '';
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 6em;
  background-image: linear-gradient(#000 0%, transparent 90%);
  z-index:-1;
}
/* gradient fade on bottom */
/*body.home #footer:after {
  content: '';
  position: absolute;
  bottom: 0;
  left:0;
  width: 100%;
  height: 6em;
  background-image: linear-gradient( transparent 0%, #000 90%);
  z-index:-1;
}*/

#header.scrolled {
  color: #fff !important;
  background-color: #000000 !important;
  pointer-events: all;
}

/* Header container */
#header {
  display: flex;
  width: 100%;
  align-items: center; /* Vertically centers items */
  justify-content: space-between; /* Distributes space between items */
}

/* Left and Right column - fixed width */
#header-left,
#header-right {
  width: 14em;
  flex: 0 0 14em;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#header-right {
  padding-right: 1em;
}

/* Middle column - takes remaining space */
#header-center {
  flex: 1; /* Takes all available space */
  min-width: 0; /* Allows content to shrink properly */
  display: flex;
  flex-direction: row;
  align-items: center;
}

#header h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 1.25em;
  width: 100%;
  color: #a8dae3;
  font-weight: bold;
  text-transform: none;
  letter-spacing: -.03125em;
}
@media (min-height: 439px) and (max-width: 439px) {
  #header h2 {
    font-size: 4.5vw;
  }
}

#btn-tickets {
  width: 100%;
  font-family: "Knockout";
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  font-size: 2.25em;
  line-height: .9;
  z-index: 9;
  font-weight: 800;
  letter-spacing: .05em;
  transition: background-color .2s ease-out,
    border-color .2s ease-out,
    color .2s ease-out,
    opacity .5s ease-in-out;
  flex: 0 0 auto;
  z-index: 4;
  margin: 0;
  filter: drop-shadow(-.0625em .0625em .1875em #0008);
  pointer-events: all !important;

  @media (max-width:1023px) {
    color: #000;
    background-color: #d02027;
    border: 0;
  }
}
@media (max-width: 479px) {
  #btn-tickets {
    font-size: 10.875vw;
    text-align: center;
  }
}
.home.red #btn-tickets{
  color: #000;
  background-color: #fff;
}
.home.green #btn-tickets {
  color: #d02027;
  background-color: #000;
}
@media (max-width: 1023px) {
  #btn-tickets,
  .home #btn-tickets {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    font-size: 3.25em;
    padding: .25em 0 .3125em;
    border-radius: 0;
    color: #000;
    background-color: #d02027;
  }
  #btn-tickets:hover,
  .home #btn-tickets:hover {
    background-color: #fff;
    color: #000;
  }
}

#nav-logo {
  margin-left: .125em;
}
#nav-logo svg {
  max-width: 3.5em;
}
#nav-logo svg > * {
  fill: #fff;
}
#nav-logo:hover svg > * {
  fill: #d02027;
}

#nav {
  background-color: #000;
  -webkit-backdrop-filter: blur(10 px) !important;
  -moz-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  pointer-events: all;
}

#nav a {
  transition: background-color .2s ease-out,
    border-color .2s ease-out,
    color .2s ease-out;
}
#nav a:hover {
  transition: background-color .1s ease-out,
    border-color .1s ease-out,
    color .1s ease-out;
}

#nav a.active { 
  background-color: #fff;
  color: #000;
  pointer-events:none;
}
#nav a:hover,
#nav a:active {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

/* menu button */
#nav-open,
#nav-close {
  position: relative;
  display: block;
  flex: 0 0 2.5em;
  height: 2.5em;
  padding: .5em;
  margin-inline:.5em;
  cursor: pointer;
  background: transparent;
  opacity: 1;
  transition: all .3s;
  border: none;
  z-index: 11;
}

#nav-open *,
#nav-close * {
  pointer-events: none;
}

.hamburger {
  position: absolute;
  height: 75%;
  width: 75%;
  left: 50%;
  transform: translate(-50%, -50%);

}
.bun:before,
.bun:after,
.patty {
  content: '';
  width: 100%;
  height: .25em;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  background-color: #fff;
  transition: all .3s;
  pointer-events: none;
  border: none;
  border-radius: .125em;
}
#nav-close .bun:before,
#nav-close .bun:after,
#nav-close .patty {
  background-color: #fff;
  filter: none;
}
.home.green .bun:before,
.home.green .bun:after,
.home.green .patty {
  background-color: #000;
}
.home.white .bun:before,
.home.white .bun:after,
.home.white .patty {
  background-color: #fff;
}
.bun:before {
  top: calc(50% - .6875rem);
}
.bun:after {
  top: calc(50% + .6875rem);
}
.patty {
  top: 50%;
}
.home.green #nav-open:hover .bun:before,
.home.green #nav-open:hover .bun:after,
.home.green #nav-open:hover .patty {
  border-color: #fff;
  background-color: #fff;
}
.home.white #nav-open:hover .bun:before,
.home.white #nav-open:hover .bun:after,
.home.white #nav-open:hover .patty,
#nav-open:hover .bun:before,
#nav-open:hover .bun:after,
#nav-open:hover .patty {
  border-color: #91d5e0;
  background-color: #91d5e0;
}
#nav-close:hover .bun:before,
#nav-close:hover .bun:after,
#nav-close:hover .patty {
  border-color: #91d5e0;
  background-color: #91d5e0;
}

#nav-close .hamburger .patty {
  opacity: 0;
}
#nav-close .hamburger .bun:before,
#nav-close .hamburger .bun:after {
  transform: translate(-50%,-50%) rotate(45deg);
  transform-origin: center;
  top: 50%; left: 50%;
}
#nav-close .hamburger .bun:after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

/*
 SOCIAL ICONS
----------------------- */
.social .icon {
  display: inline-block;
  transform: translate(-.125em);
}
.social .icon a {
  display: inline-block;
  height: 1.875em;
}
.social .icon.tiktok a {
  padding: .075em .25em;
  margin: 0 .125em;
}
.social a svg {
  display: block;
  width: auto;
  height: 100%;
}
.social a svg > * {
  fill: #dc2b2b;
  transition: fill .4s;
}
.social a:hover svg > * {
  fill: #fff;
}

/*
OPT-IN FORM SECTION
----------------------------------------------------------------------------*/
input {
  text-align: center;
}

.box .optin form  {
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.box .optin input {
  color: #fff;
  background-color: transparent;
  height: auto;
  text-transform: uppercase;
}
.box input, .box .optin button {
  width: 100%;
}
.box .optin .form-field {
  width: auto;
  flex-direction: column;
}
.box .optin .form-field:not(.error) input::-webkit-input-placeholder {
  color: #fff;
}
.box .optin .form-field:not(.error) input:-moz-placeholder { /* Firefox 18- */
  color: #fff; }
.box .optin .form-field:not(.error) input::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}
.box .optin .form-field:not(.error) input:-ms-input-placeholder {
  color: #fff;
}

/*
  COOKIE CONSENT
-------------------------------- */
html body .cc-revoke,
html body .cc-window {
  font-family: inherit;
}

body .cc-window.cc-floating {
  max-width: none;
  width: 17em;
  font-size: .875em;
  top: 50%;
  height: 20em;
  transform: translateY(14%);
}

html body .cc-window {
  gap: 30px;
  row-gap: 0;
  text-align: left;
  color: #000;
}

input, button, .btn, .cc-compliance .cc-btn, a.close {
  font-size: 16px;
  line-height: .825;
  border-radius: 0;
}
button *, .btn *, a * {
  pointer-events:none!important;
}
button svg {
  max-width: 2em;
}

.btn, html body .cc-compliance .cc-btn, a.close, a.close:hover svg * {
  font-family: "Knockout";
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  display: inline-block;
  background-color: transparent;
  border: .0625em solid #fff;
  color: #fff;
  /*font-family: "DINSlab";
  font-style: normal;
  font-stretch: normal;
  font-weight: 700;*/
  line-height: .8;
  text-transform: uppercase;
  padding: .125em 0.625em .1875em;
  font-size: 1.1875em;
  line-height: .9375;
  position: relative;
  transition: background-color .75s ease-out, border-color .75s ease-out, color .75s ease-out;
  border-radius: .25em;
  -webkit-font-smoothing: antialiased;
}
a.close:hover svg * {
  transition: all .2s;
}
button:hover, .btn:hover, html body .cc-compliance .cc-btn:hover, a.close:hover, a.close:hover svg * {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  transition: background-color .3s ease-out,
    border-color .3s ease-out,
    color .3s ease-out;
}

html body .cc-compliance .cc-btn:last-child {
  font-size: .875rem;
  line-height: 1.2;
  min-width: 5rem;
  display:inline-block;
  text-align: center;
  white-space: normal;
}

@media (min-width: 768px) {
  html body .cc-compliance .cc-btn:last-child {
    max-width: 9rem;
  }
}

/* video */
#video-play {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  background-color: #000;
  border: .25em solid #fff;
  border-radius: .25em;
}
.page-loaded #video-play:after {
  /* custom video thumb */
  content: '';
  background-image: url('data:image/svg+xml,<svg id="TriangleRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 288"><defs><style>.b{fill:%23fff;}</style></defs><polygon class="b" points="0 0 0 288 252 144 0 0"/></svg>');
  background-position: 56.25% 50%;
  background-repeat: no-repeat;
  background-size: 0.875em;
  position: absolute;
  top: 50%; left: 50%;
  width: 2em;
  font-size: 3.25em;
  height: 2em;
  padding-left: 0.2em;
  transform: translate(-50%,-50%);
  pointer-events: none;
  opacity: 0;
  transition: all .2s;
  z-index: 1;
  border: .1875em solid #fff;
  border-radius: 50%;
  background-color: #16243799;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-loaded #video-play.custom-thumb:after {
  opacity: 1;
}
.page-loaded #video-play.custom-thumb:hover:after {
  transform: scale(.90) translate(-55%,-55%);
  transition: all .4s;
}
#video-play.custom-thumb * {
  pointer-events:none;
}
#video-play iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#video-play img {
  height:  100%;
  width: auto!important;
  position:  absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  filter: opacity(0.65) saturate(0.875);
}
#video-play:hover img {
  filter: opacity(.8) saturate(1);
}
#video h2 {
  font-size: 1.5em;
  margin-bottom: .625em;
}

/* video */
#trailer h2 {
  margin-bottom: .625em;
}
.custom-thumb {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 65.875%;
  height: 0;
  background-color: #000;
  border: .25em solid #db0000;
  cursor: pointer;
}
.page-loaded .custom-thumb:after {
  /* custom video thumb */
  content: '';
  background-image: url('data:image/svg+xml,<svg id="TriangleRight" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 288"><defs><style>.b{fill:%23ffffff;}</style></defs><polygon class="b" points="0 0 0 288 252 144 0 0"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875em;
  position: absolute;
  top: 50%; left: 50%;
  width: 2em;
  font-size: 5.5em;
  height: 2em;
  padding-left: 0.2em;
  transform: translate(-50%,-50%);
  pointer-events: none;
  opacity: 0;
  transition: all .2s ease-out;
  z-index: 1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-loaded .custom-thumb.custom-thumb:after {
  opacity: 1;
}
.page-loaded .custom-thumb.custom-thumb:hover:after {
  transform: scale(.90) translate(-55%,-55%);
  transition: all .4s ease-out;
  opacity: 1;
}
.page-loaded .custom-thumb.custom-thumb.playing:after {
  opacity: 0;
}
.custom-thumb:hover {
  border: .25em solid #fff;
}
.custom-thumb.custom-thumb * {
  pointer-events:none;
}
.custom-thumb iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.custom-thumb img {
  height:  100%;
  width: auto!important;
  position:  absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* cookie consent */
body .cc-banner .cc-message {
  text-align:left;
  font-size: .875em;
  line-height: 1.5625;
  z-index: 999999999999;
  margin-bottom: 0 !important;
}
body .cc-window.cc-banner {
  flex-direction: column;
  gap: .75em;
}
body .cc-window.cc-floating {
  max-width: none;
  padding: 1.5em;
  top: 50%;
  transform: translateY(11%);
  transform-origin-x: translateY(11%);
  width: 16em;
  height: 19em;
  z-index: 8;
}
body .cc-banner.cc-bottom {
  right: auto;
  bottom: 8.5rem;
  top: auto;
  font-size: 0.875rem;
  max-width: 14rem;
  transform: translate(-120%,0);
  transition: transform .5s ease-in-out;
  padding: 1.5em;
} @media (min-width:1024px) {
  body .cc-banner.cc-bottom {
    bottom: 4.5em;
  }
}
.cc-banner.cc-bottom:not(.cc-invisible) {
  transform: translate(0,0);
}
body .cc-compliance {
  align-self: self-start;
}
@media (max-width:532px) {
  body .cc-window.cc-banner {
    flex-direction: column;
    gap: 1em;
  }
  body .cc-btn {
    display: block;
  }
}
  body .cc-compliance {
    width: 100%!important;
  }