/* general */

/* html{
  scroll-behavior: smooth;
} */

@font-face {
    font-family: widelight;
    src: url(../fonts/All/Zoom/ZoomPro-WideLight.otf);
}

@font-face {
    font-family: widereg;
    src: url(../fonts/All/Zoom/ZoomPro-WideRegular.otf);
}

@font-face {
    font-family: widemedium;
    src: url(../fonts/All/Zoom/ZoomPro-WideMedium.otf);
}

@font-face {
    font-family: normalmedium;
    src: url(../fonts/All/Zoom/ZoomPro-NormalMedium.otf);
}

@font-face {
    font-family: normalreg;
    src: url(../fonts/All/Zoom/ZoomPro-NormalRegular.otf);
}

@font-face {
    font-family: normalbold;
    src: url(../fonts/All/Zoom/ZoomPro-NormalBold.otf);
}

@font-face {
    font-family: 'arParagraph';
    src: url('../fonts/All/Loew Next Arabic Regular/The Northern Block Ltd - Loew Next Arabic Regular.otf') format('opentype');
}

input::placeholder, textarea::placeholder {
    font-family: widereg !important;
    color: rgba(58, 53, 52, 0.3) !important;
    line-height: 18px;
}

input, textarea {
    text-transform: uppercase;
    font-family: widereg;
    color: var(--black);
}

.form-control:focus {
    color: var(--black);
}

.slick-item:focus, .calender-slick_item:focus {
    outline: none;
    border: none;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
    color: initial;
}

.form-control:focus {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid var(--green);
}

:root {
    --red: #F38058;
    --purple: #9e8bc0;
    --white: #E6E2D9;
    --darkred: #F15B5E;
    --pink: #F1A8C3;
    --blue: #33B5BA;
    --green: #60927F;
    --black: #3A3534;
    --btngreen: #84C19D;
}

button:focus {
    outline: none;
    border: none;
    box-shadow: none !important;
}

* {
    direction: ltr;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

body {
    color: var(--black);
    background-color: var(--white);
}

.dotted div {
    background-color: var(--white);
    height: 10px;
    width: 10px;
}

.btn {
    background-color: var(--white);
    Padding: 10px 32px;
    color: var(--black);
    /* border: 1px solid #E6E2D9; */
    border-radius: 15px;
    font-size: 16px;
    text-transform: capitalize;
    font-family: normalmedium;
}

button {
    -webkit-appearance: none !important;
    color: var(--black);
}

.btn img {
    margin-left: 10px;
}

.btn:hover {
    background-color: var(--btngreen);
    /* border: var(--btngreen); */
}

.padding {
    padding-bottom: 50px;
    padding-top: 50px;
}

a:hover, a:focus {
    color: initial;
    text-decoration: none;
}

/* ==============start nav============ */

nav button {
    background-color: transparent;
    border: none;
    color: #3A3534;
    font-family: widemedium;
}

nav {
    font-size: 14px;
    max-height: 70px;
}

    nav .dropdown-item h2 {
        font-family: widemedium;
        font-size: 30px;
        color: #1D1A18;
        line-height: 32px;
        display: inline-block;
    }

.lang a {
    padding: 7px;
    cursor: pointer;
    color: inherit;
    font-family: 'arParagraph'
}

nav .dropdown-links {
    font-size: 14px;
    font-family: widemedium;
    text-transform: uppercase;
    color: #3A3534;
}

    nav .dropdown-links li a {
        line-height: 25px;
        color: #3A3534;
    }

nav .lang {
    font-family: widereg;
    color: #3A3534;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--black);
    text-transform: uppercase;
    font-family: widemedium;
}

/* collapse */

.collapse-toggler {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #F38058;
    max-height: 100vh;
    /* overflow: auto; */
}

@media only screen and (max-width: 768px) {
    .collapse-toggler {
        transition: all 0.6s ease-in-out;
    }

    nav .dropdown-item {
        padding-left: 10px;
        padding-right: 10px;
        /* height: unset; */
    }
    /* #logo-mimi{
    display: none;
  } */
}

/* @media only screen and (min-width: 768px) {
  #logo{
    display: none;
  }
} */

nav .collapse-toggler ul li {
    list-style: none;
    text-transform: uppercase;
}

.collapse-toggler .close-btn {
    padding-top: 10px;
}

.collapse-toggler_btn py-2 {
    padding-left: 6px;
}

.collapse-toggler_nav {
    padding: 15px 60px;
}

.collapse-toggler_content {
    margin-top: -75px;
    padding-bottom: 150px;
}

.heighlight {
    position: relative;
    z-index: 5;
}

    .heighlight::after {
        position: absolute;
        top: -6px;
        right: -30px;
        content: '';
        display: block;
        height: 55px;
        width: 125px;
        background-color: #F1A8C3;
        border-radius: 0px 20px 0px 0px;
        z-index: -1;
    }

.search-collapse_content input, .subscribe-wrapper_input input {
    background-color: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid var(--black);
    padding: 5px 28px;
    color: var(--black);
}

    .search-collapse_content input:active, .subscribe-wrapper_input input:active {
        border-bottom: 1px solid var(--green);
    }

    .search-collapse_content input:focus, .subscribe-wrapper_input:focus {
        background-color: transparent;
        outline: none;
        border: none;
        box-shadow: none;
        border-bottom: 1px solid var(--green);
    }

.search-collapse_content-input {
    position: relative;
}

    .search-collapse_content-input .search-icon {
        position: absolute;
        top: 8px;
    }

/* search collapse */

.search-collapse_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #F38058;
    /* padding: 10px; */
}

.submit-search {
    position: absolute;
    top: 4px;
    right: 15px;
}

/* ==============end nav============= */

/* ==============START HEADER============= */

.home-header .container {
    max-width: 87%;
}

.home-header .carousel-item {
    padding-top: 118px;
    padding-bottom: 50px;
}

.home-header .carousel-item_content {
    font-family: widereg;
    color: #E6E2D9;
    text-transform: uppercase;
}

    .home-header .carousel-item_content h2 {
        font-family: widemedium;
        font-size: 30px;
        line-height: 32px;
    }

    .home-header .carousel-item_content p {
        font-family: widereg;
        font-size: 16px;
    }

    .home-header .carousel-item_content .btn {
        margin-top: 30px;
    }

.home-header .carousel-item_img-main {
    width: 100%;
    /* max-height: 340px; */
    overflow: hidden;
    /* border-radius: 100px; */
}

    .home-header .carousel-item_img-main img {
        width: 100%;
        height: 340px;
        object-fit: cover;
    }

.home-header .carousel-item_img {
    text-transform: uppercase;
    color: var(--white);
    text-align: center;
    font-size: 30px;
    font-family: widemedium;
    font-size: 22px;
}

    .home-header .carousel-item_img h2 {
        margin-bottom: -10px;
        position: relative;
        z-index: 2;
    }

    .home-header .carousel-item_img p {
        margin: 0;
        position: relative;
        z-index: 2;
    }

    .home-header .carousel-item_img .starting-date {
        margin-top: -18.2px;
    }

    .home-header .carousel-item_img .date-line {
        position: relative;
        width: 190px;
    }

        .home-header .carousel-item_img .date-line::after {
            display: block;
            position: absolute;
            top: 0;
            right: 10px;
            width: 170px;
            height: 3px;
            content: "";
            background-color: var(--white);
        }

/* ==============END HEADER============= */

/* ==============START ADD============= */

/* .vertical-add_img{
  height: 90px;
  overflow: hidden;
} */

