==========================================================================
   Normalize styles
   ========================================================================== 
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0;}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:10px;font-size:0.625rem}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}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}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* ==========================================================================
   Starter styles
   ========================================================================== */
html, button, input, select, textarea {color:#333;}
body {font-size:15px; font-size:0.938rem; background:#fff; -webkit-font-smoothing: antialiased;}
::-moz-selection {background:#b3d4fc; text-shadow:none;}
::selection {background:#b3d4fc; text-shadow:none;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
img {vertical-align:middle;}
fieldset {border:0; margin:0; padding:0;}
textarea {resize:vertical;}
.chromeframe {margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0;}
a {color: #356CC5; text-decoration: none;}
a:focus {outline:none;}

textarea:focus, input:focus{outline: 0;}
::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666; opacity:1;}
::-moz-placeholder {color:#666; opacity:1;}
:-ms-input-placeholder {color:#666;}
input[type="text"]:focus::-webkit-input-placeholder {opacity:0.8;}
input[type="text"]:focus:-moz-placeholder {opacity:0.8;}
input[type="text"]:focus::-moz-placeholder {opacity:0.8;}
input[type="text"]:focus:-ms-input-placeholder {opacity:0.8;}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Roboto', sans-serif; }
html, button, input, select, textarea {font-family: Century Gothic, sans-serif;}
.clear {clear:both;}
.table {display:table; width:100%;}
.tr {display:table-row;}
.td, .th {display:table-cell; vertical-align:top;}
.lt-ie8 .td, .lt-ie8 .th {display:block; float:left; padding:5px;}
.leftText {text-align:left}
.rightText {text-align:right;}
.centerText {text-align:center;}
p {margin:0; margin-bottom:10px; margin-bottom:0.625rem; font-size:16px; font-size:1rem; line-height:1.5; font-weight:200; text-align:left;}
input, input[type="submit"], textarea { -webkit-appearance:none; -webkit-border-radius:0; border-radius:0; border:1px solid #ccc; padding:10px;}
input[type="submit"] {border:0 none;}
input, textarea {background-color: #fff; transition: background-color 0.3s ease-in-out;}
input:focus, textarea:focus {background-color: #F9F9F9;}
.left {float:left !important;}
.right {float:right !important;}
.responsive {max-width:100%; height:auto;}
video {width: 100% !important; height: auto !important;}
.blackTrans {background:rgba(0,0,0,0.6);}
.whiteTrans {background: rgba(255,255,255,0.95);}
h1 {font-size: 40px; margin:0 0 30px 0;}
h2 {margin-bottom:10px;}
.small {font-size:15px;}
.fuss {display:block; padding:20px 0;}

/*___Simple grid___*/
.cf {margin:0 2%;}
.cfl {margin:0 2% 0 0;}
.c {margin:0 2%; float:left;}
.c1 {width:96%;}
.c2 {width:46%;}
.c3 {width:29.3333%;}
.c4 {width:21%;}
.c > img {width:100%; height:auto;}
.content {width:1200px; margin:0 auto; padding:50px 0 30px 0;}
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; -webkit-flex-wrap: wrap; justify-content: left}

@media screen and (max-width: 1220px) {
   .content {width:100%; padding:50px 15px 30px;}
}
@media screen and (max-width: 880px) {
   .c2 {width:96%;}
   .c3 {width:46%;}
   .c4 {width:29.3333%;}
}
@media screen and (max-width: 670px) {
   .c3 {width:96%;}
   .c4 {width:46%;}
}
@media screen and (max-width: 460px) {
   .c4 {width:96%;}
   .content {padding-top: 30px;}
}


/* ==========================================================================
   Author styles
   ========================================================================== */
h1 {font-weight:300;}
h1:first-letter {text-transform: uppercase;}
h2 {font-weight:400;}
h3 {font-weight:500; margin-bottom: 10px;}
.button {display: inline-block; font-size: 18px; font-size: 1.125rem; background-color: #C10000; color: #fff; padding: 10px 15px; margin: 10px 0;}
.stronger {font-weight: 400;}
.textual img {width: 50% !important; height: auto !important; float: left; margin: 0 20px 20px 0;}
.textual table {margin-bottom: 20px;}
.textual table tr {border-bottom: 1px solid #696969;}
.textual table tr:last-child {border-bottom: 0 none;}
.textual table th, .textual table td {padding: 15px 20px 15px 2px; text-align: left;}
.textual table th, .textual table tr td:first-child {font-weight: 500;}
.textual li {padding: 5px 0;}
.short {max-width: 800px;}
.textual.kontakt table tr td:last-child {white-space: nowrap;}
.textual.kontakt table tr td p {margin-bottom: 0;}
.textual a {word-break:break-all;}
.textual iframe {max-width:100%;}


@media screen and (max-width: 700px) {
   .textual.kontakt table {width: 100% !important;}
   .textual.kontakt table th, .textual.kontakt table td {width: auto !important;}
}
@media screen and (max-width: 500px) {
   .textual img {width: 100% !important;}
   .textual table {width: 100% !important;}
   .textual table th, .textual table td {width: auto !important;}

   .textual.kontakt table, .textual.kontakt table th, .textual.kontakt table td {display: block; width: auto !important; height: auto !important;}
   .textual.kontakt table th, .textual.kontakt table td {padding:5px 0;}
   .textual.kontakt table tr td:first-child {padding-top: 10px;}
   .textual.kontakt table tr td:last-child {padding-bottom: 10px;}
   .textual.kontakt table tr td:last-child.noData {line-height: 0; padding-bottom: 5px;}
	.h2 {line-height:30px;}
}


/*___Top bar and menu___*/

.topBar {background: #000; height: 62px;}
body:not(.play) .topBar {margin-bottom: 60px;}
.topBar > .content {position: relative; padding: 0;}
.logo {position: absolute; z-index: 5; left: 0; top: 0;}
.nav {padding: 0; z-index: 4999; width:100%;}
.nav .content {text-align:right; padding:0;}
.nav a {display:inline-block; margin-left:-4px; padding:30px 15px 10px; font-size: 18px; color: #fff; transition: background-color 0.2s ease-in-out;}
.nav a.current, .nav a:hover {background-color:#C10000;} 
.togTrigger {display:none; position:fixed; z-index:5002; top:13px; right:10px; font-size:28px; color:#fff; background-color: rgba(0,0,0,0.7);}
.mobRes .togTrigger {display:block;}
.mobRes .nav a {float:none; margin-left:auto; padding:20px 15px 20px 0; color: #fff;}
.mobRes .nav a {display: block;}
.mobRes .nav {margin:0px; padding: 0; width:223px; height: 100%; z-index:9003; right:auto; top:0; left:0; position:fixed; background:#000; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
.mobRes .nav.move {display:block; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-box-shadow: 7px 0px 23px 0px rgba(0,0,0,0.54); -moz-box-shadow: 7px 0px 23px 0px rgba(0,0,0,0.54); box-shadow: 7px 0px 23px 0px rgba(0,0,0,0.54);}
.mobRes .nav .content {padding: 0;}
.topBar .socials {position: absolute; right: 8px; top: 12px;}
.mobRes .topBar .socials {right: 11px; top: 72px;}
.topBar .socials a {font-size: 22px; color: #666;}

@media screen and (max-width: 420px) {
	.play .logo img {width:85px!important; height:auto!important;}
}

/*___Header and slider___*/

.header {height:70vh; overflow: hidden; position: relative;}
.play .header {height: calc(100vh - 62px);}
.play .header.empty {height: 60px;}
.header > .content {padding: 0;}
.owl-item {height: 100%;}
.owl-item.active {background: url(../img/loading.gif) center center no-repeat;}
.owl-lazy {background-repeat: no-repeat; background-size: cover; background-position: top center;}
.owl-wrapper-outer, .owl-wrapper, .owl-lazy, .owl-carousel, .owl-stage-outer, .owl-stage {height: 100%;}
.owl-dots {position: absolute; bottom: 17px; left: 0; right: 0; z-index: 5000; text-align: center;}
.owl-dots.disabled {display:none;}
.owl-dot {display: inline-block; background: #fff; width: 20px; height: 20px; border-radius: 50%; opacity: 0.5; margin: 5px; border: 1px solid #888; cursor: pointer;}
.owl-dot.active {opacity: 1;}
.owl-prev, .owl-next {position: absolute; z-index: 5001; bottom: 10px; /*top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%);*/ left: 10px; display: none;}
.owl-prev:hover, .owl-next:hover {cursor: pointer;}
.owl-prev:before {font-family:'Fontello'; content: " \e817"; color: #fff; font-size: 50px;}
.owl-next {left: auto; right: 10px;}
.owl-next:before {font-family:'Fontello'; content: " \e815"; color: #fff; font-size: 50px;}
.owl-item .text {width: 33.3333%; height: 100%; position: relative; background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); color: #fff; padding: 120px 0 0 15px;}
.owl-item .text h1 {margin-bottom: 15px; line-height: 40px; }
.owl-item .download {position:absolute; z-index:506; top:5px; right:5px; color:#fff; font-size:28px; opacity:0.6;}
.owl-item .download:hover {opacity:1;}

@media screen and (max-width: 1023px) {
	.owl-item .text {padding-top: 80px;}
}
@media screen and (max-width: 769px) {
   .play .header {height: calc(60vh);}
   .play .header.empty {height: 60px;}
}
@media screen and (max-width: 670px) {
   .owl-item .text {width: 60%; padding-top: 20px;}
}
@media screen and (max-width: 420px) {
   .owl-item .text {padding-top: 15px; width: 66%;}
   .owl-item .text h1 {margin-bottom: 15px; font-size: 28px; line-height: 28px; font-weight: 400; }
   .owl-dots {bottom: -7px;}
   .play .owl-dots {display:none;}
   .play .header {height: calc(40vh);}
   .play .header.empty {height: 60px;}
}
@media screen and (max-height: 570px) {
   .owl-item .text {padding-top: 15px; width: 66%;}
   .owl-item .text h1 {margin-bottom: 10px; font-size: 28px; line-height: 28px; font-weight: 400; }
}

/*___Na sceni___*/

.playing .item {border-left: 7px solid #C10000; padding: 0 20px 0 10px; margin-bottom: 30px; -webkit-flex:4; -webkit-box-flex:4; -moz-flex:4; -moz-box-flex:4; -ms-flex:4; flex:4; -webkit-flex-basis: 200px; flex-basis: 200px; }
.playing .item .date {display: block; font-size: 13px; font-weight: 600; padding-bottom: 3px; }
.playing .item .type {display: block; font-size: 12px; font-style: italic; padding-bottom: 1px; }
.playing .item .textContent { }
@media screen and (max-width: 440px) {
   .playing .item {padding-right: 0;}
}


/*___Novosti___*/

.newsList {-webkit-flex:1; -webkit-box-flex:1; -moz-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1;}
.newsList .item {color: #333; margin-bottom: 40px;}
.newsList .item img {border: 1px solid #000;}
.newsList .item .text {-webkit-flex:1; -webkit-box-flex:1; -moz-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1; padding: 0 30px 0 10px;}
.newsList .item .text .date {display: block; font-style: italic; padding-bottom: 1px;}
.newsList .item .text .title {display: block; padding-bottom: 3px; font-size: 16px; font-weight: 500;}
.newsList .item .text .textContent {}
.archive {color: inherit; font-size: 23px; font-weight: 100;}
.archive:after {font-family: "Fontello"; content: "\e803"; padding-left: 8px; font-weight: 500;}
iframe {margin-top: 10px;}

@media screen and (max-width: 670px) {
   .newsList {-webkit-flex:inherit; -webkit-box-flex:inherit; -moz-flex:inherit; -moz-box-flex:inherit; -ms-flex:inherit; flex:inherit; margin-bottom: 50px;}
   .newsList .item .text {padding-right: 0;}
}
@media screen and (max-width: 460px) {
   .content.newsHome {padding-top: 0;}
   /*.newsList .item .text {-webkit-flex:inherit; -webkit-box-flex:inherit; -moz-flex:inherit; -moz-box-flex:inherit; -ms-flex:inherit; flex:inherit; padding: 10px 0 0 0;}*/
}


/*___Predstave___*/

.plays .flex {justify-content: left;}
.plays .item { padding: 10px; display: block; width: 20%;}
.plays .item img {width: 100%; height: auto; border: 1px solid #000;}

@media screen and (max-width: 1200px) {
   .content.plays {padding-top: 20px;}
}
@media screen and (max-width: 1100px) {
   .plays .item {width: 25%;}
}
@media screen and (max-width: 960px) {
   .plays .item {width: 33.3333%;}
}
@media screen and (max-width: 720px) {
   .plays .item {width: 50%;}
}
@media screen and (max-width: 430px) {
   .plays .item {width: 100%; padding: 0; margin-bottom: 20px;}
}


/*___Predstava___*/

.playInfo {}
.playInfo .headerBar {background-color: #000; color: #fff;}
.play .tabsWrapper .headerBar .content {padding: 0;}
.play .playInfo > .headerBar .content {padding: 15px 0 30px 0;}
.play .headerBar h1 {margin-bottom: 0;}
.play .tabsNav a {display: inline-block; color: #fff; background-color: transparent; padding: 10px 15px; font-size: 18px;}
.play .tabsNav a.current {color: #000; background-color: #fff;}
.play .playInfo .type {font-style: italic; font-size: 13px;}

.play .videoHolder {width: 30%; min-height: 1px; float: right;}
.play .video {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.play .video iframe {position:absolute; top:0; left:0; margin-top: 0; width:100% !important; height:100% !important;}
.play .tekst.hasVideo {width: 65%; margin-right: 5%; float: right;}
.play .tekst .cover {float: left; width: 250px !important; padding: 0 20px 20px 0; }
.play .tekst .cover img {width: 100% !important; margin: 0; float: none;}
.izmedija p {margin-bottom: 15px;}
.izmedija a:before {font-family: "Fontello"; content: "\e808"; padding-right: 10px;}
.datumPremijere {line-height: 22px; padding-top: 10px;}
.datumPremijere span {font-weight: 500; font-size: 19px;}

@media screen and (max-width: 1220px) {
   .play .playInfo > .headerBar .content {padding: 15px 10px 30px 10px;}
}
@media screen and (max-width: 768px) {
   .play .videoHolder {float: none; width: 100%; margin-bottom: 50px;}
   .play .tekst.hasVideo {float: none; width: 100%; margin-right: 0;}
}
@media screen and (max-width: 440px) {
   .play .tekst .cover {float: none; width: 100% !important; }
	.play .headerBar h1 {line-height:40px;}
}
@media screen and (max-width: 360px) {
   .play .tabsNav a {padding: 10px;}
}


/*___Glumacki studio___*/

.playstudio .playInfo .headerBar {background-color: #690000;}
.play.playstudio .tekst {width: 100%; margin-right: auto; float: none;}
.textual .plays img {width: 100% !important; float: none; margin: auto;}


/*___Vijest___*/

.news .date {display: block; font-style: italic; padding-bottom: 1px;}
@media screen and (max-width: 460px) {
   .news h1 {font-size:30px; line-height:32px; margin-bottom:15px;}
}


/*___Kontakt___*/
form {width: 100%; max-width: 350px; margin-top:50px;}
form input, form textarea { width: 100%; margin: 5px 0;}
input[disabled] {opacity: 0.5;}


/*___Footer___*/

.footer {background-color: #000; color: #fff; margin-top: 120px;}
.footer p { font-size: 14px !important;}
.footer .item {-webkit-flex:1; -webkit-box-flex:1; -moz-flex:1; -moz-box-flex:1; -ms-flex:1; flex:1; position: relative;}
/*.footer .item:not(.socials):after {position: absolute; left: 68%; top: 0; height: 100%; content: " "; border-right: 1px solid #fff;}*/
.contacts {padding-right: 100px; position: relative;}
.contacts:after {position:
 absolute; right: 50px; top: 0; height: 210px; content: " "; border-right: 1px solid #fff;}
.footer .socials {padding-top: 20px;}
.footer a {color: #fff;}
.socials a {font-size: 31px; display: inline-block; padding: 5px 10px;}
.sponzori {position: relative; padding-top: 40px;}
.sponzori:before {content: "Pokrovitelji i partneri:"; position: absolute; top: 2px; left: 0; font-size: 14px; font-weight: 400;}
.sponzori a {display: block; padding-right: 30px; float: left;}
.fb:before {font-family: "Fontello"; content: "\e804";}
.yt:before {font-family: "Fontello"; content: "\e80a";}
.bottomLine {font-size: 11px; color: #999;}


@media screen and (max-width: 750px) {
   .footer .item {-webkit-flex:inherit; -webkit-box-flex:inherit; -moz-flex:inherit; -moz-box-flex:inherit; -ms-flex:inherit; flex:inherit; width: 100%;}
   .contacts:after {display: none;}
   .contacts {padding-right: 0;}
   .content.bottomLine {padding-top: 0;}
   .footer .socials {padding-bottom: 40px;}
}


/* ==========================================================================
   Microdata + Schema.org
   ========================================================================== */
   
span[itemprop="name"] {}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before,
.clearfix:after {content:" "; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

.input-validation-error {background:#FFDDDD;}
.hidden {display:none }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}