/*==============================================================================
=                                Globals                                       =
==============================================================================*/
/*============================== Colors ======================================*/
/*============================== Typography ==================================*/
html.active {
    background: #222a37;
}
body {
    font-family: "Montserrat", sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 300;
}
sup {
    font-size: 65%;
}
a,
a:hover,
a:focus {
    text-decoration: none;
}
ul {
    padding: 0;
    margin: 0;

    list-style-type: none;
}
select {
    color: #000;
}
/*============================== Helper Classes ==============================*/
.visible-xxs {
    display: none;
}
.mx-auto {
    margin: 0 auto !important;
}
.mt0 {
    margin-top: 0 !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt30 {
    margin-top: 30px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt50 {
    margin-top: 50px !important;
}
.mt60 {
    margin-top: 60px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.mb4 {
    margin-bottom: 4px !important;
}
.mb10 {
    margin-bottom: 10px !important;
}
.mb15 {
    margin-bottom: 15px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb50 {
    margin-bottom: 50px !important;
}
.mb60 {
    margin-bottom: 60px !important;
}
strong {
    font-weight: 500;
}
.white {
    color: white;
}
.blue {
    color: #00aeef;
}
.orange {
    color: #ecab45;
}
h2.blue.underline {
    padding-bottom: 10px;

    border-bottom: 2px solid #00aeef;
}
a.blue,
a.blue:hover,
a.blue:focus,
a.blue:active,
a.blue:visited {
    color: #00aeef;
}
.blue-bullets {
    list-style-position: inside;
    list-style-image: url("../img/interior/bullet.png");
}
.blue-bullets.outside {
    padding-left: 10px;

    list-style-position: outside;
}
.blue-bullets.spaced li {
    margin-bottom: 10px;
}
.blue-button {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 0;

    font-size: 13px;
    font-weight: 400;

    cursor: pointer;
    transition: .5s;
    white-space: nowrap;
    text-transform: uppercase;

    color: #fff;
    background: #00aeef;
}
.dark.blue-button.popup {
    min-width: 85px;
    padding: 5px 12px;
    margin: 2px -10px 0;

    font-size: 15px;

    text-align: center;

    background: #222a37;
}
.blue-button:focus {
    color: #fff;
}
.blue-button a {
    transition: .5s;

    color: #fff;
}
a.blue-button.alt {
    color: #fff !important;
}
.blue-button.alt:hover {
    color: #fff;
    background: #222a37;
}
.blue-button.alt:hover a {
    color: #fff;
}
.blue-button:hover {
    color: #00aeef;
    background: #fff;
}
.dark.blue-button.popup:hover {
    color: #222a37;
    background: #fff;
}
.white-button {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 0;

    font-size: 13px;
    font-weight: 400;

    cursor: pointer;
    transition: .5s;
    white-space: nowrap;
    text-transform: uppercase;

    color: #00aeef;
    background: #fff;
}
.white-button:hover {
    color: #fff;
    background: #00aeef;
}
.white-button.alt:hover {
    color: #fff;
    background: #222a37;
}
.text-center-sm-left,
.text-center-sm-right,
.text-center-md-left,
.text-center-md-right {
    text-align: center;
}
.text-upper {
    text-transform: uppercase;
}
.text-large {
    font-size: 1.4em;
    font-weight: 500;
}
.text-underline {
    text-decoration: underline;
}
.xs-linebreak {
    display: block;
}
.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.embed-container {
    position: relative;

    height: 0;
    max-width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.mw170px {
    max-width: 170px !important;
}
.w500 {
    width: 500px;
    height: auto;
}
/*==============================================================================
=                                Header                                        =
==============================================================================*/
.oc-left.active header {
    position: absolute;
}
header {
    position: fixed;
    z-index: 100;

    width: 100%;
    margin-top: 0;

    background-image: url("../img/common/nav-bg.jpg");
    background-size: cover;
}
.coronavirus-epping {
    position: fixed;
    z-index: 101;

    width: 100%;
    min-height: 40px;
    padding-top: 10px;

    text-align: center;

    background: #009cd7;
}
.coronavirus-epping a {
    color: #fff;
}
.coronavirus-littleton {
    position: fixed;
    z-index: 101;

    width: 100%;
    min-height: 40px;
    padding-top: 10px;

    text-align: center;

    background: #009cd7;
}
.coronavirus-littleton a {
    color: #fff;
}
/*============================== Common ======================================*/
/*============================== Home ========================================*/
/*============================== Interior ====================================*/
/*==============================================================================
=                                Navigation                                    =
==============================================================================*/
/*============================== Off Canvas ==================================*/
@media screen and (max-width: 767px) {
    .top-bar.oc-js.active {
        position: static;
    }
    .oc-container {
        position: absolute;
        top: 0;

        min-height: 100%;
    }
    .oc-overlay {
        position: absolute;
        z-index: -1;

        width: 100%;
        height: 100%;

        -webkit-transition: all .2s linear;
           -moz-transition: all .2s linear;
             -o-transition: all .2s linear;
                transition: all .2s linear;
    }
    .oc-overlay.active {
        z-index: 20;

        background-color: rgba(0, 0, 0, .8);
    }
    #oc-icon {
        position: absolute;
        top: 14px;
        right: 7px;
        z-index: 21;

        display: block;
        width: 50px;
        height: 41px;

        cursor: pointer;
        -webkit-transition: all .5s ease-in-out;
        -webkit-transition: top 0s;
           -moz-transition: all .5s ease-in-out;
           -moz-transition: top 0s;
             -o-transition: all .5s ease-in-out;
             -o-transition: top 0s;
                transition: all .5s ease-in-out;
                transition: top 0s;
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    #oc-icon span {
        position: absolute;
        left: 8px;

        display: block;
        width: 34px;
        height: 6px;

        -webkit-transition: all .25s ease-in-out;
           -moz-transition: all .25s ease-in-out;
             -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);

        border-radius: 4px;
        background: #fff;
    }
    #oc-icon span.bar1 {
        top: 8px;
    }
    #oc-icon span.bar2,
    #oc-icon span.bar3 {
        top: 18px;
    }
    #oc-icon span.bar4 {
        top: 28px;
    }
    #oc-icon.active span.bar1 {
        top: 18px;
        left: 50%;

        width: 0;
    }
    #oc-icon.active span {
        background: #fff;
    }
    #oc-icon.active:hover span {
        background: #fff;
    }
    #oc-icon.active span.bar2,
    #oc-icon.active span.bar3 {
        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
             -o-transform: rotate(45deg);
                transform: rotate(45deg);
    }
    #oc-icon.active span.bar3 {
        -webkit-transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
             -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
    }
    #oc-icon.active span.bar4 {
        top: 18px;
        left: 50%;

        width: 0;
    }
    .oc-left {
        left: 0;

        width: 100%;
        overflow-x: hidden;

        -webkit-transition: left .2s linear;
           -moz-transition: left .2s linear;
             -o-transition: left .2s linear;
                transition: left .2s linear;
    }
    .oc-left.active {
        left: -75%;
        z-index: 1;

        overflow-x: visible;
    }
    nav.oc-right {
        right: -75%;

        width: 75%;

        background-color: #fff;
    }
    nav.oc-right.active {
        z-index: 9999;

        background: #222a37;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
                box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    }
    /*----------  Nav Globals  ----------*/
    nav.oc-right > ul {
        height: 100%;
    }
    nav.oc-right ul li {
        position: relative;
    }
    nav.oc-right ul ul {
        display: none;
    }
    nav.oc-right > ul li.active > ul {
        display: block;
    }
    nav.oc-right ul li a {
        display: block;
        padding: 10px 41px 10px 15px;

        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        background: #222a37;
    }
    nav.oc-right li > span.oc-toggle.glyphicon {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 22;

        display: block;
        width: 41px;
        height: 40px;
        padding: 14px;

        cursor: pointer;
    }
    nav.oc-right li > span.oc-toggle.glyphicon-plus {
        color: #fff;
        background: #0f1217;
    }
    nav.oc-right li > span.oc-toggle.glyphicon-minus {
        color: #fff;
        background-color: #00aeef;
    }
    /*----------  First Level  ----------*/
    nav.oc-right > ul > li {
        display: block;
    }
    nav.oc-right > ul > li > a {
        font-weight: bold;
    }
    nav.oc-right > ul li.active > a {
        font-weight: bold;

        color: #00aeef;
    }
    /*----------  Second Level  ----------*/
    nav.oc-right > ul > li > ul li span.oc-toggle.glyphicon-minus,
    nav.oc-right > ul > li.active > ul li span.oc-toggle.glyphicon-minus {
        color: #000;
        background: #eee;
    }
    nav.oc-right > ul ul li > a {
        padding-left: 25px;

        background: #181e27;
    }
    /*----------  Third Level   ----------*/
    nav.oc-right > ul ul ul li a {
        padding: 5px 26px 5px 39px;

        font-size: 13px;

        background: #f4f4f4;
        background-image: url("/site/templates/_assets/img/nav/right-arrow-aaa.png");
        background-repeat: no-repeat;
        background-position: 21px 6.5px;
    }
    nav.oc-right > ul ul ul li.active > a,
    nav.oc-right > ul ul ul li:hover > a {
        color: #000;
        background-image: url("/site/templates/_assets/img/nav/right-arrow-aaa.png");
    }
    nav.oc-right > ul ul ul li > span.oc-toggle.glyphicon {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 22;

        display: block;
        width: 41px;
        height: 28.5px;
        padding: 7.5px 14.5px;

        cursor: pointer;

        border-bottom: 1px solid rgba(255, 255, 255, .2);
        background-color: #d1d1d1;
    }
    .littleton-ma-about-blog > .oc-toggle,
    .epping-nh-about-blog > .oc-toggle,
    .littleton-ma-about-blog > ul,
    .epping-nh-about-blog > ul {
        display: none !important;
    }
    /*----------  Fourth Level  ----------*/
    nav.oc-right > ul ul ul ul li > a {
        padding: 5px 26px 5px 53px;

        font-size: 13px;

        background: #eee;
        background-image: url("/site/templates/_assets/img/nav/dash-aaa.png");
        background-repeat: no-repeat;
        background-position: 35px 6.5px;
    }
    nav.oc-right > ul ul ul ul li.active > a,
    nav.oc-right > ul ul ul ul li:hover > a {
        color: #000;
        background-image: url("/site/templates/_assets/img/nav/dash-aaa.png");
    }
}
@media screen and (min-width: 768px) {
    #oc-icon {
        display: none;
    }
    .container-nav {
        width: 750px;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}
