@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");

html * {
  font-family: "Roboto Condensed", sans-serif;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: "Roboto Condensed", sans-serif;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* start editing from here */
a {
  text-decoration: none;
}
.txt-rt {
  text-align: right;
} /* text align right */
.txt-lt {
  text-align: left;
} /* text align left */
.txt-center {
  text-align: center;
} /* text align center */
.float-rt {
  float: right;
} /* float right */
.float-lt {
  float: left;
} /* float left */
.clear {
  clear: both;
} /* clear float */
.pos-relative {
  position: relative;
} /* Position Relative */
.pos-absolute {
  position: absolute;
} /* Position Absolute */
.vertical-base {
  vertical-align: baseline;
} /* vertical align baseline */
.vertical-top {
  vertical-align: top;
} /* vertical align top */
.underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0;
} /* Add 5px bottom padding and a underline */
nav.vertical ul li {
  display: block;
} /* vertical menu */
nav.horizontal ul li {
  display: inline-block;
} /* horizontal menu */
img {
  max-width: 100%;
}
/*end reset*/
@font-face {
  font-family: "AmbleRegular";
  src: url(../fonts/Amble-Light-webfont.ttf) format("truetype");
}
body {
  font-family: "AmbleRegular";
  background: #fff;
}
.header {
	background: url(../images/hd-bg.png);
	height: auto;
}
.header-top {
  height: 35px;
}
.wrap {
  width: 80%;
  margin: 0 auto;
}
.banner-no {
  float: left;
}
/*--menu--*/
header {
  padding: 100px 0 0 0;
  display: block;
}
header h1 {
  width: 960px;
  margin: 0 auto;
}
a:hover {
  color: white;
}
.nav-wrap {
  float: right;
  margin: 0px;
}
.nav-wrap ul {
  float: right;
}
/* Clearfix */
.group:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
*:first-child + html .group {
  zoom: 1;
}
/* Example One */
#example-one {
  margin: 0 auto;
  list-style: none;
  position: relative;
}
#example-one li {
  display: inline-block;
  margin-right: 20px;
}
#example-one a {
  color: #aaa;
  font-size: 16px;
  float: left;
  padding: 6px 0px 4px 1px;
  text-decoration: none;
  text-transform: uppercase;
}
#example-one a:hover {
  color: #db9603;
}
#magic-line {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 10px;
  height: 2px;
  background: #db9603;
}
.ie6 #example-one li,
.ie7 #example-one li {
  display: inline;
}
.ie6 #magic-line {
  bottom: -3px;
}
.h-logo {
  float: left;
  position: absolute;
  z-index:100;
  width:100px;
  height:60px;
  margin:30px;
}
.h-logo img {
  padding: 0px;
  width: 65px;
}

@media screen and (max-width: 600px) {
  .h-logo {
    width: 50px;
    height: 30px;
    margin: 10px; /* Adjust margin as needed for smaller screens */
  }

  .h-logo img {
    width: 50px; /* Adjust width for smaller screens */
    height: 30px; /* Adjust height for smaller screens */
  }
}


/*--banner--*/
.main img {
  display: block;
}
.block {
  margin-top: 20px;
}
#reservation-form {
  float: right;
  margin-top: 6px;
}
#reservation-form .field {
  float: left;
}
#reservation-form .field1 {
  float: left;
}
#reservation-form .field {
  display: block;
  height: 20px;
  font-size: 13px;
  color: #fac9a9;
  margin-bottom: 10px;
}
#reservation-form select {
  border: 1px solid #5d3825;
  background: #db9603;
  color: #fff;
  outline: none;
  padding: 5px;
  float: left;
}
#reservation-form select.select1 {
  width: 200px;
  margin-right: 10px;
}
#reservation-form select.select2 {
  width: 200px;
  margin-right: 10px;
}
#reservation-form label {
  display: block;
  padding-bottom: 4px;
  font-size: 13px;
  color: #aaa;
}
/*--Content--*/
.content {
  background: #fff;
}
/*  GRID OF THREE   ============================================================================= */
.listview_1_of_3 {
  display: block;
  float: left;
  margin: 0% 0 0% 1.6%;
}
.listview_1_of_3 h3 {
  color: #fcac03;
  font-size: 2em;
  margin-bottom: 5%;
}
.extra-wrap {
  overflow: hidden;
}
.data {
  color: #000;
  margin-bottom: 1px;
}
.color {
  color: #1344b0;
  text-decoration: underline;
  line-height: 1.8em;
  font-size: 13px;
}
a:hover {
  text-decoration: none;
  color: #1344b0;
}
.text-top {
  padding-top: 6px;
  display: inline-block;
  font-size: 13px;
  line-height: 1.8em;
  color: #888;
}
.listimg {
  display: block;
  float: left;
}
.listimg img{
    border:1px solid #ccc;
    padding:5px;
    border-radius:5px;
    background:#fff;
}

