sup{font-size:70%;position:relative;bottom:5px;}

body {
	margin:0;
	padding:0;
}

#page-main {
    background: url('../img/ui/full_bg.jpg') top center no-repeat #000;
}
#calbox {
    position: relative;
    width:100%;
    max-width: 1680px;
    margin: 0 auto;
    z-index:1020;
}
.calbox-fixed {
    top: 71px;
    right: 0;
    left: 0;
}

#blackout {
    width:100%;
    background:url(../img/ui/black70pct.png) top center;
    z-index: 100;
    position: absolute;
    top:227px;
    display:none;
}
#calendar-bar .event-dates {
    float:left;
    color: #ffffff;
    padding: 18px 0 10px 2%;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 0;
    text-transform: uppercase;
}
    #faces-top {
        position: absolute;
        width: 100%;
        text-align: center;
        display:none;
        max-width: 1680px;
        pointer-events: none;
    }
.navbar-header {
    background-color:#1f061d !important;
}

h2{font-family:"Bourbon-Regular",Arial,helvetica,sans-serif;text-transform:uppercase;font-weight:normal; color:#ffffff;font-size:21px;}

.modal-close {
    background-image: url(../img/ui/circle_close.png);
    background-position: 0px 0px;
    border: none;
    margin: 0;
    overflow:visible;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -16px;
    right: -16px;
    cursor:pointer;
    z-index:3000;
}
.modal-close:hover {
    background-image: url(../img/ui/circle_close.png);
    background-position: -32px 0px;
}
#maniacs {
    background:#000;
}
.jack-cards {
    margin:30px 0 20px 0;
}
.jack-cards ul {
    list-style:none;
    padding:0;
    text-align:center;
}
.jack-cards ul li {
    display:inline-block;
}
.jack-cards ul li#left-card {
    display:none;
}
.jack-cards ul li#right-card {
    display:none;
}
.social-page img.photo {
    width:100%;
    height:auto;
    margin: 20px 0 10px 0;
    max-width:151px;
    padding-right:15px;
}
hr.footer {
    margin-top: 45px;
    margin-bottom: 58px;
    border: 0;
    border-top: 1px dotted #5a585a;
    width:100%;  
}
.hhn-header {
    display:none;
}
.logo {
    max-width: 357px;
    max-height: 107px;
    margin:0 auto;
    width:100%;
    height:100%;
    cursor: pointer;
    text-align:center;
}
.logo img {
    width:100%;
    height:auto;
    max-width:357px;
    max-height:107px;
}
#calendar-bar {
    background: #221F3F;
    height: 48px;
    font-family: 'DIN-Condensed';
    font-weight: bold;
}
.calendar-bar-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1028;
}

#endorsements {
    /* border-top: 15px solid #57000f; */
    /* border-bottom: 15px solid #57000f; */
    padding:28px 0 28px 0;
    background: #000;
}
.best-event {
    margin-top: 4%;
    text-align:center;
}
.gt-box {
    margin-top: 10%;
    padding-top: 10%;
    padding-bottom: 6%;
    border-top: 1px dotted #a1a1a1;
    border-left:none;
}
.vert-spacer {
    display:block;
    padding-left:20px;
}
#footer {
    margin: 80px 0 0 0;
    padding-bottom: 50px;
}
#warning {
    text-align:center;
}
#warning img {
    width:100%;
    height:auto;
    max-width: 611px;
    max-height: 59px;
}
.warn-copy {
    width:100%;
    max-width: 555px;
    margin:10px auto 0 auto;
    font-family: 'DIN-Condensed-Medium', arial, helvetica, sans-serif;
    color: #e0dbd2;
    font-weight:normal;
    font-style:normal;
    font-size:21px;
    text-align:center;
    text-transform:uppercase;
}
.warn-copy strong {
    font-family: 'DIN-Condensed', arial, helvetica, sans-serif;
    color:#bd923f;
    font-weight:bold;
    font-size:30px;
    position: relative;
    top: -33px;
    background: #151415;
    padding-left: 40px;
    padding-right: 40px;
}
hr.warning {
    margin-top: 5px;
    border: 0;
    border-top: 1px dotted #5a585a;
    width:90%;
}
#legal {
    font-family: 'DIN', arial, helvetica, sans-serif;
    color: #cccccc;
    font-weight:normal;
    font-style:normal;
    font-size:13px;
    text-align:center;
    margin: 55px 0 0 0;
}
#links {
    font-family: 'DIN', arial, helvetica, sans-serif;
    color: #ffffff;
    font-weight:bold;
    font-style:normal;
    font-size:18px;
    text-align:left;
    line-height:25px;
}
#links a{
    font-family: 'DIN', arial, helvetica, sans-serif;
    color: #ffffff;
    font-weight:bold;
    font-style:normal;
    font-size:14px;
    line-height:23px;
    text-decoration:none;
}
#links a:hover{
    text-decoration:underline;
}
#links .social {
    padding-left:8%;
}
#links .terms {
    padding-left:8%;
}
.social-icon {
    margin: 0 12px 10px 0;
}
.social-title {
    margin-bottom: 15px;
}
.uprv-widget-ous {
    text-align:right;
}
.uprv-widget-ous iframe { max-width:245px; }
.pkg-legal {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-size: 12px;	
}

