/*
 * 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;
}

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

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;
  font-family:'ITCFranklinGothicW01-Dm 812671';
}

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;
  font-family:'ITCFranklinGothicW01-Bk 812650';
}

img { outline: none; border: 0; }

.img-responsive { display: inline; }

.nowrap { white-space: nowrap; }

em, i { font-synthesis: none; font-family:'ITCFranklinGothicW01-Bk 812653'; font-weight: 400; font-style: italic;}

strong, b { font-family:'ITCFranklinGothicW01-Dm 812671'; }

strong em, b em, strong i, b i {font-family:'ITCFranklinGothicW01-Dm 812674'; font-weight: 700; font-style: italic; }

a { color: #d2232a; text-decoration: none; font-family:'ITCFranklinGothicW01-Bk 812650'; }
a:hover { text-decoration:underline; }

.ib {
  display:inline-block;
}

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

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

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

/*
 GLOBAL SECTION
 ----------------------------------------------------------------------------*/
#outerwrapper {
  min-height: 100%;
}

#content {
  padding-top: 0px;
  margin: 0 auto;
}

section {
  padding-top: 0em;
}

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

@media (max-width:991px) {
  #content {
    padding-top:0em;
  }
}

@media (max-width:767px) {
  #content {
    padding-top:0em;
  }
}

/*
 HEADER SECTION
 ----------------------------------------------------------------------------*/
#header {
  line-height: .9;
  font-size: 140%;
  position: fixed;
  width: 100%;
  text-align: center;
  /*background:url('../_img/snipe-bg.jpg') repeat-x center center;*/
  height:36px;
  z-index:1000;
}

#btn-menu {
  display: block;
  position: absolute;
  left: 0; top: 0;
  line-height: .9;
  padding: .5em;
  position: absolute;
  z-index: 20;
}

#btn-menu:hover {
  color: #fff;
}

#btn-tickets {
  display: block;
  margin: auto;
  padding: 10px 0 8px;
  font-size: 40px;
  line-height: .9;
  background-color: #d2232a;
  color: #fff;
  position:absolute;
  top:0;
  right:0;
  left:0;
  font-family: "Champion Lightwt A", "Champion Lightwt B";
  font-weight: 400;
  /*width:230px;*/
  width:260px;
}

#btn-tickets:hover {
  background-color: #000;
  text-decoration:none;
}

#header-social {
  display: none;
  font-size: 90%;
  line-height: .9;
}

@media (max-width:767px) {
  #btn-tickets {
    width:100%;
    top:0;
    position:fixed;
    height:50px;
    padding:10px 0 5px;
    font-size:35px;
  }

  #header {
    height:55px;
  }

}

@media (min-width:768px) and (max-width:900px) {
  #btn-tickets {
    font-size:30px;
    padding:6px 0 2px;
    width:210px;
  }
}

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

.social-icons {
}

.social-icons a {
  display: inline-block;
  width: auto;
  padding: .25em;
  line-height: .9;
}

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

/*
 NAV SECTION
 ----------------------------------------------------------------------------*/
#nav {
  position: fixed;
  top:0; left: 0;
  height: 100%; width: auto; min-width:320px;
  z-index: 18;
  background: #bbb;
  transform: translateX(-100%);
  transition: transform .3s ease;
  padding-top:3em;
}

#nav.open {
  transform: translateX(0);
  transition: transform .3s ease;
}

#nav a {
  clear: both;
  display: block;
  padding: .5em 1em;
  text-align: left;
}

#nav.open a {
  color: #469;
}

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

#nav.open a:hover {
  color: #fff;
}

.fa-times-thin:before {
	content: '\00d7';
}

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

/*
 FOOTER SECTION
 ----------------------------------------------------------------------------*/
#footer {
  background:none;
  padding: 1em 0em 1em;
  font-size: 100%;
  text-align: center;
  font-family:'ITCFranklinGothicW01-Bk 812650';
  position:relative;
  z-index:10;
}

#footer-copyright {
  font-size: 80%;
  line-height: 1.1;
  padding-bottom:20px;
  text-transform:uppercase;
  position:relative;
  z-index:5;
}

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

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

#footer-address strong {
  text-transform:uppercase;
  font-size:120%;
}

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

#footer a {
  color:#d2232a;
}

#footer-social a:hover {
  color:#000;
}

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

.alfred {
  position:absolute;
  width:200px;
  bottom:40px;
  left:20px;
  z-index:100;
}

@media (max-width:767px) {
  #footer-copyright {
    font-size: 80%;
    line-height: 1.5;
  }

  #footer {
    margin-top:0em;
    margin-bottom:0px;
  }

  .alfred {
    position:relative;
    width:180px;
    bottom:auto;
    right:auto;
    left: auto;
    margin:0px auto 10px;
  }
}

