@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+39&display=swap');



.g-recaptcha { width: 304px; margin:auto; }

.navbar.secondary a.nav-link {
    font-family: "Open Sans";
    font-weight: bold;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0.5px;
}

/** MAIN **/
.main-wrapper { max-width: 992px; margin: 0 auto; background: #fff; padding-bottom: 30px; position:relative; }

/** Bannere **/
.banner-left { position:absolute; top:0; left:0; }
.banner-right { position:absolute; top:0; right:0; }
@media screen and (max-width: 992px) {
    .banner-left, .banner-right { display:none; }
}


/** Screen widget **/
.screen-widget .category { display:none; }


/** Butoane **/
.btn-accent { background:#F30000; color:#fff; }
.btn-accent:hover { color:#FFF; }
.btn-outline-accent { background:#FFF; border:1px solid #F30000; color:#F30000; }
.btn-outline-accent:hover { color:#F30000; }
.btn-outline-accent.hover:hover { background:#F30000; color:#fff; }
.btn.disabled-look { color: #CFCFCF; border-color:#CFCFCF; }
.btn.disabled-look i { opacity:0.3; }
.btn-whatsapp { background:#25D366; color:#fff; }

/** loader **/
.absmid { position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; }
.fill { position:absolute;  top:0; left:0; bottom:0; right:0; width:100%; height:100%; }
.wait { cursor:wait; }

.loading-container { }
.loading { position:relative;}
.loader-container .opac { background-color:#fff; opacity:0.4; }
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
.btn-loading-container { }
.btn-loading { position:relative; }
.btn-loader-container { background-color:#fff; opacity:0.4; }
.btn-loader {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #000; /*  */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/** Carousel **/
.carousel { display: none; background: #000; height: 500px; }
.carousel.slick-initialized { display: block; }
.carousel-slide { min-height: 500px; position: relative; overflow: hidden; color: #fff; }
.carousel-slide:hover { text-decoration: none; }
.carousel-slide .slide-background { position:absolute; top:0; left:0; right:0; bottom:0; }
.carousel-slide .slide-background img { position: absolute; min-height: 100%; min-width: 100%; left: 50%; transform: translate(-50%,0); }
.carousel-slide .slide-background:after { position: absolute; display: block; bottom: 0; left: 0; right: 0;
    content: '';
    height: 80%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}
.carousel-slide .slide-content { position: absolute; left:0; right:0; bottom:0; color: #fff; text-align: center; padding:20px; }
.carousel-slide .slide-content.has-show {  }
.carousel-slide .slide-content .slide-header { font-size: 30px; font-weight: 200; line-height: 1.1; margin-bottom: 20px; }
.carousel-slide .slide-content .slide-text { font-size: 14px; font-weight: 400; margin-bottom: 20px; }
.carousel-slide .slide-content .next-show { margin-bottom: 20px; }
.carousel-slide .slide-content .slide-button { color: #fff; background: transparent; line-height: 30px; margin: 0 auto; padding: 0 16px; border: 1px solid #fff; border-radius: 4px; display: inline-block; }

.slick-dots { bottom: 10px; }
.slick-dots li {width: 10px; height: 10px; }
.slick-dots li.slick-active button:before { background: #fff; opacity: 1;}
.slick-dots li button {  width: 10px;  height: 10px; }
.slick-dots li button:before {  content: ''; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff; opacity: 1; }

.form-group { max-width: 600px; margin: auto auto 1rem auto; padding: 0 15px;}


@media screen and (max-width: 768px) {
    .carousel { height:210px; overflow: hidden; }
    .carousel-slide { min-height:210px!important; }
    .carousel-slide .slide-background img { min-height:210px!important; width:100%!important;}
    .carousel-slide .slide-header {font-size: 24px; margin-bottom:10px; }
    .carousel-slide .slide-text { display: none; }
}

@media screen and (min-width: 769px) {
    .carousel-slide .slide-content.has-show { padding-left:190px; }
    .next-show { position: absolute; font-family: 'Oswald', sans-serif; bottom:30px; left: 30px; }
    .next-show .label { font-size: 13px; padding-bottom: 5px; width: 173px; text-align: left; color: white; display: block; }
    .next-show .time { display: block; width:147px; height:70px;  background: url(img/timer.png) no-repeat; padding-left:10px; margin-bottom:10px;
        font-size: 50px; font-weight: bold; letter-spacing: -3px; color:#000; text-align:left;
    }
    .next-show .time .d { visibility:hidden; font-size:20px; }
    .next-show .action { display:block; color:#FFF; font-size: 13px; background: #E62126;
        width: 146px; height: 26px; line-height: 26px; border-radius: 2px; text-decoration: none; text-align: center;
    }
    .next-show .action:hover { background-color: #C91C25;   }
}


/** Link spectacol Cumpara / rezerva **/
#movie-actions {
    position: fixed; z-index:999; left: 0; right: 0; bottom:40%; max-width: 600px; margin:auto; padding:10px;
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.3s ease; /* Safari */
            transition: all 0.3s ease;
}
#movie-actions.hidden {  bottom:-350px; }
#movie-actions .wrapper { padding: 60px 50px; display: flex; justify-content: space-around;  position:relative; }
#movie-actions .close { position:absolute; top:0; right:0; }
#movie-actions .btn { width:172px; }
#movie-actions .btn span { line-height:27px; }
#movie-actions .icon-reservation {
    background: url('img/icon-reservation.png') no-repeat center; background-size: contain; display: inline-block;
    vertical-align: middle; width: 25px; height: 23px; margin:2px 5px 2px 0;
}
#movie-actions .icon-ticket {
    background: url('img/icon-ticket-white.png') no-repeat center; background-size: contain; display: inline-block;
    vertical-align: middle; width: 27px; height: 27px; margin-right: 5px;
}
@media (max-width: 768px) {
    #movie-actions { bottom:0; max-width:100%; }
    #movie-actions .wrapper { padding:20px; }
}
@media (max-width: 320px) {
    #movie-actions .wrapper { padding:0; padding-top:30px; display:block; }
    #movie-actions .btn { width:100%; display:block; margin-bottom:15px; }
}

/** Zona de continut **/
.page-block { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.page-block .page-block-title { display:block; text-transform: uppercase; margin-bottom:10px; padding:0 15px; }
.page-block .page-block-content { padding:0 15px; text-align:center; }
.page-block .horizontal-list { list-style-type: none; padding: 0; margin: 0; white-space: nowrap; }
.page-block .horizontal-list .item { margin-right: 20px; display: inline-block; width: 100px; line-height: 1.2; overflow: hidden; white-space: initial; vertical-align: top; }
.page-block .horizontal-list .item img { margin-bottom: 5px; }
.page-block .horizontal-list .item-title { font-size: 14px; font-weight: 400; }
.page-block .horizontal-list .item-subtitle { font-size: 12px; font-weight: 300; }
@media screen and (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        background-color: #000;
        padding: 8px 15px;
    }
    a#dropdownMenuLink {
        color: #ffcc2b;
    }
    .carousel-slide .slide-content .slide-header {
        font-size: 32px;
        font-family: "Open Sans",sans-serif;
        font-weight: bold;
    }
    .carousel-slide .slide-content .slide-text {
        font-weight: bold;
        font-family: "Open Sans",sans-serif;
    }
    .next-show {
        position: absolute;
        font-family: 'Open Sans', sans-serif;
        bottom: auto;
        left: auto;
        top: -325px;
        right: 20px;
    }
    .bottom_links {
        text-align: center;
    }
    .bottom_links a {
        color: #fff;
        background-color: #000;
        padding: 12px 30px;
        text-decoration: none;
        font-family: "Open Sans",sans-serif;
        font-weight: bold;
        border-radius: 5px;
    }
    .bottom_links {
        border-top: 0px;
    }
    li.nav-item a {
        color: #000;
        font-weight: bold;
        font-family: "Open Sans",sans-serif;
        font-size: 13px;
    }
    li.nav-item.dropdown a {
        color: #ffcc00!important;
    }
    .carousel-slide .slide-content.has-show {
        padding-left: 15px;
    }
    .page-block {padding:0; }
    .page-block .horizontal-list { white-space: normal; }
    .page-block .page-block-title {
        display: block; text-transform: uppercase; font-weight:500;
        margin-bottom: 20px; padding: 10px 15px;
        border-bottom: 1px solid #eee;
    }
}

/** Rezervare **/
#reservation-form { }
#reservation-form .page-block-title { position:relative; }
#reservation-form #select-seats { position:absolute;right:15px;top:0.45rem; }
@media (max-width: 768px) {
    #reservation-form #select-seats { position:absolute;right:15px;top:0; }
}
@media (max-width: 320px) {
    #reservation-form #select-seats { display:block; position:relative; right:auto; top:auto; }
}

/*
 * Products
 */
#products .product-category .products-collection { padding: 0 15px 0px 15px; border-bottom:1px solid #eee; }
#products .product-category .product { overflow:hidden; padding:0.5rem 0; border-bottom:1px solid #eee; }
#products .product-category .product h3 { font-weight:550; margin:0; }
#products .product-category .product .price { font-size:1rem; font-weight:normal; }
#products .product-category .product .info { margin:0; padding:0; font-size:0.8rem; color:#8C8C8C; }
#products .product-category .product .quantity input { width:2rem; border:0; text-align:center; border-top: 1px solid #333; border-bottom:1px solid #333; }


/*
 * TicketTypes
 */
#tickettypes .tickettype-category .tickettype-collection { padding: 0 15px 0px 15px; border-bottom:1px solid #eee; }
#tickettypes .tickettype-category .ptt { overflow:hidden; padding:0.5rem 0; border-bottom:1px solid #eee; }
#tickettypes .tickettype-category .ptt h3 { font-weight:550; margin:0; }
#tickettypes .tickettype-category .ptt .price { font-size:1rem; font-weight:normal; }
#tickettypes .tickettype-category .ptt .info { margin:0; padding:0; font-size:0.8rem; color:#8C8C8C; }
#tickettypes .tickettype-category .ptt .quantity input { width:2rem; border:0; text-align:center; border-top: 1px solid #333; border-bottom:1px solid #333; }
#tickettypes .tickettype-category .tickettype-category-seats { font-size: 16px; font-weight: 400; color: #000; }
#tickettypes .tickettype-category .tickettype-category-seats .seats-max:before { content:'/'; display:inline-block; padding-right:5px; }
.tickettype-category-info { border-bottom: 1px solid #eee; padding-right: 15px; }



#tickets-block .tickettype-category h2 { border: 0px; padding-bottom: 0px; }
#tickets-block { max-width: 600px; margin: auto; font-family: "Open Sans"; font-size:16px; }
#tickets-block h2 { font-size: 16px; font-weight: 800; color: #000; border-bottom: 1px solid #eee; padding: 10px 0 10px 15px; }
#tickets-block h3 { font-size: 14px; color: #000; font-weight: 700; margin-bottom: 0px; }
#tickets-block .order-code { margin:0 auto; text-align:center; }
#tickets-block .order-code img { width:100px; }

ul.tickets { padding: 0pc; margin: 0px; }
ul.tickets li { list-style: none; margin: 0px; padding: 25px 0 0 0; }
ul.tickets>li>ul>li { border-bottom: 1px solid #eee; padding: 10px 20px; }
ul.tickets>li>ul { padding: 0px; }
ul.tickets .seats { padding-left: 20px; }
.tickets_item { display: flex; flex-wrap: wrap; justify-content: space-between; }
.tickets_item>div { font-size: 14px; --color: #000; font-weight: 700; margin-bottom: 0px; line-height: 1.2; }
.order-total { display:flex; flex-wrap:wrap; justify-content:space-between; font-family:"Open Sans"; font-weight:800; color:#000; background-color:#ddd; padding: 15px 20px; margin:20px 0;}
.rounded-corners-right { border-radius: 0 1.25rem 1.25rem 0; background-color:#333; color:#fff; border-color:#333;}
.rounded-corners-left { border-radius: 1.25rem 0 0 1.25rem; background-color:#333; color:#fff; border-color:#333;}
.btn-forward { background:url(img/arrow_white_right.png) no-repeat #333; background-position: right 13px center; padding-right: 30px; color: #fff; font-size: 14px; font-weight: 700; border: 0px; }
.btn-back { background:url(img/arrow_black_left.png) no-repeat #fff; background-position: 13px center; padding-left: 30px; border:2px solid #333; color: #333; font-size: 14px; font-weight: 700; }
.quantity { display:flex; flex-wrap: nowrap; max-height:40px; }
.quantity .btn-primary { margin-top:0px!important; }
.payment-types .btn-primary { margin-top: 0px!important; }
.payment-types { text-align: center; }
.payment-types h2 { text-align:left;}
.btn-primary {margin-top:0px!important;}


/** TicketWidget **/
.ticket { margin-top:10px; }
.ticket .ticket-idx { margin-top:15px; margin-bottom:15px!important; }
.ticket .ticket-movie { background-color: #000; display: flex; flex-wrap: nowrap; color: #FFF; align-content: center; position: relative; margin:0 15px; }
.ticket .ticket-movie .ticket-movie-poster { }
.ticket .ticket-movie .ticket-movie-poster img { max-width: 100px; margin:10px; }
.ticket .ticket-movie .ticket-movie-details { display: flex; flex-direction: column; justify-content: center; }
.ticket .ticket-movie .ticket-movie-details .movie-title { font-weight:bold;  font-size: 18px; align-items: center; }
.ticket .ticket-details { border: 1px solid #ccc; margin:0 15px; }
.ticket .ticket-details .ticket-seating { border-right: 1px solid #ccc; min-width: 90px; font-weight: bold; color: #333; }
.ticket .ticket-details .ticket-details-container { color: #333;}
.ticket .ticket-details .ticket-details-container .ticket-details-type { }
.ticket .ticket-details .ticket-details-container .ticket-barcode {  }
.ticket .ticket-details .ticket-details-container .ticket-barcode-text { font-size: 12px; color: #000; }
.ticket .ticket-details .ticket-details-container .ticket-barcode .ticket-barcode-image { text-align:center; }
.ticket .ticket-details .ticket-details-container .ticket-barcode .ticket-barcode-image img { width:100px; height:100px; }
@media (max-width: 768px) {
    .ticket .ticket-idx { margin-left:15px; }
}

/** ProductsWidget **/
.products { }
.products .title {  }
.products .order-details { border: 1px solid #dee2e6; color: #333; border-bottom-width:0; }
.products .order-details .barcode { }
.products .order-details .barcode .text { font-size: 16px; color: #000; letter-spacing:10px; }
.products .order-details .barcode .image img { width:100px; height:100px; }
.products .products-list {  border: 1px solid #dee2e6; border-top-width:0; }
.products .products-list tr {  }
.products .products-list .count { border-right: 1px solid #dee2e6; min-width: 4rem; text-align:center; font-weight: bold; font-size:2rem; }

/** Modala BS 4.1.x **/
#myModal { z-index:9999; }
#myModal .modal-dialog { padding:0;	max-width:640px; height:480px; background-color:#000000; overflow-x:hidden;	overflow-y:hidden; z-index:1; }
#myModal .modal-body { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; z-index:1; }
#myModal .modal-header { background:none; border:0; z-index:99999; }
#myModal .modal-content { background:none; }
#myModal button#closeTrailer { color:#fff; }

/* Meniuri BS4 */
.navbar-nav.main-menu { text-transform: uppercase; flex-wrap:wrap; }
.navbar-nav.main-menu li a { padding:8px 16px; }
.navbar-nav.main-menu li.active a { border-bottom: 4px solid #AAAAAA; padding-bottom:4px; }
.navbar-nav.right-menu li a { padding:8px 16px; }
.navbar-nav.right-menu .bg-dark .active { border-left:4px solid #CCC; }
.navbar-nav.right-menu .bg-dark .active a { padding-left:12px; }
.navbar-nav.right-menu .bg-dark a { color:#fff; }
.navbar-nav.right-menu .bg-dark a:hover { color:#16181b; }
.navbar.secondary { padding:0; }
.navbar.secondary a.nav-link { color:#fff; }
.navbar.secondary .navbar-toggler { color:#fff; border:0; }
.navbar.secondary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/**** COVID PSA ********/
.covid-psa { margin:0 auto; padding:1rem; max-width:30rem; }
.covid-psa ul { }