.pkg-header {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;	
}
ul.disc-pkg {
    margin: 5px 0;
    list-style: disc outside;
    font-size: 14px;
}
ul.disc-pkg li {
    margin-bottom: 3px;
}
.panel-body > hr.top {
    margin-top: 0;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #161616;
    width:100%;  
}
/* RIP TOURS Content */
.ripcontact {
    margin:12px 0 30px 20px;
}
.ripcontact img{
    float:left;
    margin-right:10px;
}
hr.rip {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #161616;
    width:100%;  
    display:inline-block;
}
.tic-details a.phonelink{
    font-size: 14px;
    text-decoration:none;
    font-weight:normal;
    color:#a27d36;
    text-decoration:none;
}
.tic-details a.phonelink:hover {
    color:#a27d36;
    text-decoration:underline;
}
.ripcontact a.phonelink,
a.inlinephone {
    font-size: 14px;
    text-decoration:none;
    font-weight:normal;
    color:#e0dcd3;
    text-decoration:none;
}
.ripcontact a.phonelink:hover,
a.inlinephone:hover {
    color:#e0dcd3;
    text-decoration:underline;
}
.ript-sold-out {
    font-family: "DIN-Condensed", Arial, helvetica, sans-serif;
    text-transform:uppercase;
    color: #fff;
}
.ript-head{
    font-family: "DIN", Arial, helvetica, sans-serif;
    font-weight: bold;
    text-transform:uppercase;
    color: #000;
}
.ript-lower{
    font-family: "DIN", Arial, helvetica, sans-serif;
	font-weight:bold;
}
.ript-lower span.desc{
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
	font-weight:normal;
    font-size: 12px;
}
.ript-main{
    font-family: "DIN-Condensed", Arial, helvetica, sans-serif;
	font-weight:bold;
    font-size: 21px; 
    color: #c0272d;
}
.ript-legal {
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
	font-weight:normal;
    font-size: 12px;
    text-align:left;
}
.ript-smlegal {
    font-family: "DIN", Arial, helvetica, sans-serif;
	font-weight:normal;
    font-size: 10px;
    color:#000;
    text-align:left;
}
ul.disc-ript {
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
	font-weight:normal;
    font-size: 13px;
    margin:20px 0 20px 0;   
    list-style: disc outside;
}
ul.disc-ript li {
    margin-bottom:0;
}
ul.disc-ript li.subhead{
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
	font-size: 14px;
    list-style: none;
    margin-left:-17px;
}
ul.circle-ript {
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
	font-weight:normal;
    font-size: 13px;
    margin: 0 0 20px 0;   
    list-style: circle outside;
}
.scream-details {
    font-family: "DIN-Condensed", Arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 18px;
    color: #2f5251;
    font-weight:bold;
    line-height:21px;
}
.hotel-img {
    text-align:center;
    margin-bottom: 40px;
}
.hotel-img img {
    width:100%;
    height:auto;
    padding-bottom: 15px;
} 
span.offer {
    display: block;
    font-family: "DIN-Medium", arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight:normal;
    text-transform: uppercase; 
    color: #000000;
    position: relative;
    right: 0;
    top: 0;
    text-align: right;
} 
span.price {
    font-family: "DIN-Condensed", arial, helvetica, sans-serif;
    font-size: 21px;
    font-weight:bold;
    margin-left: .1em;
    margin-right: .1em;
    line-height:29px;
    color: #000000;
}
span.price-detail {
    font-family: "DIN-Condensed", arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    font-style:italic;
    line-height:14px;
    position: relative;
    top: -6px;
    float: right;
    right: 8px;
    color: #000000;
}
.panel-heading.collapsed span.offer,
.panel-heading.collapsed span.price,
.panel-heading.collapsed span.price-detail {
    color: #ffffff;
}
.panel-heading.collapsed .glyphicon-plus:before {
  content: "\2b";
}
.panel-heading .glyphicon-plus:before {
  content: "\2212";
}
ul.disc-hotel {
    margin: 0 0 0 15px;
    padding:0;
}
ul.disc-hotel li {
    margin-bottom: 5px;
}
.hotel-details {
    font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:16px;
    color: #000;
    float: right;
    text-align: right;
    margin-top: 6px;
}
.hotel-details a{
    font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:16px;
    color: #000;
}
.offer-details {
    font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color: #2f5251;
    font-size: 12px;
}

.overview-video {
    margin-bottom:30px;
}
.testimonial {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-weight: normal;
    font-size:18px;
    color: #E0DCD3;
    margin:24px 0 24px 0;
}
.testimonial .author {
    font-family:"DIN-Medium", arial, helvetica, sans-serif;
    font-size:14px;
    color: #666666;
}
a.learnmore {
    font-family: "DIN-Medium", arial, helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    line-height:25px;
    color:#83aca5;
    text-decoration:underline;
    text-transform:uppercase;
}
a.learnmore:hover {
    line-height:25px;
    color:#83aca5;
    text-decoration:none;
}

.golden-ticket {
    font-family: 'DIN-Medium', arial, helvetica, sans-serif;
    color: #ffffff;
    font-weight:normal;
    font-style:normal;
    font-size: 19px;
    text-align:center;
    line-height: 28px;
    text-transform:uppercase;
    width:100%;
}
.golden-ticket strong {
    color: #82aba5;
    font-weight:normal;
    font-family: "DIN-Black", arial, helvetica, sans-serif;
}
.golden-ticket em {
    font-family: 'DIN-Light', arial, helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
}
h2.info {
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
    text-transform: capitalize;
    font-weight:bold;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}
h3.info {
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-weight:bold;
    color: #DD1F26;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}
a.maplink {
    color: #83aca5;
    text-decoration:none;
}
a.maplink:hover {
    color:#83aca5;
    text-decoration:underline;
}
.tp-image {
    margin-top:14px;
}
.tp-image .img-container {
    background:#161616;
    border:1px solid #fff;
    width:100%;
    height:100%;
    padding:18px 0 15px 0;
    text-align:center;
}
.tp-image .img-container img {
    width:90%;
    height:auto;
    max-width:350px;
    max-height:207px;
}
.tp-copy {
    margin-top:10px;
    margin-bottom:40px;
}
.red-divider {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-size:16px;
    font-weight:normal;
    line-height:21px;
    color: #83aca5;
    margin:0 10px 0 10px;
    display: inline;
}
.new-window {
    margin-left:6px;
}

.fb-iframe {
    float:left;
    width:180px;
    height:40px;
    margin:5px 20px 0 0;
}
.tweet-box {
    float:left;
    margin-top: 5px;
}
.social-page {
    text-align:center;
}
.social-page img.photo {
    margin: 0;
}
.social-cat {
    margin-bottom:28px;
}
.socialdetails-cat {
    margin-top:28px;
    margin-bottom:52px;
}
.overview-video iframe {
    /* height:370px; */
    border: 1px solid #333333 !important;
}
#gallery-tabs {
    height:590px;
    background-color:#161616;
    border:1px solid #e0dbd2;
    padding:30px 20px;
}
.guest-gallery-legal {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    line-height:19px;
    color: #83aca5;
    text-transform:uppercase;
    margin-top:20px;
    text-align:center;
}
.saw-right {
    float:right;
    text-align:right;
    display: none;
}
.saw-right img{
    width:100%;
    height:auto;
    max-width: 360px;
    max-height: 248px;
}
.saw-left {
    float:left;
    text-align:left;
    display: none;
}
.saw-left img{
    width:100%;
    height:auto;
    max-width: 360px;
    max-height: 248px;
}
.best-event img {
    width: 100%;
    max-width: 401px;
    height:auto;
    max-height: 117px;
}
.ticket-details-pu a {
    font-family: "DIN", arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #83aca5;
    text-decoration:none;
}
.ticket-details-pu a:hover {
    color: #fff;
    text-decoration:none;
}
#packageDetailsModal .modal-body {
    max-height: 700px;
    overflow-y: scroll;
}