.img-thumb img{
    border:1px solid #ccc;
    padding:5px;
    border-radius:5px;
    background:#fff;
}


.listimg1 {
  width: 47%;
  float: left;
  margin-right: 6%;
  margin-bottom: 5%;
}
.listimg1 img,
.listimg2 img {
  margin-bottom: 3%;
}
.listimg2 {
  width: 47%;
  float: left;
  margin-right: 0;
}
.link {
  font-size: 12px;
  line-height: 20px;
  color: #313131;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.8em;
}
.link:hover {
  text-decoration: none;
  color: #313131;
}
.link2 {
  font-size: 14px;
  line-height: 20px;
  color: #fcac03;
  font-weight: bold;
  background: url(../images/s-icon.png) 55px 6px no-repeat;
  padding-right: 15px;
  display: inline-block;
  margin-bottom: 10%;
}
.link2:hover {
  text-decoration: underline;
  color: #fcac03;
}
.middle-list {
  margin-bottom: 5%;
}
.text {
  display: block;
  float: left;
  margin: 0% 0 7% 3.6%;
}
.listview_1_of_3:first-child {
  margin-left: 0;
}

.images_1_of_3 {
  width: 29.2%;
  padding: 0%;
}
.listimg_1_of_2 {
  width: 28.2%;
}
.list_1_of_2 {
  width: 68.2%;
}
.images_1_of_3 img {
  max-width: 100%;
  display: block;
}
.list_1_of_2 h3 {
  color: #c94848;
  margin-bottom: 0.2em;
  margin-top: 0;
  font-size: 1em;
  font-family: MuseoSlab300, "lucida sans unicode", "lucida grande",
    "Trebuchet MS", verdana, arial, helvetica, helve, sans-serif;
  font-weight: normal;
  letter-spacing: -1px;
}
.list_1_of_2 p {
  font-size: 0.8125em;
  color: #333;
  line-height: 1.5em;
  font-family: verdana, arial, helvetica, helve, sans-serif;
  padding: 0;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
  .wrap {
    width: 90%;
  }
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) {
  .wrap {
    width: 95%;
  }
  .listview_1_of_3 {
    margin: 2% 0 2% 0%;
  }
  .text {
    margin-right: 5px;
  }
  .images_1_of_3 {
    width: 94%;
    padding: 3%;
  }
  .listimg_1_of_2 {
    width: 100%;
  }
  .list_1_of_2 {
    width: 100%;
  }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .wrap {
    width: 95%;
  }
  .listview_1_of_3 {
    margin: 2% 0 2% 0%;
  }
  .text {
    margin: 0;
  }
  .images_1_of_3 {
    width: 92%;
    padding: 4%;
  }
  .listimg_1_of_2 {
    width: 100%;
  }
  .list_1_of_2 {
    width: 100%;
  }
}
p.s-img a:hover {
  opacity: 0.5;
}
.link4 {
  font-weight: bold;
  color: #004077;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 4%;
  text-decoration: underline;
}
.link4:hover {
  text-decoration: none;
  color: #3276B1;
}
.color1 {
  color: #989898;
  font-size: 13px;
}
.link-top {
  margin-top: 11px;
  display: inline-block;
}
.color2 {
  text-decoration: underline;
  font-size: 13px;
  line-height: 1.8em;
  color: #1344b0;
}
/*--Footer--*/
.footer {
  background-image: linear-gradient(#27282f, #3c3c3c, #1c1c20);
}
.footer-top {
  padding: 5px 0;
}
.call_info a{
    color:#fff;
    text-shadow: 0px 1px 4px rgba(255, 255, 255, 0.8)
}
.call_info a:hover{
    color:#222;
}
/*  GRID OF FOUR   ============================================================================= */
.col_1_of_4 {
  display: block;
  float: left;
}
.col_1_of_4:first-child {
  margin-left: 0;
}
.span_1_of_4 {
  width: 22%;
  padding: 1.5%;
}
.social a{
    color:#ca072b;
}
.social a:hover{
    text-decoration:none;
}
.social i {
    background:#fff;
    width:35px;
    height:35px;
    border-radius:50%;
    margin:5px;
    font-size:20px;
    text-align:center;
    line-height:20px;
    padding-top: 7px;
}
.social img:hover {
  opacity: 0.7;
}
.span_1_of_4 p {
  font-size: 1em;
  color: #fff;
  line-height: 1.8em;
}
p.txt_4 {
  color: #666;
  margin-top: 2%;
  font-size: 2em;
}
.content-top h3 {
  color: #fcac03;
  font-size: 2em;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
  .wrap {
    width: 95%;
  }
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) and (min-width: 480px) {
  .wrap {
    width: 95%;
  }
  .col_1_of_4 {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_4 {
    width: 94%;
    padding: 3%;
  }
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .wrap {
    width: 95%;
  }
  .col_1_of_4 {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_4 {
    width: 92%;
    padding: 4%;
  }
}
.footer-nav li {
  list-style-image: url(../images/f-icon.png);
  margin: 0 0 5px 10px;
}
.footer-nav li a {
  font-size: 13px;
  color: #fff;
  vertical-align: top;
  line-height: 21px;
}
.footer-nav li a:hover {
  color: #888;
}
.footer-bottom {
  background: #111;
  padding: 20px;
}
.textcontact .fa{
    width:20px;
    text-align:center;
}
.copy {
  text-align: center;
}
.copy p {
  color: #666;
  font-size: 13px;
}
.copy p a {
  color: #fcac03;
}
.copy p a:hover {
  text-decoration: underline;
}
/*--About--*/
/*  GRID OF Content With Image and Sidebar   ============================================================================= */
.about {
  display: block;
  float: left;
  width: 100%;
}
.rightsidebar {
  display: block;
  float: left;
  margin: 0% 0 0% 1.6%;
}
.about:first-child {
  margin-left: 0;
}
.desc {
  display: block;
  float: left;
  margin: 0% 0 0% 2.6%;
}
.span_1_of_2 {
  width: 67.1%;
  padding: 1.5%;
}
.images_3_of_2 {
  width: 45.2%;
  float: left;
}
.span_3_of_2 {
  width: 52.2%;
}
.span_3_of_1 {
  width: 25.2%;
  padding: 1.5%;
}
.images_3_of_2 img {
  max-width: 100%;
  display: block;
}
.span_3_of_2 h3 {
  color: #c94848;
  margin-bottom: 0.3em;
  font-size: 1.5em;
  font-weight: normal;
  margin-top: 0px;
  letter-spacing: -1px;
}
.span_3_of_2 p {
  font-size: 0.8125em;
  padding: 0.3em 0;
  color: #888;
  line-height: 1.8em;
}
.span_3_of_1 p {
  font-size: 0.8125em;
  padding: 0.42em 0;
  color: #333;
  line-height: 1.6em;
}
/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
  .wrap {
    width: 90%;
  }
}
/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 640px) {
  .wrap {
    width: 95%;
  }
  .grid {
    margin: 0;
  }
  .about {
    margin: 2% 0 2% 0%;
  }
  .rightsidebar {
    margin: 0;
  }
  .image {
    padding: 3%;
  }
  .desc {
    margin: 0;
  }
  .span_1_of_2 {
    width: 94%;
    padding: 3%;
  }
  .span_3_of_2 {
    width: 100%;
  }
  .images_3_of_2 {
    width: 100%;
  }
  .span_3_of_1 {
    width: 94%;
    padding: 3%;
  }
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
  .wrap {
    width: 95%;
  }
  .about {
    margin: 2% 0 2% 0%;
  }
  .rightsidebar {
    margin: 0;
  }
  .grid {
    margin: 0;
  }
  .image {
    padding: 4%;
  }
  .desc {
    margin: 0;
  }
  .span_1_of_2 {
    width: 92%;
    padding: 4%;
  }
  .span_3_of_2 {
    width: 100%;
  }
  .images_3_of_2 {
    width: 100%;
  }
  .span_3_of_1 {
    width: 92%;
    padding: 4%;
  }
}
.watch_but {
  display: inline-block;
  background: #db9603;
  position: relative;
  border-radius: 2px;
  font-size: 13px;
  line-height: 11px;
  color: #fff;
  border-bottom: 1px solid #db9603;
  border-right: 1px solid #db9603;
  margin: 15px 0 0;
  padding: 12px 14px 9px 10px;
}
.span_3_of_2 h4 {
  color: #888;
  font-size: 1.5em;
  margin-bottom: 2%;
}
.link1 {
  color: #1344b0;
  text-decoration: underline;
  font-size: 13px;
  margin-bottom: 2%;
}
.about-top {
  margin-bottom: 5%;
}
.small_box {
  margin-bottom: 11px;
}
.premier .col {
  float: left;
  width: 30%;
  margin-left: 3.3%;
}
a {
  color: #888;
  font-size: 13px;
  line-height: 1.5em;
}
.button {
  display: inline-block;
  background: #db9603;
  position: relative;
  border-radius: 2px;
  font-size: 13px;
  line-height: 11px;
  color: #fff;
  border-bottom: 1px solid #db9603;
  border-right: 1px solid #db9603;
  margin: 20px 0;
  padding: 12px 14px 9px 10px;
}
.latest_news {
  margin: -1px 5px 0 -1px;
}
.latest_news li {
  margin-bottom: 18px;
}
.date {
  background: #f0f0f0;
  color: #888;
  margin: 0 1px 10px 0;
  display: inline-block;
  border-radius: 2px;
  padding: 5px;
}
.span_3_of_1 h3 {
  color: #fcac03;
  font-size: 1.5em;
  margin-bottom: 9%;
  background: #f0f0f0;
  padding: 8px;
}
.about h3 {
	color: #000;
	font-size: 1.5em;
	background: #f0f0f0;
	padding: 8px;
	border-bottom: 3px solid #b50000;
	border-radius: 5px;
}


li.m_bottom {
  margin-bottom: 0px;
}
h4.h-text a {
  color: #db9603;
  font-size: 1.2em;
}
h4.h-text a:hover {
  color: #888;
}
/*--404 page--*/
.pnot {
  padding: 30px 0;
}
.pnot h1 {
  font-size: 15em;
  color: #f0f0f0;
  text-align: center;
  text-shadow: 1px 1px 6px #555;
  -moz-text-shadow: 1px 1px 6px #555;
  -webkit-text-shadow: 1px 1px 6px #555;
  -o-text-shadow: 1px 1px 6px #555;
}
/*--Contact--*/
/*  Contact Form  ============================================================================= */
.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}
.col:first-child {
  margin-left: 0;
}
.span_2_of_3 {
  width: 63.1%;
  padding: 1.5%;
}
.span_1_of_3 {
  width: 29.2%;
  padding: 1.5%;
}
.span_2_of_3 h3,
.span_1_of_3 h3 {
  color: #fcac03;
  margin-bottom: 0.5em;
  font-size: 1.5em;
  line-height: 1.2;
  font-weight: normal;
  margin-top: 0px;
  letter-spacing: -1px;
}
.contact-form {
  position: relative;
  padding-bottom: 30px;
}
.contact-form div {
  padding: 5px 0;
}
.contact-form span {
  display: block;
  font-size: 0.8125em;
  color: #333;
  padding-bottom: 5px;
}
.contact-form input[type="text"],
.contact-form textarea {
  padding: 8px;
  display: block;
  width: 98%;
  background: #fcfcfc;
  border: none;
  outline: none;
  color: #464646;
  font-size: 0.8125em;
  font-family: Arial, Helvetica, sans-serif;
  box-shadow: inset 0px 0px 3px #999;
  -webkit-box-shadow: inset 0px 0px 3px #999;
  -moz-box-shadow: inset 0px 0px 3px #999;
  -o-box-shadow: inset 0px 0px 3px #999;
  -webkit-appearance: none;
}
.contact-form textarea {
  resize: none;
  height: 120px;
}
.contact-form input[type="submit"] {
  padding: 7px 20px;
  color: #fff;
  cursor: pointer;
  background: #db9603 url(../images/large-button-overlay.png);
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  border-radius: 2px;
  position: absolute;
  right: 0;
}
.contact-form input[type="submit"]:hover {
  background-color: #111;
}
.contact-form input[type="submit"]:active {
  background-color: #db9603;
}
.company_address {
  padding-top: 26px;
}
.company_address p {
  font-size: 0.8125em;
  color: #888;
  line-height: 1.8em;
}
.company_address p span {
  text-decoration: underline;
  color: #333;
  cursor: pointer;
}
.map {
  border: 1px solid #c7c7c7;
  margin-bottom: 15px;
}

