/*
   hide until loaded
*/
#js-offcanvas-nav:not(.mm-menu) {
  display: none; }

/* Card Viev Gray 2 */
/* Background Inner page Header */
/* Card View Gray 1 */
/* boja pored loga*/
/* Text Color */
/* Title color */
/* Title 3 Color */
/* Background Card list View */
/*
  SSK sistemizacija boja
*/
/* Link Inner menu */
/*
  for easier use of defined spacers when @extend not alowed
*/
.mm-menu {
  background-color: white; }
  .mm-menu .mm-divider:before {
    background: #00589D; }
    .is-darkmode .mm-menu .mm-divider:before {
      background: #8AB6E9; }
  .mm-menu .mm-divider {
    color: white;
    padding-left: 10px; }
  .is-darkmode .mm-menu {
    background-color: #111318; }

.mm-panels.mm-panels,
.mm-navbar.mm-navbar {
  background: white; }
  .is-darkmode .mm-panels.mm-panels, .is-darkmode
  .mm-navbar.mm-navbar {
    background: #111318; }

.mm-panels .mm-listitem {
  margin: 0 15px; }
  .mm-panels .mm-listitem .mm-listitem__text {
    padding-left: 15px; }
    .is-darkmode .mm-panels .mm-listitem .mm-listitem__text {
      background: #111318; }

.mm-panel {
  background: white;
  font-size: 17px; }
  .is-largefont .mm-panel {
    font-size: 18px; }
  .is-darkmode .mm-panel {
    background: #111318; }
  .mm-panel a.mm-navbar__title {
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    padding-left: 5px;
    color: #666666;
    -webkit-box-flex: 0;
            flex-grow: 0;
    -webkit-box-pack: start;
            justify-content: flex-start;
    line-height: 67px; }
    .is-largefont .mm-panel a.mm-navbar__title {
      font-size: 18px; }
  .mm-panel .mm-listitem__btn {
    background: white; }
    .is-darkmode .mm-panel .mm-listitem__btn {
      background: #111318; }
  .mm-panel .mm-btn_next:after {
    color: #00589D;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    border: none;
    right: 23px;
    font-family: 'OSS' !important;
    content: "\e918";
    margin-left: -0.625em;
    opacity: 0.4;
    bottom: 16px; }
    .is-darkmode .mm-panel .mm-btn_next:after {
      color: white; }
  .mm-panel .mm-btn_next:before {
    color: #00589D;
    border: none;
    right: 24px;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 15px;
    font-family: 'OSS' !important;
    content: "\e917"; }
    .is-darkmode .mm-panel .mm-btn_next:before {
      color: white; }
  .mm-panel .mm-btn_prev:before {
    color: #00589D;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    border: none;
    left: 3px;
    font-family: 'OSS' !important;
    content: "\e919";
    bottom: 16px; }
    .is-darkmode .mm-panel .mm-btn_prev:before {
      color: white; }
  .mm-panel .mm-btn_prev:after {
    color: #00589D;
    border: none;
    left: 14px;
    box-sizing: content-box;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 16px;
    font-family: 'OSS' !important;
    content: "\e91a";
    margin-left: -0.625em;
    opacity: 0.4; }
    .is-darkmode .mm-panel .mm-btn_prev:after {
      color: white; }
  .mm-panel .mm-listitem__btn:not(.mm-listitem__text) {
    border-left: none; }
  .mm-panel .mm-listitem:after {
    border-color: #00589D;
    left: 10px; }
    .is-darkmode .mm-panel .mm-listitem:after {
      border-bottom-color: #8AB6E9; }
  .mm-panel .c-upper-mmenu.last::after {
    border-color: transparent; }
  .mm-panel .c-upper-mmenu a {
    color: #666666; }
  .mm-panel .c-lower-mmenu a {
    color: #777; }
  .mm-panel .mm-navbar {
    border-bottom-color: #00589D; }
    .is-darkmode .mm-panel .mm-navbar {
      border-bottom-color: #8AB6E9; }
  .mm-panel .mm-navbar.mm-navbar_sticky {
    margin-left: 25px;
    margin-right: 15px; }
  .mm-panel .mm-divider {
    padding-left: 20px; }

#mm-0 .c-upper-mmenu a {
  font-weight: 700;
  text-transform: uppercase; }

.mm-navbars_top .mm-navbar {
  border-bottom: 4px solid rgba(188, 188, 188, 0.25); }

.mm-navbar .mmenu__logo a {
  display: -webkit-box;
  display: flex;
  padding: 8px 15px 8px 25px;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: start;
          justify-content: flex-start; }
  .is-darkmode .mm-navbar .mmenu__logo a {
    background-color: #8AB6E9; }

.mm-navbar .c-logo__txt {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  padding-left: 10px; }

.mm-navbar .c-logo__txt-up {
  font-size: 10px;
  color: #C2C2C2; }
  .is-darkmode .mm-navbar .c-logo__txt-up {
    color: black; }

.mm-navbar .c-logo__txt-down {
  font-size: 10px;
  color: black; }

.mm-navbar .mm-btn {
  width: 30px; }

.mm-navbar a.c-bottom-hr,
.mm-navbar a.c-bottom-en {
  color: white;
  font-weight: 700;
  font-size: 17px; }
  .is-largefont .mm-navbar a.c-bottom-hr, .is-largefont
  .mm-navbar a.c-bottom-en {
    font-size: 18px; }

html[lang="hr-HR"] .c-bottom-hr {
  background-color: #00589D; }

html[lang="hr-HR"] .is-darkmode .c-bottom-hr {
  background: #8AB6E9; }

html[lang="hr-HR"] .c-bottom-en {
  background-color: #0071C9; }

html[lang="hr-HR"] .is-darkmode .c-bottom-en {
  background: #00467D; }

html[lang="hr-HR"] .c-logo--en {
  display: none; }

html[lang="en-US"] .c-bottom-en {
  background-color: #00589D; }

html[lang="en-US"] .is-darkmode .c-bottom-en {
  background: #8AB6E9; }

html[lang="en-US"] .c-bottom-hr {
  background-color: #0071C9; }

html[lang="en-US"] .is-darkmode .c-bottom-hr {
  background: #00467D; }

html[lang="en-US"] .c-logo--hr {
  display: none; }

.l-header__mmenu {
  /*
   DarkMode
*/
  /*
   Large fonts
*/ }
  .l-header__mmenu .is-darkmode .g-icon-bars:before {
    border-top-color: white;
    border-bottom-color: white; }
  .l-header__mmenu .is-darkmode .mm-menu {
    --mm-color-background: #001f37;
    --mm-color-background-emphasis: white;
    --mm-color-border: rgba(silver, .5);
    --mm-color-text: white; }
    .l-header__mmenu .is-darkmode .mm-menu .mm-navbar {
      color: white;
      background: transparent; }
      .l-header__mmenu .is-darkmode .mm-menu .mm-navbar svg {
        fill: white; }
    .l-header__mmenu .is-darkmode .mm-menu .mm-listitem.Active {
      color: black; }
      .l-header__mmenu .is-darkmode .mm-menu .mm-listitem.Active a {
        color: white !important;
        background: #00589d; }
      .l-header__mmenu .is-darkmode .mm-menu .mm-listitem.Active.last {
        background: white; }
        .l-header__mmenu .is-darkmode .mm-menu .mm-listitem.Active.last a {
          text-decoration: underline; }
        .l-header__mmenu .is-darkmode .mm-menu .mm-listitem.Active.last .mm-btn_next {
          --mm-color-button: black; }
    .l-header__mmenu .is-darkmode .mm-menu .mm-btn {
      --mm-color-button: #000; }
    .l-header__mmenu .is-darkmode .mm-menu .mm-navbars_bottom {
      border-top: 2px solid white;
      margin-top: 5px; }
  .l-header__mmenu .is-darkmode .mm-divider {
    color: white;
    border-top: 1px dashed white;
    border-bottom: 1px dashed white; }
  .l-header__mmenu .is-largefont .mm-menu {
    --mm-listitem-size: 50px; }
    .l-header__mmenu .is-largefont .mm-menu .mm-listitem {
      font-size: 18px; }

/*# sourceMappingURL=css.css.map */