/*!
Theme Name: dev
Theme URI: http://underscores.me/
Author: Demode
Author URI: http:/Þmode.ca
Description: A custom theme by Demode.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dev
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

dev is based on Underscores https://underscores.me/, (C) 2012-2017 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 https://necolas.github.io/normalize.css/
*/
/*
 * 
 * DEMODE Framework v1.0
 * Developed by Demode
 * Licensed under GPLv2 
 * 
 * Based on Ivory Framework
 * 
 */

/* ---- HTML RESET ---- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, legend { display: block; }
body { font-size:100%;  }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
a {color: #000; text-decoration: none;}
strong { font-weight: bold; }

/* ---- Clearfixes ---- */
.grid:before,.grid:after,.clearfix:before,.clearfix:after,.prox:before,.prox:after{content:'';display:table}
.grid:after,.clearfix:after,.prox:after{clear:both}
.grid,.clearfix,.prox{zoom:1}

/* ---- GRID Layout ---- */
*{box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body{margin:0 auto; color:#000; font-family: 'Open Sans', sans-serif;}
.grid{ margin:0 auto; width:1160px; max-width:100%; } /* You can choose the grid 1200 or 1140 or 1024 or 960 as per your requirement */
.row{width:100%; margin:0 auto;}
.c1{width:8.33%;}
.c2{width:16.66%;}
.c3{width:25%;}
.c4{width:33.33%;}
.c5{width:41.66%;}
.c6{width:50%;}
.c7{width:58.33%;}
.c8{width:66.66%;}
.c9{width:75%;}
.c10{width:83.33%;}
.c11{width:91.66%;}
.c12{width:100%; min-height:1px; float:left; position:relative;}
.c1-5{width:19.95%;}/* This column can be used as a one fifth of the grid */
.c1-8{width:12.5%;}/* This column can be used as a one eigth of the grid */ 
.c1-7{width:14.19%;}/* This column can be used as a one seventh of the grid */ 
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-7,.c1-8 {min-height:1px; float:left; padding-left:10px; padding-right:10px; position:relative;}
.grid.prox {padding-left:10px; padding-right:10px}
.grid .grid {padding-left:0px; padding-right:0px; }
.prox .c1,.prox .c2,.prox .c3,.prox .c4,.prox .c5,.prox .c6,.prox .c7,.prox .c8,.prox .c9,.prox .c10,.prox .c11,.prox .c1-5,.prox .c1-8, .prox > div {padding:0px}
.prox .box {padding:15px}


/* ---- Alignments ---- */
.centered{float: none; margin: auto;}
.left {float: left;}
.right {float: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.space-top {margin-top: 20px;}
.space-bot {margin-bottom: 20px;}
.space-htop {margin-top: 10px;}
.space-hbot {margin-bottom: 10px;}

.desktop {display:block}
.mobile {display:none}

/* FONTS */

@font-face {
    font-family: 'cooper_hewittbold';
    src: url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-bold-webfont.woff') format('woff'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewittbook';
    src: url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-book-webfont.woff2') format('woff2'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-book-webfont.woff') format('woff'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-book-webfont.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewittheavy';
    src: url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-heavy-webfont.woff2') format('woff2'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-heavy-webfont.woff') format('woff'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-heavy-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewittlight';
    src: url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-light-webfont.woff') format('woff'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewittmedium';
    src: url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-medium-webfont.woff2') format('woff2'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-medium-webfont.woff') format('woff'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewittsemibold';
    src: url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-semibold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-semibold-webfont.woff') format('woff'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cooper_hewittthin';
    src: url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-thin-webfont.woff2') format('woff2'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-thin-webfont.woff') format('woff'),
         url('/wp-content/themes/dev/fonts/cooper/cooperhewitt-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* CSS */

b {
    font-weight: 600;
}

header .bar {
	height: 40px;
	background-color: #340300;
    padding-top: 11px;
}

header .bar a {
    display: block;
    float: right;
    color: #fff;
    font-size: 12px;
    opacity: 0.6;
    margin-left: 8px;
    text-transform: uppercase;
}

header .bar a:after {
    content: '|';
    margin-left: 8px;
}

header .bar a:first-child:after {
    content: '';
}

nav {
	height: 100px;
	background: #9e1109; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%,#dadada 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1109', endColorstr='#ee4036',GradientType=0 ); /* IE6-9 */
}

.logo {
    z-index: 100;
}

.logo img {
    padding-top: 10px;
    height: 90px;
}

.meni a {
    height: 100px;
    line-height: 100px;
    width: auto;
    min-width: 100px;
    padding: 0 15px;
    display: block;
    float: right;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    border-left: 1px solid #fff;
    font-family: 'Open sans'; font-weight: 700;
    background: linear-gradient(to bottom, #9e1109 0%,#ee4036 100%);
}

.meni a:first-child {
    border-bottom: 6px solid #3E0300;
    line-height: 105px;
}

.meni a:nth-child(2) {
    border-bottom: 6px solid #f58c0a;
}

.meni a:nth-child(3) {
    border-bottom: 6px solid #00a0f5;
}

.meni a:nth-child(4) {
    border-bottom: 6px solid #96d20a;
}

.banner {
	height: 650px;
    background-size: cover;
    background-position: center;
}

.banner .danas {
    background-color: rgba(236, 63, 53, 0.6);
    color: #fff;
    padding-top: 15px;
    padding-left: 20px;
    max-height: 650px;
}

.banner .danas h3 {
    font-size: 80px;
    font-family: 'Open sans'; font-weight: 300;
    width: 50%;
    float: left;
}

.banner .danas h4 {
    font-size: 40px;
    font-family: 'Open sans'; font-weight: 300;
    width: 50%;
    float: left;
    margin-top: 40px;
    text-align: center;
}

.banner-program {
    border-top: 1px solid #fff;
    padding: 15px 0 10px;
    min-height: 111px;
}

.banner-program a {
    color: #fff;
}

.banner-program.special:before {
    content: url(/wp-content/themes/dev/images/before-red.png);
    float: left;
    margin-right: 20px;
}

.banner-program.performance:before {
    content: url(/wp-content/themes/dev/images/before-blue.png);
    float: left;
    margin-right: 20px;
}

.banner-program.cinema:before {
    content: url(/wp-content/themes/dev/images/before-green.png);
    float: left;
    margin-right: 20px;
}

.banner-program.music:before {
    content: url(/wp-content/themes/dev/images/before-yellow.png);
    float: left;
    margin-right: 20px;
}

.banner-program .info {
    font-size: 20px;
    font-family: 'Open sans'; font-weight: 600;
    line-height: 18px;
}

.banner-program .naziv {
    font-size: 26px;
    font-family: 'Open sans'; font-weight: 700;
    text-transform: uppercase;
    margin-top: 3px;
}

.banner-program .opis {
    font-size: 26px;
    font-family: 'Open sans'; font-weight: 600;
    line-height: 37px;
    margin-bottom: 0.3px;
}

.ham-expanded {
    background-color: #9E1109;
    min-height: 500px;
    position: absolute;
    left: 0px;
    top: 140px;
    z-index: 10;
    width: 100%;
    padding-bottom: 30px;
}

.ham-linkovi {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #7D0E08;
    width: 98.3%;
}

.ham-linkovi a {
    color: #fff;
    font-size: 20px;
    font-family: 'Open sans'; font-weight: 400;
    padding: 6px 30px;
    border-left: 1px solid #fffe37;
    margin-right: -4px;
}

.ham-linkovi a:last-child {
    border-right: 1px solid #fffe37;
}

.ham-linkovi a:hover {
    background-color: #5B0804;
}

.trazilica {
    padding-bottom: 15px;
    border-bottom: 1px solid #7D0E08;
    margin-bottom: 8px;
    width: 98.3%;
}

.trazilica p {
    font-size: 20px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    margin-top: 7px;
    margin-bottom: 10px;
}

.search-bar {
    width: 480px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.2);
}

.kontakt h5 {
    font-size: 20px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    margin-bottom: 6px;
}

.kontakt p {
    font-size: 14px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    line-height: 18px;
    margin-bottom: 15px;
}

.forma div {
    padding-left: 0;
}

.forma div input  {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px;
    font-size: 16px;
    color: #707070;
    font-family: 'Open sans'; font-weight: 300;
}

.forma input[type="checkbox"] {
    width: auto;
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

.wpcf7-form-control-wrap.poruka textarea {
    width: 492px !important;
    height: 100px !important;
    margin-bottom: 10px;
    padding: 10px 10px;
    font-size: 16px;
    color: #707070;
    font-family: 'Open sans'; font-weight: 300;
}

.forma div input::placeholder, .forma div textarea::placeholder {
    font-size: 16px;
    color: #707070;
    font-family: 'Open sans'; font-weight: 300;
}

.forma .c4 input[type=submit] {
    font-size: 14px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 400;
    background-color: inherit;
    border: 1px solid #FF8F88;
    margin-left: 5px;
    width: fit-content;
    padding: 8px 10px;
    margin-top: 63px;
}

.forma .c4 input[type=submit]:hover {
    cursor: pointer;
}

.forma .c4 input[type=checkbox] {
    background-color: inherit;
    width: fit-content;
    margin-left: 0px;
    margin-right: 10px;
    border-radius: 0px;
    float: left;
}

.forma .c12 {
    margin-bottom: -7px;
}

.forma .c12 span {
    font-size: 14px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    float: left;
    margin-left: 0;
}


.mini-galerija {
    padding-left: 0;
    padding-right: 0;
    margin-top: 18px;
}

.mini-galerija div {
    padding-left: 0;
}

.mini-galerija .lijevo {
    font-size: 20px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
}

.mini-galerija .desno {
    padding-top: 3px;
    margin-bottom: 20px;
}

.mini-galerija .desno a {
    font-size: 20px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 400;
}

.mini-galerija .desno a:first-child {
    padding-right: 10px;
    border-right: 2px solid #fffe37;
    margin-right: 8px;
}

.mini-gal-thumb {
    margin-bottom: 20px;
}

.mini-gal-thumb div {
    height: 125px;
    background-size: cover;
    background-position: center;
}

.mini-gal-thumb p {
    font-size: 14px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    margin-top: 10px;
}

.pogledaj-sve {
    font-size: 14px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    padding-top: 10px;
    border-top: 1px solid #7D0E08;
}

.rezervacije-expanded {
    background-color: #043443;
    height: auto;
    position: absolute;
    left: 0px;
    top: 140px;
    z-index: 10;
    width: 100%;
    text-align: center;
}

.rezervacije-expanded h2 {
    font-size: 36px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    margin-top: 20px;
}

.rezervacije-expanded p {
    font-size: 26px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    margin-top: 15px;
    margin-top: 35px;
    margin-bottom: 20px;
}

.rezervacije-expanded a {
    font-size: 46px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    padding: 30px;
    width: 82%;
    display: block;
    margin: auto;
    margin-bottom: 20px;
    height: 125px;
}

.ham-expanded, .rezervacije-expanded {
    display: none;
}

.ham-active {
    background-color: #3E0300;
}

.rez-active {
    background-color: #00b5eb;
}

.obavijesti {
    height: 240px;
    background-image: url(/wp-content/themes/dev/images/obavijesti.jpg);
    background-size: cover;
    background-position: center;
    display: none;
}

.obavijesti .grid {
    max-width: inherit;
    width: 103%;
    margin-left: -2%;
}

.obavijesti .grid .left {
    font-size: 60px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;

}

.obavijesti .grid .right {
    font-size: 20px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 400;    
    margin-top: 25px;
}

.obavijest {
    height: 40px;
    line-height: 40px;
    background-color: #9E1109;
    margin-bottom: 1px;
    padding-left: 15px;
}

.program {
    padding-top: 75px;
}

.program .grid {
    position: relative;
}

.prethodni-link, .sljedeci-link {
    font-size: 20px;
    color: #515151;
    font-family: 'Open sans'; font-weight: 300;
    position: relative;
    padding-top: 25px;
    text-transform: uppercase;
}

.prethodni-link .bx-prev {
    padding-left: 30px;
}

.prethodni-link .bx-prev:before {
    content: url(/wp-content/themes/dev/images/before.png);
    position: absolute;
    left: 0px;
    top: 5px;
}

.sljedeci-link .bx-next {
    padding-right: 30px;
}

.sljedeci-link .bx-next:after {
    content: url(/wp-content/themes/dev/images/after.png);
    position: absolute;
    top: 5px;
    right: 0px;
}

.grid .bx-wrapper {
    all: inherit;
}

.bx-wrapper {
    box-shadow: none;
    z-index: -1;
}

.program .grid .c6 {
    font-size: 57px;
    color: #515151;
    font-family: 'Open sans'; font-weight: 300;
    text-align: center;
    margin-bottom: 60px;
}

.program .grid .c6 span {
    font-size: 50px;
    color: #515151;
    font-family: 'Open sans'; font-weight: 300;
    margin-left: 20px;
}

.program-dan {
    padding: 0;
    margin-right: 1px;
}

.program-dan .top {
    background-color: #828282;
    font-family: 'Open sans'; font-weight: 300;
    padding: 10px 15px;
    margin-bottom: 45px;
}

.program-dan .top .dan {
    font-size: 16px;
    color: #fff;
    margin-bottom: 5px;
}

.program-dan .top .datum {
    font-size: 20px;
    color: #fff;
}

.program-dan .event {
    font-family: 'Open sans'; font-weight: 300;
    font-size: 12px;
    color: #fff;
    margin-bottom: 1px;
    position: relative;
}

.program-dan .event .wrap {
    overflow: auto;
    padding: 10px 15px;
    height: 126px;
    position: relative;
}

.program-dan .event .wrap::-webkit-scrollbar {
    display: none;
}

.eventbox {
    background: white;
    position: absolute !important;
    display: none;
    background: white;
    padding: 0;
    width: 320px !important;
    height: auto;
    z-index: 1000;
    color: #fff;
    border: 1px solid #fff;
    z-index: 1000;
    right: 0;
    bottom: 126px;
}

.eventbox h3 {
    font-size: 24px;
    font-weight: bold;
}

.eventbox .c4 {
    height: 100%;
}

.eventbox .eventbox-content {
    padding: 15px;
}

.eventbox .head {
    height: 90px;
    width: 100%;
    background-size: cover;
    background-position: top center;
}

.eventbox .desc {
    font-size: 14px;
    margin-top: 10px;
}

.eventbox .x {
    position: absolute;
    right: 0;
    cursor: pointer;
    background: #ffffffe0;
    padding: 0px 8px 4px;
    color: black;
    font-size: 15px;
}

.week .event::first-child .eventbox {
    left: 0;
}

.week .event::last-child .eventbox {
    right: 0;
}

.program-dan .event .naziv {
    font-family: 'cooper_hewittsemibold';
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.program-dan .event .naziv, .program-dan .event .vrijeme, .program-dan .event .tip {
    position: relative;
    z-index: 100;
}

.program-dan .event .overlay {
    width: 100%;
    height: 126px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 0;
}

.imdb {
    float: left;
    margin-top: 13px;
}


.oac-bar.text-left {
    width: 100%;
    float: left;
    padding: 6px 15px;
    font-size: 14px;
    font-family: 'Open sans'; font-weight: 700;
    background-color: #828282;
    color: #fff;
    position: absolute;
    top: 225px;
}

.other-bar.text-left {
    width: 100%;
    float: left;
    padding: 6px 15px;
    font-size: 14px;
    font-family: 'Open sans'; font-weight: 700;
    background-color: #828282;
    color: #fff;
    position: absolute;
    top: 395px;
}

.oac-mobile-bar {
    display: none;
    background: #96D20A;
    padding: 5px 15px;
    color: white;
    text-transform: uppercase;
    margin-bottom: 1px;
    font-size: 12px;
}

.napomena {
    font-size: 13px;
    font-family: 'Open sans'; font-weight: 400;
    color: #6F747F;
    text-align: center;
    margin-top: 60px;
    line-height: 18px;
    padding: 10px;
    border-top: 2px solid rgba(111, 116, 127, 0.2);
    border-bottom: 2px solid rgba(111, 116, 127, 0.2);
}

.kategorije {
	padding-left: 0;
	padding-right: 0;
    font-family: 'cooper_hewittbold';
    text-align: center;
    margin-top: 1px;
}

.kategorije .top h3 {
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
}

.kategorije .bottom p {
    text-align: center;
	font-size: 17px;
	color: #fff;
	text-transform: uppercase;
    font-family: 'cooper_hewittmedium';
}

.kategorije .bottom p span {
    text-transform: initial;
}

.kategorije .top {
	padding: 21px 0;
}

.kategorije .bottom {
	padding: 10px 15px;
    height: 125px;
}

.kategorije.cinema .top {
	background-color: #4fa62f;
}

.kategorije.cinema .bottom {
	background-color: #d6e5d1;
}

.kategorije.cinema .bottom p {
	color: #4fa62f;
}

.kategorije.performance .top {
	background-color: #00b5eb;
}

.kategorije.performance .bottom {
	background-color: #ccebf5;
}

.kategorije.performance .bottom p {
	color: #00b5eb;
}

.kategorije.music .top {
	background-color: #f59b28;
}

.kategorije.music .bottom {
	background-color: #fbe6cb;
}

.kategorije.music .bottom p {
	color: #f59b28;
}

.kategorije.special .top {
	background-color: #ec3f35;
}

.kategorije.special .bottom {
	background-color: #f2d4d3;
}

.kategorije.special .bottom p {
	color: #ec3f35;
}

.izdvajamo h3 {
    font-size: 60px;
    font-family: 'Open sans'; font-weight: 300;
    color: #515151;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 40px;
}

.izdvajamo-in div {
    padding-left: 5px;
    padding-right: 0;
}

.najnovije div, .arhiva div, .najcitanije div {
    padding-left: 5px;
    padding-right: 0;
}

.najnovije-inner, .najcitanije-inner, .arhiva-inner {
    margin-bottom: 5px;
}

.izdvajamo-inner .top {
    height: 260px;
    background-size: cover;
    background-position: center;
    padding-left: 0;
    position: relative;
}

.izdvajamo-inner .top .datum {
    width: 100%;
    display: block;
    background-color: rgba(48, 0, 84, 0.6);
    color: #fff;
    padding: 15px;
    font-family: 'Open sans'; font-weight: 400;
    position: absolute;
    bottom: 0;
}

.c-h {
    width: 39.9%;
    float: left;
}

.izdvajamo-inner .bottom {
    padding-left: 0;
    height: 115px;
    background-color: #300054;
    margin-bottom: 5px;
}

.izdvajamo-inner .bottom h4 {
    padding: 15px 15px 0 15px;
    line-height: 26px;
    color: #fff;
    font-size: 24px;
    font-family: 'Open sans'; font-weight: 400; 
}

.izdvajamo-inner.cinema .top .datum {
    background-color: rgba(79, 166, 47, 0.6);
}

.izdvajamo-inner.cinema .bottom {
    background-color: #4FA62F;
}

.izdvajamo-inner.music .top .datum {
    background-color: rgba(245, 155, 40, 0.6);
}

.izdvajamo-inner.music .bottom {
    background-color: #F59B28;
}

.izdvajamo-inner.performance .top .datum {
    background-color: rgba(0, 181, 235, 0.6);
}

.izdvajamo-inner.performance .bottom {
    background-color: #00B5EB;
}

.izdvajamo-inner.special .top .datum {
    background-color: rgba(236, 63, 53, 0.6);
}

.izdvajamo-inner.special .bottom {
    background-color: #EC3F35;
}

.novosti .novosti h3 {
    font-size: 60px;
    font-family: 'Open sans'; font-weight: 300;
    color: #515151;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 30px;
}

.novosti .novosti-linkovi {
    text-align: center;
    margin-bottom: 45px;
}

.novosti .novosti-linkovi a {
    font-size: 16px;
    font-family: 'Open sans'; font-weight: 700;
    color: #515151;
    text-transform: uppercase;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-right: 5px;
}

.novosti .novosti-linkovi a.selected {
    border-bottom: 3px solid #515151;
}

.novosti .novosti-linkovi span {
    font-size: 16px;
    font-family: 'Open sans'; font-weight: 400; 
    padding-left: 5px;
    padding-right: 5px;
}

.najnovije-inner .top {
    height: 260px;
    background-size: cover;
    background-position: center;
    padding-left: 0;
    position: relative;
}

.najnovije-inner .top .datum {
    width: 100%;
    display: block;
    background-color: rgba(48, 0, 84, 0.6);
    color: #fff;
    padding: 15px;
    font-family: 'Open sans'; font-weight: 400;
    position: absolute;
    bottom: 0;
}

.najnovije-inner .bottom {
    padding-left: 0;
    height: 115px;
    background-color: #300054;
}

.najnovije-inner .bottom h4 {
    padding: 15px 15px 0 15px;
    line-height: 23px;
    color: #fff;
    font-size: 18px;
    font-family: 'Open sans'; font-weight: 400; 
}

.najcitanije-inner .top {
    height: 260px;
    background-size: cover;
    background-position: center;
    padding-left: 0;
    position: relative;
}

.najcitanije-inner .top .datum {
    width: 100%;
    display: block;
    background-color: rgba(48, 0, 84, 0.6);
    color: #fff;
    padding: 15px;
    font-family: 'Open sans'; font-weight: 400;
    position: absolute;
    bottom: 0;
}

.najcitanije-inner .bottom {
    padding-left: 0;
    height: 115px;
    background-color: #300054;
}

.najcitanije-inner .bottom h4 {
    padding: 15px 15px 0 15px;
    line-height: 23px;
    color: #fff;
    font-size: 18px;
    font-family: 'Open sans'; font-weight: 400; 
}

.arhiva-inner .top {
    height: 260px;
    background-size: cover;
    background-position: center;
    padding-left: 0;
    position: relative;
}

.arhiva-inner .top .datum {
    width: 100%;
    display: block;
    background-color: rgba(48, 0, 84, 0.6);
    color: #fff;
    padding: 15px;
    font-family: 'Open sans'; font-weight: 400;
    position: absolute;
    bottom: 0;
}

.arhiva-inner .bottom {
    padding-left: 0;
    height: 115px;
    background-color: #300054;
}

.arhiva-inner .bottom h4 {
    padding: 15px 15px 0 15px;
    line-height: 28px;
    color: #fff;
    font-size: 24px;
    font-family: 'Open sans'; font-weight: 400; 
}

.najcitanije, .arhiva {
    display: none;
}

.novosti-page {
    background-color: #310053;
}

.novosti-page h3 {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 32px 0;
    width: 50%;
    float: left;
}

.novosti-page .novosti-linkovi {
    width: 50%;
    float: right;
    text-align: right;
    color: #fff;
    padding-top: 50px;
}

.novosti-page .novosti-linkovi a {
    color: #fff;
}

.novosti-page .novosti-linkovi a.selected {
    border-bottom: 3px solid #fff;
}

.novosti-page-top {
    margin-bottom: 5px;
}

.press {
    margin-top: 50px;
    /*margin-bottom: 100px;*/
}
/*
.press div:nth-child(5), .press div:nth-child(10), .press div:nth-child(15) {
    margin-left: -5px;
    margin-right: -5px;
    padding-right: 0;
}
*/
.press-inner {
    background-color: #F59B28;
    position: relative;
    min-height: 160px;
    margin-bottom: 20px;
}

.press-inner .c2 {
    height: 160px;
    background-size: cover;
    background-position: center;
}

.press-inner .c9 {
    padding: 20px 0 0 20px;
}

.press-inner p {
    color: #ffeb33;
    font-size: 17px;
    font-weight: 300;
    line-height: 20px;
}

.press-inner h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
}

.press-btns {
    padding: 0;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #FFF;
    right: -2px;
}

.press-btns a {
    color: #fff;
}


.press-btns .c12 {
    padding: 19px 0;
    border-bottom: 1px solid #fff;
}

.press-btns .c6 {
    padding: 0;
    height: 47px;
}

.press-btns .c6:first-child {
    border-right: 1px solid #fff;
}

.press-btns .c6 img {
    width: 100%;
}

.karta-h {
    font-size: 60px;
    font-family: 'Open sans'; font-weight: 300;
    color: #515151;
    text-align: center;
    margin-top: 70px;
}

.karta-p {
    font-size: 20px;
    font-family: 'Open sans'; font-weight: 300;
    color: #515151;
    text-align: center;
}

.container.stylemap {
    background-image: url(/wp-content/themes/dev/images/2019/POAF_19_Mapa_background.jpg);
    background-size: cover;
    padding: 255px 0 0 0;
    height: 1118px;
}

.legend {
    background-color: rgba(111, 116, 127, 0.05);
    color: #6F747F;
    padding-left: 0;
    padding-right: 0;
}

.legend .info-inner .kategorija {
    font-size: 14px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.legend .info-inner .event {
    font-size: 16px;
    font-family: 'Open sans'; font-weight: 700;
    margin-bottom: 5px;
}

.legend .info-inner .opis {
    font-size: 12px;
    font-family: 'Open sans'; font-weight: 400;
    margin-bottom: 15px;
    text-indent: 20px;
}

.legend .info-inner .event, .legend .info-inner .opis {
    margin-left: 30px;
}

.legend .cinema .kategorija {
    background-color: #4FA62F;
}

.legend .music .kategorija {
    background-color: #F59B28;
}

.legend .performance .kategorija {
    background-color: #00B5EB;
}

.legend .special .kategorija {
    background-color: #E7151F;
}

.legend .cinema .event:before {
    content: url(/wp-content/themes/dev/images/dot-green.png);
    margin-right: 10px;
}

.legend .music .event:before {
    content: url(/wp-content/themes/dev/images/dot-orange.png);
    margin-right: 10px;
}

.legend .performance .event:before {
    content: url(/wp-content/themes/dev/images/dot-blue.png);
    margin-right: 10px;
}

.legend .special .event:before {
    content: url(/wp-content/themes/dev/images/dot-red.png);
    margin-right: 10px;
}

.smjestaj h3 {
    font-size: 60px;
    font-family: 'Open sans'; font-weight: 300;
    color: #515151;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 50px;
}

.smjestaj .grid .c4 .top {
    height: 175px;
    position: relative;
}

.smjestaj .grid .c4 .top a {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: fit-content;
    color: #515151;
    background-color: #fff;
    padding: 10px 15px;
}

.smjestaj .grid .c4 .bottom {
    padding: 10px 15px;
}

.smjestaj .grid .c4 .bottom h4 {
    font-size: 20px;
    margin-bottom: 5px;
    color: #515151;
}

.smjestaj .grid .c4 .bottom p {
    font-size: 15px;
    color: #515151;
}

.instagram {
    text-align: center;
}

.instagram .grid img {
    margin-top: 70px;
    margin-bottom: 30px;
    width: initial;
}

.instagram .grid h4 {
    font-size: 60px;
    margin-bottom: 20px;
    color: #515151;
    font-family: 'Open sans'; font-weight: 300;
}

.instagram .grid p {
    font-size: 20px;
    margin-bottom: 40px;
    color: #515151;
    font-family: 'Open sans'; font-weight: 300;
}

.instagram img {
    margin-bottom: -1px;
    width: 234px;
}

.sponzori {
    text-align: center;
    margin-top: 190px;
    margin-bottom: 100px;
}

.sponzori .grid div {
    border-top: 1px solid #B4B4B9;
    padding: 10px 0 35px;
}

.sponzori .grid div p {
    color: #B4B4B9;
    font-family: 'Open sans'; font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
}

.sponzori .grid div img {
    margin-left: 18px;
    margin-right: 18px;
}

.sponzori-kontakt {
    height: 120px;
    background-color: rgba(3, 136, 184, 0.1);
    padding-top: 25px;
}

.sponzori-kontakt p {
    font-size: 20px;
    color: #6F747F;
    font-weight: 300;
}

.sponzori-kontakt a {
    font-size: 30px;
    color: #00B5EB;
    font-weight: 300;
}

main {
    padding-bottom: 60px;
}

footer {
    height: 100px;
    background: #9e1109; /* Old browsers */
    background: -moz-linear-gradient(top, #9e1109 0%, #ee4036 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9e1109 0%,#ee4036 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9e1109 0%,#ee4036 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1109', endColorstr='#ee4036',GradientType=0 ); /* IE6-9 */
}

footer .c6.text-left {
    margin-top: 15px;
}

footer .c6.text-left img {
    height: 47px;
}


footer .c6.text-left p {
    font-size: 12px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 400;
    margin-top: 10px;
    margin-left: 10px;
}

footer .c6.text-right {
    margin-top: 15px;
}

footer .c6.text-right a.nl-prijava {
    font-size: 14px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 700;
}

footer .c6.text-right img {
    margin-left: 10px;
}

footer .c6.text-right a {
    font-size: 12px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 400;
    margin-top: 10px;
}

footer .c6.text-right span {
    font-size: 12px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 400;
    margin-left: 8px;
    margin-right: 5px;
}

footer .c6.text-right .top a, footer .c6.text-right .top img {
    display: block;
    float: right;
}

footer .c6.text-right .bottom {
    margin-top: 20px;
}

.zaglavlje {
    height: 500px;
    background-size: cover;
    background-position: center;
}

.zaglavlje .naslov {
    height: 382px;
    background-color: rgba(245, 155, 40, 0.6);
}

.zaglavlje .naslov h1 {
    font-size: 90px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding-top: 170px;
    padding-left: 15px;
}

.zaglavlje .naslov h2 {
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding-top: 45px;
    padding-left: 15px;
    line-height: 60px;
}

.term-special-events-de .zaglavlje .naslov h1 {
	top: -70px;
	left: -15px;
}

.single-post .zaglavlje .naslov h1 {
    font-size: 42px;
}

.single-post .content p {
    margin-top: 30px;
}

.content .istaknuto {
    font-size: 30px;
    font-weight: 300;
    color: #00B5EB;
    margin-top: 75px;
    margin-bottom: 80px;
}

.content {
    font-size: 20px;
    color: #6F747F;
    padding-bottom: 80px;
}

iframe {
	margin-top: 30px;
}

.naslov-kategorije {
    height: 120px;
}

.naslov-kategorije.cat {
    background-color: #4FA62F;
}

.naslov-kategorije.sp {
    background-color: #00B5EB;
}

.naslov-kategorije.sm {
    background-color: #F59B28;
}

.naslov-kategorije.se {
    background-color: #EC3F35;
}

.naslov-kategorije h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 800;
    padding: 33px 43px;
    text-align: left;
    text-transform: uppercase;
}

.zaglavlje-kategorije {
    height: 382px;
    /*margin-top: 20px;*/
}

.term-special

.zaglavlje-kategorije .naslov {
    height: 382px;
    position: relative;
}

.zaglavlje-kategorije .naslov h1 {
    font-size: 60px;
    line-height: 70px;
    width: 90%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding-left: 30px;
    bottom: 145px;
    position: absolute;
}

.zaglavlje-kategorije .naslov .info {
    font-size: 40px;
    color: #fff;
    font-weight: 300;
    padding-left: 30px;
    margin-top: 260px;
    margin-bottom: 5px;
    line-height: 40px;
}

.zaglavlje-kategorije .naslov .lokacija {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    padding-left: 30px;
}

.content-kategorije {
    padding-bottom: 60px;
}

.content-kategorije .istaknuto {
    margin-bottom: 30px;
}

.smallprint {
    font-size: 14px;
}

.besplatno-cat {
    font-size: 20px;
    color: #6F747F;
    font-weight: 400;
    margin-top: 30px;
}

.besplatno-sp {
    font-size: 20px;
    color: #6F747F;
    font-weight: 400;
    /*margin-bottom: 130px;*/
}

.besplatno-sm {
    font-size: 20px;
    color: #F59B28;
    font-weight: 400;
    margin-bottom: 130px;
}

.specialevents {
    margin-top: 35px;
}

.specialevents-in div {
    padding-left: 5px;
    padding-right: 0;
}

.specialevents-inner .top {
    height: 260px;
    background-size: cover;
    background-position: center;
    padding-left: 0;
    position: relative;
}

.specialevents-inner .top .datum {
    width: 100%;
    display: block;
    background-color: rgba(236, 63, 53, 0.6);
    color: #fff;
    padding: 15px;
    font-family: 'Open sans'; font-weight: 400;
    position: absolute;
    bottom: 0;
}

.specialevents-inner .bottom {
    padding-left: 0;
    height: 115px;
    background-color: #EC3F35;
    margin-bottom: 5px;
}

.specialevents-inner .bottom h4 {
    padding: 15px 15px 0 15px;
    line-height: 28px;
    color: #fff;
    font-size: 24px;
    font-family: 'Open sans'; font-weight: 400; 
}

.special-event-banner {
    height: 500px;
    background-image: url(/wp-content/themes/dev/images/banner.jpg);
    background-size: cover;
    background-position: center;
}

.special-event-banner .danas {
    background-color: rgba(236, 63, 53, 0.6);
    color: #fff;
    padding-top: 25px;
    padding-left: 30px;
    height: 500px;
}

.special-event-banner .danas .vrijeme, .special-event-banner .danas .lokacija {
    font-size: 40px;
    font-weight: 300;
}

.special-event-banner .danas h1 {
    font-size: 50px;
    font-weight: 300;
    line-height: 65px;
    text-transform: uppercase;
    bottom: 70px;
    position: absolute;
}

.special-event-banner .danas .info {
    font-size: 30px;
    font-weight: 300;
    padding-left: 5px;
    position: absolute;
    bottom: 32px;
    text-transform: capitalize;
}

.special-ostalo {
    font-size: 20px;
    font-weight: 300;
    color: #515151;
}

.plov {
    margin-bottom: 30px;
}

.plovidbeni {
    display: none;
}

.plovidbeni-red {
    background-color: rgba(3, 136, 184, 0.05);
    padding: 13px 0;
    margin-bottom: 50px;
}

.polazak .smjer {
    height: 60px;
    background-color: #00B5EB;
    line-height: 60px;
    color: #fff;
    padding-left: 20px;
    font-size: 20px;
}

.smjer-arrow {
    margin-left: 20px;
    margin-right: 40px;
    vertical-align: middle;
}

.polazak .c2 {
    padding-left: 0;
    margin-top: 10px;
}

.polazak .c2:last-child {
    padding-right: 0;
}

.polazak .c12 {
    text-align: center;
    background-color: rgba(0, 181, 235, 0.1);
    color: #6F747F;
    font-size: 20px;
    padding-top: 5px;
}

.polazak .c12:first-child {
    padding-top: 15px;
}

.polazak .c12:last-child {
    padding-bottom: 15px;
}

.dolazak .smjer {
    height: 60px;
    background-color: #F59B28;
    line-height: 60px;
    color: #fff;
    padding-left: 20px;
    font-size: 20px;
}

.dolazak .c2 {
    padding-left: 0;
    margin-top: 10px;
}

.dolazak .c2:last-child {
    padding-right: 0;
}

.dolazak .c12 {
    text-align: center;
    background-color: rgba(245, 155, 40, 0.1);
    color: #6F747F;
    font-size: 20px;
    padding-top: 5px;
}

.dolazak .c12:first-child {
    padding-top: 15px;
}

.dolazak .c12:last-child {
    padding-bottom: 15px;
}

.plovidbeni-info h3 {
    font-size: 40px;
    color: #00B5EB;
    font-weight: 300;
}

.plovidbeni-info p {
    font-size: 20px;
    color: #6F747F;
    margin-top: 20px;
    margin-bottom: 30px;
}

.zaglavlje-registracije {
    height: 250px;
}

.zaglavlje-registracije .naslov {
    height: 355px;
    position: relative;
}

.zaglavlje-registracije .naslov h1 {
    font-size: 100px;
    line-height: 100px;
    width: 90%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    padding-left: 30px;
    padding-top: 0;
    bottom: 125px;
    position: absolute;
}

.zaglavlje-registracije .naslov .info {
    font-size: 60px;
    color: #fff;
    font-weight: 300;
    padding-left: 30px;
    margin-top: 260px;
    margin-bottom: 5px;
}

.zaglavlje-registracije .naslov .lokacija {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    padding-left: 30px;
}

.registracija p {
    font-size: 36px;
    font-weight: 300;
    color: #00B5EB;
    line-height: 40px;
    margin-top: 45px;
    margin-bottom: 30px;
}

#reservations {
    padding-bottom: 40px;
}

.step1 {
    display: inline-block;
}

.step2, .step3 {
    display: none;
    clear: both;
}

#reservations .step1 h3 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #00B5EB;
}

#reservations .step1 p {
    font-size: 24px;
    font-weight: 400;
    color: #6F747F;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(96, 209, 242, 0.5);
    margin-bottom: 45px;
}

#reservations .step2 h3 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #00B5EB;
    margin-top: 35px;
}

#reservations .step2 p {
    font-size: 24px;
    font-weight: 400;
    color: #6F747F;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(96, 209, 242, 0.5);
    margin-bottom: 45px;
}

#reservations .step3 h3 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #00B5EB;
    margin-top: 35px;
}

