/* ----------------------------------------------------------------
    Fonts

   	Overwrite  Fonts
-----------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, #logo, #primary-menu ul li>a, #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a, #top-search form input, .entry-link, .entry.entry-date-section span, .button.button-desc, .counter, label, .nav-tree li a, .wedding-head .first-name, .wedding-head .last-name, .font-primary, body, small, #primary-menu ul ul li>a, .wp-caption, .feature-box.fbox-center.fbox-italic p, .skills li .progress-percent .counter, .entry-meta li, .entry-link span, .entry blockquote p, .more-link, .comment-content .comment-author span, .button.button-desc span, .testi-content p, .team-title span, .before-heading, .wedding-head .first-name span, .wedding-head .last-name span, .nav-tree ul ul a, .font-body {
    font-family: 'Poppins', sans-serif;
}
dl, dt, dd, ol, ul, li {
    margin-left: 15px;
}

#logo img {
    height: 40px !important;
    margin-top: 15px;
}
@media (max-width: 768px) {
    #logo img {
        height: 32px !important;
        margin-top: 32px;
    }
    #logo {
        height: 50px !important;
    }
    .movie-schedule .col-md-4 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    #top-search {
        display: inline !important;
    }
    .feature-box .fbox-icon {
        width: auto !important;
    }
    .feature-box {
        padding-left: 40px !important;
    }
    .fbox-new {
        padding-left: 0px !important;
    }
    #primary-menu .sf-js-enabled {
        padding-top: 20px !important;
    }
    .synopsis h2 {
        margin-top: 20px;
    }
    /*#purchase-summary {
        margin-top: 0px !important;
    }*/
}

@media (max-width: 600px) {
    .container.new-section {
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.cineplex-section-bg {    
    background-image: url('../images/sections/cineplex-section.jpg');
    background-size: cover;
    background-position: center;
    height: 190px;
    width: 1176px !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cineplex-section-bg {        
        background-image: url('../images/sections/tablet-preview-cine.jpg');
        background-size: cover;
        background-position: center !important;
        height: 180px;
        width: 600px !important;
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 767px) {
    .cineplex-section-bg {        
        background-image: url('../images/sections/cineplex-mobile-section.jpg');
        background-size: cover;
        background-position: center;
        height: 220px;
        width: 296px !important;
        margin: 0 auto;
        display: block;
    }
}


@media (max-width: 576px) {
    .button-cards {
        font-size: 13px;
        padding: 1px 9px;
    }
}


.view-more-btn {
    position: absolute;
    right: 90px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #12151e !important;
    border-color: #fE9603 !important;
    border-width: 3px !important;
}

@media (max-width: 992px) {
    .view-more-btn {
        right: 50px;
    }
}

@media (max-width: 576px) {
    .view-more-btn {
        left: 50%;
        top: 70%;
        right: auto;
        transform: translate(-50%, -50%);
    }
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    #movie-list .oc-item img {
        width: 300px;
    }
}

.text-overlay-wrap:hover .explore-text-overlay {
    opacity: 1;
}
.explore-text-overlay {
    opacity: 0;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.6);
    margin-left: 15px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}


    .explore-text-overlay .button {
        padding: 0 12px;
    }

    .explore-text-overlay .running-time {
        margin-top: 10px !important;
    }

    .explore-text-overlay .desc {
        font-size: 12px;
        padding: 0 20px;
        text-align: justify;
        margin-top: 10px;
    }

#content .now-showing ul {
    margin: 0 !important;
}



    #content .now-showing ul li {
        margin: 0 !important;
    }



#content .now-showing .oc-item {
    position: relative !important
}



.vertical-top {
    margin-top: 10px !important;
}



.cta-buttons {
    position: absolute;
    top: 315px;
    width: 100%;
    text-align: center;
    margin-left:3px;
}
.cta-buttons-down {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
}

.text-remaining-count {
    color: gray !important;
    font-size: 12px;
    margin-right: 0px !important;
    float: right;
}

.text-mobileNo-note {
    color: gray !important;
    font-size: small;
}

.text-mobileNo-validation {    
    font-size: small;
    color:red;
}

.time-label {
    padding: 0px;
}
/* ----- Tab ----- */

ul.tab-nav:not(.tab-nav-lg) {
    border-bottom: none;
}
ul.tab-nav:not(.tab-nav-lg) li {
    float: left;
    border: none;
    height: auto;
    text-align: center;
}
ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
    color: #FE9603 !important;
}
.tabs.tabs-alt ul.tab-nav li.ui-tabs-active a {
    border: none;
}
ul.tab-nav:not(.tab-nav-lg) li a {
    color: #1d2c4c;
    height: auto;
    line-height: 1;
    background-color: transparent;
    font-size: 15px;
    font-weight: 400;
    padding: 0 0 20px 0;
}
ul.tab-nav:not(.tab-nav-lg) li a i {
    display: block;
    font-size: 42px;
    margin: 0 0 17px 0;
    color: #FE9603;
}
ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
    top: 0;
}
ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-radius: 50%;
    background: #FE9603;
}
/* ----- Tab Responsive ----- */

