/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/*--- CUSTOM PROPERTIES ---*/
:root {
  --color1: #075481;
  --color2: #febe10;
  --color3: #c93f0a;
  --default-font-size: 16px;
  --default-line-height: 1.5rem;
  --iconBeforeWidth: 1.3rem;
  --iconBeforeRightMargin: 0.6rem;
  --action-button-width: 52px;
  --action-button-height: 52px;
}
html, body {
  font-size: var(--default-font-size);
  line-height: var(--default-line-height);
}
h1, h2, h3, h4 {
  font-weight: 500;
}
h2 {
  font-size: 1.75rem;
}
@media (max-width: 816px) {
  .visible-phone {
    display: inline-block !important;
  }
}
/* Samsung Galaxy 8+ */
/* Samsung Galaxy S22 Ultra 5G */
/* Samsung Galaxy S5 */
/* Samsung Galaxy 8+ */
/* Samsung Galaxy S22 Ultra 5G */
/* Samsung Galaxy S5 */
/*@media (min-width: 1200px) {
section, footer {max-width:1200px; margin: auto;}
}*/
@media (min-width: 1800px) {
  .section-horizontal-paddings {
    padding-left: 12% !important;
    padding-right: 12% !important;
  }
}
@media (min-width: 1500px) and (max-width: 1799px) {
  .section-horizontal-paddings {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
}
@media (min-width: 1400px) and (max-width: 1499px) {
  .section-horizontal-paddings {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
@media (max-width: 1399px) {
  .section-horizontal-paddings {
    padding-left: 0;
    padding-right: 0;
  }
}
/*--- Mobile Menu ---*/
#g-offcanvas #g-mobilemenu-container ul {
  padding-bottom: 1rem;
}
.g-offcanvas-toggle {
  top: 3.4rem;
}
@media (max-width: 767px) {
  .g-offcanvas-toggle {
    top: 1.6rem;
  }
}
/*--- LOGO & NAVIGATION Block ---*/
#g-offcanvas, #g-offcanvas #g-mobilemenu-container ul, #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator {
  background: var(--color1);
}
#g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-offcanvas #g-mobilemenu-container ul > li.g-menu-item-link-parent > .g-menu-item-container > .g-menu-parent-indicator:hover {
  background: rgba(0, 0, 0, 0.2);
}
#mainBanner div.g-content {
  margin-block: 0;
  padding-block: 0;
}
#g-navigation {
  padding-block: 0.5rem;
  border-bottom: 2px solid #febe10;
}
#g-navigation .g-content {
  padding: 1rem;
}
@media (min-width: 1400px) {
  div.denali-logo div.g-content {
    padding-left: 1rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1399px) {
  div.denali-logo > div.g-content {
    padding-left: 65px !important;
  }
}
@media (min-width: 1088px) {
  div#mainBanner {
    flex: 0 68% !important;
    width: 68% !important;
  }
  div#mainBanner div.g-content {
    text-align: right;
  }
  .denali-logo a img {
    max-width: 260px;
  }
}
@media (max-width: 767px) {
  div#mainBanner div.g-content {
    padding: 0 0.75rem;
  }
  .denali-logo .g-content {
    margin: 0.25rem 0.625rem;
    padding: 0.25rem 2rem !important;
  }
  .denali-logo a img {
    max-width: 215px;
  }
  .g-logo {
    line-height: 1;
  }
}
/*** SLIDESHOW  ***/
.g-slider .g-slider-slides .g-slider-slides-slide .g-slider-slides-content h1 {
  font-size: 2rem;
  margin-top: 0;
  padding-top: 0;
}
.g-slider .g-slider-slides .owl-dots {
  z-index: -100;
}
@media (max-width: 816px) {
  .g-slider .g-slider-slides .g-slider-slides-slide .g-slider-slides-content {
    margin-top: 9vh;
  }
  .g-slider .g-slider-slides .g-slider-slides-slide .g-slider-slides-content h1 {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
  .g-slider .g-slider-slides .g-slider-slides-slide {
    min-height: 35vh;
  }
  .g-slider .g-slider-slides .g-slider-slides-slide .g-slider-slides-image::after {
    background: none;
  }
}
/*--- HEADER Container ---*/
.fp-header {
  padding-bottom: 8.5rem;
}
@media (max-width: 767px) {
  header .g-content {
    padding-block: 0.25rem;
  }
}
/*--- FOOTER Container ---*/
.section-vertical-paddings {
  padding-bottom: 4vw !important;
}
footer h3.g-title {
  font-size: 1.25rem;
  padding: 0;
}
footer .moduletable .nav.menu {
  padding-left: 0.25rem;
}
footer .moduletable .nav.menu li a::before {
  font-family: FontAwesome;
  content: "";
  color: #fff;
  margin-right: 0.5rem;
}
footer p.bottomImpressum {
  line-height: 2.35rem;
  padding-top: 0.25rem;
}
#g-copyright {
  padding: 0 !important;
}
/*--- SEARCH Module ---*/
/*.k2SearchBlock.searchBoxModule {position: fixed; bottom: 0; width: 300px;}*/
.k2SearchBlock.searchBoxModule form input {
  border-radius: 25px;
}
/*--- MAIN Container ---*/
#g-mainbar .g-content {
  padding: 1rem 0.75rem;
}
/*--- EXPANDED Container ---*/
.moduletable.logoCentral {
  margin-top: -2.75rem;
}
.logoCentral div {
  margin: 0 auto;
  max-width: 480px;
}
#g-header .g-simplecontent .g-simplecontent-layout-header {
  padding: 1rem 0 0;
}
/*--- EF and JW SIG PRO ---*/
ul.sigProElegant {
  max-width: 960px;
}
div.EFGaleryContainer {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
  div.EFGaleryContainer {
    margin-bottom: 1.75rem;
  }
  div.EFGaleryContainer .sectionEF {
    flex-basis: 45%;
    padding-right: 2.5rem;
    display: block;
  }
  div.EFGaleryContainer .sectionGallery {
    flex-basis: 55%;
  }
}
@media (max-width: 767px) {
  .CT42 div.itemImageGallery {
    margin-top: -25px;
  }
  div.EFGaleryContainer .sectionEF, div.EFGaleryContainer .sectionGallery {
    flex-basis: 100%;
  }
  ul.sigProElegant li.sigProThumb {
    width: calc(100% / 4);
  }
}
/*----- Business Info -----*/
.CT42 div.catItemHeader h3.catItemTitleFeatured {
  font-size: 1.75rem;
  margin: 0.75rem 0;
  text-align: center;
}
div#businessInfo {
  display: block;
  margin-bottom: 2rem;
}
div#businessInfo p {
  line-height: 1.25em;
  margin: 0.5rem 0;
  padding: 0;
}
div#businessInfo p:first-of-type, div#businessInfo p ~ * {
  margin-left: calc(var(--iconBeforeWidth) + var(--iconBeforeRightMargin)) !important;
}
div#businessInfo p:first-of-type::before, div#businessInfo p ~ *::before {
  display: inline-block;
  width: var(--iconBeforeWidth);
  text-align: center;
  margin-right: var(--iconBeforeRightMargin);
  margin-left: calc(0rem - (var(--iconBeforeWidth) + var(--iconBeforeRightMargin)));
}
div.catItemExtraFieldLogotip {
  display: block;
  /*max-width: 216px;*/
  text-align: center;
  max-height: 128px;
  margin-bottom: 1.25rem;
  margin-inline: auto;
}
div.itemExtraFieldLogotip {
  display: block;
  max-width: 216px;
  max-height: 128px;
  margin-bottom: 1.25rem;
}
div#businessInfo p.itemExtraFieldNazivPoslovnogSubjekta {
  margin: 0 0 1rem 0 !important;
  font-size: 1.25em;
  font-weight: 500;
}
div#businessInfo p.itemExtraFieldAdresa::before {
  font-family: FontAwesome;
  content: "";
  color: var(--color1);
}
div#businessInfo p.itemExtraFieldKontaktOsoba::before {
  font-family: FontAwesome;
  content: "";
  color: var(--color1);
}
div#businessInfo p.itemExtraFieldTelefon::before {
  font-family: FontAwesome;
  content: "";
  color: var(--color1);
}
div#businessInfo p.itemExtraFieldMobitel::before {
  font-family: FontAwesome;
  content: "";
  font-size: 1.5em;
  vertical-align: -10%;
  color: var(--color1);
}
div#businessInfo p.itemExtraFieldFax::before {
  font-family: FontAwesome;
  content: "";
  color: var(--color1);
}
div#businessInfo p.itemExtraFieldEmail::before {
  font-family: FontAwesome;
  content: "";
  color: var(--color1);
}
div#businessInfo p.itemExtraFieldWeb::before {
  font-family: FontAwesome;
  content: "";
  color: var(--color1);
}
div#businessInfo p.itemExtraFieldRadnoVrijeme::before {
  font-family: FontAwesome;
  content: "";
  color: var(--color1);
}
div#businessInfo p.itemExtraFieldDjelatnost::before {
  font-family: FontAwesome;
  content: "";
  color: var(--color1);
}
@media (max-width: 767px) {
  div#businessInfo p.itemExtraFieldNazivPoslovnogSubjekta {
    font-size: 1.15em;
  }
  div#businessInfo p.itemExtraFieldEmail a {
    font-family: Roboto Condensed;
  }
}
/*----- Shortcut Buttons -----*/
div#actionButtons {
  max-width: 380px;
  margin: 1.25rem 0.5rem 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 15%;
}
div.itemExtraButton {
  /*width: 25%;*/
}
div.itemExtraButton .icon {
  position: relative;
}
div.itemExtraButtonHeader {
  display: block;
  font-size: 0.9rem;
  text-align: center;
  text-transform: uppercase;
  padding-top: 0.25rem;
  color: var(--color1);
}
div.itemExtraButton .Telefon, div.itemExtraButton .googleMapLink, div.itemExtraButton .Email, div.itemExtraButton .Web {
  width: var(--action-button-width);
  height: var(--action-button-height);
  margin: 0 auto;
  box-sizing: border-box;
  color: var(--color1);
  border: 1px solid var(--color1);
  border-radius: 50%;
  text-align: center;
  transition: all 0.2s;
}
div.itemExtraButton .Web {
  border: 0px solid #fff;
}
div.itemExtraButton .Telefon::before {
  font-family: FontAwesome;
  content: "";
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.itemExtraButton .googleMapLink::before {
  font-family: FontAwesome;
  content: "";
  font-size: 1.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.itemExtraButton .Email::before {
  font-family: FontAwesome;
  content: "";
  font-size: 1.6rem;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}
div.itemExtraButton .Web::before {
  font-family: FontAwesome;
  content: "";
  font-size: 3.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
a div.itemExtraButton:hover .itemExtraButtonHeader {
  color: var(--color2);
  transform: scale(1.1);
}
a div.itemExtraButton:hover .icon {
  color: var(--color2);
  border-color: var(--color2);
}
@media (max-width: 767px) {
  .CT42 div.catItemHeader h3.catItemTitleFeatured {
    font-size: 1.5rem;
  }
  div.itemExtraFieldLogotip {
    display: block;
    max-width: 140px;
    max-height: 96px;
    margin-bottom: 1.25rem;
  }
  div#actionButtons {
    flex-wrap: wrap;
    gap: 10%;
  }
}
/*--- K2 extra styling ---*/
div.genericItemHeader h2.genericItemTitle a {
  color: var(--color1);
}
.CT42 .catItemHeader, .CT42 .otherEntitiesContainer {
  padding: 0 0.75rem;
}
.CT42 div.catItemReadMore {
  display: block;
  margin-inline: auto;
  padding-block: 0;
  max-width: 18ch;
  line-height: 1.75em;
}
.CT42 div.itemFullText a {
  color: var(--color1);
}
.catItemReadMore a.k2ReadMore:hover {
  color: #fff !important;
}
.CT42 div.catItemReadMore a::before {
  content: "";
}
.CT42 div.itemListCategory {
  background-color: var(--color1);
}
.CT42 div.itemListCategory h2 {
  margin: 0.5rem 0 0.5rem;
  color: #fff;
  font-size: 1.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
}
.CT42 div.custom.title42 {
  color: #ccc;
  font-size: 0.9125rem;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  margin: -0.5rem 0 0.325rem;
}
@media (max-width: 767px) {
  /*.title42 h3.g-title {font-size: 1.05rem;}<*/
  .CT42 .catItemHeader, .CT42 .otherEntitiesContainer {
    padding: 0 0.5rem;
  }
  .CT42 div.custom.title42 {
    font-size: 0.85rem;
    line-height: 1.5em;
    margin-top: -0.45rem;
  }
}
.CT42 div.subCategory {
  border-color: #ccc;
}
.CT42 div.subCategory:hover {
  color: #fff;
  background-color: var(--color1);
}
.CT42 div.catItemGroupLinksView {
  background-color: #fff;
}
.CT42 div.catItemGroupLinksView:hover {
  background-color: var(--color1);
}
.CT42 div h3.catItemGroupLinksTitle a:hover {
  color: #fff;
}
.CT42 div.k2Pagination {
  margin: 0;
  padding: 0;
}
@media (max-width: 815px) {
  /*.CT42 div.itemListCategory {margin-block: -1.1rem 0.25rem;}*/
  .CT42 div.itemListCategory h2 {
    font-size: 1.15rem;
  }
  .CT42 div.custom.title42 {
    font-size: 0.75rem;
  }
}
div.loadMoreWrapper {
  text-align: center;
  padding-top: 2rem;
}
a#btnLoadMore {
  padding: 8px 16px;
  color: var(--color1);
  font-weight: 500;
  background-color: #fff;
  border: 1px solid var(--color1);
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
}
a#btnLoadMore:hover {
  color: #fff;
  background-color: var(--color1);
  border: 1px solid #ccc;
  border-radius: 5px;
}
/* Naslov županija */
/*div.moduletable.title42 {display: block; text-align: center;}
.title42 h3.g-title {display: block; margin: 0 0 -40px; padding: 0;}*/
/*----- Embeded Google Map -----*/
div.goodleMapIframe iframe {
  max-width: 600px;
  height: 300px;
}
/*----- JW SIG PRO Galleria -----*/
div.sigProGalleriaContainer {
  max-width: 800px;
  background: #333;
  margin: 0 0 8px;
}
div.sigProGalleriaPlaceholderContainer {
  margin: -16px;
}
ul.sigProGalleria li.sigProThumb {
  box-sizing: border-box;
  width: 12.5%;
  float: left;
  background: none !important;
  margin: 0;
  padding: 0;
  border: none !important;
}
ul.sigProGalleria li.sigProThumb a.sigProLink {
  border: 0px solid #999;
  opacity: 0.7;
}
ul.sigProGalleria li.sigProThumb a.sigProLinkSelected {
  border: 4px solid #eee;
  opacity: 1;
}
ul.sigProGalleria li.sigProThumb a.sigProLink:hover, ul.sigProGalleria li.sigProThumb a.sigProLinkSelected:hover {
  border: 0px solid #ccc;
  opacity: 1;
}
@media (max-width: 767px) {
  ul.sigProGalleria li.sigProThumb {
    width: 20%;
  }
}
/*--- NAV Menu module ---*/
.moduletable .nav.menu, .moduletable .mostread, .moduletable .latestnews, .moduletable .archive-module, .moduletable .relateditems, .moduletable .categories-module, .moduletable .category-module, .moduletable .latestusers, .moduletable .unstyled {
  margin: 0;
  display: inline-block;
  border: 0;
  padding: 0.75rem;
  border-radius: 0;
}
.moduletable .nav.menu li, .moduletable .mostread li, .moduletable .latestnews li, .moduletable .archive-module li, .moduletable .relateditems li, .moduletable .categories-module li, .moduletable .category-module li, .moduletable .latestusers li, .moduletable .unstyled li {
  list-style-type: none;
  margin-left: 0;
  padding-bottom: 0.25rem;
  margin-bottom: 0.5rem;
  border-bottom: 0;
}
.moduletable .nav.menu li a::before, .moduletable .mostread li a::before, .moduletable .latestnews li a::before, .moduletable .archive-module li a::before, .moduletable .relateditems li a::before, .moduletable .categories-module li a::before, .moduletable .category-module li a::before, .moduletable .latestusers li a::before, .moduletable .unstyled li a::before {
  font-family: FontAwesome;
  content: "";
  margin-right: 0.5rem;
}
.hideNPS div#businessInfo p.itemExtraFieldNazivPoslovnogSubjekta, .hideNPS .sectionEF {
  display: none !important;
}
/*--- EU Privacy Directive ---*/
#eprivacyModal.modal {
  background-clip: padding-box;
  background-color: #ffffff;
  border: 4px solid rgba(255, 0, 0, 0.75);
  border-radius: 8px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  left: 50%;
  margin-left: 0;
  outline: medium none;
  position: fixed;
  top: 50% !important;
  transform: translate(-50%, -50%);
  width: 560px;
  max-width: 90vw;
  z-index: 1050;
}
.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.75;
}
#eprivacyModal .modal-header {
  border-bottom: 1px solid #eee;
  padding: 25px 15px 15px;
}
#eprivacyModal ul {
  margin: 0 0 1rem 1.25rem;
}
#eprivacyModal ul li {
  margin-bottom: 0.75rem;
}
#eprivacyModal .btn {
  padding: 8px 16px;
  border-radius: 2px;
}
#eprivacyModal .btn-success {
  background-color: #5bb75b;
  background-image: none;
  background-repeat: repeat-x;
  border-color: none;
  color: #ffffff;
  text-shadow: none;
}
#eprivacyModal .btn-danger {
  background-color: #da4f49;
  background-image: none;
  background-repeat: repeat-x;
  border-color: none;
  color: #ffffff;
  text-shadow: none;
}
.plg_system_eprivacy_module .plg_system_eprivacy_message {
  border: 1px solid #a9a900;
  background-color: #ffffe1;
  padding: 5px;
}
.plg_system_eprivacy_module .plg_system_eprivacy_message button.plg_system_eprivacy_agreed {
  color: #000;
  background-color: #0f0;
}
.plg_system_eprivacy_module .plg_system_eprivacy_message button.plg_system_eprivacy_declined {
  color: #fff;
  background-color: #f00;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted {
  overflow: hidden;
  border: 0px solid #ccc;
  color: #686868;
  vertical-align: middle;
  padding: 45px 15px 15px;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_declined {
  border: 0 solid #ccc;
  color: #eee;
  height: 100%;
  left: 50%;
  overflow: hidden;
  padding: 15px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  width: 100%;
  z-index: 9990;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted {
  background-color: #090d0f;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_declined {
  background-color: #c00;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted p {
  margin: 0;
  text-align: center;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_declined p {
  left: 50%;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button {
  background-color: transparent;
  border: 1px solid #686868;
  border-radius: 3px;
  display: block;
  float: none;
  margin: 0 auto 0.5rem;
  padding: 10px 16px;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_declined button {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 3px;
  display: block;
  float: none;
  margin: 0 auto 0.5rem;
  padding: 10px 16px;
}
.plg_system_eprivacy_module div.plg_system_eprivacy_accepted button:hover, .plg_system_eprivacy_module div.plg_system_eprivacy_declined button:hover {
  background-color: transparent;
  border: 1px solid #ff0;
  color: #ff0;
}
/*# sourceMappingURL=custom_15.css.map */