#reservations .step3 p {
    font-size: 24px;
    font-weight: 400;
    color: #6F747F;
    margin-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(96, 209, 242, 0.5);
    margin-bottom: 10px;
}

.citizen-button {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 400px;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    margin-right: 30px;
    background: #0db8ec; /* Old browsers */
    background: -moz-linear-gradient(top, #0db8ec 0%, #0091be 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0db8ec 0%,#0091be 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0db8ec 0%,#0091be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0db8ec', endColorstr='#0091be',GradientType=0 );
}

.other-button {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 400px;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #4fa62f; /* Old browsers */
    background: -moz-linear-gradient(top, #4fa62f 0%, #2b8509 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4fa62f 0%,#2b8509 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4fa62f 0%,#2b8509 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa62f', endColorstr='#2b8509',GradientType=0 );
}

.button:hover {
    cursor: pointer;
}

.disabled {
    opacity: 0.3;
}

.date {
    padding: 5px;
    margin: 1px;
    cursor: pointer;
    padding: 0;
    background-color: #049DCC;
    color: #fff;
    font-size: 26px;
    text-align: center;
    padding-top: 5px;
}

.active-date, .active-date .mjesta {
    background: #99ff99 !important;
}

.mjesta {
    background-color: #00799E;
    color: #00C3FF;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
}

.podaci {
    padding-left: 0;
}

.podaci .c6 {
    padding-left: 0;
}

.podaci .c6.picker input {
    border: 1px solid #0DB8EC;
    color: #05A1D1;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Open sans';
    padding: 13px 10px;
    background-color: rgba(13, 184, 236, 0.15);
    width: 90%;
}

.podaci .c6.picker input::placeholder {
    color: #05A1D1;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Open sans';
}

.podaci .c6 input {
    border: 1px solid #0DB8EC;
    color: #05A1D1;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Open sans';
    padding: 18px 10px;
    background-color: rgba(13, 184, 236, 0.15);
    width: 90%;
}

.podaci .c6 input::placeholder {
    color: #05A1D1;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Open sans';
}

#reservations .step3 .podaci p {
    font-size: 20px;
    padding-left: 0;
    border-bottom: none;
    margin-bottom: 0;
    margin-top: 13px;
}

.wpcf7-form-control-wrap.tel {
    margin-top: 10px;
    display: block;
}

#reservations .submit {
    margin-top: 40px;
    margin-bottom: 30px;
}