@media screen and (min-width: 992px) {
    .container-nav {
        width: 970px;
    }
}
@media screen and (min-width: 1200px) {
    .container-nav {
        width: 1170px;
    }
}
/*============================== Common ======================================*/
.body-spacer {
    margin-top: 122px;
}
/*============================== Top Navigation ==============================*/
.oc-left {
    color: white;
}
.logo {
    float: left;
    padding: 20px;
}
.logo img {
    width: 200px;
    height: auto;
}
.container-nav {
    display: inline;
}
nav.oc-right {
    display: inline-block;
    margin-top: 0;
}
.location-picker {
    position: absolute;
    top: 68px;
    left: 0;

    width: 100%;
    height: 55px;

    cursor: pointer;

    background: #00aeef;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
            box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.location-picker a {
    color: #fff;
}
.location-picker .pin {
    position: absolute;

    display: inline-block;
    height: 100%;
    padding: 12px;

    font-size: 26px;

    background: #054e82;
}
.location-picker .pin .glyphicon {
    top: 50%;

    transform: translateY(-50%);
}
.location-picker .selector {
    height: 100%;
    padding: 10px 10px 10px 60px;

    background: #00aeef;
}
.location-picker .selector.dropdown {
    transition: background .5s, height .5s, padding .5s, color .5s;

    color: #fff;
}
.location-picker .selector.dropdown.inactive {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;

    color: rgba(255, 255, 255, 0);
}
.location-picker .selector.dropdown:hover {
    background: #222a37;
}
.location-picker .selector .location {
    margin-bottom: 0;

    font-size: 12px;
    font-weight: 600;

    text-transform: uppercase;
}
.location-picker .selector .phone {
    font-size: 14px;
    font-weight: 300;
}
.location-picker .arrow {
    position: absolute;
    top: 50%;
    right: 20px;

    font-size: 24px;

    transform: translateY(-50%);
}
/*============================== Side Navigation =============================*/
/*============================== Bottom Navigation ===========================*/
footer {
    color: #fff;
    background: #000;
}
footer a {
    transition: .5s;

    color: #fff;
}
footer a:hover {
    transition: .5s;

    color: #00aeef;
}
footer ul.footer-nav li {
    display: inline-block;
    padding: 3px 10px;

    list-style-type: none;
}
footer .logo {
    float: left;
}
footer .footer-logo {
    margin-bottom: 20px;
}
footer .location {
    padding-top: 10px;
    margin-bottom: 5px;

    font-size: .9em;
}
footer .copyright {
    font-size: .9em;

    text-align: center;
}
footer .sfa-link {
    font-size: 12px;

    text-align: center;
}
footer .sfa-link,
footer .sfa-link a {
    color: rgba(255, 255, 255, .3);
}
footer .sfa-link a:hover {
    color: rgba(255, 255, 255, .6);
}
/*==============================================================================
=                                Footer                                        =
==============================================================================*/
/*============================== Common ======================================*/
/*============================== Home ========================================*/
/*============================== Interior ====================================*/
.interior-banner {
    margin: 140px 0 80px;

    text-align: center;
    text-transform: uppercase;
}
.interior-banner h1 {
    font-size: 40px;
    font-weight: 600;
}
.interior-banner p {
    font-size: 22px;
    font-weight: 400;
}
.interior-body {
    position: relative;

    padding: 60px 0 60px;

    font-size: 1.4em;

    color: #000;
    background: #fff;
}
.interior-body-image {
    position: relative;

    padding: 60px 0 200px;

    font-size: 1.4em;

    color: #000;
    background: #fff;
}
.interior-body-image .footer-image {
    position: absolute;
    bottom: 0;

    width: 100%;
}
/*==============================================================================
=                                Home Page                                     =
==============================================================================*/
body#pg-1 {
    background: #000;
}
.home-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;

    width: 50%;

    transform: translateX(-50%) translateY(-50%);
}
.home-logo img {
    width: 100%;
}
.cinema-nav {
    height: 50vh;
    padding: 0;
    overflow: hidden;

    font-weight: 500;

    text-align: center;

    text-shadow: 0 0 60px black, 0 0 60px black, 0 0 60px black;
}
.cinema-nav.littleton .enter {
    background-image: url("../img/home/littleton-enter.jpg");
}
.cinema-nav.littleton .cover {
    background-image: url("../img/home/littleton-cover.jpg");
}
.cinema-nav.epping .enter {
    background-image: url("../img/home/epping-enter.jpg");
}
.cinema-nav.epping .cover {
    background-image: url("../img/home/epping-cover.jpg");
}
.cinema-nav .enter {
    position: absolute;

    width: 100%;
    height: 100%;

    background-position: center;
    background-size: cover;
}
.cinema-nav .cover {
    position: absolute;

    width: 100%;
    height: 100%;

    transition: .5s;
    transform: scale(1.1);

    opacity: 0;
    background-position: center;
    background-size: cover;
}
.cinema-nav:hover .cover {
    transform: scale(1);

    opacity: 1;
}
.cinema-nav .valign {
    position: relative;
}
.cinema-nav.littleton .valign {
    top: 30%;

    transform: translateY(-30%);
}
.cinema-nav.epping .valign {
    top: 70%;

    transform: translateY(-70%);
}
.cinema-nav h1 {
    font-weight: 700;

    text-transform: uppercase;
}
.cinema-nav .head {
    font-size: 1.6em;
    font-weight: 700;

    text-transform: uppercase;
}
.cinema-nav .subhead {
    font-weight: 700;

    text-transform: uppercase;
}
/*==============================================================================
=                                Interior                                      =
==============================================================================*/
.theatre-slider {
    -webkit-transition: 1s;
       -moz-transition: 1s;
         -o-transition: 1s;
            transition: 1s;

    opacity: 0;
    background: #000;
}
.theatre-slider .slick-list {
    position: absolute;

    opacity: 0;
}
.theatre-slider.slick-initialized {
    opacity: 1;
}
.theatre-slider.slick-initialized .slick-list {
    position: relative;

    transition: opacity .2s ease-in;

    opacity: 1;
}
.theatre-slider img {
    width: 100%;
}
.theatre-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.theatre-slider-nav {
    display: none;
}
.theatre-slider-nav a,
.theatre-slider-nav a:hover,
.theatre-slider-nav a:focus,
.theatre-slider-nav a:active,
.theatre-slider-nav a:visited {
    color: #fff;
}
.theatre-slider-nav .slick-slide {
    position: relative;
}
.theatre-slider-nav .slick-slide img {
    min-width: 100%;
}
.theatre-slider-nav .overlay {
    position: absolute;

    width: 100%;
    height: 100%;

    transition: .5s;

    background: rgba(0, 0, 0, .5);
}
.theatre-slider-nav .slick-slide:hover .overlay {
    background: rgba(0, 0, 0, .8);
}
.theatre-slider-nav .slick-current .overlay {
    background: rgba(3, 174, 239, .7) !important;
}
.theatre-slider-nav .slick-track {
    transform: translate3D(0px, 0px, 0px) !important;
}
.theatre-slider-nav .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;

    width: 100%;
    padding: 30px;

    font-weight: 500;

    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    text-transform: uppercase;
}
.theatre-slider .slick-dots {
    bottom: 5px;
}
.theatre-slider .slick-dots li {
    padding: 4px;
}
.theatre-slider .slick-dots button {
    width: 10px;
    height: 10px;

    border: 1px solid #fff;
    border-radius: 10px;
}
.theatre-slider .slick-dots li.slick-active button {
    background: white;
}
.theatre-slider .slick-dots li button:before {
    content: "";
}
.theatre-slider .fa-chevron-right,
.theatre-slider .fa-chevron-left {
    position: absolute;
    top: 80%;
    z-index: 2;

    font-size: 36px;

    transition: .5s;
    transform: translateY(-50%);

    color: rgba(255, 255, 255, .6);
}
.fa-chevron-right:hover,
.fa-chevron-left:hover {
    color: #fff;
}
.theatre-slider .fa-chevron-right {
    right: 25px;
}
.theatre-slider .fa-chevron-left {
    left: 25px;
}
.theatre-slider .caption {
    position: absolute;
    bottom: 16px;
    z-index: 2;

    width: 100%;
    padding: 20px;

    text-align: center;
}
.theatre-slider .headline {
    margin-bottom: 0;

    font-size: 28px;
    font-weight: 500;
    line-height: 1em;

    text-transform: uppercase;

    color: #fff;
}
.theatre-slider .subhead {
    margin-bottom: 20px;

    font-size: 15px;
    font-weight: 300;

    text-transform: uppercase;

    color: #fff;
}
.theatre-slider .now-playing {
    overflow: hidden;

    background: black;
}
.theatre-slider .now-playing .poster {
    position: relative;

    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.theatre-slider .now-playing .one-third {
    position: relative;

    float: left;
    width: 33.333333%;
    height: 100%;
    overflow: hidden;
}
.theatre-slider .now-playing .one-third img,
.theatre-slider .now-playing .poster img {
    position: absolute;
    left: 50%;

    width: auto;
    height: 100%;

    transform: translateX(-50%);

    opacity: .5;
}
h1.now-playing-trailers {
    font-size: 25px;
}
.toggle-theatre-select {
    cursor: pointer;
}
.theatre-select-icon {
    padding: 5px 0 5px 5px;

    font-size: 60%;
}
.theatre-select {
    display: none;
    margin-top: -10px;
    margin-bottom: 25px;
}
.theatre-select p {
    margin-bottom: 0;

    font-weight: 500;
}
#movies {
    position: relative;
}
#movies canvas {
    position: absolute;
    top: 0;
    z-index: -1;
}
.newsletter {
    background: #00aeef;
}
.backstage-lounge .headline {
    font-size: 40px;
    font-weight: 500;

    text-align: center;
    text-transform: uppercase;
}
.backstage-lounge .subhead {
    font-size: 20px;

    text-align: center;
}
.backstage-lounge .description {
    max-width: 240px;
    margin: 0 auto;

    font-size: 22px;
    line-height: 1.1em;

    text-align: center;
}
.backstage-lounge .linebreak {
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    width: 1px;
    height: 70px;

    background: #bbb;
}
.outstanding-programs .program-row {
    display: flex;

    flex-wrap: wrap;
    justify-content: center;
}
.outstanding-programs .headline {
    font-size: 40px;

    text-align: center;
    text-transform: uppercase;

    color: #00aeef;
}
.outstanding-programs .subhead {
    font-size: 20px;

    text-align: center;

    color: white;
}
.outstanding-programs .program {
    min-height: 115px;
    padding: 30px 10px;

    transition: .5s;
    text-align: center;
    text-transform: uppercase;

    color: #fff;
    background: #00aeef;
}
.outstanding-programs .program .title {
    position: absolute;
    top: 25px;
    left: 50%;
    z-index: 2;

    font-weight: 600;

    transition: top .5s, transform .5s;
    transform: translateY(0) translateX(-50%);
    white-space: nowrap;
}
.outstanding-programs .program .description {
    position: relative;
    z-index: 2;

    margin-top: 5px;
    margin-top: 18px;

    transition: .5s;

    color: #fff;
}
.outstanding-programs .program img {
    position: absolute;
    top: 50%;
    left: 10%;

    transition: .5s;
    transform: translateY(-50%);

    opacity: .3;
}
.discount {
    padding: 0;
}
.deals {
    background: #00aeef;
}
.deals .discount {
    overflow: hidden;
}
.deals .discount img.bg {
    position: absolute;
    top: 50%;
    left: 50%;

    min-width: 100%;
    min-height: 100%;

    transition: .5s;
    transform: translateX(-50%) translateY(-50%);
}
.deals .discount:hover img.bg,
.deals .discount.active img.bg {
    opacity: .4;
}
.deals .discount .caption {
    position: relative;
    z-index: 2;

    height: 100%;
    padding: 75px 50px 30px;

    text-align: center;
}
.deals .discount .caption img.logo {
    display: block;
}
.deals .discount .caption .title {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100%;
    padding: 15px;

    transition: .5s;
    transform: translateX(-50%) translateY(-50%);
}
.deals .discount:hover .title,
.deals .discount.active .title {
    top: 15px;

    transform: translateX(-50%);
}
.deals .discount .rollover {
    visibility: hidden;

    transition: .5s;

    color: rgba(255, 255, 255, 0);
}
.deals .discount:hover .rollover,
.deals .discount.active .rollover {
    visibility: visible;

    color: #fff;
}
.deals .discount .caption .title p {
    margin-top: 10px;

    font-size: 30px;

    text-transform: uppercase;
}
.deals .discount .caption .headline {
    margin: 90px 0 25px;

    font-size: 28px;
    font-weight: 600;
    line-height: 1.2em;

    text-transform: uppercase;
}
.deals .discount .caption .copy {
    margin-bottom: 60px;

    font-size: 16px;
    font-weight: 600;

    text-transform: uppercase;
}
.deals .discount .caption .disclaimer {
    position: absolute;
    bottom: 15px;
    left: 50%;

    width: 100%;

    font-size: .8em;

    transform: translateX(-50%);
}
.social {
    font-size: 22px;
    font-weight: 400;

    text-align: center;
    text-transform: uppercase;

    color: white;
    background: #00aeef;
}
.social a {
    padding: 10px;

    font-size: 1.7em;

    color: #fff;
}
.newsletter-social {
    font-size: 22px;
    font-weight: 400;

    text-align: center;

    color: white;
    background: #00aeef;
}
.newsletter-social a {
    padding: 10px;

    font-size: 1.7em;

    color: #fff;
}
.newsletter-social .social-small {
    font-weight: 500;
}
.newsletter-social .social-small hr {
    max-width: 300px;
}
.newsletter-social .newsletter-small .linebreak {
    position: absolute;
    top: 32px;
    left: 0;

    display: none;
    width: 1px;
    height: 220px;

    background: #fff;
}
.newsletter-social .newsletter-small span {
    line-height: 1em;
}
.newsletter-social .newsletter-small p:first-of-type {
    font-size: 22px;
    font-weight: 500;
}
.newsletter-social .newsletter-small p {
    font-size: 16px;
}
.newsletter-social .newsletter-small .white-button {
    font-size: 12px;
}
.blog-img {
    display: block;
    margin: 0 auto 10px;
}
.related-articles {
    display: none;
}
.related-articles a {
    transition: .5s;

    color: white;
}
.related-articles a:hover {
    color: #222a37;
}
.blog-social {
    position: relative;
    left: 50%;

    display: inline-block;
    padding: 5px 20px 10px;
    margin: 20px auto;

    transform: translateX(-50%);
    text-align: center;

    color: white;
    border-radius: 50px;
    background: #00aeef;
}
.blog-social h5 {
    margin-bottom: 5px;
}
.blog-social a,
.blog-social a:focus,
.blog-social a:active,
.blog-social a:visited {
    transition: .5s;

    color: white;
}
.blog-social a:hover {
    color: #222a37;
}
.blog-social i {
    padding: 0 10px;
}
.MarkupPagerNav {
    margin-top: 40px;

    text-align: center;
}
.MarkupPagerNav li {
    display: inline;
    padding: 10px;
}
.MarkupPagerNav a {
    transition: .5s;

    color: #00aeef;
}
.MarkupPagerNav a:hover {
    color: #222a37;
}
.grand-dlx {
    background: #222a37;
}
.grand-dlx .headline {
    font-size: 40px;
    font-weight: 500;

    text-transform: uppercase;
}
.panel-group .panel + .panel {
    margin-top: 15px;
}
.panel-group .question-toggle {
    cursor: pointer;
}
.panel-group .answer {
    padding-bottom: 5px;

    font-size: 16px;
}
#popup-notice {
    max-width: 600px;
    padding: 30px 30px 20px;

    font-size: 14px;
}
#popup-notice h1 {
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 15px;

    font-size: 30px;

    text-transform: uppercase;

    color: #00aeef;
    border-bottom: 1px solid #ddd;
}
#movies-popup .modal-content,
#video-popup .modal-content,
#video-popup-2 .modal-content,
#buy-tickets .modal-content {
    color: #fff;
    background: #00aeef;
}
#movies-popup .modal-body img {
    height: auto;
    max-width: 100%;
}
#movies-popup .fas,
#video-popup .fas,
#video-popup-2 .fas,
#buy-tickets .fas {
    display: block;
    margin-bottom: 20px;

    font-size: 60px;
}
#coming-soon-date {
    height: 30px;
    min-width: 110px;
    margin-top: 5px;

    font-size: 16px;

    border: 0;
}
/*==============================================================================
=                                Photo Gallery                                 =
==============================================================================*/
.photo-gallery .row {
    margin-right: -5px;
    margin-left: -5px;
}
.photo-gallery .row .col {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}
/*==============================================================================
=                                Events Celendar                               =
==============================================================================*/
.events-calendar .event {
    font-size: 16px;
}
.events-calendar .event-date {
    margin-bottom: 0;

    font-size: 14px;
}
.events-calendar #calendar {
    font-size: 14px;
}
.events-calendar #calendar .fc-toolbar .fc-left {
    font-size: 12px;
}
.events-calendar #calendar .fc-toolbar .fc-right {
    font-size: 12px;
}
.events-calendar #calendar .fc-toolbar h2 {
    font-size: 22px;
}
.events-calendar #calendar .fc-footer-toolbar {
    display: none;
}
.fc-day-grid-event .fc-content {
    white-space: normal;
}
.fc-list-empty-wrap2 {
    position: relative;
}
.fc-event,
.fc-event:hover {
    color: #fff !important;
}
.fc-event,
.fc-event-dot {
    border-color: #00aeef;
    background-color: #00aeef;
}
.fc-event.attachment:hover,
.fc-event.attachment:focus {
    border-color: #222a37;
    background-color: #222a37;
}
.fc-event.attachment .fc-title:after,
.fc-list-item.attachment a:after {
    position: relative;
    top: 1px;

    display: inline-block;
    padding-left: 6px;

    font-family: "Glyphicons Halflings";
    font-size: 12px;

    content: "\e164";
}
.sf-date {
    display: inline-block;
    margin-bottom: 10px;

    font-size: 80%;
}
/*==============================================================================
=                                COVID-19 POLICIES                                =
==============================================================================*/
.covid19-nav-container {
    position: fixed;
    z-index: 0;

    width: 100%;
    margin-top: 0;

    transition: all .4s;

    background-color: #00aeef;
}
.covid19-nav-container.active {
    z-index: 4;

    margin-top: 9.2em;
}
.covid19-nav {
    max-width: 1500px;
    margin: 0 auto;
}
.covid19-epping-nav {
    max-width: 1500px;
    margin: 0 auto;
}
.covid19-nav > ul {
    display: block;

    list-style-type: none;
}
.covid19-epping-nav > ul {
    display: block;

    list-style-type: none;
}
a.covid19-nav-img-link {
    padding: 14px 0;
}
.covid19-nav > ul > li {
    position: relative;

    display: block;
    float: left;

    font-size: 14px;

    text-align: center;
}
.covid19-nav > ul > li a {
    display: block;
    height: 100%;
    padding: 0 31px 14px;

    color: #fff;
}
.covid19-nav > ul > li a.covid19-nav-img-link {
    display: block;
    height: 100%;
    padding: 14px 0 0 0;
}
.covid19-nav > ul > li .nav-policy01 svg path {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-nav > ul > li .nav-policy01 svg line {
    stroke: #fff;
}
.covid19-nav > ul > li .nav-policy01 svg polygon {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-nav > ul > li .nav-policy02 svg path {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy02 svg line {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy02 svg rect {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy03 svg path {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy03 svg rect {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy04 svg path {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-nav > ul > li .nav-policy04 svg line {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-nav > ul > li .nav-policy05 svg path {
    stroke: #fff;
    stroke-linecap: inherit;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy05 svg polygon {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy06 svg path {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy06 svg line {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy06 svg polygon {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy07 svg path {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-nav > ul > li .nav-policy08 svg path {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-nav > ul > li .nav-policy08 svg line {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-nav > ul > li .nav-policy08 svg polyline {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-nav > ul > li .nav-policy09 svg path {
    fill: #fff;
    stroke: #fff;
    stroke-width: 1.6;
}
.covid19-epping-nav > ul > li {
    position: relative;

    display: block;
    float: left;

    font-size: 14px;

    text-align: center;
}
.covid19-epping-nav > ul > li a {
    display: block;
    height: 100%;
    padding: 0 47px 14px;

    color: #fff;
}
.covid19-epping-nav > ul > li a.covid19-nav-img-link {
    display: block;
    height: 100%;
    padding: 14px 0 0 0;
}
.covid19-epping-nav > ul > li .nav-policy01 svg path {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-epping-nav > ul > li .nav-policy01 svg line {
    stroke: #fff;
}
.covid19-epping-nav > ul > li .nav-policy01 svg polygon {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-epping-nav > ul > li .nav-policy02 svg path {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy02 svg line {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy02 svg rect {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy03 svg path {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy03 svg rect {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy04 svg path {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-epping-nav > ul > li .nav-policy04 svg line {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-epping-nav > ul > li .nav-policy05 svg path {
    stroke: #fff;
    stroke-linecap: inherit;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy05 svg polygon {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy06 svg path {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy06 svg line {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy06 svg polygon {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy07 svg path {
    stroke: #fff;
    stroke-width: 2;
}
.covid19-epping-nav > ul > li .nav-policy08 svg path {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-epping-nav > ul > li .nav-policy08 svg line {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-epping-nav > ul > li .nav-policy08 svg polyline {
    stroke: #fff;
    stroke-width: 16;
}
.covid19-epping-nav > ul > li .nav-policy09 svg path {
    fill: #fff;
    stroke: #fff;
    stroke-width: 1.6;
}
.covid19-nav > ul > li:hover {
    background-color: #000;
}
.covid19-epping-nav > ul > li:hover {
    background-color: #000;
}
.nav-svg-wrapper svg {
    height: 100%;
    max-height: 1.5em;
}
.covid19-back-to-top {
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 6;

    display: block;

    font-size: 30px;

    transition: all .4s;
    pointer-events: none;

    opacity: 0;
}
.covid19-back-to-top .fa-circle {
    text-shadow: 1px 1px 10px rgba(0, 0, 0, .4);
}
.covid19-back-to-top a {
    color: #00aeef;
}
.covid19-back-to-top a:hover {
    color: #000;
}
.covid19-back-to-top a:active {
    color: #000;
}
.covid19-back-to-top.active {
    pointer-events: auto;

    opacity: 1;
}
a.covid-policy-link {
    display: block;
    height: 100%;
    padding: 2% 0 10% 0;
}
a.covid-policy-img-link {
    display: block;
    height: 100%;
    padding: 10% 0 0 0;
}
a.backstage-policy-img-link {
    display: block;
    height: 100%;
    padding: 2% 0 1% 0;
}
.covid-policy {
    margin-bottom: 30px;

    font-weight: 500;

    text-align: center;

    color: #00aeef;
    border: 1px solid #00aeef;
}
.covid-policy a {
    font-weight: 500;

    color: #00aeef;
}
.covid-policy .title .svg-wrapper svg {
    max-height: 100px;
}
.covid-policy .policy-01 svg path {
    stroke-width: 16;
}
.covid-policy .policy-01 svg polygon {
    stroke-width: 16;
}
.covid-policy .policy-02 svg path {
    stroke-width: 2;
}
.covid-policy .policy-02 svg line {
    stroke-width: 2;
}
.covid-policy .policy-02 svg rect {
    stroke-width: 2;
}
.covid-policy .policy-03 svg path {
    stroke-width: 2;
}
.covid-policy .policy-03 svg rect {
    stroke-width: 2;
}
.covid-policy .policy-04 svg path {
    stroke-width: 16;
}
.covid-policy .policy-04 svg line {
    stroke-width: 16;
}
.covid-policy .policy-05 svg path {
    stroke-linecap: inherit;
    stroke-width: 2;
}
.covid-policy .policy-05 svg polygon {
    stroke-width: 2;
}
.covid-policy .policy-06 svg path {
    stroke-width: 2;
}
.covid-policy .policy-06 svg line {
    stroke-width: 2;
}
.covid-policy .policy-06 svg polygon {
    stroke-width: 2;
}
.covid-policy .policy-07 svg path {
    stroke-width: 2;
}
.covid-policy .policy-08 svg path {
    stroke-width: 16;
}
.covid-policy .policy-08 svg line {
    stroke-width: 16;
}
.covid-policy .policy-08 svg polyline {
    stroke-width: 16;
}
.covid-policy p {
    margin: 0;
}
.covid-policy:hover,
.covid-policy:focus {
    color: #fff;
    background-color: #00aeef;
}
.covid-policy:hover a,
.covid-policy:focus a {
    color: #fff;
}
.covid-policy:hover .policy-01 svg path,
.covid-policy:focus .policy-01 svg path {
    stroke: #fff;
}
.covid-policy:hover .policy-01 svg line,
.covid-policy:focus .policy-01 svg line {
    stroke: #fff;
}
.covid-policy:hover .policy-01 svg polygon,
.covid-policy:focus .policy-01 svg polygon {
    stroke: #fff;
}
.covid-policy:hover .policy-02 svg path,
.covid-policy:focus .policy-02 svg path {
    stroke: #fff;
}
.covid-policy:hover .policy-02 svg line,
.covid-policy:focus .policy-02 svg line {
    stroke: #fff;
}
.covid-policy:hover .policy-02 svg rect,
.covid-policy:focus .policy-02 svg rect {
    stroke: #fff;
}
.covid-policy:hover .policy-03 svg path,
.covid-policy:focus .policy-03 svg path {
    stroke: #fff;
}
.covid-policy:hover .policy-03 svg rect,
.covid-policy:focus .policy-03 svg rect {
    stroke: #fff;
}
.covid-policy:hover .policy-04 svg path,
.covid-policy:focus .policy-04 svg path {
    stroke: #fff;
}
.covid-policy:hover .policy-04 svg line,
.covid-policy:focus .policy-04 svg line {
    stroke: #fff;
}
.covid-policy:hover .policy-05 svg path,
.covid-policy:focus .policy-05 svg path {
    stroke: #fff;
}
.covid-policy:hover .policy-05 svg polygon,
.covid-policy:focus .policy-05 svg polygon {
    stroke: #fff;
}
.covid-policy:hover .policy-06 svg path,
.covid-policy:focus .policy-06 svg path {
    stroke: #fff;
}
.covid-policy:hover .policy-06 svg line,
.covid-policy:focus .policy-06 svg line {
    stroke: #fff;
}
.covid-policy:hover .policy-06 svg polygon,
.covid-policy:focus .policy-06 svg polygon {
    stroke: #fff;
}
.covid-policy:hover .policy-07 svg path,
.covid-policy:focus .policy-07 svg path {
    stroke: #fff;
}
.covid-policy:hover .policy-08 svg path,
.covid-policy:focus .policy-08 svg path {
    stroke: #fff;
}
.covid-policy:hover .policy-08 svg line,
.covid-policy:focus .policy-08 svg line {
    stroke: #fff;
}
.covid-policy:hover .policy-08 svg polyline,
.covid-policy:focus .policy-08 svg polyline {
    stroke: #fff;
}
.covid-policy:hover .policy-09 svg path,
.covid-policy:focus .policy-09 svg path {
    fill: #fff;
}
.covid-policy-container {
    padding-top: 60px;
}
.covid-policy-container .blue-bullets li {
    margin-bottom: 10px;
}
.covid-policy-container .blue-bullets {
    margin-left: 12px;

    list-style-position: outside;
}
.policy-img-circle {
    width: 100%;
    max-width: 240px;
}
.covid-cinemasafe-logo {
    max-width: 300px;
}
.covid-cinemasafe-logo.slide {
    max-width: 300px;
}
.cinema-safe-link {
    outline: none !important;
}
.cinema-safe-top {
    display: none;
    margin: -5px 0 0 20px;
}
p.last-updated {
    font-size: 12px;
}
/*==============================================================================

=                                CTA Popup                                     =
==============================================================================*/
.cta {
    position: fixed;
    right: 50px;
    bottom: -350px;
    z-index: 4;

    width: 250px;
    height: 250px;
    padding: 25px;

    transition: bottom .5s ease-in-out;
    text-align: center;

    color: white;
    border: 2px white solid;
    border-radius: 175px;
    background: #222a37;
    -webkit-box-shadow: 4px 4px 30px #000;
            box-shadow: 4px 4px 30px #000;
}
.cta-reveal {
    bottom: 50px;
}
.cta .fa-dollar-sign {
    font-size: 44px;
}
.cta a,
.cta a:visited {
    color: white;
}
.cta a:hover,
.cta a:focus,
.cta a:active {
    color: #222a37;
}
.cta-headline {
    margin-top: 5px;
    margin-bottom: 5px;

    font-size: 20px;
    font-weight: bold;
    line-height: 1;

    text-transform: uppercase;
}
.cta-body {
    margin-bottom: 5px;

    font-size: 15px;
    font-weight: 300;
}
.cta-close {
    position: absolute;
    top: 0;
    right: 0;

    font-size: 32px;

    text-shadow: 2px 2px 30px #000;
}
.cta-six {
    padding: 6px;

    font-size: 50px;
    font-weight: 600;
}
.cta-graphic {
    transform: rotate(-8deg);

    color: #00aeef;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}
/*==============================================================================
=                                Showtimes                                     =
==============================================================================*/
.date-wrapper {
    position: relative;

    height: 90px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.date-slider {
    height: 100%;
    margin-right: 40px;
    margin-left: 40px;
    overflow: hidden;
}
.date-prev,
.date-next {
    position: absolute;

    width: 40px;
    height: 100%;

    cursor: pointer;

    background: rgba(255, 255, 255, .1);
}
.date-prev {
    top: 0;
    left: 0;
}
.date-next {
    top: 0;
    right: 0;
}
.date-prev .glyphicon,
.date-next .glyphicon {
    position: absolute;
    top: 50%;
    left: 50%;

    font-size: 24px;

    transform: translate(-50%, -50%);

    color: #fff;
}
.date-slider.slick-initialized,
.date-slide:first-child {
    display: block;
}
.date-slide {
    float: left;

    font-weight: 400;
    line-height: 1.1;

    text-align: center;

    border-right: 1px solid #234;
    outline: none;
}
.date-slide a {
    display: inline-block;
    min-width: 100px;
    padding: 8px 5px;

    cursor: pointer;

    color: #999;
    outline: none;
    background: rgba(0, 0, 0, .75);
}
.date-slide.slick-active a {
    color: #fff;
    background: #00aeef;
}
.date-day-text .date-month {
    font-size: 12px;
}
.date-day-number {
    font-size: 40px;
}
#loading {
    margin: 200px auto;

    opacity: .5;
}
#now-showing .row {
    transition: 1s;
}
.movie-wrapper {
    margin: 20px 0 30px;
}
.movie-poster {
    position: relative;

    text-align: center;
}
.movie-poster a {
    display: block;

    color: #fff;
}
.movie-poster a .glyphicon {
    position: absolute;
    top: 50%;
    left: 50%;

    font-size: 60px;

    transition: .5s;
    transform: translate(-50%, -50%);

    opacity: .75;
}
.movie-poster .amenity-badges {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

    width: 100%;

    text-align: center;

    background: rgba(0, 0, 0, .8);
}
.movie-poster .amenity-badges img {
    display: inline-block;
    width: auto;
    height: 29px;
    padding: 3px 4px;
}
.movie-poster a:hover .glyphicon,
.movie-poster a:focus .glyphicon {
    opacity: .9;
}
.movie-poster img {
    width: 100%;
    height: auto;

    opacity: 1;
}
.movie-poster a:hover img,
.movie-poster a:focus img {
    opacity: .75;
}
.movie-info {
    margin: 8px 0;

    text-shadow: 1px 1px 3px #000;
}
.movie-info .opening {
    color: #fc0;
}
.movie-info .popover {
    color: #fff;
    background: rgba(0, 0, 0, .75);
}
.movie-info .popover .arrow:after {
    border-top-color: rgba(0, 0, 0, .75);
}
.movie-info .popover-title {
    color: #fff;
    border-bottom: 1px solid #222;
    background: rgba(0, 0, 0, .75);
}
.movie-info .popover-content {
    font-size: 12px;

    color: #fff;
    background: rgba(0, 0, 0, .75);
}
.movie-print-type {
    margin-top: 8px;
    margin-bottom: 3px;

    font-size: 12px;
    font-weight: 500;
}
.movie-attributes {
    margin-top: 6px;

    font-size: 16px;
}
.movie-attributes i {
    margin-right: 6px;
}
.movie-attributes i.yellow {
    color: #fc0;
}
.movie-attributes .tooltip {
    z-index: 99 !important;
}
.movie-attributes .tooltip > .tooltip-inner {
    padding: 5px 10px;

    font-size: 13px;

    color: #fc0;
    background: #000;
}
.fa-exclamation-triangle + .tooltip > .tooltip-inner {
    width: 300px;
}
.movie-attributes .fa-closed-captioning,
.movie-attributes .fa-audio-description {
    font-size: 18px;
}
.movie-showtimes a {
    display: inline-block;
    width: 70px;
    padding: 4px;
    margin-bottom: 3px;

    font-weight: 500;

    transition: .5s color, .5s background;
    text-align: center;

    color: #fff;
    background: #00aeef;
}
.movie-showtimes a.disabled {
    cursor: default !important;

    opacity: .6;
    color: #fff !important;
    background: #00aeef!important;
}
.movie-showtimes a.buy-tickets {
    width: 150px;

    font-size: 13px;

    cursor: pointer;
    white-space: nowrap;
}
.movie-showtimes a:hover,
.movie-showtimes a:focus {
    color: #00aeef;
    background: #fff;
}
.fancybox-thumbs > ul > li {
    height: 135px;
}
/*==============================================================================
=                                Media Queries                                 =
==============================================================================*/
@media screen and (max-width: 540px) {
    /*============================= Globals ====================================*/
    .col-xxs-6 {
        width: 50%;
    }
    .col-xxs-12 {
        width: 100%;
    }
    .visible-xxs {
        display: block;
    }
}
@media screen and (max-width: 1200px) {
    /*============================= Interior ===================================*/
    /*============================= COVID-19 ===================================*/
    .covid19-nav-container {
        display: none;
    }
}
@media screen and (max-width: 1500px) {
    /*============================= Interior ===================================*/
    /*============================= COVID-19 ===================================*/
    .covid19-nav-container.active {
        margin-top: 8.2em;
    }
    .covid19-nav {
        max-width: 1200px;
    }
    .covid19-epping-nav {
        max-width: 1200px;
    }
    .covid19-nav > ul > li a {
        padding: 0 14px 14px;
    }
    .covid19-epping-nav > ul > li a {
        padding: 0 28px 14px;
    }
}
@media screen and (min-width: 375px) {
    /*============================= Globals ====================================*/
    /*============================= Header =====================================*/
    .cinema-safe-top {
        display: inline-block;
    }
    /*============================= Navigation =================================*/
    /*============================= Footer =====================================*/
    /*============================= Home Page ==================================*/
    /*============================= Interior ===================================*/
    .events-calendar #calendar .fc-toolbar h2 {
        font-size: 26px;
    }
}
@media screen and (min-width: 400px) {
    /*============================= Globals ====================================*/
    /*============================= Header =====================================*/
    /*============================= Navigation =================================*/
    /*============================= Footer =====================================*/
    /*============================= Home Page ==================================*/
    /*============================= Interior ===================================*/
}
@media screen and (min-width: 480px) {
    /*============================= Globals ====================================*/
    /*============================= Header =====================================*/
    /*============================= Navigation =================================*/
    /*============================= Footer =====================================*/
    /*============================= Home Page ==================================*/
    /*============================= Interior ===================================*/
    h1.now-playing-trailers {
        font-size: 32px;
    }
    #popup-notice {
        font-size: 16px;
    }
}
@media screen and (min-width: 620px) {
    /*============================= Globals ====================================*/
    /*============================= Header =====================================*/
    /*============================= Navigation =================================*/
    /*============================= Footer =====================================*/
    /*============================= Home Page ==================================*/
    #coming-soon-date {
        font-size: 14px;
    }
    /*============================= Interior ===================================*/
    #popup-notice {
        font-size: 18px;
    }
}
@media screen and (min-width: 768px) {
    /*============================= Globals ====================================*/
    /*============================= Header =====================================*/
    header {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
                box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    }
    /*============================= Navigation =================================*/
    .body-spacer {
        margin-top: 85px;
    }
    .littleton nav.oc-right .shorten-text,
    .epping nav.oc-right .shorten-text,
    .footer-nav .shorten-text {
        display: none;
    }
    nav.oc-right > ul > li {
        position: relative;

        display: block;
        float: left;
    }
    nav.oc-right a {
        text-transform: uppercase;
    }
    nav.oc-right > ul > li > a {
        display: block;
        padding: 8px 4px;

        font-size: 11px;

        transition: .5s color;

        color: #fff;
    }
    nav.oc-right > ul > li:hover > ul {
        position: absolute;

        display: block;
        padding-top: 5px;
    }
    nav.oc-right > ul > li:hover > a {
        color: #00aeef;
    }
    nav.oc-right > ul > li:hover > ul > li {
        white-space: nowrap;

        background: #222a37;
    }
    nav.oc-right > ul > li:hover > ul > li > a {
        display: block;
        padding: 4px 8px;

        transition: .5s color;

        color: white;
    }
    nav.oc-right > ul > li:hover > ul > li:hover > a {
        color: #00aeef;
    }
    nav.oc-right ul ul {
        display: none;
    }
    .logo {
        float: none;
        padding-bottom: 0;
    }
    .logo img {
        width: 200px;
    }
    nav.oc-right {
        margin-top: 0;

        font-size: 12px;
    }
    /*============================= Footer =====================================*/
    footer .location {
        padding-top: 0;
    }
    /*============================= Home Page ==================================*/
    .home-logo {
        width: 20%;
    }
    .cinema-nav {
        height: 100vh;
    }
    .cinema-nav .valign {
        top: 50% !important;

        transform: translateY(-50%) !important;
    }
    .theatre-slider .caption {
        top: 50%;
        left: 50%;

        transform: translateX(-50%) translateY(-50%);
    }
    .theatre-slider .headline {
        font-size: 50px;
    }
    .theatre-slider .subhead {
        font-size: 20px;
    }
    .backstage-lounge .description {
        font-size: 16px;
        line-height: 1.4em;
    }
    /*============================= Interior ===================================*/
    h1.now-playing-trailers {
        font-size: 36px;
    }
    .interior-banner h1 {
        font-size: 60px;
    }
    .text-center-sm-left {
        text-align: left;
    }
    .text-center-sm-right {
        text-align: right;
    }
    .xs-linebreak {
        display: inline-block;
    }
    .backstage-lounge .linebreak {
        display: block;
    }
    .newsletter-social .newsletter-small .linebreak {
        display: block;
    }
    .outstanding-programs .program:hover {
        color: #00aeef;
        background: #fff;
    }
    .outstanding-programs .program .title {
        top: 50%;

        transform: translateY(-50%) translateX(-50%);
    }
    .outstanding-programs .program:hover .title {
        top: 25px;

        transform: translateY(0) translateX(-50%);
    }
    .outstanding-programs .program .description {
        color: rgba(0, 174, 239, 0);
    }
    .outstanding-programs .program:hover .description {
        color: #00aeef;
    }
    .outstanding-programs .program:hover img {
        opacity: .6;
    }
    .location-picker {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;

        width: auto;
        height: 100%;

        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .selection-list {
    position: absolute;
}

    .location-picker .selector.dropdown {
        /*position: absolute;*/
        left: 38px;

        width: 100%;
    }
    .location-picker .pin {
        position: relative;

        display: inline-block;
        height: 100%;
        padding: 6px;

        font-size: 26px;

        background: #000;
    }
    .location-picker .pin .glyphicon {
        top: 50%;

        transform: translateY(-50%);
    }
    .location-picker .selector {
        float: right;
        height: 100%;
        padding: 26px 12px;
        padding-right: 50px !important;

        background: #00aeef;
    }
    .location-picker .selector .location {
        margin-bottom: 0;

        font-size: 12px;
        font-weight: 600;

        text-transform: uppercase;
    }
    .location-picker .selector .phone {
        font-size: 14px;
        font-weight: 300;
    }
    .theatre-slider .now-playing .poster {
        width: 25%;
    }
    .blog-img {
        float: left;
        padding: 5px 15px 0 0;
    }
    /* Events Calendar */
    .events-calendar #calendar .fc-footer-toolbar {
        display: block;
        margin-top: 20px;
    }
    /*==============================================================================
  =                                CTA Popup                                     =
  ==============================================================================*/
    .cta {
        width: 350px;
        height: 350px;
    }
    .cta-close {
        top: 10px;
        right: 15px;
    }
    .cta-headline {
        margin-bottom: 20px;

        font-size: 32px;
    }
    .cta-body {
        margin-bottom: 20px;

        font-size: 20px;
    }
    .cta .fa-dollar-sign {
        font-size: 62px;
    }
    .cta-six {
        font-size: 66px;
    }
    #video-popup .modal-dialog {
        width: 60%;
    }
    #video-popup-2 .modal-dialog {
        width: 60%;
    }
}
@media screen and (min-width: 992px) {
    /*============================= Globals ====================================*/
    .text-md-left {
        text-align: left !important;
    }
    .text-md-center {
        text-align: center !important;
    }
    .text-md-right {
        text-align: right !important;
    }
    .blue-bullets.md-outside {
        padding-left: 10px;

        list-style-position: outside;
    }
    /*============================= Header =====================================*/
    /*============================= Navigation =================================*/
    .location-picker .selector {
        padding: 17px;
    }
    nav.oc-right > ul > li:hover > ul {
        padding-top: 15px;
    }
    /*============================= Footer =====================================*/
    footer .footer-logo {
        margin-bottom: 0;
    }
    footer ul.footer-nav {
        margin-right: -10px;
    }
    footer .copyright {
        text-align: left;
    }
    footer .sfa-link {
        margin-top: 20px !important;

        text-align: right;
    }
    /*============================= Home Page ==================================*/
    .backstage-lounge .description {
        font-size: 19px;
    }
    /*============================= Interior ===================================*/
    .newsletter-social .social-small {
        transform: translateY(12%);
    }
    .text-center-md-left {
        text-align: left;
    }
    .text-center-md-right {
        text-align: right;
    }
    .theatre-slider-nav {
        display: block;
    }
    .interior-body-image {
        padding: 60px 0 400px;
    }
    .related-articles {
        display: block;
        float: right;
        width: 260px;
        padding: 15px;
        margin: 0 0 15px 15px;

        font-size: 14px;

        color: white;
        background: #00aeef;
    }
}
@media screen and (min-width:  1030px) {
    /*============================= Navigation =================================*/
    .logo {
        float: left;
        padding-right: 4px;
        padding-bottom: 20px;
    }
    .body-spacer {
        margin-top: 69px;
    }
    nav.oc-right {
        margin-top: 21px;
    }
}
@media screen and (min-width: 1200px) {
    /*============================= Globals ====================================*/
    /*============================= Header =====================================*/
    /*============================= Navigation =================================*/
    .body-spacer {
        margin-top: 77px;
    }
    .logo img {
        width: 250px;
    }
    nav.oc-right {
        margin-top: 26px;

        font-size: 14px;
    }
    .location-picker .pin {
        padding: 12px;
    }
    .location-picker .selector {
        padding: 20px;
    }
    .covid-policy-container {
        padding-top: 150px;
        margin-top: -60px;
    }
    /*============================= Footer =====================================*/
    /*============================= Home Page ==================================*/
    /*============================= Interior ===================================*/
    .location-picker .selector.dropdown {
        left: 50px;
    }
    .newsletter-social .social-small {
        transform: translateY(25%);
    }
    .interior-body-image {
        padding: 60px 0 600px;
    }
    /*============================= COVID-19 ===================================*/
    .covid19-back-to-top {
        display: none;
    }
    #movies-popup .modal-dialog {
        width: 45%;
    }
}
@media screen and (min-width: 1300px) {
    /*============================= Navigation =================================*/
    .littleton nav.oc-right .shorten-text.lg,
    .epping nav.oc-right .shorten-text.lg,
    .footer-nav .shorten-text.lg {
        display: inline;
    }
}
@media screen and (min-width: 1340px) {
    /*============================= Navigation =================================*/
    .littleton nav.oc-right .shorten-text.xl,
    .epping nav.oc-right .shorten-text.xl,
    .footer-nav .shorten-text.xl {
        display: inline;
    }
}
@media screen and (min-width: 1500px) {
    /*============================= Globals ====================================*/
    /*============================= Header =====================================*/
    /*============================= Navigation =================================*/
    .body-spacer {
        margin-top: 75px;
    }
    nav.oc-right {
        margin-left: 50px;
    }
    nav.oc-right > ul > li:hover > ul {
        padding-top: 15px;
        padding-left: 10px;
    }
    nav.oc-right > ul > li > a {
        padding: 5px;

        font-size: 13px;
    }
    .location-picker .selector {
        padding: 26px;
    }
    /*============================= Footer =====================================*/
    /*============================= Home Page ==================================*/
    .theatre-slider .headline {
        font-size: 65px;
    }
    .theatre-slider .subhead {
        font-size: 30px;
    }
    /*============================= Interior ===================================*/
}
@media screen and (min-width: 1620px) {
    /*============================= Navigation =================================*/

    nav.oc-right > ul > li > a {
        padding: 6px 8px;

        font-size: 14px;
    }
}
@media print {
    a:after {
        content: " " !important;
    }
    #nav,
    .body-spacer + .parallax {
        display: none !important;
    }
}