/** * * Festhome LTD * * * Copyright (c) Festhome LTD. (http://festhome.com) */

/*@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,100italic,300italic,400italic,700italic);
@import url(//fonts.googleapis.com/css?family=Montserrat:200,300,400,600;subset=latin-ext);
@import url(//fonts.googleapis.com/css?family=Satisfy:400);*/

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('https://festhomedocs.com/css/fonts/montserrat-v14-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://festhomedocs.com/css/fonts/montserrat-v14-latin_latin-ext-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('https://festhomedocs.com/css/fonts/montserrat-v14-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://festhomedocs.com/css/fonts/montserrat-v14-latin_latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('https://festhomedocs.com/css/fonts/montserrat-v14-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://festhomedocs.com/css/fonts/montserrat-v14-latin_latin-ext-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* montserrat-900 - latin_latin-ext */
@font-face {
  font-family: 'MontserratBlack';
  font-weight: 900;
  src: local('Montserrat Black'), local('Montserrat-Black'),
       url('https://festhomedocs.com/css/fonts/montserrat-v14-latin_latin-ext-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://festhomedocs.com/css/fonts/montserrat-v14-latin_latin-ext-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* montserrat for quill */
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: local('Montserrat LightItalic'), local('Montserrat-LightItalic'),
       url('https://festhomedocs.com/css/fonts/Montserrat/Montserrat-LightItalic.ttf') format('ttf'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
       url('https://festhomedocs.com/css/fonts/Montserrat/Montserrat-Italic.ttf') format('ttf'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: local('Montserrat SemiBoldItalic'), local('Montserrat-SemiBoldItalic'),
       url('https://festhomedocs.com/css/fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('ttf'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}
/* montserrat-900 - latin_latin-ext */
@font-face {
  font-family: 'MontserratBlack';
  font-style: italic;
  font-weight: 900;
  src: local('Montserrat BlackItalic'), local('Montserrat-BlackItalic'),
       url('https://festhomedocs.com/css/fonts/Montserrat/Montserrat-BlackItalic.ttf') format('ttf'), /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* satisfy-regular - latin */
@font-face {
  font-family: 'Satisfy';
  font-style: normal;
  font-weight: 400;
  src: local('Satisfy Regular'), local('Satisfy-Regular'),
       url('https://festhomedocs.com/css/fonts/satisfy-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://festhomedocs.com/css/fonts/satisfy-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Courgette - latin ext */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  src: local('Courgette'), local('Courgette-Regular'),
       url('https://festhomedocs.com/css/fonts/Courgette-Regular.ttf')
}

/*  !RESET Esta hoja limpia todos los valores. Publicar antes de la hoja de estilo de la página. */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
	{margin:0; padding:0}

table
	{border-collapse:collapse; border-spacing:0}

fieldset,
img
	{border:0}

address,
caption,
cite,
code,
dfn,
em,
th,
var
	{font-style:normal; font-weight:normal}

ol,
ul
	{list-style:none}

caption
	{text-align:left}

h1,
h2,
h3,
h4,
h5,
h6
	{font-size:100%; font-weight:normal}

q:before,
q:after
	{content:'';}

abbr,
acronym
	{border:0}

* {
    box-sizing: border-box;
}
html, body {
	height: 100%;
}
body {
	color:#111;
	font-family: Montserrat, "Font Awesome 5 Pro", sans-serif;
	font-weight:400;
	text-rendering:optimizeLegibility;
	/*-webkit-font-smoothing: subpixel-antialiased;*/
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-o-font-smoothing: antialiased;
	background-color: #f1f1f1;
}
#preWrap {
	height: 100%;
}
#wrap {
  min-height: 100%;
  /* equal to footer height */
	/*
  margin-bottom: -67px; 
  position: relative;
  */
}
/*
#wrap:after {
  content: "";
  display: block;
}
*/
.footer, #wrap:after {
  height: 67px; 
  height: 283px;
  z-index: 2;
  /*position: relative;*/
}
/* Responsive CSS */
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    float: left;
    /*border: 0px solid #7e7e7e;*/
}
.single-left {
	width: 100%;
	float: left;
}
.double-left {
	width: 50%;
	float: left;
}
.third-left {
	width: 33%;
	float: left;
}
.quarter, .quarter-left {
	width: 25%;
	float: left;
}
.fifth, .fifth-left {
	width: 20%;
	float: left;
}

.max-40em { 
	max-width: 40em;
}
.max-25em { 
	max-width: 25em;
}
.max-10em { 
	max-width: 10em;
}
.max-8em { 
	max-width: 8em;
}
.max-5em { 
	max-width: 5em;
}
#content_wrapper {
	/*
	width: 90%;
	margin: 0 auto;
	*/
}

.vertical-align-sub {
	vertical-align: sub;
}
.vertical-align-middle {
	vertical-align: middle;
}
.vertical-align-bottom {
	vertical-align:bottom;
}
.vertical-align-top {
	vertical-align:top;
}
.vertical-align-super {
	vertical-align:super;
}
.mini-link {
	font-size: 0.8em;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-capitalize {
	text-transform: capitalize;
}
.text-lowercase {
	text-transform:lowercase;
}
.text-normal, text-none {
	text-transform: none;
}

.text-half-size, .text-size-0_5 {
	font-size: 0.5em;
}
.text-dbl-size, .text-double-size {
	font-size: 2em;
}
.text-triple-size, .text-size-3 {
	font-size: 3em;
}
.text-quad-size, .text-size-4 {
	font-size: 4em;
}
.text-double-half-size, .text-size-2_5 {
	font-size: 2.5em;
}
.text-bigger, .text-size-2 {
	font-size: 2em;
}
.text-big, .text-size-1_5 {
	font-size: 1.5em;
}
.text-size-1_4 {
	font-size: 1.4em;
}
.text-size-1_45 {
	font-size: 1.45em;
}
.text-bitbig, .text-size-1_2 {
	font-size: 1.2em;
}
.text-tinybig, .text-size-1_15 {
	font-size: 1.15em;
}
.text-size-1_05 {
	font-size: 1.05em;
}
.text-small, .text-size-0_9 {
	font-size: 0.9em;
}
.text-smaller, .text-size-0_8 {
	font-size: 0.8em;
}
.text-smallest, t.ext-size-0_65 {
	font-size: 0.65em;
}
.text-bold {
	font-weight: bold !important;
}
.text-normal {
	font-weight: normal !important;
}
.font-weight-300, .text-thin {
	font-weight: 300 !important;
}
.text-line-through {
	text-decoration: line-through !important;
}

.text-underline {
	text-decoration: underline !important;
}
.text-shadow {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
}
.satisfy-text {
	font-family: 'Satisfy', cursive;
}
.courgette-text {
	font-family: 'Courgette', cursive;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-none {
	float: none;
}
.contenido, #contenido {
	background: #f7f7f7;
	width: 95%;
	margin: 0 auto;
}
.contenido-od {
	background: #f7f7f7;
	width: 100%;
	margin: 0 auto;
}
@media only screen and (max-device-width: 767px) and (orientation: landscape) {
	.contenido, #contenido { width: 100%; }
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) {
	.contenido, #contenido { width: 100%; }
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {
	.contenido, #contenido { width: 100%; }
}
.contenido-bg {
	background: #f8f8f8;
}
.opacity50 {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.opacity20 {
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.opacity10 {
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.no-click {
	pointer-events: none
}
.big-padding {
	padding: 3em;
}
.dbl-padding {
	padding: 2em;
}
.padding {
	padding: 1em;
}
.padding-half {
	padding: 0.5em;
}
.padding-quarter {
	padding: 0.25em !important;
}
.padding-sides {
	padding: 0 1em;
}
.padding-sides-half {
	padding: 0 0.5em;
}
.padding-sides-quarter {
	padding: 0 0.25em;
}
.padding-sides-mini {
	padding: 0 0.15em;
}
.dbl-padding-sides {
	padding: 0 2em;
}
.big-padding-sides {
	padding: 0 3em;
}

.padding-updown-double {
	padding: 2em 0;
}
.padding-updown {
	padding: 1em 0;
}
.padding-updown-half {
	padding: 0.5em 0;
}
.padding-updown-quarter {
	padding: 0.25em 0;
}
.padding-updown-mini {
	padding: 0.15em 0;
}
.dbl-updown-sides {
	padding: 2em 0;
}
.big-updown-sides {
	padding: 3em 0;
}

.margin-top {
	margin-top: 1em !important;
}
.margin-updown {
	margin: 1em auto !important;
}
.margin-auto {
	margin: 0 auto !important;
}
.margin-sides-half {
	margin: 0.5em 0.5em !important;
}

.percentage-padded{
	padding: 10% 5% 5% 5%;
	max-width: 100%;
}
.percentage-padded-viewer {
	padding: 1% 5% 5% 5%;
	max-width: 100%;
}
.percentage-padded-playing {
	padding: 1% 5% 2% 5%;
	max-width: 100%;
}
.festival-viewer-spinner {
	display: none;
}
.detalle-spinner, .festival-viewer-spinner {
	text-align: center;
}
.display_none {
	display: none;
}
.display_block {
	display: block;
}
.pointer {
	cursor: pointer;
}
.no-overflow {
	overflow: hidden;
}
.overflow-x-scroll {
	overflow-x: scroll;
}
.position-absolute {
	position: absolute !important;
}
.position-relative {
	position: relative;
}
.position-fixed {
	position: fixed;
}

.line-height-22 {
	line-height: 22px;	
}
.line-height-18 {
	line-height: 18px;	
}

.bigger-line {
    line-height: 1.5em
}

.bounce {
  display: inline-block;
  position: relative;
  -moz-animation: bounce 1s infinite linear;
  -o-animation: bounce 1s infinite linear;
  -webkit-animation: bounce 1s infinite linear;
  animation: bounce 1s infinite linear;
}
@-webkit-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.3em; }
    100% { top: 0; }
}
@-moz-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.3em; }
    100% { top: 0; }
}
@-o-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.3em; }
    100% { top: 0; }
}
@-ms-keyframes bounce {
    0% { top: 0; }
    50% { top: -0.3em; }
    100% { top: 0; }
}
@keyframes bounce {
    0% { top: 0; }
    50% { top: -0.3em; }
    100% { top: 0; }
}
@media print {
	.noPrint { display:none; }
}
@media only screen and (max-width: 767px) and (orientation: portrait), only screen and (max-height: 400px) and (orientation: portrait) {
	.portrait_hide {	display: none; }
}
@media only screen and (max-width: 767px) and (orientation: landscape), only screen and (max-height: 400px) and (orientation: landscape) {
	.landscape_hide {	display: none; }
	.landscape_text-small { font-size: 0.9em !important; }
	.landscape_text-smaller { font-size: 0.8em !important; }
	.landscape_text-smallest { font-size: 0.65em !important; }
	.landscape_text-smallestest { font-size: 0.5em !important; }
}
@media only screen and (max-width: 767px), only screen and (max-height: 400px) {
	.mobile_hide {	display: none; }
	#sub-menu-scroll-right { display: none; }
	#sub-menu-scroll-left { display: none; }
	.sub-menu-start { display: none; }
	
	.big-padding { padding: 1em; }
	.dbl-padding { padding: 0.5em; }
	.padding { padding: 0.25em; }
	.padding-half { padding: 0.15em; }
	.padding-quarter { padding: 0.05em !important; }
	.padding-sides { padding: 0 0.25em; }
	.padding-sides-half { padding: 0 0.15em; }
	.padding-sides-quarter { padding: 0 0.05em;	}
	.dbl-padding-sides { padding: 0 0.5em; }
	.big-padding-sides { padding: 0 1em; }
	
	.padding-updown-double { padding: 0.5em 0; }
	.padding-updown { padding: 0.25em 0;	}
	.padding-updown-half { padding: 0.15em 0; }
	.padding-updown-quarter { padding: 0.05em 0; }
	.padding-updown-mini { padding: 0.025em 0; }
	.dbl-updown-sides { padding: 0.5em 0; }
	.big-updown-sides { padding: 1em 0; }
	
	.contenido, #contenido {width: 98%;}
	
/* 	Fabio START */
	
	.film-content {	margin-left: 0px !important; }

	.tabs-links .tabs li {margin: 0em !important; padding: 0.5em 0.7em !important;}

	.percentage-padded {padding: 10% 0 15% 0 !important;}
	
	.flexbox-container-center {display: block !important;}
	
	.od-festival-viewer-logo-container {height: 100% !important;}
	
	.od-festival-design-box{max-width:600px !important;}
	
	.od-session-title {float: none !important; margin: 0.5em 0 0 0 !important; text-align:center !important;}
	
	.text-right-to-center{text-align: center !important; padding-right: 0 !important;}
	
	
/* 	Fabio END */
	
	.profile_circle {width: 42% !important; padding: 20% 0 !important; }
	
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    /* For tablets: */
    /*
	.mobile_hide {	display: none; }
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
   */
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
	.computer_hide { display: none !important; }
	.ipad_hide { display: none !important;}
	/* iPad Landscape */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: landscape) {
	.ipad_hide { display: none !important; }
	.ipad_ls_hide { display: none !important; }
	/* iPad landscape */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {
	.computer_hide { display: none !important; }
	.ipad_hide { display: none !important; }
	.ipad_pt_hide { display: none !important; }
	/* iPad Portrait */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
@media only screen and (min-width: 1024px) {
	.computer_hide { display: none !important; }
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
.row::after {
    content: "";
    clear: both;
    display: table;
}

/* !COLORS */
.festhome-color, festhome-orange-color {
	color: #f15122 !important;
}
.festhome-comp-color {
	color: #22c2f1 !important;
	fill: #22c2f1;
}
.festhome-yellow-color {
	color: #f1b922 !important;
}
.festhome-pink-color {
	color: #f1225a !important;
}
.festhome-green-color {
	color: #00a300 !important;
}
.festhome-darkgreen-color {
	color: #007300 !important;
}
.festhome-violet-color {
	color: #5122f1 !important;
}
.festhome-black-color {
	color: #111 !important;
}
.festhome-darkgrey-color {
	color: #333 !important;
}
.festhome-grey-color {
	color: #666 !important;
}
.festhome-medgrey-color {
	color: #999 !important;
}
.festhome-lightgrey-color {
	color: #e8e8e8 !important;
}
.festhome-red-color {
	color: #d9534f !important;
}
.festhome-purered-color {
	color: red !important;
}
.festhome-white-color {
	color: #fff !important;
}

.festhome-bg-color {
	background-color: #f15122 !important;
}
.festhome-bg-pro-color {
	background-color: #f47752 !important;
}
.festhome-bg-comp-color {
	background-color: #22c2f1 !important;
}
.festhome-bg-yellow-color {
	background-color: #f1b922 !important;
}
.festhome-bg-pink-color {
	background-color: #f1225a !important;
}
.festhome-bg-red-color {
	background-color: #d9534f !important;
}
.festhome-bg-green-color {
	background-color: #00a300 !important;
}
.festhome-bg-darkgreen-color {
	background-color: #007300 !important;
}
.festhome-bg-violet-color {
	background-color: #5122f1 !important;
}
.festhome-bg-black-color {
	background-color: #111 !important;
}
.festhome-bg-darkestgrey-color {
	background-color: #222 !important;
}
.festhome-bg-darkergrey-color {
	background-color: #333 !important;
}
.festhome-bg-pureblack-color {
	background-color: #000 !important;
}
.festhome-bg-darkgrey-color {
	background-color: #666 !important;
}
.festhome-bg-medgrey-color {
	background-color: #999 !important;
}
.festhome-bg-lightgrey-color {
	background-color: #f8f8f8 !important;
}
.festhome-bg-grey-color {
	background-color: #e8e8e8 !important;
}
.festhome-bg-white-color {
	background-color: #fff !important;
}
.festhome-bg-lightwhite-color {
	background-color: #f1f1f1 !important;
}
.festhome-bg-transparent {
	background-color: transparent !important;
}

.fad-ihtv-color {
	--fa-primary-color: #111;
	--fa-primary-opacity: 0.8;
	--fa-secondary-color: #f15122;
	--fa-secondary-opacity: 0.9;
}

.border-top-festhome {
	border-top: 3px solid #f15122 !important;
}
.border-top-comp {
	border-top: 3px solid #22c2f1 !important;
}
.border-top-yellow {
	border-top: 3px solid #f1b922 !important;
}
.border-top-pink {
	border-top: 3px solid #f1225a !important;
}
.border-top-red {
	border-top: 3px solid #d9534f !important;
}
.border-top-green {
	border-top: 3px solid #00a300 !important;
}
.border-top-darkgreen {
	border-top: 3px solid #007300 !important;
}
.border-top-violet {
	border-top: 3px solid #5122f1 !important;
}
.border-top-grey {
	border-top: 3px solid #999 !important;
}
.border-top-black {
	border-top: 3px solid #111 !important;
}
.border-top-white {
	border-top: 3px solid #fff !important;
}
.border-top-lightergrey {
	border-top: 3px solid #f8f8f8 !important;
}
.border-top-lightgrey {
	border-top: 3px solid #eee !important;
}
.bigger-border-top {
	border-top-width: 8px !important;
}
.big-border-top {
	border-top-width: 5px !important;
}
.small-border-top {
	border-top-width: 2px !important;
}
.thin-border-top {
	border-top-width: 1px !important;
}

.border-bottom-festhome {
	border-bottom: 2px solid #f15122;
}
.border-bottom-comp {
	border-bottom: 2px solid #22c2f1;
}
.border-bottom-green {
	border-top: 2px solid #00a300;
}
.border-bottom-darkgreen {
	border-top: 2px solid #007300;
}
.border-bottom-yellow {
	border-bottom: 2px solid #f1b922;
}
.border-bottom-lightgrey {
	border-bottom: 2px solid #eee;
}
.border-bottom-grey {
	border-bottom: 2px solid #999 !important;
}
.border-bottom-black {
	border-bottom: 2px solid #111 !important;
}
.big-border-bottom {
	border-bottom-width: 5px !important;
}
.thin-border-bottom {
	border-bottom-width: 1px !important;
}

.border-1px-black {
	border: 1px #111 solid;
}
.border-1px-red {
	border: 1px red solid !important;
}
.border-1px-blue {
	border: 1px #22c2f1 solid !important;
}
.border-1px-festhome {
	border: 1px #f15122 solid !important;
}
.border-1px-green {
	border: 1px #00a300 solid !important;
}
.border-1px-darkgreen {
	border: 1px #007300 solid !important;
}

.border-radius {
	border-radius: 4px;
}

.grey-bg-color {
	background-color: #e8e8e8 !important;
}
.green-bg-color {
	background-color: #98d098 !important;
}
.red-bg-color {
	background-color: #d6a09e !important;
}
.orange-bg-color {
	background-color: #ddb28f !important;
}

.lightgreen-bg-color {
	background-color: #b7d1b7 !important;
}
.lightred-bg-color {
	background-color: #cdafae !important;
}
.lightorange-bg-color {
	background-color: #dbc1ac !important;
}

.lightblue {
	color: lightblue;
}
.green {
	color: #00a300;
}
.darkgreen {
	color: #007300;
}
.red {
	color: #d9534f;
}
.yellow {
	color: #e1b400;
	color: #f1b922;
}
.white {
	color: white;
}
.cornflowerblue {
	color: cornflowerblue;
}
.dodgerblue {
	color: dodgerblue;
}

/* !A TAGS / LINKS */
a {
	text-decoration:none;
	color: #111;
	outline:none;
}
a:hover {
	color: #f15122;
}
a.black {
	text-decoration:none;
	color: #111;
}
a:hover.black {
	color: #f15122;
}
a.white {
	color: #fff;
}
a:hover.white {
	color: #ff9933;
	color: #f15122;
}
a.orange {
	color: #f15122;
}
a:hover.orange {
	color: #fff;
}
a.orange_fh {
	color: #f15122;
}
a:hover.orange_fh {
	color: #fff;
}
a.orangeblack {
	color: #f15122;
}
a:hover.orangeblack {
	color: #333;
}
a.orange_fh_black {
	color: #f15122;
}
a:hover.orange_fh_black {
	color: #333;
}
a.whiteblack {
	color: #fff;
}
a:hover.whiteblack {
	color: #333;
}
a.whiteorange {
	color: #fff;
}
a:hover.whiteorange {
	color: #f15122;
}
a.blackwhite {
	color: #333;
}
a:hover.blackwhite {
	color: #fff;
}
a.blue {
	color: #646464;
}
a:hover.blue {
	color: #3399FB;
}
a.whiteblue {
	color: #fff;
}
a:hover.whiteblue {
	color: #3399FB;
}
a.blackblue {
	color: #111;
}
a:hover.blackblue {
	color: #3399FB;
}
a.blueorange {
	color: #0099cc;
}
a:hover.blueorange {
	color: #f15122;
}
a.orangeblue {
	color: #f15122;
}
a:hover.orangeblue {
	color: #0099cc;
}
a.red {
	color: #cc0033;
}
a:hover.red {
	color: #f90505;
}
a.grey {
	color: #646464;
}
a:hover.grey {
	color: #f15122;
}
a.light_grey {
	color: #999;
}
a:hover.light_grey {
	color: #f15122;
}
a.whitewhite {
	color: #fff;
}

.showtag{ 
    display:none;
}
.showtags:hover .showtag{
    display:block;
}
.showtags:hover .showtag2{
    display:block;
}
.showtags:hover .hidetag{
    display:none;
}
.showtags:hover ~ .hidetag2{ 
    display:none;
}

/* !Dialogs */
.dialog-box { 
	width: 80%;
	margin: 0 auto;
	max-width: 40em;
}
.detail_spinner {
	z-index: 9999; background-color: rgba(255,255,255,0.8); width: 100%; height: 100%; position: fixed; top: 1px; display: none;
}

/** Notices and Errors **/
.site-notices {
	width: 100%;
	margin: 0 auto;	
	cursor: pointer;
	position: absolute;
}
.success,.message,.cake-error,.cake-debug,.notice,.warning,.problem,.auth,.error {
    height: 3.4em;
	background:#333;
	color:#fff;
	border-radius:4px;
	font-weight:normal;
	text-align:center;
	z-index: 9999;
    display:block;
    font-size: 0.8em;
    line-height: 3.4em;
    margin: 0.5em auto 0em auto;
	border:1px solid rgba(0,0,0,0.6);
	transition: .2s;
	clear:both;
	
	font-weight:bold;
	position: relative;
    width: 90%;
	position: fixed;
	margin-left: 5%;
}
.cake-error,.cake-debug {
	position: absolute;
}
.success:after,.message:after,.cake-error:after,.cake-debug:after,.notice:after,.warning:after,.problem:after,.auth:after {
	font-family: "Font Awesome 5 Pro"; 
	content:"\f00d";
	color: red;
	font-weight: bold;
	margin-right: 0.5em;
    font-size: 2em;
	float: right;
}
.message {
	font-weight:bold;
}
.success {
	background: #39b101;
	z-index: 4999;
}
.warning {
	z-index: 39999;
	background:#ffb701;
}
.notice {
	background:#1199cd;
	z-index: 1999;
}
.problem {
	background:#e11936;
	z-index: 5999;
}
.auth {
	background:#e11936;
	z-index: 5999;
}
.error {
	/*font-family:Monaco,Consolas,Courier,monospace;*/
	/*font-size:1.2em;*/
	/*padding:0.8em;*/
	margin:1em auto;
}
.error em {
	font-weight:normal;
	line-height: 140%;
}

/** !TABLES **/
table {
	border-right:0;
	clear:both;
	color:#333;
	margin-bottom:10px;
	width:100%;
	margin: 0 auto;
}
th {
	border:0;
	border-top: 2px solid #22c2f1;
	border-bottom: 2px solid #999;
	padding:4px; text-align: center;
	background-color: #888; padding 4px 4px; /*line-height: 0;*/ color: #eee; font-size: 0.9em;
}
th a {
	display:block;
	padding:2px 4px;
	text-decoration:none;
	color: #eee;
}
th a.asc:after {
	content:' ⇣';
}
th a.desc:after {
	content:' ⇡';
}
td {	
	font-size: 13px; font-weight: normal; padding: 4px 4px; color: #333;/* border-top: 1px solid #999; border-bottom: 1px solid #999;*/
}
tr {	
	height: 40px;
	border-top: 1px solid #999;
    border-bottom: 1px solid #999;
	border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
tr:nth-child(even) {
	background-color:#ddd;
	color: #646464;
}
tr.sub-tr-line {
	border: 0px;
	background-color: #f8f8f8;
}
td.actions {
	text-align:center;
	white-space:nowrap;
}
table td.actions a {
	margin:0px 6px;
	padding: 2px 5px;
}
tbody tr:hover {
	background: #fff;
}
table h3{
	padding: 4px 4px;
	text-align: center;
}
.table-festival-logo {
	text-align:center; vertical-align: middle; background-color: #fff; background-position: 0px 0px; background-repeat: no-repeat;background-size:75px 50px; border: 1px solid #999; padding: 0 4px; width: 75px; margin: 0 auto;
    height: 50px
}

.paginator {
	margin : 0; 
	padding : 0; 
	list-style : none; 
	display : block; 
	color: #646464;
	font-size: 11px;
}
.paginator li {
	display : inline;
	border-radius: 3px;
	padding: 3px;
	width: 14px;
}
.paginator_numbers{
	padding: 3px 10px;
	font-weight: 500;
	width: 12px;
	font-weight: bold;
}
.counter {
	margin : 0; 
	padding : 0; 
	list-style : none; 
	display : block; 
	color: #646464;
	float: left;
	font-size: 11px;
}
.paginator_numbers.current {
	font-weight: normal;
	color: #f15122;
}
.no-top-border {
	border-top: none;
}

/* !MENU */
header {
	z-index: 160;
}
.menu {
	align-items: center;
	height: 44px;
	line-height: 42px;
    color: #fff;
	font-size: 0.8em;
    background-color: rgba(0,0,0,0.75);
    background-color: #333;
    overflow: hidden;
}
.menu .fa, .menu .fad, .menu .fab, .menu .svg-inline--fa {
	font-size: 1.8em;
	line-height: 42px;
	vertical-align: middle;
}
.menu div a {
	color: #fff;
}
.menu div a:hover {
	color: #f15122;
}
.menu ul {
	height: 100%;
}
.menu div {
	margin: auto;
	height: 100%;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
}
.menu div.left {
	/*border-left: 1px solid #999;*/
}
.menu div.right {
	float: right;
	/*border-left: 1px solid #999;*/
}

.menu div.dropdown {
	/*background-color: #333;*/
}
.menu .dropdown ul, .sub-menu .dropdown ul {
	height:auto;
	position:absolute;
	/*right: 0;
	max-width: 33%;
	margin-left: -1.5em;*/
	z-index:10;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: none;
	color: #111;
}
.menu .dropdown ul {
	border:	1px solid #8c8c8c;
	border-top: 1px solid #333;
	margin-top: -2px;
	/*background-image: linear-gradient(to bottom, rgba( 223, 223, 223, 0.90 ), rgba( 191, 191, 191, 0.90 ));*/
	font-size: 0.9em;
}
.menu .dropdown li, .sub-menu .dropdown li {
	text-align:center;
	float:none;
	display:block;
	height:32px;
	line-height: 32px;
	border-top:1px solid #8c8c8c;
	transition:.2s;
	overflow: hidden;
	/*padding: 0em 0.3em;*/
}
.menu .dropdown li:first-child, .sub-menu .dropdown li:first-child {
	border-top: none;
}
.menu div:hover>ul {
	display:block;
	background-color:rgba(12,17,25,0.8);
	background-color:#333;
	z-index: 101;
}
.menu .dropdown li:hover, .sub-menu .dropdown li:hover {
	display:block;
}
.menu .dropdown li a, .sub-menu .dropdown li a {
	height:30px;
	letter-spacing:0;
	border:none;
	border-radius:0;
	box-shadow:none;
	background:transparent;
    line-height: 32px;
	text-transform: capitalize;
	padding: 0 0.5em;
}
.menu .dropdown li a:hover {
	color: #f15122;
}
.menu input {
	margin: 0.4em auto;
	margin: 0.6em auto;
    padding: 0.6em;
    width: 85%;
    width: 100%;
    background-color: #444;
    color: #fff;
    border: 1px solid #444;
}

/* !SUB-MENU */
.sub-menu {
	align-items: center;
	/*
	height: 44px;
	line-height: 42px;
	line-height: 41px;
	*/
    color: #fff;
	font-size: 0.8em;
	background-color: #ddd;
	border-bottom: 1px solid #eee;
	border-bottom: 1px solid #8c8c8c;
	text-align: center;
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	overflow: -moz-scrollbars-none;
}
@media only screen and (min-width: 767px) {
	.sub-menu { overflow-x: hidden; }
}
.sub-menu::-webkit-scrollbar { 
    display: none; 
}
.sub-menu a, .sub-menu div {
	/*padding: 0 1.5em;*/
	padding-left: 1.5em;
	display: inline-block;
	/*cursor: pointer;*/
	/*border-bottom: 1px solid transparent;*/
	color: #111;
	/*
	overflow: hidden;
	height: 43px;
	*/
	border: 1px solid transparent;
	border-bottom: none;
	border-top: none;
}
.sub-menu .dropdown>a {
	padding: 0;
	padding: 0.5em 0;
}
.sub-menu .dropdown>span {
	padding: 0.5em 0;
}
.sub-menu .dropdown ul {
	border:	1px solid #8c8c8c;
	border-top: 1px solid transparent;
}
.sub-menu div:hover>ul {
	display:block;
	background-color: #ddd;
	/*width: 100%;*/
	margin-left: -1.5em;
}
@-moz-document url-prefix() {
    .sub-menu div:hover>ul { margin-top: -1px; }
}

.sub-menu a:after{
	position: relative;
	/*top: -0.5em;*/
	width: 100%;
    margin: 0 auto;
	display:block;
	content: '';
    border-bottom: 1px solid #f15122;
	transform: scaleX(0);
	transition: 0.3s;
    /*
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	transform-origin:  0% 50%;
    */
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.sub-menu li a:after{
	top: -0.5em;
}
.sub-menu a:hover:after {
	/*
	border-bottom: 1px solid #f15122;
	*/
	transform: scaleX(1);
	-webkit-transform: scaleX(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.sub-menu .active-page {
	font-weight: bold;
	position: relative;
	background-color: #f1f1f1;
	/*
	border-bottom: 1px solid #f1f1f1;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #8c8c8c;
	border-right: 1px solid #8c8c8c;
	*/
	padding-right: 1.5em;
	margin-left: 1.5em;
	padding: 0 1.5em 0 1.5em;
}
.sub-menu .active-page:before {
    color: #22c2f1;
	content:"\f061";
	font-weight: bold;
	margin-right: 0.6em;
}

.sub-menu-start {
	width: 3%;
}
#sub-menu-scroll-left {
	background-color: #ddd;
	width: 3%;
	position: absolute;
	left: 0;
	z-index: 1;
	cursor: pointer;
	font-size: 1.5em;
}
#sub-menu-scroll-right {
	background-color: #ddd;
	width: 3%;
	position: absolute;
	right: 0;
	z-index: 1;
	cursor: pointer;
	font-size: 1.5em;
}
#user-menu.sub-menu {
	font-size: 0.9em;
	background-color: #fff;
	border-bottom: 1px solid #22c2f1;
	font-size: 0.8em;
}
#user-menu.sub-menu a {
}
#user-menu-scroll-left {
	background-color: #fff;
	width: 3%;
	position: absolute;
	left: 0;
	cursor: pointer;
	/*margin-top: -1px;*/
}
#user-menu-scroll-right {
	background-color: #fff;
	width: 3%;
	position: absolute;
	right: 0;
	cursor: pointer;
	/*margin-top: -1px;*/
}
#user-menu .dropdown ul {
	font-size: 0.8em;
	background-color: #fff;
}
@-moz-document url-prefix() {
    #user-menu .dropdown ul { margin-top: -1px; }
}
#festivals-top-elements {
	position: relative;
	/*margin-top: 1em;*/
}

.menu-search-results {
	position: absolute;
	top: 42px;
	right: 0;
	width: 100%;
	max-width: 400px;
	border: 2px solid #ccc;
	border-radius: 5px;
	background: #444;
	z-index: 102;
	right: 10%;
}
.search-result-container  {
	
}
.search-result-title {
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}
.search-result {
	padding: 0.2em;
	font-size: 0.7em;
}
/* !NAVBAR */
.toggle-menu{
  	cursor: pointer;
  	color: #fff;
 	font-size: 1.8em;
 	font-weight: normal;
}
.toggle-menu label {
	margin-left: 5%;
	/*margin-right: -10%;*/
	vertical-align: text-bottom;
	/*float: left;*/
	cursor: pointer;
}
@media only screen and (max-width: 767px), only screen and (max-height: 400px) {
	.main-nav{ width: 83.3%; }
}
@media only screen and (min-device-width: 767px) {
	.main-nav{ width: 33.3%; }
}
.main-nav{
	font-weight: normal;
	z-index: 155;
    background-color: rgba(0,0,0,0.75);
    background-color: #333;
	color: #fff;
	box-sizing:border-box;
	border-right: 1px solid #999;
	/*overflow: hidden;*/
	position: fixed;
	top: 0;
	height: 100%;
	
	left: -83.3%;
	transition: width 0.3s ease;
	max-width: 23.5em;
	/*
	width: 83.3%;
	width: 33%;
	width: 0%;
	*/
}
#main-nav li{
	/*
	margin-left: 15px;
	text-transform: capitalize;
	font-size: 14px;
	*/
}
#navbar_menu {
	height: 100%; background: #222; width: 40px; text-align: center; position: fixed; z-index: 155; top: 0; left: 0;
}
#navbar_menu label {
	/*position: relative; left: 0px;*/ float: left; text-align: center; color: #f15122; border-bottom: 1px solid #999; width: 40px; padding: 10px 0; padding: 8px 0 8px 0; margin-bottom: 0px;
}
#navbar_menu label:hover {
	background-color: #f15122; color: #fff;
}
.navbar_element {
	float: right; padding: 5px 0; border-top: 1px solid #999; font-weight: normal; font-size: 13px; width: 165px; width: 100%; text-align: left;
}
.navbar_element img {
	width: 20px; height: 20px; padding:0px; padding: 5px; background-color: #4c4c4c; margin: 0px 10px 0 15px; vertical-align: middle;
}
#navbar_menu img {
	width: 25px; height: 25px; padding:0px; padding: 0px; margin: 0px auto; vertical-align: middle; margin-right: 1px;
}