/*
 ART SECTION
 ----------------------------------------------------------------------------*/
#keyart {
  width:100%;
  margin:0em auto;
  position:relative;
  z-index:9;
  padding-top:0em;
  max-width:1400px;
}

@media (max-width:767px) {
  #keyart {
    width:130%;
    margin-left:-12%;
    margin-top:40px;
  }
}

/*
 ABOUT SECTION
 ----------------------------------------------------------------------------*/
#blurb {
  max-width:1200px;
  margin:1em auto 1em;
  text-align:center;
  width:80%;
}

#keyart h2 {
  text-align:center;
  font-family: calgary-script-ot, sans-serif;
  font-weight: 400;
  text-align:center;
  font-size:60px;
  padding:0;
  position:absolute;
  top:6%;
  left:0;
  right:0;
  margin:auto;
  text-shadow:0 0 10px #fff;
}

.headline {
  padding:0;
  position:absolute;
  top:12%;
  left:0;
  right:0;
  margin:auto;
  width:55%;
  max-width:900px;
}

#blurb h3 {
  text-align:center;
  font-family: "Champion Lightwt A", "Champion Lightwt B";
  font-weight: 400;
  text-align:center;
  font-size:50px;
  padding:0;
  margin:0em auto 0;
  text-transform:uppercase;
  z-index:10;
  position:relative;
  line-height:1;
  text-shadow:0 0 10px #fff;
}

#blurb h3 em {
      font-family: "Champion Lightwt A", "Champion Lightwt B";
      font-style:italic;
      font-synthesis: style;
}

.shubert {
  width: 40px;
  display: inline-block;
  margin: -11px 3px 0 5px;
}

#blurb p {
  text-align:center;
  width:75%;
  max-width:800px;
  margin:30px auto 20px;
  font-size:2.2vw;
  line-height:1.3;
  padding:0;
}

#blurb p strong.lede {
  font-size:125%;
  line-height:1;
  color:#d2232a;
  display:block;
  margin-bottom:15px;
}

.red {
  color:#d2232a;
}

#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: "Champion Lightwt A", "Champion Lightwt B";
  font-weight: 400;
  font-size:200%;
}

#insta h3 a {
  margin-top:5px;
  display:block;
  font-family: "Champion Lightwt A", "Champion Lightwt B";
  font-weight: 400;
}

@media (min-width:1200px) {
  #blurb h3 {
    font-size:50px;
  }

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


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

  #keyart h2, #blurb h3 {
    font-size:26px;
    line-height:1em;
  }

  .shubert {
    width: 23px;
    margin: -7px 3px 0 3px;
  }

  #blurb p {
    width:95%;
    margin-bottom:1em;
    padding:0;
    font-size:20px;
  }

  #blurb p strong.lede {
    font-size:105%;
  }

  .headline {
    width:65%;
    left:-4%;
  }
}

@media (min-width:768px) and (max-width:900px) {
  #keyart h2  {
    font-size:50px;
  }

  #blurb h3 {
    font-size:36px;
  }

  .shubert {
    width: 30px;
    margin: -7px 3px 0 5px;
  }

  #blurb p {
    font-size:22px;
    width:90%;
  }
}

@media (max-width:350px) {
  #keyart h2, #blurb h3  {
    font-size:23px;
  }
}

@media (min-width:600px) and (max-width:767px) {
  #keyart h2 {
    font-size:40px;
  }
}

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

#tickets {
  max-width:1000px;
  margin:50px auto 50px;
  width:95%;
}

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

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

.info h3 {
  font-family: 'ITCFranklinGothicW01-Dm 812671';
  color: #000;
  margin:0;
  padding:0;
  font-size:140%;
}

.info p {
  line-height:1.1;
  font-size:20px;
}

.info p a {
  text-transform: uppercase;
  font-weight:700;
}

.google-maps {
    position: relative;
    padding-bottom: 35%;
    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:2px solid #d2232a;
}

.map {
  width: 100%;
  margin: 2em auto 0;
}

@media (max-width:767px) {

  #tickets {
    margin-bottom:20px;
  }

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

  .info {
    margin-top:2em;
  }

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

  #selected-show, .select-directions {
    background:#d2232a;
    color:#fff;
    text-align:center;
    font-family: "Champion Lightwt A", "Champion Lightwt B";
    font-weight: 400;
    padding-bottom:20px;
  }

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

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

  .perf a {
    font-family: "Champion Lightwt A", "Champion Lightwt B";
    font-weight: 400;
    font-size: 28px;
    color:#fff;
    text-transform:uppercase;
  }

  .tix-button a {
    width: 100%;
    margin: 5px auto;
    padding: 15px;
    text-align: center;
    background:#d2232a;
    display: block;
    font-family: "Champion Lightwt A", "Champion Lightwt B";
    font-weight: 400;
    font-size: 28px;
    color:#fff;
  }

  .tix-button a:hover {
    background:#5c084d;
    color:#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 #d2232a;
    border-right:0px;
  }

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

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

  .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 #d2232a;
  }

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

  .mbsc-sc-itm {
    font-family: 'ITCFranklinGothicW01-Bk 812650';
    font-weight: 500;
  }

}

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

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

}


