/*
Theme Name: ultraviolet
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ultraviolet
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ultraviolet is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
    outline: 0;
    outline: none;
}

a:active,
a:focus,
a:hover {
	outline: 0;
	outline: none;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	border-radius: 3px;
}

select {
	border: 1px solid #ccc;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: inline-block;
	float: left;
}

.main-navigation ul {

	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li  {
    float: left;
    position: relative;
    padding: 14px 15px;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font: bold 14px/1 'Open Sans', calibri, arial;
    padding: 8px 16px;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.overlay {
    POSITION: absolute;
    height: 100%;
    width: 100%;
    background: rgba(42, 39, 67, 0.72);
    z-index: 99999;
    text-transform: uppercase;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    color: #fff;
}
.overlay span {
    top: 10%;
    position: relative;
}
body {
    position: relative;
}
.page-id-6 main#main  { width: 100%;}
main#main {
    position: relative;
    top: 0px;
    font-family: 'Open Sans', arial;
}


/* single page */

a.imdb {
    width: 33px;
    height: 17px;
    background-image: url(img/sprite.png);
    background-position: -264px -134px; 
    position: absolute;
    right: 12px;
    bottom: 9px;
}
.poster_single {
    position: relative;
}
.left-single .btn {
    margin-bottom: 11px;
}
aside.left-single {
    top: -84px;
    position: relative;
    width: 200px;
    margin-right: 40px;
}
.title_single h2 a {
    color: #fff;
    text-decoration: none;
    font-size: 1.6em;
}
.title_single h2 {
    display: inline-block;
}

.duration_single {
    display: inline-block;
    text-align: initial;
    font-size: 1.5em;
}
.li_single li {
    display: inline-flex;
    padding: 0px 7px;
    border-right: 2px solid #fff;
    color: #f3c677;
    font-weight: bold;
}
.duration_single, .li_single {
    display: inline-block;
    font-weight: bold;
    color: #CFD2C9;
}
.pad_bot {
    padding-bottom: 15px;
}
.right-slider-content, .right_side_content {
    border-left: 2px solid rgba(229, 230, 227, 0.15);
    padding-left: 14px;
}

.side_single_film h2 {
    font-weight: bold;
    color: #444b6e;
    font-size: 1.2em;
    padding: 11px 0px 5px 0px;
}
.side_single_film {
    border-bottom: 1px solid #E5E6E3;
    padding-bottom: 20px;
}
.side_single_film p {
    font-weight: bold;
    color: #8f8fa6;
    line-height: 1.5;
}
.block_page h2 {
    color: #444b6e;
    font-weight: bolder;
    font-size: 1.2em;
    padding: 10px 0px;
}
.block_page p {    color: #8f8fa6;
    line-height: 1.5;
}
.side_single_button {
    color: #fff;
    font-weight: bold;
    line-height: 1;
    vertical-align: inherit;
    margin: 10px 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #616161;
}
.side_single_button {
    color: #fff;
    font-weight: bold;
    margin: 16px 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid #606060;
}
.side_single_button i {
    margin-right: 9px;
}
.play_big {
    background-position: -374px -25px;
    background-image: url(img/sprite.png);
    width: 103px;
    height: 89px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto auto;
    top: 0;
    bottom: 0;
    z-index: 999;
}

/* pointer */

a.trailer_btn {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    cursor: pointer;
    z-index: 9999;
}

.vnbx-mask {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 999;
}

/* side-inline */

.description-container h1 {
    font: normal 19px/23px "HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",Helvetica,Arial,sans-serif,Verdana;
    text-transform: uppercase;
    margin-bottom: 0;
}

.description-container h4 {
    font: normal 11px/18px "HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman",Helvetica,Arial,sans-serif,Verdana;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 10px;
}

.full {
    float: right;
    clear: both;
    background: url("/images/lightview/demonstrations/inline/full_background.gif") right center no-repeat;
    color: #808080;
    height: 24px;
    line-height: 24px;
    padding: 3px 20px 3px 5px;
    margin-bottom: 18px;
}
.tagContainer {
    float: left;
    width: 100%;
    clear: both;
}
.tagContainer .tag, #demo_inline_element .tagContainer .tag:hover {
    background-color: #080808;
    background-image: url("/images/lightview/demonstrations/inline/tag_background.gif");
    background-position: right center;
    background-repeat: no-repeat;
    color: #808080;
    float: left;
    line-height: 15px;
    margin: 0 6px 5px 0px;
    font-size: 8px;
    text-transform: uppercase;
    padding: 3px 19px 3px 5px;
    text-decoration: none;
    cursor: default;
    padding: 6px;
    font-family: 'Open Sans';
    font-weight: bold;
}
strong {
    font-weight: bold;
}

