/*
 * core.css - all custom CSS code belongs in this file; including Bootstrap
 * Framework overrides.
 *
 */

/* =============================================================================
 CUSTOM CSS
 ========================================================================== */
/*
 BOOTSTRAP OVERRIDES
 ----------------------------------------------------------------------------*/
/* Sets Box model */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

@font-face {
    font-family: 'Trixie-Text';
    src: url('../_fonts/Trixie-Text.woff') format('woff2'),
        url('../_fonts/Trixie-Text.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html, body {
  line-height: 1;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  background:#000;
  color:#fff;
  overflow-x:hidden;
}

body {
  min-height:100vh;
  position:relative;
  background:url('../cdn/websites/almostfamous/_img/background2.jpg') no-repeat bottom center #000;
  background-size:cover;
  margin-top: 43px;
}

html {
  font-size: 14px;
}
@media screen and (min-width: 480px) {
  html {
    font-size: calc(14px + 8 * ((100vw - 480px) / 1320));
  }
}
@media screen and (min-width: 1800px) {
  html {
    font-size: 22px;
  }
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1;
  padding: 0 0 .5em;
  text-align: left;
}

h1 { font-size: 280%; }
h2 { font-size: 220%; }
h3 { font-size: 170%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6 { font-size: 80%; }

p {
  text-align: left;
  line-height: 1.5;
  padding: 0 0 1.5em;
  text-transform: none;
  letter-spacing: normal;
}

img { outline: none; border: 0; }

.img-responsive { display: inline; }

.nowrap { white-space: nowrap; }

em, i { font-style: italic;}

strong, b { font-weight:700; }

a { color: #ffc60a; text-decoration: none; }
a:hover { color:#ffffff; text-decoration:none; }

.cc-banner .cc-btn:last-child {
  font-size:18px;
}

.cc-banner .cc-btn:last-child, .cc-banner .cc-message {
  font-size:22px;
      font-family: aktiv-grotesk, sans-serif;
  font-weight: 300;
  font-style: normal;
}

.ib {
  display:inline-block;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

@media (max-width:767px) {
  .cc-banner .cc-btn:last-child, .cc-banner .cc-message {
    font-size:15px;
  }

  .cc-window.cc-banner {
    padding:10px;
  }
}

/*
 UTILITY CLASSES SECTION
 ----------------------------------------------------------------------------*/
iframe#mediaplxpxl {
  opacity: 0;
}

.w100 {
  width: 100%;
  height: auto;
}

/*
 GLOBAL SECTION
 ----------------------------------------------------------------------------*/

#outerwrapper {
  min-height: 100%;
  margin:0px;
  position:relative;
  z-index:3;
}

#content {
  padding-top: 0em;
  margin: 0px;
  position:relative;
  z-index:3;
}

section {
  padding-top: 0em;
}

section#privacy {
  padding-top:3.5em;
}

.tablet {
  display:none;
}

.title {
  width:135%;
  margin-left:-23.5%;
}

.strip-left {
  position:absolute;
  bottom:0;
  left:0;
  width:400px;
}

.strip-right {
  position:absolute;
  bottom:0;
  right:0;
  width:300px;
}

@media (min-width:1000px) {
  .title {
    width:115%;
    margin-left:-7.5%;
  }
}

@media (min-width:1200px) {
  .title {
    width:90%;
    max-width:1200px;
    margin:0px auto 0;
  }
}

@media (min-width:1000px) and (max-width:1300px) {
  .strip-left {
    left:-100px;
    width:350px;
  }

  .strip-right {
    right:-100px;
    width:250px;
  }
}

@media (min-width:768px) and (max-width:999px) {
  .strip-left {
    left:-100px;
    width:350px;
  }

  .strip-right {
    display:none;
  }
}

@media (max-width:767px) {
  .title {
    width:135%;
    margin-left:-23.5%;
    margin-top:15px;
  }

  #content {
    padding-top:0em;
  }

  section#privacy {
    padding-top:1em;
  }

  #content {
    border-left:0;
    border-right:0;
    margin:7px 0;
    z-index:2;
  }

  #outerwrapper {
    border-left:0;
    border-right:0;
    margin:0;
    z-index:2;
  }

  .strip-right {
    display:none;
  }

  .strip-left {
    bottom: 40px;
    left: -60px;
    width: 230px;
  }
}




/*
 HEADER SECTION
 ----------------------------------------------------------------------------*/
#header {
  line-height: .9;
  font-size: 140%;
  width: 100%;
  text-align: center;
  height:43px;
  z-index:1000;
  position:fixed;
  top:0;
  left:0;
  margin:0 auto;
  right:0;
  background:#000;
}

.cta {
  width:560px;
  margin:auto;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}


#header h2 {
  color:#fff;
  text-align:center;
  font-size:24px;
  padding:10px 0;
  font-family:'Bushwick JNL W05 Regular';
  font-weight:normal;
}

@media (max-width:624px) {
  #header h2 {
    font-size:14px;
  }
}

@media (min-width:625px) and (max-width: 1067px) {
  #header h2 {
    font-size: 2.25vw;
  }
}

#header-social {
  font-size: 90%;
  line-height: .9;
  position:absolute;
  left:10px;
  top:0;
  z-index:200;
}

#btn-tickets {
  position:absolute;
  top:0px;
  width:240px;
  right:0;
  margin:auto;
  height:42px;
  font-size:37px;
}

#btn-tickets:hover {
  background:#6c4a74;
  text-decoration: none;
}

@media (max-width:767px) {
  .cta {
    width:100%;
  }

  #header h2 {
    width:100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 43px;
    padding: 0 15px 0 45px;
  }

  #btn-tickets-sm {
    width:100%;
    left:0;
    bottom:0;
    position:fixed;
    z-index:1000;
    background:#ffc60a;
    text-align:center;
  }

  .btn-img {
    max-width:280px;
    margin:0 auto;
  }

  #btn-tickets-sm:hover {
    background:#fff;
  }
}

@media (min-width:768px) and (max-width:900px) {

  .cta {
    width:100%;
  }
}

/*
 SPOTIFY PLAYER
 ----------------------------------------------------------------------------*/
#spotify iframe {
  position: absolute;
  top: 220px;
  left: 0;
  width: 100%;
  height: 100%;
  border-left: 2px solid #ffc60a;
  border-top:2px solid #ffc60a;
  border-bottom:2px solid #ffc60a;
}