.vertical-add_img img {
    width: 100%;
    /* height: 90px; */
    /* object-fit: cover; */
}

/* .vertical-add_x2 .vertical-add_img {
  height: 250px;
} */

/* ==============END ADD============= */

/* ==============START THIS WEEK============= */

.week {
    background-color: var(--darkred);
}

.section-header .dotted div {
    background-color: var(--black);
}

.section-header h2 {
    font-size: 30px;
    text-transform: uppercase;
    font-family: widemedium;
}

/*  */

.slick-item_text {
    text-transform: capitalize;
}

.slick, .slick2 {
    padding-bottom: 50px;
}

.slick-item {
    padding: 12px;
    /* background-color: red; */
}

.slick-item_img {
    /*width: 488px;*/
    height: 274px;
    border-radius: 40px;
    overflow: hidden;
    max-width: 100%;
}
    /* @media only screen and (min-width: 450px) {
  .slick .slick-item_img{
    width: 95%;
  }
} */
    /* .slick .slick-item_img{
  width: 95% !important;
  margin: 0 auto;
} */
    .slick-item_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.slick-item_text h5 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: widemedium;
}

.slick-item_text p {
    font-family: widereg;
}

.slick2 .slick-item_text .release-date {
    font-size: 14px;
    text-transform: initial;
}

.slick-item_text-pan p {
    font-family: normalreg;
}

.arrows {
    padding-top: 30px;
    text-align: end;
    word-spacing: 5px;
    padding-bottom: 15px;
    font-family: widereg;
}

    .arrows img {
        cursor: pointer;
        padding: 6px;
    }

/*  */

.week-calender .btn {
    background-color: transparent;
    border: none;
}

/* ==============END THIS WEEK============= */

/* ==============START PROGRAMS============= */

.programs {
    background-color: var(--pink);
}

    .programs .section-header {
        margin-bottom: 80px;
    }

.programs-content_item {
    padding-bottom: 70px;
}

.programs-content_item-img {
    border-radius: 0px 70px 0px 0px;
    overflow: hidden;
}

    .programs-content_item-img:nth-of-type(odd) {
        border-radius: 70px 0px 0px 0px;
    }

    .programs-content_item-img img {
        /* height: 473px; */
        width: 100%;
        object-fit: cover;
    }

.programs-content_item-text {
    padding: 32px;
}

    .programs-content_item-text h2 {
        font-size: 42px;
        text-transform: uppercase;
        font-family: widemedium;
        line-height: 42px;
    }

    .programs-content_item-text p {
        font-family: normalreg;
        line-height: 18px;
    }

.programs-date p {
    font-size: 18px;
    font-family: widereg;
    line-height: 22px;
}

.programs-date .date-line::after {
    display: block;
    position: absolute;
    top: 0;
    right: 2px;
    width: 34px;
    height: 2px;
    content: "";
    background-color: var(--black);
}

.programs-date .date-line {
    position: relative;
    width: 40px;
}

.programs-content_item-text a {
    color: #fff;
    font-family: normalmedium;
}

/* ==============END PROGRAMS============= */

/* ==============START SOON============= */

.soon {
    padding-bottom: 330px;
    /* margin-bottom:-250px ; */
    background-color: var(--blue);
}

/* ==============END SOON============= */

/* ==============START SUBMIT============= */

.subscribe {
    /* background-color: var(--blue); */
    position: absolute;
    top: -40%;
    left: 0;
}

.subscribe-wrapper {
    background-color: var(--purple);
    padding-top: 80px;
    padding-bottom: 80px;
    border-radius: 0px 50px 50px 0px;
    /* margin-top: -270px;
    margin-bottom: -100px; */
    color: #1D1A18;
}

    .subscribe-wrapper .btn {
        color: var(--black);
        margin-top: 10px
    }

    .subscribe-wrapper h3 {
        text-transform: uppercase;
        font-size: 30px;
        font-family: widemedium;
        line-height: 32px;
    }

    .subscribe-wrapper p {
        font-family: normalreg;
        line-height: 18px;
    }

.subscribe-wrapper_input input, textarea {
    background-color: transparent;
    padding: 0;
    border: none;
    border-bottom: 1px solid var(--black);
    border-radius: 0;
}

.subscribe-wrapper_input:focus {
    background-color: transparent;
}

/* ==============END SUBMIT============= */

/* ==============START FOOTER============= */

footer {
    background-color: var(--green);
    color: #3A3534;
    padding-top: 100px;
    position: relative;
}

.footer-contact, .footer-contact_content-number a {
    font-size: 20px;
    font-family: widemedium;
    text-transform: uppercase;
}

footer h6 {
    color: var(--white);
    font-size: 16px;
    margin-bottom: 29px;
    margin-top: 29px;
    font-family: widemedium;
    text-transform: capitalize;
}

.footer-contact .btn {
    background-color: transparent;
    border: none;
    padding: 0;
    font-family: normalmedium;
}

footer a {
    color: #3A3534;
    font-size: 16px;
    font-family: normalreg;
    text-transform: capitalize;
}

footer ul li {
    list-style: none;
    margin-bottom: 15px;
    /* margin-top: 25px; */
}

.footer-wrappe {
    border-bottom: 4px solid var(--black);
}

.copy-rights {
    font-size: 16px;
    font-family: normalreg;
    text-align: end;
}

.footer-contact_content-number a, .about-header_content-location_number a {
    color: var(--black);
    text-decoration: underline;
}

/* ==============END FOOTER============= */

/* ==========dynamic classes======== */

.active {
    color: black;
}

.borderAll {
    border-radius: 100px;
}

.bordertop {
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
}

.leftBorderTop {
    border-top-left-radius: 100px;
}

.header-purple {
    background-color: var(--purple);
}

.header-green {
    background-color: var(--green);
}

.header-blue {
    background-color: var(--blue);
}

.link {
    padding: 0;
    text-transform: capitalize;
    color: var(--black);
}

    .link:first-letter {
        text-transform: uppercase;
    }

    .link:hover {
        color: #3A3534;
        opacity: 0.6;
    }

input.error, textarea.error {
    border-bottom: 1px solid #ED2A30;
}

.error-msg {
    color: #ED2A30;
    font-family: normalreg;
    line-height: 22px;
}

.carousel-control-next, .carousel-control-prev {
    opacity: 1;
}

.lang a.active {
    font-family: widemedium;
}

/* =================home media query=============== */

@media only screen and (max-width: 830px) {
    .collapse-toggler {
        overflow: auto;
    }
}

@media only screen and (max-width: 766px) {
    .carousel-arrows {
        position: absolute;
        top: 36%;
        left: 12px;
        width: 94%;
    }
}

@media only screen and (max-width: 767px) {
    .footer-zawya {
        border-bottom: 1px solid var(--black);
    }
}