#reservations .wpcf7-form input[type=submit] {
    color: #fff;
    text-transform: uppercase;
    padding: 10px 100px;
    font-size: 26px;
    font-family: 'Open sans';
    border: none;
    border-radius: 30px;
    background: #0db8ec; /* Old browsers */
    background: -moz-linear-gradient(top, #0db8ec 0%, #0091be 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0db8ec 0%,#0091be 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0db8ec 0%,#0091be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0db8ec', endColorstr='#0091be',GradientType=0 );
}

#reservations .wpcf7-form input:hover {
    cursor: pointer;
}

.rezervacije-napomena {
    background-color: rgba(0, 181, 235, 0.1);
    padding: 20px 0;
    font-size: 16px;
    color: #6F747F;
    margin-top: 60px;
    margin-bottom: 60px;
}

.rezervacije-napomena span {
    font-size: 20px;
    font-weight: 300;
    color: #00B5EB;
    margin-top: 30px;
    text-transform: uppercase;
    display: block;
}

.other-colors .date {
    background-color: #4EA52E;
    color: #fff;
}

.other-colors .mjesta {
    background-color: #2F890D;
    color: #5FD135;
}

.other-colors .podaci .c6.picker input {
    border: 1px solid #4EA52E;
    color: #2F890D;
    background-color: rgba(73, 160, 41, 0.1);
}