#spotify {
  position: fixed;
  top: 50px;
  right: -400px;
  width: 400px;
  height: 215px;
  margin: 0;
  -webkit-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index:1000;
  opacity:0;
}

#spotify.open {
  right:0;
}

#spotify .listen-button {
  display:block;
  /*top:39%;*/
  top:220px;
  right:398px;
  position:absolute;
  width:50px;
  height:155px;
  background:#ffc60a;
  font-size:29px;
  color:#000;
  text-transform:uppercase;
    font-family: 'Bushwick JNL W05 Regular';
}

#spotify .listen-button span {
  position: absolute;
  top: 142px;
  right: -109px;
  display:block;
  transform-origin: 0 0;
  transform: rotate(-90deg);
  width:150px;
}

#spotify .listen-button span img {
  position:absolute;
  top:13px;
  right:90px;
  width:50px;
}

#spotify .listen-button span i {
  position:absolute;
  top:0;
  right:19px;
  font-size:90%;
}

#spotify .listen-button:hover {
  cursor:pointer;
}

@media (max-width:767px) {
  #spotify {
    width:250px;
    height: 43.25%;
    border-bottom: 2px solid #465889;
  }

  #spotify .listen-button {
    display:none;
  }
}

@media (max-height:625px) {
  #spotify {
    height:91.75%;
  }
}

@media (min-height:775px) {
  #spotify {
    height:94%;
  }
}

/*
 SOCIAL ICONS
 ----------------------------------------------------------------------------*/

.social-icons {
  margin-top:0px;
  margin-bottom:20px;
}

.social-icons a {
  display: inline-block;
  width: auto;
  padding: .25em;
  line-height: .9;
  font-size:35px;
  color:#6c4a74;
}

.social-icons a:hover {
  text-decoration: none;
}

@media (max-width:767px) {
  .social-icons a {
    font-size:30px;
  }
}

/*
 NAV SECTION
 ----------------------------------------------------------------------------*/
 .hamburger, #nav a.menu-close {
   color:#ffc60a;
   font-size:30px;
   position:absolute;
   left:13px;
   top:7px;
   z-index:100;
 }

 #nav a.menu-close {
   top:4px;
   left:15px;
 }

 .hamburger:hover, #nav a.menu-close:hover {
   color:#fff;
   cursor: pointer;
 }

 #nav {
   position:fixed;
   top:0;
   left:-200px;
   height:100%;
   z-index:10000000;
   background:#000000;
   width:200px;
   padding:0 10px 15px;
   transition: all .3s ease;
   opacity:0;
 }

 #nav.open {
   left:0px;
   opacity:1;
 }

 #nav ul a {
   clear: both;
   display: block;
   text-align: left;
   padding:5px 0 0 0;
   color: #fff;
   text-transform:uppercase;
   font-size:28px;
   font-family: 'Bushwick JNL W05 Regular';
 }

 #nav > ul {
   margin-top:50px;
 }

 #nav ul.sub-menu {
   display:block;
 }

 #nav li.active ul.sub-menu {
   display:block;
 }

 #nav a:active {
   color: #fff;
 }

 #nav a:hover {
   color: #ffc60a;
 }

 ul.sub-menu {
   margin-left:20px;
 }

 .has-sub {
   position:relative;
 }

 .arrow {
   color:#ffebc4;
   font-size:30px;
   display:inline-block;
   margin-left:15px;
   vertical-align:super;
   position:absolute;
   top:3px;
   right:80px;
   display:none;
 }

 .has-sub:hover > a, .has-sub:hover .arrow {
   color:#fff!important;
 }

 .arrow:hover {
   cursor:pointer;
 }

@media (min-width:768px) {
  #nav.horizontal a {
    display: inline-block;
  }
}

@media (max-width:767px) {
  .hamburger {
    top:5px;
  }
}

/*
 FOOTER SECTION
 ----------------------------------------------------------------------------*/
.foot {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}

#footer {
  background:none;
  font-size: 100%;
  text-align: center;
  font-family: aktiv-grotesk-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  position:relative;
  padding:0 0 10px;
  color:#fff;
  z-index:2;
  margin:0 auto;
  display:block;
  position:relative;
}

#footer-copyright {
  font-size: 70%;
  line-height: 1;
  padding-bottom:0px;
  text-transform:uppercase;
  position:relative;
  z-index:5;
  margin-top:20px;
}

#footer-optin,
#footer-social,
#footer-address {
  padding-bottom: .8em;
  position:relative;
  z-index:5;
}

#footer-social {
  display: block;
  font-size: 150%;
  padding-bottom: .625em;
  position:relative;
  z-index:5;
}

#footer-address {
  font-size:90%;
}

#footer a {
  color:#fff;
}

#footer .social-icons a:hover {
  color:#ffc60a;
}

#footer a:hover {
  text-decoration:underline;
}

.gibson {
  width:150px;
  position:absolute;
  right:10px;
  bottom:0px;
  z-index:10;
}

.theater-logo {
  width:20px;
  display:inline-block;
  margin:-2px 0 0 3px;
}

.press-btn {
  color:#ffc60a!important;
  text-transform:uppercase;
  margin:5px auto 20px;
  text-align:center;
  text-decoration: underline;
}

.press-btn:hover {
  text-decoration:none!important;
  color:#fff!important;
}


@media (min-width:768px) {
  .hidden-xs.foot {
    display:block;
  }
}

@media (min-width:1300px) {
  .gibson {
    right:140px;
  }
}



@media (max-width:767px) {
  .visible-xs #footer {
    background:#13131d;
    margin-top:-2px;
    margin-bottom:-5px;
  }

  #footer {
    padding-bottom:70px;
  }

  .gibson {
    position:relative;
    bottom:auto;
    right:auto;
    margin:20px auto 0;
  }
}

/*
 ART SECTION
 ----------------------------------------------------------------------------*/
#keyart {
  width:70%;
  padding:2em 0 0;
  position:relative;
  margin:0 auto;
  max-width:650px;
  z-index:2;
}

.home-image #keyart {
  display:none;
}

#keyart img {
  margin-left:-15px;
}

h2.tag {
  color:#770e80;
  font-family: bookman-jf-pro, serif;
  font-weight: 400;
  font-style: italic;
  text-align:center;
  width:70%;
  max-width:800px;
  z-index:2;
  position:relative;
  margin:20px auto 0;
  display:block;
  font-size:2.2vw
}