.gControls, .gControls2{
    font-family: 'DIN', Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:21px;
    color:#d9e0d3;
    word-spacing:6px; 
    position:absolute;
    bottom:6px;
    left: 0;
}
.gControls a, .gControls2 a{
    font-family: 'DIN', Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:30px;
    color:#d9e0d3 !important;
    text-decoration:none;
    position:relative;
    top:3px;
}
#gallery .tabpage{
    margin-bottom: 15px;
}
#gallery .gThumb{
    text-align: left;
    font-family: 'DIN', Arial, helvetica, sans-serif;
    font-weight:bold !important;
    font-size:12px;
    text-transform:none;
    color:#d9e0d3;
    margin:0 0 8px 0;
    line-height:14px;
    text-align:center;
}
#gallery .gThumb img {
    width:100%;
    max-width:245px;
    padding-bottom:4px;
}
.jack-copy {
    font-family:'P22Typewriter', arial, helvetica, sans-serif;
    font-size:18px;
    line-height:26px;
    font-weight:normal;
    color:#fff;
    text-align:center;
    padding: 0;
}
.jack-copy h2{
    font-family:'P22Typewriter', arial, helvetica, sans-serif;
    font-size:32px;
    font-weight:normal;
}
#joinusmaniacs, #pledgemaniacs {
    margin:45px 0 45px 0;
}
#pledgemaniacs img{
    cursor:pointer;
    width:100%;
    height:100%;
    max-width:400px;
    max-height:45px;
}
#joinusmaniacs img {
    cursor:pointer;
    width:100%;
    height:100%;
    max-width:178px;
    max-height:46px;
}
#jacktweet {
    font-size:22px;
}
.social-icon-white {
    margin:0 10px 10px 0;
}

.page-main-cushion {
    margin-top: 50px;
}
.maniacs-cushion {
    margin-top: 80px;
}

/* tiny scrollbar annual pass ID */
#scrollbar1 { width: 100%; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 90%; height: 210px; overflow: hidden; position: relative; }  

#scrollbar2 { width: 610px; clear: both; margin: 20px 0 10px; }
#scrollbar2 .viewport { width: 582px; height: 380px; overflow: hidden; position: relative; }
#scrollbar1 .overview,
#scrollbar2 .overview,
#scrollbar4 .overview { list-style: none; position: absolute; left: 0; top: 0; color: #ccc;}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb,
#scrollbar2 .thumb .end,
#scrollbar2 .thumb,
#scrollbar4 .thumb .end,
#scrollbar4 .thumb { background-color: #828282; }
#scrollbar1 .scrollbar,
#scrollbar2 .scrollbar,
#scrollbar4 .scrollbar { position: relative; float: right; width: 13px; }
#scrollbar1 .track,
#scrollbar2 .track,
#scrollbar4 .track { background-color: #4a4a4a; height: 100%; width:11px; position: relative; padding: 1px; border-radius: 15px; margin-left:5px; }
#scrollbar1 .thumb,
#scrollbar2 .thumb,
#scrollbar4 .thumb { height: 60px; width: 11px; cursor: pointer; overflow: hidden; position: absolute; top: 1px; border-radius: 15px; }
#scrollbar1 .thumb .end,
#scrollbar2 .thumb .end,
#scrollbar4 .thumb .end { overflow: hidden; height: 5px; width: 11px; }
#scrollbar1 .disable,
#scrollbar2 .disable,
#scrollbar4 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* generic scrollbar class */

.scrollerbox { width: 100%; clear: both; margin: 20px 0 10px; }
.scrollerbox .viewport { width: 90%; height: 380px; overflow: hidden; position: relative; }
.scrollerbox .overview { list-style: none; position: absolute; left: 0; top: 0; color: #ccc;}
.scrollerbox .thumb .end,
.scrollerbox .thumb { background-color: #828282; }
.scrollerbox .scrollbar { position: relative; float: right; width: 13px; }
.scrollerbox .track { background-color: #4a4a4a; height: 100%; width:11px; position: relative; padding: 1px; border-radius: 15px; margin-left:5px; }
.scrollerbox .thumb { height: 60px; width: 11px; cursor: pointer; overflow: hidden; position: absolute; top: 1px; border-radius: 15px; }
.scrollerbox .thumb .end { overflow: hidden; height: 5px; width: 11px; }
.scrollerbox .disable { display: none; }
                                           

.hashtag {
    font-family: "DIN-Condensed", arial, helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 26px;
    color: #ffffff;
}
.ap_help{
        float:right;
        margin-right: 10px;
}
.ap_id{
    font-size:12px;
    color:#cccccc;
    text-align:right;
    margin:12px 0 20px 0;
    line-height:12px;
}
.ap_id em{
    color:#6a6a6a;
    font-size:10px;
    font-weight:bold;
    font-style:normal;
    letter-spacing:2px;
}
.ap_id a{
    color: #e6e6e6;
    text-decoration:underline; 
    display:inline;
}
.ap_id a:hover{
    color: #e6e6e6;
    text-decoration:none;
} 
a.apphonelink{
    color:#cccccc;
    font-weight:bold;
    text-decoration:none;
}
a.apphonelink:hover{
    color:#cccccc;
    font-weight:bold;
    text-decoration:none;
}

sup{font-size:70%;position:relative;bottom:5px;}

body {
	margin:0;
	padding:0;
}

#calbox {
    position: relative;
    width:100%;
    max-width: 1680px;
    margin: 0 auto;
    z-index:1020;
}


#blackout {
    width:100%;
    background:url(../img/ui/black70pct.png) top center;
    z-index: 100;
    position: absolute;
    top: 207px;
    display:none;
}
#calendar-bar .event-dates {
    float:left;
    color: #ffffff;
    padding: 18px 0 10px 2%;
    font-size: 14px;
    line-height: 1.3333333;
    border-radius: 0;
    text-transform: uppercase;
}