h2.white_bar {
    background: #fff;
    padding: 10px;
    margin-top: 21px;
}
.silo_aside { background: #3e3e3e;}
.festivaluri p {
    font-size: 13px;
}
.sugestii ul li a {
    text-decoration: none;
}
.sugestii ul li a h3 {
    font-size: 14px;
    color: #444B6E;
    text-transform: capitalize;
    padding: 15px 0px 5px 0px;
}
.sugestii li {
    width: 124px;
    display: inline-flex;
    margin: 10px;
    text-align: center;
}
.sugestii {
    margin-top: 50px;
    background: #E3E3E3;
    padding: 18px;
}
.sugestii ul li a h4 {
    color: #848484;
    font-size: 12px;
}
ul.li_single {
    left: 0;
    position: relative;
    padding-top: 10px;
}
span.tm_year {
    padding-left: 7px;
}

/* display the dropdown */

ul#dropdown {
  padding: 0;
  list-style: none;
}

ul#dropdown li {
  float: left;
  width: 100px;
  text-align: center;
  line-height: 21px;
}

ul#dropdown li a {
  display: block;
  padding: 5px 10px;
  color: #fff;
  background: #B33F62;
  text-decoration: none;
}
a#all {
    background: transparent!important;
    color: #000!important;
    font-weight: bold;
    padding: 0px!important;
    line-height: 1.2;
    transition: all 50ms ease-in-out;
}
a#all:hover {
    background: #B33F62!important;
    color: #fff!important;
}

ul#dropdown li a:hover {
  color: #fff;
  background: #6F1B35;
}

ul#dropdown li ul {
  display: none;
    position: absolute;
    z-index: 999;
    background: #B33F62;
    margin-left: 0px;
}

ul#dropdown li:hover ul {
  display: block;
  /* display the dropdown */
}
.gen-filme , #project-terms {float:left;}
div#owl-demo {
    margin-top: 30px;
}
.detalii {
    float: right;
}
.entry-filme .sugestii ul li a h3 {
    font-size: 14px;
    overflow: hidden;
    color: #444B6E;
    text-transform: capitalize;
    text-overflow: ellipsis;
    padding: 15px 0px 5px 0px;
    height: 32px;
    white-space: pre-line;
    line-height: 16px;
}

.item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 2px;
  transform:scale(.9);
    display: inline-table;

}

.active .item{
  opacity:1;
  transform:scale(1);
  color: #5E4378;    
} 
.item:hover{
  opacity:1;
  transition:.4s ease all;
  margin:0 2px;
}
.owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

/* input fields style */

.wrapper-select {
  position: relative;
  overflow: hidden;
  z-index: 0;
  float: left;
  line-height: 2em;
  /*Down arrow*/
}
.wrapper-select:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: "\25BC";
  font-size: 14px;
  padding: 0.286em 0.714em;
  color: #fff;
  background: #E54165;
  z-index: -1;
  text-align: center;
  /*Firefox*/
}
@-moz-document url-prefix() {
  .wrapper-select:after {
    content: "";
    background: transparent;
  }
}
.wrapper-select select {
  -webkit-appearance: none;
  /*-moz-appearance: none;*/
  border-radius: 0;
  border: 0;
  margin: 0;
  /*IE 10*/
  float: left;
  width: 100%;
  padding: 0.714em 3.143em 0.714em 0.714em;
  z-index: 0;
  background: transparent;
  font-size: 14px;
  /*Focus*/
  /*Firefox*/
}
.wrapper-select select:hover {
  cursor: pointer;
}
.wrapper-select select::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  .wrapper-select select {
    padding: 0.714em;
  }
}
/* Using Modernizr */
.ie .wrapper-select:after {
  display: none;
  /* content:"";
   height:0;
   width:0;*/
}
.ie .wrapper-select select {
  padding: 0.500em;
  width: 100%;
}

/* Styling */
.wrapper-select {
  width: 100%;
  background: #5e4378;
}
.wrapper-select select {
  color: #fff;
}
.wrapper-select option {
  color: #484848;
  background: #fff;
}

label {
  position: absolute;
  left: -9999px;
}