@media only screen and (max-width: 768px) {
    .soon {
        padding-bottom: 412px;
    }

    .programs .section-header {
        margin-bottom: 50px;
    }

    .copy-rights {
        text-align: initial;
    }
    /* footer {
      padding-top: 150px;
    } */
    .slick-item_img {
        height: 200px;
        /* width: 333px; */
    }

    .vertical-add_img img {
        height: 50px;
    }

    .collapse-toggler_nav {
        padding: 15px 26px;
    }
    /* .carousel-arrows {
      position: absolute;
      top: 36%;
      left: 12px;
      width: 94%;
    } */
    /* @media only screen and (max-width: 769px) {
      .carousel-arrows {
        position: absolute;
        top: 36%;
        left: 12px;
        width: 94%;
      }
    } */
    footer .container {
        width: 90%;
    }

    .search-collapse_content .close-btn {
        text-align: end;
        padding: 20px;
    }

    .carousel-item_img, .carousel-item_img h2 {
        font-size: 22px;
    }

        .carousel-item_img .date-line {
            width: 100px;
        }

            .carousel-item_img .date-line::after {
                width: 80px
            }

        .carousel-item_img .starting-date {
            margin-top: -18px;
        }

        .carousel-item_img h2 {
            margin-bottom: -9px;
        }

    .programs-content_item-text a {
        color: var(--white);
    }

    .section-header .dotted div {
        display: none;
    }

    .carousel-item_img-main img {
        width: 543px;
        height: 341px;
        object-fit: cover;
    }

    .home-header .carousel-item {
        padding-top: 75px;
    }

    .subscribe {
        top: -380px;
    }
}

@media only screen and (min-width: 768px) {
    .event-program {
        padding-left: 100px;
    }

    .slick-padding {
        padding-left: 100px;
    }

    .footer-collapse {
        display: flex;
    }

    .home-header .carousel-control-next, .carousel-control-prev {
        position: static;
        opacity: 1;
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-header .carousel-arrows {
        position: absolute;
        top: 30%;
        right: 24.5%;
        z-index: 2;
        font-family: widereg;
    }
    /* nav.navbar {
      padding: 15px 60px;
    } */
}

/* @media only screen and (max-width: 960px) {
  .home-header .carousel-arrows {

    top: 24%;

  }
} */

@media (min-width: 768px) and (max-width:960px) {
    .home-header .carousel-arrows {
        top: 24%;
    }
}

@media (min-width: 768px) and (max-width:800px) {
    .home-header .carousel-arrows {
        top: 22%;
    }
}

@media only screen and (max-width: 768px) {
    .collapse-toggler {
        /* max-height: unset; */
        /* height: 100vh; */
    }

    .collapse-toggler_content {
        padding-bottom: 140px;
    }
}

@media only screen and (min-width: 1070px) {
    nav.navbar {
        padding: 15px 60px;
    }
}

@media only screen and (max-width: 1100px) {
    footer {
        padding-top: 200px;
    }

    .collapse-toggler_content {
        margin-top: 0;
    }

    .home-header .carousel-arrows {
        right: 16.5%;
        /* top: 25%; */
    }
    /* .subscribe{
      top: -347px;
    } */
}

@media only screen and (max-width: 1000px) {
    .subscribe {
        top: -270px;
    }

    footer {
        padding-top: 64px;
    }
}

@media only screen and (max-width: 780px) {
    footer {
        padding-top: 200px;
    }
}

@media only screen and (max-width: 600px) {
    footer {
        padding-top: 150px;
    }

    .home-header .carousel-item_img .date-line {
        width: 100px;
    }

        .home-header .carousel-item_img .date-line::after {
            width: 80px;
        }

    .subscribe {
        top: -370px;
    }
}

/* ================================================================================================================== */

/* =======================================================START ABOUT================================================*/

/* ================================================================================================================== */

/* general */

/* start header */

.about-header {
    padding-top: 100px;
    background-color: var(--blue);
    padding-bottom: 80px;
}

.about-header_numbers-content_item p.px-3 {
    padding-right: 0px !important;
}

.about-section_header h2, .calender-title h2 {
    font-family: widemedium;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    padding-bottom: 80px;
    color: var(--black);
}

.about-header_numbers-content_item h3 {
    font-size: 35px;
    font-family: widemedium;
    color: var(--white);
}

.number-dot {
    width: 10px;
    height: 10px;
    background-color: var(--white);
    margin-top: 7px;
}

.about-header_numbers-content_item p {
    font-family: normalreg;
    color: var(--white);
    text-transform: capitalize;
    max-width: 50%;
}

.about-header_numbers-content_item {
    padding-bottom: 80px;
    /* padding-bottom: 50px; */
}

/*start about slick */

.about-slick_item {
    overflow: hidden;
    position: relative;
}

.about-slick {
    padding-bottom: 74px;
}

.about-slick_item img {
    width: 100.2%;
    height: 500px;
    object-fit: cover;
}

.about-header_text {
    font-family: normalreg;
    line-height: 20px;
}

.about-header_content-location p, .cinema-address p {
    font-family: widereg;
    text-transform: uppercase;
}

.about-header_content-location h3, .cinema-address h3 {
    font-family: widemedium;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    line-height: 24px;
}

.about-header_content-location .btn, .cinema-address .btn {
    background-color: transparent;
}

.about-header_content-location .map img {
    max-width: 100%;
}

.about-readmore {
    color: var(--white);
    background-color: transparent;
    padding: 0;
    box-shadow: 0 0 0 5px rgba(225, 225, 225, 0.5);
}

/* start cinema */

.cinema {
    background-color: var(--pink);
}

    .cinema .about-section_header h2 {
        font-size: 22px;
    }

.cinema-slick {
    padding-bottom: 40px;
}

    .cinema-slick img {
        height: 472px;
    }

.cinema-slick_wrapper {
    position: relative;
}

.cinema-address_wrapper {
    position: absolute;
    bottom: -129px;
    /* right: 138px; */
}

.cinema-address {
    background-color: var(--white);
    /* height: 243px; */
    width: 384px;
    border-radius: 0px 0px 0px 50px;
    padding: 29px 35px;
    position: relative;
    z-index: 2;
}

.cinema-p_after {
    position: relative;
}

    .cinema-p_after::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 2px;
        background-color: var(--black);
    }

.cinema-black-text {
    line-height: 20px;
    font-family: normalreg;
}

.cinema-white-text {
    font-family: widelight;
    font-size: 20px;
    color: var(--white);
    line-height: 136%;
}

    .cinema-white-text span {
        font-family: widereg;
    }

.cinema-green {
    color: #84C19D;
}

.cinema-red {
    color: var(--darkred);
}

.cinema-screeen_header p {
    width: 118px;
    font-family: widereg;
    text-transform: uppercase;
}

.cinema-screeen_header div {
    width: calc(100% - 118px);
    height: 2px;
    background-color: var(--black);
}

.cinema .screens {
    margin-top: 200px;
}

.cinema-screen_content h3 {
    font-family: widereg;
    font-size: 30px;
    color: var(--white);
}

/* end cinema */

/* start team */

.team {
    background-color: var(--darkred);
    padding-bottom: 240px;
}

/* end team */

.team-content_item figure {
    border-radius: 50px;
    /* height: 280px; */
    height: 235px;
    overflow: hidden;
}

.team-content_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-content_item-text {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    font-family: widereg;
    text-transform: uppercase;
}

    .team-content_item-text h3 {
        font-family: widemedium;
        font-size: 22px;
        line-height: 26px;
    }

.team-content.container {
    max-width: 86%;
}

.read-more_btn button {
    display: none;
}