/***** Media Quries *****/
@media only screen and (max-width: 1024px) {
  .wrap {
    width: 95%;
  }
}
/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
  .wrap {
    width: 95%;
  }
  .span_2_of_3 {
    width: 94%;
    padding: 3%;
  }
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_3 {
    width: 94%;
    padding: 3%;
  }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px) and (min-width: 480px) {
  .wrap {
    width: 95%;
  }
  .span_2_of_3 {
    width: 94%;
    padding: 3%;
  }
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_3 {
    width: 94%;
    padding: 3%;
  }

  .contact-form input[type="text"],
  .contact-form textarea {
    width: 97%;
  }
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
  .wrap {
    width: 95%;
  }
  .span_2_of_3 {
    width: 90%;
    padding: 5%;
  }
  .col {
    margin: 1% 0 1% 0%;
  }
  .span_1_of_3 {
    width: 90%;
    padding: 5%;
  }
  .contact-form input[type="text"],
  .contact-form textarea {
    width: 92%;
  }
}
/*--Media Queries--*/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
  .wrap {
    width: 90%;
  }
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
  .wrap {
    width: 90%;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 800px) {
  .wrap {
    width: 90%;
  }
  p.txt_4 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 800px) and (min-width: 640px) {
  .wrap {
    width: 90%;
  }
  p.txt_4 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 640px) and (min-width: 480px) {
  .wrap {
    width: 90%;
  }
  p.txt_4 {
    font-size: 1.5em;
  }
  #example-one a {
    padding: 0px;
  }
  #reservation-form {
    width: 65%;
  }
  #reservation-form select.select1 {
    width: 150px;
  }
  #reservation-form select.select2 {
    width: 170px;
  }
  .link2 {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
  .wrap {
    width: 90%;
  }
  p.txt_4 {
    font-size: 1.5em;
  }
  #example-one a {
    padding: 0px;
  }
  #reservation-form {
    width: 100%;
    float: none;
  }
  #reservation-form select.select1 {
    width: 150px;
  }
  #reservation-form select.select2 {
    width: 170px;
  }
  .link2 {
    margin-bottom: 0px;
  }
  .banner-no {
    float: none;
    display: none;
  }
  .nav-wrap {
    width: 100%;
    margin: 0px;
    margin-top:5px;
  }
}
@media only screen and (max-width: 320px) and (min-width: 240px) {
  .wrap {
    width: 90%;
  }
  p.txt_4 {
    font-size: 1.5em;
  }
  #example-one a {
    padding: 0px;
  }
  .h-logo {
    width: 100%;
    float: none;
    text-align: center;
  }
  #reservation-form {
    width: 100%;
    float: none;
  }
  #reservation-form select.select1 {
    width: 150px;
  }
  #reservation-form select.select2 {
    width: 170px;
  }
  .link2 {
    margin-bottom: 0px;
  }
  .banner-no {
    float: none;
    display: none;
  }
  .nav-wrap {
    width: 100%;
    margin: 0px;
    margin-top:5px;
  }
}


