@font-face {
    font-family: 'texgyreadventorbold';
    src: url("/content/fonts/texgyreadventor/texgyreadventor-bold-webfont.eot");
    src: url("/content/fonts/texgyreadventor/texgyreadventor-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/content/fonts/texgyreadventor/texgyreadventor-bold-webfont.woff") format("woff"), url("/content/fonts/texgyreadventor/texgyreadventor-bold-webfont.ttf") format("truetype"), url("/content/fonts/texgyreadventor/texgyreadventor-bold-webfont.svg#texgyreadventorbold") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventorregular';
    src: url("/content/fonts/texgyreadventor/texgyreadventor-regular-webfont.eot");
    src: url("/content/fonts/texgyreadventor/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/content/fonts/texgyreadventor/texgyreadventor-regular-webfont.woff") format("woff"), url("/content/fonts/texgyreadventor/texgyreadventor-regular-webfont.ttf") format("truetype"), url("/content/fonts/texgyreadventor/texgyreadventor-regular-webfont.svg#texgyreadventorregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontawesome';
    src: url("/content/fonts/fontawesome-webfont.eot");
    src: url("/content/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/content/fonts/fontawesome-webfont.woff") format("woff"), url("/content/fonts/fontawesome-webfont.ttf") format("truetype"), url("/content/fonts/fontawesome-webfont.svg#texgyreadventorregular") format("svg");
    font-weight: normal;
    font-style: normal;
}


.selectedMovieTime {
    border: 1px solid #3271b6;
    background-color: #6d1f60;
}

.underline-link {
    text-decoration: underline !important;
}

.imgFull {
    width: 100%;
}

.btn {
    text-transform: uppercase;
}

.m0 {
    margin: 0;
}

.m5 {
    margin: 5px;
}

.m10 {
    margin: 10px;
}

.m20 {
    margin: 20px;
}

.m30 {
    margin: 30px;
}

.m40 {
    margin: 40px;
}

.m50 {
    margin: 50px;
}

.mb0 {
    margin-bottom: 0;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mt0 {
    margin-top: 0;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt100 {
    margin-top: 100px;
}

.ml0 {
    margin-left: 0;
}

.ml5 {
    margin-top: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.mr0 {
    margin-right: 0;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.p0 {
    padding: 0;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p15 {
    padding: 15px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.p40 {
    padding: 40px;
}

.p50 {
    padding: 50px;
}

.pl0 {
    padding-left: 0;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pl50 {
    padding-left: 50px;
}

.pr0 {
    padding-right: 0;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr40 {
    padding-right: 40px;
}

.pr50 {
    padding-right: 50px;
}

.pt0 {
    padding-top: 0;
}

.pt5 {
    padding-top: 5px;
}

.pt5 {
    padding-top: 5px;
}

.pb5 {
    padding-bottom: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pb0 {
    padding-bottom: 0;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.w100 {
    width: 100%;
}

.w75 {
    width: 75%;
}

.w50 {
    width: 50%;
}

.w34 {
    width: 34%;
}

.w33 {
    width: 33%;
}

.w25 {
    width: 25%;
}

.w20 {
    width: 20%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cr {
    clear: right;
}

.cl {
    clear: left;
}

.cb {
    clear: both;
}

.cf {
    clear: both;
    float: none;
}

.db {
    display: block;
}

@media (max-width: 768px) {
    .mp20 {
        padding: 20px !important;
    }

    .pl10 {
        padding: 0;
    }

    .pl20 {
        padding: 0;
    }

    .pr20 {
        padding: 0;
    }

    .mmt10 {
        margin-top: 10px;
    }

    .mmb20 {
        margin-bottom: 20px;
    }

    .mmt30  {
        margin-top: 30px;
    }

     .mmt50  {
        margin-top: 50px;
    }
}

/* master colors */
.br5 {
    border-radius: 5px;
}

.br10 {
    border-radius: 10px;
}

.b5, .b3, .b10 {
    border: 2px solid #2b2b2b;
}

.b5 {
    border: 5px;
}

.b3 {
    border: 3px;
}

.b10 {
    border: 10px;
}

.defaultTransition {
    transition: all .7s ease-in-out;
}

.ipicShadowBox {
    border-left: 1px solid #2e2e2e;
    border-top: 1px solid #2e2e2e;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
}

    .ipicShadowBox:hover {
        /*border-bottom: 1px solid #2e2e2e;
    border-right: 1px solid #2e2e2e;
    border-left: 1px solid black;
    border-top: 1px solid black;*/
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7);
        background-color: rgba(20, 20, 20, 0.3);
    }

.ipicShadowBoxSides {
    border-left: 1px solid #2e2e2e;
    border-right: 1px solid black;
}

.underlineMe {
    display: inline-block;
    border-bottom: 1px solid #b3b3b3;
    padding-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

    .underlineMe:before {
        content: "";
        position: absolute;
        width: 30%;
        height: 2px;
        background: #ffac00;
        bottom: -1px;
        right: 0;
    }

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fxs {
    font-size: .65em;
}

.fsm {
    font-size: .85em;
}

.fmd {
    font-size: 1em;
}

.flg {
    font-size: 1.3em;
}

.fxl {
    font-size: 2em;
}

.fjumbo {
    font-size: 3em;
}

.i {
    font-style: italic;
}

/*       Article Styles             */
.ipicBackgroundDarken {
    background-color: rgba(1, 1, 1, 0.3);
    width: 100%;
    height: 100%;
}

.ipicBackgroundLighten {
    background-color: rgba(255, 255, 255, 0.05);
}

.articleStandardTopBox {
    float: left;
    width: 25%;
    height: 100%;
}

.leftBorderStyle_blue {
    border-left: 5px solid #24a1ff;
}

.ipicGrey {
    color: #bbbbbb;
}

.ipicYellow {
    color: #ffac00 !important;
}

.ipicBlue {
    color: #24a1ff !important;
}

.ipicGreen {
    color: #05d038 !important;
}

.ipicRed {
    color: #d31111 !important;
}

.ipicOrange {
    color: #ff722b !important;
}

.ipicPurple {
    color: #c731ef !important;
}

.ipicWhite {
    color: #efefef !important;
}

.ipicYellowgreen {
    color: #b9e817 !important;
}

a {
    color: #24a1ff;
}

    a:hover {
        text-decoration: none;
        color: white !important;
        text-shadow: 1px 1px 1px black;
    }

.bg-dark {
    background-color: #1F1F1F;
}

.ipicDarken {
    color: rgba(0, 0, 0, 0.7);
}

select#skipTake {
    border: none;
    color: #868686;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 4em;
    text-align: center;
    padding-left: 15%;
    background-color: rgba(1, 1, 1, 0);
    width: 100%;
    margin-top: 5px;
}

.menu-grey {
    background-color: #212121;
    border-top: 1px solid #383838;
    border-bottom: 1px solid black;
    padding: 20px;
}

.white {
    color: #dbdbdb;
}

.whiteBackground {
    background: #fff;
}

.displayNone {
    display: none;
}

.em3 {
    font-size: 3em !important;
}

.em2 {
    font-size: 2em !important;
}

.doZoom {
    background-repeat: no-repeat;
    background-position: top center;
    transition: background-size .2s;
    -moz-transition: background-size .2s;
    -web-kit-transition: background-size .2s;
    /*//border: 6px solid #383838;*/
    position: relative;
}

.doZoom-sm {
    background-size: 300px;
}

.doZoom-md {
    background-size: 450px;
}

.doZoom-lg {
    background-size: 450px;
}

.doZoom-xl {
    background-size: 850px;
}

.dozoomFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 60px;
    background-color: rgba(81, 27, 57, 0.91);
    left: 0;
}

.doZoom-sm:hover {
    background-size: 325px;
}

.doZoom-md:hover {
    background-size: 500px;
}

.doZoom-lg:hover {
    background-size: 500px;
}

.doZoom-xl:hover {
    background-size: 950px;
}

.processingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: rgba(23, 12, 20, 0.75);
}

.processingOverlayMessage {
    color: white;
    opacity: 1;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    top: 40%;
    transform: translateY(-50%);
}

.doZoom:hover .zoomPanel {
    opacity: 1;
}

.doZoom .zoomPanel {
    opacity: .2;
    transition: opacity .2s;
    -moz-transition: opacity .2s;
    -web-kit-transition: opacity .2s;
}

.override {
    z-index: 500 !important;
}

.ipicFrame {
    border-top: 10px solid #ffac00;
    border-bottom: 10px solid #ffac00;
    color: white;
    padding-top: 0;
    padding-bottom: 20px;
}

.ipicFrame {
    border-top: 10px solid #24a1ff;
    border-bottom: 10px solid #24a1ff;
    color: white;
    padding-top: 0;
    padding-bottom: 20px;
}

.fix .fa-spin {
    -webkit-transform-origin: 50% calc(50% - .5px);
    transform-origin: 50% calc(50% - .5px);
}

.ptr {
    cursor: pointer;
}

/*NG ANIMATE*/
.ng-enter {
    transition: 0.7s;
    opacity: 0;
}

.ng-enter-active {
    opacity: 1;
}

.activeSelectedDate {
    color: white !important;
    background: #3a1b2d;
  
}

ng-view.ng-enter,
[ng-view].ng-enter {
    opacity: 0;
    transition: opacity 1s;
}

ng-view.ng-enter-active,
[ng-view].ng-enter-active {
    opacity: 1;
    transition: opacity 1s;
}

/* ANIMATE ARTICLE LOAD */
.article-loading {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

    .article-loading.ng-hide {
        opacity: 0;
    }

/* REPEATER */
.ng-enter-stagger,
.ng-leave-stagger {
    transition-delay: 200ms;
    transition-duration: 0;
}

/*

  We're using CSS transitions for when
  the enter and move events are triggered
  for the element that has the .repeated-item
  class
*/
.repeated-item.ng-enter, .repeated-item.ng-move {
    -webkit-transition: 0.5s linear all;
    -moz-transition: 0.5s linear all;
    -o-transition: 0.5s linear all;
    transition: 0.5s linear all;
    opacity: 0;
}

    /*
 The ng-enter-active and ng-move-active
 are where the transition destination properties
 are set so that the animation knows what to
 animate.
*/
    .repeated-item.ng-enter.ng-enter-active,
    .repeated-item.ng-move.ng-move-active {
        opacity: 1;
    }

/*
  We're using CSS keyframe animations for when
  the leave event is triggered for the element
  that has the .repeated-item class
*/
.repeated-item.ng-leave {
    -webkit-animation: 0.5s my_animation;
    -moz-animation: 0.5s my_animation;
    -o-animation: 0.5s my_animation;
    animation: 0.5s my_animation;
}

.e2mt10:nth-child(2n+1) {
    margin-top: 10px;
}

@keyframes my_animation {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/*
  Unfortunately each browser vendor requires
  its own definition of keyframe animation code...
*/
@-webkit-keyframes my_animation {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-moz-keyframes my_animation {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-o-keyframes my_animation {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

form {
    width: 100%;
    background: #333;
    margin-bottom: 20px;
    font-size: 1.2em; 
}

    form .header {
        padding: 15px 5px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        text-align: center;
    }

    @media (max-width: 768px) {
        form .header {
            padding: 15px;
        }
    }

    form p.title {
        font-size: 1.5em;
        margin: 0;
    }

    form p.points {
        font-size: 1em;
        text-align: center;
        padding-top: 8px;
    }

        form p.points span {
            font-size: 200%;
            display: block;
        }

    form .content {
        padding: 20px;
    }

    form .footer {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background: none;
        padding: 15px;
    }

.pl3 {
    padding-left: 3px !important;
}

.pr3 {
    padding-right: 3px !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {  
    -webkit-text-fill-color: #ccc !important;
    -webkit-box-shadow: 0 0 0px 1000px #212121 inset;  
    background-color: #212121 !important;
    background-image: none;
}

input[type='email'],
input[type='password'],
input[type='tel'],
input[type='text'],
input[type='number'],
input[type='date'],
input[type='time'] {
    width: 100%;
    padding: 6px 10px;
    background: #212121;
    border: 1px solid #ccc;
    /*margin-bottom: 10px;*/
    /*font-size: 1.2em !important;*/
}

select {
    width: 100%;
    padding: 6px 10px;
    background: #212121;
    border: 1px solid #ccc;
    /*margin-bottom: 10px;*/
    /*font-size: 1.2em !important;*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    input[type='email']:active + tooltip, input[type='email']:focus + .tooltip,
    input[type='password']:active + tooltip,
    input[type='password']:focus + .tooltip,
    input[type='tel']:active + tooltip,
    input[type='tel']:focus + .tooltip,
    input[type='text']:active + tooltip,
    input[type='text']:focus + .tooltip,
    input[type='number']:active + tooltip,
    input[type='number']:focus + .tooltip,
    input[type='date']:active + tooltip,
    input[type='date']:focus + .tooltip,
    select:active + tooltip,
    select:focus + .tooltip {
        display: block;
        opacity: 1;
    }

    input[type='email']:focus,
    input[type='password']:focus,
    input[type='tel']:focus,
    input[type='text']:focus,
    input[type='number']:focus,
    input[type='date']:focus,
    select:focus {
        outline: none;
    }

.ico-append {
    position: absolute;
    color: #ccc;
    border-left: 1px solid #ccc;
    right: 0;
    width: 30px;
    text-align: center;
    padding: 8px 10px;
    margin-top: 3px;
    margin-right: 9px;
    background: #212121;
}

.tooltip {
    z-index: 1;
    padding: 2px 8px 3px;
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: none;
    transition: margin .3s, opacity .3s;
    -o-transition: margin .3s, opacity .3s;
    -ms-transition: margin .3s, opacity .3s;
    -moz-transition: margin .3s, opacity .3s;
    -webkit-transition: margin .3s, opacity .3s;
}

    .tooltip:after {
        content: '';
    }

    .tooltip:before {
        content: '\f0d8';
        position: absolute;
        font-family: fontawesome;
        font-size: 2em;
        color: rgba(0, 0, 0, 0.8);
        top: -10px;
    }

input.ng-invalid {
    border-color: #fa8072 !important;
}

input.ng-valid {
    border-color: #2cb470 !important;
}

input.ng-pristine {
    border-color: inherit !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.block {
    display: block;
}

body {
    font-family: texgyreadventorregular;
    font-size: 1em;
    background: #141414 !important;
    transition: all .2s;
    letter-spacing: 0.05em;
    min-height: 750px;
}

    body h1, body h2, body h3, body h4, body h5, body h6 {
        font-family: inherit;
        font-weight: bold;
        margin: 0;
    }

        body h1 span, body h2 span, body h3 span, body h4 span, body h5 span, body h6 span {
            font-size: 50%;
            font-weight: normal;
            /*padding-top: 10px;*/
        }

h1 {
    font-size: 4em;
}

h2 {
    font-size: 3em;
}

h3 {
    font-size: 2em;
}

h4 {
    font-size: 1.5em;
}

h5 {
    font-size: 1em;
}

    /*body p {
        font-size: 1.45em;
    }*/

    body ul, body li, body p {
        margin: 0;
        padding: 0;
    }

    body ul {
        list-style: none;
    }

    body a {
        text-decoration: none;
        color: #ccc;
    }

        body a:hover, body a:focus, body a:active {
            text-decoration: none !important;
        }

    body *:focus {
        outline: none;
    }

section {
    padding: 50px 0;
    background: #170c14;
    color: #ccc;
}

@media (max-width: 768px) {
    section {
        padding: 20px 0;
    }
}

.schedule {
    width: 100%;
}

.schedule .dates .datepicker a {
    width: 70px !important;
}

.schedule .dates .datepicker a .date {
    font-size: 2em !important;
}

.schedule .dates i {
    padding: 28px 0 !important;
}

.icon, .address:before, .phone:before, .email:before, .movies .moviescurrent .movie-overlay .panel-bottom .cta p:before, .synopsis .back p:before, .footer address p.address:before, .footer address p.phone:before {
    font-family: fontawesome;
    font-size: inherit;
    padding-right: 10px;
}

.icon-after, .spaheader .location p:after {
    font-family: fontawesome;
    font-size: inherit;
    padding-left: 10px;
}

.ipic-purple-gradient, .footer {
    background-image: -webkit-linear-gradient(top, #3a1b2d 0%, #1e111a 100%);
    background-image: -o-linear-gradient(top, #3a1b2d 0%, #1e111a 100%);
    background-image: linear-gradient(to bottom, #3a1b2d 0%, #1e111a 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3A1B2D', endColorstr='#FF1E111A', GradientType=0);
}

.dark-transprent-gradient, .experience-slider .swiper-container .swiper-slide .slide-info, .location-container .stuck-bottom {
    background-image: -webkit-linear-gradient(top, transparent 20%, black 100%);
    background-image: -o-linear-gradient(top, transparent 20%, black 100%);
    background-image: linear-gradient(to bottom, transparent 20%, black 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#FF000000', GradientType=0);
}

.text-normal {
    text-transform: none;
}

::-webkit-scrollbar {
    width: 12px;
    /* for vertical scrollbars */
}

::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
}

.parallax {
    border: 0;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    box-sizing: border-box !important;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.address:before {
    content: '\f041';
}

.phone:before {
    content: '\f095';
}

.email:before {
    content: '\f0e0';
}

.hide {
    display: none;
}

.show {
    display: block;
}

.fixed {
    position: fixed;
    z-index: 100;
    width: 100%;
}

.dropout:hover > .dropContent {
    display: block;
}

.dropContent {
    text-align: center;
    position: absolute;
    z-index: 22;
    display: none;
}

    .dropContent ul {
        width: 100%;
    }

        .dropContent ul li {
            display: block !important;
            padding: 0 !important;
        }

            .dropContent ul li a {
                padding: 10px 0 !important;
                display: block;
            }

                .dropContent ul li a:hover, .dropContent ul li a:active, .dropContent ul li a:focus {
                    background: rgba(0, 0, 0, 0.5) !important;
                    cursor: pointer;
                }

.spaheader {
    background: #000;
    color: #ccc;
}

    .spaheader a {
        color: #ccc;
        display: block;
        width: 100%;
    }

        .spaheader a:focus, .spaheader a:hover {
            color: #fff;
        }

    .spaheader ul li {
        display: inline-block;
    }

    .spaheader .spaheaderDesktop .logo {
        float: left;
    }

        .spaheader .spaheaderDesktop .logo img {
            width: 70%;
            margin-top: 15px;
        }

    .spaheader .spaheaderDesktop .small {
        width: 40% !important;
        margin-top: 5px !important;
    }

    .spaheader .spaheaderDesktop .menu {
        float: left;
        text-transform: uppercase;
        letter-spacing: .1em;
    }

        .spaheader .spaheaderDesktop .menu .topbar {
            width: 100%;
            font-size: 1.2em;
        }

            .spaheader .spaheaderDesktop .menu .topbar ul {
                float: right;
            }

                .spaheader .spaheaderDesktop .menu .topbar ul li a {
                    padding: 15px 10px;
                }

                    .spaheader .spaheaderDesktop .menu .topbar ul li a:hover {
                        background: #4b233b;
                    }

            .spaheader .spaheaderDesktop .menu .topbar .dropout:hover {
                background: #4b233b;
            }

            .spaheader .spaheaderDesktop .menu .topbar .dropContent {
                width: 100px !important;
                right: 0;
                background: #4b233b;
            }

        .spaheader .spaheaderDesktop .menu .bottombar .links {
            background: rgba(0, 0, 0, 0.2);
            text-align: center;
            float: left;
            font-size: 1.6em;
            font-weight: bold;
        }

            .spaheader .spaheaderDesktop .menu .bottombar .links ul li a {
                padding: 20px 0;
            }

                .spaheader .spaheaderDesktop .menu .bottombar .links ul li a:hover {
                    cursor: pointer;
                    background: #4b233b;
                }

            .spaheader .spaheaderDesktop .menu .bottombar .links ul .dropout:hover {
                background: #4b233b;
            }

    .spaheader .spaheaderDesktop .megadrop {
        background: black;
    }

    .megadrop img.opentable {
        width: 80%;
    }

    
    @media (max-width: 768px) {
        img.opentable {
            width: 60%;
        }
    }


        .spaheader .spaheaderDesktop .megadrop .restaurant-logo {
            text-align: center;
            height: 350px;
        }

            .spaheader .spaheaderDesktop .megadrop .restaurant-logo img {
                width: 80%;
            }

        .stuck-on-top {
            position: absolute;
            z-index: 2;
            width: 100%;
            /*background: rgba(0, 0, 0, 0.91);
            background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0.04) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 0, 0, 0.91)), color-stop(100%, rgba(0, 0, 0, 0.04)));
            background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0.04) 100%);
            background: -o-linear-gradient(left, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0.04) 100%);
            background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0.04) 100%);
            background: linear-gradient(to right, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0.04) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );*/
        }

        .full {
            width: 100%;
            height: 100%;
        }

        .transparent-black {
            background: rgba(0,0,0,.5);
        }

         .transparent-black:hover {
            background: rgba(0,0,0,0);
            transition: all .5s;
        }

        .transparent-black-gradient {
            background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
        }

        .bottom {
            left: 0;
            bottom: 0;
        }

        .spaheader .spaheaderDesktop .megadrop .marketing {
            width: 100%;
            overflow: hidden;
        }

        .spaheader .spaheaderDesktop .megadrop .swiper-slide {
            height: 350px;
            overflow: hidden;
        }

            .spaheader .spaheaderDesktop .megadrop .swiper-slide img {
                width: 100%;
            }

        .spaheader .spaheaderDesktop .megadrop form {
            margin: 0;
        }

            .spaheader .spaheaderDesktop .megadrop form .header p {
                font-size: 1.5em;
                padding: 5px 0;
            }

            .spaheader .spaheaderDesktop .megadrop form .header h4 {
                font-size: 18px;
            }

            .spaheader .spaheaderDesktop .megadrop form .formlabel, .spaheaderMobile .formlabel {
                background: #4b233b;
                padding: 10px 0;
                text-align: center;
                font-weight: bold;
                font-size: 1.1em;
                border-right: 1px solid rgba(255, 255, 255, 0.2);
            }

            .spaheader .spaheaderDesktop .megadrop form select {
                border: none;
                margin: 0;
                padding: 8px 10px;
            }

            .spaheader .spaheaderDesktop .megadrop form .row {
                border: 1px solid rgba(255, 255, 255, 0.2);
                margin-bottom: 10px;
            }

@media (max-width: 768px) {
    .spaheader .spaheaderDesktop {
        display: none;
    }
}

.spaheader .spaheaderMobile {
    display: none;
}

@media (max-width: 768px) {
    .spaheader .spaheaderMobile {
        display: block;
    }
}

.spaheader .spaheaderMobile .location {
    background: #3a1b2d;
    width: 65%;
    float: left;
    text-align: center;
}

    .spaheader .spaheaderMobile .location p {
        font-size: 1em;
        padding: 10px 0 !important;
    }

    .spaheader .spaheaderMobile .location .locations {
        right: 0;
        left: 0;
    }

        .spaheader .spaheaderMobile .location .locations ul {
            height: 100%;
        }

        .spaheader .spaheaderMobile .location .locations .list p {
            padding: 0 !important;
        }

.spaheader .spaheaderMobile .logo {
    width: 15%;
    float: left;
    text-align: center;
}

    .spaheader .spaheaderMobile .logo img {
        width: 75%;
        margin-top: 8px;
    }

    @media (max-width: 900px) and (min-width: 500px) {
        .spaheader .spaheaderMobile .logo img {
            margin-top: 8px;
            width: 70%;
        }
    }

.spaheader .location {
    color:yellow;
    background: #3a1b2d;
    font-size: 1.6em;
    font-weight: bold;
}

    .spaheader .location p {
        padding: 20px 0;
        text-align: center;
        font-size: inherit;
    }

        .spaheader .location p:after {
            content: '\f107';
            font-size: 1em;
        }

        .spaheader .location p:hover, .spaheader .location p:focus {
            background: #4b233b;
            cursor: pointer;
        }

    .spaheader .location .locations {
        width: 100%;
        left: 0;
        right: 0;
        font-weight: normal;
        height: 400px;
    }

        .spaheader .location .locations .btn {
            border-radius: 0;
        }

        .spaheader .location .locations ul {
            background: #4b233b;
            height: 350px;
            overflow: hidden;
            overflow-y: scroll;
        }

        .spaheader .location .locations li {
            color: #ccc;
            padding: 10px 0 !important;
        }

            .spaheader .location .locations li p {
                padding: 0;
            }

                .spaheader .location .locations li p:hover, .spaheader .location .locations li p:active, .spaheader .location .locations li p:focus {
                    background: none;
                }

                .spaheader .location .locations li p:after {
                    content: '';
                }

                .spaheader .location .locations li p:nth-child(n+2) {
                    text-transform: none;
                    font-size: .8em;
                }

            .spaheader .location .locations li:hover, .spaheader .location .locations li:active, .spaheader .location .locations li:focus {
                background: rgba(0, 0, 0, 0.5);
            }

.spaheaderMobile .menuMobile {
    background: rgba(0, 0, 0, 0.5);
    width: 20%;
    padding: 10px 0;
    text-align: center;
    font-size: 1.5em;
    float: left;
}

.spaheaderMobile .menuLinks {
    width: 100%;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    text-transform: uppercase;
}

    .spaheaderMobile .menuLinks ul.main li {
        padding: 15px 0;
        font-size: 2em;
    }

    .spaheaderMobile .menuLinks ul li {
        display: block;
    }

.hide {
    display: none;
}

.spaheaderMobile .menuLinks ul.secondary {
    background: #1a1a1a;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .spaheaderMobile .menuLinks ul.secondary li {
        padding: 15px 0;
        font-size: 1.3em;
    }

.spaheaderMobile .menuLinks ul li:hover,
.spaheaderMobile .menuLinks ul li:focus {
    background: #4b233b;
}

.movies {
    background: url("https://static.ipictheaters.com/2011102503/cache/Content/images/imgs/top-movie-bg-5.jpg");
    /*background-position: bottom;*/
    background-repeat: no-repeat;
    background-size: 100%;
}

    .movies .loading {
        text-align: center;
        font-size: 3em;
    }

    .movies .localinfo a {
        color: #ccc;
    }

    .movies .localinfo h2 {
        font-size: 2em;
        font-weight: normal;
    }

        .movies .localinfo h2 span {
            display: inline-block;
            font-size: 100%;
            padding: 5px !important;
            color: #b0568d;
        }

            .movies .localinfo h2 span:hover, .movies .localinfo h2 span:active, .movies .localinfo h2 span:focus {
                background: #4b233b;
                cursor: pointer;
                border-radius: 5px;
                color: #fff;
            }

            .movies .localinfo h2 span:after {
                font-family: fontawesome;
                content: '\f107';
                font-size: 1em;
                padding-right: 5px;
            }

    .movies .localinfo .locationtitle .locations p.title {
        font-size: 2em;
        padding-top: 5px;
    }

    .movies .localinfo .locationtitle .locations p {
        font-size: 1.5em;
    }

    .movies .localinfo .day .datelist p {
        font-size: 1.5em;
    }

    .movies .localinfo ul {
        background: #3a1b2d;
        text-align: center;
        width: 100%;
        height: 400px;
        overflow: hidden;
        overflow-y: scroll;
    }

        .movies .localinfo ul li {
            padding: 10px;
        }

            .movies .localinfo ul li:hover, .movies .localinfo ul li:active, .movies .localinfo ul li:focus {
                background: rgba(0, 0, 0, 0.5);
            }

            .movies .localinfo ul li p.title {
                font-size: 1.5em;
            }

    .movies .dates {
        border: 1px solid #333;
        margin-bottom: 10px;
    }

        .movies .dates:before, .movies .dates:after {
            content: " ";
            display: table;
        }

        .movies .dates:after {
            clear: both;
        }

        .movies .dates .prev, .movies .dates .next {
            width: 5%;
            float: left;
            font-size: 2em;
            text-align: center;
        }

            .movies .dates .prev i, .movies .dates .next i {
                padding: 39px 0;
                width: 100%;
                background: #212121;
                color: #333;
            }

                .movies .dates .prev i:hover, .movies .dates .prev i:focus, .movies .dates .next i:hover, .movies .dates .next i:focus {
                    background: #4b233b;
                    color: #fff;
                }

        .movies .dates .datepicker {
            width: 90%;
            background: #141414;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            float: left;
        }

            .movies .dates .datepicker:before, .movies .dates .datepicker:after {
                content: " ";
                display: table;
            }

            .movies .dates .datepicker:after {
                clear: both;
            }

            .movies .dates .datepicker a {
                display: block;
                width: 83px;
                padding: 10px 0;
                display: inline-block;
                box-sizing: border-box;
                cursor: pointer;
                transition: color .2s, transform .2s;
                -webkit-transition: color .2s, transform .2s;
                -moz-transition: color .2s, transform .2s;
                color: #ccc;
            }

                .movies .dates .datepicker a span {
                    display: block;
                    text-align: center;
                }

                    .movies .dates .datepicker a span.month {
                        font-size: 1em;
                    }

                    .movies .dates .datepicker a span.date {
                        font-size: 3.5em;
                        font-weight: bold;
                    }

                .movies .dates .datepicker a:hover {
                    background: #4b233b;
                    color: #fff;
                }

                .movies .dates .datepicker a:nth-child(n+2) {
                    border-left: 1px solid rgba(255, 255, 255, 0.1);
                }

    .movies .local {
        text-align: center;
    }

        .movies .local .info {
            margin-bottom: 10px;
        }

            .movies .local .info p {
                font-size: 1.5em;
            }

        .movies .local .dropdown-menu {
            background: #4b233b;
            width: 240px;
            border-radius: 0;
            margin: 0;
            padding: 0;
            text-align: center;
        }

            .movies .local .dropdown-menu iframe {
                margin: 0;
            }

            .movies .local .dropdown-menu a {
                color: #ccc;
                padding: 10px 0 !important;
                background: rgba(0, 0, 0, 0.2);
            }

                .movies .local .dropdown-menu a:hover, .movies .local .dropdown-menu a:focus {
                    background: #4b233b;
                }

    .movies .moviescurrent {
        transition: all .2s;
    }

        .movies .moviescurrent .movie img {
            width: 100%;
            height: 375px;
            border: 2px solid #212121;
        }

        .movies .moviescurrent .movie:hover > .movie-overlay, .movies .moviescurrent .movie:focus > .movie-overlay {
            display: block;
            opacity: 1;
            transition: all 1s ease-in;
        }

@media (max-width: 550px) {
    .movies .moviescurrent .movie {
        padding: 10px 10%;
    }

        .movies .moviescurrent .movie img {
            height: auto;
        }
}

@media (max-width: 800px) and (min-width: 551px) {
    .movies .moviescurrent .movie {
        width: 50%;
        float: left;
        padding: 20px;
    }

        .movies .moviescurrent .movie img {
            height: auto;
            max-height: 440px;
        }
}

.movies .moviescurrent .movie-overlay {
    width: 94.5%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: absolute;
    z-index: 2;
    display: none;
    text-align: center;
    padding: 20px;
    opacity: 0;
}

@media (max-width: 550px) {
    .movies .moviescurrent .movie-overlay {
        width: 80%;
        height: 100%;
    }
}

.movies .moviescurrent .movie-overlay h3 {
    font-size: 3em;
}

.movies .moviescurrent .movie-overlay h4 {
    font-size: 2.1em;
}

.movies .moviescurrent .movie-overlay p {
    font-size: 1.75em;
    padding: 8px;
}

.movies .moviescurrent .movie-overlay .panel-bottom {
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    padding: 10px;
}

    .movies .moviescurrent .movie-overlay .panel-bottom .cta {
        width: 50%;
        padding: 20px 0;
        float: left;
    }

    .movies .moviescurrent .movie-overlay .panel-bottom .cta:hover {
        cursor: pointer;
    }

        .movies .moviescurrent .movie-overlay .panel-bottom .cta p {
            width: 100%;
            font-size: 1.5em;
            text-align: center;
        }

            .movies .moviescurrent .movie-overlay .panel-bottom .cta p.play:before {
                content: '\f01d';
            }

            .movies .moviescurrent .movie-overlay .panel-bottom .cta p.synopsis:before {
                content: '\f02d';
            }

        .movies .moviescurrent .movie-overlay .panel-bottom .cta:hover, .movies .moviescurrent .movie-overlay .panel-bottom .cta:active, .movies .moviescurrent .movie-overlay .panel-bottom .cta:focus {
            color: #ccc;
        }

.mobile-movie {
    border: 1px solid #212121;
}

.mobile-movie .movie-info {
    background: #141414;
    border-top: 1px solid #212121;
}

/*.mobile-movie .movie-info h3, 
.mobile-movie .movie-info h2 {
    min-height: 44px;
}*/


.mobile-movie .movie-poster {
    width: 100%;
    /*text-align: center;*/
    color: #fff;
    background: #000;
}

.mobile-movie .movie-poster img {
    width: 100%;
}

.mobile-movie .movie-poster .cta {
    border-top: 1px solid #212121; 
    background: #141414;
}

.mobile-movie .movie-poster .cta ul li {
    padding: 10px 0;
    font-size: 1em;
    color: #bebebe;
}

.mobile-movie .movie-poster .cta ul li:nth-child(2) {
    border-left: 1px solid #212121;
}

.mobile-movie .movie-poster .cta ul li:focus,
.mobile-movie .movie-poster .cta ul li:hover {
    color: #fff;
    background: #4b233b;
    cursor: pointer;
}

.mobile-movie .movie-poster {
    font-size: 2em;
    text-shadow: 2px 2px 2px #000;
}

.mobile-movie .movie-poster i {
    padding-top: 130px; 
    font-size: 5em;
}


.screen {
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    background: #212121;
    border-bottom: 5px solid #474747;
}

.showtimes {
    width: 28.5%;
    display: inline-block;
    background: #fff;
    color: #141414 !important;
    padding: 5px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
}

    .showtimes:hover, .showtimes:active, .showtimes:focus {
        background: #4b233b;
        color: #fff !important;
    }

.seating-title {
    background: #212121;
    text-align: center;
    color: #fff;
    padding: 30px 0;
}

.seating .seats {
    text-align: center;
}

    .seating-title h3 {
        padding: 0;
    }

        .seating-title h3 span {
            color: #ccc;
            font-size: 40%;
        }

    .seating-title p {
        font-size: 2em;
        padding: 10px;
    }

    .seating-title:after {
        font-family: fontawesome;
        content: '\f0d7';
        color: #212121;
        font-size: 5em;
        position: absolute;
    }

.seating .sidebar {
    padding: 0 20px;
}

@media (max-width: 768px) {
    .seating .sidebar {
        padding: 0;
    }
}

.seatboxed {
    border-radius: 10px;
    border: 1px dashed #0e9d2f;
}

.vouchers {
    background: #3271b6;
}

/** Trailer Video **/
.trailer {
    background: #000;
    color: #fff;
    text-align: center;
}

    .trailer h2 {
        font-size: 3.5em;
        padding: 10px 0;
        text-align: left;
    }

    .trailer .trailer-video {
        width: 100%;
    }

        .trailer .trailer-video iframe {
            width: 100%;
            height: 505px;
        }

    .trailer p {
        font-size: 2em;
    }

@media (max-width: 500px) {
    .trailer .trailer-video iframe {
        height: 220px;
    }
}

@media (min-width: 501px) and (max-width: 768px) {
    .trailer .trailer-video iframe {
        height: 400px;
    }
}

.synopsis .poster {
    /*background-size: cover;*/
    /*height: 440px;*/
    color: #fff;
    text-align: center;
    background: rgba(0,0,0,.5);
}

.synopsis .poster img {
    position: relative;
    z-index: 1;
    width: 100%;
}

    .synopsis .poster .play {
        padding-top: 40%;
        left: 30%;
        text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
        position: absolute;
        z-index: 2;
    }

    @media (max-width: 768px) {
          .synopsis .poster .play {
                padding-top: 17%;
                left: 35%;
            }

          .synopsis .poster img {
              width: 50%;
          }
    }

        .synopsis .poster .play i {
            font-size: 120px;
        }

        .synopsis .poster .play p {
            font-size: 2.2em;
        }

        .synopsis .poster .play:hover {
            cursor: pointer;
        }

.synopsis .details {
    background: #212121;
    padding: 30px;
    min-height: 440px;
}

    .synopsis .details h1 {
        padding-bottom: 20px;
    }

    .synopsis .details p.text {
        font-size: 1.5em;
    }

    .synopsis .details .information {
        background: rgba(0,0,0,.5);
    } 

    .synopsis .details ul.information li {
        padding: 5px 0;
        font-size: 1.5em;
    }

    .synopsis .details .shows .header {
        text-align: center;
        font-size: 2em;
        background: #333;
        padding: 5px 0;
    }

        .synopsis .details .shows .header p:nth-child(2) {
            font-size: .8em;
        }

    .synopsis .details .shows .showtime-selection {
        padding: 5px 0;
        background: rgba(0, 0, 0, 0.5);
        text-align: center;
    }

.synopsis .back {
    font-size: 2em;
}

    .synopsis .back p:before {
        content: '\f190';
    }

    .synopsis .back:hover {
        color: #fff;
        cursor: pointer;
    }

/*.movie-synopsis .poster .play {
    position: absolute;
    z-index: 2;
    text-align: center;
    top: 30%;
    color: #fff;

    &:hover {
        color: $purpleLight;
    }

    i {
        font-size: 175px;
    }

    img {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
    }

    p {
        font-size: 1.5em;
        color: #fff;

        &:hover {
            color: $purpleLight;
        }
    }
}

@media (min-width: 501px) and (max-width: 768px){
    .movie-synopsis .poster .play {
        top: 29%;
        left: 28%;
    }

    .movie-synopsis .poster .play p {
        font-size: 3em !important;
    }

    .movie-synopsis .poster .play i {
        font-size: 10em !important;
    }
}

@media (max-width: 500px) {
    .movie-synopsis .poster .play {
        top: 25%;
        left: 32% !important;
    }

    .movie-synopsis .poster .play p {
        font-size: 2em !important;
    }

    .movie-synopsis .poster .play i {
        font-size: 11em !important;
    }
}

.movie-synopsis .col-md-12 {
    background: #1a1a1a;
}

.movie-synopsis .details {
    padding: 20px 30px;
}

.movie-synopsis .details h1 {
    font-weight: bold;
    margin: 0 0 20px 0;
}

.movie-synopsis .details .back p {
    font-size: 1.25em;
}

.movie-synopsis .details .back p:hover,
.movie-synopsis .details .back p:focus {
    color: #FFF;
}

.back p:before {
    font-family: FontAwesome;
    content:  "\f190";
    font-size: inherit;
    padding: 0 8px 0 0;
}

.movie-synopsis .ticket {
    background: rgba(0,0,0,.5);
    text-align: center;
}

.movie-synopsis .ticket p {
    margin: 0; 
}

.movie-synopsis .header {
    background: #3a1b2d;
    padding: 15px 0;
    text-align: center;
}

.movie-synopsis .header .name {
    font-size: 1.5em;
    color: #fff;
}

.movie-synopsis .header .title {
    font-size: 1em;
    color: #ccc;
}

.movie-synopsis .ticket .showtime-selection {
    padding: 20px;
}

.movie-synopsis .ticket .showtime-selection p {
    padding: 0 0 10px 0;
}

.movie-synopsis .ticket .showtime-selection .time-container {
    background: #fff;
    color: #000;
    padding: 5px 10px;
    margin: 2px;
    font-size: .9em;
}

.movie-synopsis .ticket .showtime-selection .time-container:hover {
    background: #ccc;
}*/
.marketingsection {
    background: black;
    overflow: hidden;
    color: #fff;
}

.marketingsection iframe {
    width: 100%;
}

.marketingsection .click {
   font-size: 6em; 
   color: #ccc; 
   padding-top: 90px;
}

    .marketingsection .swiper-container {
        width: 100%;
        overflow: hidden;
    }

    .marketingsection .swiper-slide {
        overflow: hidden;
        width: 33.33%;
        float: left;
    }

    @media (max-width: 768px) {
        .marketingsection .swiper-slide {
            width: 100%;
            overflow: hidden;
        }
    }

        .marketingsection .swiper-slide img {
            width: 100%;
            position: relative;
        }

            .marketingsection .swiper-slide img:hover, .marketingsection .swiper-slide img:focus {
                /*transition: all .3s ease-in-out;
                width: 110%;
                margin-left: -5%;
                margin-top: -5%;*/
            }

.socail-section {
    color: #fff;
    background-image: url("https://static.ipictheaters.com/2011102503/cache/Content/images/imgs/paralax-movie.jpg");
    text-align: center;
}

    .socail-section .overlay {
        z-index: -1;
        background: rgba(0, 0, 0, 0.8);
    }

    .socail-section a {
        color: #fff;
    }

    .socail-section ul {
        width: 100%;
    }

        .socail-section ul li {
            display: inline-block;
            padding: 0 10px 0 10px;
        }

        @media (max-width: 768px) {
            .socail-section ul li {
                padding: 10px 5px;
            }
        }

            .socail-section ul li i {
                font-size: 60px;
                transition: .16s all linear;
                width: 100px;
                height: 100px;
                border-radius: 50%;
                margin: 0 auto;
                line-height: 100px;
            }

            .socail-section ul li h4 {
                padding: 10px 0;
            }

                .socail-section ul li h4 span {
                    color: #ccc;
                }

            .socail-section ul li .opentable {
                width: 100px;
                height: 100px;
                border-radius: 50%;
                transition: .16s all linear;
                position: relative;
            }

            .socail-section ul li img {
                width: 60px;
                transition: .16s all linear;
                margin: 32px 0;
            }

            .socail-section ul li a:hover > i {
                background: rgba(255, 255, 255, 0.1);
                font-size: 50px;
            }

            .socail-section ul li a:hover > .opentable {
                background: rgba(255, 255, 255, 0.1) !important;
            }

                .socail-section ul li a:hover > .opentable img {
                    width: 50px;
                }

.contact form textarea {
    width: 100%;
    max-width: 100%;
    min-height: 130px;
    background: #212121;
    padding: 15px;
    font-size: 1.25em;
}

.contact p {
    font-size: 2em;
    padding-top: 10px;
}

.location-list {
    background: rgba(0, 0, 0, 0.5);
    padding: 25px;
}

    .location-list p, .location-list h4 {
        margin: 0;
    }

    .location-list p {
        padding: 10px 0 0 0;
    }

    .location-list .locations {
        padding: 20px;
    }

        .location-list .locations:hover {
            background: rgba(30, 17, 26, 0.5);
            cursor: pointer;
        }

.box-dark {
    background: rgba(0, 0, 0, 0.5);
}

.account {
    font-size: 1.2em;
}

.expander {
    width: 100%;
    margin: 0 0 10px 0;
}

.account .expander .memberdetails {
    background: rgba(0,0,0,.5);
}

.account .expander .memberdetails .border {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.account .expander .memberdetails .infolabel {
    background: #3a1b2d;
    text-align: center;
}

.account .expander .memberdetails .info {
    border-bottom: 1px solid rgba(0,0,0,.2);
    text-align: center;
}

 .expander .head {
        background: #3a1b2d;
    }

 .expander .head {
            padding: 20px;
        }

  .expander .head span {
      padding: 0;
  }

 .expander .head:hover {
    transition: all .3s;
    cursor: pointer;
    background: #4b233b;
}

 .progressLegend {
    width: 10px; 
    height: 10px; 
    display: inline-block;
 }

 .premium {
     background: #2cb470;
 }

 .premiumPlus {
     background: #f0ad4e;
 }


    .account .expander .empty {
        background: #212121;
    }

        .account .expander .empty p {
            line-height: inherit;
        }

    .account .expander .membershipLevels {
        background: rgba(0, 0, 0, 0.5);
    }

        .account .expander .membershipLevels .head {            
            padding: 10px 0;
            text-align: center;
        }

            .account .expander .membershipLevels .head p {
                font-size: 2em;
            }

        .account .expander .membershipLevels ul {
            width: 100%;
            text-align: center;
            min-height: 391px;
        }

            .account .expander .membershipLevels ul li {
                padding: 15px;
            }

.expander .content {
        padding: 20px;
        background: #333;
    }

        .account .expander .content .booking {
            text-align: center;
        }

        .account .expander .content .titles {
            padding: 10px 0;
            background: #3a1b2d;
            text-align: center;
        }

        .account .expander .content .table {
            background: #212121;
            padding: 10px 0;
            margin: 0;
        }

            .account .expander .content .table:nth-child(n+2) {
                border-top: 1px solid rgba(0, 0, 0, 0.2);
            }

            /*.account .expander .content .table:hover {
                background: #170c14;
                cursor: pointer;
            }*/

.footer {
    color: #ccc;
    font-size: 1.25em;
}

@media (max-width: 768px) {
    .footer .container {
        padding: 0 20px;
    }
 }

.footer h4 {
    padding-bottom: 20px;
}

.footer a {
    color: #ccc;
}

.footer #instafeed .instagram {
    width: 100px;
    float: left;
    margin: 3px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .footer #instafeed .instagram {
        width: 30%;
    }

        .footer #instafeed .instagram img {
            width: 100% !important;
        }

    .footer {
        text-align: center;
    }
}

.footer #instafeed .instagram img {
    width: 100px;
    position: relative;
    /*&:hover {
                    transition: all .3s;
                    width: 110px;
                }*/
}

.footer ul.news {
    color: #ccc;
    width: 90%;
}

    .footer ul.news li {
        padding: 10px 0;
    }

        .footer ul.news li p {
            font-size: 1.2em;
        }

            .footer ul.news li p:nth-child(n+2) {
                font-size: .9em;
                padding: 4px 0;
            }

        .footer ul.news li:nth-child(n+2) {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

.footer address {
    padding: 20px 0;
}

    .footer address p {
        padding: 10px 0;
    }

        .footer address p span {
            display: block;
            padding-left: 17px;
        }

        .footer address p.address:before {
            content: '\f041';
        }

        .footer address p.phone:before {
            content: '\f095';
        }

.footer ul.quickLinks li {
    padding: 5px 0;
}

    .footer ul.quickLinks li:before {
        content: '\f105';
        font-family: fontawesome;
        font-size: inherit;
        padding-right: 10px;
    }

.footer .copyright {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 0;
}

.experience-slider {
    width: 100%;
    height: 350px;
    color: #fff;
    overflow: hidden !important;
}

    .experience-slider .overlay {
        z-index: -1;
        background: rgba(0, 0, 0, 0.5);
    }

    .experience-slider .swiper-container {
        width: 100%;
    }

        .swiper-container .swiper-button-next, 
        .swiper-container .swiper-button-prev {
            opacity: 0;
        }

        .swiper-container:hover > .swiper-button-next,
        .swiper-container:hover > .swiper-button-prev {
            opacity: 1;
        }

        .experience-slider .swiper-container .swiper-slide {
            overflow: hidden;
            width: 100%;
            height: 350px;
        }

            .experience-slider .swiper-container .swiper-slide .slide-info {
                position: absolute;
                z-index: 2;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 30px;
                text-align: right;
            }

                .experience-slider .swiper-container .swiper-slide .slide-info h2 {
                    padding: 10px 0;
                }

            .experience-slider .swiper-container .swiper-slide img, .experience-slider img {
                width: 100%;
                position: relative;
                z-index: 1;
            }

            @media (max-width: 400px) {
                .experience-slider .swiper-container .swiper-slide img, .experience-slider img {
                    width: initial;
                    position: absolute;
                    margin-left: -50%;
                    overflow: hidden;
                }
            }

            @media (max-width: 768px) {
                body {
                    overflow-x: hidden;
                }
            }

            @media (min-width: 401px) and (max-width: 768px) {
                .experience-slider .swiper-container .swiper-slide img,
                .experience-slider img {
                    width: initial;
                    position: absolute;
                    margin-left: -15%;
                }

                .marketingsection .click {
                   padding-top: 45px;
                   font-size: 4em;
                }
            }

.ticket {
    width: 100%;
    text-transform: uppercase;
}

    .ticket p.dataLabel {
        font-size: 1.25em;
        line-height: .5em;
    }

    .ticket p.bolded {
        font-size: 2.5em;
        font-weight: bold;
    }

        .ticket p.bolded span {
            font-size: 50%;
            vertical-align: super;
            padding-left: 3px;
        }

    .ticket .header {
        width: 100%;
        height: 275px;
        overflow: hidden;
    }

        .ticket .header img {
            width: 100%;
        }

    .ticket .title {
        width: 100%;
        background: #291428;
        text-align: center;
    }

        .ticket .title p {
            font-size: 2.8em;
            padding: 20px 0;
            text-transform: uppercase;
        }

        @media print {
            .ticket .title p {
                padding: 10px 0;
            }
        }

    .ticket .seating {
        background: #582555;
        width: 100%;
        padding: 20px;
    }

        .ticket .seating p.dataLabel {
            color: #cba067;
        }

        .ticket .seating p.bolded {
            color: #fff;
        }

        .ticket .seating .seats {
            float: left;
            width: 40%;
            text-align: right;
        }

        .ticket .seating .seatarea {
            float: left;
            width: 60%;
        }

    .ticket .showtime {
        background: #cac9c9;
        padding: 20px;
    }

        .ticket .showtime p,
        .ticket .location p {
            color: #291428 !important;
        }

            .ticket .showtime p.bolded,
            .ticket .location p.bolded {
                font-size: 2em;
            }

        .ticket .showtime .date {
            width: 50%;
            float: left;
        }

        .ticket .showtime .time {
            width: 50%;
            float: left;
            text-align: right;
        }

    .ticket .location {
        padding: 0 20px 20px;
        background: #cac9c9;
    }

    .ticket .qrcode {
        padding: 0 20px 50px;
        text-align: center;
        background: #cac9c9;
    }

    .ticket .qrcode img {
        width: 130px;
    }

    .ticket:before, .ticket:after {
        content: '';
        width: 56px;
        height: 56px;
        background: #170c14;
        border-radius: 56px;
        position: absolute;
        margin-top: -28px;
        left: 40%;
    }

    @media (max-width: 768px) {
        .thankyou .ticket {
            padding: 0 20px;
        }

        .thankyou .reservation-details {
            padding: 0;
        margin-top: 20px;
        }
    }

    .bold {
        font-weight: bold;
    }
    
.thankyou .reservation-details {
    padding-left: 20px;
}

.thankyou .transactionDetails, .transactionDetails {
    background: #1a1a1a;
    font-size: 1.45em;
}

.thankyou .transactionDetails .bottom, 
.transactionDetails .bottom {
    background: #ccc;
    color: #1a1a1a;
}

.thankyou .transactionDetails p {
    padding: 5px 0;
}

/*.ticketinfo {
    background: #1a1a1a;
    color: #ccc !important;
}

    .ticketinfo .header {
        padding: 20px;
        background: #3a1b2d;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        text-align: center;
    }

        .ticketinfo .header p {
            font-size: 2em;
            font-weight: bold;
        }

    .ticketinfo .transactionDetails {
        background: #1a1a1a;
    }*/

/*.register h1 {
    line-height: .9em;
}*/

.register h1 span {
    font-size: 40%;
    text-transform: uppercase;
}

.register form span {
    font-size: .8em;
    margin-bottom: 0;
}

.register p {
    font-size: 1.45em;
}

.register ul li {
    padding: 5px 0;
}

.register ul li p:before {
    content: '\f00c';
    font-family: FontAwesome;
    font-size: inherit;
    padding-right: 10px;
}

.input p {
    margin: 5px 0;
    font-size: .7em;
}

.kmd {
    letter-spacing: .2em;
}

p.title {
    font-size: 1.5em;
    margin: 0 0 10px 14px;
}

p.title span {
    font-size: 50%;
    vertical-align: super;
}

.btn-default {
    background-color: #ccc;
    color: #1a1a1a;
    border: none;
}

.btn-tanzy {
    background-color: #b83d24;
    color: #fff;
    border: none;
}

.btn-tanzy:hover {
    background-color: #b54b39;
}

.btn-pinstrikes {
    background-color: #dcc865;
    color: #1a1a1a;
    border: none;
}

.btn-pinstrikes:hover {
    background-color: #efd873;
    text-shadow: none;
}

.btn-express {
    background-color: #54541f;
    color: #fff;
    border: none;
}

.btn-express:hover {
    background-color: #78782b;
}

.btn-tuckRoom {
    background-color: #fff;
    color: #1a1a1a;
    border: none;
}

.btn-tuckRoom:hover {
    background-color: #000;
    color: #1a1a1a;
    text-shadow: none;
}

.btn-cityPerch {
    background-color: #6d702e;
    color: #fff;
    border: none;
}

.btn-cityPerch:hover {
    background-color: #90943e;
    text-shadow: none;
}

.btn-bigDaddy {
    background-color: #b21e28;
    color: #fff;
    border: none;
}

.btn-bigDaddy:hover {
    background-color: #e5323e;
    text-shadow: none;
}

.btn-default:focus, .btn-default:active, .btn-default:hover {
    background-color: #1a1a1a;
    color: #ccc;
    border: none;
}

.modal-content {
    background-image: -webkit-linear-gradient(top, #3a1b2d 0%, #1e111a 100%);
    background-image: -o-linear-gradient(top, #3a1b2d 0%, #1e111a 100%);
    background-image: linear-gradient(to bottom, #3a1b2d 0%, #1e111a 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3A1B2D', endColorstr='#FF1E111A', GradientType=0);
    color: #fff;
    font-size: 1.3em;
}

.modal-footer {
    border-top-color: #4b233b;
}

.modal-header {
    border-bottom-color: #4b233b;
}

.current-location {
    width: 100%;
    overflow: hidden;
    height: 500px;
    /*height: auto;*/
}

.current-location .swiper-slide {
    overflow: hidden;
}

    .current-location .swiper-slide img {
        width: 100%;
    }

.location-container {
    background-repeat: no-repeat;
    background-position: top center;
    transition: background-size 0.2s;
    -moz-transition: background-size 0.2s;
    -webkit-transition: background-size 0.2s;
    position: relative;
    background-size: 150%;
    height: 350px;
    overflow: hidden;
    text-align: center;
}

    .location-container:hover {
        background-size: 200%;
        cursor: pointer;
    }

        .location-container:hover > .hidden-message {
            display: block;
            color: #b0568d;
        }

    .location-container .hidden-message {
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        display: none;
    }

        .location-container .hidden-message p {
            font-size: 2.5em;
            margin-top: 35%;
        }

    .location-container .stuck-bottom {
        width: 100%;
        padding: 20px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

        .location-container h2 {
            color: #fff;
            position: relative;
            z-index: 2;
        }

#login-account form {
    background: none;
}

#login-account form .footer {
    border-top: none;
    padding: 0 20px;
}

/*.login .returning-member {
    background: rgba(0,0,0,.5);
}

.login .returning-member h2 {
    background: #4b233b;
    border-bottom: 1px solid #ccc;
}*/

.error-message {
    color: red;
}

.login .new-member p {
    font-size: 1.45em;
    line-height: 1.5em;
}

.login .new-member ul li {
    padding-bottom: 10px;
}

.underlineMe {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

.underlineMe:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    background: #7d3661;
    bottom: -1px;
    right: 0;
}

.underlineMeTanzy {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

.underlineMeTanzy:before {
    background: #b83d24;
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    bottom: -1px;
    right: 0;
}

.underlineMePinstrikes {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

.underlineMePinstrikes:before {
    background: #dcc865;
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    bottom: -1px;
    right: 0;
}

.underlineMeExpress {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

.underlineMeExpress:before {
    background: #54541f;
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    bottom: -1px;
    right: 0;
}

.underlineMeBigDaddy {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

.underlineMeBigDaddy:before {
    background: #b21e28;
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    bottom: -1px;
    right: 0;
}

.underlineMeCityPerch {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

.underlineMeCityPerch:before {
    background: #6d702e;
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    bottom: -1px;
    right: 0;
}



.underlineMeTuck {
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-right: 10px;
    position: relative;
}

.underlineMeTuck:before {
    background: #000;
    content: "";
    position: absolute;
    width: 30%;
    height: 2px;
    bottom: -1px;
    right: 0;
}



.events .expander .content {
    background: rgba(0,0,0,.5);
}

.events-swiper img {
    width: 100%;
}

.schedule .dropdown-menu {
    background: #4b233b;
    position: absolute;
    top: 2em;
    left: 0;
    right: 0;
}

.schedule .dropdown-menu li {
    padding: 5px 0;
    text-align: center;
}

.schedule .dropdown-menu li:hover,
.schedule .dropdown-menu li:focus {
    background: rgba(0,0,0,.5);
    cursor: pointer;
}

.events-dynamic p,
.events-dynamic ul {
    font-size: 1.45em;
}

.events-dynamic ul li {
    padding-left: 25px;
}

.events-dynamic ul li:before {
    content: '\f00c';
    font-family: FontAwesome;
    margin-left: -25px;
    width: 25px;
    display: inline-block;
}

ul.check li:before {
    content: '\f00c';
    font-family: FontAwesome;
    margin-left: -25px;
    width: 25px;
    display: inline-block;
}

ul.check li {
    padding-left: 25px;
    margin-top: 8px;
}

ul.check {
    font-size: 1.45em;
}

.above {
    position: relative; 
    z-index: 20;
}

.wineDineLogo {
    height: 350px;
    text-align: center;
}

.wineDineLogo img {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.ipicExpress-small,
.ipicExpress {
    background: #000;
    text-align: center;
}

.ipicExpress img {
    margin-top: 30%;
}

.pinstrikes img {
    width: 50%;
    margin: 10px 0;
}

.mobile-wineDine {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    background: #000;
    padding: 20px;
    color: #ccc;
}

.spaheader .mobile-wineDine form {
            margin: 0;
        }

            .spaheader .mobile-wineDine form .header p {
                font-size: 1.5em;
                padding: 5px 0;
            }

            .spaheader .mobile-wineDine form .header h4 {
                font-size: 18px;
            }

            .spaheader .mobile-wineDine form .formlabel {
                background: #4b233b;
                padding: 10px 0;
                text-align: center;
                font-weight: bold;
                font-size: 1.2em;
                border-right: 1px solid rgba(255, 255, 255, 0.2);
            }

            .spaheader .mobile-wineDine form select {
                border: none;
                margin: 0;
                padding: 8px 10px;
            }

.events .expander .content {
    min-height: 360px; 
    font-size: 1.45em;
}

.thankyouSlider {
    height: 320px;
}

.thankyouSlider img {
    width: 100%;
}

/**** PRINT STYLES ****/
@media print {
    .spaheader, .footer {
        display: none;
    }

    .thankyou .ticket {
        width: 3.75in;
    }

    .thankyou .ticket .header {
        height: 3in;
    }

    .thankyou .transactionDetails {
        width: 4in;
    }

    .thankyou {
        max-width: 650px;
    }

    .thankyou .col-md-4, .thankyou .col-md-8 {
        display: inline;
    }
}

@media (max-width:768px) {
    .finePrint, .new-member, .contact, .sidebar {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.finePrint ul, .finePrint p {
    font-size: 1.45em;
}

.finePrint ul li p {
    font-size: inherit;
}

.finePrint ul li {
    padding: 10px 0;
}

.privacy p {
    padding: 20px 0;
}

.finePrint .expander .head h4 {
    padding: 0;
}

.finePrint h3 {
    padding: 20px 0;
}

.finePrint h4 {
    padding: 20px 0;
}

/*** Aspect Ratio ***/
.sixteen-nine {
  position: relative;
}

.sixteen-nine:before {
  display: block;
  content: " ";
  width: 100%;
  padding-top: 56.25%;
}

.sixteen-nine > .contentCard {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.account .savedCard {
    border-radius: 8px;
    background: #ccc;
    color: black;
}

.account .savedCard .number {
    font-size: 1.2em;
    letter-spacing: .35em;
    margin-top: 18%;
    text-align: center;
    padding: 0 15px;
}

.account .savedCard .expiration {
    font-size: 1.2em;
    margin-top: 15%;
    padding: 0 20px;
    text-align: right;
}

.account .addCard {
    background: #1a1a1a;
    border-radius: 8px;
}

.account .addCard:hover {
    background: #3a1b2d;
    transition: all .5s;
}

.pluginShareButtonLink {
    font-size: 2em;
    font-weight: bold;
}


span.normal {
    font-size: 100% !important;
    /*vertical-align: middle;*/
    padding: 0;
}

.btn-blue {
    background-color: #1f6db2;
}

.dial {
  background-color: #bbb;
  /* &:hover {
     .circle {
       background-color: #fff;
     }
     .value {
       opacity: 1;
     }
   }*/
}

.dial .center {
    background: #ddd;
}

.dial .circle {
    background: white;
  -webkit-transition: background-color 0.5s;
}

.dial .value {
  color: #999;
}

.dial {
  -webkit-user-select: none;
  height: 100px;
  width: 100px;
  position: relative;
  cursor: pointer;
  border-radius: 50%;
  left: 110px;
  margin: 0 0 0 -73px;
}

.dial.over .fill {
  display: block;
}

.dial.over .mask {
  display: none;
}

.dial .circle {
  height: 100%;
  width: 50%;
  position: absolute;
  -webkit-transform-origin: 100% 50%;
}

.dial .display {
  height: 100%;
  width: 50%;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  z-index: 2;
  -webkit-transform: rotate(90deg);
}

.dial .fill {
  border-radius: 0 100% 100% 0 / 0 50% 50% 0;
  left: 50%;
  z-index: 10;
  display: none;
}

.dial .mask {
  width: 50%;
  height: 100%;
  position: absolute;
  background: inherit;
  z-index: 3;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
}

.dial .center {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  z-index: 5;
  margin-left: -35px;
  margin-top: -35px;
}

.dial .value {
  line-height: 70px;
  text-align: center;
  /*     opacity: 0.5; */
  font-size: 2.2em;
  font-weight: 200;
  -webkit-transition: opacity 0.5s;
}

.dial .value span {
    font-size: 50%;
    line-height: 0px;
}

.gold .dial {
    background: #c3a672;
}

.gold .dial .center {
    background: #cfb587;
}

.gold .dial .circle {
    background: #5e2d3f;
}

.gold .dial .value {
    color: #000;
}

.platinum .dial {
    background: #d2c9c4;
}

.platinum .dial .center {
    background: #f5f1ed;
}

.platinum .dial .circle {
    background: #5e2d3f;
}

.platinum .dial .value {
    color: #000;
}

@media (max-width: 768px) {
    .register .container {
        padding: 0 20px;
    }
}

.mediaArticle .header {
    background: #1a1a1a;
    color: #ccc; 
}

.backgroundGrey {
    background: #333;
}

.progress {
    background-color: rgba(255, 255, 255, 0.1);
}

.horizontalMarketing {
    padding: 40px 0;
    color: #ccc;
}

.careersectionGiftcards {
    background: url('/Content/images/marketing/background-giftcards.jpg') !important;
}

.careersectionCareer {
    background: url('/Content/images/marketing/background-career.jpg') !important;
}

.careersectionMembership {
    background: url('/Content/images/marketing/background-membership.jpg') !important;
}

.text-center-xs {
    text-align: center !important;
}

.purpleBackground {
    background: #4b233b;
    color: #fff;
}

.backgroundBlack {
    background: #1a1a1a;
}

@media (max-width: 768px) {  
    .mp0 {
        padding: 0;
    }

     .mlrp20 {
        padding: 20px 0;
    }
}

.viewDiningMenu embed {
    width: 100%;
    height: 900px;
}

ul.disc {
    list-style-type: disc;
}

ul.inline li {
    display: inline;
}

ul.disc li {
    padding: 5px 0;
}

.modal-dialog {
    margin: 100px auto;
}

.activeWineAndDine { background-color: #4b233b !important;}

.activeSetView {
    color: #141414;
    background: #ccc;
}

.moviePosterHeight {
    max-height: 190px;
}

@media (max-width: 500px) {
    .moviePosterHeight {
        max-height: 150px;
    }
}

@media (max-width: 900px) and (min-width: 500px) {
    .moviePosterHeight {
        max-height: 150px;
    }

    .movieListView {
        min-height: 162px;
    }
}

.movieListView {
    min-height: 195px;
}

ul.setMovieView li, ul.setView li {
    padding: 5px 10px;
    border-radius: 5px;
}

.btn-alternate {
    background-color:#174680;
}

.wineDineHeader {
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.openTableBooking {
    vertical-align: baseline;
    position: absolute;
    width: 100%;
    z-index: 3;
    top: 350px;
}

@media (max-width:768px) {
    .openTableBooking {
        top: 300px;
    }

    .wineDineHeader {
        height: 500px;
    }

    .openTableBooking form {
        font-size: 1.2em;
    }

    .mw30 {
        width: 30%;
    }

    .mp10 {
        padding: 10px;
    }
}

.openTableBooking form {
    background: none;
    font-size: 1.5em;
}

.openTableBooking form .selectLabel {
    background: #fff;
    color: #1a1a1a;
    padding: 10px;
    border: none;
}

.openTableBooking form select {
    background: #fff;
    color: #1a1a1a;
    padding: 10px;
    border: none;
}

.openTableBooking form select:nth-child(2n+1) {
    border-left: 1px solid #ccc;
}

.openTableBooking form .btn-tanzy, 
.openTableBooking form .btn-tuckRoom,
.openTableBooking form .btn-cityPerch,
.openTableBooking form .btn-bigDaddy {
    text-align: center;
    padding: 11px 0;
    text-transform: uppercase;
}

    .openTableBooking form .btn-tuckRoom {
        background: #000;
        color: #fff;
    }

    .openTableBooking form .btn-tuckRoom:hover {
        background: #1a1a1a;
    }

.wineDine .setView {
    font-size: 1.5em;
    letter-spacing: .15em;
}

.wineDine ul.setView li {
    border-radius: 0;
}

.wineDine .setBrandView, .wineDine .setBrandView span {
    padding: 10px 20px;
}

.wineDine .activeSetViewTanzy {
    background: #b83d24;
    color: #fff;
}

.wineDine .activeSetViewExpress {
    background: #54541f;
    color: #fff;
}

.wineDine .activeSetViewBigDaddy {
    background: #b21e28;
    color: #fff;
}

.wineDine .activeSetViewTuckRoom {
    background: #fff;
    color: #000 !important;
}

.wineDine .activeSetViewCityPerch {
    background: #6d702e;
    color: #fff;
}

.wineDine .activeSetViewPinStrikes {
    background: #dcc865;
    color: #000;
}

@media (max-width: 768px) {
    .wineDine .mobileImage {
        height: 500px;
        margin-left: -20%;
    }

    .wineDine .imgFull {
        width: inherit;
    }
}

.borderLeft {
    border-left: 1px solid #3f3f3f;
}



/*STYLES THAT GET OVERRIDEN input CUSTOM STYLE*/
/* No values this is just a list of overrides  */
/* Add to style sheet and they do nothing unless*/
/* The style sheet is added to override current colors*/
/* use _ instad of - in all style sheets or ng-class thinks its a minus or escape with \-*/

.btn-selectMovie_t{}
.activeSelectedDate_t{}

.ksm {
    letter-spacing: .1em;
}

.mt2 {
    margin-top: 2px;
}

.diningMenu {
    color: #1a1a1a;
}

.diningMenu .item h4 span {
    display: block;
    font-style: italic;
    font-size: 95%;
    padding-top: 5px;
}

.whiteText {
    color: #fff;
}

.fmd {
    font-size: 1.5em;
    color: #fff;
}

.noBackground:hover {
    background: transparent !important;
}

ul.sidebarNavList li {
    padding: 10px 20px;
    font-size: 1.5em;
}

ul.sidebarNavList li:hover {
    background: #3a1b2d;
}

ul.sidebarNavList li a {
    color: #fff;
}

.activeListItem {
    background: #4b233b; 
    color: #fff;
}

.btn-warning {
    color: #141414;
}

.btn-warning:hover {
    background: #f9c07d;
    color: #141414;
}

.mt15 {
    margin-top: 15px;
}