body {color: #000; font-size: 18px; line-height: 1.6em; font-family: "Roboto Condensed", sans-serif;}
p {color: #000; font-size: 18px; line-height: 1.6em;  margin: 0 0 1em 0; font-family: "Roboto Condensed", sans-serif;}

h1, h2, h3, h4, h5, h6 {
font-weight: 400;
letter-spacing: 0;
line-height:1.2em;
font-family: "Raleway", sans-serif;
}

.other-css figure.image {
  margin: 10px auto 20px auto !important;
  width: auto;
  max-width: 100%;
  height: auto;
}

.main.other-css .img-responsive {
  width: auto;
  max-width: 100%;
  height: auto;
}

#header {background: #1e2228 !important;}
#header.other-css .header-body {background: transparent;}
#header.other-css .header-body .container-xl {width:100%;}
#header.other-css .header-column .header-row {background: #1e2228 !important;}
#header.other-css .header-column {background: #1e2228 !important;}

#header.other-css .header-nav-features {padding-left: 0 !important; margin-left: 10px !important;}

#header.other-css .header-nav-top {max-height: 32px !important; font-size: 22px !important; font-weight:500 !important;}

#header.other-css .social-icons li a {color: #ffcb05 !important; background:transparent !important; box-shadow:none !important; font-size: 20px !important; margin-top: 5px !important;}
#header.other-css .social-icons li a:hover {color: #009edb !important; background:transparent !important;}
#header.other-css .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li {box-shadow: none !important;}

#header.other-css .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-show-icon {color: #fff !important;}
.search-block a:link, .search-block a:visited, .search-block a:active {color: #009edb !important;}
.search-block a:hover {color: #009edb !important; text-decoration:underline}

.main.other-css .clear {clear:both !important; height:0px !important;}
.main.other-css .clear10 {clear:both !important; height:10px !important;}
.main.other-css .clear15 {clear:both !important; height:15px !important;}
.main.other-css .clear20 {clear:both !important; height:20px !important;}
.main.other-css .clear30 {clear:both !important; height:30px !important;}
.main.other-css .clear40 {clear:both !important; height:40px !important;}
.main.other-css .clear60 {clear:both !important; height:60px !important;}
.main.other-css .clear75 {clear:both !important; height:75px !important;}
.main.other-css .clear90 {clear:both !important; height:90px !important;}

html.sticky-header-active #header.other-css .header-body {background: #1e2228 !important; border-bottom-color: #1e2228 !important; box-shadow: 0 0 10px rgba(15,18,22,.5) !important;}

.main.other-css .slider-container {background: #1e2228 !important;}

.main.other-css .slider-container .rs-background-video-layer {
  position: relative !important;
  padding-bottom: 56.25% !important; /* 16:9 */
  height: 0;
}
.main.other-css .slider-container .rs-background-video-layer iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.main.other-css .slider-container .tp-caption.text-color-light.font-weight-normal {
  background: #ffcb05 !important;
  color: #000 !important;
  border-radius: 30px !important;
  position: relative !important;
  border: 2px solid #000 !important;
 }
 
.main.other-css .slider-container .btn-danger {
  background-color: #ef4223 !important;
  border-color: #ef4223 #ef4223 #ef4223 !important;
  color: #fff !important;
  font-weight:500 !important;
  text-transform: none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  border: 2px solid #fff !important;
}
.main.other-css .slider-container .btn-danger:hover, .main.other-css .slider-container .btn-danger.hover {
  background-color: #bc1e01 !important;
  border-color: #bc1e01 #bc1e01 #bc1e01 !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}

section.section {border-top: 0 !important; margin:0 !important;}

.main.other-css .font-weight-extrabold, .main.other-css .font-weight-extra-bold {font-weight: 900 !important;}

.main.other-css .velikiheadingnaslov h1.font-weight-normal,
.main.other-css .velikiheadingnaslov h2.font-weight-normal,
.main.other-css .velikiheadingnaslov h3.font-weight-normal,
.main.other-css .velikiheadingnaslov h4.font-weight-normal,
.main.other-css .velikiheadingnaslov h5.font-weight-normal,
.main.other-css .velikiheadingnaslov h6.font-weight-normal {font-family: "Raleway", sans-serif !important; font-weight:900 !important; font-size: 40px;}



.main.other-css .by-clear-carousel-center-active-item .owl-carousel .owl-item img,
.main.other-css .by-clear-carousel-center-active-item .owl-carousel .owl-item .embed-responsive.embed-responsive-16by9 {
    min-height: 100% !important;
    max-height: 100% !important;
    object-fit: cover;
}

.main.other-css .pocetna-filmovipredstave {padding-top:0; padding-bottom:60px !important;}
.main.other-css .pocetna-filmovipredstave .carousel-default .owl-item {background:transparent; padding:0 0 30px 0; margin-top:3rem; margin-bottom:0; border-radius: 12px !important; border:0 !important;}
.main.other-css .pocetna-filmovipredstave .carousel-default .owl-item img,
.main.other-css .pocetna-filmovipredstave .carousel-default .owl-item .embed-responsive.embed-responsive-16by9{
    min-height: auto !important;
	max-height: 100% !important;
	object-fit: cover !important;
	border-radius: 12px !important;
	aspect-ratio: 2 / 3 !important;
}

.main.other-css .pocetna-filmovipredstave h2 {text-align:left !important; font-size:46px !important; font-weight:900; margin: 0 0 0 0 !important; padding: 0; color:#fff !important; font-family: "Raleway", sans-serif !important; text-transform: uppercase !important;}
.main.other-css .pocetna-filmovipredstave h3 {text-align:center !important; font-size:32px !important; font-weight:700; margin: 20px 0 0 0 !important; padding: 0; font-family: "Raleway", sans-serif !important;}
.main.other-css .pocetna-filmovipredstave h4 {text-align:center !important; font-size:24px !important; font-weight:700; margin: 15px 0 0 0 !important; padding: 0; color:#fff !important; height:70px; overflow:hidden; font-family: "Raleway", sans-serif !important;}
.main.other-css .pocetna-filmovipredstave h4 a {color: #fff !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .pocetna-filmovipredstave p {text-align:center !important; padding: 0; color:#fff !important; font-size:14px !important;}
.main.other-css .pocetna-filmovipredstave .header-lists-block {padding:0 90px;}
.main.other-css .pocetna-filmovipredstave .button-tag .d-flex {display:block !important;}
.main.other-css .pocetna-filmovipredstave .btn-danger {
  background-color: #ef4223 !important;
  border-color: #ef4223 #ef4223 #ef4223 !important;
  color: #fff !important;
  font-size:15px !important;
  font-weight:500 !important;
  width:100% !important;
  margin:8px auto !important;
  text-transform: none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.main.other-css .pocetna-filmovipredstave .btn-danger:hover, .main.other-css .pocetna-filmovipredstave .btn-danger.hover {
  background-color: #bc1e01 !important;
  border-color: #bc1e01 #bc1e01 #bc1e01 !important;
  color: #fff !important;
}


.main.other-css .smaller-filmovipredstave {padding-top:0 !important; padding-bottom: 20px !important; margin-top: 0 !important;}
.main.other-css .smaller-filmovipredstave .carousel-default .owl-item {background:transparent; padding:0 !important; margin-top:0 !important; margin-bottom:0 !important; border-radius: 12px !important; border:0 !important;}
.main.other-css .smaller-filmovipredstave .carousel-default .owl-item img,
.main.other-css .smaller-filmovipredstave .carousel-default .owl-item .embed-responsive.embed-responsive-16by9{
    min-height: 100% !important;
	max-height: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 12px !important;
	aspect-ratio: 2 / 3 !important;
}

.main.other-css .smaller-filmovipredstave h4 {text-align:center !important; font-size:24px !important; font-weight:700; margin: 15px 0 0 0 !important; padding: 0; color:#000 !important; height:70px; overflow:hidden; font-family: "Raleway", sans-serif !important;}
.main.other-css .smaller-filmovipredstave h4 a {color: #000 !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .smaller-filmovipredstave p {display:none !important;}
.main.other-css .smaller-filmovipredstave .header-lists-block {padding:0 !important;}
.main.other-css .smaller-filmovipredstave .button-tag .d-flex {display:block !important;}
.main.other-css .smaller-filmovipredstave .btn-danger {
  background-color: #ef4223 !important;
  border-color: #ef4223 #ef4223 #ef4223 !important;
  color: #fff !important;
  font-size:15px !important;
  font-weight:500 !important;
  width:100% !important;
  margin:8px auto !important;
  text-transform: none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.main.other-css .smaller-filmovipredstave .btn-danger:hover, .main.other-css .smaller-filmovipredstave .btn-danger.hover {
  background-color: #bc1e01 !important;
  border-color: #bc1e01 #bc1e01 #bc1e01 !important;
  color: #fff !important;
}

.media-order .sidebar .owl-carousel img,
.media-order .sidebar .owl-carousel .embed-responsive.embed-responsive-16by9 {
    min-height: 100% !important;
	max-height: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 12px !important;
	aspect-ratio: 16 / 9 !important;
}
.media-order .sidebar .owl-carousel .owl-nav {top: -40px; right: 15px !important;}
.media-order .sidebar .owl-carousel .owl-nav button.owl-prev, .media-order .sidebar .owl-carousel .owl-nav button.owl-next {border-radius: 20px !important;}
.media-order .sidebar .owl-carousel .owl-nav button.owl-prev::before, .media-order .sidebar .owl-carousel .owl-nav button.owl-next::before {font-size: .8rem; left: 0px; top: -1px;}



.main.other-css .pocetna-kinodomkulture {margin-top:0 !important; padding-top:0 !important; padding-bottom:60px !important;}
.main.other-css .pocetna-kinodomkulture .carousel-default .owl-item {background:transparent; padding:0 0 30px 0; margin-top:2rem; margin-bottom:0; border-radius: 30px !important; border:0 !important;}
.main.other-css .pocetna-kinodomkulture .carousel-default .owl-item img,
.main.other-css .pocetna-kinodomkulture .carousel-default .owl-item .embed-responsive.embed-responsive-16by9{
    min-height: auto !important;
	max-height: 100% !important;
	object-fit: cover !important;
	border-radius: 30px !important;
	aspect-ratio: 16 / 9 !important;
}

.main.other-css .pocetna-kinodomkulture h2 {text-align:left !important; font-size:46px !important; font-weight:900; margin: 0 0 0 0 !important; padding: 0; color:#fff !important; font-family: "Raleway", sans-serif !important; text-transform: uppercase !important;}
.main.other-css .pocetna-kinodomkulture h3 {text-align:center !important; font-size:32px !important; font-weight:700; margin: 20px 0 0 0 !important; padding: 0; font-family: "Raleway", sans-serif !important;}
.main.other-css .pocetna-kinodomkulture h4 {text-align:left !important; font-size:46px !important; font-weight:900; margin: 25px 0 0 0 !important; padding: 0; color:#fff !important; height:70px; overflow:hidden; font-family: "Raleway", sans-serif !important; text-transform: uppercase !important;}
.main.other-css .pocetna-kinodomkulture h4 a {color: #fff !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .pocetna-kinodomkulture p {text-align:left !important; color:#fff; font-size:18px;}


.main.other-css .pocetna-partneri {padding-top:0 !important; padding-bottom:0 !important;}
.main.other-css .pocetna-partneri .carousel-center-active-item .owl-item {background:transparent; padding:0; margin-top:0; margin-bottom:0; border-radius: 0 !important; border:0 !important;}
.main.other-css .pocetna-partneri .carousel-center-active-item .owl-item,
.main.other-css .pocetna-partneri .carousel-center-active-item .owl-item img,
.main.other-css .pocetna-partneri .carousel-center-active-item .owl-item .embed-responsive.embed-responsive-16by9{
    height: 115px !important;
	max-height: 115px !important;
	width:auto !important;
	object-fit: contain !important;
	border-radius: 0 !important;
}

.main.other-css .podloga-novosti {}

.main.other-css .selector-gri-five.pocetna-novosti {background: transparent !important;}
.main.other-css .selector-gri-five.pocetna-novosti h4 {font-size: 24px !important; font-weight:700 !important; margin:0 !important; padding: 20px 0 0 0 !important; height:90px; overflow:hidden; text-transform:none !important; color: #fff !important; background:transparent !important; line-height:1.1em !important; text-align:left !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .selector-gri-five.pocetna-novosti h4 a {color: #fff !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .selector-gri-five.pocetna-novosti p {margin:0 !important; padding:0 !important; display: none !important;}

.main.other-css .selector-gri-tree.pocetna-novosti {background: transparent !important;}
.main.other-css .selector-gri-tree.pocetna-novosti h4 {font-size: 22px !important; font-weight:700 !important; margin:0 !important; padding: 20px 0 0 0 !important; height:70px; overflow:hidden; text-transform:none !important; color: #fff !important; background:transparent !important; line-height:1.1em !important; text-align:left !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .selector-gri-tree.pocetna-novosti h4 a {color: #000 !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .selector-gri-tree.pocetna-novosti p {margin:0 !important; padding:0 !important; display: none !important;}
.main.other-css .selector-gri-tree.pocetna-novosti .post-content .btn-light {float:left !important; clear:both !important; margin-bottom:30px !important;}
.main.other-css .selector-gri-tree.pocetna-novosti .float-sm-right {float: left !important;}
.main.other-css .selector-gri-tree.pocetna-novosti .post-content {background-color: transparent !important; padding: 0 !important; color:#009edb !important; font-size:18px !important; font-weight:500 !important;}


.main.other-css .pocetna-novosti .thumb-info .thumb-info-wrapper::after {background: rgba(30, 34, 40, 0.3);}
.main.other-css .pocetna-novosti .btn-secondary {margin-bottom: 20px !important;}
.main.other-css .pocetna-novosti .grid-media {
    min-height: 100% !important;
	max-height: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 12px !important;
	aspect-ratio: 16 / 9 !important;
	background: #1e2228 !important;
}

.main.other-css .pocetna-novosti .blog-posts .img-responsive {
	border-radius: 12px !important;
	object-fit: cover !important;
	width:100% !important;
	height: auto !important;
	max-height: auto !important;
	min-height: auto !important;
}

.main.other-css .pocetna-novosti .blog-posts .article-load.row.pb-2 {padding-bottom: 2rem !important;}

.main.other-css .selector-gri-five.pocetna-novosti .post-content {background-color: transparent !important; padding: 0 !important; color:#ffcb05 !important; font-size:18px !important; font-weight:500 !important;}
.main.other-css .pocetna-novosti .post-content .btn-light,
.main.other-css .pocetna-novosti .btn-secondary {
  background-color: #ffcb05 !important;
  border-color: #ffcb05 #ffcb05 #ffcb05 !important;
  color: #000 !important;
  border-radius: 35px !important;
  text-transform: uppercase !important;
  font-size: 1em !important;
  padding: .8rem 1.5rem !important;
  font-weight: 600 !important;
  margin-top:15px !important;
}

.main.other-css .pocetna-novosti .post-content .btn-light:hover,
.main.other-css .pocetna-novosti .btn-secondary:hover {
  background-color: #ffaa05 !important;
  border-color: #ffaa05 #ffaa05 #ffaa05 !important;
}

.main.other-css .pocetna-novosti h4.entry-title-index {color:#000; font-size: 36px !important; font-weight:900 !important; margin:0 !important; padding: 0 0 10px 0 !important; text-transform:none !important; background:transparent !important; line-height:1.1em !important; text-align:left !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .pocetna-novosti h4.entry-title-index a {color:#000;}

.main.other-css .pocetna-novosti.svijetlitekst h4.entry-title-index {color:#fff !important;}
.main.other-css .pocetna-novosti.svijetlitekst h4.entry-title-index a {color:#fff !important;}

.svijetlitekst {color:#fff !important}
.svijetlitekst span {color:#ffcb05 !important}

.main.other-css .filmovipopis h4 {font-size: 24px !important; font-weight:700 !important; margin:0 !important; padding: 20px 0 0 0 !important; height:80px; overflow:hidden; text-transform:none !important; color: #fff !important; background:transparent !important; line-height:1.1em !important; text-align:center !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .filmovipopis h4 a {color: #fff !important; font-family: "Raleway", sans-serif !important;}
.main.other-css .selector-gri-four.filmovipopis .thumb-info {background-color: #1e2228 !important; height: 100% !important; aspect-ratio: 2 / 3 !important;}
.main.other-css .selector-gri-four.filmovipopis .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.main.other-css .selector-gri-four.filmovipopis .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.main.other-css .selector-gri-four.filmovipopis .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.main.other-css .selector-gri-four.filmovipopis .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {height: 100%;}
.main.other-css .selector-gri-four.filmovipopis .img-responsive {
    min-height: 100% !important;
	max-height: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 12px !important;
	aspect-ratio: 2 / 3 !important;
	background: #1e2228 !important;
}

.main.other-css .filmovipopis .button-tag .d-flex {display:block !important;}
.main.other-css .filmovipopis .btn-danger {
  background-color: #ef4223 !important;
  border-color: #ef4223 #ef4223 #ef4223 !important;
  color: #fff !important;
  font-size:15px !important;
  font-weight:500 !important;
  width:100% !important;
  margin:8px auto !important;
  text-transform: none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.main.other-css .filmovipopis .btn-danger:hover, .main.other-css .filmovipopis .btn-danger .btn-danger.hover {
  background-color: #bc1e01 !important;
  border-color: #bc1e01 #bc1e01 #bc1e01 !important;
  color: #fff !important;
}

.main.other-css .filmovipopismanjinaslov h4 {font-size: 20px !important; height:100px !important;}


.main.other-css .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.main.other-css .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.main.other-css .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.main.other-css .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper::after {
    border-radius: 12px;
}

.main.other-css .single-post article .post-content h2 {font-size: 42px; font-weight: 900 !important; margin-bottom: 20px; text-transform: none !important; color: #000 !important;}
.main.other-css .single-post article .post-content h3 {font-size: 24px; font-weight: 600 !important; margin-bottom: 20px; text-transform: none !important; color: #009edb !important;}
.main.other-css .single-post article .post-content h4 {font-size: 20px !important; font-weight: 600 !important; margin-bottom: 15px !important; height: auto !important; text-transform: uppercase !important; color: #009edb !important;}
.main.other-css .single-post article .post-content h5 {font-size: 17px !important; font-weight: 600 !important; margin-bottom: 0 !important; height: auto !important; text-transform: uppercase !important; color: #009edb !important;}

.main.other-css .single-post article .post-content h2 a:link, .main.other-css .single-post article .post-content h2 a:active {color:#000 !important;}
.main.other-css .single-post article .post-content h2 a:hover {color:#222 !important;}

.main.other-css .single-post article .post-content ul {margin: 0 0 1.2em 2em;}
.main.other-css .single-post article .post-content ol {margin: 0 0 1.2em 2em;}

.main.other-css .single-post article .post-content img {}
.main.other-css .single-post article .image-thumbnail-block {}

.main.other-css .single-post .btn {border-radius:30px !important;}

#additional_content_dokumenti {padding-top:0 !important; margin-top:0 !important;}

.main.other-css .pagination .page-item.active .page-link {background-color: #009edb; border-color: #009edb; color:#fff !important;}
.main.other-css .pagination .page-link {color: #009edb;}
.main.other-css .pagination .page-link:hover {color: #009edb;}

.animacija {margin:0 !important; padding:0 0 60px 0 !important; clear:both !important;}
.animacija h4 {font-size: 2.3em !important; font-weight: 700 !important; line-height: 1.1em !important; margin: 60px 0 15px 0 !important; color: #009edb !important;}
.animacija ul {margin: 0 0 1.2em 2em;}
.animacija ol {margin: 0 0 1.2em 2em;}
.animacija p {margin: 0 0 1.2em 0}
.animacija img {}
.crvenitekst, .crvenitekst p {color: #ef4223 !important;}
.bijelitekst, .bijelitekst p {color: #fff !important;}
.text20px, .text20px p {font-size: 20px !important;}

.br-30 {border-radius:30px !important;}

.fui-input, .fui-select {border-radius: 0 !important;}
.fui-btn  {border-radius: 30px !important;}

.fui-submit {
    color: #fff;
    background-color: #009edb !important;
    border:0 !important;
    font-size:18px;
    text-transform:uppercase;
    font-weight:600 !important;
	padding:15px 40px !important;
	font-family: "Roboto Condensed", sans-serif !important;
}

.fui-submit:hover {
    color: #fff;
    background-color: #a70000 !important;
}

.fui-form-container {background-color: transparent !important; padding:0;}

.fui-alert-error {color: #c0050c !important;}
.fui-alert {font-size: 1.2rem !important; font-weight: 600 !important;}

.fui-row {margin-bottom: 0.2rem !important;}

h3.fui-heading-h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.2em !important;
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    color: #009edb !important;
    letter-spacing: 1px !important;
	font-family: "Roboto Condensed", sans-serif !important;
}

#elc-cookie-consent h3 {
  font-weight: 600 !important;
  font-size: 18px !important;
  font-family: "Roboto Condensed", sans-serif !important;
  margin-bottom:20px !important;
}



.mdp-readabler-trigger-button-box.bottom-left { bottom: 40px; left: 0px; }
.mdp-readabler-trigger-button-box button { padding: 10px; }

html {
    --readabler-btn-color-hover: rgba(19, 155, 71, 1) !important;
    --readabler-btn-bg: rgb(19, 155, 71, 1) !important;
    --readabler-color: rgba(19, 155, 71, 1) !important;
    --readabler-color-dark: rgba(19, 155, 71, 1) !important;
    --readabler-color-transparent: rgba(19, 155, 71, 0.2) !important;
    --readabler-reading-guide-bg: rgba(19, 155, 71, 1) !important;
    --readabler-tts-bg: rgba(19, 155, 71, 1) !important;

    --readabler-highlight-titles-color: #5ade8c !important;
    --readabler-highlight-links-color: #5ade8c !important;
    --readabler-highlight-hover-color: #5ade8c !important;
    --readabler-highlight-focus-color: #5ade8c !important;
}

input:checked+.slider-cookie {
    background-color:#333 !important;
}
input:focus+.slider-cookie {
    box-shadow:0 0 1px #333 !important;
}




#footer {margin-top:0 !important; border-top:none !important;}

#footer.other-css h5 {
    font-size: 26px !important;
    font-weight: 400;
    line-height: 30px !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase !important;
	font-family: "Roboto Condensed", sans-serif !important;
}

#footer.other-css p {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1.6em !important;
    margin: 0.4em 0 !important;
	font-weight:300 !important;
}

#footer.other-css .text-4 {
    font-size: 18px !important;
}

#footer.other-css a:not(.btn) {color: #ffcb05 !important;}
#footer.other-css a:not(.btn):hover {color: #009edb !important;}

#footer.other-css .align-items-baseline {align-items: start !important;}

.other-css .footer-copyright .pb-4,
.other-css .footer-copyright .py-4 {padding-bottom: 5px !important;}
.other-css .footer-copyright .pt-4,
.other-css .footer-copyright .py-4 {padding-top: 5px !important;}

#footer.other-css .social-icons {margin-left: 0; margin-right: 0;}
#footer.other-css .social-icons li {padding: 0 15px !important;}
#footer.other-css .social-icons li a {color: #ffcb05 !important; background:transparent !important; box-shadow:none !important; font-size: 40px !important; margin-top: 25px !important; margin-bottom: 25px !important;}
#footer.other-css .social-icons li a:hover {color: #009edb !important; background:transparent !important;}
#footer.other-css .social-icons:not(.social-icons-clean):not(.social-icons-dark):not(.social-icons-dark-2) li {box-shadow: none !important;}

#footer.other-css .footer-copyright.footer-copyright-style-2 {border-top: 1px solid rgba(51,51,51,.5) !important; margin-top:-30px !important;}
#footer.other-css .footer-copyright.footer-copyright-style-2 .justify-content-between {margin-left: -15px; margin-right: -15px;}

.ikonafoot {margin-right:10px !important; color: #009edb !important;}
.listafoot img {width:300px !important; max-width:300px !important; height:auto !important; text-align:center !important; margin:0 auto 20px auto !important;}
.listafoot ul li {display:inline !important; text-transform:uppercase !important; padding:0 10px !important; font-size:12px !important; font-weight:500 !important;}

.main.other-css .page-header {
	margin-top: 0px !important;
	padding-top: 250px !important;
	position: static !important;
}

.main.other-css .page-header h1 {
    font-weight: 900 !important;
    letter-spacing: 0 !important;
	font-size: 36px;
	text-transform: uppercase;
}

.main.other-css .page-header.malinaslov h1 {text-transform: none !important;}

section.page-header .page-header-title-border {
    background-color: #009edb !important;
}

.pageheaderpodloga-kino {
    background: #1e2228 url("/doc/slike/podloga-kino.jpg") center center no-repeat !important;
    background-size: cover !important;
}
.pageheaderpodloga-domkulture {
    background: #1e2228 url("/doc/slike/podloga-domkulture.jpg") center center no-repeat !important;
    background-size: cover !important;
}
.pageheaderpodloga-kmccard {
    background: #1e2228 url("/doc/slike/podloga-kmccard.jpg") center center no-repeat !important;
    background-size: cover !important;
}
.pageheaderpodloga-novosti {
    background: #1e2228 url("/doc/slike/podloga-novosti.jpg") center center no-repeat !important;
    background-size: cover !important;
}
.pageheaderpodloga-dokumenti {
    background: #1e2228 url("/doc/slike/podloga-dokumenti.jpg") center center no-repeat !important;
    background-size: cover !important;
}
.pageheaderpodloga-kontakt {
    background: #1e2228 url("/doc/slike/podloga-kontakt.jpg") center center no-repeat !important;
    background-size: cover !important;
}

.main.other-css .page-header.pageheaderdolje {
	margin-top: 0px !important;
	padding-top: 40px !important;
	position: static !important;
}

.main.other-css .page-header .breadcrumb {color:#fff; letter-spacing:1px !important;}
.main.other-css .breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:active {color:#fff !important;}
.main.other-css .breadcrumb a:hover {color:#fff !important; text-decoration:underline}

.page-header .breadcrumb > li {font-size: 1em !important;}
.crumb-font-size {font-size: 1em !important;}

.main.other-css .page-header .col-md-8, .main.other-css .page-header .col-md-4 {flex: 0 0 100% !important; max-width: 100% !important;}

.main.other-css .box.galerijaslika {max-width:1600px !important; margin:0 auto !important;}

.main.other-css .box.galerijaslika .glightbox-gallary {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}
.main.other-css .box.galerijaslika .glightbox-gallary img {
    min-height: 100% !important;
	max-height: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	aspect-ratio: 16 / 9 !important;
}


.list.list-icons.list-primary.list-borders p {
    font-size: 16px !important;
    color: #333 !important;
    font-weight: 500 !important;
}

.list.list-icons.list-primary.list-borders a:hover {
    background: #f4f4f4 !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
    background-color: #009edb !important;
    border-color: #009edb !important;
}

.sidebar-settings .sidebar h5 {
  background-color: #009edb !important;
  color: #fff !important;
  padding: 15px 20px !important;
  margin:0 0 15px 0 !important;
  font-weight:600 !important;
  border-radius:30px !important;
}
.sidebar h5 {
  font-size: 18px !important;
  margin:0 !important;
  font-weight:600 !important;
}
.sidebar .table {
  width: 100% !important;
  min-width: 100% !important;
}
.sidebar .table td, .sidebar .table th {
  padding: .20rem .40rem !important;
  font-size: 13px !important;
}
.sidebar .tabs.mb-4.pb-2 {
  margin-bottom:0 !important;	
  padding-bottom:0 !important;
}
.sidebar .simple-post-list li.list-link {
  padding: 0 15px !important;
}
ul.simple-post-list .left .post-image {max-width: 90px !important; width: 90px !important;}
.sidebar .left .img-thumbnail {padding: 0 !important; max-width: 90px !important; width: 90px !important;}
.sidebar .left img, .sidebar .left iframe, .sidebar .left .embed-responsive.embed-responsive-16by9 {
  min-height: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  min-width: 90px !important;
  max-width: 90px !important;
  width: 90px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  aspect-ratio: 2 / 3 !important;
}

.zadnjenovostismall ul.simple-post-list .left .post-image {max-width: 120px !important; width: 120px !important;}
.zadnjenovostismall .left .img-thumbnail {padding: 0 !important; max-width: 120px !important; width: 120px !important;}
.zadnjenovostismall .left img, .sidebar .left iframe, .zadnjenovostismall .left .embed-responsive.embed-responsive-16by9 {
  min-height: 100% !important;
  max-height: 100% !important;
  height: 100% !important;
  min-width: 120px !important;
  max-width: 120px !important;
  width: 120px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  aspect-ratio: 16 / 9 !important;
}


.main.other-css .font-weight-bold {
  font-weight: 600 !important;
}

.main.other-css .heading.heading-middle-border h1,
.main.other-css .heading.heading-middle-border h2,
.main.other-css .heading.heading-middle-border h3,
.main.other-css .heading.heading-middle-border h4,
.main.other-css .heading.heading-middle-border h5,
.main.other-css .heading.heading-middle-border h6 {
  white-space: normal !important;
  background: transparent !important;
  font-family: "Raleway", sans-serif !important;
}

.heading .mb-4 {width:100% !important; min-width:100% !important; max-width:100% !important; padding:0 !important;}
	
.podloga-novostipoc {background:#1e2228;}
.podloga-siva {background:#1e2228 !important;}
.p-none {padding:0 !important;}
.p-tb-90 {padding-top: 90px !important; padding-bottom: 90px !important;}
.p-lr-60 {padding-left: 60px !important; padding-right: 60px !important;}

.card-reference h4.text-4 {font-size: 2em !important; margin-bottom: 30px !important; font-weight: 700 !important; line-height:1.2em !important; color:#fff;}
.card-reference .portfolio-item .thumb-info.thumb-info-no-borders .thumb-info-wrapper {height: 250px !important;}
.card-reference .portfolio-item .thumb-info .thumb-info-wrapper img {height: 250px !important;}

.card-reference .carousel-default .owl-item img {height: 250px !important; max-height: 250px !important; object-fit: cover !important;}

.card-reference .owl-carousel .owl-nav button[class*="owl-"] {background-color: #009edb; border-color: #009edb;}
.card-reference .owl-carousel .owl-nav button[class*="owl-"]:hover,
.card-reference .owl-carousel .owl-nav button[class*="owl-"].hover {background-color: #009edb; border-color: #009edb;}

.main.other-css .header-lists {padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}

.crveniboldnaslov h1, .crveniboldnaslov h2, .crveniboldnaslov h3, .crveniboldnaslov h4, .crveniboldnaslov h5, .crveniboldnaslov h6 {font-weight:700 !important; color:#ef4223 !important;}
.plaviboldnaslov h1, .plaviboldnaslov h2, .plaviboldnaslov h3, .plaviboldnaslov h4, .plaviboldnaslov h5, .plaviboldnaslov h6 {font-weight:700 !important; color:#009edb !important;}

.main.other-css .inside-blog ul {margin: 15px 0 1.2em 0 !important;}
.main.other-css .inside-blog ol {margin: 15px 0 1.2em 0 !important;}

.kontakt .form-entry-block {background:#f4f4f4; padding:0 30px 30px 30px; margin-top:30px;}
.kontakt .custom-form {background:#f4f4f4; padding:0 30px 30px 30px; margin-top:30px;}

.btn.btn-lg {padding: 1rem 1.5rem !important; letter-spacing: 1px !important; font-weight: 500 !important;}

.togglezaobljenirub .toggle .toggle-title {border-radius: 30px !important;}
html .toggle label, html .toggle .toggle-title {font-weight: 600 !important;}
.toggle.toggle-lg .toggle > .toggle-content > ul, .toggle.toggle-lg .toggle > .toggle-content > ol {font-size: 1.1em;}
.toggle .toggle > .toggle-content > ul, .toggle .toggle > .toggle-content > ol {padding: 10px 0; margin-left: 2em;}

.blog-posts.single-post .form-entry-block {background: #eee !important; padding: 0 30px 30px 30px !important;}


.main.other-css .post-content.pc-text h2 {font-size: 42px; font-weight: 700 !important; margin-bottom: 20px; text-transform: none !important; color: #000 !important;}
.main.other-css .post-content.pc-text h3 {font-size: 24px; font-weight: 600 !important; margin-bottom: 20px; text-transform: none !important; color: #009edb !important;}
.main.other-css .post-content.pc-text h4 {font-size: 20px !important; font-weight: 600 !important; margin-bottom: 15px !important; height: auto !important; text-transform: uppercase !important; color: #009edb !important;}
.main.other-css .post-content.pc-text h5 {font-size: 17px !important; font-weight: 600 !important; margin-bottom: 15px !important; height: auto !important; text-transform: uppercase !important; color: #009edb !important;}

.main.other-css .post-content.pc-text h2 a:link, .main.other-css .post-content.pc-text h2 a:active {color:#000 !important;}
.main.other-css .post-content.pc-text h2 a:hover {color:#222 !important;}

.main.other-css .post-content.pc-text ul {margin: 0 0 1.2em 2em;}
.main.other-css .post-content.pc-text ol {margin: 0 0 1.2em 2em;}

.main.other-css .dokumentipopis .post-content {width:100% !important; min-width:100% !important;}
.main.other-css .dokumentipopis h4 {font-size: 22px !important; font-weight: 600 !important; padding:0 !important; margin:0 !important; height:50px !important; overflow:hidden !important; color:#000 !important;}
.main.other-css .dokumentipopis h4 a {color:#000 !important;}
.main.other-css .dokumentipopis p {display:none !important;}
.main.other-css .dokumentipopis .blog-posts:not(.blog-posts-no-margins) article {margin-bottom: 20px !important;}
.main.other-css .dokumentipopis .float-sm-right {float: none !important;}
.main.other-css .dokumentipopis .btn-light {
  background-color: #ffcb05 !important;
  border-color: #ffcb05 !important;
  color: #000 !important;
  border-radius: 30px !important;
  text-transform: uppercase !important;
  font-size: 14px !important;
  padding: .5rem 1.5rem !important;
  font-weight: 600 !important;
  margin-top:0 !important;
}
.main.other-css .dokumentipopis .btn-light:hover {
  background-color: #ffaa05 !important;
  border-color: #ffaa05 !important;
}

.footerhyperblock .row-hyper .col-sm-12 {
    flex-direction: column;
    align-items: flex-start !important;
}

#elc-tab-link.btn-lg {padding: .77rem 0.9rem !important; letter-spacing: 0 !important; font-weight: 500 !important; font-size: .8rem !important; margin-left: 0 !important; margin-top:-120px !important;}

.pomakgore40 {margin-top:-40px !important;}
.pomakgore60 {margin-top:-60px !important;}
.pomakdolje40 {margin-bottom:-40px !important;}
.pomakdolje60 {margin-bottom:-60px !important;}
.paddingtop0 {padding-top:0 !important;}
.paddingtop60 {padding-top:60px !important;}

.main.other-css .map-new.full-width {margin-bottom:-30px !important;}

.main.other-css .filmdetaljna .button-tag .d-flex {display:block !important;}
.main.other-css .filmdetaljna .btn-danger {
  background-color: #ef4223 !important;
  border-color: #ef4223 #ef4223 #ef4223 !important;
  color: #fff !important;
  font-size:15px !important;
  font-weight:500 !important;
  width:100% !important;
  margin:8px auto !important;
  text-transform: none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.main.other-css .filmdetaljna .btn-danger:hover, .main.other-css .filmdetaljna .btn-danger.hover {
  background-color: #bc1e01 !important;
  border-color: #bc1e01 #bc1e01 #bc1e01 !important;
  color: #fff !important;
}

.main.other-css .filmdetaljna .single-post article .post-content h2 {color:#000 !important; margin-top:20px !important;}
.main.other-css .filmdetaljna .single-post article .post-content h2 a,
.main.other-css .filmdetaljna .single-post article .post-content h2 a:hover  {color: #000 !important;}

.main.other-css .filmdetaljna .single-post article .post-content.iframe-in-redactor-check {margin-top:30px !important;}
.main.other-css .link-tags-block {display: none !important;}

.main.other-css .container-xl.py-4.detaljnaslikaslider {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	padding:0 !important;
	margin:0 !important;
}

.logo-kino {
    width: 207px !important;
    height: 77px !important;
	position:relative !important;
	margin: 100px auto -177px auto !important;
}
.logo-kazaliste {
    width: 197px !important;
    height: 127px !important;
	position:relative !important;
	margin: 80px auto -207px auto !important;
}

























/* RESPONSIVE */


@media (min-width: 576px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 768px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 992px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1200px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (min-width: 1440px) {.main.other-css .box {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}
@media (max-width: 1440px) {.main.other-css .container-xl {width: 100% !important; max-width: 100% !important; margin-right: auto; margin-left: auto;}}


@media (max-width: 1680px) and (min-width: 1440px) {
	
#header.other-css .header-nav-main nav > ul > li > a {font-size: 20px !important; letter-spacing: 0px !important; padding: .5rem 1rem;}

#header.other-css .header-nav-features .header-nav-top-icon,
#header.other-css .header-nav-features .header-nav-top-icon-img {font-size: 1rem !important;}
	
}

@media (max-width: 1440px) and (min-width: 1200px) {
	
#header.other-css .header-nav-main nav > ul > li > a {font-size: 16px !important; padding: .5rem .7rem;}
	
}


@media (max-width: 1200px) and (min-width: 992px) {
	
#header.other-css .logo-link-img {width:150px !important; height: 88px !important;}

}



@media (min-width: 1680px) {

.main.other-css .smanjenasirina {width:75% !important; max-width:75% !important; margin: 0 auto !important;}
.main.other-css .smanjenasirina .portfolio-list .portfolio-item {position: relative; margin: 0 auto 35px auto; width: 80% !important;}
.main.other-css .smanjenasirina .form-entry-block {width: 80% !important; margin: 30px auto 50px auto !important;}

.main.other-css .smanjenasirina .post-content {width:70% !important; max-width:70% !important; margin: 0 auto !important;}
.main.other-css .smanjenasirina .inside-blog {width:70% !important; max-width:70% !important; margin: 0 auto !important;}

#header.other-css .header-nav-main nav > ul > li > a {font-size: 22px !important; letter-spacing: 1px !important; padding-left: 1.1rem !important; padding-right: 1.1rem !important;}

#header.other-css .header-nav-features .header-nav-top-icon,
#header.other-css .header-nav-features .header-nav-top-icon-img {font-size: 1rem !important;}

.main.other-css .pocetna-filmovipredstave h2 {font-size:70px !important;}
.main.other-css .pocetna-filmovipredstave .btn-danger {width:90% !important;}
.main.other-css .filmovipopis .btn-danger {width:100% !important;}
.main.other-css .pocetna-kinodomkulture h4 {font-size:60px !important; margin: 30px 0 20px 0 !important;}

.main.other-css .velikiheadingnaslov h1.font-weight-normal,
.main.other-css .velikiheadingnaslov h2.font-weight-normal,
.main.other-css .velikiheadingnaslov h3.font-weight-normal,
.main.other-css .velikiheadingnaslov h4.font-weight-normal,
.main.other-css .velikiheadingnaslov h5.font-weight-normal,
.main.other-css .velikiheadingnaslov h6.font-weight-normal {font-size: 60px !important;}

.main.other-css .page-header h1 {font-size:60px;}
.main.other-css .page-header.malinaslov h1 {text-transform: none !important; font-size:54px !important;}


}


@media (min-width: 1200px) {
	
.main.other-css .pocetna-kinodomkulture .box {
background: url("/doc/slike/poc-podloga-01.png") top left no-repeat !important;
background-size: contain !important;
}

.main.other-css .podloga-novostipoc {
background: #1e2228 url("/doc/slike/poc-podloga-02.png") top right no-repeat !important;
background-size: contain !important;
}

.main.other-css .glightbox-gallary {grid-template-columns: repeat(3,minmax(0,1fr));}


}


@media (min-width: 992px) {
	
#header.other-css .header-nav-top .nav > li > a,
#header.other-css .header-nav-top .nav > li > span {padding: 6px 10px 6px 20px !important;}

#header.other-css .header-nav-main nav > ul > li > a {font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 0; color:#fff !important; padding: .5rem .6rem;}
#header.other-css .header-nav-main nav > ul > li > a:hover {color: #fff !important;}
#header.other-css .header-nav-main nav > ul > li > a.active {color: #fff !important;}
#header.other-css .header-nav.header-nav-line nav > ul li:hover > a {color: #fff !important;}
#header.other-css .header-nav.header-nav-line nav > ul:not(:hover) li > a.active::before {background: #fff !important;}

#header.other-css .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a::before {background: #fff;}
#header.other-css .header-nav.header-nav-line nav > ul:not(:hover) li > a.active::before {background: #fff;}

#header.other-css .logo-link-img {
	position: relative !important;
	top: -15px !important;
}

html.sticky-header-active #header.other-css .logo-link-img {
	position: relative !important;
	top: 30px !important;
	width:150px !important;
	height: 88px !important;
}

.p-rightnone {padding-right:0 !important;}
.p-leftnone {padding-left:0 !important;}

.kontaktformadesno .form-entry-block {margin-top: -60px !important;}

.rot-naslov {
    text-align:left !important;
	font-size:56px !important;
	font-weight:700 !important;
	color:#fff !important;
	line-height:1.1em !important;
    }
.rot-tekst {width:800px !important; min-width:800px !important; max-width:800px !important; }
.rot-tekst p {
    text-align:left !important;
	font-size:24px !important;
	font-weight:400 !important;
	color:#fff !important;
	line-height:1.2em !important;
	margin-top: -20px !important;
    }
	
.rot-gumb {
	padding:20px 25px !important;
    font-size:15px !important;
	letter-spacing:1px !important;
	background:#009edb !important;
	border:0 !important;
	border-radius:30px !important;
}
.rot-gumb:hover {background:#b81f30 !important;}
	
.tp-bullets {top:95% !important;}

.foot-lijevo, .foot-text-left {text-align:left !important; }
.foot-desno, .foot-text-right {text-align:right !important; }
.foot-sredina, .foot-text-center {text-align:center !important;}
.gumbfooter {float:right !important; clear:both !important; }
.foot-desno > .row {justify-content: flex-end !important;}

#footer.other-css .button-tag {float:right !important; clear:both !important; }

.brojacpoc {padding:90px 0 !important;}

.main.other-css .pocetna-partneri .box {
width: 94% !important;
max-width: 94% !important;
margin-right: 0;
margin-left: 0;
background: #fff !important;
border-radius: 0px 120px 120px 0px;
-webkit-border-radius: 0px 120px 120px 0px;
-moz-border-radius: 0px 120px 120px 0px;
padding-top:50px !important; padding-bottom:50px !important; padding-right:30px !important;
}

.main.other-css .slider-container .tp-caption.text-color-light.font-weight-normal {
  padding: 12px 45px !important;
  margin-top: -100% !important;
  font-size:16px !important;
 }
 
 .main.other-css .slider-container .btn-danger {
  font-size:16px !important;
  width:300px !important;
  margin:8px auto !important;
}


}


@media (min-width: 769px) {
	
	div.kolonatablice {
    display: flex !important;
    height: auto;
}
.main.other-css .single-post article .post-content h5 {
    font-size: 17px !important;
    font-weight: 600 !important;
    margin-bottom: 0 !important;
    height: 60px !important;
    text-transform: uppercase !important;
    color: #009edb !important;
}
.kolonatablice h5.kolonatablice {
    width: 30% !important;
    display: flex;
    align-items: center;
	border-bottom: 1px solid #ddd !important;
}
.kolonatablice p {
    width: 70% !important;
    margin: 0;
    height: 60px;
    display: flex;
    align-items: center;
	border-bottom: 1px solid #ddd !important;
}

}

@media (min-width: 480px) {

}







@media (max-width: 1680px) {

.rot-naslov, .rot-tekst p, .rot-gumb {margin-left: 30px !important;}

.main.other-css .box.galerijaslika {padding-left:15px !important; padding-right:15px !important;}

}


@media (max-width: 1199px) {
	

}


@media (max-width: 1023px){
    #header .header-column .header-row {
        background: #000 !important;
    }
}


@media (max-width: 991px){
	
#header.other-css .header-nav-top .nav > li > a,
#header.other-css .header-nav-top .nav > li > span {padding: 6px 0 6px 10px !important;}
	
#header.other-css .logo-link-img {
	position: relative !important;
	top: 10px !important;
	width:150px !important;
	height: 88px !important;
}

html.sticky-header-active #header.other-css .logo-link-img {
	position: relative !important;
	top: 30px !important;
	width:150px !important;
	height: 88px !important;
}

#header.other-css .header-column .header-row {
	background: #1e2228 !important;
}

#header.other-css .header-column {
	background:  #1e2228 !important;
}
#header.other-css .header-nav-main {
	background:#1e2228;
}
html.sticky-header-active #header.other-css .header-body #mainNav li a{
	color:#009edb;
}


#header.other-css .header-nav-main nav > ul {padding-top: 20px !important;}
#header.other-css .header-nav-main nav > ul li {border-bottom: 1px solid #444 !important;}
#header.other-css .header-nav-main nav > ul li a {font-size: 22px !important; letter-spacing: 1px !important; font-weight: 500 !important; border-radius: 0 !important;}
#header.other-css .header-nav-main nav > ul > li > a {color: #fff !important;}
#header.other-css .header-nav-main nav > ul > li > a:hover {color: #009edb !important; background: #31363e !important;}
#header.other-css .header-nav-main nav > ul > li > a.active {color: #009edb !important; background: #31363e !important;}
.open {background: #31363e !important;}

#header.other-css .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {color:#fff; background-color: #31363e !important;}
#header.other-css .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {padding: 10px 8px;}

.dropdown-item:focus, .dropdown-item:hover {color: #009edb !important; background-color: #31363e !important;}

#header.other-css .header-btn-collapse-nav {
  border-radius: 30px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  font-size: 16px !important;
}

.rot-naslov {
    text-align:left !important;
    font-size:30px !important;
    font-weight:700 !important;
    color:#fff !important;
    line-height:1.1em !important;
}
.rot-tekst p {
    text-align:left !important;
    font-size:18px !important;
    font-weight:400 !important;
    color:#fff !important;
    line-height:1.2em !important;
    display:none !important;
}

.rot-gumb {
    padding:20px !important;
    font-size:14px !important;
    letter-spacing:1px !important;
    margin-top:-50px !important;
	background:#009edb !important;
	border:0 !important;
	border-radius:30px !important;
}
.rot-gumb:hover {background:#b81f30 !important;}

.sidebar {margin-top:30px !important;}

.foot-sredina img {margin-top:15px; margin-bottom:25px;}

.p-lr-60 {padding-left: 30px !important; padding-right: 30px !important;}

.main.other-css .pocetna-filmovipredstave .header-lists-block {padding:0 !important;}

.main.other-css .pocetna-filmovipredstave .header-lists-block .button-tag .btn.btn-lg {font-size: 1.2rem !important;}

.foot-lijevo, .foot-text-left {margin-bottom:30px !important;}
.foot-desno, .foot-text-right {margin-bottom:30px !important;}
.foot-sredina, .foot-text-center {margin-bottom:30px !important;}


.main.other-css .pocetna-partneri .box {
width: 100% !important;
max-width: 100% !important;
margin-right: auto;
margin-left: auto;
background: #fff !important;
padding-top:30px !important; padding-bottom:30px !important;
}

.main.other-css .slider-container .tp-caption.text-color-light.font-weight-normal {
  padding: 12px 30px !important;
  font-size:15px !important;
  margin-top: -80% !important;
 }
 
  .main.other-css .slider-container .btn-danger {
  font-size:15px !important;
  width:200px !important;
  margin:4px auto !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}




}





@media (max-width: 768px) {

    .rot-gumb {margin-top:30px !important;}
	
	.main.other-css .pocetna-filmovipredstave .header-lists-block .btn {display:none !important;}
	
	.main.other-css .slider-container {margin-bottom: -20px !important;}
	
	.kolonatablice h5.kolonatablice {
    width: 100% !important;
    display: block !important;
    align-items: left !important;
	border-bottom: 0 !important;
}
.kolonatablice p {
    height: auto !important;
    width: 100% !important;
    display: block !important;
    align-items: left !important;
	border-bottom: 0 !important;
}

.main.other-css .pocetna-novosti h4.entry-title-index {padding-top: 20px !important;}


}





@media (max-width: 600px) {

.main.other-css .dokumentipopis .float-sm-right {margin-top: -15px !important;}

}


@media (max-height: 500px) {

    .rot-naslov {display:none !important;}
    .rot-tekst p {display:none !important;}
    .rot-gumb {display:none !important;}

}