.navbar_item {
	opacity: 0;
    transition: opacity 1400ms ease-in-out 0s;
}
.navbar_item.opened {
	opacity: 1;
}
.navbar_item {
	width: 100%;
    font-size: 3em;
    padding: 0px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    line-height: 0.6em;
    /*border-bottom: 1px solid #999;*/
}
.navbar_item:hover {
}

.navbar_item p {
	font-size: 0.35em;
	margin-top: 0.15em;
    text-transform: uppercase;
    font-weight: 200;
    color: #fff;
    border-bottom: 1px solid #333;
}
.navbar_item p:hover {
	border-bottom: 1px solid #f15122;
}

.navbar_item a {
	font-size: 0.35em;
	margin-top: 0.15em;
    text-transform: uppercase;
    font-weight: 200;
    color: #fff;
}
.navbar_item a:after{
	width: 50%;
    margin: 0 auto;
	display:block;
	content: '';
    border-bottom: 1px solid #f15122;
    transform: scaleX(0);  
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
	/*transform-origin:  0% 50%;*/
}
.navbar_item a:hover:after {
	/*border-bottom: 1px solid #f15122;*/
	transform: scaleX(1);
}


.navbar_separator {
	width: 100%;
    padding: 8px;
    color: #fff;
    background-color: #444;
    border-bottom: 1px solid #999;
}
.navbar_air_separator {
	width: 100%;
    padding: 16px;
    color: #fff;
}
.navbar_item.big {
    text-align: center;
    margin-right: 0em;
}
.navbar_item.big .fa, .navbar_item.big .fad, .navbar_item.big .svg-inline--fa {
	float: none;
    font-size: 1em;
    margin-right: 0em;
}
.navbar_item .fa, .navbar_item .fad, .navbar_item .svg-inline--fa {
	/*float: left;*/
    font-size: 0.9em;
    vertical-align: middle;
    margin-right: 0.3em;
}
.navbar_item input {
	margin: 0.1em 0.3em;
    padding: 0.6em;
    width: 98%;
    font-size: 0.25em;
}
.navbar_item form div {
	margin: 0 auto;
}