@media only screen and (max-width: 768px) {
    .about-header_numbers-content_item {
        padding-bottom: 50px;
    }

    .team {
        padding-bottom: 340px;
    }

    .cinema-content_text {
        margin-top: 180px;
    }

    .cinema .screens {
        margin-top: 80px;
    }
    /* Read more */
    .read-more_btn button {
        background: transparent;
        border: none;
        color: var(--white);
        font-family: normalmedium;
        position: relative;
        text-transform: capitalize;
        width: 100%;
        text-align: initial;
        display: block;
    }

    .read-more_text {
        height: 240px;
        overflow: hidden;
    }

    .read-more_btn button::before {
        content: '';
        display: block;
        position: absolute;
        bottom: 65px;
        left: 0;
        width: 100%;
        height: 32px;
        background: linear-gradient(0deg, #33B5BA 0%, rgba(51, 181, 186, 0) 100%);
    }

    .cinema .read-more_btn button::before {
        background: linear-gradient(360deg, #F1A8C3 0%, rgba(241, 168, 195, 0) 100%);
    }

    .cinema .read-more_text {
        height: 426px;
    }

    .cinema-address {
        width: 330px;
    }
}

#map, #map-venue, #map-office {
    width: 100%;
    height: 330px;
    position: relative;
    /* font-size: 5px; */
    /* z-index: 5; */
}

/* iframe {
  display: block;
  width: 90%;
  max-width: 60rem;
  height: 25em;
  margin: 2rem auto;
  border: 1px solid black;
} */

pre {
    text-align: center;
    width: 90%;
    max-width: 60rem;
    margin: 0 auto;
    background: #eee;
    padding: 2rem;
    border: 1px solid #000;
}

/* ====================================================================================================== */

/* =============================================START CALENDER=============================================*/

/* ========================================================================================================*/

.calender-add img {
    max-width: 100%;
}

.calender {
    padding-top: 75px;
    padding-bottom: 300px;
}

.calender-view {
    background-color: transparent;
    border: none;
    padding: 0;
    color: var(--red);
    font-family: normalmedium;
    text-transform: unset;
}

.calender-nav {
    text-transform: capitalize;
    font-family: normalmedium;
    position: relative;
    border-bottom: 2px solid var(--black);
}

.calender-picker:focus {
    border: none;
    outline: none;
}

.calender-picker {
    max-width: 100%;
    background-color: transparent;
    border: none;
    font-family: normalmedium;
    /* padding: 5px 30px; */
    position: relative;
    cursor: pointer
}

.datepicker-wrapper {
    display: flex;
}

    .datepicker-wrapper img {
        cursor: pointer;
    }

.calender-empty {
    font-family: normalreg;
    /*  margin-top: -68px;
      margin-bottom: 63px;*/
}

@media (min-width: 1400px) {
    .film-view_item-time {
        padding-left: 30px;
        padding-right: 0;
    }
}

.film-view_item-time {
    padding-left: 10px;
    padding-right: 0;
}

.film-view_item-time {
    max-height: 315px;
    overflow: auto;
}

    .film-view_item-time::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: white;
    }

    .film-view_item-time::-webkit-scrollbar-thumb {
        background-color: #60927f;
    }

    .film-view_item-time::-webkit-scrollbar {
        width: 5px;
    }

@media (max-width: 768px) {
    .film-view_item-time {
        padding-right: 0px;
    }
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--red);
    background: var(--red);
    font-weight: normal;
    color: #ffffff;
}

.ui-datepicker table {
    background-color: var(--white);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    text-align: center;
}

#ui-datepicker-div {
    background-color: var(--white);
    font-family: normalmedium;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #f6f6f6;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #f3805880;
    background: #f3805880;
    color: #ffffff;
}

/* test */

[type="date"] {
    background: transparent url('../images/calender page/date-picker.png') 0% 50% no-repeat;
}

    [type="date"]::-webkit-inner-spin-button {
        display: none;
    }

    [type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        left: -30px;
        padding: 10px;
        cursor: pointer;
        /* width: 100%; */
        opacity: 0;
    }

/* end test */

.calender-slick_item {
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
}

    .calender-slick_item p {
        font-family: widereg;
        margin: 0;
        line-height: 19px;
    }

    .calender-slick_item h5 {
        font-family: normalbold;
        font-size: 24px;
        line-height: 28.87px;
    }

.arrows-cal {
    position: absolute;
    right: 0;
    bottom: 50px;
    height: 0;
}

#arrow-cal-prev, #arrow-cal-next {
    cursor: pointer;
    /* padding: 10px; */
}

.calender-slick .slick-current {
    opacity: 1;
}

.film-view_item-content-img {
    height: 328px;
    overflow: hidden;
    padding: 0;
    /* padding-right: 40px; */
    width: 245px;
    position: relative;
}

    .film-view_item-content-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
        /* position: relative; */
    }

.soldout-overlay {
    position: absolute;
    /* height: 32px; */
    text-align: center;
    color: var(--white);
    background-color: var(--darkred);
    z-index: 9;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-family: normalreg;
    /* text-transform: capitalize; */
    padding: 4px 35px;
}

    .soldout-overlay span {
        line-height: 22px;
    }

.film-view_item-content-text h2, .film-block_content-text h2 {
    font-size: 22px;
    font-family: widemedium;
    line-height: 26px;
    text-transform: uppercase;
}
/* .film-view_item-content-text a{
  margin-left: 11px;
} */

.director-name, .film-features span {
    font-family: widereg;
    text-transform: capitalize;
    line-height: 22px;
}

    .film-features span:not(:last-child)::after {
        content: '';
        display: inline-block;
        height: 12px;
        width: 1px;
        background-color: var(--black);
        margin-left: 10px;
        margin-right: 5px;
    }

.film-view_item-content-text .desc {
    font-family: normalreg;
    line-height: 18px;
}

.film-view_item-time a.desc {
    color: var(--black);
    margin-left: 11px;
    padding: 0;
}

    .film-view_item-time a.desc:hover {
        color: #3A3534;
        opacity: 0.6;
    }

/* .film-view_item-content-text .calender-view {
  text-transform: capitalize;
} */

.film-view_item-time_hour {
    background-color: var(--red);
    border: none;
    padding: 10px 16px;
    border-radius: 15px;
    font-family: normalmedium;
    list-style: none;
    margin-left: 11px;
    margin-bottom: 11px;
    color: inherit
}

    .film-view_item-time_hour a {
        color: inherit
    }

    /* .calender-header{
  margin-bottom: 100px;
} */

    .film-view_item-time_hour.disabled {
        background-color: #BDBDBD;
        color: #828282;
    }

.calender-pagenation a {
    color: var(--black);
    text-transform: capitalize;
    font-size: 18px;
    font-family: normalreg;
}

    .calender-pagenation a.disabled {
        opacity: 0.5;
    }

.film-view_item-content_wrapper {
    padding: 0;
}

.sold-out {
    font-family: normalreg;
    color: var(--red);
}

.film-view_item-time .desc {
    font-family: normalreg;
}

/* .film-view_item-time button {
  pointer-events: none;
} */
/* .film-view_item-time_hour{
  pointer-events: none;

} */

.calender-nav_filter {
    background-color: transparent;
    border: none;
    text-transform: capitalize;
}

/* =============hourly view=========== */

.hourly-view_wrapper .cinema-screeen_header p {
    font-size: 30px;
    font-family: widereg;
}

.hourly-view_btn {
    background-color: var(--red);
    color: var(--black);
    border: none;
    padding: 10px 16px;
    width: 100%;
    border-radius: 15px;
    font-family: normalmedium;
    /* cursor: pointer; */
}

    .hourly-view_btn:hover, .btn.apply:hover {
        background-color: var(--btngreen);
    }

/*.hourly-view_wrapper .cinema-screeen_header, .hourly-view_btn {
  display: none;
}*/

/*start filter */

.filter {
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    background-color: var(--blue);
    z-index: 99999;
    /* width: 50%;
    transform: translateX(100%); */
    overflow: auto;
    transition: all 0.7s ease-in-out;
}