/* -- */

#gen-film {clear: both}

#gen-film li{
    padding: 10px;
    display: block;
    float: left;
    color: #5E4378;
    text-transform: uppercase;
    margin: 5px;
    width: 15.5%;
    text-align: center;
    border: 1px solid rgba(229, 65, 101, 0.23);
    transition: all 300ms ease-in-out;
}

#gen-film li:hover,
#gen-film li:active,
#gen-film li:focus{
    color: #fff;
    background: #5E4378;
}
.input-left h2, .input-left-3 h2{
    font-size: 1em;
    padding-bottom: 10px;
}
.input-left {
    float: left;
    width: 50%;
    padding: 10px;
    height: auto;
    overflow: overlay;
    margin: 10px 0px;
}

.input-left-3 {
    float: left;
    width: 33.3%;
    padding: 10px;
    height: auto;
    overflow: overlay;
    margin: 10px 0px;
}

.input-left-box {padding: 10px;}

div#filters {
    overflow: hidden;
}
.input-left-3 input {
    background: #EFEFEF;
    width: 100%;
    color: #5E4378;
    height: 49px;
    border-radius: 0px;
    box-shadow: none;
}

#gen-film li.active{
    background: #5E4378;
    color: #fff;
}
#filters input[type="submit"] {
    height: 34px!important;
    margin: 6px 5px;
    border-radius: 0px;
    width: 146px;
    background: #8F8FA6;
}

/* loader */

#loader {
  animation: animate 1.5s linear infinite;
  clip: rect(0, 80px, 80px, 40px); 
  height: 80px;
  width: 80px;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
}
@keyframes animate {
  0% { 
    transform: rotate(0deg)
  }
  100% { 
    transform: rotate(220deg)
  }
}
#loader:after {
  animation: animate2 1.5s ease-in-out infinite;
  clip: rect(0, 80px, 80px, 40px);
  content:'';
  border-radius: 50%; 
  height: 80px;
  width: 80px;
  position: absolute; 
} 
@keyframes animate2 {
  0% {
    box-shadow: inset #5E4378 0 0 0 17px;
    transform: rotate(-140deg);
  }
  50% {
    box-shadow: inset #5E4378 0 0 0 2px;
  }
  100% {
    box-shadow: inset #5E4378 0 0 0 17px;
    transform: rotate(140deg);
  }
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('img/loading.gif') 50% 50% no-repeat rgb(255, 255, 255);
}
.dot-navigation.left {
    z-index: 99999!important;
    width: 200px!important;
}

.medium-6 {
    width: 50%;
}

.column, .columns {
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}
input[type="text"], input[type="email"] {
    height: 3.75rem;
    padding: 1.25rem 0.9375rem;
    margin: 1.25rem 0 0 0;
}
#mc-embedded-subscribe-form input[type="text"], #mc-embedded-subscribe-form input[type="email"]{
    font-family: Campton-SemiBold, sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #feff6f;
    color: #fff;
    box-shadow: none;
    border: 0.0625rem solid #fff;
    height: 3.125rem;
    padding: 0.9375rem;
    margin: 0.9375rem 0 0 0;
}
#mc-embedded-subscribe-form textarea {
    font-family: Campton-SemiBold, sans-serif;
    font-size: 1rem;
    line-height: 1rem;
    background-color: #feff6f;
    color: #fff;
    box-shadow: none;
    border: 0.0625rem solid #fff;
    height: 13.125rem;
    padding: 0.9375rem;
    margin: 0.9375rem 0 0 0;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.button-form {
    height: 3.75rem;
    padding: 1.125rem 0;
    margin: 1rem 0 0 0;
}
.button-form {
    font-family: Campton-SemiBold, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.125rem;
    display: block;
    width: 100%;
    text-align: center;
    background-color: #212121;
    color: #fff;
    outline: none !important;
    height: 3.125rem;
    padding: 0.8125rem 0;
    margin: 1.25rem 0 0 0;
}