/*
 CAST
 -----------------------------------*/
#cast {
  padding:2.25em 0 .5em;
  width:100%;
  max-width:1000px;
  margin:0 auto;
}

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

.cast-nav {
  width:700px;
  margin:0 auto 1em;
}

#cast h2 {
  font-size:42px;
  text-align:center;
  color:#000000;
  font-weight:normal;
}

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

#cast-bios, #creative-bios {
	text-align: center;
  margin-bottom:1.5em;
}

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

#creative-block, #cast-block {
  display:none;
}

#cast-block, #creative-block {
  width:100%;
  margin:0 auto;
}

#bios-block {
  display:none;
}

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

.creative-link, .cast-link {
  /*color:#d2232a;*/
  text-transform:uppercase;
  font-family: "Champion Lightwt A", "Champion Lightwt B";
  font-weight: 400;
  background:#d2232a;
  color:#fff;
  display:block;
  padding:7px 0 3px;
  width:400px;
  margin:0 auto;
}

.creative-link:hover, .cast-link:hover {
  text-decoration:none;
  color:#fff;
  background:#000;
}

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

.plus {
  display:inline-block;
}

.cast-member {
	position: relative;
	display: inline-block;
	padding: 1.5%;
	text-align: center;
	line-height: 1.2em;
	cursor: pointer;
	width: 16%;
	margin: 0;
	vertical-align: top;
	color: #8c7477;
  font-family: 'Swiss721 BT W01 Black Condensed';
}

#creative-bios .cast-member {
  width:25%;
}


.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, 255, 255, 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;
}

.cast-name {
	margin-top: .25em;
  font-size:125%;
  color:#000;
  line-height:.8;
  font-family: 'ITCFranklinGothicW01-Dm 812671';
  text-transform:uppercase;
}

.cast-role em, .cast-role, .castinfo h3 em {
	font-style: normal;
  font-size:100%;
  line-height:1.1;
  font-family: 'ITCFranklinGothicW01-Dm 812671';
  color:#000;
}

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


#overlay-inner a {
  color:#000;
}

#overlay-inner a:hover {
  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) {
  .cast-link, .creative-link {
    /*width:48%;*/
    width:300px;
    max-width: 100%;
  }

  .cast-nav {
    width:300px;
    max-width: 100%;
  }

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

  #creative-bios .cast-member {
    width:49%;
  }

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

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

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

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

  #cast-bios br {
    display:none;
  }

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

@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%;
  }
}


/*
 OPT-IN FORM SECTION
 ----------------------------------------------------------------------------*/
.optin {
  margin: -2% auto  40px!important;
  text-align: center;
  font-family:'ITCFranklinGothicW01-Bk 812650';
  position:relative;
  z-index:10;
}

.optin label {
  display: block;
  padding-bottom: .5em;;
  text-transform:uppercase;
  line-height:.8;
  color:#000;
  font-size:130%;
  font-family:'ITCFranklinGothicW01-Dm 812671';
}

.optin input, .optin button {
  display: inline;
  border: 0;
  padding: 4px 10px;
  line-height: 1.25;
  height:40px;
  text-align:center;
}


.optin input {
  border:2px solid #d2232a;
  font-family:'ITCFranklinGothicW01-Bk 812650';
  width:375px;
  background:#d2232a;
  color:#fff;
  font-size:20px;
}

.optin button {
  background-color: #000;
  color: #fff;
  font-family:'ITCFranklinGothicW01-Dm 812671';
  width:150px;
  border:2px solid #000;
  margin-left:-4px;
  font-size:24px;
}

.optin button:hover {
  cursor:pointer;
  background-color: #d2232a;
  border:2px solid #d2232a;
}

.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:#fff;
}

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

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

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

.form-thanks {
  color:#000;
  font-size:150%!important;
  line-height:1!important;
}

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

@media (max-width: 767px) {
    .optin input, .optin button {
      display:block;
      width:95%;
      max-width:430px;
      margin:0 auto;
      height:38px;
    }

    .optin input {
      font-size:15px;
    }

    .optin button {
      font-size:18px;
    }

    .optin label {
      font-size:160%;
    }

    .optin {
      margin-top:0%!important;
    }
}

@media (min-width:1200px) {
  .optin {
    margin-top:-30px!important;
  }
}


/*
 QUOTE ROTATION SECTION
 -----------------------------------------------------------------------------*/
#quotes {
    position: relative;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
}