ul.tab-nav:not(.tab-nav-lg) li a {
    padding: 0 89px;
    font-size: 18px;
    font-weight: 400;
}
.tab-nav {
    background: #fff;
    border-bottom: 2px solid #d4d4d4 !important;
}
.tab-nav li a {
    font-size: 20px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
}
.tab-nav li a:after {
    content: '';
    position: absolute;
    width: 100% !important;
    height: 2px !important;
    bottom: -2px !important;
    left: 0 !important;
    margin-left: -3px;
    border-radius: 0 !important;
}
.tab-nav li {
    width: 25%;
}
/** CONTENT **/

#content {
    background: #f1f1f1;
}

    #content p {
        margin-bottom: 20px;
    }

    #content p, li {
        line-height: 1.8;
    }

    /*#content ul {
        margin-left: 40px;
    }*/

    #content li {
        margin-bottom: 5px;
    }

.content-link {
    color: #FE9603;
}


#movie-list .tab-container {
    padding: 0;
}
#cinema-label label {
    margin:1px;
    margin-top:-3px;
    font-weight: normal;
    padding: 3px 6px;
    font-size: 14px;
    background: #eee;
    color: #555;
    border-radius: 4px;
}
ul.tab-nav:not(.tab-nav-lg) li a {
    padding: 25px 0 !important;
}
#slider {
    background: #fff !important;
}

.movie-title {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 5px;
    padding: 0 10px;
    font-weight: 600;
}
.movie-title a {
    color: #fff;
}
.buy-ticket-button {
    background-color: var(--themecolor) !important;
    box-shadow: 0 4px 15px var(--buttonthemecolor) !important;
    color: #FFF !important;
    text-transform: none !important;
}
.explore-text-overlay {
    margin-left: 0 !important;
    width: 100% !important;
}
.badge {
    margin-bottom: 0px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 5px !important;
}
.badge-pill {
    border-radius: 0px !important;
}
.badge-g {
    background-color: rgba(53, 203, 103, 0.5) !important;
}
.badge-pg {
    background-color: rgba(51, 152, 204, 0.5) !important;
}
.badge-spg {
    background-color: rgba(253, 0, 0, 0.5) !important;
}
.badge-r13 {
    background-color: rgba(243, 232, 0, 0.5) !important;
}

.badge-r16 {
    background-color: rgba(251, 144, 6, 0.5) !important;
}

.badge-r18 {
    background-color: rgba(1, 3, 212, 0.5) !important;
}

.movie-item {
    background: #fff;
    padding: 30px 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    width: 270px !important;
    flex: none !important;
}
.movie-item.last {
    margin-right: 0 !important;
}
.movie-item-details {
    width: 100%;
    background: #fff;
    display: block;
}
.two-rows{
    height:100px !important;
}
.movie-item .movie-title a {
    font-size: 18px !important;
    color: #111;
}
.movie-item .movie-schedule div {
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    padding: 0;
}
.movie-item .movie-schedule div.last {
    border-right: 0 !important;
}
.card-body {
    box-shadow: 0 2px 12px 2px rgba(0, 0, 0, 0.12) !important;
}
#slider .owl-carousel .owl-stage {
    padding: 0 !important;
}
.synopsis, .reservation label {
    font-size: 16px;
}
.modal-backdrop.show {
    z-index: 1;
}
#myModal {
    margin-top: 100px;
}
.movie-schedule .movie-item-details {
    padding: 30px 10px 20px 10px;
}


.movie-schedule .movie-item-details .movie-schedule div {
    padding: 0;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}
.movie-schedule .movie-item-details .movie-schedule div {
    color: #ccc;
}
.movie-schedule .movie-item-details .movie-schedule div a {
    color: #FE9603;
}
.movie-schedule .movie-item-details .movie-schedule div a:hover {
    text-decoration: underline !important;
}
.movie-schedule .movie-item-details .movie-schedule div.last {
    border-right: 0;
}
#movie-list .oc-item img {
    width: 263px !important;
    height: 390px !important;
}
.divider {
    margin: 20px 0 !important;
}
.t18 {
    font-size: 18px !important;
}
.bottommargin-xs {
    margin-bottom: 10px;
}
.movie-details-photo {
    width: 300px;
}
#purchase-summary {
    background: #fff;
    margin-top: 10px;
}
.seating-chart {
    margin: 12px;
    width: 750px;
}
.date {
    color: #bbb;
}

#copyrights {
   /* background: url('../images/footer.png') no-repeat top center;*/
    padding-top: 70px;
}
/** **/