.navbar-header {
    background-color: #000 !important;
}

h2{font-family:"Bourbon-Regular",Arial,helvetica,sans-serif;text-transform:uppercase;font-weight:normal; color:#ffffff;font-size:30px;}

.modal-close {
    background-image: url(../img/ui/circle_close.png);
    background-position: 0px 0px;
    border: none;
    margin: 0;
    overflow:visible;
    width: 32px;
    height: 32px;
    position: absolute;
    top: -16px;
    right: -16px;
    cursor:pointer;
    z-index:3000;
}
.modal-close:hover {
    background-image: url(../img/ui/circle_close.png);
    background-position: -32px 0px;
}
#maniacs {
    background:#000;
}
.jack-cards {
    margin:30px 0 20px 0;
}
.jack-cards ul {
    list-style:none;
    padding:0;
    text-align:center;
}
.jack-cards ul li {
    display:inline-block;
}
.jack-cards ul li#left-card {
    display:none;
}
.jack-cards ul li#right-card {
    display:none;
}
.social-page img.photo {
    width:100%;
    height:auto;
    margin: 20px 0 10px 0;
    max-width:151px;
    padding-right:15px;
}
hr.footer {
    margin-top: 45px;
    margin-bottom: 58px;
    border: 0;
    border-top: 1px dotted #5a585a;
    width:100%;  
}
.hhn-header {
    display:none;
}
.logo {
    max-width: 357px;
    max-height: 107px;
    margin:0 auto;
    width:100%;
    height:100%;
    cursor: pointer;
    text-align:center;
}
.logo img {
    width:100%;
    height:auto;
    max-width:357px;
    max-height:107px;
}
.mobilelogo {
    max-width: 438px;
    max-height: 120px;
    margin: 0 auto 20px auto;
    width:100%;
    height:100%;
    cursor: pointer;
    /* text-align: center; */
}
.mobilelogo img {
    width: 85%;
    height:auto;
    max-width: 438px;
    max-height: 123px;
    margin-top: 30px;
}
#calendar-bar {
    background: #221f1f;
    height: 48px;
    font-family: 'DIN-Condensed';
    font-weight: bold;
}
.calendar-bar-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1028;
}

#endorsements {
    /* border-top: 15px solid #57000f; */
    /* border-bottom: 15px solid #57000f; */
    padding: 40px 0 40px 0;
    /* background: url('../img/ui/curtains.jpg') no-repeat top center #000; */
}

.gt-box {
    margin-top: 10%;
    padding-top: 0%;
    padding-bottom: 0%;
    border-top: none;
    border-left:none;
}
.vert-spacer {
    display:block;
    padding-left:20px;
}
#footer {
    margin: 0;
    padding-top: 20px;
    padding-bottom: 50px;
}
#warning {
    text-align:center;
}
#warning img {
    width:100%;
    height:auto;
    max-width: 611px;
    max-height: 59px;
}
.warn-copy {
    width:100%;
    max-width: 555px;
    margin:10px auto 0 auto;
    font-family: 'DIN-Condensed-Medium', arial, helvetica, sans-serif;
    color: #e0dbd2;
    font-weight:normal;
    font-style:normal;
    font-size:21px;
    text-align:center;
    text-transform:uppercase;
}
.warn-copy strong {
    font-family: 'DIN-Condensed', arial, helvetica, sans-serif;
    color:#bd923f;
    font-weight:bold;
    font-size:30px;
    position: relative;
    top: -33px;
    background: #151415;
    padding-left: 40px;
    padding-right: 40px;
}
hr.warning {
    margin-top: 5px;
    border: 0;
    border-top: 1px dotted #5a585a;
    width:90%;
}
#legal {
    font-family: 'DIN', arial, helvetica, sans-serif;
    color: #cccccc;
    font-weight:normal;
    font-style:normal;
    font-size:13px;
    text-align:center;
    margin: 55px 0 0 0;
}
#links {
    font-family: 'DIN', arial, helvetica, sans-serif;
    color: #ffffff;
    font-weight:bold;
    font-style:normal;
    font-size:18px;
    text-align:left;
    line-height:25px;
}
#links a{
    font-family: 'DIN', arial, helvetica, sans-serif;
    color: #ffffff;
    font-weight:bold;
    font-style:normal;
    font-size:14px;
    line-height:23px;
    text-decoration:none;
}
#links a:hover{
    text-decoration:underline;
}
#links .social {
    padding-left:8%;
}
#links .terms {
    padding-left:8%;
}
.social-icon {
    margin: 0 12px 10px 0;
}
.uprv-widget-ous {
    text-align:right;
}
.uprv-widget-ous iframe { max-width:245px; }
.pkg-legal {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-size: 12px;	
}

