@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);
@font-face {
font-family:Abel;
src:url(../../vendor/font/Abel-Regular.ttf)
}
@font-face {
font-family:abster;
src:url(../fonts/ABSTER.otf)
}
body {
	color:#000!important;
	font-family:Poppins, sans-serif;
	font-size:14px;
	letter-spacing:0!important
}
body.black_bg {
	background:#000
}
.fs24 {
	font-size:24px!important
}
.fs22 {
	font-size:22px!important
}
.fs20 {
	font-size:20px!important
}
.fs18 {
	font-size:18px!important
}
.fs14 {
	font-size:14px!important
}
.fs16 {
	font-size:16px!important
}
.fs12 {
	font-size:12px!important
}
body h1, html h1 {
	font-weight:200;
	font-size:36px;
	margin:10px 0
}
body h2, html h2 {
	font-weight:200;
	font-size:24px;
	margin:10px 0
}
body h3, html h3 {
	font-weight:300;
	font-size:18px;
	margin:10px 0
}
body p, html p {
	font-size:16px;
	margin:10px 0;
	font-weight:300;
	line-height:20px
}
.life-time-movie-pay {
	margin-top:3px!important;
	float:none!important;
	margin-left:10%!important;
	width:calc(80% - 3px)!important
}
:focus {
	outline:0
}
md-tabs {
	font-weight:300
}
.md-button {
	margin:0
}
.relative {
	position:relative
}
.md-dialog-container {
	z-index:10080
}
md-backdrop.md-dialog-backdrop {
	z-index:10079
}
.capitalize {
	text-transform:capitalize
}
.d_none {
	display:none
}
header {
	background:-moz-linear-gradient(top, rgba(0, 0, 0, .7) 0, transparent 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .7)), color-stop(100%, transparent));
	background:-webkit-linear-gradient(top, rgba(0, 0, 0, .7) 0, transparent 100%);
	background:-o-linear-gradient(top, rgba(0, 0, 0, .7) 0, transparent 100%);
	background:-ms-linear-gradient(top, rgba(0, 0, 0, .7) 0, transparent 100%);
	background:linear-gradient(to bottom, rgba(0, 0, 0, .7) 0, transparent 100%);
	height:80px;
	position:fixed;
	z-index:10000;
	width:100%;
	top:0;
	left:0;
	padding:16px 0;
	color:#fff;
	font-size:16px;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease
}
.fadeOut {
	display:none;
transition:display .5s
}
.fadeIn {
	display:block;
transition:display .5s
}
header.stick {
	background:0 0!important;
	height:70px;
	top:0!important;
	opacity:1!important
}
header.homeStick {
	height:70px;
	top:0!important;
	opacity:1!important
}
header .logo {
	vertical-align:-9px;
	margin-right:40px
}
header .header_left a:focus {
	outline:0
}
header .profilePic {
	border-radius:50%;
	vertical-align:middle;
	margin-left:10px;
	box-shadow:0 0 10px -2px #fff;
	width:36px;
	height:36px
}
.header_left {
	padding-top:0;
	float:left;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease
}
header.stick .header_left {
	padding-top:0
}
.header_right {
	padding-top:0;
	float:right;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease
}
header.stick .header_right {
	padding-top:0
}
.searchBox input {
	background:rgba(255, 255, 255, .2);
	border:none;
	border-radius:2px;
	height:36px;
	width:250px;
	padding:0 25px 0 10px;
	color:#fff;
	font-weight:300
}
.searchBox {
	position:relative
}
.searchBox:after {
	font:normal normal normal 14px/1 FontAwesome;
	content:"\f002";
	position:absolute;
	right:10px;
	top:2px
}
.menu_button {
	font-weight:300;
	text-transform:none;
	letter-spacing:1px;
	position:relative;
	overflow:visible;
	font-size:16px
}
.menu_button_sub {
	position:absolute;
	left:0;
	top:30px;
	background:rgba(0, 0, 0, .74902);
	color:#fff;
	width:500px;
	white-space:normal;
	display:none;
	opacity:0
}
.menu_button_sub:before {
	content:"";
	position:absolute;
	border-bottom:10px solid rgba(0, 0, 0, .74902);
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	top:-10px;
	left:10px
}
.menu_button_sub_right {
	position:absolute;
	right:0;
	left:auto;
	top:30px;
	background:rgba(0, 0, 0, .9);
	color:#fff;
	width:380px;
	white-space:normal;
	display:none;
	opacity:0;
	padding:18px
}
.menu_button_sub_right img {
	width:100px;
	height:100px;
	box-shadow:0 0 20px -5px #fff;
	border-radius:50%
}
.menu_button_sub_right .name {
	margin:0;
	margin-bottom:5px;
	font-size:19px
}
.menu_button_sub_right .profileLink {
	font-weight:bolder;
	color:#fff;
	padding:6px
}
.menu_button_sub_right .profileLink:hover {
	color:#b6b6b7;
	border-radius:3px;
	background:rgba(158, 158, 158, .2)
}
.menu_button_sub_right .email {
	padding:0;
	margin:0;
	font-size:14px;
	color:#c3c3c3
}
.menu_button_sub_right .logout {
	text-align:right;
	font-size:15px;
	margin:20px 0 0 0
}
.menu_button_sub_right .logout a {
	padding:5px 10px;
	border-radius:3px;
	background:rgba(158, 158, 158, .2);
	color:#fff!important;
	font-weight:900
}
.menu_button_sub_right .logout a:hover {
	background-color:rgba(158, 158, 158, .32);
	text-decoration:none;
	color:#fff
}
.menu_button_sub_right:before {
	content:"";
	position:absolute;
	border-bottom:10px solid rgba(0, 0, 0, .9);
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	top:-10px;
	right:10px;
	left:auto
}
.movieSynopsisFew {
	position:relative
}
.movieSynopsisFew small {
	height:20px;
	bottom:0;
	right:0;
	position:absolute
}
.movieInfo {
	min-height:50px;
	max-height:80px;
	line-height:20px;
	margin-bottom:6px;
	font-size:16px;
	overflow:hidden;
	white-space:pre-line
}
.menu_button_sub ul {
	list-style:none;
	display:block;
	padding:0;
	margin:5px
}
.menu_button_sub ul li {
	display:inline-block;
	width:150px;
	text-align:left;
	margin:5px;
	float:left
}
.menu_button_sub ul li .menu_button {
	width:100%;
	text-align:left!important;
	display:inline-block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.movieContainer {
	position:fixed;
	height:100%;
	width:100%;
	z-index:11;
	top:0
}
.tab_button {
	padding:5px 15px;
	margin-right:10px;
	font-size:18px;
	background:rgba(0, 0, 0, .5);
	color:#fff;
	border-radius:3px 3px 0 0!important
}
.tab_button.active, .tab_button.active:active, .tab_button.active:focus {
	color:#000;
	background:#fff!important
}
.videoContainer {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	color:#fff;
	background:#000
}
.videoContainer iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background:#000
}
.movie_details {
	position:static;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1
}
.movie_details.allowPlayer {
	height:calc(100% - 150px)
}
.moviePosterLarge {
	height:100%;
	width:100%;
	position:absolute;
	background:rgba(84, 84, 84, 1);
	background-position:50% 0;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-size:cover
}
.summarizeDetail {
	position:absolute;
	right:-360px;
	top:100px;
	width:360px;
	font-size:14px;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
	z-index:10;
	color:#fff
}
.summarizeDetail.open {
	right:0!important
}
.summarizeDetail .leftSideDetail {
	background:rgba(0, 0, 0, .6);
	padding:16px 24px
}
.summarizeDetailSide {
	position:absolute;
	width:40px;
	height:100%;
	font-size:16px;
	left:-40px;
	top:0;
	line-height:30px
}
.summarizeDetailSide .rotate_90 {
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	transform-origin:100% 0;
	-webkit-transform-origin:100% 0;
	-moz-transform-origin:100% 0;
	-o-transform-origin:100% 0;
	-ms-transform-origin:100% 0;
	padding:10px;
	background:rgba(0, 0, 0, .6);
	position:absolute;
	white-space:nowrap;
	font-size:16px;
	line-height:20px;
	cursor:pointer;
	right:40px
}
.movieSocialShare {
	position:absolute;
	font-size:24px;
	top:120px;
	width:40px;
	text-align:center;
	z-index:100;
	right:0
}
.movieSocialShare i {
	display:block;
	margin-bottom:15px
}
.movieSocialShare md-fab-speed-dial {
	position:absolute;
	right:8px
}
.movieSocialShare md-fab-speed-dial i {
	margin-bottom:0
}
.movieSocialShare md-fab-speed-dial .md-mini {
	font-size:20px!important;
	line-height:40px;
	margin-right:10px
}
.summarizeDetail p {
	line-height:18px
}
.summarizeDetail h1 .altTitle {
	font-size:22px
}
.supportBuyDiv {
	position:absolute;
	left:0;
	bottom:-95px;
	width:360px;
	padding:16px 24px;
	font-size:14px;
	background:rgba(0, 0, 0, .6);
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease
}
.supportBuyDiv:before {
	position:absolute;
	content:"";
	top:0;
	width:24px;
	margin-top:12px;
	height:calc(70px - 24px);
	left:-24px;
	border-top-left-radius:180%;
	border-bottom-left-radius:180%;
	background-color:rgba(0, 0, 0, .6);
	z-index:-1
}
.supportBuyDiv .closeBtn {
	position:absolute;
	padding:8px;
	left:-24px;
	top:0;
	width:30px;
	margin-top:16px;
	height:calc(70px - 24px);
	font-size:15px;
	text-align:center;
	vertical-align:middle;
	z-index:1
}
.summarizeDetail .supportBuyDiv.open {
	left:-360px
}
.summarizeDetail .supportBuyDiv, .summarizeDetail.open .supportBuyDiv.open {
	left:0
}
.summarizeDetail.open .supportBuyDiv {
	left:360px
}
.genreTag {
	display:inline-block;
	padding:0 6px;
	background:rgba(6, 146, 216, .5);
	font-size:12px;
	margin-right:3px
}
.blue {
	color:#0692d8
}
.bonusContent {
	position:absolute;
	left:-200px;
	top:100px;
	min-height:136px!important;
	max-height:calc(100% - 168px);
	width:200px;
	padding:5px;
	font-size:14px;
	background:rgba(0, 0, 0, .6);
	overflow-x:hidden;
	overflow-y:auto;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
	z-index:10;
	color:#fff
}
.bonusContent .scroll-viewport {
	width:180px;
	height:71vh;
	min-height:136px!important
}
.allowPlayer .bonusContent {
	bottom:18px
}
.bonusContent.open {
	left:0!important;
	opacity:1!important
}
.bonusContentView {
	position:absolute;
	top:100px;
	left:200px;
	background:rgba(0, 0, 0, .6);
	width:0;
transition:all .2s ease;
	overflow:hidden;
	z-index:1000;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
	color:#fff
}
.bonusContentView.open {
	width:620px
}
.bonusContentView iframe, .bonusContentView img {
	position:relative;
	height:330px!important;
	width:590px!important
}
.bonusViewInner {
	background:#000;
	height:330px;
	width:590px
}
.bonusContentSide {
	position:absolute;
	top:100px;
	left:0;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-o-transition:all .2s ease;
-ms-transition:all .2s ease;
	z-index:10;
	color:#fff
}
.bonusContentSide.open {
	left:200px!important
}
.bonusContentSide.viewOpen {
	left:820px!important
}
.bonusContentSide .rotate_90 {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-o-transform-origin:0 0;
	-ms-transform-origin:0 0;
	padding:10px;
	background:rgba(0, 0, 0, .6);
	position:absolute;
	top:0;
	left:40px;
	white-space:nowrap;
	font-size:16px;
	line-height:20px;
	cursor:pointer
}
.bonusContentInner {
	height:100px;
	width:190px;
	margin-bottom:15px;
	position:relative;
	text-align:center;
	background:#000
}
.bonusContentLock {
	position:absolute;
	top:0;
	left:0;
	background:rgba(0, 0, 0, .2);
	height:100%;
	width:100%;
	z-index:99
}
.bonusContentLock i {
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.bonusContentInner img {
	max-width:100%;
	height:100%
}
.bonusContentName {
	position:absolute;
	height:20px;
	font-size:14px;
	line-height:14px;
	padding:3px 7px;
	background:#000;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.bonusContentHead .bonusContentName {
	position:relative;
	background-color:transparent
}
.moviePlay {
	position:absolute;
	height:100px;
	width:100px;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	background:rgba(0, 0, 0, .6);
	text-align:center;
	z-index:1000
}
.moviePlay .button {
	line-height:100px;
	font-size:50px
}
.moviePlay .button.followButton {
	line-height:80px;
	font-size:39px
}
.moviePlay .writeReview {
	padding:8px;
	margin-top:9px;
	background:rgba(0, 0, 0, .6);
	box-shadow:0 0 20px #000;
	font-size:18px
}
.moviePlay.blockMovie {
	width:auto;
	padding:20px 40px;
	background:rgba(0, 0, 0, .66);
	height:auto;
	color:#fff;
	font-size:24px;
	max-width:450px
}
.moviePlay.blockMovie .fs24 {
	line-height:30px;
	margin-bottom:20px
}
.moviePlay span {
	color:#fff
}
.allowPlayer .moviePlay {
	margin-top:25px
}
.followSmallDesc {
	position:absolute;
	height:auto;
	width:550px;
	padding:20px;
	left:45%;
	top:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	background:rgba(0, 0, 0, .6);
	box-shadow:0 0 20px #000;
	z-index:11
}
.followSmallDesc .summery {
	max-height:220px;
	overflow:auto;
	font-size:14px
}
.followSmallDesc p {
	font-size:20px
}
.followSmallDesc .summery::-webkit-scrollbar {
width:5px
}
.followSmallDesc .summery::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .5);
-webkit-border-radius:10px;
border-radius:10px
}
.followSmallDesc .summery::-webkit-scrollbar-thumb {
-webkit-border-radius:10px;
border-radius:10px;
background:#aaa;
-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .5)
}
.moviePay small {
	font-size:80%
}
.lifetimeMoviePay {
	background-color:#963d3d!important
}
.life-time-movie-pay.fullWidth {
	width:100%!important;
	margin-left:0!important
}
.border_thin {
	border-bottom:1px solid #333
}
.border_thin_light {
	border-bottom:1px solid #eee
}
p ng-md-icon {
	vertical-align:-5px
}
.gray {
	color:#aaa
}
.grayback {
	background-color:#eaeaea!important;
	padding-left:32px!important;
	padding-right:32px!important
}
.whiteback {
	background-color:#fff!important
}
.round_20 {
	border-radius:20px
}
.tab_body {
	padding:20px 0
}
.tab_content_inner {
	padding:20px 0
}
.credit_table {
	width:100%;
	border-collapse:collapse;
	font-size:14px
}
.credit_table .designation {
	background:#e0e0e0;
	padding:10px;
	border:2px solid #f1f1f1
}
.credit_table .person {
	background:#e5e5e5;
	padding:10px;
	border:2px solid #f1f1f1
}
.synopsis {
	text-align:justify
}
.profileName {
	font-size:18px
}
.profileName img {
	width:50px;
	height:50px;
	margin-right:10px;
	vertical-align:top;
	float:left;
	border-radius:50%
}
.profileName .text-danger {
	font-size:15px
}
.reviewContent {
	margin-top:10px;
	font-size:15px;
	width:100%;
	max-height:186px;
	overflow:hidden;
	word-wrap:break-word;
	position:relative
}
.reviewDetail {
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	min-height:30px
}
.viewMoreReview {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding-top:27px;
	background:linear-gradient(top, rgba(234, 234, 234, .001), #eaeaea, #eaeaea);
	background:-moz-linear-gradient(top, rgba(234, 234, 234, .001), #eaeaea, #eaeaea);
	background:-webkit-linear-gradient(top, rgba(234, 234, 234, .001), #eaeaea, #eaeaea);
	background:-o-linear-gradient(top, rgba(234, 234, 234, .001), #eaeaea, #eaeaea);
	background:-ms-linear-gradient(top, rgba(234, 234, 234, .001), #eaeaea, #eaeaea)
}
.reviewFooter {
	margin-top:20px;
	font-size:15px;
	min-height:17px
}
.reviewFooter small {
	color:#444
}
.reviewFooter .date {
	position:relative
}
.reviewFooter .date small {
	position:absolute;
	bottom:1px
}
.reviewFooter .right .criticLink {
	text-align:center;
	padding:2px 0;
	margin:0;
	border:rgba(138, 138, 138, .62) 1px solid;
	width:auto
}
.reviewFooter span {
	color:#444;
	white-space:nowrap
}
.reviewFooter .criticReviewName {
	white-space:nowrap;
	font-weight:700
}
.fixedBack {
	height:100%;
	width:100%;
	position:fixed;
	color:#fff;
	top:0;
	left:0;
	background-position:50% 0;
	background-size:cover;
	z-index:10
}
.fixedBack:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, .8);
	z-index:-1
}
.fixedBack:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	background-size:100% 100%
}
.fixedBack md-content {
	background-color:transparent;
	height:100%;
	width:100%
}
.fixedBack md-content.md-padding {
	padding:16px 32px
}
.fixedBack h1 {
	margin-top:70px
}
.fixedBack .buttons {
	position:absolute;
	bottom:0
}
.min_100 {
	min-height:100%
}
.movieDetailMain {
	position:relative;
	z-index:50;
	margin-top:100vh;
	background-color:transparent!important;
	padding-top:200px;
	min-height:calc(100vh - 128px)
}
.movieDetailMain:after {
	content:"";
	position:absolute;
	top:200px;
	left:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index:-1
}
.contentDetailMain {
	position:relative;
	z-index:50;
	background-color:transparent!important;
	padding-top:200px
}
.contentDetailMain.homePage {
	background-color:#000!important;
	color:#fff;
	font-size:16px;
	width:100%;
	padding-top:10px
}
.contentDetailMain h1 {
	font-size:30px
}
.contentDetailMain.homePage h1 small {
	font-size:16px;
	color:#fff
}
.exploreLink a, .exploreLink a .fa {
	color:#fff;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease
}
.exploreLink a:focus, .exploreLink a:focus .fa, .exploreLink a:hover, .exploreLink a:hover .fa {
	text-decoration:none;
	color:#008bd1
}
.exploreLink .fa {
	color:#fff;
	font-size:20px
}
.exploreLink a:hover .fa {
	padding-left:15px
}
.md-button.md-default-theme.md-success.md-fab, .md-button.md-default-theme.md-success.md-raised {
	color:#fff;
	background-color:#1b824f
}

.md-button.md-default-theme.md-success.md-fab, .md-button.md-default-theme.md-success.md-raised a {
	color:#fff;
}

.md-button.md-default-theme.md-success.md-fab, .md-button.md-default-theme.md-success.md-raised a:hover { 
text-decoration:none;
}



.md-button.md-default-theme.md-success.md-fab:not([disabled]):focus, .md-button.md-default-theme.md-success.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-success.md-raised:not([disabled]):focus, .md-button.md-default-theme.md-success.md-raised:not([disabled]):hover {
background-color:#329664
}
.md-button.md-default-theme.md-facebook.md-fab, .md-button.md-default-theme.md-facebook.md-raised {
	color:#fff;
	background-color:#3b5998
}
.md-button.md-default-theme.md-facebook.md-fab:not([disabled]):focus, .md-button.md-default-theme.md-facebook.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-facebook.md-raised:not([disabled]):focus, .md-button.md-default-theme.md-facebook.md-raised:not([disabled]):hover {
background-color:#3b5998
}
.md-button.md-default-theme.md-google_plus.md-fab, .md-button.md-default-theme.md-google_plus.md-raised {
	color:#fff;
	background-color:#dd4b39
}
.md-button.md-default-theme.md-google_plus.md-fab:not([disabled]):focus, .md-button.md-default-theme.md-google_plus.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-google_plus.md-raised:not([disabled]):focus, .md-button.md-default-theme.md-google_plus.md-raised:not([disabled]):hover {
background-color:#dd4b39
}
.md-button.md-default-theme.md-twitter.md-fab, .md-button.md-default-theme.md-twitter.md-raised {
	color:#fff;
	background-color:#2caae1
}
.md-button.md-default-theme.md-twitter.md-fab:not([disabled]):focus, .md-button.md-default-theme.md-twitter.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-twitter.md-raised:not([disabled]):focus, .md-button.md-default-theme.md-twitter.md-raised:not([disabled]):hover {
background-color:#2caae1
}
.md-button.md-default-theme.md-success.md-fab, .md-button.md-default-theme.md-yellow.md-raised {
	color:#fff;
	background-color:#b5763f
}
.md-button.md-default-theme.md-success.md-fab:not([disabled]):focus, .md-button.md-default-theme.md-success.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-success.md-raised:not([disabled]):focus, .md-button.md-default-theme.md-yellow.md-raised:not([disabled]):hover {
background-color:#b5763f
}
.md-button.md-hue-2.md-danger.md-raised {
	color:rgba(0, 0, 0, .87);
	background-color:#de3641!important
}
.md-button.md-hue-2.md-danger.md-raised:hover {
	background-color:#d50000!important
}
md-card.grayback {
	padding:0!important;
	box-shadow:none;
	margin:0!important
}
.masonry-brick {
	width:calc(33.33% - 16px);
	margin:8px;
	float:left
}
.fixTab {
	position:absolute;
	height:200px;
	background-color:transparent!important;
	color:#fff;
	top:0;
	left:0;
	width:100%;
	overflow:visible
}
.fixedMovieHeader {
	position:absolute;
	top:70px;
	left:15px
}
.fixedMovieHeader .altTitle {
	font-size:24px
}
.fixHeader {
	position:absolute;
	top:70px;
	left:15px
}
.fixedMovieSocialShare, .profileSocialShare {
	position:absolute;
	top:80px;
	right:15px
}
.fixTab .container {
	height:100%
}
.fixTab .buttons {
	position:absolute;
	bottom:0
}
.fixTab.fixed {
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	width:100%;
	height:190px
}
.fixTab.profile {
	position:fixed;
	height:320px;
	background-size:cover;
	z-index:1000;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease;
	background-position:top center
}
.fixTab.profile.bg-black, .fixTab.profileEdit.bg-black {
	background-color:#000!important
}
.fixTab.other {
	position:fixed;
	height:150px;
	z-index:1000;
	background-size:cover;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease
}
.fixTab.profileEdit {
	position:fixed;
	height:200px;
	z-index:1000;
	background-size:cover;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease
}
.profileEdit h1 a, .profileEdit h1 a:hover {
	color:#fff
}
.fixTab.profile h1, .profileEdit h1 {
	height:41px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.fixTab.fixed.profile {
	height:200px
}
.fixTab.fixed:after, .fixTab.other:after, .fixTab.profile:after, .fixTab.profileEdit:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, .8);
	z-index:-1
}
.fixTab.fixedImg, .fixTab.other:before, .fixTab.profile:before, .fixTab.profileEdit:before {
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	background-position:50% 0;
	background-color:rgba(84, 84, 84, 1)!important;
	background-size:cover
}
.fixTab.profile:before {
	background:url(../img/bonus/324.png);
	background-size:100%
}
.fixTab.profile:after, .fixTab.profileEdit:after {
	background:rgba(2, 13, 34, .8)
}
.fixTab.other:before {
	background:url(../img/bonus/146.jpg) 0 -155px;
	background-size:100%
}
.fixTab.other:after {
	background:rgba(81, 12, 3, .8)
}
.fixTab.other.black:after {
	background:rgba(0, 0, 0, 1)
}
.fixTab.libraryPage {
	background:rgba(0, 0, 0, 1)!important;
	z-index:1000;
	min-height:200px
}
.fixTab.libraryPage .fixHeader {
	width:100%;
	top:80px
}
.contentDetailMain.libraryPage {
	background-color:#000!important;
	height:100%;
	padding-top:160px
}
.fixTab.libraryPage:after {
	background:rgba(0, 0, 0, 1)
}
.fixTab.other.contactUsPage:after, .fixTab.other.notificationPage:after {
	background:rgba(10, 50, 66, .85)
}
.fixTab.other.movieStatisticPage:after {
	background:rgba(30, 64, 27, .82)
}
.fixTab.other.nyiffPage:after {
	background:rgba(0, 0, 0, 1)
}
.movieStatisticData {
	display:none
}
.watchTrailer {
	width:calc(50% - 3px)
}
.watchTrailer small {
	opacity:.8;
	font-size:12px
}
.vdivider {
	height:100%;
	border-left:1px solid #eee;
	position:absolute;
	left:50%
}
.profileMainImage {
	position:absolute;
	left:15px;
	top:85px;
	height:150px;
	width:150px;
	border-radius:50%;
	box-shadow:0 0 20px -5px #fff;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease
}
.fixTab.profileEdit .profileMainImage, .fixed .profileMainImage {
	height:60px;
	width:60px;
	top:70px
}
.profileMainDetail {
	position:absolute;
	top:85px;
	left:200px;
	width:calc(100% - 215px);
	margin-bottom:20px;
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease
}
.fixTab.profileEdit .profileMainDetail, .fixed .profileMainDetail {
	position:absolute;
	top:70px;
	left:100px;
	width:calc(100% - 115px)
}
.fixed .hdivider, .fixed .numberDetail, .fixed .profileMainDetail .genderDetail {
	display:none
}
.hdivider {
	border-bottom:1px solid #333
}
.numberDetail {
	margin-top:10px
}
.numberInner {
	display:inline-block;
	text-align:center;
	margin-right:50px
}
.numberDetail p, .numberInner h2 {
	margin:0
}
.genderDetail {
	margin-bottom:10px
}
.hdivider, .numberDetail, .profileMainDetail .genderDetail {
transition:all .2s ease;
-webkit-transition:all .2s ease;
-moz-transition:all .2s ease;
-ms-transition:all .2s ease;
-o-transition:all .2s ease
}
.fixedButton {
	font-size:24px;
	position:absolute;
	bottom:-28px
}
.fixedButton i.edit, .fixedButton i.follow, md-fab-speed-dial.fixedButton i {
	font-size:24px!important;
	line-height:56px
}
md-fab-speed-dial.fixedButton .md-mini i {
	font-size:20px!important;
	line-height:40px
}
md-fab-speed-dial.fixedButton .md-mini {
	font-size:20px!important;
	line-height:40px;
	margin-right:10px
}
.fixedButton.first {
	right:15px
}
.fixedButton.second {
	right:85px
}
.movieListDiv {
	margin-left:-15px;
	margin-right:-15px
}
.moviePoster {
	text-align:left;
	display:inline-block;
	width:200px;
	position:relative;
	border-radius:5px;
	overflow:hidden;
	margin-bottom:0
}
.featuredMovie:nth-child(even) {
margin-right:80px
}
.featuredMovie a {
	color:#fff
}
.featuredMovie a:focus, .featuredMovie a:hover {
	text-decoration:none
}
.featuredMovie .title {
	font-size:23px
}
.featuredMovie .title .altTitle {
	font-size:18px
}
.featuredMovie .tagline {
	font-size:16px;
	color:#ddd;
	padding-top:8px
}
.featuredMovie .tagline.out {
	padding-top:4px
}
.featuredMovie .moviePoster {
	min-width:100%;
	width:100%!important
}
.featuredMovie .moviePoster img {
	min-width:100%;
	min-height:100%;
	height:auto
}
.featuredMovie .movieDetail {
	position:absolute;
	top:176px;
	left:0;
	width:100%;
	height:100%;
	z-index:6;
	padding:10px 15px;
transition:all .5s ease-out;
-weblit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
-ms-transition:all .5s ease-out
}
.featuredMovie .moviePoster::after, .homemovieList .moviePoster::after, .librarymovieList .moviePoster::after {
width:100%;
position:absolute;
height:100px;
bottom:0;
left:0;
content:"";
z-index:1;
background:-moz-linear-gradient(bottom, rgba(0, 0, 0, .7) 0, transparent 100%);
background:-webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .7)), color-stop(100%, transparent));
background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .7) 0, transparent 100%);
background:-o-linear-gradient(bottom, rgba(0, 0, 0, .7) 0, transparent 100%);
background:-ms-linear-gradient(bottom, rgba(0, 0, 0, .7) 0, transparent 100%);
background:linear-gradient(bottom top, rgba(0, 0, 0, .7) 0, transparent 100%)
}
.homemovieList .moviePoster::after, .librarymovieList .moviePoster::after {
height:70px
}
.featuredMovie .moviePoster:hover .movieDetail {
	top:0;
	background:rgba(0, 0, 0, .8)
}
.featuredMovie .moviePoster:hover .country, .featuredMovie .moviePoster:hover .title {
	color:#fff!important
}
.homemovieList, .librarymovieList {
	margin-bottom:15px
}
.homemovieList .movieTagline, .librarymovieList .movieTagline {
	color:#fff;
	font-size:14px
}
.homemovieList a:focus, .homemovieList a:hover, .librarymovieList a:focus, .librarymovieList a:hover {
	text-decoration:none
}
.homemovieList .item, .librarymovieList .item {
	position:relative;
	width:390px;
	height:316px;
	float:left;
	overflow:hidden;
	padding:15px 17px 25px 17px
}
.bundleMovieList {
	overflow:hidden;
	height:auto
}
.bundleMovieList.collapsed {
	height:100px
}
.bundleMovieList .item {
	width:50%;
	height:auto
}
.bundleMovieList .pass_item {
	width:33.33%;
	height:auto;
	float:left
}
.librarymovieList .item {
	margin-top:15px
}
.homemovieList .moviePoster, .librarymovieList .moviePoster {
	width:100%;
	height:208px;
	position:relative
}
.bundleMovieList .moviePoster {
	width:100%;
	padding-top:56.25%;
	height:0;
	position:relative
}
.bundleMovieList {
	border-bottom:1px solid #fff
}
.bundlePassMovieList {
	border-bottom:1px solid #555;
	margin-bottom:0!important;
	padding-top:20px!important;
	padding-bottom:20px!important
}
.bundlePassMovieList.active {
	background:#222
}
.homemovieList .title, .librarymovieList .title {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:6;
	padding:10px 15px;
	color:#fff;
	font-size:20px
}
.homemovieList .movieTitle, .librarymovieList .movieTitle {
	font-size:18px;
	font-weight:700;
	color:#fff;
	padding:0 0 5px 0;
	width:100%
}
.homemovieList .movieTitle .altTitle, .librarymovieList .movieTitle .altTitle {
	font-size:16px
}
.homemovieList .moreTagline, .librarymovieList .moreTagline {
	position:absolute;
	left:0;
	height:28px;
	bottom:0;
	width:calc(100% - 30px);
	background-color:#fff;
	padding-top:27px;
	background:-moz-linear-gradient(top, transparent, #000);
	background:-webkit-gradient(left top, left bottom, color-stop(transparent), color-stop(#000));
	background:-webkit-linear-gradient(top, transparent, #000);
	background:-o-linear-gradient(top, transparent, #000);
	background:-ms-linear-gradient(top, transparent, #000);
	background:linear-gradient(180deg, transparent, #000);
	margin:0 17px
}
.homemovieList .movieTitle .genreList {
	margin-top:-2px;
	font-size:15px;
	font-weight:100
}
.filter .item input, .filterDiv {
	background-color:#000!important;
	border-color:rgba(255, 255, 255, .68);
	color:#fff
}
.filter .item label {
	color:rgba(255, 255, 255, 1);
	font-weight:400
}
.filter .item md-input-container:not(.md-input-invalid).md-input-focused .md-input {
border-color:rgba(255, 255, 255, .68)
}
.filter .item md-input-container:not(.md-input-invalid).md-input-focused label, .filter .item md-input-container:not(.md-input-invalid).md-input-has-value label {
color:rgba(255, 255, 255, 1);
font-weight:400
}
.filterDiv {
	border-bottom:1px solid #f2f2f2
}
.filter {
	padding-top:10px;
	padding-bottom:10px;
	float:right
}
.filter .clearlink, .filter .heading {
	padding-top:25px;
	font-size:16px;
	display:inline-block;
	margin-right:20px
}
.filter .clearlink a {
	cursor:pointer;
	color:rgba(255, 255, 255, .8)!important
}
.filter .item {
	margin-right:15px
}
.moviePoster.back {
	background:rgba(84, 84, 84, 1)
}
.gutter-sizer {
	width:calc(20% - 193px)
}
.moviePosterImg {
	color:#fff;
	font-size:18px;
	width:100%;
	height:100%;
	display:block!important;
	background:rgba(84, 84, 84, 1)
}
.bundleMovieList .moviePosterImg {
	color:#fff;
	font-size:18px;
	width:100%;
	height:100%;
	display:block!important;
	background:rgba(84, 84, 84, 1);
	position:absolute;
	top:0;
	left:0
}
.moviePoster.back:hover .moviePosterImg {
	text-decoration:none
}
.moviePosterDetail {
	position:absolute;
	padding:0;
	font-size:20px;
	color:#fff;
	top:10px;
	bottom:10px;
	padding:10px;
	width:100%;
	height:100%;
	line-height:20px;
transition:all .5s ease;
-weblit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
	transform:scale(.9, .9);
	-weblit-transform:scale(.9, .9);
	-moz-transform:scale(.9, .9);
	-o-transform:scale(.9, .9);
	-ms-transform:scale(.9, .9);
	opacity:0;
	background:rgba(81, 12, 3, .9);
	border-radius:5px
}
.moviePosterInner small {
	font-size:14px
}
.moviePoster:hover .moviePosterDetail {
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:1;
	transform:scale(1, 1);
	-weblit-transform:scale(1, 2);
	-moz-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	-ms-transform:scale(1, 1)
}
.moviePosterInnerDivider {
	margin:10px -10px;
	border-bottom:1px solid #fff;
	opacity:.1
}
.genre {
	display:inline-block;
	padding:3px 4px;
	background:rgba(255, 255, 255, .3);
	font-size:12px;
	line-height:12px;
	margin-top:10px;
	margin-right:5px
}
.underConstruction {
	padding-top:70px;
	color:#323e4e;
	text-align:center
}
.underConstruction img {
	height:170px;
	margin-top:0;
	margin-bottom:20px
}
.error {
	font-size:13px;
	line-height:24px;
	color:#f44336
}
.reactivateLoginError {
	line-height:1.2!important;
	color:#a9a9a9!important;
	margin-bottom:0!important
}
.reactivateLink {
	padding:5%
}
.reactivateLink a {
	margin-left:15px
}
md-input-container {
	padding-bottom:15px
}
md-input-container.no-padding {
	padding-bottom:0!important;
	margin-bottom:6px!important
}
.no-padding {
	padding:0!important
}
.imageOuter {
	width:100%;
	padding-top:10px;
	margin-bottom:10px
}
.raw {
	margin-left:-15px;
	margin-right:-15px
}
.imageOuter i {
	font-size:25px
}
.imageOuter label {
	font-weight:400
}
.imageOuter small {
	font-size:10px
}
.landscapePosterOuter, .moviePosterOuter, .profilePicOuter {
	height:175px;
	border:2px dashed #ccc;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	opacity:1;
	position:relative;
transition:all ease-in-out .3s;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s
}
.landscapePosterOuter img, .moviePosterOuter img, .profilePicOuter img {
	height:100%;
	width:100%
}
.albumUpload [type=file], .landscapePosterOuter [type=file], .moviePosterOuter [type=file], .profilePicOuter [type=file] {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	cursor:pointer;
	opacity:0;
	z-index:100
}
.uploadWrapper {
	position:absolute;
	background:rgba(255, 255, 255, .7);
	padding-top:60px;
	font-size:20px;
	opacity:0;
	top:0;
	width:100%;
	height:100%;
transition:all ease-in-out .3s;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s
}
.uploading {
	position:absolute;
	background:rgba(255, 255, 255, .8);
	padding-top:60px;
	font-size:20px;
	top:0;
	display:none;
	z-index:101;
	width:100%;
	height:100%
}
.landscapePosterOuter {
	height:175px;
	text-align:center;
	border:2px dashed #ccc;
	cursor:pointer;
transition:all ease-in-out .3s;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s
}
.landscapePosterOuter:hover, .moviePosterOuter:hover, .profilePicOuter:hover {
	border:2px dashed #3f51b5;
	opacity:1
}
.landscapePosterOuter:hover .uploadWrapper, .moviePosterOuter:hover .uploadWrapper, .profilePicOuter:hover .uploadWrapper {
	opacity:1
}
.uploadMovieDetail {
	padding:50px 20px;
	display:none
}
.uploadMovieDetail .movieName {
	padding:10px 0;
	font-size:30px;
	color:#009ce9
}
.movieOuter {
	display:block
}
.movieOuter .movieOuterInside i {
	font-size:40px
}
.movieOuter .movieOuterInside, .movieRestrictDiv .movieOuterInside {
	opacity:.5;
	font-size:30px;
	padding-top:5%;
transition:.3s all ease-in-out;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s
}
.movieOuter .moviePosterOuter:hover .movieOuterInside, .movieRestrictDiv .moviePosterOuter:hover .movieOuterInside {
	opacity:1
}
.movieOuter .moviePosterOuter, .movieRestrictDiv .moviePosterOuter {
	height:200px;
	margin:5px 0
}
.movieRestrictDiv .moviePosterOuter {
	cursor:auto
}
.movieRestrictDiv .movieOuterInside {
	padding-top:8%
}
.movieUploadDiv .progress {
	margin:10px 0
}
md-content.movieUploadDiv {
	overflow:hidden;
	height:auto
}
.movieOuter .error {
	padding:5px 0
}
.fileOuter {
	margin:10px auto 10px auto;
	position:relative
}
.fileOuter .fileUploadDiv {
	margin-bottom:10px
}
.fileOuter span.label {
	font-size:16px;
	font-weight:400;
	color:#999;
	cursor:pointer
}
.fileOuter .process {
	display:none;
	float:right;
	text-align:right
}
.fileOuter .processBar {
	display:none;
	margin:10px 10px 0 10px
}
.fileOuter input {
	position:absolute;
	cursor:pointer;
	opacity:0;
	top:0;
	left:0;
	width:252px;
	height:24px
}
.fileOuter .filePreview i {
	color:#ccc;
	margin-right:0
}
.fileOuter .filePreview .fileName {
	color:#009ce9
}
.queueMovie.remove {
	color:#009ae6
}
.moviePosterSynopsis {
	height:55px;
	overflow:hidden
}
.moviePosterSynopsis p {
	height:100%;
	position:relative
}
.moviePosterSynopsis p::after {
position:absolute;
bottom:7px;
right:0;
color:#fff;
text-align:right;
content:"..."
}
.synopsisReadMore {
	font-size:14px;
	opacity:.6;
	margin:5px 0;
	text-align:right
}
.movieCountry, .movieDate, .movieLanguage {
	margin:5px 0;
	font-size:14px
}
.movieCountry i, .movieDate i, .movieLanguage i {
	opacity:.8
}
.moviePosterButton {
	font-size:14px;
	position:absolute;
	bottom:0;
	width:100%;
	padding:10px
}
.movieAddToQueue {
	background:rgba(255, 255, 255, .2);
	width:calc(100% - 20px);
	border:none;
	border-radius:5px;
	padding:5px;
	font-size:16px
}
button, input, label, optgroup, select, textarea {
	font-size:1.6rem!important
}
input, label, optgroup, select, textarea {
	box-shadow:0 0!important
}
#profileForm .genreLabel {
	font-size:1.6rem;
	margin:15px;
	margin-left:0
}
.movieDetail {
	position:absolute;
	bottom:52px;
	width:100%
}
.moviePosterName {
	max-height:42px;
	overflow:hidden
}
.text-success {
	font-size:15px
}
label .text-success {
	font-size:17px
}
.loginOptionDevider {
	margin:25px auto;
	position:relative
}
.loginOptionDevider:after {
	position:absolute;
	content:"OR";
	top:-11px;
	font-size:16px;
	width:25px;
	left:47%;
	height:21px;
	left:47%;
	text-align:center;
	background-color:#fff
}
.splash_loader {
	height:100%;
	width:100%;
	top:0;
	left:0;
	padding:22% 47%;
	background-color:rgba(255, 255, 255, 1);
	z-index:100000;
	position:fixed
}
.loader {
	position:fixed;
	width:100%;
	height:100%;
	z-index:1000000;
	font-size:20px;
	background:rgba(0, 0, 0, .6)
}
.loaderInner {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)
}
.nofoundMsg {
	clear:both;
	width:100%;
	padding:20px;
	text-align:center;
	font-size:30px;
	display:none;
	color:#666
}
.libraryPage .nofoundMsg {
	color:#fff
}
.noReviewMsg {
	display:block!important;
	padding:70px
}
.tagInputLabel {
	top:4px
}
.tagInput {
	height:auto!important;
	box-shadow:0 0 0 0 transparent
}
.tagInput .decipher-tags {
	border:0;
	padding-left:0
}
.tagInput .md-input {
	display:inherit!important
}
.tab {
	border-radius:0;
	padding-top:20px;
	font-size:20px!important;
	padding-bottom:20px;
	text-transform:none;
	height:74px;
	color:rgba(0, 0, 0, .54);
	border-bottom:2px solid transparent;
transition:.3s all ease-in-out;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s
}
.tabs .active {
	border-bottom-color:#3f51b5
}
.tabs .active .stepNo {
	background-color:rgba(63, 81, 181, .19)
}
.tabs .stepNo {
	color:#000;
	padding:9px 16px;
	border-radius:100%;
	margin-right:10px;
	font-size:20px;
	background-color:rgba(51, 51, 51, .19)
}
.tabContent {
	padding:35px 20px;
	border:1px solid #e1e1e1;
	background:#f6f6f6;
	min-height:400px;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
transition:.3s all ease-in-out
}
h2.md-title .right {
	float:right;
	font-size:38px;
	margin-top:-9px
}
.bonusContentDiv {
	margin-bottom:20px
}
.bonusMsg {
	text-align:right;
	font-size:14px;
	margin:-9px 0 13px 0
}
.bonusContentDiv .remove {
	text-align:right
}
.bonusContentDiv .remove fa:hover {
	color:#f44336
}
.bonusContentDiv .bonusContentName {
	overflow:hidden
}
.bonusContentHead {
	width:100%;
	padding:5px 20px 5px 10px;
	background-color:#e4e4e4
}
.bonusContentBody {
	width:100%;
	padding:5px 20px
}
.addBonusContent {
	padding:10px 20px
}
.bonusSucess, .trailerSucess {
	padding:5px 10px
}
.movieUploadSuccess {
	margin:30px auto
}
.movieUploadSuccess h1 {
	color:#3c763d
}
.movieUploadSuccess p {
	padding:20px 0;
	font-size:20px
}
.movieUploadSuccess .uploadMoreBtn {
	width:200px
}
.albumUpload {
	height:120px;
	width:120px;
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px dashed #46b8da;
	border-radius:5px
}
.albumUpload:before {
	content:"Click / Drag to add Imgae";
	width:118px;
	height:118px;
	padding:60px 10px 5px 10px;
	font-size:14px;
	position:absolute;
	text-align:center;
	color:#46b8da;
	opacity:1
}
.albumUpload:after {
	height:40px;
	width:40px;
	font-size:31px;
	line-height:40px;
	top:20px;
	left:38px;
	position:absolute;
	content:"\f0ee";
	font-family:FontAwesome;
	text-align:center;
	color:#46b8da;
	opacity:1
}
.albumImage {
	height:120px;
	width:120px;
	background:#ccc;
	cursor:pointer;
	border:1px solid #eee;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden;
	border-radius:5px
}
.albumImage img.image {
	height:120px;
	width:120px
}
.albumImage:hover .removeButton {
	top:10px
}
.albumImage .removeButton {
	position:absolute;
	top:-30px;
	right:10px;
transition:top .2s ease;
-webkit-transition:top .2s ease;
-moz-transition:top .2s ease;
-ms-transition:top .2s ease;
-o-transition:top .2s ease
}
.albumImage:hover .defaultButton {
	bottom:10px
}
.albumImage.default .defaultButton {
	display:none
}
.albumImage .defaultButton {
	position:absolute;
	width:100%;
	bottom:-30px;
	text-align:center;
transition:bottom .2s ease;
-webkit-transition:bottom .2s ease;
-moz-transition:bottom .2s ease;
-ms-transition:bottom .2s ease;
-o-transition:bottom .2s ease
}
.albumImage.default:after {
	content:"";
	position:absolute;
	bottom:-2px;
	right:-1px;
	width:61px;
	height:61px;
	background:url(../img/Default.png) no-repeat
}
.genreRadio, .refundRadio {
	font-size:16px
}
.geoRadio {
	font-size:18px
}
.header_left .menu_button a:hover {
	color:#fff
}
.payFor {
	width:100%;
	text-transform:none;
	font-size:16px;
	line-height:16px;
	min-height:50px;
	display:block;
	margin-right:3px;
	margin-bottom:5px;
	max-width:500px
}
.recommandBtn {
	width:calc(50% - 50px);
	text-transform:none;
	font-size:18px!important;
	line-height:16px;
	min-height:41px;
	display:block;
	float:left;
	margin-right:15px
}
.payFor small {
	opacity:.8;
	font-size:12px
}
.watchTrailer {
	width:calc(40% - 3px);
	text-transform:none;
	font-size:16px!important;
	line-height:16px;
	min-height:50px;
	display:block;
	float:left;
	margin-left:3px
}
.support-buy {
	width:calc(60% - 3px);
	text-transform:none;
	font-size:16px;
	line-height:16px;
	min-height:38px;
	display:block;
	float:left;
	color:#000!important;
	background-color:#b5b5b5!important;
	margin-right:3px
}
.supportBuyDiv .support-buy.full {
	width:100%
}
.writeReview {
	width:calc(40% - 3px);
	text-transform:none;
	font-size:16px!important;
	line-height:16px;
	min-height:38px;
	display:block;
	float:left;
	background-color:#000!important;
	margin-left:3px
}
.supportBuyDiv .writeReview.full {
	width:100%
}
.payConfirmDiv {
	font-size:14px;
	font-weight:700
}
.payConfirmDiv .plus {
	font-size:18px;
	text-align:center;
	padding-top:5px
}
.payConfirmDiv .platformFee {
	text-align:right
}
.payConfirmDiv .amount {
	font-size:28px
}
.payConfirmTemplate {
	max-width:725px
}
md-dialog.payConfirmPopup {
	max-height:90%
}
.payConfirmPopup .popupTitle {
	font-weight:700
}
.payConfirmPopup .close {
	width:27px;
	height:27px
}
.payConfirmPopup .turmConditionDiv {
	margin:0 15px 0 0;
	border-top:0;
	min-height:37px
}
.marginBottom_0 {
	margin-bottom:0!important
}
.payConfirmTemplate, .payConfirmTemplate p {
	font-size:14px
}
.payConfirmTemplate md-dialog-content {
	padding-bottom:5px
}
.closeBonusView {
	height:26px;
	width:26px;
	position:relative;
	cursor:pointer
}
.closeBonusView:after {
	height:26px;
	width:1px;
	content:"";
	background:#eee;
	position:absolute;
	top:0;
	left:13px;
	transform:rotate(45deg)
}
.closeBonusView:before {
	height:26px;
	width:1px;
	content:"";
	background:#eee;
	position:absolute;
	top:0;
	right:13px;
	transform:rotate(-45deg)
}
md-progress-circular {
	margin-top:-5px!important
}
.albumSlider .carousel-control.right, .homeSlider .carousel-control.right {
	background-image:none
}
.bonusContentPopup.album {
	width:80%
}
.bonusContentPopup .album {
	min-height:200px;
	min-width:260px
}
.albumSlider.album .item img {
	width:auto!important;
	height:auto!important;
	max-width:590px!important;
	max-height:330px!important
}
.albumSlider.album, .albumSlider.album .carousel, .bonusContentPopup .album .item .albumSlider .carousel-inner, .quoteSlider .carousel-inner {
	height:100%!important
}
.quoteSlider .carousel {
	height:100%!important
}
.quoteSlider .carousel-indicators {
	bottom:10px;
	margin:0;
	padding:0;
	width:auto;
	-webkit-transform:translate(-50%, 0);
	-moz-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	-o-transform:translate(-50%, 0);
	transform:translate(-50%, 0)
}
.albumSlider.album .item img, .quoteSlider .item img {
	display:inline-block
}
.bonusContentPopup .album .item img {
	width:auto!important;
	height:auto!important;
	max-width:100%!important;
	max-height:400px!important
}
.bonusContentPopup .album, .bonusContentPopup .album .carousel, .bonusContentPopup .album .carousel-inner, .bonusContentPopup .album .item {
	min-height:200px!important
}
.bonusContentPopup .album .bonusContentModelAlbum {
	min-height:122px
}
.bonusContentPopup .modelReviewDetail {
	font-size:16px;
	white-space:pre-wrap;
	padding-top:15px
}
.homeSlider .carousel-indicators {
	left:auto;
	width:20%;
	text-align:right;
	right:42px;
	display:none!important
}
.albumSlider .carousel-indicators {
	left:auto;
	width:90%;
	text-align:right;
	right:42px
}
.homeSlider .carousel, .homeSlider .carousel-inner, .homeSlider .carousel-inner .item {
	height:100%
}
.homeSlider {
	overflow:hidden
}
.homeSlider a {
	color:#fff
}
.homeSlider a:hover {
	color:#fff
}
.homeSlider img {
	width:100%!important;
	height:100%!important
}
.homeSlider .carousel-caption {
	left:40px;
	bottom:0;
	width:35%;
	padding:10px 10px 10px 15px;
	margin-bottom:10px;
	background-color:rgba(0, 0, 0, .8);
	overflow:hidden;
	text-align:left
}
.homeSlider .carousel-caption h1 {
	height:42px;
	overflow:hidden;
	text-overflow:ellipsis
}
.homeSlider .carousel-caption p {
	height:21px;
	overflow:hidden;
	text-overflow:ellipsis
}
.quoteSlider .carousel-indicators .active, .quoteSlider .carousel-indicators li {
	margin:0 2px;
	width:10px;
	height:10px
}
.albumSlider .carousel-indicators li, .homeSlider .carousel-indicators li {
	margin:auto 4px;
	height:15px;
	width:15px;
	background-color:#fff
}
.albumSlider .carousel-indicators li.active, .homeSlider .carousel-indicators li.active {
	background-color:#0098e3;
	border-color:#0098e3
}
.myFormControl {
	height:26px
}
.myLabel {
	margin-bottom:2px
}
#googlebutton {
	width:120px;
	height:36px;
	color:#fff;
	border-bottom:solid 2px #02336d;
	background:#225fcd;
	box-shadow:0 1px 0 rgba(0, 0, 0, .1)
}
#googlebutton:focus, #googlebutton:hover {
	border-bottom:solid 2px #04538d;
	background:#427fed;
	cursor:pointer
}
#googlebutton .google-icon {
	margin:6px 0 0 6px;
	float:left;
	fill:#fff
}
#googlebutton .sign-in-text {
	text-align:center;
	vertical-align:middle;
	margin:3px 0 0 0;
	float:left;
	width:90px
}
.refundQuestion {
	font-size:16px;
	padding-left:10px;
	list-style:none
}
.refundQuestion md-radio-button {
	margin:5px 15px 15px 15px
}
.fullRefundPopup {
	min-width:700px
}
.fullRefundPopup .refundQuestion md-radio-button {
	margin:5px 15px 15px 15px;
	width:17px
}
.fullRefundPopup form {
	max-width:710px
}
.fullRefundPopup .errorDiv {
	min-height:74px;
	width:100%
}
.supportBtnwrapper {
	margin-bottom:0
}
.fullRefundPopup, .partialRefundPopup, .supportPopup {
	width:800px;
	padding:0 24px;
	overflow:auto
}
.supportPopup {
	width:675px
}
.supportPopup .purchased {
	opacity:.6
}
.supportPopup table {
	margin-top:10px
}
.supportPopup table td {
	padding:0;
	vertical-align:top
}
.supportPopup table tr {
	margin-bottom:10px
}
.supportPopup table p {
	margin:10px 0
}
.supportPopup table md-radio-button {
	margin:0
}
.supportPopup table .customMsg {
	font-size:12px;
	text-align:left
}
table {
	padding:5px;
	margin:5px 0
}
table td {
	padding-left:5px
}
table th span {
	text-align:center
}
.close {
	position:relative;
	width:30px;
	height:30px
}
.close:after {
	position:absolute;
	content:"";
	top:0;
	left:48%;
	transform:rotate(-45deg);
	width:2px;
	background:#000!important;
	height:100%
}
.close:before {
	position:absolute;
	content:"";
	top:0;
	transform:rotate(45deg);
	right:48%;
	width:2px;
	background:#000!important;
	height:100%
}
.close.white:after {
	background:#fff!important
}
.close.white:before {
	background:#fff!important
}
.close.gray:after {
	background:gray!important
}
.close.gray:before {
	background:gray!important
}
.cardType {
	width:59px;
	height:41px;
	margin-top:12px;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
transition:.3s all ease-in-out
}
.cardType.visa {
	background:url(../img/card_type.jpg)!important;
	background-position:0 0!important
}
.cardType.discover {
	background:url(../img/card_type.jpg)!important;
	background-position:-55px 0!important
}
.cardType.mastercard {
	background:url(../img/card_type.jpg)!important;
	background-position:-112px 0!important
}
.cardType.amex {
	background:url(../img/card_type.jpg)!important;
	background-position:-166px 0!important
}
.cardType.jcb {
	background:url(../img/card_type.jpg)!important;
	background-position:-224px 0!important
}
.cardType.dinersclub {
	background:url(../img/card_type.jpg)!important;
	background-position:-274px 0!important
}
.walletLogDiv .table td {
	vertical-align:top
}
.transactionItemLeft {
	padding-right:0;
	width:21%
}
.transactionItemRight {
	padding:0 0 0 25px
}
.transactionItemRight.otherDetail {
	border-top:1px solid #eaedef
}
.walletLogDiv .desc {
	height:22px;
	width:100%;
	font-size:20px;
	font-weight:600px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.walletLogDiv .reason {
	margin-bottom:0
}
input.no-spinner::-webkit-inner-spin-button, input.no-spinner::-webkit-outer-spin-button {
display:none!important;
margin:0
}
md-input-container input[type=number].no-spinner {
	-moz-appearance:textfield
}
input.movieRecommendFMValue::-webkit-inner-spin-button, input.movieRecommendFMValue::-webkit-outer-spin-button {
opacity:1
}
input.movieRecommendFMValue {
	width:70px
}
.addToWalletPopup .md-actions {
	margin:0 -24px;
	padding:0 0 4px 0;
	min-height:auto
}
.paymentCardType {
	height:31px;
	padding-left:15px
}
.powerdStripe {
	padding:0 18px;
	height:23px
}
#checkoutForm, #walletForm {
	width:550px
}
.walletCard {
	background-color:#343d4e;
	position:fixed;
	padding:15px 20px
}
#wallet_history {
	position:absolute;
	right:0
}
.walletCard button {
	padding:10px 15px;
	font-size:17px!important;
	background-color:rgba(250, 250, 250, .79)
}
.main_balance {
	padding-top:10px;
	font-size:24px;
	font-weight:500;
	color:#fff
}
.transactions-container {
	margin-bottom:30px;
	font-size:13px;
	position:relative;
	word-wrap:break-word
}
.transactions-data-container {
	border:1px solid #eaedef
}
.transactions-amount {
	padding:12px;
	font-size:27px;
	text-align:center;
	white-space:nowrap
}
.transactions-amount span {
	font-size:13px;
	color:rgba(0, 0, 0, .68)
}
.transactions-amount.movieFee {
	padding-bottom:0
}
.transactionDate {
	font-size:14px;
	color:rgba(0, 0, 0, .68)
}
.transactions-type {
	font-size:15px;
	background-color:#f5f5f5;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px
}
.transactionDetailDiv {
	display:none
}
.transactionDetailDiv table {
	margin-bottom:0
}
.supportTransactionLeft {
	padding-right:0
}
.supportTransactionRight {
	border-top:1px solid #eaedef;
	padding:0 0 0 25px
}
.angle1 {
	width:0;
	height:0;
	border-top:20px solid #fff;
	border-right:20px solid transparent;
	position:absolute
}
.angle_success {
	border-top:20px solid #3c763d
}
.angle_danger {
	border-top:20px solid #a94442
}
.angle_default {
	border-top:20px solid #03a9f4
}
.refundMovieDiv .transactions-amount label {
	margin:auto;
	font-size:20px!important
}
.refundMovieDiv .transactions-type {
	height:40px
}
.refundMovieDiv .transactions-type button {
	min-height:25px;
	line-height:25px
}
.refundMovieDiv .supported {
	background:rgba(0, 128, 0, .62);
	color:#fff
}
.refundMovieDiv .refunded {
	background:gray;
	color:#fff
}
.refundMovieDiv .refund {
	background:rgba(198, 91, 40, .95);
	color:#fff
}
.login {
	background-color:rgba(51, 122, 183, .21);
	color:#fff;
	max-height:none;
	margin:30px;
	background:-moz-linear-gradient(45deg, rgba(77, 159, 168, .26) 0, rgba(80, 178, 224, .24) 37%, rgba(54, 144, 240, .22) 62%, rgba(20, 145, 141, .2) 100%);
	background:-webkit-linear-gradient(45deg, rgba(77, 159, 168, .26) 0, rgba(80, 178, 224, .24) 37%, rgba(54, 144, 240, .22) 62%, rgba(20, 145, 141, .2) 100%);
	background:linear-gradient(45deg, rgba(77, 159, 168, .26) 0, rgba(80, 178, 224, .24) 37%, rgba(54, 144, 240, .22) 62%, rgba(20, 145, 141, .2) 100%)
}
.login::after {
content:"";
-webkit-filter:blur(5px);
-moz-filter:blur(5px);
-o-filter:blur(5px);
-ms-filter:blur(5px);
filter:blur(5px)
}
.login .close_login {
	position:fixed;
	top:0;
	right:15px;
	font-size:30px;
	color:rgba(238, 238, 238, .57)!important;
	text-decoration:none;
	cursor:pointer;
	outline:0
}
.login .input-group {
	background-color:transparent;
	border:none;
	border-radius:2px;
	height:36px;
	color:#fff;
	font-weight:300
}
.login .input-group-addon {
	background-color:transparent;
	background:rgba(250, 250, 250, .18);
	border:none;
	color:rgba(238, 238, 238, .57);
	padding:10px
}
.login input {
	border:none;
	padding:0 10px 0 0;
	height:36px
}
.login md-input-container .md-input {
	color:#fff;
	background-color:transparent;
	background-color:rgba(250, 250, 250, .18);
	border-radius:4px
}
.login md-input-container:not(.md-input-has-value) input:not(:focus) {
color:#fff;
background-color:transparent;
background-color:rgba(250, 250, 250, .18)
}
.login md-dialog-content {
	padding:24px 39px
}
.login a {
	font-size:14px;
	cursor:pointer;
	outline:0;
	color:rgba(238, 238, 238, .61);
	padding:2px
}
.login .error, .login .text-danger {
	font-size:15px;
	color:#f44336
}
.login .md-button.md-fab[disabled], .login .md-button.md-raised[disabled] {
	background-color:rgba(50, 150, 100, .64)
}
.login .division {
	text-align:center;
	font-size:15px;
	padding:0 2px 0 3%;
	margin:6px 0;
	margin-top:17px
}
.login .division span {
	float:left;
	width:35%;
	height:1px;
	background:rgba(250, 250, 250, .33);
	margin:10px 7px
}
.login .division .middle-div {
	float:left;
	width:20px;
	height:20px;
	text-align:center;
	margin:1px
}
.login form {
	max-width:475px
}
.moviePlay.movieFollow {
	height:auto;
	width:auto;
	padding:8px 24px
}
.moviePlay.movieFollow h2 {
	margin:-17px 0 14px 0
}
.movieFollowRight.md-gray, .movieFollowRight.md-gray:not([disabled]):focus, .movieFollowRight.md-gray:not([disabled]):hover, .moviePay.md-gray {
background-color:#b5b5b5;
color:#000
}
.profile .follow.md-gray.md-fab {
	background-color:#d3d3d3;
	color:#404040
}
.profile .follow.md-gray.md-fab:not([disabled]):focus, .profile .follow.md-gray.md-fab:not([disabled]):hover {
background-color:#b5b5b5;
color:#363636
}
.notificationDiv {
	width:45px;
	display:inline-block;
	position:relative;
	text-align:center;
	font-weight:300;
	margin-right:10px
}
.notificationDiv .notificationIcon {
	font-size:21px;
	cursor:pointer
}
.notificationDiv .notificationCount {
	position:absolute;
	top:-9px;
	left:23px
}
.notificationDiv .notificationCount .count {
	background-color:#c62828;
	border-radius:22%;
	padding:0 3px;
	font-size:11px
}
.notificationDiv .menu_button_sub_right {
	right:4px;
	text-align:left;
	width:420px;
	padding:0
}
.notificationDiv .menu_button_sub_right:before {
	border-bottom:10px solid #3f3f40
}
.notificationDiv .heading {
	background:rgba(76, 76, 76, .82);
	padding:5px 13px 2px 13px
}
.notificationDiv .bottom {
	background:rgba(76, 76, 76, .82);
	font-size:13px;
	color:#fff;
	height:27px;
	padding:5px 13px 5px 13px
}
.notificationDiv .bottom a {
	color:#fff
}
.notificationDiv .bottom a:hover {
	text-decoration:underline
}
.notificationDiv .notiSection {
	border-bottom:1px solid rgba(76, 76, 76, .71);
	position:relative;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
transition:.3s all ease-in-out
}
.notificationDiv .notiSection.unRead {
	background-color:rgba(128, 128, 128, .23)
}
.notificationDiv .notiLink {
	padding:9px 19px 9px 2px
}
.notificationDiv .notiSection:hover {
	background-color:rgba(142, 142, 142, .23)
}
.notificationDiv .remove {
	position:absolute;
	right:8px;
	top:7px;
	font-size:9px
}
.notificationDiv .remove .close {
	width:10px;
	height:10px;
	opacity:.8
}
.notificationDiv .remove .close:hover {
	opacity:1
}
.notificationDiv .remove .close:before {
	right:32%
}
.notificationDiv .imgDiv {
	text-align:center
}
.notificationDiv .imgDiv img {
	width:43px;
	height:43px
}
.notificationDiv .imgDiv.movieImgDiv img {
	border-radius:3%;
	height:43px;
	width:30px
}
.notificationDiv .detail {
	color:rgba(255, 255, 255, .9);
	text-decoration:none;
	padding-right:14px;
	font-size:14px
}
.notificationDiv a:focus, .notificationDiv a:hover {
	text-decoration:none;
	outline:0
}
.notificationDiv .detailDiv .time {
	font-size:12px;
	padding-top:3px;
	color:rgba(239, 239, 239, .87)
}
.notificationDiv .detailDiv .time .fa {
	font-size:11px
}
.notificationData {
	margin-bottom:25px
}
.notificationData .notiSection {
	font-weight:300;
	border-bottom:1px solid rgba(214, 214, 214, .52);
	position:relative;
-weblit-transition:all ease-in-out .3s;
-moz-transition:all ease-in-out .3s;
-o-transition:all ease-in-out .3s;
-ms-transition:all ease-in-out .3s;
transition:.3s all ease-in-out
}
.notificationData .notiSection.unRead {
	background-color:rgba(243, 243, 243, .41)
}
.notificationData .notiLink {
	padding:9px 21px 9px 5px
}
.notificationData .notiSection:hover {
	background-color:rgba(216, 216, 216, .34)
}
.notificationData .remove {
	position:absolute;
	right:8px;
	top:7px
}
.notificationData .remove .close {
	width:10px;
	height:10px;
	opacity:.8
}
.notificationData .remove .close:hover {
	opacity:1
}
.notificationData .remove .close:before {
	right:34%
}
.notificationData .remove .close:before {
	right:34%
}
.notificationData .imgDiv {
	text-align:center
}
.notificationData .imgDiv img {
	width:43px;
	height:43px;
	border-radius:50%;
	box-shadow:0 0 10px -2px #000
}
.notificationData .detail {
	color:rgba(0, 0, 0, 1);
	text-decoration:none;
	padding-right:14px;
	font-size:15px
}
.notificationData a:focus, .notificationData a:hover {
	text-decoration:none;
	outline:0
}
.notificationData .detailDiv .time {
	font-size:13px;
	padding-top:3px;
	color:rgba(0, 0, 0, .87)
}
.notificationData .detailDiv .time .fa {
	font-size:11px;
	color:rgba(0, 0, 0, .67)
}
.notificationFilter .heading {
	border-bottom:1px solid #d0cece;
	padding-bottom:4px;
	font-size:20px;
	color:#1d1d1d
}
.noNotificationMsg {
	display:block!important
}
.fastivalsDiv {
	border-bottom:1px solid #bfbfbf
}
.festivalDiv {
	border-bottom:2px solid #bfbfbf;
	padding:16px
}
md-input-container.myInput, md-radio-group.myInput {
	padding-bottom:2px
}
.awardList {
	padding-top:10px
}
md-radio-group.myInput md-radio-button {
	margin:25px 15px 10px 15px
}
.removeFestival .close {
	width:20px;
	height:20px
}
.removeFestival .close:before {
	right:47%
}
.removeFestival .close:after {
	left:47%
}
.removeAward .close {
	margin-top:8px;
	width:15px;
	height:15px
}
.removeAward .close:before {
	right:46%
}
.removeAward .close:after {
	left:46%
}
.award {
	padding:5px 15px;
	background-color:#f9f9f9;
	margin-bottom:5px
}
.festivalHighlight {
	position:absolute;
	left:0;
	bottom:0
}
.highlightFestivalList {
	margin:5px 0 20px 0
}
.festivalList {
	margin:5px 3px 10px 3px
}
.festivalItem {
	padding:0 5px
}
.highlightFestivalList .box {
	margin:3px auto;
	position:relative;
	max-width:145px;
	height:140px
}
.festivalList .box {
	margin:3px auto;
	position:relative;
	max-width:130px;
	height:80px
}
.festivalList .box img, .highlightFestivalList .box img {
	width:auto;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:auto;
	max-width:100%;
	max-height:100%
}
.award_list {
	padding-top:15px
}
.award_list .year {
	color:#6f6f6f;
	font-size:16px
}
.link_tab .md-title {
	padding:10px 10px 0 10px
}
.link_tab a.md-title {
	cursor:pointer
}
.link_tab a.md-title.right {
	text-align:right
}
.link_tab .md-title:focus {
	outline:0
}
.info_detail {
	padding:0 10px 10px 10px
}
.award_list .box {
	border:1px solid #eee;
	font-size:16px;
	position:relative
}
.award_list .box section.borderTop {
	border-top:1px solid #eee
}
.award_list span.award_category {
	color:#404040;
	font-size:14px
}
.award_list .left_div {
	padding:10px
}
.award_list .right_div {
	padding:30px 10px 10px 10px
}
.criticDiv {
	text-align:center;
	margin-right:-8px
}
.criticDiv i {
	color:#0090d7;
	margin:0;
	font-size:28px
}
.criticDiv div {
	color:#337ab7;
	font-size:12px;
	white-space:nowrap
}
.addReviewBox {
	background-color:#f2f2f2;
	padding:10px;
	margin-bottom:20px;
	display:none
}
.addReviewBox.open {
	display:block
}
.showReviewBox {
	margin-top:-11px
}
.showReviewBox span {
	background-color:#f2f2f2;
	padding:10px 18px;
	font-size:17px
}
.recommendMovie {
	padding:5px 0 5px 10px
}
.recommendMovie label {
	font-weight:100;
	font-size:17px;
	z-index:0
}
.recommendMovie md-radio-button {
	font-size:16px;
	padding-left:10px;
	margin:0
}
.filmMakerLink {
	margin-top:8px;
	margin-right:10px
}
.filmMakerLink .link, .howItWorkBtn {
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:1px;
	color:#fff;
	cursor:pointer;
	font-size:16px;
	border:1px solid #fff;
	padding:5px 23px
}
.filmMakerLink .link:focus, .filmMakerLink .link:hover {
	text-decoration:none;
	background:rgba(0, 0, 0, .3);
	outline:0
}
.howItWorkBtn {
	margin-top:20px;
	display:inline-block;
	background:-webkit-linear-gradient(top, transparent 50%, #fff 50%);
	background:-moz-linear-gradient(top, transparent 50%, #fff 50%);
	background:-o-linear-gradient(top, transparent 50%, #fff 50%);
	background:-ms-linear-gradient(top, transparent 50%, #fff 50%);
	background:linear-gradient(to bottom, transparent 50%, #fff 50%);
	background-size:100% 200%;
	background-position:top left;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.howItWorkBtn:focus, .howItWorkBtn:hover {
	text-decoration:none;
	background-position:left bottom;
	color:#000!important;
	outline:0
}
.homeSlider {
	background:#000;
	background-size:cover;
	background-position:center center;
	padding-top:80px
}
.howItsWork {
	color:#fff;
	font-size:20px;
	padding:35px 0;
	background:#111
}
.albumSlider {
	background:#000
}
.sliderCaption .intro-text {
	text-align:center;
	background-color:rgba(0, 0, 0, .5);
	width:680px;
	padding:30px;
	color:#fff;
	margin:30px auto
}
.sliderCaption .service-text {
	text-align:center;
	padding:5px;
	color:#fff
}
.one {
	font-size:24px
}
.two {
	font-size:20px
}
.sliderCaption .step3Work {
	padding:20px;
	text-align:center
}
.sliderCaption .close {
	opacity:1;
	margin:-40px 12px 8px 5px
}
.sliderCaption .close:hover {
	opacity:1
}
.sliderCaption .close:after {
	background:#fff!important
}
.sliderCaption .close:before {
	background:#fff!important
}
.homeSlider .sliderCaption img {
	height:auto!important;
	width:33%!important
}
.homeSlider .homeTopLeft {
	margin-top:150px;
	color:#fff
}
.homeSlider .homeTopLeft h1 {
	font-weight:bolder;
	font-size:100px
}
.homeSlider .homeSignin {
	margin-top:10px;
	width:180px;
	font-size:28px!important;
	padding:5px 6px!important
}
.howItWorksPopup {
	background:#000
}
.howItWorksPopup {
	width:1080px
}
.howItWorksPopup .close:after, .howItWorksPopup .close:before {
	background-color:#fff!important
}
.howItWorksPopup .step3Work img {
	width:30%
}
.howItWorksPopup .close {
	opacity:1;
	margin-right:-15px;
	margin-top:-15px!important
}
.subsc {
	background:rgba(0, 0, 0, 1);
	padding:30px 0 20px 0
}
.subsc .form-control {
	width:250px;
	display:inline-block
}
.summarizeDetailSmall {
	padding:15px 0
}
.summarizeDetailSmall .genreTag {
	color:#fff
}
.summarizeDetailSmall .altTitle {
	font-size:16px
}
.bonusContentInnerSmall {
	display:inline-block;
	margin:5px 5px 0 0;
	height:100px;
	width:120px;
	position:relative;
	background:gray
}
.bonusContentNameSmall {
	position:absolute;
	height:16px;
	font-size:12px;
	line-height:14px;
	padding:2px 5px;
	background:#000;
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#fff
}
.bonusContentInnerSmall img {
	width:100%;
	/*height:100%*/
}
.bottomStickSmall {
	width:100%;
	background:#fbfbfb;
	text-align:center;
	z-index:1001;
	position:absolute;
	bottom:0;
	height:60px
}
.bottomStickSmall.fixed {
	position:fixed;
	box-shadow:-1px -1px 10px rgba(0, 0, 0, .5)
}
.bottomStickSmall .md-button {
	height:60px;
	display:block;
	border-radius:0;
	line-height:15px;
	text-transform:none;
	font-weight:700;
	margin:0!important;
	white-space:normal; 
	width:100%;
}
.bottomStickSmall .md-button small {
	font-size:12px;
	opacity:.7;
	font-weight:400
}
.bottomStickSmall .mobileBottomStick {
	width:33.33%!important;
	margin-left:0;
	margin-top:0
}
.bottomStickSmall .mobileBottomStick span {
	white-space:pre-line
}
.height-90 {
	height:90px!important
}
.height-90 button {
	height:90px!important
}
.bottomStickSmall .bottomStickLeft, .bottomStickSmall .bottomStickRight {
	width:50%;
	height:100%;
	float:left
}
.smallFollow {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:100000!important
}
.synopsisFewSmall {
	height:60px;
	display:block;
	overflow:hidden
}
.buttonSmall {
	background:#068dd0;
	overflow:auto;
	white-space:nowrap
}
footer {
	position:relative;
	z-index:1000
}
.followModelDiv {
	width:650px
}
.registerSucess {
	text-align:center;
	font-size:21px;
	margin:0;
	line-height:40px;
	margin-bottom:5px;
	color:rgba(255, 255, 255, .68)
}
.descriptionPre {
	white-space:pre
}
.editReview {
	font-size:16px
}
.editReview i {
	color:#23527c
}
.discussion h1 {
	text-align:center;
	padding-top:20px;
	padding-bottom:30px;
	color:#323e4e
}
.discussion h2 {
	margin-top:10px
}
.discussion ul {
	margin-bottom:55px
}
.discussion ul li {
	margin-bottom:30px
}
.discussion ul li span {
	font-weight:300;
	font-size:18px
}
.discussion ul li p {
	margin:5px 0 auto 10px
}
.addDiscussBtn, .addReviewBtn {
	padding:0 15px;
	margin-left:15px;
	margin-top:5px
}
.cancelReviewBtn {
	text-align:center;
	margin-top:5px;
	font-size:15px
}
#discussions_div .profilePic {
	border-radius:50%;
	vertical-align:middle;
	box-shadow:0 0 10px -2px #666;
	width:25px;
	height:25px
}
#discussions_div .singalComment .profilePic {
	border-radius:50%;
	vertical-align:middle;
	box-shadow:0 0 10px -2px #666;
	width:40px;
	height:40px
}
.cancelDiscussBtn {
	margin-left:37px;
	margin-top:5px;
	font-size:15px
}
#discussions_div .name {
	font-size:12px!important
}
#discussions_div .discussComment {
	margin-bottom:15px
}
#discussions_div .singalComment .comment {
	margin-bottom:11px
}
#discussions_div .updateTopic {
	position:absolute;
	letter-spacing:3px;
	top:0;
	right:0
}
#discussions_div .updateTopic i {
	opacity:.5;
	cursor:pointer
}
#discussions_div .updateTopic i:hover {
	opacity:1
}
#discussions_div .topicDetail {
	font-size:16px;
	color:#3a3a3a;
	word-wrap:break-word;
	word-break:break-all
}
#discussions_div .nameComment {
	position:relative;
	padding-right:36px
}
#discussions_div .topicCommentList {
	border-bottom:1px solid rgba(0, 0, 0, .11)
}
#discussions_div .topicCommentList {
	position:relative
}
#discussions_div .action .date {
	font-style:italic
}
#discussions_div .action {
	padding:5px 2px;
	font-size:13px;
	color:#444
}
#discussions_div .action.commentAction {
	padding:2px 0;
	margin:0
}
#discussions_div .action .selectedDown .downDiv, #discussions_div .action .selectedUp .upDiv {
	color:#008dd2
}
#discussions_div .action .upDown i {
	font-size:18px;
	font-weight:800
}
#discussions_div .action .upDown .count {
	font-weight:700
}
#discussions_div .action .addTopicCommentLabel {
	color:#008dd2;
	font-weight:700
}
#discussions_div .action .topicCommentLabel {
	font-weight:700
}
#discussions_div .commentList {
	padding-top:10px;
	display:none
}
#discussions_div .commentList p {
	margin:0;
	margin-bottom:10px;
	padding-left:20px;
	font-size:18px;
	font-weight:700
}
.faqList .item {
	background-color:#fdfdfd;
	border:2px solid #eee;
	border-top:none;
	background:#fafafa;
	border:1px solid #eee
}
.faqList .item.new {
	background-color:transparent;
	border:none;
	background:0 0
}
.faqList .item p {
	margin:0
}
.faqList .item p.que {
	padding:15px 0;
	font-size:20px;
	color:#0b91d3;
	cursor:pointer
}
.faqList .item.new p.que {
	padding:1px 0;
	font-size:16px;
	color:#000;
	cursor:pointer;
	text-decoration:underline
}
.faqList .item p.que i {
	color:#222;
	font-size:16px;
	margin-right:5px
}
.faqList .item div.ans {
	opacity:.9;
	color:#111;
	background-color:#fff;
	padding:10px 15px;
	box-shadow:0 0 10px #e1e1e1
}
.faqList .item .ans {
	display:none
}
.faqList .item .ans p {
	padding:5px 0
}
.stepImage img {
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.stepImage img:hover {
	transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05)
}
.popupShare .fa {
	width:46px;
	height:46px;
	margin:0 6px;
	background:#ffebcd;
	line-height:46px;
	color:#fff;
	border-radius:50%;
-webkit-transition:.3s ease-in-out all;
-moz-transition:.3s ease-in-out all;
-o-transition:.3s ease-in-out all;
transition:.3s ease-in-out all;
	cursor:pointer
}
.popupShare .fa:hover {
	box-shadow:0 0 8px 1px #7b7b7b
}
.popupShare .fa.fa-facebook {
	background:#3b5997
}
.popupShare .fa.fa-google-plus {
	background:#dd4c3f
}
.popupShare .fa.fa-twitter {
	background:#5ea9dd
}
.no-margin {
	margin:0!important
}
.moviePosterLarge {
-webkit-transition:.5s all ease-in-out;
-moz-transition:.5s all ease-in-out;
-o-transition:.5s all ease-in-out;
transition:.5s all ease-in-out
}
.b-lazy {
-webkit-transition:opacity .3s ease-in-out;
-moz-transition:opacity .3s ease-in-out;
-o-transition:opacity .3s ease-in-out;
transition:opacity .3s ease-in-out;
	opacity:.8
}
.b-lazy.b-error, .b-lazy.b-loaded {
	opacity:1
}
#loginSuccess {
	text-align:center;
	color:#fff
}
#loginError {
	text-align:center
}
.contactUsPage {
	background-color:#fff
}
.otherSignInOption {
	padding:10px 10px;
	padding-top:0;
	text-align:center;
	position:relative
}
.otherSignInOption:after {
	content:"";
	position:absolute;
	width:1px;
	background-color:#585858;
	top:0;
	left:-24px;
	height:100%
}
.contactDetailDiv md-card-content {
	background-color:#fafafa;
	font-size:15px;
	text-align:center
}
.contactDetailDiv .socialIcon i {
	padding:15px;
	font-size:22px
}
.contactDetailDiv .fa-envelope-o, .contactDetailDiv .fa-phone, .contactDetailDiv .fa-whatsapp {
	color:#0086d0
}
.contactDetailDiv .socialIcon a .fa-facebook {
	color:#3b5998
}
.contactDetailDiv .socialIcon a .fa-google-plus {
	color:#db4437
}
.contactDetailDiv .socialIcon a .fa-twitter {
	color:#00aced
}
.md-button[disabled].movieReviewBtn {
	background-color:#999;
	color:#000
}
.moviePosterLarge {
	text-align:center
}
.moviePosterLarge .movieLoadingImg {
	padding-top:22%;
	width:75px
}
input[type=number].movieSupportValue {
	width:70px
}
.countryListDiv {
	max-height:200px;
	overflow:auto;
	list-style:none;
	padding-left:5px
}
.geoFilterSearrch {
	position:relative
}
#geoFilterSearchCounter {
	position:absolute;
	top:22px;
	right:4px
}
.camelCase {
	text-transform:capitalize
}
.bg-gray {
	background-color:#f1f1f1
}
.bg-grays {
	background-color:#fafafa
}
.dtTable {
	width:100%;
	font-size:15px
}
.dtTable>thead>tr>th {
	border-bottom:1px
}
.dtTable hr {
	margin:10px -8px
}
.dtTable .userName {
	font-size:17px
}
.dtTable .userName a {
	color:#000;
	text-decoration:underline
}
.dtTable .viewDetailBtn {
	font-size:20px
}
.movieTransactionDetail {
	display:none
}
.dtTable .serchbar td {
	border:0
}
.dtTable .serchbar:hover>td {
	background-color:transparent
}
.dtTable .serchbar label {
	white-space:nowrap
}
.dtTable .tblTitle {
	text-align:left
}
.dtTable .tblHeadingBar {
	background-color:#f5f5f5
}
.dtTable .tblHeadingBar i {
	padding:3px 0;
	text-align:center
}
.dtTable .pagination {
	margin-top:10px
}
.dtTable .grandTotal {
	padding-top:15px;
	font-size:18px;
	text-align:right
}
.flt-right {
	float:right;
	clear:both
}
.no-border {
	border:1px solid transparent!important
}
.videoWaterMark {
	position:absolute;
	top:45%;
	left:22px;
	width:auto;
	z-index:-1;
	height:0;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	display:none;
	z-index:2147483647
}
.waterMarkText {
	opacity:.7;
	padding:10px;
	white-space:nowrap;
	font-size:3vw;
	line-height:3vw;
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
	z-index:2147483647;
	text-transform:capitalize;
	color:#cecece
}
.userBalanceRadio {
	margin:10px!important
}
.hintBtn {
	font-size:18px
}
.hintBtn, .showHint {
	display:none
}
.howItVideo iframe {
	max-width:100%;
	height:404px
}
.carousel-control.left, .carousel-control.right {
	background-image:none;
	width:25px;
	top:50%;
	height:40px
}
.carousel-control.right {
	right:20px
}
.carousel-control.left {
	left:20px
}
.carousel-control.left, .carousel-control.right {
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.carousel-indicators {
	display:none
}
.smallRefundSupportBtn {
	min-height:25px;
	line-height:25px
}
.fa.success {
	color:#329664
}
.fa.danger {
	color:#f44336
}
.showDatePicker.add-on {
	position:absolute;
	height:60px;
	top:0;
	left:0
}
.faqContent ul {
	list-style:none;
	font-size:16px;
	margin-left:20px
}
.padding-left {
	padding-left:20px
}
.footerLink a {
	color:#bbb
}

.footerLink a:hover {
	color:#fff;
}


.backToTop {
	width:100%;
	height:100px;
	background-color:#fff!important;
	color:#000;
	z-index:10000
}
.gotoBottom img {
	width:40px
}
.gotoBottom {
	position:absolute;
	border-radius:20px;
	padding:2px;
	bottom:15px;
	left:48%;
	z-index:12;
	background-color:rgba(0, 0, 0, .5);
	box-shadow:0 0 20px #000
}
i.supportIcon.fa-lock {
	color:#f44336
}
i.supportIcon.fa-unlock {
	color:#329664
}
p.noship {
	min-height:60px
}
.noStreaming {
	padding-top:43px
}
.no-bottom-margin {
	margin-bottom:0
}
.movieIntro {
	position:absolute;
	color:#fff;
	z-index:1000;
	bottom:10px;
	width:100%;
	background:red
}
.movieIntro .container {
	position:relative
}
.movieIntroName, .movieIntroWinner {
	position:absolute;
	padding:10px;
	background-color:rgba(0, 0, 0, .5);
	color:#fff;
	bottom:0
}
.movieIntroName {
	left:10px
}
.movieIntroWinner {
	right:10px
}
.movieIntroName h5 {
	margin-top:-10px
}
.movieIntroName h3 {
	margin-bottom:20px
}
.movieIntroWinner img {
	height:150px!important;
	width:auto!important
}
.myselect2 {
	font-size:14px;
	min-width:150px
}
.myselect2 .select2-container {
	-ms-flex-order:2;
	-webkit-order:2;
	order:2
}
.myselect2 label {
	visibility:hidden
}
.myselect2.noLabel {
	margin-top:18px
}
.myselect2.blackBg label {
	visibility:visible;
	-webkit-transform:translate3d(0, 6px, 0) scale(.75)!important;
	transform:translate3d(0, 6px, 0) scale(.75)!important
}
.myselect2.md-input-has-value label.selected {
	visibility:visible
}
.myselect2 .select2-container-multi .select2-choices .select2-search-field input {
	padding-top:0;
	padding-bottom:0
}
.myselect2 .select2-container .select2-choice .select2-chosen {
	font-size:1.7rem!important
}
.myselect2 .select2-container .select2-choice.select2-default .select2-chosen, .myselect2 .select2-container-multi .select2-choices .select2-search-field input {
	font-size:1.6rem!important;
	font-weight:700!important;
	color:rgba(0, 0, 0, .4)!important;
	letter-spacing:1px!important;
	font-family:inherit!important
}
.myselect2.blackBg .select2-container .select2-choice.select2-default .select2-chosen, .myselect2.blackBg .select2-container-multi .select2-choices .select2-search-field input {
	color:rgba(255, 255, 255, .75)!important
}
.myselect2 .select2-choice, .myselect2 .select2-choices {
	border:none!important;
	padding-left:3px!important;
	border-bottom:1px solid rgba(0, 0, 0, .12)!important;
	background-image:none!important;
	border-radius:0!important;
	background:0 0!important
}
.myselect2.blackBg .select2-choice, .myselect2.blackBg .select2-choices {
	border-bottom:1px solid rgba(255, 255, 255, .68)!important;
	color:#f1f1f1
}
.myselect2 .select2-container-active .select2-choice, .myselect2 .select2-container-active .select2-choices {
	box-shadow:none!important
}
.myselect2 .select2-choice .select2-arrow {
	border:none!important;
	background-image:none!important;
	background:0 0!important
}
.select2-results .select2-result-label {
	font-size:14px
}
.turmConditionCheck {
	width:99%;
	padding-left:26px;
	line-height:20px
}
md-checkbox.turmConditionCheck .md-label span {
	margin-left:0;
	color:#071a82
}
.bonusContent::-webkit-scrollbar {
background:0 0;
width:5px;
height:5px;
right:5px
}
.bonusContent::-webkit-scrollbar-button {
opacity:0
}
.bonusContent::-webkit-scrollbar-track {
background:0 0
}
.bonusContent::-webkit-scrollbar-thumb {
background:#666;
border-radius:500px
}
.preOrderLabel, .premiereLabel {
	position:absolute;
	top:30px;
	width:200px;
	left:calc(100% - 178px);
	z-index:1;
	color:#000;
	background:#fde500;
	padding:5px 26px;
	font-weight:700
}
.movieListPreOrderLabel {
	left:calc(100% - 135px)!important;
	padding:5px 15px!important
}
.preOrderLabel label, .premiereLabel label {
	font-size:1.2em!important;
	margin-bottom:0
}
.preOrdered {
	width:calc(55% - 3px)!important
}
.premiereLabel {
	left:calc(100% - 135px);
	width:146px;
	background-color:#963d3d!important;
	top:0;
	color:#fff;
	font-family:abster
}
.movieListPremiereLabel {
	padding:5px 15px!important
}
.premiereLabel label {
	font-weight:900!important;
	font-size:10px!important
}
md-checkbox.turmConditionCheck .md-label span {
	margin-left:0;
	color:#071a82
}
.questionList {
	margin-top:10px
}
.question {
	width:100%;
	margin-top:15px
}
.question small {
	font-size:14px
}
.show {
	display:block
}
.empty-tag {
	visibility:hidden;
	width:20px;
	height:20px;
	line-height:20px;
	padding:0;
	display:inline-block;
	text-align:center
}
.upvoted {
	color:#008900!important
}
.profile.questionProfile {
	margin-top:10px!important
}
.details .text p {
	font-size:18px
}
.question-tag {
	background:#bdffc8!important;
	color:#329664!important;
	letter-spacing:0;
	width:20px;
	height:20px;
	line-height:20px;
	padding:0;
	display:inline-block;
	text-align:center
}
.credit-tag {
	background:#008900!important;
	color:#fff!important;
	font-size:12px!important;
	padding:0 5px;
	border-radius:0
}
.addQuestionMessage {
	text-align:center;
	font-size:24px
}
.line {
	clear:both;
	width:100%;
	height:10px;
	border-bottom-style:ridge;
	border-bottom-width:1px
}
.inline {
	float:left
}
.question .details .vote {
	text-align:center;
	font-size:18px!important;
	width:20px
}
.question .details .vote span {
	font-size:14px!important;
	width:100%;
	float:left
}
.question .details .vote span.vote_icon {
	height:14px;
	font-size:16px!important;
	width:100%;
	float:left
}
.question .details {
	padding-bottom:6px
}
[qa=replys] .mainDiv {
	margin-left:30px!important
}
.question .details .vote {
	margin-left:5px
}
.question .details .profile {
	margin-left:12px
}
.question .details .text {
	margin-left:10px;
	width:calc(100% - 75px)
}
.question .details .reply-count {
	margin-left:35px!important;
	margin-top:5px
}
.question .title label, .question .title span {
	margin-left:5px
}
.question .options ul li, .question .reply-count small span, .title .name {
	color:#337ab7
}
.title .time {
	font-size:10px!important
}
.question .details .vote span i, .question .reply-count small i {
	color:#535353
}
.question .title .label {
	font-size:14px
}
.question .options {
	position:relative;
	display:inline-block
}
.question .options i.fa {
	cursor:pointer;
	font-size:15px;
	vertical-align:middle
}
.question .options ul {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:none;
	padding:0;
	list-style:none;
	font-size:12px;
	background:#fff;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	box-shadow:1px 1px 10px #ccc
}
.question .options ul li {
	font-size:12px;
	padding:4px 8px
}
.question .options ul li:hover {
	background:#337ab7;
	color:#fff
}
.smallBtn {
	font-size:15px;
	padding:5px 10px;
	border-radius:3px;
	background:rgba(158, 158, 158, .2);
	color:#fff!important;
	font-weight:900;
	cursor:pointer
}
.smallBtn:hover {
	background-color:rgba(158, 158, 158, .32);
	text-decoration:none;
	color:#fff
}
.rzPopup {
	width:344px;
	font-family:Lato, ubuntu, helvetica, sans-serif;
	font-weight:400!important;
	letter-spacing:normal!important
}
.rzHeader {
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
	color:#fff;
	background:#fff;
	padding:24px;
	overflow:hidden;
	max-height:128px;
	position:relative;
	z-index:3;
	background:#008dd2
}
.rzLogo {
	text-align:center;
	position:relative;
	padding:8px;
	width:80px;
	height:80px;
	background:#fff;
	-webkit-border-radius:3px;
	border-radius:3px;
	line-height:62px;
	float:left;
	margin-right:24px;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .1);
	box-shadow:0 1px 3px rgba(0, 0, 0, .1)
}
.rzLogo img {
	vertical-align:middle;
	max-height:100%;
	max-width:100%
}
.rzClose {
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	font-size:18px;
	opacity:.6;
	width:24px;
	text-align:center;
	line-height:26px;
	z-index:1
}
.rzCompany {
	white-space:nowrap;
	position:relative;
	text-shadow:0 1px 3px rgba(0, 0, 0, .12)
}
.rzName {
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:20px
}
.rzDesc {
	white-space:pre;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	opacity:.8
}
.rzAmount {
	font-size:24px;
	margin-top:10px
}
.rzContent {
	position:relative;
	padding:12px 24px 30px 24px
}
.rzContent md-input-container label {
	font-size:14px!important;
	font-weight:400!important
}
.rzContent md-input-container {
	padding-bottom:0
}
.rzFooter {
	position:relative
}
.rzFooter button {
	font-size:16px;
	line-height:56px;
	height:55px;
	width:100%;
	background:#008dd2;
	border:none;
	color:#fff
}
.rzError {
	position:absolute;
	padding:5px 10px;
	background:rgba(0, 0, 0, .6);
	border-radius:5px;
	color:#fff;
	display:none
}
.rzError::after {
position:absolute;
content:"";
border:5px solid;
border-bottom-color:rgba(0, 0, 0, .6);
border-left-color:transparent;
border-right-color:transparent;
border-top-color:transparent;
top:-10px;
left:10px
}
.watermark {
	position:fixed;
	left:100px;
	top:100px;
	font-size:16px;
	color:#fff;
	z-index:100000;
	display:none
}
.aboutHeading {
	border-bottom:1px solid #ccc;
	padding:10px 0 30px 0;
	margin-bottom:20px
}
.aboutHeading h1 {
	margin-bottom:10px;
	font-size:50px
}
.aboutHeading h1 span, .aboutHeading h2 span {
	color:#0086d0
}
.aboutHeading h2 {
	font-size:36px
}
.aboutImage {
	position:relative;
	width:400px;
	margin:auto
}
.aboutImage img {
	width:100%
}
.aboutImage .imageLabel {
	position:absolute;
	font-size:24px;
	padding:10px 0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, .8);
	color:#fff
}
.founderStory {
	background:url(../img/parallex-1.jpg) no-repeat fixed center center;
	background-size:cover;
	padding:50px 0;
	margin:30px 0;
	color:#fff
}
h1.large {
	margin-bottom:10px;
	font-size:50px
}
h1.large span {
	color:#0086d0
}
.founderPhoto {
	padding:25px;
	float:left;
	width:200px
}
.founderPhoto img {
	width:150px
}
.founderContent {
	padding:10px;
	float:left;
	width:calc(100% - 200px)
}
.advisory {
	background:#fff;
	padding:50px 0;
	margin:30px 0
}
.advisoryPhoto {
	padding:25px;
	float:left;
	width:200px
}
.teamPhoto {
	width:200px;
	height:200px;
	margin:auto;
	overflow:hidden
}
.advisoryPhoto img {
	width:150px
}
.teamPhoto img {
	width:100%
}
.advisoryContent {
	padding:10px;
	float:left;
	width:calc(100% - 200px)
}
.teamContent {
	padding:10px;
	max-width:300px;
	margin:auto;
	text-align:center
}
.slider_bottom, .slider_top {
	margin-left:-10px;
	margin-right:-10px;
	text-align:center;
	font-size:0
}
.movieBox {
	padding:0 15px;
	display:inline-block;
	margin-right:-1px;
	margin-bottom:20px
}
.movieBox.horizontal_large {
	width:50%
}
.movieBox.horizontal_medium {
	width:33.33%
}
.movieBox.banner_style, .movieBox.vertical {
	width:20%
}
.movieBox.banner_style.box100 {
	width:100%
}
.movieBox.banner_style.box80 {
	width:80%
}
.movieBox.banner_style.box60 {
	width:60%
}
.movieBox .movieBoxInner {
	width:100%;
	overflow:hidden;
	border-radius:5px;
	background-color:#eee;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center
}
.movieBox.horizontal_large .movieBoxInner {
	height:270px
}
.movieBox.horizontal_medium .movieBoxInner {
	height:208px
}
.movieBox.horizontal_medium .movieDetail {
	top:146px
}
.movieBox.banner_style .movieBoxInner, .movieBox.vertical .movieBoxInner {
	height:300px
}
.slider_bottom .box_sm.box_top {
	display:none
}
.followInput {
	width:100%
}
.followInput .input-group {
	background-color:transparent;
	border:none;
	border-radius:2px;
	height:36px;
	color:#fff;
	font-weight:300
}
.followInput .input-group-addon {
	background-color:transparent;
	background:rgba(250, 250, 250, .18);
	border:none;
	color:rgba(238, 238, 238, .57);
	padding:10px
}
.followInput input {
	border:none;
	padding:0 10px;
	height:36px
}
.followInput md-input-container .md-input {
	color:#000;
	background-color:transparent;
	background-color:rgba(255, 255, 255, 1);
	border-radius:4px
}
.followInput md-input-container:not(.md-input-has-value) input:not(:focus) {
color:#000;
background-color:transparent;
background-color:rgba(255, 255, 255, 1)
}
.followInput md-dialog-content {
	padding:24px 39px
}
.bookTicket .bookTicketBtn {
	width:calc(60% - 3px)!important;
	margin-top:20px;
	height:50px
}
.disclaimer p {
	font-size:12px;
	margin:2px 0
}
.info_image {
	display:inline-block;
	width:calc(100% - 30px)
}
.fullScreen {
	position:absolute;
	bottom:0;
	right:0;
	height:30px;
	width:30px;
	font-size:24px;
	text-align:center;
	line-height:30px
}
.albumSlider .carousel-inner {
	height:100%
}
.albumSlider .carousel-inner .item {
	height:100%
}
.fixedContainer {
	position:fixed
}
.geoBlock input, .geoBlock textarea {
	display:block;
	background:0 0;
	padding:2px 2px 1px;
	border-width:0 0 1px;
	line-height:26px;
	border-radius:0;
	border-bottom:1px solid #fff;
	width:80%;
	margin-left:10%;
	color:#fff
}
.geoBlock input, geoBlock textarea:active {
	border-bottom:1px solid #fff;
	box-shadow:none;
	color:#fff
}
.dropdown {
	position:relative;
	display:inline-block
}
.dropdown-content {
	display:none;
	position:absolute;
	background-color:#000;
	min-width:160px;
	z-index:1
}
.dropdown-content a {
	color:#fff;
	padding:12px 16px;
	text-decoration:none;
	display:block
}
.dropdown-content a:hover {
	background-color:#222
}
.dropdown:hover .dropdown-content {
	display:block
}
.mentiDiv {
	position:absolute;
	right:0;
	top:0;
	bottom:0
}
.mentiFrame {
	width:100%;
	border:none;
	height:100%
}
.youtubeContainer {
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56.25%
}
.youtubeVideo {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.liveTab {
	background:#ef0000
}
.qna_div {
	padding:15px;
	font-size:14px;
	border-bottom:1px solid #ccc
}
.qna_icon {
	height:40px;
	width:40px;
	border:1px solid #ccc;
	border-radius:20px;
	line-height:40px;
	text-align:center;
	display:inline-block;
	cursor:pointer
}
.qna_icon.edit {
	color:#31708f;
	border-color:#31708f
}
.qna_icon.edit:hover {
	background-color:#31708f;
	color:#fff
}
.qna_icon.approve {
	color:#3c763d;
	border-color:#3c763d
}
.qna_icon.approve:hover {
	background-color:#3c763d;
	color:#fff
}
.qna_icon.save {
	color:#3c763d;
	border-color:#3c763d;
	width:200px
}
.qna_icon.save:hover {
	background-color:#3c763d;
	color:#fff
}
.qna_icon.cancel {
	color:#ccc;
	border-color:#ccc;
	width:200px;
	margin-top:10px
}
.qna_icon.cancel:hover {
	background-color:#ccc;
	color:#fff
}
.qna_icon.reject {
	color:#a94442;
	border-color:#a94442
}
.qna_icon.reject:hover {
	background-color:#a94442;
	color:#fff
}
.completeTab {
	background:#fff
}
.completeTab {
	background:#fff;
	margin-top:20px;
	border-bottom:1px solid #ddd;
	height:49px
}
.completeTab .tab_button {
	background:#fff;
	color:#000;
	height:48px
}
.completeTab .tab_button.active {
	border-bottom:2px solid #000
}
.filePreview.horizontal img {
	margin:5px;
	height:168px;
	width:256px
}
.filePreview.vertical img {
	margin:5px;
	height:150px;
	width:100px
}
.filePreview.square img {
	margin:5px;
	height:100px;
	width:100px
}
.filePreview.trailer_thumbnail img {
	margin:5px;
	height:168px;
	width:256px
}
.accept_deliverable {
	padding:5px
}
.accept_deliverable div {
	padding:10px;
	border-radius:5px;
	background:#eee
}
.accept_submissions {
	padding:5px
}
.accept_submissions div {
	padding:10px;
	border-radius:5px;
	background:#eee
}
.bonusPreview, .crewPreview, .subtitlePreview, .trailerPreview {
	border:1px solid #ccc;
	padding:10px;
	border-radius:10px;
	float:left
}
.bonusPreview i, .crewPreview i, .subtitlePreview i, .trailerPreview i {
	color:#555;
	margin-left:20px
}
.menu_hover {
	position:relative;
	display:inline-block
}
.menu_hover_content {
	position:absolute;
	background:#000;
	border:1px solid #ccc;
	padding:15px;
	width:450px;
	display:none
}
.menu_hover:hover .menu_hover_content {
	display:block
}
.menu_hover_link {
	width:100%;
	margin-top:10px
}
.menu_hover_link.half {
	width:calc(50% - 5px);
	float:left
}
.menu_hover_link a {
	border:1px solid #fff;
	border-radius:5px;
	text-align:center;
	padding:15px 15px;
	display:block
}
.menu_hover_link a {
	border:1px solid #fff;
	border-radius:5px;
	text-align:center;
	padding:15px 15px;
	display:block
}
.menu_hover_link a img {
	height:30px
}
.menu_hover_link.half a img {
	height:25px
}
.menu_button_sub_right {
	border:1px solid #444;
	border-radius:3px;
	padding:0;
	background:#000
}
.poster_main {
	float:left;
	position:relative
}
.poster_main .removePoster {
	position:absolute;
	top:10px;
	right:10px
}
.bundle.active .moviePoster:before {
	background:rgba(35, 84, 4, .7);
	content:"\f00c";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	font-size:32px;
	text-align:center;
	padding-top:25%;
	font-family:FontAwesome;
	color:#fff
}
.bundle.clear {
	clear:both
}
.cart {
	margin-top:30px
}
.cartHeader {
	font-size:24px;
	padding:10px 0
}
.cartDetail {
	font-size:16px
}
.cartTable {
	width:100%
}
.cartTable tr td {
	border-bottom:1px solid #eee;
	padding:10px 5px
}
.cartAction {
	padding:15px 0
}
.addInBundle {
	position:absolute;
	top:15px;
	left:17px;
	background:rgba(0, 0, 0, .8);
	line-height:30px;
	height:30px;
	width:50px;
	text-align:center;
	color:#fff;
	font-size:20px;
	z-index:100
}
.addInBundle.added {
	background:rgba(35, 84, 4, .7)
}
.addInBundleText {
	background:rgba(0, 0, 0, .8);
	position:absolute;
	font-size:14px;
	white-space:nowrap;
	left:100%;
	width:0;
	height:30px;
	overflow:hidden;
transition:all .5s ease;
	text-align:left;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease
}
.addInBundle:hover .addInBundleText.addToSelection {
	width:130px
}
.addInBundle:hover .addInBundleText.watchNow {
	width:90px
}
._m {
	min-height:100vh;
	min-width:100vw;
	background:#000;
	margin:0!important;
	padding:0!important
}
._mLogo {
	padding:60px 0 30px 0;
	text-align:center
}
._mIconInner {
	height:80px;
	width:80px;
	font-size:36px;
	margin:auto;
	margin-bottom:40px;
	line-height:80px;
	background:#fff;
	color:#000;
	border-radius:50px;
	text-align:center
}
._mHeading {
	color:#fff;
	text-align:center;
	font-size:40px;
	font-weight:700;
	margin-bottom:40px
}
._mContent {
	color:#fff;
	text-align:center;
	font-size:24px
}
::-webkit-scrollbar {
background:0 0;
width:8px;
height:8px
}
::-webkit-scrollbar-button {
display:none
}
::-webkit-scrollbar-track {
background:rgba(0, 0, 0, .1)
}
::-webkit-scrollbar-thumb {
background:#a0a0a0
}
.StripeElement {
	box-sizing:border-box;
	height:40px;
	padding:10px 12px;
	border:1px solid transparent;
	border-radius:4px;
	background-color:#fff;
	box-shadow:0 1px 3px 0 #e6ebf1;
	-webkit-transition:box-shadow 150ms ease;
	transition:box-shadow 150ms ease;
	width:100%;
	font-family:sans-serif;
	font-size:14px!important
}
.movieTopMsg {
	position:absolute;
	white-space:nowrap;
	top:0;
	right:0;
	font-size:16px;
	z-index:100;
	color:#fff;
	padding:5px
}
.custom_label {
	position:absolute;
	top:0;
	right:0;
	padding:5px 10px;
	z-index:100
}
.faqUl {
	padding-left:0;
	font-size:16px;
	margin-left:0!important
}
.faqUl p {
	font-size:16px;
	line-height:24px;
	margin:5px 0
}
.faqLi {
	margin-bottom:40px
}
.faqLi .faq_question {
	font-size:20px;
	font-weight:700;
	margin-bottom:10px
}
.duration {
	background:#000;
	position:absolute;
	padding:2px 5px;
	z-index:100;
	top:15px;
	left:17px;
	color:#fff
}
.carousel-control {
	opacity:1
}
.search_text {
	width:100%
}
.search_text_inner {
	width:100%;
	border:1px solid #eee;
	padding:5px 10px;
	font-size:18px;
	display:inline-block;
	background:#000
}
.search_text_input {
	width:calc(100% - 70px);
	background:0 0;
	border:none;
	color:#fff;
	margin-left:10px
}
.title_search {
	width:calc(100% - 280px);
	float:left
}
.homeMainDiv .title_search {
	width:100%!important;
	float:none!important
}
.title_search.sort {
	width:250px;
	float:right
}
.switchLogo {
	height:20px;
	margin-top:0
}
.title_search_radio {
	padding-bottom:0;
	padding-top:15px;
	display:inline-block
}
.title_search .select2-container {
	width:calc(100% - 30px)
}
.title_search .select2-container .select2-choice {
	background:0 0;
	border:none;
	color:#fff
}
.title_search .select2-dropdown-open .select2-choice {
	box-shadow:none
}
.title_search .select2-container .select2-choice .select2-arrow {
	background:0 0;
	border:none
}
.filmmaker_pic {
	height:100px;
	width:100px;
	border-radius:500px;
	background:#ccc;
	margin:auto
}
.separator {
	height:1px;
	margin:auto;
	background:#555;
	margin-top:50px;
	margin-bottom:50px
}
.homeMainDiv ul {
	list-style:none;
	padding-left:0
}
.homeMainDiv a {
	font-size:16px
}
.black.select2-drop {
	background:#000!important;
	color:#fff!important;
	border:1px solid #fff
}
.mt-5.select2-drop {
	margin-top:5px
}
.black .select2-search input {
	background:#000;
	color:#fff
}
.black .select2-search input.select2-active {
	background:#000;
	color:#fff
}
.black .select2-noresults {
	background:#000
}
.black .select2-results .select2-no-results, .black .select2-results .select2-searching, .black .select2-results .select2-selection-limit {
	background:#000
}
.filmmakerMain {
	margin-bottom:30px
}
.filmmakerHead {
	font-size:20px;
	text-transform:uppercase;
	background:#444;
	padding:5px 10px
}
.filmmakerContent {
	font-size:18px;
	margin-top:20px
}
.makerLink {
	text-transform:capitalize;
	color:#fff!important
}
.homeTesti {
	width:100%;
	margin-bottom:40px;
	text-align:center;
	color:#fff
}
.homeTesti .pic {
	height:100px;
	width:100px;
	border-radius:300px;
	overflow:hidden;
	margin:auto;
	margin-bottom:20px
}
.homeTesti .pic img {
	min-height:100px;
	min-width:100px;
	height:100%;
	width:100%
}
.homeTesti .con .name {
	display:block;
	font-size:16px;
	color:orange;
	font-weight:700;
	margin-top:18px
}
#movieSearch {
	z-index:100;
	background:#000;
	width:calc(100% - 60px);
	margin-right:20px;
	display:inline-block;
	box-shadow:none
}
#movieSearch md-autocomplete-wrap {
	box-shadow:none!important
}
.md-autocomplete-suggestions {
	background:#000!important;
	border:1px solid #ccc;
	margin-top:5px
}
.md-autocomplete-suggestions li {
	color:#fff!important
}
.md-autocomplete-suggestions li.selected, .md-autocomplete-suggestions li:hover {
	background:#111!important
}
.filmmaker_div a:hover {
	text-decoration:none
}
.selectionProcess p {
	margin:0
}
.uniqueDiv {
	margin-top:20px
}
.uniqueDiv li {
	display:block;
	width:25%;
	font-size:18px;
	text-align:center;
	float:left;
	padding:10px;
	background:#ccc
}
.uniqueDiv li a {
	font-size:20px;
	color:#fff
}
.uniqueBox {
	color:#fff;
	display:block
}
.uniqueBox:focus, .uniqueBox:hover {
	color:#fff;
	text-decoration:none
}
.uniqueIcon {
	background:#444;
	font-size:40px;
	height:80px;
	line-height:80px;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease
}
.uniqueName {
	background:#222;
	font-size:20px;
	padding:10px;
transition:all .5s ease;
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease
}
.uniqueBox:hover .uniqueIcon {
	background:#337ab7
}
.uniqueBox:hover .uniqueName {
	background:#19466d;
	text-decoration:underline
}
.uniqueDiv li a i {
	font-size:40px;
	margin-bottom:10px
}
.solutionDiv {
	padding:10px;
	border:1px solid #fff;
	border-radius:4px
}
.sponsorDiv {
	text-align:center;
	margin-top:20px
}
.sponsorDiv img {
	max-width:150px;
	max-height:150px
}
.listSponsor {
	font-size:18px
}
listSponsorInner {
	float:right;
	padding-right:20px
}
.fundBg:after {
	content:"";
	position:absolute;
	background:rgba(0, 0, 0, .7);
	top:0;
	bottom:0;
	left:0;
	right:0
}
.fundMain {
	position:relative;
	z-index:1000;
	padding-top:50px
}
.fundImg {
	border:3px solid #fff;
	box-shadow:0 0 50px #000
}
.fundImg img {
	width:100%
}
.fundImg .vcontainer {
	width:100%;
	padding-bottom:56.25%;
	position:relative
}
.fundImg .vcontainer iframe {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:none
}
.fundContent {
	color:#fff
}
.fundDetail {
	margin-top:0!important;
	padding-top:150px
}
.fundDetail .fixTab {
	height:150px
}
.fundCollectionMain {
	margin-top:30px;
	margin-bottom:30px
}
.fundCollectionBar {
	height:10px;
	background:#444;
	width:100%;
	position:relative;
	margin:5px 0
}
.fundCollectionBarInner {
	position:absolute;
	top:0;
	height:100%;
	background:orange;
	max-width:100%
}
.fundBacker, .fundCollection, .fundDays, .fundPledge {
	font-size:18px
}
.fullWidth {
	width:100%!important
}
.faq_que {
	font-weight:700
}
.questionUl li {
	margin-bottom:20px
}
.fundPaymentMain {
	width:500px;
	padding:30px 0;
	font-size:20px
}
.fundPaymentMain .currency {
	margin-right:10px
}
.fundPaymentMain input {
	font-size:100%!important
}
.update_main {
	border:1px solid #eee;
	margin-bottom:10px;
	padding:20px
}
.update_title {
	font-size:20px;
	margin-bottom:10px
}
.festBox {
	padding:20px;
	box-shadow:0 0 20px #ccc;
	margin:20px 0;
	border-radius:20px
}
.old_review {
	height:0;
	overflow:hidden;
	margin-top:0
}
.old_review.opened {
	height:auto;
	margin-top:20px
}
.bundleSelect {
	font-size:18px;
	padding:20px;
	background:#fff;
	border:1px solid #eee;
	cursor:pointer;
	border-radius:5px;
	min-width:300px;
	margin:10px 0
}
.bundleSelect:hover {
	background:#eee
}
#buttonDiv {
	margin-bottom:20px
}
.orDiv {
	color:#fff;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	font-size:16px;
	position:relative
}
.orDiv::before {
content:"";
position:absolute;
height:1px;
width:calc(50% - 30px);
background:#fff;
opacity:.5;
top:50%;
left:0
}
.orDiv::after {
content:"";
position:absolute;
height:1px;
width:calc(50% - 30px);
background:#fff;
opacity:.5;
top:50%;
right:0
}
.estimate .box .box-left {
	width:420px;
	float:left;
	padding:10px 0
}
.estimate .box .box-right {
	width:200px;
	float:left;
	margin-left:-1px;
	padding:10px 0
}
.estimate .box .est_text {
	width:100%;
	border:1px solid #ccc;
	padding:5px;
	border-radius:3px
}
.est_divider {
	height:1px;
	background:#ccc;
	margin:20px 0
}
.steps {
	margin-top:50px
}
.steps ul {
	display:flex;
	list-style:none;
	z-index:1;
	position:relative
}
.steps ul li {
	flex-basis:12.5%;
	position:relative
}
.fundSubmitSteps ul li {
	flex-basis:25%
}
.steps ul li::before {
content:"";
height:3px;
position:absolute;
top:23px;
width:100%;
background:#aaa;
z-index:-1
}
.steps ul li.done::before {
background:#008900
}
.steps ul li.active::before {
background:#008bd1
}
.steps ul li.first::before {
width:50%;
right:0
}
.steps ul li:last-child::before {
width:50%;
left:0
}
.step_no {
	display:block;
	margin:auto;
	width:50px;
	height:50px;
	border-radius:500px;
	background:#aaa;
	color:#fff;
	font-size:24px;
	line-height:50px;
	text-align:center
}
.steps ul li.done .step_no {
	background:#008900
}
.steps ul li.active .step_no {
	background:#008bd1
}
.step_title {
	text-align:center;
	display:block;
	margin-top:10px
}
.steps ul li.active .step_title {
	font-weight:700
}
.step_main {
	margin-top:50px;
	border-top:1px solid #ccc;
	padding:20px
}
.step_main_heading {
	font-size:24px;
	color:#008bd1
}
.step_main_heading small {
	color:#555;
	font-size:12px
}
.step_txt {
	width:100%;
	padding:10px;
	border:1px solid #ccc;
	background:#fff;
	border-radius:5px
}
.input-group .step_txt {
	border-radius:0 5px 5px 0
}
.step_txt[disabled] {
	background:#eee
}
.step_txt:focus {
	box-shadow:0 0 10px -2px #008bd1!important;
	border:1px solid #0086d0!important
}
.step_footer {
	border-top:1px solid #ccc;
	padding:30px;
	text-align:center;
	margin-top:30px
}
.step_txt.select2-container {
	border:none;
	padding:0
}
.step_txt.select2-container .select2-choice {
	padding:10px;
	height:auto;
	background:0 0
}
.step_txt.select2-container .select2-choice .select2-arrow {
	background:0 0;
	border:none
}
.step_txt.select2-container .select2-choice .select2-arrow b {
	background-position-y:10px
}
.step_txt.select2-container .select2-choice abbr {
	top:16px
}
.step_txt.select2-container-multi .select2-choices {
	border:1px solid #ccc;
	background-color:#fff;
	background-image:none;
	border-radius:5px;
	padding:5px 10px
}
.step_txt.select2-container-multi .select2-choices .select2-search-field input {
	font-family:Poppins, sans-serif!important
}
.submission_list {
	margin-top:50px
}
.submission_list table {
	width:80%;
	margin:auto;
	border-collapse:collapse
}
.submission_list table td, .submission_list table th {
	border:1px solid #ccc;
	padding:10px 5px
}
.bundlePassMovieList .bundlePassExpand {
	background:#000;
	text-align:center;
	color:#fff;
	font-size:24px;
	line-height:30px;
	position:absolute;
	bottom:0;
	left:0;
	right:0
}
.bundlePassMovieList {
	position:relative
}
.bundlePassMovieList .bundlePassInner {
	height:0;
	position:relative;
	overflow:hidden;
	padding-bottom:18.75%
}
.bundlePassMovieList.expanded .bundlePassInner {
	height:auto;
	padding-bottom:30px;
	position:relative
}
.review_label {
	padding:5px 15px;
	border-radius:500px;
	background:#ccc;
	font-weight:700
}
.review_label.warning {
	background:#ffc107
}
.review_label.success {
	background:#198754;
	color:#fff
}
.filmmaker_bio_list {
	list-style:none
}
.filmmaker_bio_list .filmmaker_left {
	height:250px;
	background:red
}
.tier_main {
	border:1px solid #eee;
	padding:10px 20px;
	margin-bottom:10px
}
.tier_main:hover {
	background:#eee
}
.filmclub_social {
	height:40px;
	width:40px;
	border:1px solid #fff;
	border-radius:500px;
	line-height:40px;
	color:#fff;
	margin-left:10px;
	margin-right:10px;
	display:inline-block;
	text-align: center;
}
.main_404_redirect {
	display:table;
	width:100%
}
.data_preview_404 {
	display:table-cell;
	border-right:1px dashed #555;
	width:50%;
	padding:15px
}
.data_preview_404 img {
	max-width:50%;
	margin:30px 0 10px 0
}
.data_link_404 {
	display:table-cell;
	width:50%;
	padding:15px
}
.mySearch {
	background:#333;
	border-radius:5px;
	padding:6px 12px;
	position:relative;
	display:inline-block;
	max-width:525px;
	width:100%
}
.mySearch input {
	background:0 0;
	border:none;
	color:#fff;
	width:calc(100% - 25px)
}
.searchbox_btn {
	background:0 0;
	color:#fff;
	border:none;
	height:25px;
	width:25px
}
.search_suggestions {
	position:absolute;
	top:calc(100% + 10px);
	left:0;
	right:0;
	border-radius:5px;
	padding:15px;
	background:#555;
	display:none
}
.search_movies {
	list-style:none;
	margin-bottom:0;
	padding:0;
	text-align:left
}
.search_movies li {
	margin-bottom:15px
}
.search_movies li a {
	display:block;
	background:0 0;
	line-height:30px;
	border-radius:5px;
	padding:0 10px;
	color:#fff
}
.search_movies li a:hover {
	background:#777;
	color:#fff;
	text-decoration:none
}
.search_movies li.search_no_movie {
	text-align:center;
	line-height:30px
}
.search_see_all a {
	text-align:center;
	display:block;
	font-weight:700;
	background:#374856;
	color:#62b3f5;
	line-height:30px;
	border-radius:5px
}
.search_see_all a:hover {
	text-decoration:none
}
.moviesPageHeader {
	position:relative;
	background-color:#041c2c!important;
	padding-top:100px;
	padding-bottom:30px;
	color:#fff;
	width:100%;
	z-index:1000
}
.moviesPage {
	background-color:#0c263c!important;
	min-height:100%
}
.moviesPage .home_sec_slide {
	width:33.33%!important;
	vertical-align:top
}
.mph_top {
	display:flex;
	gap:20px;
	align-items:center
}
.mph_search {
	flex:1
}
.mph_search input {
	width:100%;
	border:none;
	background:0 0;
	border-radius:3px;
	padding:0 20px;
	height:42px;
	border-radius:5px;
	border:1px solid #ccc;
	font-size:16px
}
.mph_filter {
	position:relative
}
.mph_filter .mph_filter_dropdown {
	position:absolute;
	background:#fff;
	color:#000;
	border-radius:5px;
	top:calc(100% + 10px);
	padding:15px;
	display:none
}
.mph_filter .mph_filter_dropdown ul {
	list-style:none;
	padding-left:0;
	margin-bottom:0
}
.mph_filter .mph_filter_dropdown ul li {
	white-space:nowrap;
	padding:5px 10px;
	border-radius:5px;
	cursor:pointer
}
.mph_filter .mph_filter_dropdown ul li:hover {
	background:#247ed3;
	color:#fff
}
.mph_filter button {
	background:#247ed3;
	border:none;
	padding:0 20px;
	line-height:42px;
	border-radius:5px
}
.filter_main {
	padding-top:20px;
	display:none
}
.filter_main.open {
	display:block
}
.filter_box_ext {
	display:flex;
	gap:10px
}
.filter_box {
	height:50px;
	width:25%;
	position:relative
}
.filter_box.full {
	width:100%;
	margin-top:20px
}
.filter_box_heading {
	width:100%;
	border:1px solid #fff;
	border-radius:5px;
	text-align:center;
	font-size:16px;
	line-height:40px;
	position:relative
}
.filter_box_heading span {
	position:absolute;
	top:0;
	right:15px
}
.filter_box_content {
	position:absolute;
	width:100%;
	background:#fff;
	color:#333;
	padding:15px;
	border-radius:5px;
	display:none;
	z-index:10
}
.filter_box_content .fbc_search {
	width:100%;
	background:#ccc;
	border:none;
	border-radius:5px;
	margin-bottom:10px;
	padding:5px 15px
}
.filter_box_content ul {
	list-style:none;
	padding-left:0;
	max-height:200px;
	overflow:auto;
	margin-bottom:0
}
.fancy_checkbox {
	position:absolute;
	left:-9999px
}
.fancy_checkbox+label {
	position:relative;
	padding-left:30px;
	min-height:22px;
	line-height:26px;
	cursor:pointer;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	color:#333!important;
	font-weight:400!important
}
.fancy_checkbox+label:after {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:18px;
	border:2px solid #ccc;
	background:0 0;
	border-radius:3px;
	top:3px;
	z-index:1000
}
.fancy_checkbox+label.green:after {
	border:2px solid #34b351
}
.fancy_checkbox:checked+label.green:after {
	border:1px solid #34b351;
	background:#34b351
}
.fancy_checkbox+label.orange:after {
	border:2px solid #dc7633
}
.fancy_checkbox:checked+label.orange:after {
	border:2px solid #dc7633;
	background:#dc7633
}
.fancy_checkbox+label.yellow:after {
	border:2px solid #fd0
}
.fancy_checkbox:checked+label.yellow:after {
	border:2px solid #fd0;
	background:#fd0
}
.fancy_checkbox+label.blue:after {
	border:2px solid #247ed3
}
.fancy_checkbox:checked+label.blue:after {
	border:2px solid #247ed3;
	background:#247ed3
}
.fancy_checkbox+label:before {
	content:"";
	position:absolute;
	left:2px;
	z-index:2000;
	color:#00c3aa;
	font-size:14px;
	font-family:"Font Awesome 6 Free";
	line-height:22px
}
.fancy_checkbox+label.blue:before, .fancy_checkbox+label.green:before, .fancy_checkbox+label.orange:before, .fancy_checkbox+label.yellow:before {
	top:2px;
	left:5px;
	font-size:12px;
	color:#fff
}
.fancy_checkbox:checked+label:before {
	content:"\f00c";
	font-weight:bolder
}
.filter_display {
	margin-top:20px
}
.filter_display ul {
	padding-left:0;
	list-style:none
}
.filter_display ul li {
	display:inline-block;
	padding:5px 10px;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #fff;
	border-radius:500px
}
.filter_display ul li i {
	margin-left:15px
}
.button_blue {
	background:#247ed3;
	border:none;
	padding:0 20px;
	line-height:42px;
	border-radius:5px;
	color:#fff
}
.ms_header {
	background:#000!important;
	border-bottom:2px solid #444;
	height:70px!important;
	padding:11px 0!important
}
.ms_header.back_black_opacity {
	background:rgba(0, 0, 0, .6)!important;
	border-bottom:none
}
.ms_header.stick {
	background:#000!important
}
.ms_header .logo {
	vertical-align:middle
}
.wmf_header {
	display:flex;
	justify-content:space-between;
	align-items:center
}
.wmf_header_center, .wmf_header_left, .wmf_header_right {
	white-space:nowrap
}
.wmf_header_center {
	flex:100;
	text-align:center;
	padding:0 10px
}
.wmf_menu_link {
	color:#fff;
	line-height:45px;
	padding:0 10px;
	border-radius:5px;
	display:inline-block
}
.wmf_menu_link:hover {
	color:#fff;
	text-decoration:none;
	background:rgba(255, 255, 255, .2)
}
.wmf_header_menu {
	position:fixed;
	width:200px;
	background:#333;
	top:70px;
	bottom:0;
	right:-200px;
	padding:10px;
transition:all .5s ease
}
.wmf_header_menu.open {
	right:0
}
.wmf_header_menu ul {
	list-style:none;
	padding-left:0
}
.wmf_header_menu ul {
	list-style:none;
	padding-left:0
}
.wmf_header_menu ul li {
	border-bottom:1px solid #666
}
.wmf_header_menu ul li a {
	display:block
}
.wmf_header_search {
	position:fixed;
	background:#000;
	top:-80px;
	height:80px;
	right:0;
	left:0;
	padding:15px 10px;
transition:all .5s ease;
	border-bottom:2px solid #444
}
.wmf_header_search.open {
	top:0
}
.menu_button_sub_right {
	border:1px solid #444;
	border-radius:3px;
	padding:0;
	background:#000
}
.menu_button_sub_right.simple::before {
content:none
}
.user_profile_main {
	padding:15px;
	border-bottom:1px solid #333
}
.user_profile_pic {
	float:left;
	width:70px
}
.user_profile_pic img {
	box-shadow:none
}
.user_profile_detail {
	float:left;
	width:calc(100% - 70px)
}
.user_profile_detail p {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.user_profile_link a {
	color:#fff;
	display:block;
	padding:15px;
	font-size:16px
}
.user_profile_link a i {
	font-size:24px;
	vertical-align:-2px;
	color:#999;
	display:inline-block;
	width:50px;
	text-align:center
}
.user_profile_link a:hover {
	color:#fff;
	text-decoration:none;
	background:#111
}
.filter_small {
	position:fixed;
	height:100%;
	width:100%;
	z-index:10000;
	background:#0c263c;
	top:0;
	left:-100%;
	color:#fff;
transition:all .2s ease
}
.filter_small.open {
	left:0
}
.filter_small_header {
	font-size:24px;
	line-height:30px;
	padding:15px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#041c2c
}
.filter_small_action {
	background:#041c2c;
	display:flex
}
.filter_small_clear {
	font-size:18px;
	color:rgba(255, 255, 255, .5);
	flex:.5;
	border-left:1px solid rgba(255, 255, 255, .2);
	line-height:50px;
	text-align:center;
	cursor:pointer
}
.filter_small_done {
	font-size:18px;
	color:#fff;
	flex:.5;
	background:#0086d0;
	line-height:50px;
	text-align:center;
	cursor:pointer
}
.btn_transparent {
	background:0 0;
	border:none;
	padding:15px;
	border-radius:500px
}
.btn_transparent:hover {
	background:rgba(0, 0, 0, .5)
}
.filter_small_content {
	height:calc(100% - 110px);
	padding:15px;
	overflow:auto
}
.filter_small_content ul {
	list-style:none;
	padding-left:0
}
.filter_small_inner {
	height:100%
}
.filter_small_inner.left {
	width:40%;
	border-right:1px solid rgba(255, 255, 255, .2)
}
.filter_ul li {
	padding:15px;
	text-transform:uppercase;
	font-size:18px;
	line-height:30px;
	border-bottom:1px solid rgba(255, 255, 255, .2)
}
.fund_bio_section {
	display:table;
	width:100%
}
.fund_bio_image {
	display:table-cell;
	width:300px;
	padding:10px
}
.fund_bio_text {
	display:table-cell;
	vertical-align:middle;
	padding:10px
}
.fund_campaign_section {
	margin-bottom:20px;
	padding:15px;
	border:1px solid #fff
}
.fund_campaign_section:hover {
	border:1px solid #ccc
}
.fund_campaign_section img {
	max-width:100%
}
.fund_campaign_header {
	text-align:center;
	padding:10px;
	background-color:#80ced6;
	margin-bottom:10px
}
.image_upload {
	position:relative;
	display:inline-block;
	border:1px dashed #0086d0;
	height:150px;
	width:150px;
	border-radius:5px;
	margin-right:15px
}
.image_upload input {
	opacity:0;
	height:100%;
	width:100%;
	z-index:10;
	position:absolute;
	top:0;
	left:0
}
.image_upload_label {
	text-align:center;
	height:50px;
	position:absolute;
	width:100%;
	top:50px;
	left:0;
	z-index:1
}
.image_upload_process {
	text-align:center;
	height:50px;
	position:absolute;
	width:100%;
	top:50px;
	font-size:18px;
	left:0;
	display:none;
	z-index:1
}
.image_upload_preview {
	position:relative;
	display:inline-block;
	height:150px;
	width:150px;
	overflow:hidden;
	border-radius:5px;
	margin-right:15px;
	margin-bottom:15px
}
.image_upload_preview img {
	width:100%
}
.filmmaker_image {
	width:170px;
	float:left
}
.filmmaker_detail {
	width:calc(100% - 170px);
	float:left
}
.fundSubmitHead {
	text-align:left
}
.fundSubmitBack {
	text-align:right
}
@media only screen and (max-width :1199px) {
.gutter-sizer {
width:calc(25% - 193px)
}
.movieBox.banner_style .moviePoster {
height:216px
}
.movieBox .movieBoxInner {
height:242px
}
}
@media only screen and (max-width :992px) {
.movieBox .movieBoxInner {
height:180px
}
.watermark {
font-size:14px
}
.masonry-brick {
width:calc(50% - 16px)
}
.partialRefundPopup, .supportPopup {
width:610px
}
.gutter-sizer {
width:calc(33% - 193px)
}
.walletCard button {
padding:7px 12px;
font-size:14px!important
}
.moviePlay .button.followButton {
line-height:34px;
font-size:30px
}
.transactionDetailDiv .transactionItemRight {
padding:10px 15px
}
.walletCard {
width:19%
}
.header_right .pull-right {
float:none!important
}
.header_right {
text-align:center!important;
margin-top:10px
}
.filmMakerLink {
display:block;
margin:auto
}
header .logo {
margin-right:0
}
.filmMakerLink {
margin-top:0;
margin-right:0
}
.homeSlider {
padding-top:70px
}
.menu_button_sub ul li .menu_button {
display:inline
}
.carousel-control {
display:block!important
}
.carousel-indicators {
opacity:0
}
.fullRefundPopup {
min-width:600px
}
.contentDetailMain.homePage h1 {
text-align:center
}
.featured_banner_style {
display:flex;
flex-wrap:wrap;
justify-content:center
}
.movieBox.banner_style {
flex:0 0 33%;
order:2;
display:none
}
.movieBox.banner_style.box100, .movieBox.banner_style.box60, .movieBox.banner_style.box80 {
flex:0 0 100%;
order:1;
display:block
}
.movieBox.vertical {
width:33%
}
.movieBox.banner_style .moviePoster, .movieBox.vertical .moviePoster {
height:270px
}
.homemovieList .item, .librarymovieList .item {
float:none;
margin-left:calc((100% - 390px)/ 2)
}
.bundleMovieList .item {
float:left;
margin-left:0
}
.bottomStickSmall {
display:flex!important
}
.innerScroll {
height:auto!important;
overflow:hidden!important
}
.fixedContainer {
position:static
}
}
@media only screen and (max-width :960px) {
.filter {
float:none
}
.fixTab.libraryPage {
position:relative
}
.contentDetailMain.libraryPage {
padding-top:0
}
}
@media only screen and (max-width :768px) {
.slider_bottom, .slider_top {
display:block
}
.slider_bottom {
text-align:center
}
.slider_top .box_sm {
display:none
}
.movieBox.box_lg {
width:100%
}
.slider_bottom .box_sm.box_top {
display:inline-block
}
.slider_bottom .box_sm {
display:inline-block;
width:180px!important;
flex:none;
margin-bottom:20px
}
.movieBoxInner {
height:282px!important
}
.watermark {
font-size:12px
}
.payment-action {
display:block!important
}
.fundPay {
width:100%!important
}
.questionList {
padding-bottom:200px
}
.gotoBottom {
display:none
}
.fullRefundPopup {
min-width:auto;
width:auto
}
.partialRefundPopup, .supportPopup {
width:100%
}
.menu_button_sub ul li .menu_button {
display:inline
}
.masonry-brick {
width:calc(100% - 16px)
}
.gutter-sizer {
width:calc(50% - 193px)
}
.movie_details {
position:static;
height:auto
}
.videoContainer {
position:relative;
padding-bottom:56.25%;
width:100%;
height:0;
overflow:hidden;
color:#fff
}
.fundVideoContainer {
display:none!important
}
.fundMain {
padding-top:0!important
}
.fundContent {
color:#000!important
}
.fundImgMain {
padding:0!important
}
.fundImg {
border:none!important;
box-shadow:none!important
}
.movieContainer {
position:static;
height:auto;
padding-top:70px
}
.homeSlider .sliderCaption img {
height:auto!important;
width:70%!important
}
.contentDetailMain {
padding:50px!important;
height:auto!important
}
.contentDetailMain.aboutUsPage {
padding:0!important;
padding-top:50px!important;
height:auto!important
}
.recentMain {
text-align:center
}
.movieListDiv {
margin-left:0;
margin-right:0
}
.subsc .sub_inner_text {
width:calc(100% - 115px)
}
.subsc .pull-right {
float:none!important
}
.subsc .pull-left {
float:none!important;
margin-top:20px
}
.subsc .pull-left small {
letter-spacing:0
}
.moviePlay {
width:64px;
height:60px;
text-align:center;
box-shadow:0 0 10px #000;
position:absolute;
top:15%
}
.moviePlay span {
color:#000
}
.moviePlay span .fa-play {
color:#fff
}
.moviePlay .button {
font-size:33px;
line-height:57px
}
.moviePlay .button.followButton {
line-height:0;
font-size:18px
}
.moviePlay .writeReview {
margin-top:10px;
padding:4px 8px;
font-size:16px;
text-align:center
}
.moviePlay.blockMovie {
position:static;
padding:20px 40px 0 40px;
background:0 0;
box-shadow:none;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
height:auto;
color:#000;
font-size:16px
}
.moviePay h2 {
font-size:18px
}
.allowPlayer .moviePlay {
margin-top:0
}
.buttons {
position:relative!important
}
.tab_button {
padding:2px 10px;
margin-right:0;
font-size:16px;
background:0 0;
color:#fff;
border-radius:0!important
}
.tab_button.active, .tab_button.active:active, .tab_button.active:focus {
color:#fff;
background:rgba(0, 0, 0, .2)!important
}
.movieDetailMain {
position:relative;
margin-top:10px;
padding-top:0;
height:auto;
z-index:1
}
.fixedButton {
display:none
}
.fixTab {
height:auto;
overflow:auto;
position:relative;
background:#068dd0!important;
white-space:nowrap
}
.fundDetail .fixTab {
height:auto!important
}
.fundDetail {
padding-top:20px!important
}
.fixTab.libraryPage {
height:inherit
}
.underConstruction img {
height:100px
}
.underConstruction h1 {
font-size:18px
}
.followForm {
width:auto!important
}
.followForm h2 {
font-size:18px
}
.followForm .emailInput {
width:100%!important
}
.followForm .subcriptionBtn {
margin:auto!important
}
header {
height:50px;
padding:12px 0;
font-size:12px;
position:absolute;
top:0;
left:0
}
.logo {
height:55px;
margin-top:0px;
}
.logo.nyiff {
height:35px;
margin-top:8px
}
.fixTab.profile {
position:relative;
padding-top:70px;
height:160px
}
.fixTab.profileEdit {
position:relative;
padding-top:70px;
height:160px
}
.fixTab.other {
position:relative;
padding-top:70px;
height:auto
}
.fixTab.fundSubmitFixTab {
position:relative;
padding-top:150px;
height:auto
}
.fixTab.other .fixHeader {
position:relative;
height:auto;
left:auto;
top:auto;
font-size:24px;
margin-bottom:20px
}
.fixTab.profile .profileMainImage, .fixTab.profileEdit .profileMainImage {
position:relative;
left:auto;
top:auto;
height:70px;
width:70px;
float:left;
margin-right:10px
}
.fixTab.profile .profileMainDetail, .fixTab.profileEdit .profileMainDetail {
position:relative;
left:auto;
top:auto;
width:calc(100% - 80px);
float:left
}
.fixTab.profileEdit h1 {
margin-top:15px
}
.fixTab.profile .profileMainwallet_cardDetail h1 {
font-size:24px
}
.fixTab.profile h1 {
height:30px;
font-size:30px
}
.profileMain md-progress-circular {
margin:auto
}
.movieFollowButton, .profileFollowButton {
width:100%;
text-align:center
}
.fixTab.fixed {
position:static
}
.serviceText {
border:1px solid #fff;
margin-bottom:10px;
padding-bottom:10px
}
.serviceTextHeader {
display:block;
margin-bottom:0
}
.serviceTextContent {
height:0;
display:block;
overflow:hidden;
margin:0
}
.serviceTextContent.open {
margin-top:10px;
height:auto
}
.payConfirmDiv .filmmakerFee, .payConfirmDiv .platformFee {
text-align:center
}
md-dialog .md-actions .md-button {
margin:0
}
.followModelDiv {
width:auto!important;
max-width:650px!important
}
#walletForm {
width:480px
}
.walletCard {
position:relative;
width:100%;
margin-bottom:15px
}
.contentDetailMain .map iframe {
height:200px
}
.main {
position:relative
}
.payConfirmTemplate, .payConfirmTemplate p {
line-height:15px
}
.close, .payConfirmPopup .close {
height:20px;
width:20px
}
.close:after {
left:46%
}
.close:before {
right:46%
}
.addToWalletPopup md-dialog-content, .payConfirmTemplate md-dialog-content {
padding:10px
}
.useBalanceInfo {
text-align:left!important
}
.userBalanceRadio {
margin:0!important;
margin-left:5px!important
}
#checkoutForm, #walletForm {
width:auto
}
#checkoutForm .md-actions {
margin:0!important;
padding:0!important
}
#checkoutForm .md-actions img {
max-width:100%
}
.inputCard {
width:100%
}
.radioGroup {
margin-bottom:15px;
margin-top:-5px
}
#checkoutForm md-input-container {
padding-bottom:5px
}
.moviePlayStartContent p {
font-size:14px
}
.otherSignInOption {
margin-top:15px
}
.otherSignInOption .title {
font-size:20px;
width:100%;
padding-bottom:15px
}
.otherSignInOption:after {
width:0
}
.login form {
max-width:300px
}
.howItsWork {
font-size:18px
}
.sliderCaption .intro-text {
width:100%
}
.sliderCaption .intro-text .one {
font-size:28px
}
.sliderCaption .intro-text .two {
font-size:24px
}
.homeSlider .homeSignin {
font-size:22px!important
}
.howItWorksPopup .step3Work img {
width:100%
}
.followSmallDesc {
position:relative;
height:auto;
width:100%;
top:0;
left:0;
padding:20px;
background:0 0;
box-shadow:none;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none
}
.followInput input {
border:1px solid #ccc
}
.followInput input:active {
border:1px solid #ccc;
box-shadow:none
}
.founderPhoto {
float:none
}
.founderContent {
float:none;
width:100%
}
.advisoryPhoto {
float:none
}
.advisoryContent {
float:none;
width:100%
}
.geoBlock input, .geoBlock textarea {
border-bottom:1px solid #000!important;
color:#000!important
}
.geoBlock input:focus, .geoBlock textarea:focus {
border-bottom:1px solid #00f!important
}
.innerScroll {
height:auto!important;
overflow:hidden!important
}
.bundleMovieList .item {
width:100%!important
}
.listSponsorInner {
float:none;
margin-top:20px
}
.title_search {
width:calc(100% - 230px)!important
}
.title_search.sort {
width:200px!important
}
.fixTab.libraryPage {
min-height:250px
}
.fixTab.libraryPage .fixHeader {
width:96%
}
.bundlePassMovieList .bundlePassInner {
padding-bottom:28.13%!important
}
.bundlePassMovieList .moviePoster .title {
font-size:14px
}
.bundlePassMovieList h1 {
text-align:left!important
}
.moviesPage .home_sec_content {
white-space:unset;
overflow:auto
}
.fundSubmitHead {
text-align:center
}
.fundSubmitBack {
text-align:center
}
.fundSubmitMain {
padding-top:50px!important
}
}
@media only screen and (max-width :600px) {
.padding-left {
padding-left:00px
}
#walletForm {
width:auto
}
.reviewFooter .date {
margin:8px 0
}
.supportTransactionLeft, .transactionItemLeft {
width:100%;
padding:0
}
.transactions-container {
border-left:1px solid #eaedef
}
.transactionItemRight {
padding:15px;
padding-bottom:0
}
.supportTransactionLeft {
width:100%
}
.supportTransactionRight {
padding:0 15px;
width:100%
}
.festivalList .box, .highlightFestivalList .box {
height:auto
}
.festivalList .box img, .highlightFestivalList .box img {
position:relative;
margin-bottom:10px
}
.highlightFestivalList {
margin:5px 0 10px 0
}
.faqList .item div.ans {
margin:4px 10px 10px 10px
}
.homemovieList .item, .librarymovieList .item {
padding-left:0;
padding-right:0
}
.bundleMovieList .item {
padding-left:15px;
padding-right:15px
}
.bundleMovieList .moviePoster {
height:0
}
.addInBundle {
left:0
}
.custom_label {
right:0
}
.howItsWork {
text-align:center;
font-size:16px
}
.sliderCaption .intro-text .one {
font-size:22px
}
.sliderCaption .intro-text .two {
font-size:19px
}
.homeSlider .homeSignin {
font-size:18px!important;
padding:3px 6px!important
}
.fixTab.libraryPage {
min-height:360px
}
.fixTab.libraryPage .fixHeader {
position:relative;
left:0
}
.payConfirmPopup .turmConditionDiv {
min-height:104px;
width:100%
}
.payConfirmPopup .preOrderTermCondition {
height:80px;
overflow:scroll
}
.movieBox.banner_style {
flex:0 0 50%;
order:2
}
.movieBox.vertical {
width:50%
}
.movieBox.horizontal_large {
width:100%
}
.movieBox.horizontal_medium {
width:50%
}
.bookTicketMain {
padding:0!important
}
.bookTicketMain .container {
padding:0!important
}
.title_search_radio {
display:block!important
}
.title_search_radio md-switch {
margin:0!important
}
.fixTab.libraryPage {
min-height:250px
}
.moviesPage .home_sec_slide {
width:100%!important
}
.mph_search {
display:none
}
.mph_top {
justify-content:space-between
}
}
@media only screen and (max-width :420px) {
.masonry-brick {
width:calc(100% - 16px)
}
.gutter-sizer {
width:0
}
.login md-dialog-content {
padding:20px 15px
}
.refundRadio {
font-size:15px
}
.refundQuestion md-radio-button {
margin-right:15px;
margin-left:0
}
.homemovieList, .librarymovieList {
text-align:center
}
.homemovieList .moviePoster, .librarymovieList .moviePoster {
width:275px;
height:188px;
position:relative;
margin:0
}
.bundleMovieList .moviePoster {
width:100%;
height:auto
}
.bundleMovieList .moviePoster {
height:0
}
.availableMovie {
margin:10px 0 10px 0
}
.xs-text-center {
text-align:center
}
header .headerTopLoginRegister .md-button {
min-width:60px
}
header .header_small_right .md-button {
width:30px
}
md-dialog.bonusContentPopup md-dialog-content {
padding:10px
}
md-dialog.bonusContentPopup {
max-width:95%
}
.homemovieList .item, .librarymovieList .item {
width:100%;
margin-left:auto
}
.payConfirmPopup .turmConditionDiv {
min-height:145px
}
.moviePlay {
top:170px
}
.movieBox.horizontal_medium {
width:100%
}
.title_search {
width:100%!important;
float:none!important;
margin-bottom:10px
}
.title_search.sort {
width:100%!important
}
.fixTab.libraryPage {
min-height:310px
}
}
@media only screen and (orientation :portrait) {
.movieContainer {
height:auto
}
.videoContainer {
position:relative;
padding-bottom:56.25%;
width:100%;
height:0;
overflow:hidden;
color:#fff
}
.fundVideoContainer {
display:none!important
}
.movieSection {
background:#000;
height:auto
}
}