:root {
    --themecolor: #fE9603;
    --buttonthemecolor: rgba(254, 150, 3, 0.15);
    --badgethemecolor: rgba(254, 150, 3, 0.09);
    --basefontsize: 16px;
    --fontfamily: 'Poppins', sans-serif;
    --headerboxshadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
    --menufontsize: 15px;
    --featuresmiddot: url('images/icons/features-middot.svg');
}
/* Buttons
-----------------------------------------------------------------*/

.button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.button:not(.border):not(.button-color):not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime) {
    background-color: var(--buttonthemecolor);
    color: var(--themecolor);
    text-shadow: none;
    font-weight: 600;
}
.button:hover:not(.border):not(.button-color):not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime) {
    background-color: var(--themecolor);
    box-shadow: 0 4px 15px var(--buttonthemecolor);
    color: #FFF;
}
.device-xs #header #SignIn {
    display: none;
}
 Top Links
-----------------------------------------------------------------

.top-links ul li {
    border-left: 0;
}
.top-links li a img {
    position: relative;
    display: inline-block;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    top: -2px;
    margin-right: 8px;
    border: 1px solid #FFF;
    background-color: #555;
}
.dark #top-social li a {
    color: #555;
}
.border-bottom {
    border-color: #EEE !important;
}
.feature-box h3 span {
    font-size: var(--basefontsize);
}
.heading-block>p {
    font-size: var(--basefontsize);
    color: #777;
}
input.switch-toggle-round+label:after {
    border-radius: 4px
}
/* Badge
-----------------------------------------------------------------*/

.badge {
    padding: 8px 16px;
    font-size: 12px;
    margin-bottom: 15px;
}
.badge.badge-default {
    background-color: var(--badgethemecolor);
    color: var(--themecolor);
}
/* Blog
-----------------------------------------------------------------*/

.entry-title h3 {
    font-size: 17px;
    margin-bottom: 13px;
}
.entry .entry-title h3 a {
    color: #222 !important
}
.entry-meta li {
    font-style: normal;
}
.entry-meta li:before {
    content: "-"
}
.entry-meta li a {
    font-weight: 500;
}
/* Footer
-----------------------------------------------------------------*/

.footer-big-contacts {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
}
.footer-big-contacts span {
    display: block;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    color: #888;
    letter-spacing: 2px;
}
.dark .footer-big-contacts {
    color: rgba(255, 255, 255, 0.8);
}

.footer-link {
    color:#FE9603;
}
/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/

@media (min-width: 992px) {
    #header.transparent-header.floating-header+#slider {
        top: -165px;
        margin-bottom: -165px;
    }
    #header.transparent-header.floating-header {
        margin-top: 25px;
    }
    #header:not(.sticky-header) #header-wrap .container {
        box-shadow: var(--headerboxshadow)
    }
    #header.transparent-header+#page-title.page-title-parallax .container {
        padding-top: 80px;
    }
    #primary-menu ul li>a {
        padding-top: 29px;
        padding-bottom: 29px;
        text-transform: none;
        letter-spacing: 0;
        font-size: var(--menufontsize);
        font-weight: 600;
    }
    #top-search {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #header, #header-wrap, #logo img {
        height: 80px;
    }
    #header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap, #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
        height: 70px;
    }
    #header.sticky-header:not(.static-sticky) #primary-menu>ul>li>a {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    #header.sticky-header:not(.static-sticky) #top-search {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }
    #header .button {
        display: inline-block;
        margin: 20px 0;
        text-transform: none;
        letter-spacing: 0;
        font-size: calc( var(--basefontsize) - 1px);
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
    }
    #header.sticky-header .button {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    /* Topbar
	-----------------------------------------------------------------*/
    #top-bar.transparent-topbar {
        display: block;
        z-index: 299;
        border-bottom: 0;
        padding-top: 15px;
    }
    #top-bar.transparent-topbar {
        background: transparent !important;
    }
    /* Slider Text
	-----------------------------------------------------------------*/
    .slider-title h2 {
        font-size: 50px;
        line-height: 1.3;
        letter-spacing: -1px;
        font-weight: 700;
        margin-bottom: 26px;
    }
    .slider-title h3 {
        font-size: 18px;
        color: #AAA;
    }
    /* Feature Box
	-----------------------------------------------------------------*/
    .feature-box:after {
        position: absolute;
        right: -2.1875rem;
        top: 47px;
        width: 39px;
        height: 12px;
        background-image: var(--featuresmiddot);
        background-repeat: no-repeat;
        content: "";
        margin-top: -6px;
    }
    .feature-box.no-middot:after {
        content: none
    }

    /* Coupon
	-----------------------------------------------------------------*/

    #promo-code {
        background: #fff;
        margin-top: 10px;
    }

    /* solve the spacing on the schedule and movie image on mobile view
	-----------------------------------------------------------------*/

    .oc-item img {
        width: 100%;
    }

    /** ADD **/
    .discount {
        text-decoration: line-through;
    }

    .cart-section-title {
        font-size: 24px !important;
        text-align: center;
    }


}