.pkg-header {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight:bold;	
}
ul.disc-pkg {
    margin: 5px 0;
    list-style: disc outside;
    font-size: 14px;
}
ul.disc-pkg li {
    margin-bottom: 3px;
}
.panel-body > hr.top {
    margin-top: 0;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #161616;
    width:100%;  
}
.hotel-img {
    text-align:center;
    margin-bottom: 40px;
}
.hotel-img img {
    width:100%;
    height:auto;
    padding-bottom: 15px;
} 
span.offer {
    display: block;
    font-family: "DIN-Medium", arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight:normal;
    text-transform: uppercase; 
    color: #000000;
    position: relative;
    right: 0;
    top: 0;
    text-align: right;
} 
span.price {
    font-family: "DIN-Condensed", arial, helvetica, sans-serif;
    font-size: 21px;
    font-weight:bold;
    margin-left: .1em;
    margin-right: .1em;
    line-height:29px;
    color: #000000;
}
span.price-detail {
    font-family: "DIN-Condensed", arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    font-style:italic;
    line-height:14px;
    position: relative;
    top: -6px;
    float: right;
    right: 8px;
    color: #000000;
}
.panel-heading.collapsed span.offer,
.panel-heading.collapsed span.ticket-offer,
.panel-heading.collapsed span.price,
.panel-heading.collapsed span.price-detail {
    color: #ffffff;
}
.panel-heading.collapsed:hover span.offer,
.panel-heading.collapsed:hover span.ticket-offer,
.panel-heading.collapsed:hover span.price,
.panel-heading.collapsed:hover span.price-detail {
    color: #000;
}
.panel-heading.collapsed .glyphicon-plus:before {
  content: "\2b";
}
.panel-heading .glyphicon-plus:before {
  content: "\2212";
}
ul.disc-hotel {
    margin: 0 0 0 15px;
    padding:0;
}
ul.disc-hotel li {
    margin-bottom: 5px;
}
.hotel-details {
    font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:16px;
    color: #000;
    float: right;
    text-align: right;
    margin-top: 6px;
}
.hotel-details a{
    font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:16px;
    color: #000;
}
.offer-details {
    font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color: #2f5251;
    font-size: 12px;
}
.hotel-details .offer-details {
    font-size:10px;
}
.price-details {
    font-family: "DIN-Condensed", Arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    color: #2f5251;
    font-weight:bold;
}
.hotel-info .price-details {
    line-height:30px;
}
.tic-button {
    margin: 10px auto 2px auto;
}
.tic-button-group, .tic-button-rsvp {
    margin: 10px auto 2px auto;
    float:right;
};
.tic-info{
	font-family: "DIN-Medium", Arial, helvetica, sans-serif;
    font-size:13px;
    line-height:16px;
}
.tic-info .dates {
    font-size:12px;
}
.tic-info strong{
	font-family: "DIN", Arial, helvetica, sans-serif;
    font-weight:bold;
}
.tic-details{
    font-family: "DIN-Medium", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height:16px;
    color: #000;
    float: right;
    text-align: right;
    margin-top: 6px;
}
.comingsoon {
    margin: 10px auto 2px auto;
    float:right;
    font-size: 15px;
    font-weight: bold;
}
.ticket-nav {
    border-left: 1px dotted #5a585a;
    padding-left: 20px;
    margin-bottom: 30px;
}

.ticket-nav h3 {
	font-family: "Bourbon-Regular", arial, helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
}
.ticket-nav ul {
    margin: 0 0 14px 9px;
}
.ticket-nav ul a {
	font-family: "DIN-Medium", arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	text-decoration: none;
	color: #83aca5;
	cursor: pointer;
}
.ticket-nav ul a:hover {                                                    
	font-family: "DIN-Medium", arial, helvetica, sans-serif;
    font-size: 14px;
	line-height: 22px;
	text-decoration: none;
	color: #ffffff;        
}
.ticket-nav ul a.active {
	font-family: "DIN-Medium", arial, helvetica, sans-serif;
	text-decoration: none;
    font-size: 14px;
	line-height: 22px;
	color: #fff;        
}
.ticket-nav ul li {
    margin:0;
}
.tagline {
	font-family: "DIN-Medium", arial, helvetica, sans-serif;
	font-size: 15px;
	font-weight:normal;
	font-style:normal;
	text-transform: uppercase;
}
.partner_logo {
    float:right;
    margin-top:-15px;
    max-height:55px;
    padding-left:20px;
}
.partner_logo_hotel {
    float:right;
    margin: 4px 6px 30px 20px;
}
.apintro {
    font-size:16px;
    /* margin-top:18px; */
}
.overview-video {
    margin-bottom:30px;
}
.testimonial {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-weight: normal;
    font-size:18px;
    color: #E0DCD3;
    margin:24px 0 24px 0;
}
.testimonial .author {
    font-family:"DIN-Medium", arial, helvetica, sans-serif;
    font-size:14px;
    color: #666666;
}
a.learnmore {
    font-family: "DIN-Medium", arial, helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    line-height:25px;
    color: #83aca5;
    text-decoration:underline;
    text-transform:uppercase;
}
a.learnmore:hover {
    line-height:25px;
    color:#83aca5;
    text-decoration:none;
}
.legal a.learnmore {
    font-size:12px;
    font-weight:normal;
    line-height:25px;
    color:#DD1F26;
    text-decoration:underline;
    text-transform:none;
}
.legal a.learnmore:hover {
    color:#DD1F26;
    text-decoration:none !important;
}


.golden-ticket strong {
    color: #82aba5;
    font-weight:normal;
    font-family: "DIN-Black", arial, helvetica, sans-serif;
}
.golden-ticket em {
    font-family: 'DIN-Light', arial, helvetica, sans-serif;
    font-weight:normal;
    font-style:normal;
}
h1.first, h2.first, h3.first {
    margin-top:0px !important;
}
h2.info {
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
    text-transform: capitalize;
    font-weight:bold;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}
h3.info {
    font-family: "DIN-Medium", Arial, helvetica, sans-serif;
    text-transform: uppercase;
    font-weight:bold;
    color: #DD1F26;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
}
a.maplink {
    color: #83aca5;
    text-decoration:none;
}
a.maplink:hover {
    color:#83aca5;
    text-decoration:underline;
}
.tp-image {
    margin-top:14px;
}
.tp-image .img-container {
    background:#161616;
    border:1px solid #fff;
    width:100%;
    height:100%;
    padding:18px 0 15px 0;
    text-align:center;
}
.tp-image .img-container img {
    width:90%;
    height:auto;
    max-width:350px;
    max-height:207px;
}
.tp-copy {
    margin-top:10px;
    margin-bottom:40px;
}
.red-divider {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-size:16px;
    font-weight:normal;
    line-height:21px;
    color: #83aca5;
    margin:0 10px 0 10px;
    display: inline;
}
.new-window {
    margin-left:6px;
}