.filter-wrapper.container {
    width: 80%;
}

.filter-wrapper_header {
    font-family: normalmedium;
}

    .filter-wrapper_header button, .close-filter {
        border: none;
        background-color: transparent;
    }

.filter-wrapper_feature h3 {
    font-family: widereg;
    font-size: 18px;
    text-transform: uppercase;
}

.filter-wrapper_feature-header button {
    font-family: normalmedium;
    border: none;
    background-color: transparent;
    color: var(--white);
}

.selected {
    background-color: #60927F;
    color: white;
}

.filter-wrapper_feature-options .btn {
    padding: 8px 16px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 0;
}

/* .filter-wrapper_feature select{
  background: transparent;
  border: none;
  border-bottom: 2px solid var(--black);
  border-radius: 0;
  font-family: normalreg;
  font-size: 16px;
  color: var(--black);
} */

/* style select */

.filter button.apply {
    background-color: var(--red);
    border-radius: 10px;
    font-family: normalmedium;
    text-transform: uppercase;
    font-size: 18px;
}

.filter-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--white);
    opacity: 0.5;
    z-index: 9999;
    display: none;
}

/* .filter-width {
  width: 100%;
} */

/* select style */

/* The container must be positioned relative: */

.custom-select {
    background-color: transparent;
    border: none;
    padding: 0;
    position: relative;
    font-family: normalreg;
    color: var(--black);
    line-height: 18px;
    background-image: url('../images/calender page/select arrow.png');
    background-size: 16px;
}

.filter-wrapper_feature .custom-select {
    background-image: url('../images/calender page/white-select.svg');
}

.custom-select select {
    display: none;
    /*hide original SELECT element: */
}

.select-selected {
    background-color: transparent;
    border-bottom: 2px solid var(--black);
    text-transform: capitalize;
}

.dropdown.bootstrap-select.my-select .btn {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid var(--black);
    text-transform: capitalize;
    outline: 0 !important;
    border-radius: 0;
}

.filter .dropdown.bootstrap-select.my-select .btn {
    padding-left: 0;
}

.my-select .dropdown-toggle::after {
    content: "";
    background-image: url(../images/now-showing/orange-select.svg);
    position: absolute;
    right: 0;
    width: 30px;
    background-size: 55%;
    background-position: center;
    height: 30px;
    background-repeat: no-repeat;
    border: none;
}

.filter .my-select .dropdown-toggle::after {
    background-image: url('../images/calender page/select arrow.png');
}

.dropdown.bootstrap-select.my-select {
    width: 100% !important;
}

.my-select .dropdown-menu.show {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    padding: 0;
    margin: 10px 0;
}

.bootstrap-select .dropdown-menu li {
    position: relative;
    padding: 15px 16px;
    cursor: pointer;
    outline: 0 !important;
    font-family: normalreg;
    color: var(--black);
    line-height: 18px;
}

    .bootstrap-select .dropdown-menu li a {
        outline: 0 !important;
    }

    .bootstrap-select .dropdown-menu li.selected, .bootstrap-select .dropdown-menu li.active, .bootstrap-select .dropdown-menu li:hover {
        background-color: #84C19D;
        color: var(--black);
    }

.selected, .dropdown-item.active, .dropdown-item:active {
    background-color: transparent
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    margin-bottom: 2px;
}
/* Style the arrow inside the select element: */

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    /* border: 6px solid transparent; */
    /* border-color: #fff transparent transparent transparent; */
}

/* Point the arrow upwards when the select box is open (active): */

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select-selected {
    cursor: pointer;
    padding: 8px 0;
}

/* style the items (options), including the selected item: */

.select-items div {
    padding: 15px 16px;
    cursor: pointer;
}

/* Style items (options): */

.select-items {
    position: absolute;
    background-color: #fff;
    top: 115%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 10px;
    overflow: auto;
    max-height: 192px;
}

/* Hide the items when the select box is closed: */

.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: #84C19D;
}

/* scrollbar changed */

.select-items::-webkit-scrollbar, .filter::-webkit-scrollbar {
    width: 4px;
    padding: 2px;
    overflow: hidden;
}

.select-items::-webkit-scrollbar-track, .filter::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    /* background-color: red; */
    border-radius: 0px 10px 10px 0px;
    /* padding: 5px 0; */
    overflow: hidden;
}