.billing {
  width:70%;
  max-width:800px;
  margin:0em auto 0;
  text-align:center;
  z-index:2;
  position:relative;
}

#pic {
  position:absolute;
  bottom:0px;
  width:100%;
  left:0;
  z-index:1;
}

#home {
  position:relative;
}

@media (max-width:767px) {
  #keyart {
    width:90%;
    padding:0em;
  }

  .billing {
    margin:0em auto 0;
    width:95%;
    padding-left:0%;
  }

  h2.tag {
    margin:20px auto 10px;
    font-size:6vw;
    line-height:1.1;
  }

  h2.tag.hidden-xs {
    display:none;
  }

  #pic {
    bottom:22px;
    width:120%;
    left:-13%;
  }
}

@media (min-width:450px) and (max-width:767px) {
  #pic {
    bottom:22px;
    width:100%;
    left:0%;
  }
}

@media (min-width:1100px) and (max-width:1300px) {
  #pic {
    width:120%;
    left:-13%;
  }
}

@media (min-width:767px) and (max-width:1099px) {
  #pic {
    width:160%;
    left:-32%;
  }
}

@media (min-width:768px) and (max-width:768px) and (min-height:1000px) {
  #pic {
    width:280%;
    left:-94%;
  }
}

@media (min-width:768px) and (max-width:920px) and  (min-height:1200px) {
  #pic {
    width:306%;
    left:-107%;
  }
}

@media (min-width:768px) and (min-height:1300px) {
  #pic {
    width:125%;
    left:-14%;
  }
}

@media (min-width:768px) and (min-height:1600px) {
  #pic {
    width:365%;
    left:-138%;
  }
}

/*
 ABOUT SECTION
 ----------------------------------------------------------------------------*/
#blurb {
  max-width:800px;
  margin:30px auto 1em;
  text-align:center;
  position:relative;
  z-index:4;
}

#blurb p {
  padding-bottom:30px;
  text-align:center;
  font-size:20px;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height:1.2;
}

#blurb p strong {
  line-height:.9;
  color:#ffc60a;
  text-transform:uppercase;
  font-size:155%;
  display:block;
  font-family:"Trixie-Text", aktiv-grotesk, sans-serif;
}

#blurb p strong.top-quo {
  font-size:26px;
  line-height:1;
  font-family: franklin-gothic-atf, sans-serif;
  font-weight: 600;
  font-style: normal;
  color:#fff;
  letter-spacing: .05em;
  text-transform:none;
}

.masthead {
  display:block;
  margin:5px auto 0;
  width:140px;
}

#blurb p strong.top-quo span.bigger {
  font-family:'Bushwick JNL W05 Regular';
  text-transform: uppercase;
  color:#ffc60a;
  font-weight:normal;
  font-size:50px;
}

#blurb p strong.top-quo span.smaller {
  display:block;
  line-height:1.25;
  margin-top:25px;
}


#blurb p strong.top-quo span.bigger em {
  font-family: franklin-gothic-atf, sans-serif;
  font-weight: 700;
  font-style: italic;
  display:inline-block;
  font-size:104%;
}

.album {
  max-width:650px;
  margin:0 auto 20px;
  display:block;
}

#insta {
  width:80%;
  margin:50px auto 60px;
  max-width:1000px;
}

#insta h3 {
  text-align:center;
  text-transform:uppercase;
  margin:0 0 5px;
  padding:0;
      font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  font-size:200%;
}

#insta h3 a {
  margin-top:5px;
  display:block;
      font-family: aktiv-grotesk, sans-serif;
  font-weight: 700;
  color:#000;
}

@media (max-width:767px) {
  #blurb {
    margin:30px 1.5em 1em;
  }

  .album {
    width:85%;
  }

  #blurb p {
    font-size:18px;
  }

  #blurb p strong {
    font-size:140%;
  }

  #blurb p strong.top-quo span.bigger {
    font-size:25px;
  }

  #blurb p strong.top-quo {
    font-size:16px;
  }
}

@media (max-width:320px) {
  #blurb p strong.top-quo span.bigger {
    font-size:22px;
  }

  #blurb p strong.top-quo {
    font-size:14px;
  }

  #blurb p {
    font-size:15px;
  }
}