.fb-iframe {
    float:left;
    width:180px;
    height:40px;
    margin:5px 20px 0 0;
}
.tweet-box {
    float:left;
    margin-top: 5px;
}
.social-page {
    text-align:center;
}
.social-page img.photo {
    margin: 0;
}
.social-cat {
    margin-bottom:28px;
}
.socialdetails-cat {
    margin-top:28px;
    margin-bottom:52px;
}
.overview-video iframe {
    /* height:370px; */
    border: 1px solid #333333 !important;
}
#gallery-tabs {
    height:590px;
    background-color:#161616;
    border:1px solid #e0dbd2;
    padding:30px 20px;
}
.guest-gallery-legal {
    font-family:"DIN", arial, helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    line-height:19px;
    color: #83aca5;
    text-transform:uppercase;
    margin-top:20px;
    text-align:center;
}
.saw-right {
    float:right;
    text-align:right;
    display: none;
}
.saw-right img{
    width:100%;
    height:auto;
    max-width: 360px;
    max-height:279px;
}
.saw-left {
    float:left;
    text-align:left;
    display: none;
}
.saw-left img{
    width:100%;
    height:auto;
    max-width: 360px;
    max-height: 248px;
}

.ticket-details-pu a {
    font-family: "DIN", arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #83aca5;
    text-decoration:none;
}
.ticket-details-pu a:hover {
    color: #fff;
    text-decoration:none;
}
#packageDetailsModal .modal-body {
    max-height: 700px;
    overflow-y: scroll;
}

.gControls, .gControls2{
    font-family: 'DIN', Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:21px;
    color:#d9e0d3;
    word-spacing:6px; 
    position:absolute;
    bottom:6px;
    left: 0;
}
.gControls a, .gControls2 a{
    font-family: 'DIN', Arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:30px;
    color:#d9e0d3 !important;
    text-decoration:none;
    position:relative;
    top:3px;
}
#gallery .tabpage{
    margin-bottom: 15px;
}
#gallery .gThumb{
    text-align: left;
    font-family: 'DIN', Arial, helvetica, sans-serif;
    font-weight:bold !important;
    font-size:12px;
    text-transform:none;
    color:#d9e0d3;
    margin:0 0 8px 0;
    line-height:14px;
    text-align:center;
}
#gallery .gThumb img {
    width:100%;
    max-width:245px;
    padding-bottom:4px;
}
.jack-copy {
    font-family:'P22Typewriter', arial, helvetica, sans-serif;
    font-size:18px;
    line-height:26px;
    font-weight:normal;
    color:#fff;
    text-align:center;
    padding: 0;
}
.jack-copy h2{
    font-family:'P22Typewriter', arial, helvetica, sans-serif;
    font-size:32px;
    font-weight:normal;
}
#joinusmaniacs, #pledgemaniacs {
    margin:45px 0 45px 0;
}
#pledgemaniacs img{
    cursor:pointer;
    width:100%;
    height:100%;
    max-width:400px;
    max-height:45px;
}
#joinusmaniacs img {
    cursor:pointer;
    width:100%;
    height:100%;
    max-width:178px;
    max-height:46px;
}
#jacktweet {
    font-size:22px;
}
.social-icon-white {
    margin:0 10px 10px 0;
}

.page-main-cushion {
    margin-top: 50px;
}
.maniacs-cushion {
    margin-top: 80px;
}
#scrollbar2 { width: 610px; clear: both; margin: 20px 0 10px; }
#scrollbar2 .viewport { width: 582px; height: 380px; overflow: hidden; position: relative; }
#scrollbar1 .overview,
#scrollbar2 .overview,
#scrollbar4 .overview { list-style: none; position: absolute; left: 0; top: 0; color: #ccc;}
#scrollbar1 .thumb .end,
#scrollbar1 .thumb,
#scrollbar2 .thumb .end,
#scrollbar2 .thumb,
#scrollbar4 .thumb .end,
#scrollbar4 .thumb { background-color: #828282; }
#scrollbar1 .scrollbar,
#scrollbar2 .scrollbar,
#scrollbar4 .scrollbar { position: relative; float: right; width: 13px; }
#scrollbar1 .track,
#scrollbar2 .track,
#scrollbar4 .track { background-color: #4a4a4a; height: 100%; width:11px; position: relative; padding: 1px; border-radius: 15px; margin-left:5px; }
#scrollbar1 .thumb,
#scrollbar2 .thumb,
#scrollbar4 .thumb { height: 60px; width: 11px; cursor: pointer; overflow: hidden; position: absolute; top: 1px; border-radius: 15px; }
#scrollbar1 .thumb .end,
#scrollbar2 .thumb .end,
#scrollbar4 .thumb .end { overflow: hidden; height: 5px; width: 11px; }
#scrollbar1 .disable,
#scrollbar2 .disable,
#scrollbar4 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.hashtag {
    font-family: "DIN-Condensed", arial, helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 26px;
    color: #ffffff;
}
#uoglobe {
    margin: 0 auto;
    text-align: center;
    }

.sm_cal_dates {
    font-size: 14px;
    text-transform: uppercase;
    color: #6e1313;
    font-weight: 600;
    letter-spacing: .02em;
}
.pic-border {
    margin-bottom:20px;
    margin-top:10px;
    width: 100%;
    height: 100%;
    max-width:235px;
    max-height:256px;
}

.tic-details {
    font-family: "DIN-Medium",Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    float: right;
    text-align: right;
    margin-top: 6px;
}
.hotel-info .legal, .tic-info .legal {
    font-family: "DIN-Medium",Arial,Helvetica,sans-serif;
    color: #000;
    letter-spacing: 1px;
    font-size: 10px;
    text-align: left;
    line-height: 12px;
}
.hotel-special {
    color: #83aca5;
    font-weight: bold;
}
.offer-details {
    font-family: "DIN-Medium",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    color: #2f5251;
    font-size: 12px;
}
.price-details {
    font-family: "DIN-Condensed",Arial,helvetica,sans-serif;
    text-transform: uppercase;
    font-size: 21px;
    color: #2f5251;
    font-weight: bold;
}
.tic-button {
    margin: 10px auto 2px auto;
    color: #2f5251;
    background: none !important;
    border: 4px solid #2f5251;
    border-radius: 0px !important;
    font-family: "DIN";
    font-weight: bold;
    text-transform:uppercase;
    font-size: 16px !important;
    padding: 10px 36px 8px 36px;
}
.tic-button:hover,
.tic-button:focus,
.tic-button.focus,
.tic-button:active {
  color: #ffffff;
  background-color: #afbfbd;
  border-color: #ffffff;
}
.tic-button-group {
    margin: 10px auto 2px auto;  
    color: #83aca5;
    background-color: #000 !important;
    border: 4px solid #83aca5;
    border-radius: 0px !important;
    font-family: "DIN";
    font-weight: bold;
    text-transform:uppercase;
    font-size: 16px !important;
    padding: 10px 36px 8px 36px;
}
.tic-button-group:hover,
.tic-button-group:focus,
.tic-button-group.focus,
.tic-button-group:active {
  color: #ffffff;
  background-color: #000;
  border-color: #ffffff;
}
.tic-info {
    margin-top: 25px;
}

