/* HEADER */

#jl-header-izbori-container {
  padding:0px;
  margin-top: 12px;
  margin-bottom: 25px;
  width: 100%;}

#jl-izbori-header {
  width: 100%;
  margin: 0px auto;}

/* Jutarnji Logo */
#jl-izbori-header .jl-logo {
    width: 1300px;
    margin: 0 auto;}
#jl-izbori-header .jl-logo a img {
    border-bottom: 0px dotted #b4b3ab;
    margin: 15px 0 0px 0;
    padding-bottom: 0px;}
#jl-izbori-header ul li {
  display: inline;}

/* Jutarnji Navigacija */
#jl-navigation {
  width: 100%;
  margin: 0 auto;
  margin-top:12px;}
#jl-nav-top-bg {
  width: 100%;
  background-color: #E11B22;}
#jl-navigation #jl-nav-top {
  background-color: #E11B22;
  height: 26px;
  line-height: 12px;
  color: #fff;
  width: 1300px;
  margin: 0 auto;}
#jl-navigation #jl-nav-top ul {
  margin: 0;
  padding: 6px 0px 0 4px;
  height: 26px;
  overflow: hidden;}
#jl-navigation #jl-nav-top ul li {
  border-right: 1px solid #fff;}
#jl-navigation ul li, #jl-navigation ul li a {
  color: #fff;
  text-decoration:none;
  padding: 5px 5px 5px 8px;
  font-size: 14px;
  font-weight:bold;
  font-family: tahoma, helvetica, clean, sans-serif;
  text-transform: none;
  line-height: 12px;}
#jl-navigation #jl-nav-top ul li:last-child {
  border-right: none;}
#jl-navigation ul li:first-child  a{
  color: #fff;
  text-decoration:none;
  padding: 0 0 0 0;
  font-size: 14px;
  font-weight:bold;
  font-family: tahoma, helvetica, clean, sans-serif;
  text-transform: none;
  line-height: 12px;}
#jl-navigation #jl-nav-top ul li:first-child {
  border-right: none;
  padding: 5px 0px 0px 5px;
  margin-right: -20px;}
#jl-navigation #jl-nav-top ul li:nth-child(2) {
  border-right: none;
  margin-right: -20px;}
#jl-navigation #jl-nav-top ul li img {
  display: inline;
  vertical-align: middle;}

#jl-navigation ul li a:hover {
  text-decoration: underline;}
@media (max-width: 1300px) {
  #jl-izbori-header {
    overflow: hidden;;}
  #jl-izbori-header .jl-logo {
    width: 100%;
    padding-left: 15px;}
  #jl-navigation #jl-nav-top {
    width: 100%;
    padding-left: 15px;} }
@media (max-width: 1080px) {
  #jl-navigation ul li, #jl-navigation ul li a {
    font-size: 90%;}}
@media (max-width: 1080px) {
  #jl-navigation ul li, #jl-navigation ul li a {
    font-size: 85%;}}
@media (max-width: 980px) {
  #jl-navigation #jl-nav-top {
    height: 8px;}
  #jl-navigation #jl-nav-top ul {
    display: none;}
  #jl-izbori-header .jl-logo {
    text-align: center;}
  #jl-izbori-header .jl-logo a img {
    margin: 15px 0 0px 0;}}
@media (max-width: 740px) {
  #jl-izbori-header .jl-logo {
    display:none;}}
#jl-navigation #jl-nav-top ul li.jl-active-item {
  background-color: #004B91;}


.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(196,196,196,0.5);
    -moz-box-shadow: 0px 2px 2px 0px rgba(196,196,196,0.5);
    box-shadow: 0px 2px 2px 0px rgba(196,196,196,0.5);}

