/*base*/
body { font-family: 'Titillium Web', sans-serif; }
.va-m { }
input { -webkit-appearance: none; border-radius: 0; }
.intrinsic-ratio { position: relative;/* bottom vs. top for IE5 */ height: 0; /* triggers hasLayout in IE5.0+ */ }
.element-to-stretch { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*others*/
/* Links */
.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a {
	color: #9c6101 /*{a-link-color}*/;
	font-weight: bold;
}
.ui-page-theme-a a:visited,
html .ui-bar-a a:visited,
html .ui-body-a a:visited,
html body .ui-group-theme-a a:visited {
    color: white /*{a-link-visited}*/;
}
.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover {
	color: #9c6101 /*{a-link-hover}*/;
}
.ui-page-theme-a a:active,
html .ui-bar-a a:active,
html .ui-body-a a:active,
html body .ui-group-theme-a a:active {
	color: #9c6101 /*{a-link-active}*/;
}
.ui-btn-active {
	background-color: 		##9c6101 /*{a-active-background-color}*/;
	border-color:	 		##9c6101 /*{a-active-border}*/;
	color: 					#fff /*{a-active-color}*/;
	text-shadow: 0 /*{a-active-shadow-x}*/ 1px /*{a-active-shadow-y}*/ 0 /*{a-active-shadow-radius}*/ #005599 /*{a-active-shadow-color}*/;
}
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a,.ui-page-theme-b a, html .ui-bar-b a, html .ui-body-b a, html body .ui-group-theme-b a{ font-weight:400;}

.ui-content { padding: 0; }
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper { text-shadow: none; }
.web-page { background: black; }
.mobile-heading { display: none; }
.now-playing { position: absolute; left: 162px; top: 580px; width: 246px; height: 226px; }
.now-playing h3 { font-size: 37px; text-align: center; margin: 0; text-transform: uppercase; color: white; line-height: 1.1em; padding: 0.7em 1em; }
.form-enter-code { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: white; position: relative; padding-right: 54px; height: 58px; margin: 0 12px; padding: 0 5px; border: 1px solid #cac6b0; }
.form-enter-code label { color: black; width: 153px; height: 12px; text-indent: -99999px; overflow: hidden; background: url(../images/title-showtimes.png) left top no-repeat; margin-top: 10px; margin-bottom: 4px; border-radius: 0; }
.form-enter-code .e { border: 1px solid black; background: #cac6b0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #1f1004; padding: 4px; width: 145px; letter-spacing: 1px; }
.form-enter-code .s { position: absolute; right: 0; top: 0; width: 54px; height: 60px; border: 0; background: url(../images/submit-code.png) center center no-repeat; }
@media (min-width: 942px) {
.mobile-box, .mobile-header .web-name { display: none; }
.web-footer img { display: none; }
body.ui-overlay-a { background: #020202 url(../images/bg.png) center top no-repeat; margin: 0; padding: 0; font-family: 'Titillium Web', sans-serif; }
.web-page, .ui-panel-wrapper { background: transparent !important; }
}
@media (min-width: 1920px) {
body.ui-overlay-a { background-size: 100% 1050px; }
}
@media (min-width: 942px) {
 .ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited{ background:red;}
.web-header { display: none; }
.web-page { padding-top: 0 !important; }
.web-content { overflow: hidden; padding: 0 !important; background: transparent !important; }
.web-container { width: 939px; height: 807px; margin: 0 auto; }

.web-home { background: url(../images/table/web-home.jpg) center top no-repeat; }
.web-trailer { background: url(../images/table/web-trailer.jpg) center top no-repeat; }
.web-story { background: url(../images/table/web-story.jpg) center top no-repeat; }
.web-cast { background: url(../images/table/web-cast.jpg) center top no-repeat; }
.web-gallery { background: url(../images/table/web-gallery.jpg) center top no-repeat; }

.web-inner { width: 939px; height: 807px; background: url(../images/table/main-pic.png) center top no-repeat; position: relative; }
.sidebar { width: 150px; padding-top: 146px; }
.in-theaters { position: absolute; left: 425px; top: 580px; width: 160px; height: 160px; text-align: center; background-color: rgba(0, 0, 0, 0.5); color: white; }
.in-theaters h3 { font-weight: bold; font-size: 22px; text-transform: uppercase; margin: 0; margin-top: 15px; margin-bottom: 2px; }
.in-theaters .week { font-weight: bold; font-size: 24px; text-transform: capitalize;  }
.sidebar .nav { font-family: 'Titillium Web', sans-serif; font-weight: 400; font-size: 20px; color: #000000; list-style: none; margin: 0; padding: 0; text-align: left; text-transform: uppercase; }
.sidebar .nav li { padding: 5px 0; }
.sidebar .nav li a { padding-left:15px; color: #000000; text-decoration: none; height: 36px; line-height: 36px; display: block; font-weight:400; }
.sidebar .nav li a.active, .sidebar .nav li a:hover, .sidebar .nav li a:active { background-color: #cecece; }
.share { margin-top: 30px; }
.share dt { display: none; }
.share dd { margin: 0; padding: 0; padding-left: 15px; margin-bottom: 5px; }
.share dd > a { width: 27px; height: 28px; display: inline-block; background-image: url(../images/share.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
.share dd a.facebook { background-position: 0 0; }
.share dd a.twitter { background-position: -27px 0; }
.web-footer { background: transparent !important; border: 0; }
.web-footer > .inner { background: url(../images/footer.jpg) 162px -4px no-repeat; width: 939px; margin: 0 auto; height: 243px; }
}
/*mobile*/
@media (max-width: 941px) {
.web-popup, .web-popup-screen { display: none !important; }
.img-responsive { width: 100%; display: block; }
.web-container .sidebar, .web-home .now-playing h3 { display: none; }
.web-home .now-playing h3{ display:block; padding:5px; font-size:30px; line-height:55px; background:black; margin-bottom:10px;}
.web-footer { border: 0; }
.web-home > .web-inner { position: relative; }
.web-home .in-theaters { position: absolute; left: 50%; margin-left: -100px; top: 68%; margin-top: -33px; width: 210px; padding: 5px; text-align: center; background-color: rgba(0, 0, 0, 1); color: white; }
.web-home .in-theaters h3 { font-weight: bold; font-size: 18px; text-transform: uppercase; margin: 0 0 -5px 0; }
.web-home .in-theaters .week { font-weight: bold; font-size: 24px; text-transform: capitalize; }
.web-home .now-playing { height: auto; left: 50%; width: 220px; margin-left: -100px; top: 68%; margin-top: -33px; }
.form-enter-code { margin: 0; }
.mobile-header { height: 183px; background: #535353 url(../images/mobile/mobile-header.jpg) right center no-repeat; }
.mobile-header { }
.mobile-header .in-theaters, .mobile-header .now-playing { position: static; }
.mobile-header .now-playing { float: right; width: auto; height: auto; }
.mobile-header .now-playing h3 { font-size: 20px; padding: 0; text-align: left; padding-bottom: 1px; margin: 0; }
.mobile-header .form-enter-code { background: transparent; border-color: transparent; padding: 0; width: 200px; margin-right: 10px; }
.mobile-header .in-theaters { display: none; }
.mobile-header .web-name { float: left; }
.mobile-heading { clear: both; display: block; background: #252525 url(../images/mobile/bg-heading.png) center top no-repeat; height: 50px; line-height: 50px; background-size: 100% 14px; }
.mobile-heading h2 { margin: 0; padding: 0; font-size: 25px; color: #9c6101; padding: 0 10px; }
.mobile-heading h2 a{ color:#9c6101 !important; text-decoration:none; font-weight:700; }
.web-trailer { height: inherit; }
.web-trailer .channel-page { background:#000000 url(../images/mobile/mobile-global-bg.png); padding: 15px; }

.mobile-trailer-video { padding-bottom: 55%; }
.mobile-trailer-video > div { box-shadow: 4px 4px 5px #000000; background: black; }
.web-channel .form-enter-code label { background-image: url("../images/mobile/title-showtimes.png"); }
.web-channel .form-enter-code .s { background-image: url("../images/mobile/submit-code.png"); }
.web-channel .form-enter-code .e { width: 134px; border-color: #f7f7f7; }
.web-channel { }
.mobile-box { color: white; background-color: #252525; }
.share-header { text-align: right; margin: 0; padding-left: 50px; height: 40px; padding-right: 10px; }
.share-header dt {font-family: 'Lato', sans-serif; font-weight:300; text-transform: uppercase; font-size: 12px; }
.share-header dt, .share-header dd { display: inline-block; vertical-align: middle; margin: 0; padding-top: 5px; }
.web-header a.ui-icon-bars.ui-btn-active:after{ }
.share-header .facebook, .share-header .twitter { display: inline-block; width: 28px; height: 0px; padding-top: 28px; overflow: hidden; background-image: url(../images/share.png); background-repeat: no-repeat; vertical-align: middle; }
.share-header .facebook { background-position: -58px 0; }
.share-header .twitter { background-position: -91px 0; }

.web-story .channel-page { background:#000000 url(../images/mobile/mobile-global-bg.png); padding: 15px; }
.web-cast .channel-page { background-color: #252525; }
.mobile-cast-nav { }
.mobile-cast-nav h2 { color:#9c6101; margin: 0; padding: 0 15px; text-transform: capitalize; }
.mobile-cast-nav ul { padding: 5px 30px 10px; margin: 0; }
.mobile-cast-nav ul li { list-style: none; margin: 0; }
.mobile-cast-nav ul li a { font-size: 13px; color: #d9d9d9; text-decoration: none; background: url(../images/icon-arrow.png) left center no-repeat; padding-left: 20px; }
.web-cast-sub .channel-page { background:#000000 url(../images/mobile/mobile-global-bg.png);padding: 15px; font-weight:400; }
.mobile-header .now-playing { padding-top: 50px; }
.mobile-header .in-theaters { padding-top: 50px; text-align: center; display: block; width: 240px; float: right; color: white; }
.mobile-header .in-theaters h3 { font-size: 30px; margin: 0; text-transform: uppercase; }
.mobile-header .in-theaters .week { font-weight: bold; font-size: 24px; text-transform: capitalize; }
}
@media (max-width: 941px) and (min-width: 639px) {

}
@media (max-width: 640px) {
 .mobile-header .now-playing { padding-top: 0px; }
.mobile-header .in-theaters { padding-top: 0px;}
.mobile-header .now-playing h3 { padding-top: 0; }
.imitate-table-mh { display: table; width: 100%; height: 100%; }
.imitate-table-mh > div { display: table-cell; vertical-align: middle; }
.mobile-header { position: relative;/* bottom vs. top for IE5 */ height: 0; /* triggers hasLayout in IE5.0+ */ padding-bottom: 30%; background-size: cover; }
.mobile-header > .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mobile-header .web-name { position: absolute; height: 100%; left: 0; top: 0; }
}
/*web-popup*/
.web-popup { position: absolute; z-index: 9999; }
.web-popup .close { background: url(../images/icon-group.png) right top no-repeat; width: 50px; height: 50px; position: absolute; right: -5px; top: -45px; overflow: hidden; text-indent: -9999px; }
.web-popup .close:hover{ background-position:right -75px;}
.web-popup-screen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 888; display: none; }
.trailer-video { background:#000000; width: 810px; height: 460px; box-shadow: 0px -10px 23px #000000; }
.trailer-video:after, .popup-story:after { content: ""; position: absolute; left: 0; top: 100%; height: 183px; width: 100%; background: url(../images/shadow.png) center top no-repeat; }
.popup-story { width: 810px; box-shadow: 0px -10px 23px #000000; background: #c3c3c3; }
.story-content { padding: 50px 65px; font-size: 15px; min-height:325px;}
.story-content .pop-hd { margin-bottom: 25px; }
.story-content .pop-hd h1 { margin: 0; font-size: 35px; color: #9c6101; }
.story-content .pop-bd p { line-height: 24px; }
.popup-cast { width: 840px; height: 662px; background: url(../images/table/cast-shadow.png) center top no-repeat; }
.popup-cast .close { top:10px; }
.popup-cast .cast-nav { float: left; width: 260px; }
.popup-cast .cast-nav h2 { margin: 0; padding: 0 15px; font-size: 35px; color: #9c6101; }
.popup-cast .cast-nav ul { list-style: none; padding: 5px 10px; margin: 0; }
.popup-cast .cast-nav ul li { padding-bottom: 4px; }
.popup-cast .cast-nav ul li a { font-size: 14px; color: #251800; text-decoration: none; padding: 0 10px; display: block; border: 1px solid transparent; }
.popup-cast .cast-nav ul li a.active, .popup-cast .cast-nav ul li a:hover { border: 1px solid #251800; }
.popup-cast .cast-content { float: right; width: 495px; padding-right:15px; height: 330px; overflow: auto; margin-top: 155px; margin-right: 35px; font-size: 15px; }
.popup-cast .cast-content p { font-size: 15px; line-height: 22px; color: #000; }
.popup-cast .cast-content .h3 { color: #251800; font-size: 23px; }
.popup-cast-photo { background: url(../images/photo-shadow.png) -17px 109px no-repeat; width: 434px; height: 164px; padding-bottom: 12px; }
.popup-cast-photo img { margin-left: 14px; display: block; }
.popup-gallery-small:after { content: ""; display: block; width: 264px; height: 140px; position: absolute; top: 100%; left: 0;background: url(../images/table/gallery-shadow_06.png) right bottom no-repeat; }
.popup-gallery-small ul { width: 248px; height: 456px; background: white; margin: 0; padding: 8px; }
.popup-gallery-small ul li { float: left; margin: 0; padding: 0; list-style: none; }
.popup-gallery-small ul li img { display: block; cursor: pointer; 
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: url(gray.svg#grayscale);
 filter: gray;
}
.popup-gallery-small ul li.active img,.popup-gallery-small ul li:hover img{
 -webkit-filter: grayscale(0%);
 -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);
 -o-filter: grayscale(0%);
 filter: grayscale(0%);
 filter: none;
}
.popup-gallery-small ul li.fore3 { float: left; margin: 8px 0; }
.popup-gallery-big { }
.popup-gallery-big:after { content: ""; display: block; width: 581px; height: 158px; position: absolute; top: 100%; right: 0; background: url(../images/table/gallery-shadow_03.png) right bottom no-repeat; }
.popup-gallery-big ul { margin: 0; padding: 0; }
.popup-gallery-big ul li { display: none; }
.popup-gallery-big ul li img { display: block; }
.popup-gallery-big .previous, .popup-gallery-big .next { position: absolute; width: 42px; height: 42px; top: 50%; margin-top: -21px; text-indent: -9999px; overflow: hidden; }
.popup-gallery-big .previous { left: 15px; background: url(../images/icon-group.png) left top no-repeat; }
.popup-gallery-big .previous:hover{ background-position:left -76px;}
.popup-gallery-big .next { right: 15px; background: url(../images/icon-group.png) -46px top no-repeat; }
.popup-gallery-big .next:hover{ background-position:-46px -76px;}
.control-sound,.control-sound-mobile{ font-size:9px !important; color:white; position:fixed; text-decoration:none; padding:4px; z-index:2; top:0px; left:0;}
.control-sound:hover{ background:black;}
@media (max-width: 941px) {
 .control-sound{ display:none;}
 .control-sound-mobile{ position:absolute; left:36px; right:auto; line-height:28px; font-weight:300 !important; color:white !important;}
}
@media (max-width: 360px){
 .share-header > dt{ display:none;}
}
.share-header .like{width:120px; padding-top:8px;}
#mypanel{ color:#9c6101;}
.web-header .ui-icon-bars.ui-btn-active,#mypanel .ui-btn-active{background:#9c6101 !important; border-color:#9c6101 !important;}