/* play_button */
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  background: #8e529c;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #8e529c;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #8e529c;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#3d1446, 10%);
}
.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/* film screening */
#filmsHolder article {
    color: #333;
    font: 16px/24px din,Arial,sans-serif;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px dotted gray;
}
#filmsHolder article .infoBlock {
    margin-bottom: 30px;
}
.cf, .cf {
    content: " ";
    display: table;
}
#filmsHolder article .marqueePhoto {
    float: left;
}
.linkscheduel:after {
background-position: -62px -192px; 
width: 21px;
height: 21px;
display:block;
content: "";
float: left;
background-image: url(img/sprite.png);
}
.linkscheduel {color:#017EAB!important;}
#filmsHolder article .marqueePhoto a {
    display: block;
    padding: 0;
    width: 300px;
    height: 160px;
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-right: 18px;
    color: #ddd;
}
#filmsHolder article a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#filmsHolder article .infoBlock .left {
    width: 300px;
}
.left {
    float: left;
}
#filmsHolder article h1.headerTitle {
    font: 25px/30px dincon,Arial,sans-serif;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
ul li.texticon {
    font: 10px/10px Arial,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #333;
    color: #333;
    padding: 2px 6px 0 6px;
    margin-right: 5px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    display: inline-table;
}
#filmsHolder article .infoBlock ul {
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
#filmsHolder article .infoBlock ul li {
    margin: 0;
    font: 12px/20px Arial,sans-serif;
}
#filmsHolder article .synopsis {
    font: 16px/24px Arial,sans-serif;
    margin-bottom: 25px;
}
#filmsHolder article .synopsis a.readMore {
    color: #fcaf17;
    position: relative;
}
#filmsHolder article .screenings h1 {
    font: 14px/20px Arial,sans-serif;
    margin-bottom: 5px;
    letter-spacing: -1px;
}
#filmsHolder article .screenings table {
    width: 100%;
    font: 12px/20px Arial,sans-serif;
}
#filmsHolder article .screenings table tr {
    border-bottom: 1px dashed #7B7294;
    background: #fff;
}
#filmsHolder article .screenings table td.date {
    width: 48px;
}
#filmsHolder article .screenings table td {
    text-align: center;
    padding: 8px 0 4px 0;
    border-right: 1px solid #f1f1f1;
    text-transform: uppercase;
}
#filmsHolder article .screenings table td.location {
    text-align: left;
    padding-left: 10px;
}
#filmsHolder article .screenings table td.tix {
    text-align: right;
    padding-right: 10px;
    width: 115px;
    border: 0;
    text-transform: uppercase;
}
#filmsHolder article .screenings table td.day, #filmsHolder article .screenings table td.date, #filmsHolder article .screenings table td.time {
    width: 48px;
}
#filmsHolder article .genres {
    margin-top: 20px;
}

/* contact page */



#mc-embedded-subscribe-form input[type="text"], #mc-embedded-subscribe-form input[type="email"], #mc-embedded-subscribe-form textarea {
    background: rgb(123, 114, 148)!important;
    color: #fff;
}
.home-content-slider {
    visibility: hidden;
}
.hidden {display: none}
.mobile-show {display: none}

@media only screen and (max-width:40em) { 
	.medium-6 {
    width: 100%;
    }
    #mc-embedded-subscribe-form input[type="submit"] {
        top:25px!important;
    }
    .right-slider-content, .right_side_content {border:none;padding: 0px;}
    #gen-film li {width: 22.5%;}
    #filmsHolder article .infoBlock .left {    width: 263px;}
    aside.left-single {top: 27px;margin-right: -4px;}
    .left-single {display: none!important}
    main#main.span-6{width: 100%}
    .home-content-slider .col.span-3 {display: none;}
    .home-content-slider .col.span-6 {width: 100%;}
    .mobile-show { display: block;}
    .right_side_content {display: none!important;}
    .title-bar {padding-top:5px!important;position: relative;}
    .detalii { right: -2px;float: left;position: relative;}
    input[type="submit"] {text-align: center; margin: 0px!important;width: 50%!imporant;}
    .square {margin: 0px!important;}  
    .form-news {text-align: center;} 
    .menu-menu_principal_ro-container {display: none}
    
}


#mobile-container ul li a {
    clear: both;
}

#mobile-container ul li {
    float: none;
    clear: both;
    width: 200px;
    margin: 0 auto;
}