/*
 CAST SECTION
 ----------------------------------------------------------------------------*/

 @font-face {
     font-family: 'Crowe Sans 3';
     src: url('../_fonts/CroweSans3.woff') format('woff2'),
         url('../_fonts/CroweSans3.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

/* @font-face {
     font-family: 'Crowe Sans 1';
     src: url('../_fonts/CroweSans1.woff') format('woff2'),
         url('../_fonts/CroweSans1.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Crowe Sans 2';
     src: url('../_fonts/CroweSans2.woff') format('woff2'),
         url('../_fonts/CroweSans2.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }*/


 #cast {
   padding:0px 0 30px;
   width:80%;
   max-width:1000px;
   margin:50px auto 0;
 }

 #cast .container {
   width:95%;
   max-width:auto!important;
 }

 .cast-nav {
   margin:20px auto 0em;
   width:500px;
 }

 .cast-nav .divider {
   padding:0 35px;
 }

 #cast h2 {
   font-size:26px;
   text-align:center;
   color:#ffc600;
   font-weight:normal;
   margin:0;
   padding:0;
 }

 #cast h3 {
   color:#1d0200;
   margin-top:1em;
   letter-spacing:.05em;
 }

 #cast-bios {
 	text-align: center;
   margin-bottom:1.5em;
   opacity:0;
   transition: opacity .5s;
 }

 #creative-bios {
   padding:0px 40px 20px;
 }

 #cast-bios {
   padding:0px 0px 20px;
 }

 #cast-bios.slick-initialized {
   opacity:1;
 }

 .prev, .next {
   position:absolute;
   top:38%;
   font-size:50px;
   color:#ffc600;
 }

 .prev {
   left:-40px;
 }

 .next {
   right:-40px;
 }

 .prev:hover, .next:hover {
   color:#fff;
   cursor:pointer;
 }

 .slick-disabled {
   display:none!important;
 }

 #cast .container {
   margin-bottom:1em;
 }

 #creative-block {
   width:99%;
   display:none;
 }

 #cast-block, #creative-block {
   margin:0 auto;
   position:relative;
 }

 #bios-block {
   display:none;
 }

 .creative-link.active, .cast-link.active, .creative-link:hover, .cast-link:hover {
   /*color:#000;
   background:#ffc60a;
   border-bottom:2px solid #fff;*/
   color:#fff;
 }

 .creative-link, .cast-link {
   color:#ffc60a;
   text-transform:uppercase;
   font-family: 'Crowe Sans 3', sans-serif;
   font-weight:bold;
   display:inline-block;
   text-align:center;
   /*width:48%;*/
   padding:13px 0 4px;
   /*background:none;
   border:1px solid rgba(255, 198, 10, .7);*/
   margin:5px 40px 20px;
   border-bottom:2px solid transparent;
 }

 .cast-link::after, .creative-link::after {
    content:"";
    height:20px;
    width:100%;
    background:transparent;
    background-size:contain;
    display:block;
    margin-top:5px;
 }

 .cast-link:hover::after, .cast-link.active::after {
    content:"";
    height:20px;
    width:100%;
    background:url("../_img/cast-underline.png") no-repeat center center;
    background-size:contain;
    display:block;
    margin-top:5px;
 }

 .creative-link:hover::after, .creative-link.active::after {
    content:"";
    height:20px;
    width:100%;
    background:url("../_img/creative-underline.png") no-repeat center center;
    background-size:contain;
    display:block;
    margin-top:5px;
 }


 .creative-link:hover, .cast-link:hover {
   color:#fff;
   /*color:#000;
   background:#ffc60a;*/
 }

 .divide {
   font-size:80%;
   vertical-align: top;
 }

 .plus {
   display:inline-block;
   font-size:80%;
   vertical-align:top;
   margin:2px 0 0 3px;
 }

 .cast-member {
 	position: relative;
 	display: inline-block;
 	padding: 1.25% .5%;
 	text-align: center;
 	line-height: 1.2em;
 	cursor: pointer;
 	width: 20%;
 	margin: 0;
 	vertical-align: top;
 	color: #8c7477;
 }


 #creative-bios .cast-member {
   width:100%;
   display:block;
   color:#ffc60a;
 }

 #cast-bios .cast-member {
   padding:15px;
 }

 #cast-bios .cast-member.actor-1, #cast-bios .cast-member.actor-9, #cast-bios .cast-member.actor-17 {
   transform:rotate(-1deg);
     -ms-transform:rotate(-1deg);
     -webkit-transform:rotate(-1deg);
 }

 #cast-bios .cast-member.actor-2, #cast-bios .cast-member.actor-10, #cast-bios .cast-member.actor-18 {
   transform:rotate(2.5deg);
     -ms-transform:rotate(2.5deg);
     -webkit-transform:rotate(2.5deg);
     margin-top:-10px;
 }

 #cast-bios .cast-member.actor-3, #cast-bios .cast-member.actor-11, #cast-bios .cast-member.actor-19 {
   transform:rotate(3deg);
     -ms-transform:rotate(3deg);
     -webkit-transform:rotate(3deg);
     margin-top:5px;
 }

 #cast-bios .cast-member.actor-4, #cast-bios .cast-member.actor-12, #cast-bios .cast-member.actor-20 {
   transform:rotate(-2deg);
     -ms-transform:rotate(-2deg);
     -webkit-transform:rotate(-2deg);
     margin-top:-5px;
 }

 #cast-bios .cast-member.actor-5, #cast-bios .cast-member.actor-13, #cast-bios .cast-member.actor-21 {
     margin-top:-5px;
 }

 #cast-bios .cast-member.actor-6, #cast-bios .cast-member.actor-14, #cast-bios .cast-member.actor-22 {
   transform:rotate(2.5deg);
     -ms-transform:rotate(2.5deg);
     -webkit-transform:rotate(2.5deg);
 }

 #cast-bios .cast-member.actor-7, #cast-bios .cast-member.actor-15, #cast-bios .cast-member.actor-23 {
   transform:rotate(-1deg);
     -ms-transform:rotate(-1deg);
     -webkit-transform:rotate(-1deg);
     margin-top:-10px;
 }

 #cast-bios .cast-member.actor-8, #cast-bios .cast-member.actor-16, #cast-bios .cast-member.actor-24 {
   transform:rotate(3.5deg);
     -ms-transform:rotate(3.5deg);
     -webkit-transform:rotate(3.5deg);
 }

 .cast-member:hover {
 	color: #000;
   text-decoration: none;
 }

 .cast-member strong {
 	display: block;
 	text-transform: uppercase;
   font-weight: 800;
 }

 .cast-thumb {
 	width: 100%;
 	height: auto;
 }

 .cast-member img {
 	width: 100%;
 	height: auto;
 	padding: 0px;
 }

 .cast-image {
 	position: relative;
 }

 .cast-image img {
     width:100%;
     vertical-align:top;
 }

 /*.cast-image:before {
     content:'\A';
     position:absolute;
     width:100%; height:100%;
     top:0; left:0;
     background:rgba(255, 198, 10, 0.3);
     opacity:1;
     transition: all 0.1s;
     -webkit-transition: all 0.1s;
 }
 .cast-image:before {
     opacity:0;
 }
 .cast-member:hover .cast-image:before {
     opacity:1;
 }*/

 #creative-bios .cast-member .cast-name, #creative-bios .cast-member .cast-role {
   font-family: 'Crowe Sans 3', sans-serif;
   text-transform:capitalize;
   line-height:1.8;
   color:#ffc60a;
 }

 #cast-bios .cast-member .cast-name, #cast-bios .cast-member .cast-role {
   display:none;
 }


 #creative-bios .cast-member .cast-name {
   width:50%;
   text-align:left;
   float:left;
   font-size:22px;
 }