.main-nav div.nav-dropdown {
	background-color: #333;
}
.main-nav .nav-dropdown ul {
	display: none;
	border-bottom: none;
	background-color: #333;
	background-color: rgba(33,33,33,0.92);
	border: 1px solid #999;
}
.main-nav .nav-dropdown h3 {
	margin-bottom: 0.3em;
}
.main-nav .nav-dropdown li {
	text-align:center;
	font-size: 0.35em;
	display:block;
	transition:.2s;
	overflow: hidden;
	font-weight: 200;
	/*padding: 0.4em 1em;
	border-top: 1px solid #999;*/
	padding: 0;
	min-width: 200px;
}
.main-nav div:hover>ul {
	display:block;
	position: absolute;
	left: 100%;
	margin-top: -12%;
}
.main-nav .nav-dropdown li a {
	font-size: 0.9em;
	text-transform: capitalize;
	color: #fff;
	border: none;
}
.main-nav .nav-dropdown li a:hover {
	color: #f15122;
	border: none;
}

.submenu-head {
	/*float: left;*/
	/*margin-left: 2em;*/
}
.submenu-title {
	font-size: 1.5em;
	font-family: 'Satisfy', cursive;
	text-transform: capitalize;
}
.submenu-title-icon{
	font-size: 1em;
	/*color: #f15122;*/
	margin-right: 0.3em;
}
.submenu-dashboard {
	font-size: 1em;
	float: left;
    margin-left: 24px;
}
.submenu-dashboard .fa, .submenu-dashboard .fad, .submenu-dashboard .svg-inline--fa {
	font-family: "Montserrat", "Font Awesome 5 Pro", sans-serif; 
}

/* !FOOTER */
.footer div {
	background: #555;
	/*border-bottom: 1px solid #999;
	padding: 0.25em;*/
	text-align: center;
	color: #fff;
}
.footer a {
	color: #fff;
	font-size: 0.8em;
}
.footer a:hover {
	color: #f15122;
}
.footer_icons {
	width: 100%; padding: 0.25em;
}
.footer_icons a {
	/*float: left;*/
	padding: 0.2em;
	font-size: 1.4em;
}
.footer_icons i {
	/*float: left;*/
	font-size: 2em;
}
.footer_icons p {
	margin-top: 0.3em;
	font-size: 0.65em;
}
.footer-links a {
	text-transform: uppercase;
	font-size: 0.9em;
	padding: 1em 0;
	text-align: center;
	font-weight: 300;
	width: 100%;
	float: left;
}

/* !HEADERS */
h1 {
	
}
h2 {
	font-size: 22px;
	color: #7e7e7e;
	margin:0;
}
h3 {
	
}
h4 {
	font-size: 18px;
	font-weight: bold;
	padding: 15px;
	color: #b2b2b2;
}
h5 {
	font-size:125%;
	font-weight: bold;
	margin:0;
	color: #646464;
}
h6 {
	font-size:1em;
	font-weight:bold;
	border-bottom:1px dotted rgba(33,33,33,0.25);
}
h3.line {
	font-size:0.5em;
	border-bottom:1px solid rgba(33,33,33,0.25);
}

/* !TOOLTIP */

.ui-tooltip, .arrow:after {
	background: #111;
	opacity: 0.97;
	/*border: 2px solid #f15122;*/
}
.ui-tooltip {
	background: #111;
	padding: 8px 10px;
	border-radius: 5px;
	/*box-shadow: 0 0 5px black;*/
	font-size: 11px;
	min-width: 100px;
	max-width: 300px;
	text-align: center;
	position:absolute;
	z-index: 99994;
	color: #fff;
	border: none;
	/*border: 2px solid #f15122;*/
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

/* !FORMS */

.form_plates{
	padding: 1em 1em;
	margin: 1em 0em;
	box-shadow: 1px 1px 1px 0px rgba(150,150,150,0.3);
	background-color: #f7f7f7;
}
.form-shadow {
	box-shadow: 1px 1px 1px 0px rgba(150,150,150,0.3);
}
form div {
	vertical-align:text-top;
	margin: 0;
}

form .input {
	font-weight: normal;
	/*width: 90%;*/
	max-width: 40em;
	max-width: 640px;
	margin: 0 auto;
	border-radius: 4px;
}
.input label {
	font-weight: bold; font-size: 1em; text-transform: uppercase; color: #333; padding: 1em 0;
}
.input-header {
	color: #666; background: #eee; font-weight: bold; border: 1px solid #999; border-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0; height: 43px; line-height: 43px; text-align: center;
}
.input-header-title {
	font-weight: normal; font-size: 0.8em; vertical-align: top;
}
.input-headed{
	border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important;
}
.required input {
	border-color: #e32;
}
.completed input {
	border-color: #74cce1;
	border-color: #00cc00;
}
form .normal label::before{
	content: '\25aa \00a0 \00a0';
	color: #e0e0e0;
}
form .green label::before{
	content: '\25aa \00a0 \00a0';
	color: #009245;
}
form .gold label::before{
	content: '\25aa \00a0 \00a0';
	font-size: 14px;
	color: #e1b400;
}
form .orange label::before{
	content: '\25aa \00a0 \00a0';
	font-size: 14px;
	color: #f15122;
}
form .blue label::before{
	content: '\25aa \00a0 \00a0';
	font-size: 14px;
	color: #46c2e0;
}
input[type=checkbox] {
	width: 1em;	display: inline;
		font-family: "Montserrat", "Font Awesome 5 Pro", sans-serif; 
}
.field-checkbox{
	font-size: 0.8em;
	margin: 0 1em;
	text-transform: uppercase;
	color: #111;
	font-weight: bold;
}
.field-checkbox span {
	margin: 0.3em 1em;
	display: inline-block;
}
.field-checkbox input[type=checkbox], .film-director input[type=checkbox], .view-film-director input[type=checkbox] {
	display: none;
	font-family: "Montserrat", "Font Awesome 5 Pro", sans-serif; 
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 1px 0 0;
    vertical-align:middle;
    background:url('https://festhomedocs.com/img/check_radio_sheet.png') left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url('https://festhomedocs.com/img/check_radio_sheet.png') -19px top no-repeat;
}

.checkbox {
	font-size: 0.9em;
	text-transform: none;
	width: 100%;
}
option {
	font-size:120%;
	padding:0 3px;
}
.checkbox span {
	margin-left:0.3em;
}
div.checkbox label {
	display:inline;
}
input[type=radio] {
	float:left;
	width:auto;
	margin:6px 0;
	padding:0;
	line-height:26px;
}
.radio label {
	margin:0 0 6px 20px;
	line-height:26px;
}
select {
	clear: both;
	background-clip: padding-box;
	vertical-align: text-bottom;
	background: #fff;
	white-space: nowrap;
	line-height: 25px;
	display: block;
	overflow: hidden;
	
	display: block;
	font-family:inherit;
	font-size:0.8em;
	width:100%;
	margin: 0.3em 0;
	padding: 0.8em;
	border-radius:5px;
	text-shadow:rgba(255,255,255,0.2) 0 1px 0;
	background: #fff;
	box-shadow: inset rgba(0,0,0,0.6) 0 1px 1px,rgba(255,255,255,0.09) 0 1px 0;
	box-shadow: none;
	/*border: 1px solid #b8b8b8;*/
	border: 1px solid #ddd;
	color:#444;
	transition:.2s;
	font-size: 0.9em;
}
select[multiple=multiple] {
	width:100%;
}
input[type=file] {
	font-size: 0.7em;
}
input,textarea {
	display: block;
    font-family: "Montserrat", "Font Awesome 5 Pro", sans-serif; 
	font-size:0.8em;
	width:100%;
	/*margin: 0.3em auto;*/
	padding: 0.8em;
	border-radius:5px;
	/*text-shadow:rgba(255,255,255,0.2) 0 1px 0;*/
	background: #fff;
	/*
	box-shadow: inset rgba(0,0,0,0.6) 0 1px 1px,rgba(255,255,255,0.09) 0 1px 0;
	box-shadow: none;
	box-shadow: inset rgba(0,0,0,0.3) 0 1px 1px,rgba(255,255,255,0.09) 0 1px 0;
	box-shadow: inset rgba(0,0,0,0.3) 0 1px 1px,rgba(255,255,255,0.09) 0 1px 0;
	border: 1px solid #b8b8b8;
	*/
	border: 1px solid #ddd;
	color:#444;
	transition:.2s;
	font-size: 0.9em;
}
.input_button_small {
	
}
input:focus,textarea:focus,select:focus {
	outline:none;
	border: 1px solid #46c2e0;
	box-shadow: 0 0 5px #b8b8b8;
	box-shadow: none;
}
/*
input[placeholder], [placeholder], *[placeholder] {
    color: #bbb !important;
}
*/
::-webkit-input-placeholder {
    color: #bbb !important;
}
:-ms-input-placeholder{
    color: #bbb !important;
}
::-moz-placeholder{
    color: #bbb !important;
}
form div.submit {
}
.input_button,input[type=submit] {
	clear:both;
	margin: 1px auto;
	max-width: 25em;
	padding: 0.8em;
	/*
	background:#444;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
	background-image:-webkit-linear-gradient(top,#555,#333);
	background-image:-moz-linear-gradient(top,#555,#333);
	color:#f15122;
	text-shadow:rgba(0,0,0,0.5) 0px -1px 0px;
	border: 1px solid #333;
	*/
	box-shadow: none;
	box-shadow: rgba(0,0,0,0.3) 0 1px 1px,rgba(255,255,255,0.09) 0 1px 0;
	border-radius: 4px;
	min-width: 2em;
	cursor: pointer;
	display: block;
	text-align: center;
	color: #46c2e0;
	color: #0099cc;
	color: #3399FB;
	/*border: 1px solid #46c2e0;*/
	color: #111;
	/*text-decoration: underline;*/
	/*box-shadow: 1px 1px 1px 0px rgba(33,33,33,0.3);*/
	
	transition:.2s;
	background: #fff;
    color: #111;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.5em;
	border: 1px solid #22c2f1;
	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	-webkit-appearance: none;-moz-appearance: none;appearance: none;
}
.input_button.button-padding {
	padding: 1em;	
}
.input_button:focus {
	outline:none;
}
.input_button:hover,input[type=submit]:hover {
	color:#f15122;
	background:#f8f8f8;
	box-shadow: none;
	
	background: #22c2f1;
	color: #fff;
	
}
.input_button.secondary-button {
	color: #111;
	background:#fff;
	border: 1px solid #e1e1e1;
}
.input_button.secondary-button:hover {
	color: #111;
	background:#e1e1e1;
}
.input_button.orange-button, input.orange-button {
	text-decoration: none;
	color: #fff;
	background: #f15122;
	border: 1px solid #f15122;
}
.input_button.orange-button:hover, input[type=submit]:hover.orange-button {
	background: #fff;
	color: #111;
}
.input_button.grey-button, input.grey-button {
	text-decoration: none;
	color: #111;
	background: #eee;
	border: 1px solid #eee;
}
.input_button.grey-button:hover, input.grey-button:hover {
	text-decoration: none;
	color: #111;
	border: 1px solid #22c2f1;
}
.input_button.red-button {
	border: 1px solid red;
	color: #111;
	background:#d9534f;
}
.input_button.red-button:hover {
	color: #fff;
	background:#de6764;
}
.input_button.film-card-button {
	color: #111;
	background: #fff;
	box-shadow: none;
	max-width: 40em;
}
.input_button.film-card-button .fa, .input_button.film-card-button .fad, .input_button.film-card-button .svg-inline--fa {
	color: #f15122;
}
.input_button.film-card-button:hover {
	color: #f15122;
	background:#d1d1d1;
	/*
	color: #fff;
	background:#22c2f1;
	*/
}
.input_button.active-button {
	border: 1px solid #111;
}
.input_button.active-button:hover {
	border: 1px solid #22c2f1;
	background: #fff;
	color: #111;
}
.input_button.blue-button {
	text-decoration: none;
	color: #fff;
	background: #22c2f1;
}
.input_button.blue-button:hover {
	color: #111;
	background:#fff;
}
.input_button.white-button {
	color: #111;
	background: #fff;
	border: 1px solid #f15122;
}
.input_button.white-button:hover {
	color: #111;
	background:#f15122;
}
.input_button.green-button {
	color: #fff;
	background: #00a300;
	border: 1px solid #111;
}
.input_button.green-button:hover {
	color: #111;
	background:#fff;
}
.input_button.yellow-button {
	color: #111;
	background: #f1b922;
	border: 1px solid #111;
}
.input_button.yellow-button:hover {
	color: #111;
	background:#fff;
}
.input_button.lightgrey-button {
	color: #111;
	background: #f8f8f8;
	border: 1px solid #e1e1e1;
}
.input_button.lightgrey-button:hover {
	color: #111;
	background:#fff;
	border: 1px solid #f15122;
}
.input_button.grey-button {
	color: #111;
	background: #999;
	border: 1px solid #999;
}
.input_button.grey-button:hover {
	color: #111;
	background:#fff;
	border: 1px solid #f15122;
}
.input_button.dark-button {
	text-decoration: none;
	color: #22c2f1;
	background: rgba(33, 33, 33, 0.9);
	border: 1px solid #333;
}
.input_button.dark-button:hover {
	color: #fff;
	background:#222;
	border: 1px solid #22c2f1;
}

.input_button:focus,input[type=submit]:focus,input_button.secondary-button:focus,input_button.orange-button:focus,input_button.red-button:focus,input_button.film-card-button:focus {
	background-color: #00cc00;
}

/* !FORM ERRORS */

form .error {
	background:#FFDACC;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-weight:normal;
	/*
	max-width: 306px;
	*/
	line-height: normal;
	height: auto;
}
form .error-message {
	-moz-border-radius:none;
	-webkit-border-radius:none;
	border-radius:none;
	border:none;
	background:none;
	margin:0;
	padding-left:4px;
	padding-right:0;
	/*max-width: 306px;*/
}
form .error,form .error-message {
	color:#9E2424;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
	text-shadow: none;
}
/*
.input_pay_class {
	font-size: 14px; color: #646464; margin-left: 55px;
}
.input_pay_class label::before{
	content: none;
}
.input_pay_class label {
	float: left; width: auto; margin-right: 5px; margin-left: 5px; text-align: center; margin-top: 4px; text-transform: capitalize;
	font-size: 28px;
	font-weight: 400;
	
	border-radius: 5px;
	border: 2px solid #ccc;
    width: 100px;
    background: #f8f8f8;
    padding: 4px;
    margin-bottom: 5px;
}
.input_pay_class img {
	width: 25px; height: 25px; margin-top: 2px; margin-left:2px;
}
.input_pay_class p {
	width: 100px; border: 1px dashed #ccc;
}
.input_pay_class span {
	color: #f15122;
}
.input_pay_class input[type=radio] {
	float: left;
	width:auto;
	margin:38px 0 0 0 ;
	padding:0;
	line-height:26px;
}

.input_paymethod_class {
	font-size: 14px; color: #646464;
}
.input_paymethod_class label::before{
	content: none;
}
.input_paymethod_class label {
	float: none; width: auto; margin-right: 20px; margin-left: 5px; text-align: left; margin-top: 4px;
}
.input_paymethod_class input[type=radio] {
	float: none;
	width:auto;
	margin:6px 0;
	padding:0;
	line-height:26px;
}
*/

/* !VERIFICATIONS UNTIL HERE */
/* !VERIFICATIONS UNTIL HERE */
/* !VERIFICATIONS UNTIL HERE */

/* !FILM EDIT / PREVIEW */
/* !FILM NAV-STATUS BAR */
.film-side-nav {
	background: #333;
	background: #ddd;
	color: #111;
	height: 100%;
	position: fixed;
	/*
    top: 0;
    z-index: -1;
    */
    border-right: 1px solid #999;
    border-right: 1px solid rgba(30,38,44,0.85);
    border-bottom: 1px solid rgba(30,38,44,0.85);
    z-index: 1;
}

@media only screen and (max-width: 767px), only screen and (max-height: 400px) { .film-side-nav {position: relative;} }
@media only screen and (min-width: 767px) and (max-width: 1024px) { .film-side-nav {position: relative; width: 100%;} }
.film-nav-item {
	/*width: 100%;*/
    font-size: 0.8em;
    padding: 5px 12px;
    color: #fff;
    color: #111;
    text-align: left;
    cursor: pointer;
    /*
    border-bottom: 1px solid #999;
    border-bottom: 1px solid #111;
    */
}
.film-nav-item p {
	margin-top: 0.15em;
    text-transform: capitalize;
    font-weight: normal;
}
.film-nav-item span {
}
.film-nav-separator {
	width: 100%;
    padding: 8px;
    color: #fff;
    background-color: #444;
    background: rgba(30,38,44,0.85);
    border-bottom: 1px solid #999;
}
.film-nav-item .fa, .film-nav-item .fad, .film-nav-item .svg-inline--fa {
    margin-right: 0.3em;
    vertical-align: sub;
    font-size: 1.7em;
}
.film-nav-item .film-nav-status {
	/*float: right;
    line-height: 37px;
	vertical-align: bottom;*/
	margin-right: 0;
}
.film-nav-circle {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #ddd;

    -moz-border-radius: 20px; /* or 50% */
    border-radius: 20px; /* or 50% */

	border: 1px solid #888;
    text-align: center;
    font-size: 0.8em;
    vertical-align: middle;
    
    margin-right: 1em;
    margin-left: 1em;
    
	color: #111;
}
.film-nav-circle.complete {
	border: 2px solid green;
	color: green;
}
.film-nav-circle.uncomplete {
	/*border: 2px solid red;*/
	color: red;
}
.film-nav-circles-bar {
	position: absolute; border-right: 1px solid #888; height: 430px; left: 42px; top: 45px; z-index: -1;
}
#submissions-toggle-on, #submissions-toggle-off, #ihtv-toggle, #ihtv-toggle-on, #ihtv-toggle-off {
	float: right;
	line-height: 20px;
}