.horror-callout {
    border: 1px solid #d9e0d3;
    padding: 10px;
    font-weight:normal;
    font-size:14px;
}
.horror-callout strong{
    font-size:18px;
    font-family: "DIN-Black", arial, sans-serif;
}
.horror-callout a{
    color:#fff;
    font-size:12px;
    text-decoration: underline;
}
.horror-callout a:hover{
    color:#fff;
    font-size:12px;
    text-decoration: none;
}
.rides-legal {
        font-family: "DIN", Arial, Helvetica, sans-serif;
        color: #ccc;
        font-size: 14px;
        margin-bottom: 20px;
    }
.article-details {
    display:none;
}
span.ticket-offer { 
    display:block;
    font-size:15px;
}
.onsite-widget, .onsite-widget-fl {
    max-width: 270px;
}

.onsite-widget-mobile img,
.onsite-widget-fl-mobile img {
	width:100%;
	height:auto;
} 

.anchor {
  display: block;
  height: 99px; /*same height as header*/
  margin-top: -99px; /*same height as header*/
  visibility: hidden;
}
.dplogo {
    width: 100%;
    height: 100%;
    max-width:207px;
    max-height: 161px;
    float:right;
    padding-left:10px;
    margin:0 0 0 0;
}
.sdelogo {
    margin:0 0 40px 0;
    text-align: center;
}
.sdelogo img {
    width: 100%;
    height: 100%;
    max-width: 220px;
}
.udlogo {
    width: 100%;
    height: 100%;
    max-width: 113px;
    max-height: 56px;
    float:left;
    margin: 0 55px 35px 0;
}
hr.dining {
    margin-top: 45px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px dotted #5a585a;
    width:100%;  
}
span.location-label {
    font-size: 14px;
    color: #83aca5;
    text-transform: uppercase;
    position: relative;
    top: -14px;
    background-color: #151415;
    padding-left: 10px;
    padding-right: 10px;
}

table.dining {
    background: #e0dbd2;
    font-family: "DIN-Medium", arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    border: 1px solid #e0dbd2;
    border-collapse: separate;
    border-left: 0;
    border-radius: 6px;
    border-spacing: 0px;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
    border-collapse: separate;
}
thead:first-child tr:first-child th:first-child, tbody:first-child tr:first-child td:first-child {
    border-radius: 6px 0 0 0;
}
thead:last-child tr:last-child th:first-child, tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
th, td {
    padding: 10px 4px 10px 4px;  
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e0dbd2;    
}
td {
    border-top: 1px solid #e0dbd2;    
}
tr.dark, th.dark, td.dark { 
    background-color: #d6d1c9;
    border-color: #d6d1c9;
}
tr.dark td.combo { 
    background-color: #d1ccc4;
    border-color: #d1ccc4;
}
tr td.combo {
    background-color: #dbd6ce;
    border-color: #dbd6ce;
}
thead tr th {
    text-align: center;
    font-weight: normal;
    vertical-align: top;
    padding-left: 10px;
    padding-right: 10px;
}
thead tr th h4 {
    color: #2f5251;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom:2px;
}
tbody td {
    border:none;
}
th.din_title {
    text-align: left;
    font-size: 18px;
    padding-left:15px;
    vertical-align: middle;
}
td.opt {
    padding-left:15px;
    padding-right:10px;
    text-align: left;
}
tr.last {
    font-size: 14px;
    font-family: "DIN-Condensed-Medium", arial, helvetica, sans-serif;
}
tr.last td {
    border-top: 1px solid #d6d1c9 !important;
    padding-top: 15px;
    padding-bottom: 15px;
    
}
tr.last td.opt {
    font-family: "DIN-Medium", arial, helvetica, sans-serif;
}
span.din-price {
    color: #2f5251;
    font-size: 21px;
    font-weight: bold;
}
tr .ticketbutton {
    margin-top:15px;
    margin-bottom:20px;
}
tr .tic-button:hover,
tr .tic-button:focus,
tr .tic-button.focus,
tr .tic-button:active {
  color: #fff;
  background:none !important;
  border-color: #fff;
}
tr.last a {
    color:#000;
    text-decoration: underline;
}
tr.last a:hover {
    color:#000;
    text-decoration: none;
}
div.din-legal {
    font-family: "DIN", arial, helvetica, sans-serif;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    line-height: 11px !important;
}
.last-locations {
    padding-left: 20px;
}
ul.dining-locations {
    padding-left:15px;
    padding-right:12px;
    line-height: 18px;
    margin-top:6px;
}
#attraction-tabs {
    font-size: 16px;
    background-color:#161616;
    border:1px solid #e0dbd2;
    padding:30px 45px 30px 10px;
}
.tabpanel-header {
    padding: 0 0 0 25px;
    margin-bottom: 40px;
}
.tabpanel-left {
    width: 30%;
    float: left;
    text-align: center;
}
.tabpanel-left img {
    width: 100%;
    height: 100%;
    margin-top:5px;
}
    