.movie-details{
    border:1px solid #ccc;
    border-radius:5px;
    width:100%;
    padding:10px;
    margin-bottom:5px;
    text-align:center;
}

.movie-details b{
    color:#C4080F;
    text-transform:uppercase;
}


.ticket-details{
	align-self: flex-start;
    border-radius:5px;
    width:100%;
    margin-bottom:5px;
    text-align:center;
    z-index:10;
    
}

.ticket-details b{
    color:#C4080F;
    text-transform:uppercase;
}

.w-100{
    width:100% !important;
}
.w-90{
    width:90% !important;
}
.w-80{
    width:80% !important;
}
.w-75{
    width:75% !important;
}
.w-70{
    width:70% !important;
}
.w-60{
    width:60% !important;
}
.w-50{
    width:50% !important;
}
.w-40{
    width:40% !important;
}
.w-30{
    width:30% !important;
}
.w-20{
    width:20% !important;
}
.w-10{
    width:10% !important;
}
.w-5{
    width:5% !important;
}

.m-1{
    margin:1px;
}
.m-2{
    margin:2px;
}
.m-3{
    margin:3px;
}
.m-4{
    margin:4px;
}
.m-5{
    margin:5px;
}
.m-6{
    margin:6px;
}
.m-7{
    margin:7px;
}
.m-8{
    margin:8px;
}
.m-9{
    margin:9px;
}
.m-10{
    margin:10px;
}