/* !PLAYER BUTTONS */
.player-holder {
	height: 25%;
}

.player-button {
	font-size: 5em;
	margin: 1em auto;
	text-align: center;
}
.player-button:hover .fa-play-circle-o:before {
	/*content:"\f04b";*/
	color: #f15122;
}
.play-button { 
	border-radius: 5px;
	margin: 0 auto 0 auto; background: rgba(33,33,33,0.9); /* background: rgba(30,38,44,0.9); */ margin-top: 10%; margin-bottom: 1%;
	position: relative; padding: 0.5em; font-size: 1.5em; width: 15.5em; max-width: 70%;
	text-align: center;
	position: inherit;
}
.upload-button { 
	border-radius: 5px;
	margin: 0 auto 0 auto; background: rgba(33,33,33,0.9); margin-top: 0%; margin-bottom: 0%;
	position: relative; padding: 0.3em; font-size: 1.2em; width: 15.5em; max-width: 70%;
	text-align: center;
}
.upload-button-empty { 
	border-radius: 5px;
	border: 1px solid red;
	margin: 0 auto 0 auto; background: rgba(33,33,33,0.9); margin-top: 0%; margin-bottom: 0%;
	position: relative; padding: 0.3em; font-size: 1.2em; width: 15.5em; max-width: 70%;
	text-align: center;
}
.play-button-edition { 
	border-radius: 5px;
	margin: 5% auto; background: rgba(33,33,33,0.9);
	position: relative; padding: 0.5em; font-size: 1.5em; width: 12em; max-width: 70%;
	text-align: center;
}
.empty-button-edition { 
	border-radius: 5px;
	margin: 5% auto; background: transparent;
	position: relative; padding: 0.5em; font-size: 1.5em; width: 12em; max-width: 70%;
	text-align: center;
}
.upload-button-edition { 
	border-radius: 5px;
	margin: 0 auto; background: rgba(33,33,33,1);
	position: relative; padding: 0.3em; font-size: 0.8em; width: 15.5em; max-width: 70%;
	text-align: center;
	cursor: pointer;
	border: 1px solid #22c2f1;
}
.upload-button-edition:hover { 
	background: #f15122;	
}
.upload-button-edition span {
	vertical-align: middle;
	font-weight: normal;
}
.upload-button-edition .fa, .upload-button-edition .fab, .upload-button-edition .fas, .upload-button-edition .far, .upload-button-edition .fad, .upload-button-edition .svg-inline--fa {
	font-size: 1.6em;
	vertical-align: text-top;
	margin-left: 5%;
	vertical-align: middle;
}
.upload-button-uploaded{
	font-size: 0.7em;
}
.upload-holder {
	background: rgba(23,23,23,0.90);
}
.upload-text-box {
	color: #fff;
	background: #444;
	border-radius: 4px;
	font-size: 0.8em;
}

.drm-button { 
	border-radius: 5px;
	margin: 0 auto 0 auto; background: rgba(33,33,33,0.9); margin-top: 0%; margin-bottom: 0%;
	position: relative; padding: 0.3em; font-size: 0.7em; width: 15.5em; max-width: 80%;
	text-align: center;
}

#vimeoplayer_subtitles{
	display: none;
}
.qq-uploader{
	margin: 0 auto;
	padding: 1em;
}
.qq-upload-button{
	margin-bottom: 0;
}

.on-off-tag {
	margin: 1em auto; cursor: pointer;
	border-radius: 5px; background-color: #cdcdcd; height: 1.7em; font-size: 0.8em;
}
.on-inner-tag {
	float: left; margin: 0.3em; padding: 0 1.5em; background-color: #0099cc; color: #fff; border-radius: 4px; text-transform: uppercase;
}
.off-inner-tag {
	float: right; margin: 0.3em; padding: 0 1.5em; background-color: #333; color: #fff; border-radius: 4px; text-transform: uppercase;
}

#ihtv-bar {
	height: 2em;
}
.upload_tab_content, .upload_tab_content_ihtv {
	padding-top: 2em;
}
.upload-selector {
	height: 2em;
	background: rgba(0,0,0,0.98);
	filter: grayscale(100%);
	opacity: 0.5;
	text-align: center;
}
.upload-selector img {
	max-width: 100%; height: 100%;
	vertical-align: middle;
}
.upload-selector.ready {
	filter: grayscale(0%);
	opacity: 0.5;
}
.upload-selector.upload-selected {
	filter: grayscale(0%);
	opacity: 1;
}
.upload-selector.active {
	/*filter: grayscale(0%);*/
	opacity: 1;
}
.upload-selector .fa, .upload-selector .fad, .upload-selector .svg-inline--fa {
	color: #fff;
	vertical-align: middle;
}

/* !FILM CONTENT */
.film-content {
	border-left: 1px solid #999;
	/*background: #111;*/
	color: #fff;
	height: 100%;
	margin-left: 16.6%;
}
.film-content-top {
	color: #fff;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.film-content-separator {
	width: 100%; margin: 0px auto; 
	background: rgba(24,30,35,0.95); 
	background: rgba(222,222,222,0.95); 
	background: rgba(255,255,255,0.95);
	background: #fff;
	border-radius: 0px; height: auto;
	color: #fff;
	color: #111;
	font-size: 1.4em;
}
.film-content-separator-black {
	width: 100%; margin: 0px auto; 
	background: #111;
	border-radius: 0px; height: auto;
	color: #fff;
	font-size: 1.4em;
}
.film-content-separator-text {
	/*
	text-align: left; 
	width: 80%; 
	margin: 0 auto;
	background: rgba(248,248,248,0.95); 
	*/
	padding: 15px 0; 
	text-align: center;
}
.film-content-separator-line{
	content: '';
	border-bottom: 1px solid #111;
}
.film-content-separator-line-top{
	content: '';
	border-top: 1px solid #111;
}
.film-content-header-text {
	padding: 10px 0;
	text-align: center;
}

.film-edit-poster {
	cursor: pointer;
	float: left; width: 159px; height: 228px; margin: 15px 10px; 
	/*background-color: #fff; border: 1px solid #ddd; */
	border-radius: 0px; overflow: visible;
	color: #444;
	background-position: center center; background-repeat: no-repeat; /*background-size: 159px 228px;*/ background-size: 159px;
	-webkit-transform: translate3d(0,0,0);
	margin: -2em 1.5em 0 2.5em; 
}
.mandatory-poster {
	font-size: 0.8em;
    text-transform: uppercase;
	position: absolute;
    top: -3em;
    right: 0.3em;
}
.film-edit-banner {
	cursor: pointer;
	float: left; height: 159px; width: 228px; margin: 15px 10px; 
	/*background-color: #fff; border: 1px solid #ddd; */
	border-radius: 0px; overflow: visible;
	color: #444;
	background-position: center center; background-repeat: no-repeat; /*background-size: 159px 228px;*/ background-size: 159px;
	-webkit-transform: translate3d(0,0,0);
	margin: -2em 1.5em 0 2.5em;
	display: inline-block; float: none; margin: -2em auto 2.5em;
	position: relative;
	top: 100px;
}

.film-image-upload {
	width: 80%; height: 80%; border: 8px solid #fff; font-weight: bold; margin: 0 auto; color: #fff; text-align: center; line-height: 1.5em; /*font-size: 3em; */margin-top: 5%;
	margin-top: 0;
	width: 100%;
	height: 100%;
	/*text-stroke: 1px #111; -webkit-text-stroke: 1px #111;*/
}
.film-image-upload:hover {
	color: #f15122;
	border-color: #f15122;
}
.film-image-upload.required {
	/*border-color: red;
	text-shadow:
    -1px -1px 0 red,
    1px -1px 0 red,
    -1px 1px 0 red,
    1px 1px 0 red;
    */
}
.mandatory {
	color: red;
	text-transform: uppercase;
}
.film-image-upload-empty {
	width: 100%; height: 100%;
}
.description-holder {
	height: 75%;
	background: rgba(30,38,44,0.85);
	background: rgba(34,34,34,0.85);
}

.film-page-title{
	font-size: 2em; margin: 0.3em 0.5em 0 0.5em; font-weight: normal; text-align: center;
}
.film-title{
	font-size: 2em; margin: 0.3em 0.5em 0 0.5em; font-weight: 300;
}
.film-original-title{
	font-size: 0.9em; margin: 0 1em 0 1em; font-weight: 300;
	text-transform: uppercase;
}
.film-director{
	margin: 2em;
	font-size: 0.8em; margin: 0 1em;
	text-transform: uppercase;
	color: #aaa;
}
.film-director span {
	margin: 0.3em 1em;
	/*line-height: 2em;*/
	display: inline-block;
	
	word-wrap: break-word;
    width: 100%;
}
.film-text {
	font-size: 1em;
	font-weight: normal;
	margin: 0 1em;
	/*white-space: pre-line;*/
	font-family: monospace;
	font-size: 1.2em;
	/*font-size: 0.8em;*/
}
.film-year{
	font-size: 0.8em; margin: 0 1em;
}
.film-genre {
	font-size: 0.8em;
	text-transform: uppercase;
}
.film-sinopsis {
	font-size: 0.8em;
	text-transform: uppercase;
}
.textarea-title {
	font-size: 0.8em;
	text-transform: uppercase;
	padding-bottom: 0.2em;
}
.film-subtitles {
	color: #999;
	font-size: 0.65em;
	font-weight: bold;
	text-transform: uppercase;
    max-width: 100%;
    word-wrap: break-word;
}
.film-subtitles a, .film-subtitles span {
	margin: 0 0.5em 0 0;
	color: #999;
}
.film-subtitles a:hover {
	color: #f15122;
}
.film-explain {
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
}
.film-explain span {
	font-size: 0.8em;
	text-transform: none;
}
.film-social {
	float: left;
	margin-right: 0.5em;
}
.film-ihtv-titles {
	line-height: 2em;
    vertical-align: top;
}

.view_film_frame {
	width: 450px; height: 253px; background-color: #fff; border-right: 0px solid #111; background-size: cover; margin: 0; background-repeat: no-repeat;
}
.view_film_portrait {
	width: 179px; height: 253px; background-color: #fff; border-right: 0px solid #111; background-size: cover; margin: 0; background-repeat: no-repeat;
}

.block_box_text {
	display:inline-block;
	vertical-align:middle;
	font-size: 13px;
	font-weight: normal;
	color: #ccc;
}

.film-tag-block {
	width: 90%; border: none; background-color: #00a9d3; background-color: #555; border-radius: 4px; font-weight: 300; line-height: normal;
	transition: 0.2s;
	font-size: 1em;
	margin: 0.3em auto;
	text-align: center;
}
.film-tag-block-left {
	float: left; padding: 0.4em; border-bottom-right-radius: 3px; border-top-right-radius: 3px;  width: 66.7%;
}
.film-tag-block-right {
	float: right; font-size: 1.5em; padding: 0.175em; border-bottom-right-radius: 3px; border-top-right-radius: 3px; width: 33.3%; background: rgba(34,34,34,0.55);
}

.film-frames-carousel {
	position: relative;
}
.film-frames-carousel li {
	float: left;
}
.jcarousel-control-prev {
	height: 253px;
	width: 5%;
	background-color: rgba(0,0,0,0.55);
	cursor: pointer;
	top: 0;
	left: 0;
	line-height: 4.5em;
}
.jcarousel-control-next {
	height: 253px;
	width: 5%;
	background-color: rgba(0,0,0,0.55);
	cursor: pointer;
	top: 0;
	right: 0;
	line-height: 4.5em;
}

/* !FILM DATA TABLES */
.film-data-tables {
	/*background-color: rgba(248,248,248,0.85);*/
	/*border-bottom: 1px solid #777;*/
	background-color: rgba(0,0,0,0.85);
	background-color: #f8f8f8;
	background-color: rgba(248,248,248,0.92);
}
.film-data-tables a {
	color: #111;
	color: #fff;
	/*font-weight: 200;*/
}
.film-data-tables a:hover {
	color: #f15122;
}
.film-data-tables .tab_content {
	height: 380px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.film-data-tables th {
	text-align: left;
	background-color: #999;
	border-bottom: 2px solid #ddd;
	color: #111;
	text-transform: uppercase;
	font-size: 0.8em;
}
.film-data-tables tr td{
	color: #111;
}
.film-data-tables tr:nth-child(even) {
	background: #ddd;
}
.film-data-tables tr:nth-child(even) td {
	color: #111;
}
.film-data-tables tr:hover {
	background: #333;
}
.film-data-tables tr:hover td, .film-data-tables tr:hover a {
	color: #fff;
}

.film-table-holder {
	width: 100%; margin: 0em auto;
	padding: 1em 3.5em 1em 3.5em;
	color: #fff;
	color: #111;
}
@media only screen and (max-width: 767px), only screen and (max-height: 400px) { .film-table-holder {padding: 0;} }
.film-table-holder .input label {
	color: #fff;
}
#upload-holder .film-table-holder {
	max-width: 40em;
}
.film-table-holder .tab_content {
	padding: 1em;
    margin: 1em;
}
.film-table-holder .actions {
	text-align: center;
	font-size: 1.5em;
}
.film-table-holder .tab_content::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 10px;
	background-color: transparent;
}
.film-table-holder .tab_content::-webkit-scrollbar {
	width: 0.4em;
	background-color: transparent;
}
.film-table-holder .tab_content::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #444;
	background: rgba(30,38,44,0.7);
}
.tabs-links {
	width: 100%; 
	border-bottom: 1px solid #777;
	/*padding: 0.3em;*/
}
.tabs-links .tabs ul {
	border-bottom: 1px solid #777;
}
.tabs-links .tabs li {
	display: inline;
/* 	margin: 1em 1em; */
	margin: 0.5em;
	border: 1px solid #777;
	padding: 0.5em 1em 0.5em 1em;
	border-bottom: 1px solid #777;
	position: relative;
    top: -8px;
}
.tabs-links li.active {
	/*text-decoration: underline;*/
	border-bottom: 1px solid rgba(248,248,248,0.92);
}
.tabs-links .fa, .tabs-links .fad, .tabs-links .svg-inline--fa {
	float: right;
	margin: 0.1em 0 0 1em;
}
/* !EDITABLES */

.empty-field {
	/*font-weight: bold;*/
	color: #999;
    border-bottom: dashed 1px #22c2f1;
	transition: 0.2s;
}
.empty-field.required {
	color: red;
	border-bottom: dashed 1px red;
}
.festival-edit-textarea.empty-field.required {
	border: 1px solid #ccc;
}
.empty-field.required:after {
	font-family: "Font Awesome 5 Pro";
	content: '\f071';
	font-size: 0.8em;
	color: red;
	margin-left: 0.3em;
	vertical-align: middle;
}
.filled-field {
	/*font-weight: bold;*/
	color: #fff;
	border: none;
	transition: 0.2s;
}
.filled-field-black {
	/*font-weight: bold;*/
	color: #111 !important;
	border: none;
	transition: 0.2s;
}
.filled-field-check {
	color: #007300 !important;
	font-weight: bold;
	color: #fff;
	border: none;
	transition: 0.2s;
}
.film-table-holder .filled-field, .film-table-holder .filled-field-check, .festival-content-block .filled-field, .festival-content-block .filled-field-check, .black-fields .filled-field, .black-fields .filled-field-check  {
	color: #111;
	/*font-weight: normal;*/
}
.filled-field-check:after{
	font-family: "Font Awesome 5 Pro";
	content: '\f00c';
	font-size: 0.8em;
	color: green;
	margin-left: 0.3em;
	vertical-align: middle;
}

.editable-click {
	/*border: none;*/
}
.editable, .editable-text, .editable-date, .editable-select, .editable-country, .editable-textarea, .editable-social, .editable-category, .editable-genre, .editable-tematica, .editable-age, .editable-idioma, .editable-channel-type, .multi-editable, .multi-editable-section {
	cursor: pointer;
}
.editable:hover, .editable-text:hover, .editable-date:hover, .editable-select:hover, .editable-country:hover, .editable-textarea:hover, .editable-social:hover, .editable-category:hover, .editable-genre:hover, .editable-tematica:hover, .editable-age:hover, .editable-idioma:hover, .editable-channel-type:hover, .multi-editable:hover, .multi-editable-section:hover {
	color: #f15122;
}
/*
.input-large{
	width: 100%;
	height: 100px;
}
.editable-container.editable-inline, .editableform > .control-group, .editable-input, .editableform .form-control {
    width:98%;
}

.editable-container.editable-inline, .editable-input {
    width:98%;
}
*/

.editable:hover:after, .editable-text:hover:after, .editable-category:hover:after, .editable-country:hover:after, .editable-genre:hover:after, .editable-tematica:hover:after, .editable-age:hover:after, .multi-editable:hover:after, .multi-editable-section:hover:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f040";
	margin-left: 0.3em;
	font-size: 0.8em;
	color: #f15122;
	vertical-align: middle;
}
.editable-checklist {
	max-height: 16em;
	background: rgba(34,34,34,0.85);
	color: #fff;
	font-size: 0.8em;
	overflow: auto;
	padding: 1em;
	border-radius: 5px;
	border: 1px solid #fff;
}
/*
.editable::after {
	margin-left: 0.3em;
	font-size: 0.7em;
	content:"\f040";
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
*/
.edit_trigger {
	color: #fff;
	cursor: pointer; float: left; margin: 16px 0 0 15px; transform: scale(-1, 1); font-size: 25px;
}
.editable-error-block h2 {
    font-size: 0.8em;
    color: red;
    text-align: center;
}
.editable-error-block p {
	display:none;
}
.editable-clear {
	font-size: 0.7em;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.2em;
    background: #f8f8f8;
    margin-top: 1px;
    text-transform: uppercase;
    font-weight: bold;
}
.editable-clear:hover {
	color: #f15122;
	border: 1px solid #f15122;
}
/* !JQUERY UI */