.other-colors .podaci .c6.picker input::placeholder {
    color: #2F890D;
}

.other-colors .podaci .c6 input {
    border: 1px solid #4EA52E;
    color: #2F890D;
    background-color: rgba(73, 160, 41, 0.1);
}

.other-colors .podaci .c6 input::placeholder {
    color: #2F890D;
}

.other-colors .wpcf7-form input[type=submit] {
    background: #4ea52e; /* Old browsers */
    background: -moz-linear-gradient(top, #4ea52e 0%, #2b8509 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4ea52e 0%,#2b8509 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4ea52e 0%,#2b8509 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea52e', endColorstr='#2b8509',GradientType=0 );
}

.rezervacije-napomena.other-colors {
    background-color: rgba(73, 160, 41, 0.1);
}

.zaglavlje .naslov h1 {
    font-size: 60px;
    padding-top: 100px;
}

.press h1, .ofestivalu h1 {
    font-size: 60px;
    padding: 0;
    text-transform: uppercase;
    color: #F59B28;
}

.press h2.podnaslov, .ofestivalu h2.podnaslov {
    font-size: 32px;
    text-transform: uppercase;
    padding: 0 0 30px;
    color: #F59B28;
}

.ofestivalu h1, .ofestivalu h2.podnaslov {
    color: #CE2D24;
    padding: 0;
}

.carousel-h {
    margin-bottom: 30px;
}

.carousel-h p {
    color: #F59B28;
    font-size: 30px;
    font-weight: 300;
}

.carousel-gal {
    text-align: center;
}

.carousel-gal img {
    width: 12%;
}

.unselected, .date-filled {
    opacity: 0.4;
}

.date-filled {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.date-filled .mjesta {
    background-color: #EC3F35;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 15.6px 0;
    -webkit-filter: inherit; /* Safari 6.0 - 9.0 */
    filter: inherit;
}

.search-form {
    position: relative;
}

.search-form input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
.search-form input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
.search-form input[type="search"]::-webkit-search-decoration,
.search-form input[type="search"]::-webkit-search-cancel-button,
.search-form input[type="search"]::-webkit-search-results-button,
.search-form input[type="search"]::-webkit-search-results-decoration { display: none; }

.search-form input {
    border: 0;
    width: 65%;
    margin-bottom: 10px;
    padding: 10px 10px;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Open sans';
    font-weight: 300;
}

.search-form input::placeholder {
    color: #fff;
}

.search-form button {
    border: 0;
    background-color: transparent;
    margin-left: -50px;
    position: absolute;
    top: 10px;
}

.search-form button:hover {
    cursor: pointer;
}

span.wpcf7-not-valid-tip {
    margin-top: -25px;
    font-size: 9px;
    padding-bottom: 11px;
    margin-left: 13px;
}

div.wpcf7-response-output {
    width: 187px;
    position: absolute;
    right: 61px;
    border: 1px solid #f59b28 !important;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    padding: 8px;
}

#reservations .wpcf7-response-output {
    color: initial;
    width: initial;
    left: 0;
    right: 0;
}

.content.hvala {
    color: #00B5EB;
    font-size: 26px;
    font-weight: 300;
    margin-top: 40px;
}

.hvala-dodatno {
    font-size: 36px;
    font-weight: 300;
    color: #6F747F;
    padding-top: 65px;
}

.hvala-dodatno p {
    margin-bottom: 40px;
}

.hvala-odabir {
    font-size: 46px;
    color: #fff;
    font-family: 'Open sans';
    font-weight: 300;
    padding: 30px;
    width: 82%;
    display: block;
    margin-bottom: 20px;
    height: 125px;
}

.hvala-povratak {
    margin-top: 130px;
}

.hvala-povratak a {
    color: #fff;
    text-transform: uppercase;
    padding: 10px 100px;
    font-size: 26px;
    font-family: 'Open sans';
    border: none;
    border-radius: 30px;
    background: #0db8ec; /* Old browsers */
    background: -moz-linear-gradient(top, #0db8ec 0%, #0091be 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0db8ec 0%,#0091be 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0db8ec 0%,#0091be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0db8ec', endColorstr='#0091be',GradientType=0 );
}

.kontakt-page {
    margin-bottom: 80px;
    position: relative;
}

.kontakt-page form h5 {
    font-size: 20px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    margin-bottom: 6px;
}

.kontakt-page form p {
    font-size: 14px;
    color: #fff;
    font-family: 'Open sans'; font-weight: 300;
    line-height: 18px;
    margin-bottom: 15px;
}

.kontakt-page form div {
    padding-left: 0;
}

.kontakt-page form div input  {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 10px;
    font-size: 16px;
    color: #707070;
    font-family: 'Open sans'; font-weight: 300;
}

.kontakt-page form input[type="checkbox"] {
    width: initial;
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

.kontakt-page .wpcf7-form-control-wrap.poruka textarea {
    width: 100% !important;
    height: 200px !important;
    margin-bottom: 10px;
    padding: 10px 10px;
    font-size: 16px;
    color: #707070;
    font-family: 'Open sans'; font-weight: 300;
}

.kontakt-page form div input::placeholder, .forma div textarea::placeholder {
    font-size: 16px;
    color: #707070;
    font-family: 'Open sans'; font-weight: 300;
}

.kontakt-page form .c4 input[type=submit] {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Open sans';
    border: none;
    border-radius: 30px;
    background: #0db8ec; /* Old browsers */
    background: -moz-linear-gradient(top, #0db8ec 0%, #0091be 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0db8ec 0%,#0091be 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0db8ec 0%,#0091be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0db8ec', endColorstr='#0091be',GradientType=0 );
}

.kontakt-page form .c4 input[type=submit]:hover {
    cursor: pointer;
}

.kontakt-page form .c4 input[type=checkbox] {
    background-color: inherit;
    width: fit-content;
    margin-left: 0px;
    margin-right: 10px;
    border-radius: 0px;
    float: left;
}

.kontakt-page form .c12 {
    margin-bottom: -7px;
}

.kontakt-page form .c12 span {
    font-size: 14px;
    color: #707070;
    font-family: 'Open sans'; font-weight: 300;
    float: left;
    margin-left: 0;
}

.kontakt-page .kontakt-submit {
    position: absolute;
    left: 0;
    bottom: -30px;
}

.kontakt-page .wpcf7-response-output {
    width: 40%;
    position: absolute;
    bottom: -60px;
    left: 0;
    text-align: center;
    margin-left: 0;
    border: 1px solid #ed3f35 !important;
    color: #ed3f35;
}

.page p {
    margin-bottom: 15px;
}

.page ul, .page ol {
    margin: 30px 0;
    margin-left: 45px;
}

.mobile-menu {
    display: none;
}

.mobile-menu-btn {
    background: #9e1109; /* Old browsers */
    background: -moz-linear-gradient(top, #9e1109 0%, #ee4036 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #9e1109 0%,#ee4036 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #9e1109 0%,#ee4036 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e1109', endColorstr='#ee4036',GradientType=0 ); /* IE6-9 */
    padding: 15px 0 10px;
    text-align: center;
}

.mobile-menu-ul {
    text-align: center;
    background-color: #fbb2b3;
    padding-top: 10px;
    padding-bottom: 20px;
    display: none;
}

.mobile-menu-ul ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mobile-menu-ul ul li {
    margin-bottom: 10px;
}

.mobile-menu-ul ul li a {
    color: #e60005;
    font-size: 18px;
}

a.eventbox-link {
    display: block;
    width: 10px;
    margin: 5px 10px 20px;
    float: right;
}

a.eventbox-link span {
    position: absolute;
    margin-top: 9px;
    right: 45px;
}

.map .inner .lungomare {
    position: absolute;
    left: 59%;
    top: 17%;
    width: 13%;
}

.map .inner .lapidarium {
    position: absolute;
    top: 19%;
    right: 37%;
    width: 15%;
}

.map .inner .polesini {
    position: absolute;
    left: 17.7%;
    top: 15.6%;
    width: 20%;
}

.map .inner .resort {
    position: absolute;
    left: 10.5%;
    top: 34.5%;
    width: 20%;
}

.map .inner .castle {
    position: absolute;
    bottom: 13.5%;
    left: 20%;
    width: 27.9%;
}

.map .inner .riva {
    position: absolute;
    right: 35%;
    bottom: 38.7%;
    width: 23%;
}

.map .inner .vijecnica {
    position: absolute;
    right: 23.5%;
    top: 54%;
    width: 16.3%;
}

.map-head1 {
    background-color: #02a0f5;
    padding: 3px 0 3px 35px;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
}

.map-head2 {
    background-color: #95d229;
    padding: 3px 0 3px 35px;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
}

.map-head3 {
    background-color: #e6e731;
    padding: 3px 0 3px 35px;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
}

.map-head4 {
    background-color: #e60c14;
    padding: 3px 0 3px 35px;
    font-size: 14px;
    color: #fff;
    font-weight: 800;
}

.map-links .c6 p, .map-links .c6 a {
    margin-bottom: 15px;
}

.map-links .c6 a h2 {
    font-weight: 600;
    font-size: 15px;
    border-top: 1px solid #b1b1b1;
    padding-top: 3px;
    margin-bottom: 2px;
    float: left;
    width: 89%;
}

.map-links .c6 a p {
    color: #717171;
    font-weight: 500;
    font-size: 14px;
    float: left;
    margin-left: 35px;
}

.map-links a img {
    float: left;
    margin-right: 10px;
}

.street-map h2 {
    color: #02a0f5;
}

.cinema-map h2 {
    color: #95d229;
}

.music-map h2 {
    color: #e6e731;
}

.special-map h2 {
    color: #e60c14;
}

.karta {
    position: relative;
}

h2.city-map {
    font-size: 90px;
    color: #e60c14;
    position: absolute;
    top: 75%;
    left: 6%;
    z-index: 10;
}

.map {
    position: relative;
    width: 100%;
    padding-top: 100%;
    margin-bottom: -30%;
}

.map .outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.map .outer .inner {
    width: 100%;
    height: 93%;
    background-image: url(/wp-content/themes/dev/images/2019/POAF_19_Mapa_inner.jpg);
    background-size: cover;
}

.left-map-inner {
    padding: 0 35px 0 135px;
}

.mapa-opis-mobile.c6 {
    padding-left: 90px;
    padding-top: 45px;
    padding-right: 145px;
}

p.ostali-sponzori a {
    color: #B4B4B9;
    font-family: 'Open sans';
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 14px;
}

p.ostali-sponzori img {
    height: 23px;
    margin-left: 20px;
    vertical-align: bottom;
}

.slide {
    background-position: center !important;
}

.izdvajamo-inner .bottom p, .instamore {
    color: #fff;
    padding-left: 15px;
    font-weight: 300;
    font-size: 15px;
}

.instamore {
	margin-top: 15px;
}

.rezervacije-napomena p {
    text-transform: uppercase;
}

.term-street-performance .c12.h, .term-street-performance-en .c12.h, .term-street-performance-de .c12.h, .term-street-performance-it .c12.h {
    padding: 10px;
    background-color: #3abde9;
    color: #fff;
    text-transform: uppercase;
}

.term-street-performance .c12.h-inner, .term-street-performance-en .c12.h-inner, .term-street-performance-de .c12.h-inner, .term-street-performance-it .c12.h-inner {
    padding: 10px;
    background-color: #3abde9;
    color: #fff;
    margin-top: 2px;
    margin-bottom: 2px;
}
        
.term-street-performance .c12.plovidbeni, .term-street-performance-en .c12.plovidbeni, .term-street-performance-de .c12.plovidbeni, .term-street-performance-it .c12.plovidbeni {
    margin-bottom: 80px;
}

.term-street-performance .plovidbeni .c6 .c4, .term-street-performance-en .plovidbeni .c6 .c4, .term-street-performance-de .plovidbeni .c6 .c4, .term-street-performance-it .plovidbeni .c6 .c4 {
    padding-left: 20px;
    background-color: #ebf8fd;
}

.term-street-performance .plovidbeni .c6, .term-street-performance-en .plovidbeni .c6, .term-street-performance-de .plovidbeni .c6, .term-street-performance-it .plovidbeni .c6 {
    padding-bottom: 15px;
    background-color: #ebf8fd;
}

.term-street-performance .plovidbeni .c6 .h-inner, .term-street-performance-en .plovidbeni .c6 .h-inner, .term-street-performance-de .plovidbeni .c6 .h-inner, .term-street-performance-it .plovidbeni .c6 .h-inner {
    width: 99.6%;
    margin-bottom: 10px;
}

.term-cinema-and-theatre .c12.h, .term-cinema-and-theatre-en .c12.h, .term-cinema-and-theatre-it .c12.h, .term-cinema-and-theatre-de .c12.h {
    padding: 10px;
    background-color: #95d229;
    color: #fff;
    text-transform: uppercase;
}

.term-cinema-and-theatre .c12.h-inner, .term-cinema-and-theatre-en .c12.h-inner, .term-cinema-and-theatre-de .c12.h-inner, .term-cinema-and-theatre-it .c12.h-inner {
    padding: 10px;
    background-color: #95d229;
    color: #fff;
    margin-top: 2px;
    margin-bottom: 2px;
}
        
.term-cinema-and-theatre .plovidbeni .c6 .c4, .term-cinema-and-theatre-en .plovidbeni .c6 .c4, .term-cinema-and-theatre-de .plovidbeni .c6 .c4, .term-cinema-and-theatre-it .plovidbeni .c6 .c4 {
    padding-left: 20px;
}

.term-cinema-and-theatre .plovidbeni .c6, .term-cinema-and-theatre-en .plovidbeni .c6, .term-cinema-and-theatre-de .plovidbeni .c6, .term-cinema-and-theatre-it .plovidbeni .c6 {
    padding-bottom: 15px;
    background-color: #96d20a4d;
}

.term-cinema-and-theatre .plovidbeni .c6 .h-inner, .term-cinema-and-theatre-en .plovidbeni .c6 .h-inner, .term-cinema-and-theatre-de .plovidbeni .c6 .h-inner, .term-cinema-and-theatre-it .plovidbeni .c6 .h-inner {
    width: 99.6%;
    margin-bottom: 10px;
}



.cancelled {
    width: 100%;
    height: 126px;
    position: relative;
    top: 0px;
    left: 0;
    z-index: 1000;
    background: #000000b3;
    margin-bottom: -126px;
    text-align: center;
    padding: 30px 15px 15px;
    font-size: 18px;
    color: #e0e0e0b3;
}

.cancelled p:first-child {
    font-size: 18px;
    font-weight: bold;
    
}

.cancelled p:last-child {
    font-size: 14px;
    font-weight: normal;
}


.grecaptcha-logo iframe {
    margin-top: 0;
}

main .grid img {
    max-width: 100%;
}














@media (min-width: 2000px) {
    
.container.stylemap {
    height: 2000px;
    background-image: none;
}    

    }


@media only screen and (min-width:1366px){
    .special-event-banner {
        background-size: auto;
    }
}


@media only screen and (max-width:1026px) {
    .program-dan {
        margin-right: 0;
        border-right: 1px solid #fff;
    }

    .program .grid .c6 {
        font-size: 45px;
        margin-bottom: 77px;
    }

    .program .grid .c6 span {
        font-size: 45px;
    }

    .kategorije .top h3 {
        font-size: 22px;
    }

    .forma .c4 input[type=submit] {
        margin-left: 65px;
    }
}

/* Media query for iPad and tablets */
@media handheld, only screen and (max-width: 830px), only screen and (max-device-width: 830px) and (orientation:portrait){

.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12,.c1-5,.c1-7,.c1-8 {width:100%;margin-right:0;margin-left:0;margin-bottom:20px; padding:0 20px;}

.grid.c1, .grid.c2, .grid.c3, .grid.c4, .grid.c5, .grid.c6, .grid.c7, .grid.c8, .grid.c9, .grid.c10, .grid.c11, .grid.c12, .grid.c1-5, .grid.c1-8 {padding:0px;}
.c1.first,.c2.first,.c3.first,.c4.first,.c5.first,.c6.first,.c7.first,.c8.first,.c9.first,.c10.first,.c11.first,.c1-5.first,.c1-8.first {padding-left: 30px; position:relative;}
.c1.last,.c2.last,.c3.last,.c4.last,.c5.last,.c6.last,.c7.last,.c8.last,.c9.last,.c10.last,.c11.last,.c1-5.last,.c1-7.last,.c1-8.last {padding-right: 30px; position:relative; margin-bottom:0px;}

.grid {padding: 0 15px;}
.desktop {display:none}
.mobile {display:block}

img {
    max-width: 100%;
}

html, body {
    overflow-x: hidden;
}

.logo {
    padding: 10px 0 0 0;
    margin-bottom: -6px;
}

.meni {
    display: none;
}

.banner {
    height: 150px;
}

.banner-program {
    min-height: 125px;
}

.homeslider .slide {
    background-size: cover !important;
    height: 140px !important;
    background-position: center !important;
}

.banner .bx-viewport {
    overflow: initial !important;
    height: 140px !important;
}

.banner .grid {
    top: initial !important;
}

.banner .danas {
    margin-top: 15px;
    position: relative !important;
}

.banner .danas h3 {
    font-size: 50px;
    float: inherit;
    width: inherit;
    text-align: center;
}

.banner .danas h4 {
    font-size: 20px;
    float: inherit;
    width: inherit;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 15px;
}

.banner-program .info {
    font-size: 16px;
}

.banner-program .naziv {
    font-size: 26px;
}

.prethodni-link, .sljedeci-link {
    font-size: 15px;
}

.oac-bar, .other-bar {
    display: none;
}


.program .grid .c6 span {
    font-size: 35px;
    text-align: center;
    display: block;
}

.karta h3 {
    font-size: 50px;
}

.izdvajamo-in div {
    padding-left: 0;
    margin-bottom: 0;
}

.najnovije div, .arhiva div, .najcitanije div {
    padding-left: 0;
}

.kategorije {
    padding: 0;
}

.naslov-kategorije h2 {
    font-size: 34px;
    padding: 15px 10px;
}

.zaglavlje {
    height: 355px;
}

.page .zaglavlje, .page .zaglavlje .naslov {
    height: 160px;
}

.page .zaglavlje .naslov h1 {
    padding-top: 15px;
}

.page .zaglavlje .naslov h2 {
    font-size: 24px;
    line-height: 30px;
    padding-top: 5px;
}

.zaglavlje .naslov {
    height: 355px;
}

.zaglavlje .naslov h1 {
    font-size: 45px;
    padding-top: 70px;
}

.zaglavlje .naslov h2 {
    font-size: 30px;
    line-height: 40px;
}

.zaglavlje-kategorije .naslov h1 {
    font-size: 50px;
    padding-top: 10px;
    top: 20px;
    padding-left: 10px;
    line-height: 50px;
}

.carousel-h p {
    text-align: center;
}

.carousel-gal img {
    margin: auto;
    display: block;
    margin-bottom: 15px;
    width: 48%;
    height: auto;
    float: left;
    margin: 1%;
    height: auto;
}

.novosti-page h3 {
    width: initial;
    float: inherit;
    text-align: center;
}

.novosti-page .novosti-linkovi {
    width: initial;
    float: inherit;
    text-align: center;
    padding-top: 0;
}

.najnovije-inner, .najcitanije-inner, .arhiva-inner {
    margin-bottom: 5px;
}

.press .c1-5 {
    width: 100%;
}

.press-inner .c2 {
    margin-bottom: 0;
}

.press div {
    padding-left: 0;
    margin-left: 0;
    background-color: #f59b28;
}

.press-inner .c9 {
    background-color: #f59b28;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.press-btns .c6 {
    margin-bottom: 0;
}

.press-btns .c6 img {
    width: 45px;
}

.press-btns .c12 {
    border-bottom: none;
    padding: 0;
}

.press-btns .c6:first-child {
    border-right: none;
}

.content .istaknuto {
    margin-top: 0px;
}

.specialevents-in div {
    padding-left: 0;
}

.zaglavlje-kategorije .naslov .info {
    font-size: 25px;
    padding-left: 0;
    margin-top: 170px;
}

.zaglavlje-kategorije .naslov .lokacija {
    font-size: 18px;
    padding-left: 10px;
}

.program.slider .grid {
    padding: 0;
}

.program-dan {
    padding: 0;
}

footer {
    height: inherit;
}

footer .c6.text-left {
    text-align: center;
}

footer .c6.text-right {
    text-align: center;
}

.instagram .grid h4 {
    font-size: 24px;
}

.mobile-menu {
    display: block;
}

.map {
    margin-bottom: initial;
}

.kompas {
    display: none;
}

.city-map {
    display: none;
}

.map-links .c6 p, .map-links .c6 a {
    margin-bottom: 0;
}

.map-links .c6 p {
    margin-bottom: 5px;
}

.map-links .map-head1, .map-links .map-head2, .map-links .map-head3, .map-links .map-head4 {
    margin-top: 15px;
    font-size: 13px;
}

.map-links .c6 a p {
    font-size: 10px;
}

.map-links .c6 a h2 {
    font-size: 12px;
}

.mapa-opis-mobile.c5 {
    padding-left: 50px;
    margin-top: -100px;
}

.map-links .c6 {
    margin-bottom: 0;
}

.instagram .c2 {
    width: 50%;
}

.logo img {
    padding-top: 0px;
    padding-bottom: 10px;
}

main {
    padding-bottom: 0;
}

.program {
    padding-top: 0;
}

.program .grid .c6 {
    text-align: center;
    z-index: -10;
    margin-top: 25px;
    margin-bottom: 25px;
}

.program .grid .c6, .program .grid .c6 span {
    font-size: 24px !important;
    margin-left: 0;
}

.content {
    padding-bottom: 0;
}

.prethodni-link, .sljedeci-link {
    font-size: 15px;
    position: absolute;
    top: 60px;
    margin: -10px;
    margin-top: -10px;
    width: 60%;
}

.calnav {
    width: 100%;
    height: 110px;
}

.sljedeci-link {
    right: 10px;
}

.prethodni-link {
    left: 10px;
}

.sljedeci-link .bx-next:after, .prethodni-link .bx-prev:before {
    top: -23px;
}

.program-dan {
    min-height: 230px;
}

.zaglavlje .naslov h1 {
    font-size: 50px;
}

.eventbox {
    left: initial !important;
}

.hide_on_mobile {
    display: none;
}

.program-dan .event {
    margin-top: 0 !important;
    margin-bottom: 1px !important;
    height: 110px !important;
    display: none;
}

.program-dan .top .dan, .program-dan .top .datum {
    float: left;
}

.program-dan .top .datum {
    font-size: 16px;
    margin-left: 7px;
}

.program-dan .top {
    height: 42px;
    cursor: pointer;
    margin-bottom: 2px;
}

.program-dan .top:after {
    content: '▼';
    position: absolute;
    right: 15px;
    color: white;
    font-size: 10px;
    top: 13px;
}

.program-dan {
    min-height: initial !important;
    margin-bottom: 5px;
}

.program-dan .event .overlay {
    height: 110px;
}

.eventbox {
    width: 100% !important;
    bottom: 110px;
}

iframe {
    width: 100%;
    height: auto;
    min-height: 210px;
}

.karta h3, .smjestaj h3 {
    font-size: 30px;
}

.karta-h {
    margin-top: 0;
}

.karta-p {
    margin-bottom: 45px;
    font-size: 16px;
}

.map-links p {
    width: 100%;
}

.stylemap .c7 {
    padding: 0;
}

.container.stylemap {
    padding: 0;
    background-image: none;
    height: inherit;
}

.mapa-opis-mobile.c6 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
}

.map-links .c6 a h2 {
    float: inherit;
}

.c-h {
    width: 100%;
}

.ham-expanded, .rezervacije-expanded {
    top: 133px;
}

.rezervacije-expanded h2, .rezervacije-expanded p {
    font-size: 16px;
}

.rezervacije-expanded a {
    font-size: 30px;
}

.zaglavlje .naslov h1, .special-event-banner .danas h1 {
    font-size: 36px;
    line-height: 45px;
    padding-left: 0;
}

.zaglavlje-registracije .naslov .info {
    font-size: 36px;
    padding-left: 0;
    margin-top: 72px;
}

.zaglavlje-registracije .naslov .info h1 {
    font-size: 36px !important;
}

.page .zaglavlje .naslov h1 {
    top: 0px;
    padding-top: 25px;
}

.zaglavlje-kategorije .naslov .lokacija {
    padding-left: 0;
}

.button, input[type="submit"] {
    width: 100%;
}

#reservations .wpcf7-form input[type=submit] {
    padding: 10px 0;
}

.content .istaknuto {
    font-size: 24px;
}

.sponzori .grid div img {
    max-width: 230px;
}

.sponzori-kontakt {
    padding: 25px 0;
    height: auto;
}

.sponzori-kontakt a {
    font-size: 24px;
}

.press h1, .ofestivalu h1 {
    font-size: 45px;
}

.press h2.podnaslov, .ofestivalu h2.podnaslov {
    font-size: 24px;
}

.izdvajamo h3 {
    font-size: 36px;
    margin-top: 0;
}

.napomena {
    padding: 5px 0;
    font-size: 11px;
    line-height: 15px;
    margin-bottom: 0;
}

.kontakt-page .wpcf7-response-output {
    width: 100%;
    bottom: -90px;
}

.kontakt-page .kontakt-submit {
    position: relative;
}

.kategorije {
    padding: 0;
    margin-bottom: 0;
}

.kategorije .top h3 {
    font-size: 18px;
}

.kategorije .top {
    padding: 15px 0;
}

p, .besplatno-cat, .besplatno-sp, .archive .content {
    font-size: 16px;
}

.content .istaknuto {
    font-size: 20px;
    margin-bottom: 36px;
}

.term-special-events-de .zaglavlje .naslov h1 {
    top: initial;
    left: initial;
}

.registracija p {
    line-height: 30px;
    font-size: 24px;
    margin-top: initial;
}

.ham-expanded, .rezervacije-expanded {
    top: 133px !important;
}

#reservations .step1 p, #reservations .step2 p, #reservations .step3 p, #reservations .step3 .podaci p {
    font-size: 16px;
    line-height: 16px;
}

.rezervacije-napomena p {
    font-size: 14px;
}

.rezervacije-napomena span {
    font-size: 18px;
}

#reservations .date {
    padding: 0;
    margin-bottom: 0;
}

.podaci .c6 input {
    width: 100% !important;
}

.podaci .c6 input::placeholder {
    font-size: 16px !important;
    text-transform: uppercase;
    font-weight: 300;
}

.press-inner .c2 {
    width: 100% !important;
}

.press-btns {
    border: 0;
    background-color: #F68D00 !important;
    width: 100%;
    margin-left: -2px !important;
}

.press-inner h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    padding: 0 10px 0 0;
}

.press-btns a {
    color: #fff;
    float: right;
}

.press-btns a:first-child {
    padding-top: 10px;
    padding-left: 15px;
}

.press-inner .c9 {
    width: 100% !important;
    background-color: #F68D00 !important;
}

.press div {
    background: transparent;
}

}

@media handheld, only screen and (max-width: 460px), only screen and (max-device-width: 460px) and (orientation:portrait){

.novosti .novosti-linkovi a {
    font-size: 14px;
}