.tabpanel-right {
    width: 66%;
    margin-left:3%;
    float: left;
}
#house-content h4,
#scarezone-content h4,
#show-content h4,
#ride-content h4,
.tab-pane h4 {
    font-family: "DIN", arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    color: #6d2264;
    line-height: 22px;
    margin:0;
    text-transform: uppercase;
}
.house-clear{clear:both; margin-bottom: 30px;} 
#house-details #accordion {
    margin-top:18px;
    display:none;
}
#house-details #tabbed {
    margin-top:18px;
    display:none;
}
#house-details #accordion .panel-body {
    padding: 20px 10px 30px 10px;
    color: #e0dcd3;
    background: #000;
    font-family: "DIN-Medium",arial,helvetica,sans-serif;
    font-weight: normal;
    font-size: 14px;
}
.nav-tabs li.active:after {
    position: absolute;
    bottom: -8px;
    left: 40%;
    display: inline-block;
    border-right: 12px solid transparent;
    border-top: 10px solid #e0dcd3;
    border-left: 12px solid transparent;
    border-bottom-color: #e0dcd3;
    content: '';    
}
@media (max-width: 767px) {
    .mobile {display:inline;}
    .tablet {display:none;}
    .desktop {display:none;}
    .tablet-desktop {display:none;}
    span.ticket-offer { margin-top:8px; }
    .ticket-nav {
        border-left: none;
        padding-left: 0;
        margin-bottom: 30px;
    }
    .tic-button-group, .tic-button-rsvp {
        width: 100%;
    }
    .dplogo {
        margin:0 auto 30px auto;
        float:none;
        padding:0;
    }
    .udlogo {
        max-width:113px;
        max-height:61px;
        margin:0 20px 20px 0;
    }
    table.dining { margin-left: -20px; font-size: 11px; }
    th, td {
        padding: 5px 3px 5px 3px;   
    }
    thead tr th {
        padding-left: 3px;
        padding-right: 3px;
    }
    th.din_title {
        font-size: 12px;
        padding-left:5px;
        font-weight:bold;
    }
    td.opt {
        padding-left:5px;
        padding-right:5px;
    }
    tr.last {
        font-size: 12px;
    }
    tr.last td {
        padding-top: 10px;
        padding-bottom: 10px;

    }
    span.din-price {
        font-size: 15px;
    }
    tr .ticketbutton {
        margin-top:10px;
        margin-bottom:15px;
    }
    div.din-legal {
        font-size: 9px;
        line-height: 10px !important;
    }
    .last-locations {
        padding-left: 0;
    }
    .navbar-header {
        background: url(../img/ui/mobile_bg.jpg) top center no-repeat #000 !important;
    }
}
@media (min-width: 768px) {
    .mobile {display:none;}
    .tablet {display:inline;}
    .desktop {display:none;}
    .tablet-desktop {display:inline;}
    .saw-right {
        display: block;
    }
    .saw-left {
        display: block;
    }
    .golden-ticket {
    font-family: 'DIN-Medium', arial, helvetica, sans-serif;
    color: #ffffff;
    font-weight:normal;
    font-style:normal;
    font-size: 19px;
    text-align:center;
    line-height: 28px;
    text-transform:uppercase;
    width:100%;
    margin-left: 5%;
}
    .best-event {
        margin-top: 3%;
        text-align: right;
     }
    .best-event img {
        width: 100%;
        max-width: 401px;
        height:auto;
        max-height: 117px;
        margin-right: 5%;
    }
    .calbox-fixed {
        position: relative !important;
        top:94px;
        right: 0;
        left: 0;
    }
    .calendar-bar-fixed {
        position: fixed;
        top: 51px;
        right: 0;
        left: 0;
        z-index: 1028;
    }
    .hhn-header {
        display:block;
        background: #000 url(../img/ui/topbarbg.jpg) no-repeat top center;
        height:107px;
        padding-top:0;
    }
    .page-main-cushion {
        margin-top: 100px;
    }
    .maniacs-cushion {
        margin-top: 130px;
    }
    #links .social {
        padding-left:70px;
    }
    #links .terms {
        padding-left:70px;
    }
    #links .terms {
        border-left:1px dotted #5a585a;
    }
    
    #calendar-bar .event-dates {
        padding: 18px 0 10px 6%;
        font-size: 16px;
    }
    
    .jack-copy {
        padding: 0 40px 0 40px;
    }
    .mobilelogo {
        display:none;
    }
    
    .hotel-img {
        margin-bottom: 0;
    }
    #calendar-bar {
        background: #221f1f;
        height: 48px;
        font-family: 'DIN-Condensed';
        font-weight: bold;
    }
    .calendar-bar-fixed {
        position: fixed;
        top: 50px;
        right: 0;
        left: 0;
        z-index: 1028;
    }
    .gt-box {
        margin-top: 1%;
        padding-top: 2%;
        padding-bottom: 2%;
        /* border-left: 1px dotted #a1a1a1; */
        border-top:none;
        /* padding-left: 3%; */
    }
   span.offer {
        display: block;
        font-family: "DIN-Medium", arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight:normal;
        text-transform: uppercase; 
        color: #000000;
        position: absolute;
        right: 0;
        top: -6px;
    }
    span.ticket-offer {
        display: block;
        font-family: "DIN-Medium", arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight:normal;
        text-transform: uppercase; 
        color: #000000;
        position: absolute;
        right: 0;
        top: -3px;
    }
    .tic-details a.phonelink{
        color: #2f5251;
        font-size: 14px;
        text-decoration:none;
        font-weight:normal;
    }
    .tic-details a.phonelink:hover {
        color:#2f5251;
        text-decoration:underline;
    } 
}
@media (min-width: 1000px) {
    
    .jack-cards ul li#left-card {
        display:inline-block;
        position:relative;
        top: 23px;
    }
    .jack-cards ul li#right-card {
        display:inline-block;
        position:relative;
        top: 19px;
    }
}

@media (min-width: 1024px) {
    .mobile {display:none;}
    .tablet {display:none;}
    .desktop {display:inline;}
    .tablet-desktop {display:inline;}

    #calendar-bar .event-dates {
        padding: 18px 0 10px 14%;
    }
    .best-event {
        margin-top: 3%;
    }
    .best-event img {
        margin-right: 0;
    }
    .gt-box {
        margin-top: 1%;
    }
    
}
@media (min-width: 1281px) {

    #calendar-bar .event-dates {
        padding: 18px 0 10px 21%;
    }
    .btn-xl,
    .btn-group-xl > .btn {
      padding: 16px 23% 10px 20px;
    }
}