ul#quotes, ul#quotes li {
  list-style: none;
  padding: 0;
  margin: 0;
}

#quotes > * {
    -webkit-transform: translateZ(0);
}

ul#quotes li {
  position: absolute;
  top: 0; left: 0;
  height: 100%; width: 100%;
  display: none;
  padding: .5em;
}

#quotes li:first-child {
  position: relative;
  display: block;
}

#quotes blockquote {
    font-size: 125%;
    line-height: 1;
}

#quotes cite {
    display: block;
    font-size: 50%;
    line-height: 1;
}

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

.hed-gal {
  text-align: center;
    text-transform: uppercase;
    margin: 50px 0 5px;
    padding: 0;
    font-family: "Champion Lightwt A", "Champion Lightwt B";
    font-weight: 400;
    font-size: 200%;
}

#gal-color-bar {
    background:#d2232a;
    padding: .5em 0;
    width:95%;
    max-width:1000px;
    margin:0 auto 30px;
}


#gallery-overlay {
  position: fixed;
  width: 101%; height: 101%;
  top: 0; left: 0;
  transform: translateX(-120%);
  transition: transform 0.5s ease;
  background: rgba(0,0,0,.8);
  z-index: 999999999;
}

.gallery-image {
    width: 100%;
    height: 0;
    display: block;
    padding-bottom: 66.66667%;
    cursor: pointer;
    background: #000;
}

#gallery-overlay {
  opacity: 0;
  transition: opacity 0.5s ease;
}

#gallery-overlay .gallery-image {
  background:none!important
}

#gallery-overlay-close:after {
  position: absolute;
  top: 0;
  right: 20px;
  content: "\00d7";
  font-size: 60px;
  cursor: pointer;
}

#gallery-overlay-inner {
  position: absolute;
  width: 100%; height: 0; padding-bottom: 56.25%;
  top: 55%; left: 50%;
  transform: translate(-50%,-50%);
  max-width:1000px;
}

.gallery-overlay-open #gallery-overlay {
  transform: translateX(0);
  opacity: 1;
}

#gallery .slick-slide {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 .25em;
  overflow: hidden;
  background: #000;
}

.slick-slide > div {
}

#gallery .slick-slide img {
  width: auto !important;
  height: 100%;
}

.gallery-wrapper {
  position: relative;
  width: 90%;
  max-width: 900px;
  height: auto;
  margin:0 auto;
}

@media (min-width:600px){
  .gallery-wrapper {
  /*padding-bottom: 17%;*/
  height: auto;
  }
}

 #gallery-main {
   width: 100%;
 }

#gallery {
}

.gallery-image {
  display: none;
  text-align: center;
  overflow: hidden;
}

.page-loaded .gallery-image {
  width: 100%;
  height: 0;
  display: block;
  padding-bottom: 66.66667%;
  cursor: pointer;
  background: #000;
}

.gallery-image img {
  width: auto !important;
  height: 100% !important;
  margin: 0 auto;
  position: absolute; top:50%; left:50%;
  transform: translate(-50%,-50%);
}


@media (min-width: 768px) {
  #gallery-overlay-inner {
    width: 80%;
    padding-bottom: 54.25%;
  }

}

@media (max-width: 767px) {
  #gallery-overlay-inner {
    width: 80%;
  }

  #gal-color-bar {
    width:100%;
  }

  .gallery-wrapper {
    width:80%;
  }
}

@media (min-width:1200px) {
  .gallery-wrapper {
    max-width:1200px;
  }
}

@media (min-width:1500px) {
  .gallery-wrapper {
  }

  #gallery-overlay-inner {
    top:65%;
  }

  #gallery-overlay-inner .slick-prev, #gallery-overlay-inner .slick-next {
    top:38%;
  }
}

/*
PRIVACY PAGES
 ----------------------------------------------------------------------------*/
.cc-message {
  font-family:'ITCFranklinGothicW01-Bk 812650';
}

#privacy h1 {
  padding-top:1em;
  text-transform:uppercase;
  margin-bottom:0;
  padding-bottom:0;
}

#privacy h2 {
  font-size:160%;
  margin-top:35px;
  color:#000;
  padding-bottom:0;
}

#privacy .rules h2 {
  margin-bottom:20px;
  font-size:200%;
  color:#d2232a;
}

#privacy h3 {
  font-size:120%;
  margin-top:35px;
  color:#000;
  padding-bottom:0;
}

#privacy > a {
  font-size:120%;
  text-transform:uppercase;
  font-family:'ITCFranklinGothicW01-Dm 812671';
}


#privacy ul, #privacy ol {
  list-style-type:disc;
  margin-left:20px;
  margin-bottom:1em;
  text-align:left;
  font-size:120%;
  font-family:'ITCFranklinGothicW01-Bk 812650';
  font-weight:500;
}

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

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

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

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

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

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

#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;
}