#creative-bios .cast-member .cast-role {
  width:50%;
  text-align:right;
  float:left;
  font-size:18px;
 }

 .cast-name {
 	margin-top: .25em;
   font-size:135%;
   color:#fff;
   line-height:1;
   text-transform:uppercase;
   font-family: aktiv-grotesk, sans-serif;
   font-weight: 700;
 }

 .cast-role em, .cast-role, .castinfo h3 em {
 	font-style: normal;
   font-size:105%;
   line-height:1.1;
   font-family: aktiv-grotesk, sans-serif;
   font-weight: normal;
   color:#fff;
 }

 .cast-member:hover .cast-name, .cast-member:hover .cast-role {
   color:#ffc60a;
 }

 #creative-bios .cast-member:hover .cast-name, #creative-bios .cast-member:hover .cast-role {
   color:#fff;
 }


 .ensemble {
   font-family: "Gotham A", "Gotham B";
   padding-bottom:3em;
   margin-top:1.5em;
 }

 .ensemble-hed {
   margin-top:1.25em!important;
 }

 .ensemble .row {
   margin-bottom:2em;
 }

 .ensemble .cast-name {
   font-size:110%;
 }

 #creative-thumbs .cast-member {
   width:32%;
 }

 @media (max-width:768px) {

   .creative-link, .cast-link {
     margin:5px 20px;
   }

   #team {
     width:95%;
   }

   .cast-nav {
     width:120%;
     margin-left:-10%;
   }

   .cast-member {
     width:50%;
     margin-bottom:1em;
   }

   #creative-bios {
     padding:20px 0;
   }

   #creative-bios .cast-member .cast-name, #creative-bios .cast-member .cast-role {
     width:100%;
     text-align:center;
     float:none;
   }

   #creative-bios .cast-member .cast-name {
     font-size:20px;
   }

  #creative-bios .cast-member .cast-role {
    font-size:15px;
   }

   .ensemble .row {
     margin-bottom:0em;
   }

   .ensemble-member {
     margin-bottom:2em;
   }

   #cast-bios br {
     display:none;
   }

   #cast h2 {
     font-size:20px;
   }
 }

 @media (min-width:768px) and (max-width:991px) {
   .cast-role em, .cast-role, .castinfo h3 em {
     font-size:100%;
   }

   .cast-name {
     font-size:130%;
   }

   .cast-member {
     line-height:1em;
   }

   #cast-block, #creative-block {
     width:95%;
   }
 }

 /*
  TICKETS SECTION
  ----------------------------------------------------------------------------*/

 #tickets {
   max-width:800px;
   margin:0px auto 20px;
 }

 #tickets h3.coming {
   text-align:center;
   font-family:'Woodgrit Medium W05 Regular';
   margin:0 auto 20px;
   text-transform:uppercase;
   color:#465889;
   font-weight:normal;
   font-size:45px;
 }

 .shu {
   width:39px;
   display:inline-block;
   margin-top:-9px;
 }

 .cal {
   width:55%;
   float:right;
 }

 .info {
   width:40%;
   margin-right:5%;
   float:left;
   margin-top:7%;
 }

 .info h3, .col h3 {
   font-family:'Bushwick JNL W05 Regular';
   font-weight: 700;
   margin:0 0 5px;
   padding:0;
   font-size:140%;
   color:#ffc60a;
   text-align:center;
 }

 .info p, .col p {
   line-height:1.2;
   font-size:20px;
   text-align:center;
   font-family: aktiv-grotesk, sans-serif;
   font-weight: 400;
   font-style: normal;
   padding-bottom:0;
 }

 .info p a, .col p a {
   text-transform: uppercase;
   font-family: franklin-gothic-atf, sans-serif;
  font-weight: 800;
  font-style: normal;
 }

 .divide {
   height:4px;
   width:60%;
   background:#fff;
   margin:20px auto;
 }

 .lotto .col {
   width:45%;
   float:left;
   padding:20px 0;
   margin-top:40px;
 }

 .lotto .col.left {
   margin-right:10%;
 }

 .google-maps {
     position: relative;
     padding-bottom: 35%; /* This is the aspect ratio */
     height: 0;
     overflow: hidden;
 }

 .google-maps iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100% !important;
     height: 100% !important;
 }

 #map {
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
   border:1px solid #000;
 }

 .map {
   width: 100%;
   margin: 20px auto 0;
 }

 #monthStart, #curMon {
  display:none;
}

 @media (max-width:767px) {

   #tickets {
     margin-bottom:20px;
     width:95%;
   }

   #tickets h3.coming {
     font-size:25px;
   }

   .shu {
     width:25px;
     margin-top:-4px;
   }

   .cal, .info {
     width:90%;
     float:none;
     margin-right:0;
     margin:0 auto;
   }

   .info {
     margin-top:2em;
   }

   .info h3, .info p, .col p {
     text-align:center;
   }

   .info h3, .col h3 {
     font-size:180%;
   }

   .lotto .col {
     width:90%;
     float:none;
     margin:0 auto!important;
   }

   .map {
     margin:0 auto;
   }

   #selected-show, .select-directions {
     background:#ffc60a;
     color:#000;
     text-align:center;
     font-family:'Bushwick JNL W05 Regular';
     padding-bottom:20px;
   }

   .select-directions {
     padding:20px 0;
     font-weight:normal;
     text-transform: uppercase;
     font-size:16px;
   }

   .perf-select-line {
     font-weight:600;
     display:block;
     padding:20px 0 5px 0;
     text-transform:uppercase;
     font-size:16px;
     font-weight:normal;
   }

   .perf a {
     font-family:'Bushwick JNL W05 Regular';
     font-weight:normal;
     font-size: 20px;
     color:#000;
     text-transform:uppercase;
   }

   .tix-button a {
     width: 100%;
     margin: 5px auto;
     padding: 15px;
     text-align: center;
     background:#ffc60a;
     display: block;
     font-family:'Bushwick JNL W05 Regular';
     font-weight:normal;
     font-size: 28px;
     color:#000;
   }

   .tix-button a:hover {
     background:#fff;
     text-decoration:none;
   }

   .mbsc-sel-gr-whl {
     border-right:2px solid #83715f;
     background:#fff;
 }

   .mbsc-mobiscroll .mbsc-sc-whl-gr {
     padding:0em;
   max-width:700px!important;
   }


   .mbsc-mobiscroll .mbsc-sc-whl-w {
     margin:0;
     border-left:2px solid #ffc60a;
     border-right:0px;
   }

   .mbsc-mobiscroll .mbsc-sc-whl-l {
     border:0px solid transparent;
     box-shadow:0px 11px 8px -10px rgba(0, 0, 0, .15),
          0px -11px 8px -10px rgba(0, 0, 0, .15);
   }

   .mbsc-mobiscroll .mbsc-sc-itm {
     color:#000;
     font-weight:500;
     font-size:20px;
   }

   .mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, .mbsc-mobiscroll .mbsc-sc-itm:focus,
   .mbsc-mobiscroll.mbsc-no-touch .mbsc-sc-itm.mbsc-btn-e:hover, .mbsc-mobiscroll .mbsc-sc-itm:focus {
     background:transparent;
   }

   .mbsc-sc-whl-w.mbsc-comp:nth-of-type(2) {
     border-right:2px solid #ffc60a;
   }

   .mbsc-sel-gr-whl {
     border-right:0;
   }

   .mbsc-sc-itm {
     font-family: franklin-gothic-atf, sans-serif;
      font-weight: 500;
      font-style: normal;
   }

 }

 @media (max-width:350px) {
   #tickets h3.first {
     font-size:22px;
   }

   #tickets h3.first span {
     width:280px;
     padding:3px 0 3px;
   }

   .info p {
     font-size:17px;
   }

 }

 /*
  PRESS PAGE
  ----------------------------------------------------------------------------*/

 #press, #gallery {
   width:80%;
   max-width:1000px;
   margin:100px auto 80px;
 }

 #press h1, #gallery h1 {
   text-align:center;
   font-family: 'Bushwick JNL W05 Regular';
   font-weight: normal;
   width:60%;
   max-width:500px;
   margin:0 auto;
 }

 #feat-news {
   width:75%;
   margin:20px auto 40px;
 }

 #news-items {
   display:flex;
   flex-wrap: wrap;
   align-items: flex-start;
   flex-direction: row;
   justify-content: center;
 }

 .news-item {
    max-width: 31%;
    margin-right:2%;
    margin-bottom:20px
 }

 .news-title {
   color:#fff;
   padding:0 15px;
   text-align:center;
 }

 .news-title h3 {
   margin-top:10px;
   margin-bottom:5px;
   padding-bottom:0;
   font-family: franklin-gothic-atf, sans-serif;
   font-weight: 600;
   font-size:20px;
   line-height:1.1;
   text-align:center;
 }

 #feat-news .news-title h3 {
   font-size:24px;
 }

 .news-img {
     position:relative;
 }

 .news-img img {
   width:100%;
   vertical-align:top;
 }

 .news-img:before {
     content:'\A';
     position:absolute;
     width:100%; height:100%;
     top:0; left:0;
     background:rgba(255, 198, 10, .5);
     opacity:1;
     transition: all 0.1s;
     -webkit-transition: all 0.1s;
 }

 .news-img:before {
     opacity:0;
 }

 .news-item:hover .news-img:before , #feat-news:hover .news-img:before {
     opacity:1;
 }

 .news-item:hover .news-title, #feat-news:hover .news-title {
   color:#ffc60a;
   text-decoration:none!important;
 }

 .press cite {
   font-style: italic;
   font-size:16px;
 }

 .press #feat-news cite {
   font-size:18px;
 }

 .news-item:nth-of-type(n+7) {
   display:none;
 }

 .view-more {
   display:block;
   width:180px;
   background:#ffc60a;
   margin:20px auto 0;
   text-align:center;
   color:#000;
   padding:10px;
   font-weight:700;
   font-size:24px;
   font-family: 'Bushwick JNL W05 Regular';
 }

 .view-more:hover {
   background:#000;
   color:#ffc60a;
 }

 @media (max-width:767px) {
   #press {
     width:95%;
   }

   .news-item {
      max-width: 48%;
      margin-right:2%;
   }

   .news-title {
     padding:0px 8px;
   }

   .news-title h3 {
     font-size:16px;
   }

   .news-title cite {
     font-size:13px;
   }

   #feat-news {
     width:75%;
   }

   #feat-news .news-title h3 {
     font-size:18px;
   }

   #feat-news .news-title cite {
     font-size:15px;
   }

    #press h1, #gallery h1 {
      width:80%;
    }

 }

 @media (min-width:768px) and (max-width:900px) {
   #press {
     width:95%;
   }
 }

 /*
POPUP SECTION
  ----------------------------------------------------------------------------*/
 #video-popup {
     display: none;
     position: fixed;
     z-index: 10000000;
     text-align: center;
     width:90%;
     height:auto;
     top:0;
     left:0;
     width:100%;
     height:100%;
 }

 #popup {
     display: none;
     position: fixed;
     z-index: 10000000;
     text-align: center;
     top:46%;
     left:46%;
     margin:-100px 0 0 -150px;
     background:#000;
     width:425px;
     height:265px;
     padding:20px;
     box-shadow: 0px 0px 15px #040420;
     border: 2px solid #ffc60a;
 }

 .vid-wrap {
   width:95%;
   height:95%;
   margin-top:2.5%;
   margin-left:2.5%;
   z-index:50;
   position:relative;
 }

 .vid-wrap iframe {
   width:100%;
   height:100%;
 }

 #popup-bg {
   display:none;
   position:fixed;
   width:100%;
   height:100%;
   z-index:1000000;
   background:rgba(0, 0, 0, .8);
   top:0;
   left:0;
 }

 #popup p {
   font-size: 18px;
  font-family: aktiv-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align:center;
  margin-top:20px;
 }