@keyframes animationFrames{
  -1% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes animationFrames{
  -1% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes animationFrames {
  -1% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes animationFrames {
  -1% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes animationFrames {
  -1% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

div#mobile-container {
    position: fixed;
    z-index: 9999;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    background: rgba(40, 40, 66, 0.94);
    height: 100%;
    top: 0;
    transition: all 1s ease-in-out;
    padding-top: 2%;
    animation: animationFrames linear 1s;
}

#humburger{
    background-image: url("img/subnav-btn-menu.png");
    width: 22px;
    height: 22px;
    margin: 15px;
    background-repeat: no-repeat;
    text-decoration: none;
    position: fixed;
    z-index: 99999;
    padding: 27px;
    background-color: #000;
    background-position: 17px -5px;
    right: 0;
    cursor: pointer;
}
.mobile-menu-class {display: none;animation: animationFrames linear 1s;}
form#mc4wp-form-1 input {
    width: 274px;
    margin-top: 5px;
    opacity: 0.5;
    transition: all 1s ease-in-out;
}
form#mc4wp-form-1 input:hover {
    opacity: 1;
}
h2.carousel-title {
    font-weight: bold;
    color: #000;
}
.brochure img {
    vertical-align:middle;
}
.brochure a {
    color: #5E4378!important;
    text-decoration: none;
}
.brochure {text-align: center;padding-top:45px;}


span.info_link {
    text-align: left;
    clear: both;
    display: block;
    font-size: 11px;
    color: #A89EB6;
    padding-left: 21px;
}
tr.screening:nth-child(odd) {
    background: #F8F8F8!important;
}


/* modal proiectie pop up */

#newsletterModal {
    position: relative;
    background: #8e529c;
    font: 30px/30px dincon,Arial,sans-serif;
    margin: 0;
    overflow: hidden;
    -webkit-transition: height 200ms ease-out;
    transition: height 200ms ease-out;
}
newsletterModal .cw {
    text-align: center;
    margin: 50px auto;
}
#newsletterModal h2 {
    font: 30px/30px dincon,Arial,sans-serif;
    margin: 0 0 10px 0;
    padding: 0;
}
#newsletterModal p {
    margin: 0 auto;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
}
#newsletterModal.open.choose #signUpChoices {
    display: block;
}
#newsletterModal #signUpChoices {
    width: 300px;
    margin: 30px auto;
}
 #newsletterModal #signUpChoices .bigBtn {
    display: block;
    margin-bottom: 20px;
    background: #000;
}
 #newsletterModal #signUpChoices a {
    position: relative;
    color: #fff;
    padding-left: 45px;
}
.bigBtn {
    display: inline-block;
    font: 14px/14px din,Arial,sans-serif;
    background: transparent;
    border: 2px solid #171717;
    color: #171717;
    text-decoration: none;
    padding: 7px 17px 5px 17px;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.newsletter input {
    border: 1px solid #ddd;
    height: 32px;
    padding: 4px 5px;
    font-size: 12px;
    font-weight: 200;
}

.status {
    color: #8F8FA6;
    font-weight: bold;
    display: none;
}
.despre-film {
    width: 100%;
    float: left;
}
.poze-film334 {
    width: 20%;
    float: left;
}
.synops-23 {
    width: 80%;
    float: left;
}
.synops-23 {
    width: 80%;
    float: left;
    padding-left: 4%;
} 

article.articolul-end-of{
    display:inline-block;
}

.the-end-of {
    margin-bottom: 3%;
}
.poza-film2 {
    width: 26%;
    float: left;
}
.cinefoundation-competition {
    margin-bottom: 2%;
}
.synops-rivers {
    width: 20%;
    float: left;
}
.cinefoundation-competition {
    margin-bottom: 1%;
    float: left;
    margin-top: 4%;
}
.poza-film2 {
    width: 20%;
    float: left;
    margin-right: 4%;
}
.synops-rivers {
    width: 60%;
    float: left;
}
.market-special {
    margin-bottom: 2%;
}
.cabbage-potatoes {
    margin-top: 5%;
    margin-bottom: 3%;
}
.cabbage-film {
    display: inline-block;
}
.poza-film {
    float: left;
    margin-right: 4%;
}   margin-top: 0%;

.tokoriki-film {
    display: inline-block;
}

.poza-toko {
    width: 20%;
    float: left;
    margin-right: 4%;
}   margin-top:2%;


.night-in-tokoriki {
    margin-bottom: 2%;
    margin-top: 4%;
}
.synops-tokoriki {
    margin-top: 2%;
}
.night-in-tokoriki {
    margin-bottom: 2%;
    margin-top: 4%;
}
.short-waves {
    margin-bottom: 3%;
}

.the-end-of h3 a {
    color: black;
}
.the-end-of h3 a:focus {
    color: black;
}
.the-end-of h3 a:active {
    color: black;
}
.the-end-of h3 a:visited {
    color: black;
}
.all-rivers-film h3 a:focus{
    color:black;
}
.all-rivers-film h3 a:active{
    color:black;
}

.all-rivers-film h3 a: visited{
    color:black;
    
}.all-rivers {
    width: 100%;
    float: left;
}
.all-rivers {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}
.all-rivers h3 a {
    color: black;
}
.subtitlul-end-of {
    margin-top: 3%;
}

.run-19th {
    margin-top: 3%;
}

.varza-33433 {
    margin-top: 3%;
}

.tokoriki-2016 {
    margin-top: 3%;
}


.logo-ucin {
    float: left;
    width: 25%;
}

.logo-cnc {
    float: left;
    width: 25%;
}

.logo-dropia{
    float: left;
    width: 25%;
}

.logo-unatc {
    float: left;
    width: 25%;
}

.logo-ucin img {
    width: 46%;
}

.logo-cnc img{
	width: 46%
}

.logo-unatc img{
	width: 46%
}

.logo-dropia img{
	width:46%;
}

.imagini-parteneri{
	float: left;
	width: 100%;
	margin-top:3%;
	margin-bottom:6%;
    text-align: center;
}

img.attachment-full.size-full {
    width: 46%;
}
ul#grid-filme li a {
    width: 100%;
}
.page-id-6 .sugestii li {
    width: 134px !important;
    float: left;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    height: 265px;
}
.page-id-6 .sugestii {
    float: left;
}
.page-id-6 ul#grid-filme {
    height: auto !important;
    float: left;
    width: 100%;
}
#humburger {
    z-index: 999999;
}
@media (max-width: 768px) {
	.page-id-2 .col.span-6.form-news {
	    width: 100%;
	}
	.page-id-2 .col.span-6.form-news form input {
	    width: 100% !important;
	}
	.page-id-2 .col.span-6.form-text {
	    width: 100%;
	    margin-top: 7%;
	}
	.owl-item {
		text-align: center;
	}
	.owl-next:before {
		right: 0px !important;
		width: 35px;
	}
	.owl-prev:before {
		right: 0px !important;
	}
	.home-content-slider .col:first-child {
		padding-left: 8%;
	}
	.home-content-slider .col.span-6.right-slider-content {
		width: 47%;
	}
	.home-content-slider {
		padding-bottom: 15%;
	}
	.flickerplate .dot-navigation {
		left: 41%;
	}
	.page-id-2 .item.inline.project {
		opacity: 1 !important;
	}
	.main-navigation {
		width: 100%;
	}
	.page-id-6 .sugestii li {
		width: 163px !important;
	}
	.page-id-6 .sugestii li {
		height: 340px;
	}
	.synops-23 {
		width: 60%;
	}
	.poze-film334 {
		width: 40%;
	}
	.cabbage-film .poza-film {
		width: 40%;
	}
	.synops-cabagge {
		width: 56%;
		float: left;
	}
	.poza-toko {
		width: 40%;
	}
	.synops-tokoriki {
		width: 56%;
		float: left;
		margin-bottom: 6%;
	}
	aside.left-single {
		top: 0 !important;
	}
	.single-post .home-content-slider .col:first-child {
		display: none !important;
	}
	.single-post .home-content-slider .col:nth-child(2) {
		padding-left: 8%;
	}
}
@media (max-width: 640px) {
	.flickerplate .dot-navigation {
		display: none;
	}
	.home-content-slider .col.span-6.right-slider-content .detalii {
		padding-right: 10%;
		padding-top: 3%;
	}
	.home-content-slider .col.span-6.right-slider-content {
		width: 100%;
		padding-left: 8%;
	}
	div#primary-home .title-bar h3 {
		padding-left: 18%;
	}
	.page-id-8 .page-template-default .flickerplate, .page-template-default #home-slider, .page-template-default #slider-overlay {
		height: 445px!important;
	}
	.page-template-default .flickerplate, .page-template-default #home-slider, .page-template-default #slider-overlay {
		height: 445px !important;
	}
	.page-id-10 .flickerplate {
		height: 445px !important;
	}
	.page-id-10 #home-slider {
		height: 445px !important;
	}
	.page-id-10 #slider-overlay {
		height: 100% !important;
	}
	.page-id-10 #content {
		padding-top: 10%;
	}
}
@media (max-width: 440px) {
	.page-id-6 ul#grid-filme {
		text-align: center;
	}
	.page-id-6 .sugestii li {
		height: 340px;
		float: none;
	}
}