.ui-datepicker-trigger{
	width: 22px;
	margin-left: 4px;
	vertical-align: middle;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{
	min-width: 5px;
	display: inline;
	height: 18px;
	padding: 1px;
}
.ui-datepicker {
	font-size: 0.7em;
	max-width: 21em;
}
@media only screen and (min-width: 1024px) {
	.ui-datepicker { font-size: 0.7em; margin-top: -100px; }
}
.ui-datepicker-year {
	line-height: 22px;
	vertical-align: top;
	margin-left: 4px;
}
.ui-datepicker .ui-datepicker-title{
	line-height: 0px;
}
.ui-datepicker .ui-datepicker-prev {
	top: 3px;
}
.ui-datepicker .ui-datepicker-next {
	top: 3px;
}
.ui-widget-header{
	border: 1px solid #333;
	background: #555;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#888),to(#555));
	background-image: -webkit-linear-gradient(top,#888,#555);
	background-image: -moz-linear-gradient(top,#888,#555);
	margin: 0;
}
.ui-widget-header .ui-icon{
	background-image: url(images/ui-icons_222222_256x240.png);
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	border: 1px solid #1babce;
	background: #74cce1;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	text-align: center;
}
#ui-datepicker-div { display: none; }



/* !FESTIVAL VIEWER */

.festival-list {
	text-align: center;
}
.festivals-info {
	padding: 0 1.5em; color: #111;
}
.festivals-info .fa-stack {
	margin-left: 1em;
}
/*
@media only screen and (max-width: 600px) {
	.card-pre-container { margin: 2em auto; display: inline-block; float: none; }
}
@media only screen and (min-width: 600px) and (max-width: 1450px) {
	.card-pre-container { width: 350px; margin: 2em auto; display: inline-block; float: none;}
}
@media only screen and (min-width: 1450px) {
	.card-pre-container { margin: 2em auto; display: inline-block; float: none; }
}
*/
.card-pre-container { /*width: 350px; margin: 2em auto;*/ width: 298px; margin: 2em 0.5em; display: inline-block; float: none;}
.card-pre-container.highlight-card { width: 230px; margin: 0.5em 0em; display: inline-block; float: none;}
.card-pre-container.highlight-card.hidden-card { display: none; }

.card-container { /*width: 328px; width: 328px;*/ height: 421px; margin: 0 auto; }
.card-container.highlight-card { height: 140px; margin: 0 auto; }
.card-container.flippable { perspective: 1000px; }
.card-container.flippable:hover .flipper { transform: rotateY(180deg); }

.flipper { transform-style: preserve-3d; position: relative; transition: 0.2s; transition-delay: 0.2s; pointer-events: none; }

.festival-card {
	pointer-events: auto; 
	cursor: pointer;
	width: 217px; height: 369px; width: 298px; height: 421px; margin: 2em 1em; background-color: #fff; border: 0px solid #fff; overflow: hidden;
	color: #444;
	transition: 0.2s;
	box-shadow: 1px 1px 10px 1px rgba(68,68,68,0.3);
	box-shadow: 8px 10px 8px 1px rgba(33,33,33,0.6);
	box-shadow: 5px 5px 8px 1px rgba(33,33,33,0.3);
	margin: 0 auto;
	margin-left: 0;
    z-index: 2;
    position: relative;
}
.festival-card.highlight-card {
	box-shadow: 1px 1px 10px 1px rgba(68,68,68,.3); height: 141px; width: 217px; 
}
.festival-card.promoted {
	box-shadow: 0px 0px 22px 8px rgba(139,117,4,0.6);
	box-shadow: 0px 0px 22px 8px rgba(241,81,34,0.6);
}
.festival-card:hover {
	-webkit-filter: opacity(1);
	box-shadow: 1px 1px 10px 1px rgba(68,68,68,0.3);
}

.card-front, .card-back {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
}
.card-front {
	z-index: 2;
	transform: rotateY(0deg);
	/*left: 26px;*/
}
.card-back {
	transform: rotateY(180deg);
	/*left: 4px;*/
}

.active-card{
}
.festival-card-opacity {
	-webkit-filter: opacity(.4);
}
.festival-card-opacity:hover{
	-webkit-filter: opacity(1);
}

.festival-card-outer {
	float: left;
	/*
	width: 26px;
	margin-top: 94px;
	*/
}
.festival-card-outer-icon {
	outline: none;
	cursor: pointer;
	/*
	float: left;
	width: 26px;
	background-color: #fff;
	*/
	text-align: center;
	color: #333;
	/*
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 4px 4px 8px 1px rgba(33,33,33,0.3);
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px solid #111;
	border-bottom: none;
	*/
	margin: 0.3em 0;
	padding: 0.5em 0.15em;
}

.festival-card-banner{
	width: 100%; height: 83px; height: 99px; background-position: center; background-repeat: no-repeat; background-size:cover;
	/*image-rendering: -webkit-optimize-contrast;*/
}
.festival-card-banner.highlight-card {
	height: 72px;
}
.festival-card-logo {
	width: 93px; height: 62px; width: 149px; height: 99px; background-size: cover; background-repeat: no-repeat; background-position: 50%; background-color: #fff; border: 2px solid #ddd; margin: -50px auto 0 auto;
}
.festival-card-logo_new {
	height: 99px; border: 2px solid #ddd; margin: -50px auto 0 auto;
	/*image-rendering: -webkit-optimize-contrast;*/
	max-width: 100%;
	min-height: 99px;
	min-width: 40px;
}

@media only screen and (max-width: 1366px) {
	.card-container {height: 383px;}
	.festival-card-logo_new { margin: -34px auto 0 auto; height: 72px;min-height: 72px;}
	.festival-card-banner {height: 72px; }
	.card-pre-container {width: 230px; margin: 1em 0em;}
	.festival-card {width: 217px;height: 383px;}
	.festival-card-icons {padding: 0 0;}
}

.festival-card-logo_new.highlight-card {
	margin: 0px auto 0 auto; height: auto; min-height: auto; border: 1px solid #fff; float: right;
}

.festival-card-title {
	width: 100%; height: 36px; overflow: hidden; color: #444; background-color: transparent; font-size: 0.88em; font-weight: normal; text-align: center; text-transform: capitalize; text-decoration: none; padding: 0em 0.8em; margin-top: 8px;
}
.festival-card-title.highlight-card {
	font-size: 0.7em; height: 15px; padding: 0 0.2em; margin-top: 2px;
}
.festival-card-country {
	text-align: center; font-size: 0.8em; margin-bottom: 12px; font-weight: 200;
}

.festival-labels {
	width: 100%; height: 23px; text-align: center;
	height: 34px;
}
.festival-label {
	/*width: 60px;*/ margin: 0 auto; padding: 0.4em 0.4em; text-align: center; font-size: 0.6em; text-transform: uppercase; color: #111; 
	border: 2px solid #111;
	display: inline-block;
}
.festival-label.big {
	margin: 0.2em auto;	width: 100%; border-radius: 4px; font-size: 0.7em; padding: 0;
}
.festival-label.big img {
	max-height: 30px; vertical-align: middle;
}
.festival-label.oscar {
	background-color: #e1b400;
	background-color: transparent;
	border-color: #e1b400;
}
.festival-label.bafta {
	background-color: #ba7b2b;
	background-color: transparent;
	border-color: #ba7b2b;
}
.festival-label.goya {
	background-color: #ddd;
	background-color: transparent;
	border-color: #999;
}
.festival-label.fiapf {
	background-color: #0099cc;
	background-color: transparent;
	border-color: #0099cc;
}
.festival-label.melies {
	background-color: #c0aff1;
	background-color: transparent;
	border-color: #c0aff1;
}
.festival-label.efa {
	background-color: #b4000b;
	background-color: transparent;
	border-color: #b4000b;
}
.festival-label.promoted {
	background-color: #f15122;
	background-color: transparent;
	border-color: #f15122;
}
.festival-label.cartoon_dor {
	background-color: #203151;
	background-color: transparent;
	border-color: #203151;
}
.festival-label.ibershorts {
	background-color: #f15122;
	background-color: transparent;
	border-color: #f15122;
}

.festival-card-type-holder {
	width: 100%;
	text-align: center;
	height: 28px;
}
.festival-card-type {
	/*width: 80%; height: 28px; height: 18px;*/ margin: 4px auto 0 auto; padding: 0.2em 0.4em; color: #111; font-size: 0.55em; /*background-color: #e0e0e0;*/ border: 1px solid #333; border-radius: 8px; text-align: center; text-transform: uppercase;
	/*opacity: 0;*/
	/*line-height: 2em;*/
	display: inline-block;
}
.festival-card-icons {
	/*width: 184px;*/ margin: 17px auto 15px auto;
	font-size: 0.9em; font-weight: bold; line-height: 21px;
	border-top: 0px solid #e0e0e0; 
	/*padding: 5px 5px;*/
}
.festival-card-icons.highlight-card {
	font-size: 0.7em; margin: 8px auto 0 auto; width: 100%;
}
.dumb_circle{
	border-radius: 50%; width: 34px; height: 34px; background-color: #333; text-align: center; float: left; margin: 2px 2px; color: #999;
	line-height: 34px;
	font-weight: normal;
}
.festival-card-status {
	width: 100%; background-color: #333; height: 46px; text-align: center; font-size: 0.6em; margin-top: 24px;border-top: 3px solid #999;
}
.festival-card-status.highlight-card {
	height: 15px; margin-top: 4px; background: #fff; color: #111; border-top: 0px;
}
.festival-card-status .closed {
	/*line-height: 46px;*/
	color: #fff;
	font-size: 1.2em;
	border: normal;
	line-height: normal;
}
.festival-trophy {
	font-size: 1.2em; float: left; margin: 0 2px;
}
.oscar { color: #e1b400; }
.bafta { color: #ba7b2b; }
.goya { color: #999; }
.melies { color: #c0aff1; }
.efa { color: #b4000b; }
.fiapf { color: #0099cc; }
.cartoon_dor { color: #203151; }
.promoted { color: #f15122; }
.fantlatam { color: #333; }
.ibershorts { color: #f15122; }


.festival-card-datebox {
	/*float: left; width: 40px; height: 35px; background-color: transparent; margin: 4px 0px 0 4px; text-align: center; border-radius: 5px; border: 1px solid #fff; border-radius: 4px; color: #fff; font-size: 1.4em; line-height: 14px;*/
	float: left; width: 40px; height: 35px; background-color: transparent; margin: 1px 0px 0 3px; text-align: center; border-radius: 5px; border: 1px solid #fff; border-radius: 4px; color: #fff; font-size: 1.3em; line-height: 14px;
}
.festival-card-datebox span {
    top: 2px;
    position: relative;
}
.festival-card-datebox .time-txt {
	top: 1px;
	font-size: 0.8em;
}
.festival-card-datebox .fa, .festival-card-datebox .fad, .festival-card-datebox .svg-inline--fa {
	top: 4px;
	position: relative;
}
.festival-card-datebox.black {color: #111; border: 1px solid #111;}
.festival-card-datebox.grey {color: #444; border: 1px solid #444;}
.festival-card-textbox {
	position: relative;
    top: 2px;
}
@-moz-document url-prefix() {
    .festival-card-textbox { top: 2px; }
}
.festival-card-status.months {
	background-color: #00A300;
}
.festival-card-status.days {
	background-color: #ea9000;
	background-color: #f1b922;
}
.festival-card-status.hours {
	background-color: #cc0033;
	background-color: #f1225a;
}
.festival-card-status.minutes {
	background-color: #cc0033;
	background-color: #f1225a;
}
.festival-card-status .date {
	/*color: #fff;*/ font-size: 1.2em; color: #111;
}
.festival-card-status.opening {
	background-color: #22c2f1;
}
.festival-card-status .early {color: #007300; border-color: #007300;}
.festival-card-status .standard {color: #22c2f1; border-color: #22c2f1;}
.festival-card-status .late {color: #f1225a; border-color: #f1225a;}
.festival-card-status .extended {color: #d9534f; border-color: #d9534f;}

.sponsor-festival {
	
}
.sponsor-festival-logo {
	height: 99px;
	height: 90px;
    border: 0px solid #ddd;
    margin: 0 auto;
    max-width: 100%;
}

.hiding-arrow:before, .hiding-arrow:after {
	content: "\f107";
	transition: .2s;
}
.hiding-arrow:hover:before, .hiding-arrow:hover:after {
	content: "\f106";
}

/* !FESTIVAL VIEWER */
.fancybox-inner::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	background-color: transparent;
	background-color: #333;
}
.fancybox-inner::-webkit-scrollbar {
	width: 0.8em;
	background-color: transparent;
}
.fancybox-inner::-webkit-scrollbar-thumb {
	border-radius: 10px;
	/*background-color: rgba(30,38,44,0.7);*/
	background-color: #777;
}
.fancybox-slide>* {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
}
.fancybox-viewer {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.festival-viewer-menu {
	min-height: 36px;
	background-color: #333;
	border-top: 1px #333 solid;
	position: relative;
}
.festival-viewer-banner {
	 background-size: cover; height: 500px; width: 100%; background-position: center;
}
@media only screen and (max-width: 767px), only screen and (max-height: 400px) {
	.festival-viewer-banner { height: 200px; }
}
.festival-viewer-buttons-holder {
	right: 0; z-index: 1;
}
.festival-viewer-buttons-holder-left {
	left: 0; z-index: 1;
}
@media only screen and (min-width: 1024px) {
		.festival-viewer-buttons-holder, .festival-viewer-buttons-holder-left { position: fixed; }
}
.festival-viewer-buttons-left {
	cursor: pointer; float: left; padding: 0.5em 0.8em; text-align: center; font-size: 1.5em; background-color: #333; color: #fff;
}
.festival-viewer-buttons {
	cursor: pointer; float: right; padding: 0.5em 0.8em; text-align: center; font-size: 1.5em; background-color: #333; color: #fff;
}
.festival-viewer-button-separator {
	padding: 0.5em 1em; background: transparent; float: right;
}
.festival-viewer-logo-container{
	height: 36px; text-align: center;
}
.festival-viewer-logo-sq {
	width: 200px;
	height: 200px;
	background-size: cover;
	background-color: #fff;
	background-repeat: no-repeat;
	border: 2px solid #ddd;
	margin-top: -150px;
	box-shadow: 4px 4px 8px 1px rgba(33,33,33,0.3);
	z-index: 2;
	display: inline-block;
}
.festival-viewer-logo {
	width: 200px;
	height: 133px;
	background-size: cover;
	background-color: #fff;
	background-repeat: no-repeat;
	border: 2px solid #ddd;
	margin-top: -83px;
	z-index: 2;
	display: inline-block;
	max-width: 80%;
}
.festival-viewer-logo_new {
	height: 133px; border: 2px solid #ddd; margin: -60px auto 0 auto;
	z-index: 2;
	display: inline-block;
	image-rendering: -webkit-optimize-contrast;
}
@media only screen and (max-width: 767px), only screen and (max-height: 400px) {
	.festival-viewer-logo_new {	margin: -100px auto 0 auto; }
}
.festival-viewer-photo-sq {
	float: left;
	min-width: 150px;
	max-width: 100%;
	height: auto;
	/*
	float: none;
	width: auto;
	height: 150px;
	*/
	background-size: cover;
	background-color: #fff;
	background-repeat: no-repeat;
	border: 2px solid #fff;
	display: inline-block;
}

.festival-viewer-tablinks li {
	/*min-width: 120px;*/
}
.tab-viewer li {
	height: 36px;
	line-height: 36px;
	margin: 0 auto;
	text-align: center;
	background-color: #777;
	border-bottom: 1px solid #333;
	/*color: #fff;*/
	font-size: 0.9em;
}
.tab-viewer li:hover {
	color: #f15122;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
.tab-viewer li.active {
	color: #111;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}
li.tab-viewer-submit {
	background-color: #f15122;
	color: #fff;
}
li.tab-viewer-submit:hover {
	color: #fff;
}
.tab-viewer-submit a {
	color: #fff;
}
.tab-viewer-submit:hover a {
	color: #111;
}
.tab-viewer-submit.active a {
	color: #f15122;
}

.festival-viewer-content {
	/*padding: 1.5em;*/
	/*height: 400px;*/
	background-color: #fff;
}
/*
.festival-viewer-content .padding {
	padding: 1em;
}
*/
.festival-viewer-title {
	font-size: 2.5em;
	/*font-family: 'Satisfy', cursive;*/
	font-weight: bold;
	color: #333;
}
.festival-viewer-box-title {
	font-size: 1em;
	text-align: center;
	margin-bottom: 0.5em;
	font-weight: 200;
}
.festival-viewer-reqs-text {
	font-size: 0.7em;
	text-transform: uppercase;
}
.festival-viewer-reqs-text .fa, .festival-viewer-reqs-text .fad, .festival-viewer-reqs-text .fas, .festival-viewer-reqs-text .fal, .festival-viewer-reqs-text .far, .festival-viewer-reqs-text .fad, .festival-viewer-reqs-text .svg-inline--fa {
	color: #22c2f1;
}
.festival-viewer-reqs-text span {
	text-transform: capitalize;
}
.festival-viewer-location-border {
	border: 1px solid #999;
	margin-bottom: 2em;
	border-radius: 4px;
}
.festival-viewer-location-border label {
	border-bottom: 1px solid #22c2f1;
}
.festival-viewer-location {
	padding: 1em;
	font-size: 0.8em;
	color: #646464;
	overflow: hidden;
}
.festival-viewer-location a {
	color: #646464;
}

.festival-viewer-icons {
	text-align: center;
}
.info_icon{
	/*width: 25px; height: 25px; float: left;*/ margin-right: 2px; /*line-height: 1.8em;*/
}
.info_icon_off{
	/*width: 25px; height: 25px; float: left;*/ margin-right: 2px; /*line-height: 1.8em;*/ opacity: 0.2; display: none;
}
.festival-viewer-icons .info_icon, .festival-viewer-icons .info_icon_off, .festival-viewer-icons .dumb_circle {
	margin: 0 1px 0 0;
	font-size: 1.1em;
}
.festival-viewer-icons .dumb_circle {
	font-size: 0.9em;
	
}
.festival-viewer-labels {
	font-size: 1.1em;
}
.festival-viewer-type {
	 margin: 0.3em; padding: 0.3em 0.8em; color: #111; font-size: 0.7em; border-radius: 2px; text-align: center; text-transform: uppercase; background-color: #333; color: #fff;
}
.festival-viewer-type-text {
	font-size: 1.2em;
}

.festival-viewer-dates {
	height: 48px;
	border-left: 2px solid #ddd;
	display: table;
	width: 100%;
}

.festival-viewer-dates.countdown-months {
	/*background-color: #00A300;
	border-left: 2px solid #00A300;
	color: #22f151;
	border: 2px solid #22f151;
	*/
	background-color: #00A300;
	color: #fff;
	border: 2px solid #111;
}
.festival-viewer-dates.countdown-days {
	/*background-color: #ea9000;
	border-left: 2px solid #ea9000;
	color: #f1b922;
	border: 2px solid #f1b922;
	*/
	background-color: #f1b922;
	color: #111;
	border: 2px solid #111;
}
.festival-viewer-dates.countdown-hours {
	/*background-color: #cc0033;
	border-left: 2px solid #cc0033;
	color: #f1225a;
	border: 2px solid #f1225a;
	*/
	background-color: #f1225a;
	color: #fff;
	border: 2px solid #111;
}
.festival-viewer-dates.active-dl {
	border-left: 2px solid green;
	border-left: 2px solid #22f151;
}
.festival-viewer-dates.active-dl.closed-dl {
	border-left: 2px solid #111;
	background-color: #111;
	color: #fff;
}
.festival-viewer-dates.starting-dl {
	border-left: 2px solid #74daf4;
	background-color: #74daf4;
	color: #fff;
}
.festival-viewer-dates .fa, .festival-viewer-dates .fad, .festival-viewer-dates .svg-inline--fa {
	font-size: 1.5em;
	vertical-align: middle;
	display: table-cell;
}
.festival-viewer-dates-text {
	padding-left: 1em;
    display: table-cell;
    vertical-align: middle;
}
.festival-viewer-dates-text span {
	font-size: 0.9em;
	font-weight: 200;
}

.festival-viewer-my-rating {
	line-height: 0px;
}
.festival-viewer-my-rating div.rating, .festival-viewer-my-rating .fa, .festival-viewer-my-rating .far, .festival-viewer-my-rating .fab, .festival-viewer-my-rating .fas, .festival-viewer-my-rating .fad, .festival-viewer-my-rating .svg-inline--fa {
	cursor: pointer;
	color: #999;
	font-size: 0.4em;
}
/*
.festival-viewer-my-rating .fa:hover {
	color: #22c2f1;
}
#zero_star {
	display: none;
}
.festival-viewer-my-rating:hover > #zero_star {
	display: inherit;
}
*/

.my-rate-stars {
	display: none;
}
.my-rate-stars:hover {
	color: #22c2f1;
}

.festival-viewer-my-rating:hover > .my-rate-stars {
	display: inherit;
    display: inline-block;
}
.festival-viewer-my-rating:hover > .rated-stars {
	display: none;
}

.star-2:hover .star-1 {
	color: #22c2f1;
}
.star-3:hover + .star-2 .star-1 {
	color: #22c2f1;
}
.star-4:hover > .star-3 .star-2 .star-1 {
	color: #22c2f1;
}
.star-5:hover ~ .star-4 .star-3 .star-2 .star-1 {
	color: #22c2f1;
}

.rated-stars.voted {
	/*
	color: #22c2f1;
	color: #f15122;
	*/
}

div.rating { font-family: "Font Awesome 5 Pro"; position: relative; display: inline-block; margin: 0.5em; }
div.rating:before { content: "\f005\f005\f005\f005\f005"; color: #999;  }
div.rating.voted:before { /*color: #f15122;*/ }
div.rating.notvoted:before { color: #999; }
div.rating.other-user:before { color: #fff; }
div.rating:after { /*color: #f15122;*/ position: absolute; left: 0; top: 0; }

.r-0:before { /*content: "" !important;*/ }
.r-5:after { font-weight: bold; content: "\f089\00a0"; }
.r-10:after { font-weight: bold; content: "\f005"; }
.r-15:after { font-weight: bold; content: "\f005\f089\00a0"; }
.r-20:after { font-weight: bold; content: "\f005\f005"; }
.r-25:after { font-weight: bold; content: "\f005\f005\f089\00a0"; }
.r-30:after { font-weight: bold; content: "\f005\f005\f005"; }
.r-35:after { font-weight: bold; content: "\f005\f005\f005\f089\00a0"; }
.r-40:after { font-weight: bold; content: "\f005\f005\f005\f005"; }
.r-45:after { font-weight: bold; content: "\f005\f005\f005\f005\f089\00a0"; }
.r-50:after { font-weight: bold; content: "\f005\f005\f005\f005\f005"; }

.festival-viewer-section {
	border: 1px solid #ddd;
	margin: 1em 0;
	min-width: 300px;
}
.festival-viewer-section-title {
	color: #111;
	padding: 0.5em 0em;
	text-align: left;
	font-size: 1.2em;
	border-bottom: 2px solid #999;
	width: 90%; margin: 0 auto;
}
.festival-viewer-section-content {
	padding: 1.5em 1.5em;
}

.festival-viewer-section-content .festival-viewer-icons {
	font-size: 0.8em;
}

.festival-viewer-section-datelabel-holder {
	display: table; color: #646464; padding: 0.5em; font-size: 11px; text-transform: uppercase; width: 100%;
}
.festival-viewer-section-datelabel-holder.active-fee {
	background-color: #e0e0e0;  border: 1px solid #333;
}
.festival-viewer-section-datelabel {
	width: 100%; text-align: center;
}
.festival-viewer-section-datelabel .bold {
	font-weight: bold;
	font-size: 1.1em;
}
.festival-viewer-section-date-fee {
	width: 100%; display: table; text-transform: uppercase;
	padding-bottom: 1em;
}
.festival-viewer-section-date-fee p {
	display: table-cell; vertical-align: middle; text-align: center;
	font-size: 0.9em;
}
.festival-viewer-section-date-text {
	width: 100%; display: table; border-top: 1px solid #333;
	padding-top: 0.5em;
    margin-top: 0.5em;
}
.festival-viewer-section-date-text p {
	display: table-cell; vertical-align: middle; text-align: center;
	font-size: 0.8em;
}

.input_pay_class {
	margin: 0 auto;
	text-align: center;
}
.input_pay_class label {
    /*
    float: left;
    width: auto;
    text-align: center;
    font-size: 28px;
    width: 100px;
    */
    display: inline-block;
    background-color: #f8f8f8;
    border: 2px solid #ccc;
    padding: 0.8em 1.5em;
    border-radius: 5px;
    margin: 0.4em;
    cursor: pointer;
}
.input_pay_class input[type=radio] {
	display: none;
    float: none;
}
.input_pay_class input[type=radio]:checked+label{
	border-color: #22c2f1;
}
.input_pay_class label > img {height: 44px;}

.detalle-total-table {
	border-bottom: 1px solid #999;
}
.detalle-total-table th {
	font-size: 0.7em; text-align: center; background-color: #e8e8e8; color: #646464;text-transform: uppercase;
	border-bottom: 1px solid #999;
}
.detalle-total-table td {
	background-color: #e8e8e8;
	padding: 0px 0 5px 10px;font-size: 18px;text-align: center; background-color: #e8e8e8; color: #00a300; font-weight: normal;
}
.detalle-payments-text {
	text-transform: uppercase;
	font-size: 0.7em;
	text-align: center;
}

/* !DASHBOARD */
.button-explain-title {
	font-size: 1.1em;
	text-align: center;
	color: #fff;
	margin-top: 0.5em;
}
.button-explain-text {
	font-size: 0.7em;
	text-align: center;
	color: #fff;
	margin-top: 0.8em;
}
.dashboard-top-buttons-button {
	/*margin-top: 7.5em;*/
    position: absolute;
    top: 160px;
}

.input_button.dashboard {
	border-color: #22c2f1;
}
.input_button.dashboard_mini {
	font-size: 0.7em;
}
.input_button.table_mini {
	font-size: 0.8em;
	min-width: 3em;
}

.dashboard-bg {
	background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url('https://festhomedocs.com/img/dashboard/texture-bg-dashboard.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*border-bottom: 1px solid #111;*/
	min-height: 233px;
}
.dashboard-bg-band {
	background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url('https://festhomedocs.com/img/dashboard/texture-bg-dashboard-band.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*border-bottom: 1px solid #111;*/
	min-height: 233px;
}
.dashboard-bg-off {
	background: linear-gradient( rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) ), url('https://festhomedocs.com/img/dashboard/texture-bg-dashboard-off.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*border-bottom: 1px solid #111;*/
	min-height: 233px;
}
.dashboard-top-buttons-bg.films-bg {
	background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('https://festhomedocs.com/img/dashboard/films-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: inherit;
	position: relative;
}
.dashboard-top-buttons-bg.festivals-bg {
	background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('https://festhomedocs.com/img/dashboard/festival_cards_table.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
.dashboard-top-buttons-bg.links-bg {
	background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('https://festhomedocs.com/img/dashboard/dash_filmlinks2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
.dashboard-top-buttons-bg.ihtv-bg {
	background: linear-gradient( rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4) ), url('https://festhomedocs.com/img/dashboard/ihtv-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: inherit;
	position: relative;
}


.dashboard-content-separator {
	width: 100%; margin: 0px auto; 
	/*background: #fff;*/
	border-radius: 0px; height: auto;
	color: #111;
	font-size: 1em;
}
.dashboard-separator-text {
	padding: 15px 0.5em; 
	text-align: left;
	font-size: 1.2em;
}
.dashboard-separator-text-mini {
	font-size: 0.7em;
}

.dashboard-card {
	color: #fff;
	color: #111;
	background: #fff;
}
.dashboard-card-photo {
	color: #111;
	background-color: #fff;
	height: 253px;
	height: 272px;
	height: 221px;
	min-height: 233px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*border-right: 1px solid #111;*/
	border-bottom: 1px solid #111;
	/*box-shadow: 5px 5px 8px 1px rgba(33,33,33,0.3);*/
}
.dashboard-photo-text {
	padding: 1.4em 0.5em; 
	text-align: center;
	font-size: 1.5em;
}
.dashboard-photo-text .fa, .dashboard-photo-text .fad, .dashboard-photo-text .svg-inline--fa {
	font-size: 2em;
}

.dashboard-festival-photo {
	color: #111;
	background-color: #fff;
	/*height: 422px;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*border-right: 1px solid #111;*/
	/*border-bottom: 1px solid #111;*/
	/*box-shadow: 5px 5px 8px 1px rgba(33,33,33,0.3);*/
}
.dashboard-photo-image {
	padding: 0.5em 0.5em; 
	text-align: center;
}
.dashboard-logo_new {
	height: 99px; border: 2px solid #ddd;
	image-rendering: -webkit-optimize-contrast;
}
.dashboard-festival-minitext {
	font-size: 0.7em;
	text-align: center;
}

.dashboard-card.circles {
	color: #999;
}
.dashboard-card-number {
	font-size: 3em;
}
.dashboard-card-title {
	font-weight: 200;
	font-size: 1em;
}
.dashboard-icon-title {
	font-weight: bold;
	font-size: 3em;
}
.dashboard-card-separator-line {
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid #111;
	height: 18px;
	height: 10px;
}
.dashboard-card-subtitle {
	font-weight: 200;
	font-size: 0.8em;
}
.dashboard-card-subnumber {
	padding: 5px solid;
	font-weight: 200;
	text-align: center;
}
.dashboard-festival-logos {
	background-repeat: no-repeat; width: 210px; height: 140px; background-size: cover; float: left; margin: 1em; display: inline-block;
}

/* !MY FILMS */
.films-top-container {
	font-size: 0.8em;
	background-color: #fff;
	text-align: center;
}
.films-info {
	padding: 0 1.5em; color: #111; float: left;
}

.film-card-container {
	width: 350px; margin: 0 auto; display: inline-block; margin: 1em 0.5em; position: relative;
}
@media only screen and (max-width: 767px), only screen and (max-height: 400px) {
	.film-card-container { width: 350px; float: none; }
}
@media only screen and (max-device-width: 767px) and (orientation: landscape) {
	.film-card-container { width: 350px; float: left; }
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (min-height: 400px) {
	.film-card-container { width: 328px; float: left; }
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: portrait) {
	.film-card-container { width: 350px; float: none; }
}
.film-card-container {
	width: 324px;
}

.film-card {
	width: 324px; margin: 2em 1em; background-color: #fff; border: 0px solid #fff; overflow: hidden;
	color: #444;
	transition: 0.2s;
	/*
	box-shadow: 1px 1px 10px 1px rgba(68,68,68,0.3);
	*/
	box-shadow: 8px 10px 8px 1px rgba(33,33,33,0.6);
	box-shadow: 5px 5px 8px 1px rgba(33,33,33,0.3);
	border: 1px solid #ccc;
	margin: 0 auto;
	margin-left: 0;
    z-index: 2;
    position: relative;
    background: #eee;
}
.film-card-outer {
	float: left;
	width: 26px;
	margin-top: 183px;
    z-index: 3;
}
.film-card-outer-icon {
	cursor: pointer;
	float: left;
	width: 26px;
	text-align: center;
	background-color: #fff;
	color: #333;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 4px 4px 8px 1px rgba(33,33,33,0.3);
	margin: 0.3em 0;
	padding: 0.5em 0.3em;
    background: #eee;
}
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px) and (orientation: landscape) {
	.film-card-outer { position: absolute; }
	.festival-card-outer-icon { box-shadow: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
}
.film-card-img-preview-holder {
	width: 100%; height: 100%; background-color: transparent;
}
.card-film-banner-play {
	font-size: 3em; margin-top: 15%; display: none; color: #fff;
}
.card-film-banner-miniplay {
	font-size: 1em; margin-top: 9%; margin-right: 2%; display: none; color: #fff; float: right;
}
.film-card-img-preview-holder:hover>.card-film-banner-play, .film-card-img-preview-holder:hover>.card-film-banner-miniplay {
	display: block;
}
.card-film-empty-banner {
	font-size: 3em; margin-top: 15%;
}
.card-film-title {
	text-transform: capitalize;
	font-size: 1.1em;
	line-height: 1.8em;
	overflow: hidden;
	height: 34px;
	background-color: #333;
	color: #fff;
}
.card-film-title-english {
	height: 18px;
	line-height: 20px;
	overflow: hidden;
}
.card-film-title-original {
	font-style: italic;
	font-size: 0.8em;
	font-weight: 200;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
}
.card-film-banner {
	height: 188px; height: 181px; overflow: hidden; background-color: #ddd;  border: none; background-repeat: no-repeat; background-size: cover; background-position: center;
}
}
.film-card-ap-text {
	font-size: 0.8em;
	text-align: center;
}
.film-card-button-padding {
	padding: 0.2em 0.5em;
}
.film-card-button-padding input {
	padding: 0.2em;
}
.film-card-button-padding .input {
	padding: 0.1em;
}
.film-card-button-padding select {
	margin: 0;
    height: 20px;
    padding: 0;
}
.film-card-nobutton {
	padding: 0.3em 0;
}
.film-card-star-padding {
	padding: 0.6em 0.5em;
}

.input_button.film-card-mini {
	font-size: 0.8em;
	/*font-size: 1em;*/
	min-width: 3em;
	padding: 0.3em;
}
.input_button.festival-card-mini {
	font-size: 0.8em;
	min-width: 3em;
	padding: 0.3em;
}
.input_button.price-mini {
	font-size: 0.7em;
	padding: 1em;
}
.input_button.uncomplete-button {
	background-color: #d7a09e;
	border: 1px solid red;
}
.input_button.complete-button {
	border: 1px solid #00a300;
}
.film-card-services {
	font-size: 0.8em;
}
.film-card-services-title {
	border-bottom: 1px solid #999;
	text-align: left;
	height: 2px;
	margin: 0.4em 0;
}
.film-card-viewed {
	color: #111;
    background: #fff;
    font-size: 0.8em;
    /* font-size: 1em; */
    min-width: 3em;
    padding: 0.3em;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* !FILM LINKS */
.film-link {
	background-color: #fff;
	width: 350px;
	margin: 1em;
	display: inline-block;
	font-size: 0.9em;
	
}
.film-link-active {
    border: 2px solid #e9e9e9;
    border-top-color: #0099cc;
}
.film-link-inactive {
    border: 2px solid #e9e9e9;
    border-top-color: #333;
}
.film-link-title {
	 border-bottom: 1px solid #999; min-height: 25px; padding-bottom: 0.3em; overflow: hidden; text-align: left;
}
.film-link-title-text {
	float: left; font-size: 1.2em;
}
.film-link-status {
	border-radius: 5px; background-color: #cdcdcd; height: 18px; font-size: 9px;
}
.film-link-status.off {
	border-radius: 5px; background-color: #cdcdcd; height: 18px; font-size: 9px;
}
.film-link-status.expired {
	cursor: default;
}

.film-link-status .tag {
	float: left; margin: 4px 4px 0 4px; padding: 0 5px; background-color: #0099cc; color: #fff; border-radius: 4px;
}

.film-link-status .tag.on {
	background-color: #0099cc;
}
.film-link-status .tag.off {
	float: right; background-color: #333;
}
.film-link-status .tag.expired {
	float: right; background-color: #333;
}
.film-circle{
	margin: 0 auto;
    display: block;
    height: 80px;
    width: 80px;
    -moz-border-radius: 45px;
    border-radius: 45px;
	border: 4px solid #fff;
    text-align: center;
    font-size: 2em;
    image-rendering: -webkit-optimize-contrast;
}
.film-link-records {
	font-size: 0.8em;
	vertical-align: middle;
	margin: 0.2em 0;
	padding: 0.4em 0.3em;
	border: 1px solid #eee; 
}
.film-link-records div {
}

/* !STATS */
.stats-title {
	
	color: #111;
	padding: 0.5em 0em;
	text-align: left;
	font-size: 1.4em;
	border-bottom: 2px solid #999;
	width: 90%; margin: 0 5%;
}

.film-stats-poster {
	height: 228px; background-color: #fff; border: 2px solid #ddd; overflow: visible;
	color: #444;
	background-position: center center; background-repeat: no-repeat; background-size: cover;
	
	margin: 0 auto;
	display: block;
	image-rendering: -webkit-optimize-contrast;
}

.stats-area-title {
	font-size: 0.8em; text-align: center; text-transform: uppercase;
	margin: 1em;
}
.stats-label {
	text-transform: uppercase;
	font-size: 0.7em;
	font-weight: bold;
}

/* !PRICING */
/*
.fa-cc-amex {color: #007bc1;}
.fa-cc-diners-club {color: #004A97;}
.fa-cc-discover {color: #f68121;}
.fa-cc-jcb {color: #003A8F;}
.fa-cc-mastercard {color: #FF5F00;}
.fa-cc-paypal {color: #253b80;}
.fa-cc-stripe {color: #556cd6;}
.fa-cc-visa {color: #0157a2;}
.fa-weixin {color: #7bb32e;}
.fa-alipay {color: #00aaee;}
.fa-skrill {color: #852064;}
*/
.cc-color.fa-skrill {
	color: #852064;
}
.cc-color.fa-weixin {
	color: #7bb32e;
}
.cc-color.fa-alipay {
	color: #00aaee;
}
.cc-color.fa-cc-stripe {
	color: #6772e5;
}
.cc-color.fa-cc-paypal {
	color: #009cde;
	color: #253b80;
}
.cc-color.fa-cc-visa {
	color: #0157a2;
}
.cc-color.fa-cc-mastercard {
	color: #F79F1A;
	color: #EA001B;
	color: #FF5F01;
}
.cc-color.fa-cc-discover {
	color: #f68121;
}
.cc-color.fa-cc-jcb {
	color: #003A8F;
}
.cc-color.fa-cc-diners-club {
	color: #004A97;
}
.cc-color.fa-cc-amex {
	color: #37B1E6;
}
.cc-color.grey {
	color: #999;
}
.price-card {
	background-color: #fff;
	border-radius: 8px;
	/*
	border-top-left-radius: 0;
	border-top-right-radius: 0;*/
	border: 2px solid #d8d8d8;
	text-align: center;
	margin: 0.8em 0.2em;
	min-height: 435px;
	min-width: 250px;
}
.price-card-border-orange {
	border: 2px solid #f15122;
}
.price-card-shadow {
	box-shadow: 0;
	transition: .2s ease-in-out;
}
.price-card-shadow:hover {
	box-shadow: 1px 5px 15px 3px rgba(33,33,33,0.2);
}
.price-card-top-bg {
	background-color: #f8f8f8;
	max-height: 160px;
	overflow: hidden;
}
.price-icon-separator-line {
	border-bottom: 1px solid #ccc;
	height: 32px;
}
.price-separator-line {
	border-bottom: 2px solid #ccc;
	height: 1px;
	margin: 0.8em 0;
}
.price-separator-line.small {
	border-bottom: 1px solid #ccc;
}
.price-title {
	font-size: 1.6em;
	margin: 0.2em 0 0.5em 0;
	font-weight: bold;
}
.price-title-description {
	font-size: 0.8em;
	color: #333;
	text-transform: uppercase;
}
.price-description {
	font-size: 0.8em;
	color: #f15122;
	text-transform: uppercase;
}
.price-desc-multi {
	float: left;
	width: 33.33%;
}
.price-desc-multi-6 {
	float: left;
	width: 50%;
}
.price-title-text {
	font-size: 0.9em;
	color: #f15122;
	margin-bottom: 1em;
}
.price-pa-selector {
	font-size: 0.7em;
	text-transform: uppercase;
	text-align: left;
}
.price-pa-selector .input {
	margin: 0 auto;
}
.price-pa-title {
	font-size: 0.9em;
	font-weight: bold;
}
.price-pa-cost {
	font-size: 2em;
	font-weight: bold;
	color: #f15122;
}
.price-cr-cost {
	font-size: 1.5em;
	font-weight: bold;
	color: #f15122;
}
.price-pa-cost-subtext {
	
}
.price-pa-description {
	margin: 0.5em 0;
	font-size: 1.2em;
	border-bottom: 1px solid #22c2f1;
}
.price-bullets div {
	font-size: 0.75em;
	margin: 0.3em 0;
}
.price-details {
	font-size: 0.6em;
	text-transform: uppercase;
}
.price-perc-title {
	font-weight: bold;
    font-size: 4em;
    padding: 0.25em 0 0 0;
}
.price-explain-card {
	color: #111;
    background: #fff;
    min-height: 179px;
    border: 2px solid #ddd;
    position: relative;
}

.price-explain-bg {
	background: transparent;
}
.price-explain-icon-circle {
    display: inline-block;
    height: 70px;
    width: 70px;
    line-height: 70px;
    background-color: #fff;
    -moz-border-radius: 35px; /* or 50% */
    border-radius: 35px; /* or 50% */
    /*
    position: relative;
    top: 35px;
    */
    position: absolute;
    top: 140px;
    left: 45%;
    border: 2px solid #ddd;
}
.price-explain-icon-circle .icon {
	position: relative;
	top: 12px;
}
.price-explain-icon-title {
	font-weight: bold;
	font-size: 1.6em;
	top: 0px;
}

.price-top-bg {
	background: url('https://festhomedocs.com/img/dashboard/texture-bg-dashboard-transparent.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-bottom: 1px solid #111;
}
.price-top-bg.festivals-bg {
	background: linear-gradient( rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) ), url('https://festhomedocs.com/img/dashboard/festival_cards_table.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.price-explain-circle {
    display: inline-block;
    height: 80px;
    width: 80px;
    line-height: 80px;
    background-color: #ccc;

    -moz-border-radius: 40px; /* or 50% */
    border-radius: 40px; /* or 50% */

	border: 1px solid #ccc;
    text-align: center;
    font-size: 0.8em;
    vertical-align: middle;
    
    margin-right: 1em;
    margin-left: 1em;
    
	color: #111;
}

/* !INBOX */
.inbox-top-buttons {
	font-size: 0.8em;
}
.inbox-icon-info {
	font-size: 0.7em;
}
.inbox-user-submenu {
	text-transform: capitalize;
}

/* !VIEW FILM PREVIEW */
.video-sticky-hide {
	background: #333;
}
.view-film-viewer-container {
	height: auto; z-index: 100; float: left; position: absolute; width: 100%; box-shadow: rgba(0,0,0,0.6) 0 3px 6px,rgba(255,255,255,0.05) 0 1px 0; background-color: #333;
}
.viewer-buttons-holder {
	right: 0; z-index: 1;
}
.viewer-buttons-holder-left {
	left: 0; z-index: 1;
}
.view-film-viewer-bg {
	background-color: #333;
}
.view-film-button-text {
	font-size: 0.7em;
}
.view-film-data {
	color: #fff;
}
.view-film-data-bold {
	color: #fff;
	font-weight: bold;
}
.view-film-title {
	font-size: 1.4em;
	font-weight: bold;
	text-transform: capitalize;
}
.view-film-origtitle {
	font-size: 0.9em;
	font-style: italic;
	text-transform: capitalize;
}
.view-film-padding {
	padding: 0 0.5em;
}
.view-film-text {
	text-transform: capitalize;
	font-weight: 300;
}
.view-film-textarea {
	font-weight: 300;
}
.view-film-subtitles {
	text-transform: uppercase;font-size: 12px;font-weight: bold;
}
.view-film-textarea:first-letter {
	text-transform: uppercase;
}
.view-film-rating {
	font-size: 3.5em;
}
.view-film-tags {
	margin: 0.3em 0;
	padding: 0.3em;
}
.video-wrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-top: 25px;*/
	height: 0;
}
.video-wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#vimeoplayer_vimeo_subtitles {
	background: transparent;
	background-color: #000;
    top: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}
.vimeo_subtitles_track {
	background: transparent;
	background-color: #000;
    top: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}
#player_holder {
	background-color: #000;
}
.vimeoplayer-subtitles-mini {
	background-color: #333; font-size: 0.7em;
}
.video-sticker-player {
	position: fixed;
    width: 312px;
    top: 0px;
    left: 0px;
    z-index: 99;
}
.mini-viewer-buttons {
	cursor: pointer; float: left; padding: 0.3em; text-align: center; font-size: 0.8em; background-color: #333; color: #fff;
    z-index: 100; position: absolute;
    top: 0px;
}
.view-film-poster {
	height: 220px; width: 153px;
	margin: 0 auto;
	image-rendering: -webkit-optimize-contrast;
	background-color: #fff; border: 1px solid #ddd; border-radius: 0px;
}
.view-film-director{
	margin: 2em;
	font-size: 0.8em; margin: 0 1em;
	text-transform: uppercase;
	color: #aaa;
}
.view-film-director span {
	margin: 0.1em 0.1em;
	/*line-height: 2em;*/
	display: inline-block;
}
.view-film-table {
	max-height: 365px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.view-film-table::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 10px;
	background-color: transparent;
}
.view-film-table::-webkit-scrollbar {
	width: 0.6em;
	background-color: transparent;
}
.view-film-table::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #777;
}
.view-film-message {
	margin-bottom: 1.5em;
}
.view-film-white-separator-line{
	content: '';
	border-bottom: 1px solid #fff;
}
.view-film-tables {
	background-color: #222;
	/*background: rgba(34,34,34,0.92);*/
}
.view-film-alternate-tables {
	background-color: #444;
	/*background: rgba(77,77,77,0.92);*/
}
.view-film-dirportrait {
	height: 199px; background-color: #fff; border: 1px solid #111; background-size: cover; margin: 0; background-repeat: no-repeat;
}
#view_film_content {
	
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}

/* !FESTIVAL EDIT  */

.festival-content {
    border-left: 1px solid #999;
    /* background: #111; */
    color: #111;
    height: 100%;
    margin-left: 16.6%;
    width: 83.33%;
}
@media only screen and (max-width: 767px), only screen and (max-height: 400px) {
	.festival-content{ margin-left: 0; width:100%; }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
	.festival-content{ margin-left: 0; width:100%; }
}
.festival-content-block {
	width: 95%;
	margin: 2em auto;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.festival-content-separator {
	width: 100%; margin: 0px auto; 
	background: #222;
	color: #fff;
	font-size: 2em;
	border-bottom: 1px solid #111;
}
.festival-content-separator-text {
	padding: 18px 1em; 
	text-align: left;
}
.festival-content-separator-line{
	content: '';
	border-bottom: 2px solid #111;
}
.festival-subcontent-separator-line{
	content: '';
	border-bottom: 1px solid #ccc;
}

.festival-edit-banner {
	width: 100%; min-height: 100px; max-height: 400px; background-color: #fff; background-size: cover; margin: 0; background-repeat: no-repeat; min-height: 100px;
}
a:focus {
	outline: none;
}
.festival-edit-image {
	height: 240px; background-color: #fff; background-size: contain; background-position: center; margin: 0; background-repeat: no-repeat;
}
.festival-image-upload {
	width: 100%; height: 100%; border: 8px solid #fff; font-weight: bold; margin: 0 auto; color: #fff; text-align: center; line-height: 5.5em; font-size: 2.5em;
	/*text-stroke: 1px #111; -webkit-text-stroke: 1px #111;*/
}
.festival-image-upload-empty {
	width: 100%; height: 100%;
}
.festival-edit-logo {
	height: 99px; margin: -3em auto 0 auto;
	image-rendering: -webkit-optimize-contrast;
	position: relative;
}
/*
.festival-card-logo {
	width: 93px; height: 62px; width: 149px; height: 99px; background-size: cover; background-repeat: no-repeat; background-position: 50%; background-color: #fff; border: 2px solid #ddd; margin: -50px auto 0 auto;
}
.festival-card-logo_new {
	height: 99px; border: 2px solid #ddd; margin: -50px auto 0 auto;
	image-rendering: -webkit-optimize-contrast;
}
*/
.festival-edit-title {
	font-size: 0.8em;
    text-transform: uppercase;
    font-weight: bold;
}
.festival-edit-title:before {
	/*
	content: '\25aa \00a0 \00a0';
	content:"\f040";
	color: #ccc;
	margin-right: 0.2em;
	*/
}
.festival-edit-field {
	font-size: 0.8em;
    /*text-transform: uppercase;*/
}
.festival-edit-textarea {
	height: 175px;
	overflow-y: scroll;
	overflow-x: hidden;
	font-family: monospace;
	font-size: 1.2em;
	font-weight: 300;
	background: #f8f8f8;
	padding: 0.5em;
	border-radius: 6px;
	border: 1px solid #ccc;
	box-shadow: inset 0px 0px 4px 0px #ccc;
	margin-top: 0.35em;
}
.festival-edit-textarea-wrap {
	white-space: pre-wrap;
}
.festival-edit-textarea::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	border-radius: 10px;
	background-color: transparent;
}
.festival-edit-textarea::-webkit-scrollbar {
	width: 0.6em;
	background-color: transparent;
}
.festival-edit-textarea::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #777;
}

.festival-edit-fee {
	font-size: 0.9em;
	background: #f8f8f8;
	/*padding: 0.3em;*/
	border-radius: 3px;
	border: 1px solid #ccc;
	box-shadow: inset 0px 0px 2px 0px #ccc;
	width: 90%;
	margin: 0 auto;
}
.festival-edit-fee::after{
	content: '';
}

.mandatory-banner {
	font-size: 0.8em;
    text-transform: uppercase;
	position: absolute;
    top: -0.3em;
    right: 0.3em;
}
.mandatory-logo {
	font-size: 0.8em;
    text-transform: uppercase;
	position: absolute;
    top: 0;
    right: 0.3em;
}

.section-title {
	font-size: 1.4em;
}
.section-original-title {
	font-size: 0.9em;
}
.festival-section-trash {
	font-size: 2em;
}

/* PROMOTION */

.price-card.festival-promotion {
	min-height: 300px;
}
.festival-edit-prom-banner {
	/*width: 841px; height: 133px; height: 90px;*/
	width: 728px;
	max-width: 100%;
}
.festival-edit-prom-banner-side {
	width: 160px; 
	/*height: 586px;*/
	max-width: 100%;
}
.festival-edit-prom-banner-mobile {
	width: 300px; 
	max-width: 100%;
}

#activation {
	background: #f15122;
}

/* Terms */
.policy li {
	padding: 1em;
}
.policy h3 {
	font-weight: bold;
}
.policy p {
		
}
.form-title {
	font-size: 0.8em;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 0.3em;
}
/* Fabio Start */

.float-outer-wrap {
	float: right; right: 50%; position: relative;
}

.float-inner-wrap {
	float: right; right: -50%; position: relative;
}

.view-channel-banner {
	max-width: 450px; margin: 0 auto; height: 253px; background-color: transparent; border-right: 0px solid #111; background-size: cover; background-repeat: no-repeat;
}

.view-channel-logo {
	width: 253px; margin: 0 auto; height: 253px; background-color: #fff; border-right: 0px solid #111; background-size: cover; background-repeat: no-repeat;
}

.terms-of-use {
	height: 398px; display: block; overflow-x: auto; color: #646464; padding: 5px; border: 1px solid #333; border-radius: 4px; background-color: #ccc;
}

.terms-of-use p {
	margin: 8px 0 8px 0;		 
}

.terms-of-use h3 {
font-weight: bold;
margin: 15px 0 5px 0;
font-size: 1.1em; 
}
 
.terms-of-use ol.policy {
	list-style: decimal;
	margin: 0 0 0 20px;
	font-size: 0.7em;	 
}
	 
.terms-of-use ol.item {
	list-style: lower-latin;
	margin: 5px 0 0 10px;	 
}

.col-centered{
	float: none; margin: 0 auto;
}

.big-padded {
	padding: 1em 2.5em;
}

input[type="checkbox"]:disabled + label span {
   opacity: 0.2;
}

.film-edit-poster{
	display: inline-block; float: none; margin: -2em auto 2.5em;
}

.round-border-box {
	background-color: transparent; border: 1px solid #ccc; border-radius: 4px;
}

.text-centered-title{
	text-align: center;
	font-size: 1.7em;
}

.dashboard-box {
	border: 2px solid #e9e9e9; padding: 10px 20px 20px 20px; border-top-color: #e1b400;
}

.od-festival-viewer-logo-container {
	height: 36px; text-align: center;
}

.flexbox-container-center {
	display: flex; align-items: center;
}

.flexbox-display-contents {
	display: contents;
}

.map-tab-active{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #f15122;
	background-color: #fff;
}


.map-tab-inactive{
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	background-color: #e7e7e7;
}


.od-festival-design-box{
	z-index: 4; 
	max-width:900px; 
	border-radius: 5px; 
	background-color: rgba(68, 68, 68, 1);
}

.od-sessions-design-box{
	z-index: 4; 
	border-radius: 5px; 
	background-color: #646464;
	padding-top: 1em;
}

.ondemand-date-box{
	background-color: rgba(153, 153, 153, 0.97); 
	float: left; 
	height: 40px; 
	margin-right: 5px;  
	border-radius: 5px;
	color:#f7f7f7; 
	text-transform: uppercase;
	padding:0.26em;
}

.od-session-title{
	float: left;
	margin: 0.9em 0 0 2.5em;
}

.od_festival_film_list_text{
	width: 100px;
	text-transform: capitalize;
	/* height: 30px; */ 
	margin: 5px 0 0 10px;
	text-align: center;
}


.od_films_box {
	display:inline-block;
	margin: 10px 3px 0 0;
	padding: 2px;
	text-align: center;
	background-color: rgba(68, 68, 68, 0.97);
	min-width: 44px;  
	height: 40px;
}

.text-right-to-center{
	text-align: right;
	padding-right: 2.5em;
}

.block_box_lang {
	float: left;
	width: 30px;
	height: 20px;
	/*
	background-color: #555;
	background-color: rgba(34, 34, 34, 0.85);
	*/
	display:inline-block;
	margin: 2px 0 0 2px;
	/*margin: 5px 0 0 4px;*/
	text-align: center;
	line-height: 20px;
    overflow: hidden;
}

/* Fabio END */

.card-hidden {
	opacity: 0;
	filter: alpha(opacity=0);
}

.animate {
	animation: key1 ease 1s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	animation-fill-mode:both; /*when the spec is finished*/
	-webkit-animation: key1 ease 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-fill-mode:both; /*Chrome 16+, Safari 4+*/ 
	-moz-animation: key1 ease 1s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-moz-animation-fill-mode:both; /*FF 5+*/
	-o-animation: key1 ease 1s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-o-animation-fill-mode:both; /*Not implemented yet*/
	-ms-animation: key1 ease 1s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	-ms-animation-fill-mode:both; /*IE 10+*/
}

.animate:nth-child(odd) {
	animation-duration: 0.6s; /* So they look staggered */
}  

@keyframes key1{
 0% {
   opacity:0;
   transform:  translate(0px,40px)  ;
 }
 100% {
   opacity:1;
   transform:  translate(0px,0px)  ;
 }
}

@-moz-keyframes key1{
 0% {
   opacity:0;
   -moz-transform:  translate(0px,40px)  ;
 }
 100% {
   opacity:1;
   -moz-transform:  translate(0px,0px)  ;
 }
}

@-webkit-keyframes key1 {
 0% {
   opacity:0;
   -webkit-transform:  translate(0px,40px)  ;
 }
 100% {
   opacity:1;
   -webkit-transform:  translate(0px,0px)  ;
 }
}

@-o-keyframes key1 {
 0% {
   opacity:0;
   -o-transform:  translate(0px,40px)  ;
 }
 100% {
   opacity:1;
   -o-transform:  translate(0px,0px)  ;
 }
}

@-ms-keyframes key1 {
 0% {
   opacity:0;
   -ms-transform:  translate(0px,40px)  ;
 }
 100% {
   opacity:1;
   -ms-transform:  translate(0px,0px)  ;
 }
}
	
#nav-icon1 {
 width: 17px;
 height: 16px;
 position: relative;
 display: inline-block;
 margin: 13px 2px 0 2px;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
 transition: .5s ease-in-out;
 cursor: pointer;
}

#nav-icon1 span {
 display: block;
 position: absolute;
 height: 2px;
 width: 100%;
 background: #fff;
 border-radius: 9px;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .25s ease-in-out;
 -moz-transition: .25s ease-in-out;
 -o-transition: .25s ease-in-out;
 transition: .25s ease-in-out;
}

#nav-icon2 {
 width: 17px;
 height: 16px;
 position: relative;
 display: inline-block;
 margin: 0px 2px 0 2px;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .5s ease-in-out;
 -moz-transition: .5s ease-in-out;
 -o-transition: .5s ease-in-out;
 transition: .5s ease-in-out;
 cursor: pointer;
}

#nav-icon2 span {
 display: block;
 position: absolute;
 height: 2px;
 width: 100%;
 background: #fff;
 border-radius: 9px;
 opacity: 1;
 left: 0;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-transition: .1s ease-in-out;
 -moz-transition: .1s ease-in-out;
 -o-transition: .1s ease-in-out;
 transition: .1s ease-in-out;
}

#nav-icon1 span:nth-child(1), #nav-icon2 span:nth-child(1) {
 top: 0px;
}

#nav-icon1 span:nth-child(2), #nav-icon2 span:nth-child(2) {
 top: 7px;
}

#nav-icon1 span:nth-child(3), #nav-icon2 span:nth-child(3) {
 top: 14px;
}

#nav-icon1.open span:nth-child(1), #nav-icon2.open span:nth-child(1) {
 top: 7px;
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
 -o-transform: rotate(135deg);
 transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2), #nav-icon2.open span:nth-child(2) {
 opacity: 0;
 left: -60px;
}

#nav-icon1.open span:nth-child(3), #nav-icon2.open span:nth-child(3) {
 top: 7px;
 -webkit-transform: rotate(-135deg);
 -moz-transform: rotate(-135deg);
 -o-transform: rotate(-135deg);
 transform: rotate(-135deg);
}

.pro-button {
	font-family: "MontserratBlack", "Font Awesome 5 Pro", sans-serif; 
	margin:0 auto; max-width: 85px; color: #fff; padding: 0.35em 0.25em; background: #f47752; font-weight: 900;
	text-align: center;
}
.pro-button.fullwidth {
	max-width: 100%;
}
.pro-button-transparent {
	font-family: "MontserratBlack", "Font Awesome 5 Pro", sans-serif; 
	margin:0 auto; max-width: 85px; padding: 0.35em 0.25em; color: #f47752; font-weight: 900;
	text-align: center;
}
.dashboard_circle {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 0;
	padding: 50% 0;
	border-radius: 50%;
	border: 2px solid #f15122;
	
	/* Just making it pretty */
	@shadow: rgba(0, 0, 0, .1);
	@shadow-length: 4px;
	-webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
	box-shadow: 0 @shadow-length 0 0 @shadow;
	text-shadow: 0 @shadow-length 0 @shadow;
	background: #fff;
	color: #f15122;
	font-size: 4em;
	text-align: center;
	line-height: 0;
}
.profile_circle {
	position: relative;
	display: inline-block;
	height: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
	box-shadow: 0 @shadow-length 0 0 @shadow;
	text-shadow: 0 @shadow-length 0 @shadow;
	background: #fff;
	color: #f15122;
	font-size: 4em;
	text-align: center;
	line-height: 0;
	background-size: cover; background-repeat: no-repeat; border: 1px solid #111; width: 82%; padding: 40% 0;
}
.dashboard-feature-card-link {
	border: 1px solid #e1e1e1;
	transition: .2s; border-radius: 4px;
	cursor: pointer;
	box-shadow: rgb(0 0 0 / 30%) 0 1px 1px, rgb(255 255 255 / 9%) 0 1px 0;
}
.dashboard-feature-card-link:hover {
	/*border: 4px solid #f15122;*/
	border: 1px solid #f15122;
	cursor: pointer;
	box-shadow: none;
}

.blog-tag {
	font-family: "MontserratBlack", "Font Awesome 5 Pro", sans-serif; 
	margin:0 auto; max-width: 150px; color: #fff; padding: 0.35em 0.25em; background: #f47752; font-weight: 900;
	text-align: center;
}
.blog-tag.fullwidth {
	width: 100%;
}
.blog-tag-img {
	max-width: 100%;
	max-height: 300px;
}
.blog-text-body {
	
}
.blog-text-body a {
	color: #f15122;
}
.blog-text-body a:hover {
	color: #111;
}





.od-banner-container {
	display: block;
	position: relative;
	background-size: 100% 100%;
	background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #000;
    transition:.1s;
    overflow: hidden;
}
.od-banner-container:hover {
	background-size: 105% 105%;
    background-position: center;
}
.od-banner-container:hover .od-banner-back {
	opacity: 1;
	top: 0px;
}
.od-banner-back {
	position: absolute;
	background: rgba(34,34,34,0.95);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition:    all 0.3s ease;
	-o-transition:      all 0.3s ease;
	z-index: 3; height: 100%; width: 100%; border: 1px solid #000;
}

/* !Ondemand */


.ondemand-card-container {
	width: 24.2%; margin: 0 auto; display: inline-block; padding: 1em 0.5em; position: relative;
}
@media all and (max-width: 767px) {
	.ondemand-card-container { width: 100%; float: none; }
	.festival-card-films.ipad_hide {display: none; }
	.festival-card-films.mobile_hide {display: none; }
}
@media all and (min-width: 767px) and (max-width: 1024px) {
	.ondemand-card-container { width: 49%; float: none; }
	.festival-card-films.ipad_hide {display: none; }
	.festival-card-films.mobile_hide {display: none; }
}
@media all and (min-width: 1024px) and (max-width: 1367px) {
	.ondemand-card-container { width: 32%; float: none; }
	.festival-card-films.ipad_hide {display: none; }
}

.ondemand-card {
	/*
	width: 324px; background-color: #fff; border: 0px solid #fff; overflow: hidden;
	color: #444;
	transition: 0.2s;
	border: 1px solid #ccc;
	margin: 0 auto;
    z-index: 2;
    position: relative;
    background: #eee;
    background-size: 100% 100%;
    */
	display: block;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #000;
    transition: .1s;
    /*overflow: hidden;*/
    width: 100%;
    padding-bottom: 56.25%;
}

.ondemand-card:hover {
	/*
	background-size: 105% 105%;
	*/
    background-position: center;
}
.ondemand-card:hover .banner_back {
	opacity: 1;
}


.ondemand-festival-card-container {
	width: 100%; margin: 0 auto; display: inline-block; /*padding: 1em 0.5em;*/ position: relative;
}
.ondemand-festival-card {
	display: block;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #000;
    transition: .1s;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56%;
}
.ondemand-festival-card:hover {
	background-size: 105% 105%;
    background-position: center;
}
.ondemand-festival-card:hover .banner_back {
	opacity: 1;
}

.banner_back {	
	position: absolute;
	background: rgba(34,34,34,0.95);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition:    all 0.3s ease;
	-o-transition:      all 0.3s ease;
	z-index: 3; height: 100%; width: 100%; border: 1px solid #000;
    overflow: hidden;
}
.banner_back_title {
	font-weight: 300; width: 100%; text-align: center; bottom: 0% ; display: inline-block; overflow: hidden; position: absolute;
}
.banner_back_content_sinopsis{
	font-weight: 300; color: #fff; font-size: 15px; padding: 3%; display: block; line-height: 20px;
}

.ondemand-creator-card {
	display: block;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #000;
    transition: .1s;
    overflow: hidden;
}
.ondemand-creator-card:hover {
	background-size: 105% 105%;
    background-position: center;
}


.ondemand-creator-circle{
	border-radius: 50%;
	width: 35%;
    height: auto;
    padding-top: 35%;
	background-color: #333;
	font-weight: normal;
	position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 3px solid #fff;
    display: inline-block;
    top: 30%;
}
.ondemand-creator-circle-max{
	border-radius: 50%;
	width: 100%;
    height: auto;
    padding-top: 100%;
	background-color: #333;
	font-weight: normal;
	position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #111;
    display: inline-block;
    top: -43px;
    z-index: 2;
}
.ondemand-creator-circle-fixed{
	border-radius: 50%;
	width: 100%;
    height: auto;
    padding-top: 100%;
	background-color: #333;
	font-weight: normal;
	position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 1px solid #111;
    display: inline-block;
    top: 30%;
}

.ondemand-director-circle {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 0;
	padding: 50% 0;
	border-radius: 50%;
	border: 2px solid #f15122;
	background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	border: 2px solid #f15122;
	
	@shadow: rgba(0, 0, 0, .1);
	@shadow-length: 4px;
	-webkit-box-shadow: 0 @shadow-length 0 0 @shadow;
	box-shadow: 0 @shadow-length 0 0 @shadow;
	text-shadow: 0 @shadow-length 0 @shadow;
	color: #f15122;
	font-size: 4em;
	line-height: 0;
	text-align: center;
}


.ondemand.view-film-rating {
	font-size: 1.5em;
}
ondemand-pay-container {
	width: 550px;
}
.ondemand-pay-button {
	border-radius: 4px;
    transition: 0.2s;
	margin: 0 auto;
	width: 100%;
    max-width: 550px;
    box-shadow: rgba(0,0,0,.6) 0 2px 2px,rgba(255,255,255,.09) 0 1px 0;
    border: 1px solid #666;
    display: inline-block;
}
.ondemand-pay-button.pay-green {
    background-color: #00a300;
}
.ondemand-pay-button.pay-green:hover {
    background-color: #00cc00;
}
.ondemand-pay-button.pay-pink {
    background-color: #f1225a;
}
.ondemand-pay-button.pay-pink:hover {
    background-color: #f1225a;
}
.ondemand-pay-button.pay-orange {
    background-color: #f15122;
}
.ondemand-pay-button.pay-orange:hover {
    background-color: #ff6633;
}
.ondemand-pay-button.pay-blue {
    background-color: #00a9d3;
}
.ondemand-pay-button.pay-blue:hover {
    background-color: #00ccff;
}
.ondemand-pay-button.pay-grey {
    background-color: #222;
}
.ondemand-pay-button.pay-grey:hover {
    background-color: #333;
}
.ondemand-pay-button.pay-red {
    background-color: #d9534f;
}
.ondemand-pay-button.pay-red:hover {
    background-color: red;
}
.ondemand-pay-button .padding-quarter {
	padding: .27em!important;
}
	
.bg-darken {
	background: rgba(34,34,34,0.55);    
	border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.home-dark-logo {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 .5em;
}

.ondemand-scroll {
	overflow-y: auto;
}
.ondemand-scroll::-webkit-scrollbar {
	width: 12px;
    background-color: transparent;
}
.ondemand-scroll::-webkit-scrollbar-thumb {
	background-color: #fff;
    border-radius: 5px;
}
.ondemand-scroll::-webkit-scrollbar-track {
	background-color: transparent;
}

.ondemand-table {
	
}

.ondemand-table td {
	font-size: 1em;
	padding: 1em;
}
.ondemand-table th {
	border: none;
	padding: 1em;
	font-size: 1em;
}

.partner-logos {
	display: inline-flex;
}
.partner-logos img {
	max-height: 100px;
	margin: 0 1em;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 90%;
    height: 100%;
	-webkit-transform: translate3d(0,0,0);
	margin: 0 auto;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
}
.jcarousel li {
    float: left;
}

/*
.banner_card_selector{
	float: left; width: 13%; cursor: pointer; margin: 0 1% 0 0;
}
.banner_card_selector_bg{
	position: relative; width: 100%; padding-bottom: 50%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; border: 1px solid #000;
}
.banner_card_selector_bg:hover {
	background-size: 105% 105%;
    background-position: center;
	border: 1px solid #fff;
}
.banner_active{
	border: 1px solid #fff;
}
.banner_card_selector_title{
	width: 100%;
}
.banner_card_selector_title_container{
	width: 100%; background-color: rgba(16,16,16,0.75); padding: 0px 0;
}
.banner_card_selector_title_text{
	font-size: 18px; text-align: center; margin: 10px 0 10px 0px; font-weight: 300; color: #fff;
}

.card_container{
	display: block;
	position: relative;
	float: left;
	margin: 0px;
}
.back{	
	position: absolute;
	background: black;
	background: rgba(34,34,34,0.94);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition:    all 0.3s ease;
	-o-transition:      all 0.3s ease;
}
.card_container:hover .back {
	opacity: 1;
}
.card_container > img {
  display: block;
}
.cap-bot:before { bottom: 20px; left: 10px; }
.cap-bot .back { left: 0; }
.cap-bot:hover .back { bottom: 0; }

.card_turned_tag{
	width: 180px; background: #00a300; float: right; text-align: center; font-size: 13px;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
	top: 18px;
	left: 55px;
}

.festival_card_turned_tag{
	width: 165px; height: 27px; background: #00a300; float: right; text-align: center; font-size: 16px;
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
	top: -58px;
	left: 35px;
	line-height: 27px;
	font-weight: 600;
}

.jcarousel-wrapper {
    position: relative;
}
.jcarousel-wrapper .photo-credits {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: 13px;
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
    opacity: .66;
}


.active_film {
	opacity:1;
	box-shadow:#fff 0px 0px 20px;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 100px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #999;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 54px/57px Arial, sans-serif;
}

.jcarousel-control-prev {
    left: 10px;
}

.jcarousel-control-next {
    right: 10px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}

.jcarousel-pagination {
	width: 700px;
    margin: 0 0 0 15px;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    
    font-size: 11px;
    line-height: 14px;
    min-width: 14px;
    
    background: #fff;
    color: #111;
    border-radius: 14px;
    padding: 3px;
    text-align: center;
    
    margin-right: 2px;
    
    opacity: .75;
}

.jcarousel-pagination a.active {
    background: #111;
    color: #fff;
    opacity: 1;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
*/

/* Countdown Timer */

.countdown-style {
  margin: 0 auto;
  /*width: 355px;*/
  width: 265px;
}
.countdown-style .countdown-container {
  height: 130px;
}
.countdown-style .time {
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
  /*display: inline-block;*/
  float: left;
  margin-left: 5px;
  text-align: center;
  position: relative;
  height: 78px;
  width: 60px;

  -webkit-perspective: 479px;
  -moz-perspective: 479px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.countdown-style .count {
  background: #202020;
  color: #f8f8f8;
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-size: 2em;
  font-weight: bold;
  line-height: 2.4em;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-transform-style: flat;
  -moz-transform-style: flat;
  -ms-transform-style: flat;
  -o-transform-style: flat;
  transform-style: flat;
}
.countdown-style .count.top {
  border-top: 1px solid rgba(255,255,255,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px 5px 0 0;
  height: 50%;

  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.countdown-style .count.bottom {
  background-image: linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -moz-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -ms-linear-gradient(rgba(255,255,255,0.1), transparent);
  background-image: -o-linear-gradient(rgba(255,255,255,0.1), transparent);
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;

  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.countdown-style .count.next {
}
.countdown-style .label {
  font-size: normal;
  margin-top: 5px;
  display: block;
  position: absolute;
  top: 95px;
  width: 100%;
}
/* Animation start */
.countdown-style .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}
.countdown-style .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}
/* Animation end */
.countdown-style .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;

  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.countdown-style .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
@media screen and (max-width: 48em) {
  .countdown-style {
    width: 100%;
  }
  .countdown-style .countdown-container {
    height: 100px;
  }
  .countdown-style .time {
      height: 70px;
      width: 48px;
  }
  .countdown-style .count {
    font-size: 1.5em;
    line-height: 70px;
  }
  .countdown-style .label {
    font-size: 0.8em;
    top: 72px;
  }
}

.ql-container {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: italic;
	font-weight: unset;
}
.ql-video {
	width: 50%; height: 26.25vw;
}
.ql-editor img {
	width: 75%;
}
.ql-size-small img {
	width: 50%;
}
.ql-size-large img {
	width: 85%;
}
.ql-size-huge img {
	width: 100%;
}

#waivers_table { overflow: auto; }

.jwplayer:focus{outline:0}
.jw-tab-focus:focus{
	outline:#0b7ef4 solid 2px;
	outline: none;
	outline:#f15122 solid 0px;
}

.ui-widget { font-family: "Montserrat", sans-serif !important;  }
.ui-widget-header { background: none !important; }
.ui-widget-content { border: none !important; }