/* Izbori Navigacija */
.wrapper-nav{
  width: 100%;
  height: 35px;
  margin: 0 auto;
  background-color: #ffffff}
  @media (max-width: 780px) {
    .wrapper-.navi {
      max-width: 100%; } }
.navi {
  margin: 0 auto;
  padding: 0px 1rem;
  min-width: 25px;
  position: relative;
  white-space: nowrap;
  max-width: 1280px;
  z-index: 99;}
  @media (max-width: 650px) {
    .navi {
      font-size: 90%;
      padding: 0;
      min-width: 100px; }
      .navi .wrapper {
        padding: 0 1rem; } }
  .navi ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .navi li {
    display: inline-block;
    border-left: 1px solid #ddd;}
    .navi li:first-child a {
      padding-left: 4px; }
    .navi li:first-child {
      border-left: 0px solid #ddd;}
      @media (max-width: 650px) {
        .navi ul {
          padding-top: 0px;}
        .navi li:first-child a {
          padding-left: .5rem; } }
  .navi a {
    color: #404040;
    display: inline-block;
    padding: 5px 1rem;
    text-decoration: none;
    font-weight: 700;
    font-size:14px;}
    @media (max-width: 740px) {
      .navi a {
        padding: 3px 1rem; } }
    @media (max-width: 650px) {
      .navi a {
        padding: 1pxs 1rem; } }
  .navi li:hover, .active-menu-item  {
     border-bottom: 4px solid #ed1135;}
  .navi li.zaposlenost:hover, .zaposlenost.active-menu-item {
        border-bottom: 4px solid #f34336;}
         .navi li.obrazovanje:hover, .obrazovanje.active-menu-item  {
              border-bottom: 4px solid #009889;}
              .navi li.zdravstvo:hover, .zdravstvo.active-menu-item  {
                    border-bottom: 4px solid #8cc34c;}
                    .navi li.financijska-sigurnost:hover, .financijska-sigurnost.active-menu-item  {
                          border-bottom: 4px solid #fec106;}
                          .navi li.ja-poduzetnik:hover, .ja-poduzetnik.active-menu-item   {
                                border-bottom: 4px solid #00bcd5;}
  .active-menu-item  li:hover {
        border-bottom: 0px solid #ed1135;}
  .zaposlenost.active-menu-item  li:hover {
        border-bottom: 0px solid #f34336;}
  .obrazovanje.active-menu-item  li:hover {
        border-bottom: 0px solid #009889;}
  .zdravstvo.active-menu-item  li:hover {
        border-bottom: 0px solid #8cc34c;}
  .financijska-sigurnost.active-menu-item li:hover {
        border-bottom: 0px solid #fec106;}
  .ja-poduzetnik.active-menu-item li:hover {
        border-bottom: 0px solid #00bcd5;}
.nav__dropdown {
  padding: 0.5rem;
  white-space: nowrap;
  top: 120%;
  right: -60px;
  background-color: #ed1135;
  transition: 300ms cubic-bezier(0.25, 2, 0.25, 1);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: rotateX(-30deg);
          transform: rotateX(-30deg);
  opacity: 0; }
  .nav__dropdown.show {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
    box-shadow: 0 0 20px 0 rgba(49, 49, 49, 0.25);
    transition: 300ms cubic-bezier(0.25, 2, 0.25, 1), box-shadow 1000ms cubic-bezier(0.25, 2, 0.25, 1); }
  @media (max-width: 650px) {
    .nav__dropdown {
      right: auto;
      left: -100%; }
      .nav__dropdown:after {
        left: auto; } }
  .nav__dropdown:after {
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 6px solid #ed1135;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: '';
    top: -6px;
    right: 4rem; }
  .nav__dropdown-wrapper {
    display: inline-block;
    -webkit-perspective: 500px;
            perspective: 500px; }
    @media (max-width: 650px) {
      .nav__dropdown-wrapper {
        position: static !important; } }
  .nav__dropdown-toggle {
    outline: none;
    display: inline-block;
    border: none;
    background: none;
    font-weight: 700;
    text-decoration: none;
    color: #ed1135;
    padding: 0rem 2rem 0rem 1rem;
    background-image: url("images/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: 22%}
    @media (max-width: 650px) {
      .nav__dropdown-toggle {
        padding: 0rem 2rem; } }
  .nav__dropdown li {
    display: block!important; }
    .nav__dropdown li:first-child a {
      padding-left: 2rem; }
  .nav__dropdown a {
    color: #ffffff;
    display: inline-block;
    padding: 0.5rem 2rem;
    font-weight: 400;
    font-size: 1rem; }
  .nav__dropdown li {
    border-left: 0px solid #ddd;}

/* Izbori Logo */
  .desktop-logo{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    display:block;}
  .tablet-logo{
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    display:none;}
  .mobile-logo{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    display:none;}
  @media (max-width: 1300px) {
    .desktop-logo{display:block;}
    .tablet-logo{display:none;}
    .mobile-logo{display:none;}}
    @media (max-width: 1060px) {
      .desktop-logo{display:none;}
      .tablet-logo{display:block;}
      .mobile-logo{display:none;}}
      @media (max-width: 970px) {
        .desktop-logo{display:none;}
        .tablet-logo{display:block;}
        .mobile-logo{display:none;}}
        @media (max-width: 740px) {
          .desktop-logo{display:none;}
          .tablet-logo{display:none;}
          .mobile-logo{display:block;}}
/* JUTARNJI LIST FOOTER */

#jl-footer-container {
  background-color: #fff;}
#jl-footer {
  width: 100%;
  max-width: 1300px;
  margin: 0px auto;
  font-family: tahoma, helvetica, clean, sans-serif;
  padding-top: 5px;
  margin-top: -7px;}
#jl-footer ul li {
  display: inline;}
#jl-footer #jl-footer-links {
  padding-bottom: 5px;
  border-bottom: 1px dotted #f0f0f0;}
#jl-footer #jl-footer-links ul li {
  margin-right: 15px;}
#jl-footer #jl-footer-links ul li a {
  color: #003c93;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 0.5;}
#jl-footer #jl-footer-links ul li a:hover {
  text-decoration: underline;}
#jl-footer #jl-footer-impressum {
  font-size: 11px;
  padding: 15px;
  border-bottom: 1px dotted #f0f0f0;}
#jl-footer #jl-footer-impressum {
    font-size: 11px;
    padding: 15px;
    border-bottom: 1px dotted #f0f0f0;}
#jl-footer #jl-footer-impressum a {
  color: #003c93;
  text-decoration: none;}
#jl-footer #jl-footer-impressum a:hover {
  text-decoration: underline;}
#jl-footer #jl-footer-copyright {
  font-size: 12px;
  text-align: center;
  padding: 5px;}

.wrapper-footer-top{
  position: relative;
  overflow: hidden;
  width: 100%;}
  .footer-top {
    width:100%;
    max-width: 1300px;
    margin: 0 auto;
    display:block;}
    .footer-top a img {
      width: 1300px;
      float: right;}