.select-items::-webkit-scrollbar-thumb, .filter::-webkit-scrollbar-thumb {
    border-radius: 15px;
    width: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

/* =========== */

.calender-nav .close-filter {
    display: none;
}

.filter-wrapper_header {
    display: flex;
}

@media only screen and (max-width: 767px) {
    .film-view_item-content_wrapper {
        background-color: #fff;
        border-radius: 20px 20px 0px 0px;
        padding: 18px 10px;
    }
    /* .filter{
      width: 50%;
      transform: translateX(100%);
    } */
}

/* .filter-width {
  width: 50%;
} */

@media only screen and (max-width: 768px) {
    .film-view_item-content-img {
        display: none;
    }

    .hourly-view_btn {
        padding: 10px;
    }

    .calender {
        padding-bottom: 430px;
    }

    .calender-header {
        margin-bottom: 20px;
        position: relative;
    }
    /* .filter {
      position: absolute;
      top: 353px;
      width: 100%;
      height: 0;
      z-index: 9;
    }
    .filter-overlay {
      display: none !important;
    }
    .filter-height {
      height: fit-content;
    }
    .filter-wrapper.container {
      width: 90%;
    }
    .filter{
      width: 100% !important;
    } */
}

@media only screen and (max-width: 767px) {
    .filter {
        position: absolute;
        top: 353px;
        /* width: 100%; */
        left: -4%;
        width: 108%;
        height: 0;
        z-index: 9;
    }

    .filter-overlay {
        display: none !important;
    }

    .filter-height {
        height: fit-content;
    }

    .filter-wrapper.container {
        width: 90%;
    }
    /* .filter-width {
      width: 100%;
    } */
}

@media screen and (min-width: 500px)and (max-width: 766px) {
    .filter {
        top: 380px;
    }
}

@media only screen and (max-width: 992px) {
    .calender.container {
        max-width: 90%;
    }
}

@media only screen and (max-width: 960px) {
    .calender.container {
        max-width: 84%;
    }
}

@media only screen and (min-width: 768px) {
    .calender-header {
        margin-bottom: 100px;
    }

    .filter {
        width: 50%;
        transform: translateX(100%);
    }
}

@media only screen and (max-width: 400px) {
    .soldout-overlay {
        padding: 12px 35px;
    }
}

/* ====================================================================================================== */

/* ======================================START FILM PAGE=============================================*/

/* ======================================================================================================== */

.read-more-screenings .btn {
    text-transform: unset;
}

.film-header {
    padding-top: 160px;
    background-color: var(--darkred);
    /* padding-bottom: 200px; */
}

.film-header_wrapper-title {
    font-family: widemedium;
    text-transform: uppercase;
}

    .film-header_wrapper-title h2 {
        font-size: 30px;
        line-height: 45px;
  
    }

    .film-header_wrapper-title p {
        font-size: 22px;
        line-height: 26.4px;
    }

.film-header_screenings {
    padding-bottom: 100px;
}

    .film-header_screenings h3, .screenings-bottom h3 {
        font-size: 22px;
        line-height: 26px;
        text-transform: uppercase;
        border-bottom: 1px solid var(--black);
        font-family: widemedium;
    }

    .film-header_screenings .btn {
        padding: 10px 16px;
    }

        .film-header_screenings .btn a {
            color: inherit;
            padding: 10px 16px;
            display: block
        }

    .film-header_screenings .read-more-screenings .btn {
        padding: 0
    }

    .film-header_screenings p, .screenings-bottom p {
        line-height: 24px;
        font-family: widereg;
    }

    .film-header_screenings ul li, .screenings-bottom ul li {
        padding: 10px 0;
        border-bottom: 1px solid var(--black);
    }

    .film-header_screenings ul {
        height: 205px;
        overflow: hidden;
    }

.film-slick-wrapper {
    margin-top: 80px;
    background-color: var(--white);
}

.film-slick {
    margin-top: -125px;
    padding-left: 100px
}

.about-slick_item:focus {
    outline: none;
}

.about-slick_item {
    cursor: pointer;
}

.film-trailer_desc p {
    font-family: widereg;
    line-height: 24px
}

    .film-trailer_desc p.title {
        font-family: normalreg;
    }

    .film-trailer_desc p span {
        text-decoration: underline;
    }

.film-trailer_info-wrapper {
    border-top: 1px solid #000;
}

.film-trailer_info-item {
    margin-bottom: 10px;
}

    .film-trailer_info-item p {
        font-family: widereg;
        line-height: 22px;
        opacity: 0.8;
    }

    .film-trailer_info-item h5 {
        font-family: widemedium;
        font-size: 16px;
        text-transform: capitalize;
    }

.trailer-video iframe {
    width: 100%;
    /* height: auto; */
    height: 450px;
    /* margin: 0 auto; */
}

.screenings-bottom_state {
    font-family: normalreg;
    color: var(--darkred);
}

.screenings-bottom .read-more_text .btn {
    background-color: var(--red);
    padding: 10px 16px;
}

.screenings-bottom_book {
    font-family: normalmedium;
    text-align: end;
}

.screenings-bottom .screenings-bottom_book .btn:hover {
    background-color: var(--btngreen);
}

.screenings-bottom .read-more-screenings .btn {
    padding: 0;
    color: var(--red);
}

    .screenings-bottom .read-more-screenings .btn:hover {
        background-color: transparent;
    }

.screenings-bottom .read-more_text {
    height: 411px;
    overflow: hidden;
}

.screenings-bottom .read-more-screenings button::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 65px;
    left: 0;
    width: 100%;
    height: 73px;
    background: linear-gradient(180deg, rgba(230, 226, 217, 0) 0%, #E6E2D9 68.87%);
}

.related-films {
    background-color: var(--blue);
    padding-bottom: 269px;
    padding-top: 50px;
}

.arrows h2 {
    text-transform: uppercase;
    font-family: widereg;
    font-size: 16px;
    text-align: start;
}

@media only screen and (max-width: 960px) {
    .film-header_wrapper-title h2 {
        font-size: 30px;
        line-height: 45px;
    }

    .film-header_screenings {
        margin-left: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .film-header {
        padding-top: 67px;
    }

    .film-header_wrapper-title h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .film-slick-wrapper {
        margin-top: 50px;
    }

    .film-slick {
        margin-top: 0px;
        padding-left: 0
    }

    .film-slick-wrapper {
        background-color: transparent;
    }

    .film-header_screenings {
        padding-bottom: 0px;
    }

    .related-films {
        padding-bottom: 360px;
    }
}

@media only screen and (max-width: 450px) {
    .trailer-video iframe {
        height: 182px;
    }

    .film-header_screenings {
        margin-left: 0px;
    }
}

/* ======================================================================================================= */

/* ===========================================START FILM PAGE=============================================*/

/* ====================================================================================================== */

.showing-now_header {
    padding-top: 75px;
}

.featured {
    background-color: var(--darkred);
}

    .featured .arrows h2 {
        font-size: 16px;
        font-family: widereg;
        text-transform: uppercase;
        text-align: start;
    }

.show-now_adds {
    background-color: var(--purple);
}

    .show-now_adds img, .show-now_adds-smaller img {
        width: 100%;
    }

/* ====================================================================================================== */

/* =============================================START NOW SHOWING==========================================*/

/* ====================================================================================================*/

/* film-block */

.film-block_content-img img {
    width: 100%;
    height: 328px;
    object-fit: cover;
    border-radius: 20px;
}

.film-block_content-text .desc {
    font-family: normalreg;
    line-height: 18px;
}

.film-block.container {
    max-width: 85%;
}

.film-block_content-time h2 {
    font-size: 16px;
    line-height: 18px;
    font-family: widereg;
    text-transform: uppercase;
}

.film-block_content-time .btn {
    padding: 0;
    font-size: 16px;
    font-family: normalreg;
    text-align: start;
    width: 100%;
    border-bottom: 2px solid var(--black);
    border-radius: 0;
}

    .film-block_content-time .btn:hover {
        background-color: transparent;
    }

.film-block_content-time .custom-select {
    background-image: url("../images/now-showing/orange-select.svg");
}

.featured-programme {
    background-color: var(--pink);
    padding-top: 50px;
    padding-bottom: 300px;
}

.pb-300 {
    padding-bottom: 300px;
}

.featured-programme .arrows {
    text-align: end;
}

.featured-programme_header h2 {
    font-size: 30px;
    line-height: 32px;
    font-family: widemedium;
}

.featured-programme_header p {
    font-size: 18px;
    line-height: 22px;
    font-family: normalreg;
}

.featured-programme_header .btn {
    padding: 0;
    background-color: transparent;
    color: #fff;
}

.featured-programme .featured-programme_header h2 {
    text-transform: uppercase;
}

.film-block.showing .film-block_content-img {
    padding: 0 25px;
}

.film-block.showing .soldout-overlay {
    margin: 0 25px;
}

.film-block.showing.container {
    max-width: 90%;
    padding-bottom: 250px;
}

@media only screen and (max-width: 960px) {
    .film-block_content-img img {
        height: 327px;
    }

    .film-block.showing.container {
        max-width: 92.7%;
    }
}

@media only screen and (max-width: 840px) {
    .film-block_content-img img {
        /* height: 436px; */
        height: 281px;
    }

    .featured-programme {
        padding-bottom: 400px;
    }

    .pb-300 {
        padding-bottom: 400px;
    }
    /* .film-block.showing .film-block_content-img {
      padding-left: 0;
      padding-right: 20px;
    } */
    .film-block.showing .film-block_content-img {
        padding: 0;
    }

    .film-block.showing .soldout-overlay {
        margin: 0;
    }
}

@media screen and (min-width: 961px) and (max-width: 1210px) {
    .film-block.showing .film-block_content-img {
        padding: 0;
    }

    .film-block.showing .soldout-overlay {
        margin: 0;
    }
}

@media screen and (min-width: 500px) and (max-width: 840px) {
    .film-block.showing .film-features {
        line-height: 1.2;
    }
}

@media only screen and (max-width: 767px) {
    .film-block.showing.container {
        max-width: 100%;
        padding-bottom: 350px;
    }

    .film-block_content-img img {
        height: 436px;
        /* height: 281px; */
    }
}

/* ====================================================================================================== */

/* =============================================START COMING SOON==========================================*/

/* ====================================================================================================*/

.coming-soon .film-block {
    padding-bottom: 250px;
}

.release-date {
    font-family: widereg;
    font-size: 14px;
}

.notified {
    border-top: 4px solid var(--black);
}

    .notified p {
        font-family: widereg;
        text-transform: uppercase;
    }

    .notified .btn.link:hover {
        color: #3A3534;
        opacity: 0.6;
        background-color: transparent;
    }

.calender-title.comingsoon {
    margin-left: 0 auto;
}

@media only screen and (max-width: 768px) {
    .coming-soon .film-block {
        padding-bottom: 400px;
    }
    /* .notified{
      width: 100%;
    } */
    .calender-title.comingsoon {
        margin: 0 auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .coming-soon .film-block {
        padding-bottom: 280px;
    }
}

@media only screen and (min-width: 1200px) {
    .coming-soon .film-block_content-text {
        max-width: 70%;
    }
}

/* ====================================================================================================== */

/* =============================================START EVENTS==========================================*/

/* ====================================================================================================*/

/* .programs.events {
  background-color: transparent;
  padding-bottom: 250px;
}

.events .showing-now_header {
  padding-top: 25px;
}

.events .link {
  color: var(--red);
}

@media only screen and (max-width: 768px) {
  .programs.events {
    padding-bottom: 350px;
  }
} */

.programs.events {
    background-color: transparent;
    padding-bottom: 276px;
}

.programs.archive {
    background-color: transparent;
}

.events .showing-now_header {
    padding-top: 25px;
}

.events .link {
    color: var(--red);
    text-transform: unset;
}

.programs.events .programs-content_item-text:nth-child(odd) {
    padding: 90px 50px 90px 106px;
}

.programs.events .programs-content_item-text:nth-child(even) {
    padding: 90px 90px 90px 50px;
}

.events .programs-content_item {
    padding-bottom: 80px;
}

@media only screen and (max-width: 960px) {
    .events .programs-content_item {
        padding-bottom: unset;
    }

    .programs.events .programs-content_item-text {
        padding: 0px !important;
    }
}

@media only screen and (max-width: 768px) {
    .programs.events {
        padding-bottom: 400px;
    }

        .programs.events .programs-content_item-text {
            padding: 0px;
        }
}

/* ====================================================================================================== */

/* =============================================START EVENTS DETAIL========================================*/

/* ====================================================================================================*/

.event-page .about-section_header h2 {
    color: var(--white);
    font-size: 60px;
    line-height: 96%;
}

.event-page .cinema {
    background-color: transparent;
    padding-bottom: 50px;
}

.event-page .cinema-slick_wrapper {
    margin-top: -360px;
}

.cinema-content_wrapper {
    margin-top: 15px;
}

.event-page .about-header {
    padding-bottom: 338px;
}

.event-page .cinema-address {
    background-color: var(--pink);
    width: 384;
}

.event-page .read-more_text h3 {
    font-size: 16px;
    line-height: 18px;
    font-family: widereg;
    text-transform: uppercase;
}

.cinema-date {
    position: relative;
}

.event-page .optional-sub {
    font-family: widereg;
    font-size: 16px;
    text-transform: uppercase;
}

.event-page .cinema-screeen_header p {
    width: 193px;
}

.event-page .cinema-screeen_header div {
    width: calc(100% - 200px);
}

.event-page .cinema-address h4 {
    font-size: 16px;
    line-height: 18px;
    font-family: widemedium;
    text-transform: uppercase;
}

.event-page .cinema-address_wrapper {
    bottom: -63px;
}

.event-page .slick-item_img {
    height: 514px;
}

.event-page .related-films {
    background-color: var(--darkred);
    padding-bottom: 50px;
}

.event-program_wrapper {
    background-color: var(--pink);
    padding-bottom: 300px;
    padding-top: 50px;
}

    .event-program_wrapper h5 {
        font-size: 18px;
    }

    .event-program_wrapper .slick-item_img {
        height: 280px;
    }

.event-page .about-header_numbers {
    margin-left: 17%;
}

@media only screen and (max-width: 960px) {
    .event-page .about-header_numbers {
        margin-left: 0;
    }
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
    .event-page .slick-item_img {
        height: 360px;
    }

    .event-page .about-header {
        padding-top: 155px;
    }

    .event-page .about-header_numbers {
        margin-left: 9%;
    }

    .event-program_wrapper {
        padding-bottom: 325px;
    }
}

@media only screen and (max-width: 768px) {
    .event-page .about-header_numbers {
        margin-left: 10%;
    }

    .event-page .about-header {
        padding-top: 65px;
    }

    .event-page .cinema-address {
        width: 328px;
    }

    .event-page .cinema-content_text {
        margin-top: 100px;
    }

    .event-page .about-section_header h2 {
        font-size: 40px;
    }

    .event-page .slick-item_img {
        height: 439px;
    }

    .event-program_wrapper {
        padding-bottom: 400px;
    }
}

.event-page .event-program .slick-item_img {
    height: unset;
}

@media only screen and (max-width: 500px) {
    .event-page .about-header_numbers {
        margin-left: 0;
    }

    .event-page .about-section_header h2 {
        font-size: 30px;
    }

    .event-page .slick-item_img {
        /* height: 392px; */
    }

    .event-page .cinema-slick img {
        height: 380px;
    }

    .event-page .cinema-slick_wrapper {
        margin-top: -200px;
    }

    .event-page .about-header {
        padding-bottom: 173px;
    }
}

/* @media  screen and (max-width: 500px)  and (max-width: 1200px) {
  .event-page .slick-item_img {
    height: 350px;
  }
} */

/* .programs.events .programs-content_item:nth-child(even) {
  margin-right: 3rem;
}

.programs.events .programs-content_item:nth-child(odd) {
  margin-left: 3rem;
} */

/* ====================================================================================================== */

/* =============================================START ARCHIVE========================================*/

/* ====================================================================================================*/

.custom-select {
    background-image: url("../images/now-showing/orange-select.svg");
}

.archive .film-block_content-img img {
    height: unset;
    border-radius: unset;
}

.archive .select-items div {
    text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
    .archive .film-block {
        padding-bottom: 391px;
    }
}

/* ====================================================================================================== */

/* =============================================START CONTACT US========================================*/

/* ====================================================================================================*/
/* Chrome, Safari, Edge, Opera */
.showing-now_header .subscribe-wrapper_input input[type=number]::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.showing-now_header .subscribe-wrapper_input input[type=number] {
    -moz-appearance: textfield;
}

.contact-form .btn {
    background-color: var(--red);
}

    .contact-form .btn:hover {
        background-color: var(--btngreen);
    }

.showing-now_header.contact-us {
    padding-bottom: 50px;
}

.contact-us .subscribe-wrapper_input input, .contact-us .subscribe-wrapper_input textarea {
    text-transform: unset;
}

.contact-addresses_office {
    background-color: var(--pink);
}

    .contact-addresses_office .cinema-address, .contact-addresses_venue .cinema-address {
        background-color: transparent;
        border-radius: unset;
        width: unset;
        padding: unset;
    }

.contact-addresses_office, .contact-addresses_venue {
    padding-top: 80px;
    padding-bottom: 80px;
}

.showing-now_header h2 {
    text-transform: uppercase;
    font-family: 'widemedium';
}

.contact-addresses_venue {
    background-color: var(--darkred);
    padding-bottom: 300px;
}

.subscribe-wrapper_input textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

.request-submited .btn:hover {
    background-color: transparent;
}

.request-submited p {
    font-size: 18px;
    line-height: 22px;
    font-family: normalreg;
}

.request-submited .btn.link {
    text-transform: unset;
}

@media only screen and (max-width: 768px) {
    .contact-addresses_venue {
        padding-bottom: 430px;
    }
}

@media only screen and (max-width: 960px) {
    .film-trailer.container {
        max-width: 90%;
    }

    .featured-programme_header.container {
        max-width: 90%;
    }

    .film-block.container {
        max-width: 90%;
    }

    .film-view_item-content-img {
        height: 287px;
    }
}

.coming-soon .coming-soon_adds img {
    width: 100%;
}

.link.scroll {
    text-align: initial;
}

#logo-mini {
    display: none;
}

@media (max-width: 870px) {
    #logo {
        display: none;
    }

    #logo-mini {
        display: block;
    }
}