#video-popup a.close-popup {
     font-size:20px;
     color:#fff;
     line-height: .65em;
     position:absolute;
     top:10px;
     right:10px;
     z-index:100;
     -webkit-transition: .25s ease;
             transition: .25s ease;

 }

#video-popup a.close-popup:hover {
     color:#ffc60a;
 }

 #popup a.close-popup {
     font-size:20px;
     color:#fff;
     line-height: .65em;
     position:absolute;
     top:10px;
     right:10px;
     z-index:100;
     -webkit-transition: .25s ease;
             transition: .25s ease;

 }

 #video-popup a.close-popup {
   font-size:40px;
 }


 #popup a.close-popup:hover {
     color:#ffc60a;
 }

 @media (max-width:767px) {
   #popup {
     width:295px;
     height:275px;
     left:50%;
   }

   #popup p {
     font-size:15px;
   }
 }

/*
 OPT-IN FORM SECTION
 ----------------------------------------------------------------------------*/
.optin {
  margin: 0px auto 20px;
  text-align: center;
      font-family: aktiv-grotesk, sans-serif;
  font-weight: 300;
  font-style: normal;
  position:relative;
  z-index:5;
}

.optin label {
  display: block;
  padding-bottom: .5em;
  font-family: bookman-jf-pro, serif;
  font-weight: 400;
  font-style: italic;
  line-height:1.2em;
  color:#db0aee;
  font-size:35px;
}