.movie_thumb{
    display:inline-block;
}
.movie_thumb img{
    border:1px solid #ccc;
    padding:7px;
    border-radius:5px;
    background:#fff;
}

#home-slider {
    width: 100%;
    margin: 0;
    height:598px;
}
#home-slider img {
    width: 100%;
    height:598px;
}

@media (max-width: 768px) {
  #home-slider {
    height:200px;
  }
  #home-slider img {
    width: 100%;
    height: 200px;
  }
}

.home-title{
    color:#000;
    border-bottom:1px dashed #ccc;
    padding-bottom:5px;
    padding-left: 16px;
    font-size: 30px;
}

.upcoming-thumbnail{
    color:#000;
    border:1px solid #ccc;
    padding:5px;
    border-radius:11px;
    margin-bottom:11px;
    min-height:339px;
    background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%);
}

.films-in-thumbnail{
    color:#000;
    border:1px solid #ccc;
    padding:5px;
    border-radius:11px;
    margin-bottom:11px;
    height:490px;
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
    background-blend-mode: multiply,multiply;
}

.films-in-thumbnail img {
    border-radius: 5px;
    width: 100%;
    height: 480px;
}

@media (min-width: 769px) {
    .films-in-thumbnail img {
        width: 430px;
        height: 480px;
    }
}