@media (min-width: 870px) {
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-custom .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-custom .navbar-nav .nav-link {
                padding-right: .5rem;
                padding-left: .5rem;
            }

        .navbar-expand-custom .navbar-collapse {
            display: flex !important;
        }

        .navbar-expand-custom .navbar-toggler {
            display: none;
        }
}

@media (min-width: 768px) {
    .contact-us.container-md {
        max-width: 83%;
    }
}

@media (min-width: 800px) and (max-width:960px) {
    .home-header .carousel-arrows {
        right: 19.5%;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .home-header .carousel-arrows {
        right: 15.5%;
        top: 19%;
    }
}

/* .film-header_screenings {
    margin-left: 130px;
  } */

/* @media (min-width: 960px)  { 

  .film-header_screenings {
    margin-left: 30px;
  }
}
@media (max-width: 400px)  { 
  .film-header_screenings {
    margin-left: 0px;
  }
} */

@media (min-width: 960px) and (max-width:200px) {
    .film-header_screenings {
        margin-left: 130px;
    }
}



/* ==========================================merchandise-offers========================================== */
.merchandise .slick-dots {
    bottom: -35px;
}

.merchandise .programs-content_item-img {
    overflow: unset;
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 15px;
}

    .slick-dots li button {
        width: 10px;
        height: 10px;
        background-color: var(--black);
        border-radius: 50%;
        opacity: 0.5;
    }

    .slick-dots li.slick-active button {
        opacity: 1;
    }

    .slick-dots li button:before {
        display: none;
    }

.slick-initialized .slick-slide:focus {
    outline: none;
}

.programs.events.merchandise {
    padding-bottom: 330px;
}

@media only screen and (max-width: 768px) {
    .partners-sponsors {
        padding-bottom: 360px;
    }

    .programs.events.merchandise {
        padding-bottom: 390px;
    }
}
/* ===============================Cinema Rental=========================================================== */
.cinema-rental {
    padding-bottom: 300px;
}

.rental-text {
    font-family: wideMedium;
}

.rental-btn, .rental-btn:hover {
    background-color: transparent;
}

.cinema-white {
    background-color: var(--white);
    width: 10px;
    height: 10px;
    display: inline-block;
}

.online-booking {
    color: var(--black);
}

.tickets-booking {
    padding-bottom: 200px;
}

@media only screen and (max-width: 768px) {

    .cinema-content-rental {
        margin-top: 180px;
        padding-bottom: 74px;
    }

    .tickets-booking {
        padding-bottom: 300px;
    }
}
/* ======================================distribution===================================== */
.distribution-info p {
    font-family: normalreg;
    line-height: 20px;
}
/* ======================================partners and sponsors===================================== */
.partners-sponsors {
    padding-bottom: 310px;
}

.partners-item {
    text-align: center;
    margin-bottom: 80px;
}

.partners-text {
    /* text-align: center; */
    font-family: widereg;
}

.partners img {
    filter: contrast(0);
    transition: all 0.35s ease-in-out;
    margin-bottom: 30px;
    max-width: 160px;
}

    .partners img:hover {
        filter: contrast(1) invert(0);
    }

@media only screen and (max-width: 768px) {
    .partners-sponsors {
        padding-bottom: 420px;
    }
}

.slick .slick-item {
    padding: 0;
}

.slick .slick-item_img {
    width: 91% !important;
    margin: 0 auto;
}

@media only screen and (min-width: 768px) {
    .slick .slick-item_img {
        width: 95% !important;
    }
}
/* ==========================================merchandise-offers inner=================================== */
.shop-with-zawya p span {
    font-family: wideMedium;
    display: block;
}

.shop-with-zawya p {
    font-family: wideReg;
}

.merchandise-inner-header {
    padding-bottom: 100px;
}

.showing-now_desc {
    padding-bottom: 200px;
}

@media only screen and (max-width: 768px) {
    .showing-now_desc {
        padding-bottom: 350px;
    }

    .merchandise-inner-header {
        padding-bottom: 0px;
    }

        .merchandise-inner-header .calender-title h2 {
            padding-bottom: 0;
        }
}

.tickets-booking ul {
    list-style: none;
    padding: 12px;
}

    .tickets-booking ul li {
        margin-bottom: 10px;
        text-indent: -12px;
    }

        .tickets-booking ul li::before {
            content: '';
            display: inline-block;
            width: 10px;
            height: 10px;
            background-color: var(--white);
        }

/* My Design */
.about-header_numbers p {
    font-family: normalreg
}

.rental-btn.link {
    text-transform: inherit
}

.home-header .carousel a.btn {
    padding: 10px 25px
}

.slick-arrow[aria-disabled="true"] {
    opacity: .5;
    pointer-events: none;
}

.datepicker-wrapper {
    position: relative
}

    .datepicker-wrapper:before {
        content: '';
        position: absolute;
        display: block;
        top: 20px;
        left: 0;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        cursor: pointer;
        background-image: url('./../images/calender page/Group 37.svg');
    }

.calender-picker {
    padding-left: 30px !important;
}

.events .showing-now_header {
    padding-left: 11px !important;
}

@media screen and (min-width:1440px) and (max-width:1500px) {
    .home-header .carousel-arrows {
        right: 25.7%;
    }

    .week-calender.d-flex {
        margin-right: 50px
    }

    .subscribe-wrapper h3 {
        letter-spacing: -1.2px
    }

    .subscribe-wrapper_input {
        padding-left: 10px !important;
        padding-top: 15px;
    }

        .subscribe-wrapper_input p {
            margin-top: 2rem !important
        }

    .programs.edits {
        padding-right: 40px !important
    }

        .programs.edits .section-header h2 {
            padding-left: 40px;
        }

        .programs.edits .programs-content_item-text {
            padding-left: 5rem !important;
        }

    #carousel-num {
        width: 45px;
        position: relative;
        display: flex !important;
        justify-content: center;
    }

    .lang a {
        padding: 4px;
    }

    .arrows {
        padding-bottom: 20px;
    }

    .featured {
        padding-left: 3%
    }

    .nowshowing-slick .slick-list {
        padding: 0px 110px 0px 150px !important
    }

    .subscribe-wrapper {
        padding-left: 80px !important;
    }

        .subscribe-wrapper .btn {
            margin-left: -2px
        }

    .contact-form .btn {
        margin-left: 8px !important
    }

    .events .showing-now_header {
        padding-left: 13px !important;
    }
}


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: none;
    background: none !important;
    font-weight: normal;
    color: inherit;
}

    .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
        background-image: transparent;
    }

.ui-datepicker .ui-datepicker-next span {
    background-image: url('../images/calender page/Arrow Right.svg') !important;
    background-size: contain !important;
    background-position: center !important;
}

.ui-datepicker .ui-datepicker-prev span {
    background-image: url('../images/calender page/Arrow Left.svg') !important;
    background-size: contain !important;
    background-position: center !important;
}