.optin input, .optin button {
  display: inline;
  font-size: 80%;
  border: 0;
  line-height: .5;
  padding: 13px 10px 10px;
  height:40px;
  font-size:25px;
  color:#fff;
  text-align:center;
}

.optin input {
  font-family: "Champion Welterwt A", "Champion Welterwt B";
  font-style: normal;
  font-weight: 400;
  background:#ffffff;
  margin-right:-5px;
  color:#000;
  text-transform: uppercase;
  width:330px;
  font-size:18px;
}

.optin button {
  padding:2px;
  background-color: #ffc60a;
  color: #000;
  font-family:'Bushwick JNL W05 Regular';
  font-style: normal;
  width:200px;
}

.optin button:hover {
  cursor:pointer;
  background:#000;
  color:#ffc60a;
}

.subscribe {
  display: block;
}

.subscribe input.error::-webkit-input-placeholder {
  font-weight:bold;
}

.subscribe input.error:-moz-placeholder { /* Firefox 18- */
  font-weight:bold;
}

.subscribe input.error::-moz-placeholder {  /* Firefox 19+ */
  font-weight:bold;
}

.subscribe input.error:-ms-input-placeholder {
  font-weight:bold;
}



.subscribe input::-webkit-input-placeholder {
  color:#000;
}

.subscribe input:-moz-placeholder { /* Firefox 18- */
  color:#000;
}

.subscribe input::-moz-placeholder {  /* Firefox 19+ */
  color:#000;
}

.subscribe input:-ms-input-placeholder {
  color:#000;
}

.form-thanks {
  margin:0 auto;
  padding:0px;
  font-size:32px;
  background:transparent;
  width:90%;
  color:#fff;
  text-align:center;
  font-family: "Champion Welterwt A", "Champion Welterwt B";
  font-style: normal;
  font-weight: 400;
}

.form-thanks span {
  display:block;
  font-size:80%;
  font-weight:normal;
}

@keyframes fade {
    from {opacity :1;}
    to {opacity :0;}
}

@media (max-width:767px) {
  .optin input, .optin button {
    display:block;
    margin:0 auto;
    height:40px;
    min-width:320px;
  }

  .optin input {
    width:75%;
    font-size:18px;
    border:2px solid #ffc60a;
    border-bottom:0;
  }

  .optin button {
    width:75%;
    margin-top:0px;
    font-size:18px;
  }

  .form-thanks {
    font-size:26px;
  }
}

@media (max-width:320px) {
  .optin input, .optin button {
    width:95%;
    min-width:300px;
  }
  .optin input {
    font-size:16px;
  }
}


/*
 QUOTES SECTION
 ----------------------------------------------------------------------------*/


 .quote-block {
   position:relative;
   width:70%;
   margin:80px auto 20px;
   opacity:0;
   z-index:500;
   font-weight: bold;
 }

 .quote-block.slick-slider {
   margin:80px auto 20px;
 }

 .slick-initialized{
     opacity:1;
     transition:opacity .3s ease-out;
 }

 .quote-block.slick-initialized blockquote {
   display:block;
 }

 .quote-block blockquote {
   text-transform:uppercase;
   font-size: 3.2vw;
   line-height: 1.1;
   text-align:center;
   display:none;
   font-family: 'Bushwick JNL W05 Regular';
   font-weight: normal;
   color:#ffc60a;
 }

 .quote-block cite {
   display: block;
   font-size: 75%;
   line-height: 1;
   text-align:center;
   text-transform:uppercase;
   margin-top: .5em;
   font-family: aktiv-grotesk, sans-serif;
    font-weight: 400;
    color:#ffc60a;
 }

 .quote-block blockquote:before {
     content: '\201c';
     position: absolute;
     margin-left: -1.8%;
 }

@media (max-width:767px) {
  .quote-block blockquote {
    font-size:24px;
  }

  .quote-block {
    margin:60px auto 20px;
  }

  .quote-block cite {
    font-size:85%;
  }

  .quote-block blockquote:before {
      content: '\201c';
      position: absolute;
      margin-left: -14px;
  }

  .quote-block.slick-slider {
    margin-bottom:0;
  }
}

@media (min-width:1200px) {
  .quote-block blockquote {
    font-size:40px;
  }

  .quote-block blockquote:before {
      content: '\201c';
      position: absolute;
      margin-left: -22px;
  }
}


/*
 GALLERY SECTION
 ----------------------------------------------------------------------------*/
 #vid-block {
   width:80%;
   max-width:850px;
   margin:0 auto 40px;
 }

 #video {
   display: block;
   position: relative;
   overflow: hidden;
   width: 100%;
   margin: 0;
   padding-bottom: 56.25%;
   height: 0;
   border: 2px solid #000;
   background:#aaaaaa;
  }

 #video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media (max-width:767px) {
    #vid-block {
      width:90%;
    }
}

/*
GALLERY
----------------------------------------------------------------------------*/

#vid_frame {
  min-height:500px;
  width:100%;
}

#gallery h2 {
  font-size: 26px;
  text-align: center;
  color: #ffc600;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

.videos-link.active, .photos-link.active, .fanart-link.active, .videos-link:hover, .photos-link:hover, .fanart-link:hover {
  color:#d81214;
}

.videos-block, .photos-block {
    text-align: center;
}

.photos-block {
  display:none;
}

.videos-link.active, .photos-link.active, .videos-link:hover, .photos-link:hover {
  /*color:#000;
  background:#ffc60a;
  border-bottom:2px solid #fff;*/
  color:#fff;
}

.videos-link, .photos-link {
  color:#ffc60a;
  text-transform:uppercase;
  font-family: 'Crowe Sans 3', sans-serif;
  font-weight:bold;
  display:inline-block;
  text-align:center;
  /*width:48%;*/
  padding:13px 0 4px;
  /*background:none;
  border:1px solid rgba(255, 198, 10, .7);*/
  margin:5px 40px 20px;
  border-bottom:2px solid transparent;
}

.photos-link::after, .videos-link::after {
   content:"";
   height:20px;
   width:100%;
   background:transparent;
   background-size:contain;
   display:block;
   margin-top:5px;
}