.listimgupc_1_of_2 {
  width: 39%;
}
.listupc_1_of_2 {
  width: 56%;
} 

.movie-trailer img{
    width:100%;
    height:430px;
}



/*Carousel*/
.cursor-pointer{
    cursor: pointer !important;
}

.slider-container {
  position: relative;
  width:19%;
  float:left;
  margin-right:1%;
}

.details-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px;
  display: none;
  transition: opacity 0.5s ease-in-out;
  width: 100%;
  height: 100%;
  transform: translateY(100%);
}

.slider-container:hover .details-overlay {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.carousel-control {
  padding-top:10%;
  width:5%;
  font-size:130%;
  color:#000;
}


.big-display-flex {
  display: block;
}

@media (min-width: 768px) {
  .big-display-flex {
    display: flex;
  }
}



.show-big-device {}

@media only screen and (max-width: 767px) {
    .show-big-device {
        display: none;
    }
}


.show-small-device { display: none;}

@media only screen and (max-width: 767px) {
  .show-small-device {
    display: block;
  }
}


/*Accordian*/
.accordian {
    width: 100%;
    overflow: hidden;
    height:300px;
}

.accordian ul {
    width: 100%;
    margin:0px;
    padding:0px;
}

.accordian li {
    position: relative;
    display: block;
    width: 14.28%;
    float: left;
    border-left: 1px solid #888;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.accordian ul:hover li {width: 10%;}
.accordian ul li:hover {width: 40%;}


.accordian li img {
    display: block;
    height:300px;
}

.image_title {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0; bottom: 0; 
    width: 100%; 
}
.image_title a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 20px;
    font-size: 16px;
}
.accordian li:hover .image_title {
    border-top:1px solid white;
}

.accordian-play-button{
    /*display:none;*/
    background-image:url("https://www.freepnglogos.com/uploads/play-button-png/index-media-cover-art-play-button-overlay-5.png");
    z-index:100px;
    width:100px;
    height:100px;
    float:left;
    background-size:100%;
}



/* Booking */
.de-flex {
  display: flex;
  flex-grow: 1;
}
.ticket_booking {
	position: sticky;
	top: 52px;
	align-self: flex-start;
}

.ticket_booking ul{
    width:100%;
}

.ticket_booking ul li{
    float:left;
    border-bottom:1px dashed #ccc;
    padding:10px 0px;
    width:100%;
    text-align:left;
}

.ticket_booking ul li span{
    float:right;
}


.ticket_booking ul li i{
    width:14px;
    margin-right:5px;
}

.ticket_booking h3 {
	color: #000;
	font-size: 1.5em;
	background: #f0f0f0;
	padding: 8px;
	border-bottom: 3px solid #b50000;
	border-radius: 5px;
    margin-top: 8px;
}

.ticket_for{
	margin-top: 9px;
	border: 1px dashed #ccc;
	border-radius: 20px;
	padding: 0px;
	padding-top: 9px;
	margin-bottom: 5px;
	background: #f5f5f5;
}



/*booking*/
.booking_seat_plan{
    float:left;
    width:100%;
    margin-top:5px;
}

.booking_seat_plan h3 {
	color: #000;
	font-size: 1.5em;
	background: #f0f0f0;
	padding: 8px;
	border-bottom: 3px solid #286090;
	border-radius: 5px;
}


.position-relative {
	position: relative;
}



.big-display-flex {
  display: block;
}

@media (min-width: 768px) {
  .big-display-flex {
    display: flex;
  }
}


.seat-container {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  padding-top:0px;
}

@media (max-width: 767px) {
  .seat-container {
    width: 400px;
    overflow-x: auto;
    white-space: nowrap;
  }
}

.seat-container ul li {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	font-size: 12px;
	line-height: 2.6;
	text-align: left;
	color: #2b3a6d;
	font-weight: 500;
}

.responsive-seat-plan {
	float: left;
	width: 750px;
	height:auto;
	text-align: center;
	margin: 0 auto;
	float: left;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}


.ticket_qty .card-wrap {
	padding: 16px 20px 17px;
}

.card-wrap {
	background-color: #f5f5f5;
	border-radius: 7px;
	padding: 20px 0;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	min-height: 107px;
}

.ticket_qty_view {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

.ticket_qty_view img {
	font-size: 11px;
	line-height: 1.55;
	letter-spacing: normal;
	color: #8b8f9c;
	cursor: pointer;
	border-radius: 6px;
	transition: all 500ms;
}

.ticket_qty_view {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}

.ssqt{
    font-size:20px;
}

.ssqt input[type="radio"] {
	opacity: 0;
	z-index: 1;
	outline: 0;
	box-shadow: none;
}

.ssqt label {
	font-weight:bold;
	font-size:17px;
}

.ticket_cat_status {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	border-bottom: 1px solid #dadfe6;
	margin-bottom: 7px;
	padding-bottom: 4px;
}

.seat_status {
  padding-left: 20%;
}

@media (max-width: 767px) {
  .seat_status {
    padding-left: 0;
    margin-left:15px;
  }
  
  .seat-container ul li {
    padding-left: 0px;
    margin-right:4px;
    line-height:2.6;
  }
}