.photos-link:hover::after, .photos-link.active::after {
   content:"";
   height:20px;
   width:100%;
   background:url("../_img/cast-underline.png") no-repeat center center;
   background-size:contain;
   display:block;
   margin-top:5px;
}

.videos-link:hover::after, .videos-link.active::after {
   content:"";
   height:20px;
   width:100%;
   background:url("../_img/creative-underline.png") no-repeat center center;
   background-size:contain;
   display:block;
   margin-top:5px;
}


.videos-link:hover, .photos-link:hover {
  color:#fff;
  /*color:#000;
  background:#ffc60a;*/
}

#gallery .slick-slider {
  width:100%!important;
}

#gallery .photos-block .slick-slider {
  width:100%!important;
  max-height:514px;
}

#gallery-images a {
  outline: none;
}

#gallery-images a:hover {
  cursor:pointer;
}

#gallery-images a img.vid-thumb {
  opacity: .4;
  position:absolute;
}

#gallery-images .slick-slide a img.vid-thumb {
  position:relative;
}

#gallery-images .slick-active a img.vid-thumb {
  opacity: .9;
  transition: opacity .2s;
}

#gallery-images .slick-active a:hover img.vid-thumb {
  opacity: 1;
}

#gallery-images .slick-active a:hover {
  background: #fff;
}

#gallery-images .slick-active a:hover img.vid-thumb {
  opacity: 1;
}

#gallery-prev,
#gallery-next {
  background-color: #68778f;
  cursor: pointer;
}

.arrow-l,
.arrow-r {
  background: url(https://almostfamousthemusical.com/_img/arrows-lr4.png) no-repeat #000;
  background-size: 200% auto;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index:10;
}

.arrow-l {
  background-position: left top;
  left: 0;
}

.arrow-r {
  background-position: right top;
  right: 0;
}

.arrow-l:hover {
  background-position: left bottom;
  cursor: pointer;
  background-color: #000!important;
}

.arrow-r:hover {
  background-position: right bottom;
  cursor: pointer;
  background-color: #000!important;
}

.slider, .slider-nav {
  display:none;
}

.vid-nav {
  border-top:1px solid #ffc600;
  border-bottom:1px solid #ffc600;
  opacity:0;
}

.vid-nav.slick-initialized {
  opacity:1;
}

.slick-initialized {
  display: block;
}

.slick-slider {
  width: 100%;
  margin: 0 auto;
  overflow:hidden;
}

.slick-slide img {
  width:100%;
  height:auto;
}

#main-img .slick-slide {
  max-height:514px;
  position:relative;
  overflow:hidden;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-prev, .slick-next {
   font-size: 20px;
   line-height: 0;
   color: #fff;
   position: absolute;
   top: 50%;
   opacity: 1;
   display: block;
   width: 20px;
   height: 20px;
   padding: 0;
   -webkit-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
   cursor: pointer;
   border: none;
   outline: none;
   background: transparent;
   z-index: 10;
}

.slick-prev {
 left:20px;
}

.slick-next {
 right:20px;
}

@media (max-width:767px) {
  #vid_frame {
    min-height:300px;
  }

  .page-nav h2 a {
    width:40%;
    font-size:20px;
    float:left;
    display:block;
    margin-left:10px;
    margin-right:10px;
  }
}


/*
RULES PAGES
 ----------------------------------------------------------------------------*/

 .sweepstakesrules header , .sweepstakesrules #footer, .sweepstakesrules #spotify, .sweepstakesrules #btn-tickets-sm {
   display:none!important;
 }

 body.sweepstakesrules  {
   background:#000;
 }

.entry-content {
  width:80%;
  max-width:1000px;
  margin:5em auto 2em;
  font-size:18px;
}

.entry-content h1 {
  font-size:150%;
  font-weight:bold;
  line-height:1.2;
}

.entry-content h2 {
  font-size:125%;
  font-weight:bold;
  margin:20px 0;
}

@media (max-width:767px) {
  .entry-content {
    width:95%;
    font-size:16px;
  }
}

/*
PRIVACY PAGES
 ----------------------------------------------------------------------------*/
#privacy {
  margin-bottom:35px;
}

#privacy h1 {
  padding-top:20px;
  text-transform:uppercase;
  margin-bottom:0;
  padding-bottom:0;
  font-weight:700;
}

#privacy h2 {
  font-size:130%;
  margin-top:35px;
  color:#fff;
  padding-bottom:0;
  font-weight:700;
}

#privacy h3 {
  font-size:110%;
  margin-top:35px;
  color:#fff;
  padding-bottom:0;
  font-weight:700;
}

#privacy a {
  font-weight:700;
}

#privacy a.back {
  font-size:120%;
  text-transform: uppercase;
}

#privacy ul {
  list-style-type:disc;
  margin-left:20px;
  margin-bottom:1em;
  text-align:left;
  font-size:100%;
}

#privacy li {
  padding:5px 0;
  line-height:1.4em;
}

#privacy p {
  font-size:100%;
  padding:0;
  margin:0 0 15px;
}

#privacy table td {
  border:1px solid #fff;
}

#privacy table {
  margin-bottom:2em;
}

#privacy tr td:first-of-type {
   width: 20%;
   padding: 10px;
   border: 1px solid #fff;
}

#privacy tr td:nth-of-type(2) {
   width: 30%;
   padding: 10px;
   border: 1px solid #fff;
}

#privacy table p {
 padding-bottom:0;
}

/*
 UPGRADE PAGE
 ----------------------------------------------------------------------------*/
#upgd_content {
  text-align:center;
}

#upgd_content .msgbox {
    width: 940px;
    margin: 20px auto;
    padding: 10px;
    font-size:16px;
}

#upgd_content img {
  max-width:70%;
  margin:0 auto;
}

@media (max-width:767px) {

  .cc-window.cc-floating {
    padding: 10px!important;
  }

  .cc-window, .cc-revoke {
    font-size: 17px!important;
font-family: alternate-gothic-atf, sans-serif!important;
    line-height:1.1!important;
  }

  .cc-window .cc-message {
    margin-bottom:10px;
  }
}

/* =============================================================================
 MEDIA QUERIES
 ========================================================================== */
/* Extra Small Devices */
@media (max-width: 767px) {
    #opt-in-form input {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
    }
}

/* Small Devices */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Medium Screens/Desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Large Screens/Desktops */
@media (min-width: 1200px) {
}