:root {
  --lila:#e43a88;
  --lila-hover:#ee539a;
  --lila-light:#c95fa2;
  --modra: #78ccf0;
  --grey: #6d6e71;
}

hr {
  border: 1px solid #eee;
}

/* PRESET */
/*********************************************/
/*********************************************/

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
  /*overflow-y: scroll;*/
}

body {
  font-family: "Roboto Condensed", sans-serif;
  padding: 0px;
  margin: 0px;
  line-height: 140%;
  font-size: 18px;
}

strong {
  font-weight: 500;
}

p { 
  margin:0px; 
  padding:0px;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  max-width: 100%;
  height: auto;
}

.naslov-lila {
  color: var(--lila);
  font-weight: 600;
  font-size: 30px;
}


.content, .content-v {
  position: relative;
  width: 100%;
  max-width: 1522px;
  margin: 0 auto;
  padding: 0px 30px;
}

.content-l {
  position: relative;
  width: 100%;
  max-width: 1622px;
  margin: 0 auto;
  padding: 0px 30px;
}

.content-xl {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0px 80px;
}

/* top */

.top {
  width: 100%;
  float: left;
  position: relative;
  background: var(--lila-light);
  color: #fff;
  padding: 15px 0px;
  font-weight: 500;
  overflow: hidden;
}

.top a {
  color: #fff;
  text-decoration: none;
}

.top a:hover {
  color: #edd0e1;
}


.top img {
  vertical-align: middle;
  margin-right: 10px;
}

.width20 {
  float: left;
  width: 20%;
}

.top .width20:nth-child(2), .top .width20:nth-child(4) {
text-align: center;
}

.top .width20:nth-child(3) {
  padding-top: 0;
  text-align: center;
}

.top .width20:nth-child(5) {
  text-align: right;
}

.naziv {
  float: left;
  width: 100%;
  padding: 30px 0px;
  border-bottom: 2px solid #fff;
}

.naziv img {
  width: 500px;
}

/* banner */

.banner {
  position: relative;
  width: 100%;
  float: left;
  text-align: center;
}

.banner .slika {
  width: 100%;
  background-size: cover !important;
  background-position: center !important;
  height: 80vh;
}

.aktual {
  display: none;
}

.nstyle-3 .move_left {
  position: absolute;
  left: 20px;
  top: 45%;
  width: 100px;
  height: 100px;
  background: rgba(0,0,0,0.15);
  border-radius: 100px;
  z-index:100;
  padding-left:14px;
}

.nstyle-3 .move_right {
  position: absolute;
  right: 20px;
  top: 45%;
  width: 100px;
  height: 100px;
  background: rgba(0,0,0,0.15);
  border-radius: 100px;
  z-index:100;
}

.nstyle-3 .move_right:hover, .nstyle-3 .move_left:hover {
  background: rgba(0,0,0,0.6);
}

.arrow {
  border: solid black;
  border-width: 0 8px 8px 0;
  display: inline-block;
  padding: 16px;  
  margin: 28px 0px 0px -6px;
}


.nstyle-3 .move_right:hover .arrow, .nstyle-3 .move_left:hover .arrow {
  border-color: #fff !important;
}

.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

/* meni */

.meni {
  position: relative;
  width: 100%;
  float: left;
  background: var(--modra);
  color: #fff;
  text-transform: uppercase;
}

#navigation {
  width: 100%;
  float: left;
  padding: 20px 0px;
}

#navigation .content-l {
 padding: 0;
}

#navigation ul.nav li ul {
  display: none;
}

#navigation ul.nav {
  padding: 0;
  margin: 0;
}

#navigation ul.nav li {
  list-style-type: none;
  display: inline-block;
}

#navigation ul.nav li a {
  padding: 10px 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-decoration: none;
}

#navigation ul.nav li a:hover, #navigation ul.nav li.active a {
  color: var(--lila);
} 

/* vsebina */

.vsebina {
  width: 100%;
  overflow: hidden;
}

.glavna-vsebina {
  position: relative;
  float: left;
  width: 100%;
}

.glavna-vsebina a {
  color: var(--lila);
  text-decoration: none;
}

.glavna-vsebina a:hover {
  text-decoration: underline;
}

.glavna-vsebina h2, .glavna-vsebina h1 {
  padding-bottom: 15px;
  font-size: 34px;
  color: var(--modra);
}

.glavna-vsebina h3 {
  padding-bottom: 15px;
  font-size: 28px;
  color: var(--modra);
}

.glavna-vsebina h4 {
  padding-bottom: 15px;
  font-size: 24px;
  color: var(--lila);
}

.vsebina-r {
  float: left;
  width: calc(100% - 430px);
  margin-top: 50px;
}

.width50 {
  width: 50%;
  float: left;
}

/* menu levo */

.menu-l {
  float: left;
  width: 400px;
  padding-right: 30px;
  margin-top: 50px;
  margin-right: 30px;
  border-right: 2px solid var(--lila);
  font-weight: 18px;
  text-align: right;
}

.menu-l ul.nav {
  padding: 0;
  margin: 0;
}

.menu-l ul.nav li {
  padding: 10px 0px;
  margin: 0;
  list-style-type: none;
  border-bottom: 1px solid #f8f8f8;
}

.menu-l ul.nav li ul li {
  border-bottom: none;
}

.menu-l ul.nav li a {
  color: var(--grey);
  text-decoration: none;
  font-size: 20px;
  width: calc(100% - 20px);
  display: inline-block;
  margin-right: 10px;
}

.menu-l ul.nav li a:hover {
  color: var(--lila-hover);
}

.menu-l ul.nav li ul li, .menu-l ul.nav li ul li {
  padding-left: 15px;
}

.menu-l ul.nav li ul li ul li, .menu-l ul.nav li ul li ul li {
  padding-left: 15px;
}

.menu-l ul li.active > a { 
  color: var(--lila);
}

.mobile_plus, .mobile_minus {
  float: right;
  /*padding-left: 10px;*/
  color: var(--lila);
  /*width: 20px;*/
}

/* odpiranje zapiranje minijev */

.menu-l ul.nav > li ul {
  display: none;
}

.menu-l ul.nav.active li ul {
  display: none;
}

.menu-l ul.nav.active li.nav.active > ul {
  display: block;
}

.meni #navigation > .nav > li > ul {
  display: none !important;
}

.mobile_plus {
  display: none;
}

li:has(> ul) > .mobile_plus {
  display: block;
}

.mobile_minus {
  display: none;
}

li:has(> ul) > .mobile_minus {
  display: block;
}

/* O prostovoljstvu */

.hocem {
  width: 100%;
  float: left;
  text-align: center;
}

.hocem img {
  margin-top: 30px;
  max-width: 100%;
  height: auto;
  text-align: center;
}

/* gumbi */

a.gumb1 {
  background: var(--lila-light);
  color: #fff;
  border-radius: 20px;
  padding: 30px;
  float: left;
  width: calc(50% - 30px);
  margin-right: 30px;
  margin-bottom: 30px;
  font-size: 24px;
}

a.gumb1:hover, a.gumb3:hover {
  background: var(--modra);
  text-decoration: navajowhite;
} 

a.gumb3 {
  background: var(--lila-light);
  color: #fff;
  border-radius: 20px;
  padding: 30px;
  float: left;
  width: calc(33.33% - 30px);
  margin-right: 30px;
  margin-bottom: 30px;
  font-size: 24px;
}

a.gumb {
  border-radius: 100px;
  border: 2px solid #000;
  display: inline-block;
  padding: 5px 25px;
  font-weight: 400;
  margin-top: 30px;
  color: #000;
  text-decoration: none;
}

a.gumb:hover {
  background: var(--lila);
  color: #fff;
  border: 2px solid var(--lila);
  text-decoration: none;
} 


a.gumb4 {
  display: block;
  border: 2px solid var(--lila);
  padding: 10px;
  border-radius: 50px;
  font-size: 20px;
  text-decoration: none;
  color: #000;
  text-align: center;
}

a.gumb4:hover {
  background: var(--lila);
  color: #fff;
}

button.gumb5 {
  display: block;
  padding: 10px 25px;
  margin-bottom: 50px;
  border-radius: 50px;
  font-size: 20px;
  text-decoration: none;
  background: var(--lila);
  text-align: center;
  color: #fff;
  border: none;
}

button.gumb5:hover {
  background: var(--lila-hover);
}

.desno a.gumb4 {
  width: calc(50% - 60px);
  float: left;
  margin-right: 30px;
}

.desno {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  display: none;
}

/* enews */

.enews {
  position: relative;
  width: 100%;
  float: left;
  padding: 100px 0px;
  background-image: url(media/images/enews.jpg);
  background-position: center center;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-size: 24px;
  margin-top: 100px;
}

.enews h3 {
  font-size: 45px;
  margin: 0;
  padding: 0px 0px 50px 0px;
}

input#politika {
  appearance: none;
  width: 26px;
  height: 26px;
  border: 2px solid white;
  cursor: pointer;
  position: relative;
  top: 7px;
}

input#politika:checked::after {
  content: "✔";
  color: white;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.full1 {
  width: 100%;
  float: left;
  margin-top: 50px;
}

.full ul {
  padding: 0px; 
  margin: 0;
}

.full ul li {
  float: left;
  width: 50%;
  padding: 30px 15px 30px 15px;
  margin: 0px;
  list-style-type: none;
}

.full ul li a img {
  transition: all 0.3s ease;
  width: 100%;
}

.full ul li a img:hover {
  transition: all 0.3s ease;
  box-shadow: 0 0 15px #000;
}

.napredno .full1 label {
  padding-left: 15px;
}

.content-form {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 62px;
}

.enews input[type=text] {
  width: calc(100% - 250px);
  padding: 0px 30px;
  border-radius: 100px 0px 0px 100px;
  float: left;
  border: none;
  font-size: 20px;
  height: 70px;
  margin-left: 20px;
  background: #fff;
}

.enews input[type=submit], .enews button[type=submit] {
  background-color: #241f21;
  color:#fff;
  padding: 15px 25px;
  border-radius: 100px;
  float: left;
  width: 250px;
  border: none;
  font-size: 20px;
  height: 70px;
  margin-left: -37px;
}

.enews input[type=submit]:hover, .enews button[type=submit]:hover {
  background-color: #000;
}

/* bott */

.bott {
  position: relative;
  width: 100%;
  float: left;
  background: var(--modra);
  padding: 60px 0px;
}

.logo {
  float: left;
  width: 200px;
}

.kontakti {
  float: left;
  width: calc(50% - 100px);
  line-height: 35px;
  padding-left: 160px;
}

.kontakti h3 {
  font-size: 45px;
  margin: 0;
  padding: 0px 0px 50px 0px;
  font-family: "Roboto Condensed", sans-serif;
}

.kontakti img {
  width: 27px;
  vertical-align: middle;
  margin-top: 5px;
}

.kontakti p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.kontakti p span {
  display: block
}

.face {
  float: left;
  width: calc(50% - 100px);
  margin-top: 93px;
}

.face a img:hover {
  opacity: 0.75;
}

/* logos */

.logos {
  position: relative;
  float: left;
  width: 100%;
  padding: 60px 0px;
}

.logos a {
  color: #000;
}

.logos a:hover {
  color:var(--lila-hover);
}


/* NEWS*/

.news {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.news h3 {
  font-size: 24px;
  color: var(--lila);
  margin: 0;
  padding: 0px 0px 50px 0px;
  font-family: "Roboto Condensed", sans-serif;
}

.news a, .news a h3 {
  color: var(--main-color);
  text-decoration: none;
}

.news a:hover, .news a:hover h3 {
  color: var(--blue-dark);
}

.width33 {
  float: left;
  width: 33.33%;
  padding: 0px 30px;
}

.news .page, .story .page {
  display: none;
}

.vsebina-r .page {
  float: left;
  padding: 0px 8px;
}

.page a {
  text-decoration: none;
}

/* novice, dogodki, izobraževanja */
ul.nstyle-2, ul.estyle-3, ul.estyle-2 {
  padding: 0px;
  margin: 0;
}

ul.nstyle-2 li, ul.estyle-3 li {
  padding: 0px 0px;
  margin: 0;
  list-style-type: none;
  display: inline-block;
  width: 100%;
  text-align: left;
  vertical-align: top;
  cursor: pointer;
}

ul.nstyle-2 li .date, ul.estyle-3 li .date {
  float:left;
  width: 90px;
  height: 90px;
  background: var(--modra);
  color: var(--lila);
  padding-top: 7px;
  border-radius: 0px 30px 30px 30px;
}

ul.nstyle-2 li:hover .date, ul.estyle-3 li:hover .date  {
  color: #fff;
  background: var(--lila);
}


ul.nstyle-2 li .date span, ul.estyle-3 li .date span {
  float: left;
  width: 100%;
  text-align: center;
}

ul.nstyle-2 li .date span:first-child, ul.estyle-3 li .date span:first-child {
  font-size: 40px;
  font-weight: 800;
  padding-top: 12px;
}

ul.nstyle-2 li .date span:last-child, ul.estyle-3 li .date span:last-child  {
  font-size: 20px;
  padding-top: 7px;
  font-weight: 800;
}

ul.nstyle-2 li .title, ul.estyle-3 li .title, ul.estyle-3 .item_body {
  float:left;
  margin-left: 18px;
  width: calc(100% - 118px);
  font-weight: 600;
}


.nstyle-2 .news_details, .nstyle-3 .news_details  {
  float: left;
  width: calc(100% - 120px);
  margin-left: 20px;
  color: #545454;
  font-size: 14px;
}

ul.nstyle-2 li, ul.estyle-3 li {
  width: 100%;
  float: left;
  margin-bottom: 50px;
}

.story .button {
  margin-top: 0;
}

.button {
  text-align: center;
  float: left;
  width: 100%;
  margin-top: 10px;
}

a.butt {
  background: var(--lila);
  color: #fff !important;
  text-decoration: none;
  display: inline-block;
  padding: 10px 35px;
  font-size: 20px;
  border-radius: 50px;
  font-weight: 400 !important;
}

a.butt:hover {
  background: var(--lila-hover);
  color: #fff;
}

a.butt-2 {
  display: block;
  border: 2px solid var(--lila);
  padding: 10px;
  border-radius: 50px;
  font-size: 20px;
}

a.butt-2:hover {
  background: var(--lila);
  color: #fff;
}

/* story */

.story .content {
  max-width: 1000px;
}

.story {
  position: relative;
  float: left;
  width: 100%;
  background: #f1f1f2;
  padding: 100px 0px;
  margin-bottom: 100px;
  text-align: center;
  font-size: 24px;
}

.story h2 {
  margin-bottom: 50px;
  font-size: 45px;
  color: #000;
}

.story img {
  display: none;
}

.story p {
  line-height: 140%;
}

.story a {
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

.story a:hover {
  color: var(--lila);
}

h3 {
  font-weight: 600;
  line-height: 120%;
  font-family: "Roboto Slab", serif;
}

h2 {
  font-size: 45px;
  line-height: 120%;
  font-family: "Roboto Slab", serif;
  margin: 0;
}

ul.nstyle-1 {
  padding: 0;
  margin: 80px 0px 0px 0px;
  font-size: 18px;
}

ul.nstyle-1 li .image::after {
  content:'';
  background-image: url(media/images/icons/narek.png);
  width: 100px;
  height: 72px;
  z-index: 5;
  position: absolute;
}

ul.nstyle-1 li {
  padding: 0px 0px 100px 0px;
  margin: 0;
  list-style-type: none;
  width: 100%;
  float: left;
  text-align: left;
}

ul.nstyle-1 li .image {
  margin-right: 80px;
  background-size:cover;
  width: calc(50% - 50px);
  background-size: cover !important;
  background-position: center !important;
  border-radius: 100%;
  width: 400px;
  height:400px;
  float: left;
}

ul.nstyle-1 li .image img {
  display: none;
}

ul.nstyle-1 li .title {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 15px;
  margin-top: 50px;
}

.story .readmore a {
  border-radius: 100px;
  border: 2px solid #000;
  display: inline-block;
  font-size: 20px;
  padding: 5px 25px;
  font-weight: 400;
  margin-top: 20px;
}

.story .readmore a:hover {
  background: var(--lila);
  color: #fff;
  border: 2px solid var(--lila);
} 

/* izobraževanje */

ul.estyle-2 li a .item_body {
  padding: 20px;
  background:var(--lila-light);
  border-radius: 10px;
  transition: all 0.3s ease;
  color: #fff;
}

ul.estyle-2 li a .item_body:hover {
  box-shadow: 0 0 11px #555;
  background: var(--lila-hover);
  transition: all 0.3s ease;
}

ul.estyle-2 li {
  margin: 0px 0px 20px 0px;
  padding: 0;
  background: non;
  list-style-type: none;
  display: inline-block;
  width: 100%;
  text-align: left;
  vertical-align: top;
  cursor: pointer;
}

ul.estyle-2 li a {
  text-decoration: none;
}

ul.estyle-2 li a .item_body span:first-child {
  display: block;
  font-size: 18px;
}

ul.estyle-2 li a .item_body span:nth-child(2), ul.estyle-2 li a .item_body span:nth-child(3), ul.estyle-2 li a .item_body span:nth-child(4)  {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 300;
  border-right: 1px solid #fff;
}

ul.estyle-2 li a .item_body span:nth-child(2) {
  padding-left: 0;
}

ul.estyle-2 li a .item_body span:nth-child(4) {
  border-right: none; 
}

.ql-size-large {
  color: var(--modra);
  font-family: "Roboto Slab", serif;
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  font-weight: 500;
}

/* last-work */

.last-work {
  width: 100%;
  position: relative;
  overflow: auto;
  padding: 100px 30px;
}

.last-work .content-v {
  padding: 0;
}

.last-work h2 {
  text-align: center;
  margin-bottom: 100px;
  font-size: 45px;
  color: #000;
}

.work_item {
  float: left;
  width: 33.33%;
  padding: 0px 30px 30px 30px;
  position: relative;
}

.work_item .item_title {
  font-size: 24px;
  color: var(--lila);
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 30px;
}

.item_organisation {
  margin-top: 30px;
}

.item_organisation img, .item_time img {
  display: none;
}

.last-work a.butt-2 {
  background: var(--lila);
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 10px 35px;
  font-size: 20px;
}

.last-work a.butt-2:hover {
  background: var(--lila-hover);
} 

.item_image.new {
  width: 100%;
  height: 300px;
  background-size: cover !important;
  background-position: center !important;
}

.item_preberi_vec a {
  border-radius: 100px;
  border: 2px solid #000;
  display: inline-block;
  padding: 5px 25px;
  font-weight: 400;
  margin-top: 30px;
  color: #000;
  text-decoration: none;
}

.item_preberi_vec a:hover {
  background: var(--lila);
  color: #fff;
  border: 2px solid var(--lila);
} 

.blok_01 {
  position: relative;
  width: 100%;
  float: left;
  background: #f2f2f2;
  padding: 100px 0px;
}

.brokerage {
  margin: 0 auto;
  position: relative;
  max-width: 1522px;
  text-align: center;
  font-size: 24px;
}

.brokerage h2 {
  margin-bottom: 50px;
  font-size: 45px;
  color: #000;
}

.podrocje_33 {
  float: left;
  width: calc(33.33% - 60px);
  margin: 0px 30px;
  margin-top: 50px;
}

.podrocje_tipka {
  width: 33.33%;
  float: right;
  text-align: right;
  padding: 0px 30px;
  margin-top: 30px;
}

.podrocje_tipka button {
  padding: 15px 12px;
  border: 2px solid var(--lila);
  border-radius: 50px;
  width: 100%;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif !important;
  background: var(--lila);
  color: #fff;
}

.podrocje_tipka button:hover {
  background: var(--lila-hover);
}

input[type=text], select, textarea, input[type=date], input[type=password] {
  width: 100%; /* Full width */
  padding: 15px 12px;
  border: 2px solid var(--lila);
  border-radius: 50px;
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  background: none;
  text-align: center;
  font-size: 20px;
  font-family: "Roboto Condensed", sans-serif !important;
}

.enews input[type="text"] {
  text-align: left;
}

 /* statistic */

 .statistic {
  margin: 0 auto;
  position: relative;
  max-width: 1522px;
  text-align: center;
  line-height: 180%;
  overflow: auto;
  margin-bottom: 100px;
  padding: 0px 30px;
 }

 .statistic ul {
  padding: 0;
  margin: 0;
 }

 .statistic ul li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
  width: calc(33.33% - 60px);
  margin: 0px 30px;
  background: var(--modra);
  color: #fff;
  border-radius: 30px;
  padding: 40px 0px;
  font-size: 24px;
  max-height: 230px;
  min-height: 200px;
  height: 100vh;
 }

 .statistic ul li .number {
  font-size: 100px;
  font-weight: 700;
  width: 100%;
  float: left;
  line-height: 95%;
  margin-bottom: 10px;
  font-family: "Roboto Slab", serif;
 }

 /* začasne posebnosti */

 .content.last-work .work_item:last-child {
  display: none;
 }

 #navigation {
  text-align: center;
 }

 #navigation .mobile_plus,  #navigation .mobile_minus {
  display: none;
 }

 #navigation ul li span {
  display: none;
 }

 /* VISULA - ZA SLABOVIDNE */
.visual {
  position: absolute;
  bottom: 0px;
  right: 0px;
  position: fixed;
  z-index: 100;
  background: #fff;
  border: 1px solid #000;
  line-height: 0;
  padding: 5px;
}

.visual img {
  width: 50px;
  height: auto;
}

.visual-in {
  background: #fff;
  padding: 10px;
  border: 1px solid #000;
  border-right: none;
  right: 62px;
  bottom: 0;
  position: fixed;
  line-height: 0;
}

.visual-in img {
  width: 40px;
  height: auto;
  margin: 0px 3px;
}

.visual-in a img {
    border-bottom: 6px solid #fff;
    margin-top: -6px;
    padding-bottom: 4px;
    margin-bottom: -10px;
    padding-top: 6px;
}

.visual-in a.selected img {
  border-bottom: 6px solid #000; 
}

/* iskalnik */

.iskalnik {
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  text-align: center;
  background: rgba(201,95,162,0.85);
  margin-top: -390px;
  transition: all 0.5s ease;
}

.iskalnik button {
  border: none;
  vertical-align: middle;
}

.iskalnik input {
  border-radius: 50px;
  border: none;
  padding: 16px 20px;
  width: 320px;
}

.zapri {
  position: absolute;
  text-align: right;
  color: #fff;
  width: calc(100% - 50px);
  font-size: 2rem;
  padding: 10px 20px;
  z-index: 1;
}

.iskalnik form {
  position: relative;
  z-index: 2;
}

/* search_results */
.search_results {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.search_results .work_item {
  width: calc(33.33% - 30px);
  margin-right: 30px;
  padding: 0px 0px 30px 0px;
}

.search_results .work_item .item_image {
  height: 250px;
  background-size: cover !important;
  position: relative;
  border: 1px solid #f8f8f8 !important;
  background-position: center !important;
}

.search_results .work_item::before {
  content: '';
  background-image: url(/2025/media/images/bg-image.jpg);
  background-size: cover;
  width: 100%;
  height: 250px;
  position: absolute;
}

.item_image .jezik {
  background: rgba(1,1,1,0.5);
  color: #fff;
  padding: 2px 10px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
}

.iskalnik-pos h3 {
  margin: 0;
  padding: 0px 0px 10px 0px;
  font-size: 24px;
}

.iskalnik-pos select {
  margin-bottom: 50px;
}

.iskalnik-pos input[name="kraj"] {
  margin-bottom: 50px;
  width: 100% !important;
}

.glavna-vsebina [type="checkbox"] {
  width: 20px; /* Velikost checkboxa */
  height: 20px;
  appearance: none; /* Odstrani privzeti stil brskalnika */
  border: none; /* Doda okvir */
  background-color: #f0f0f0; /* Ozadje checkboxa */
  cursor: pointer; /* Klikabilni kazalec */
}

.cek input {
  appearance: none;
  width: 26px;
  height: 26px;
  border: 2px solid white;
  cursor: pointer;
  position: relative;
  top: 7px;
}

.cek input:checked::after {
  content: "✔";
  color: var(--lila);
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


/* Posredovalnica del */

.niz-1 {
	position: relative;
	width: 100%;
  background: #f8f8f8;
  padding: 8px;
  margin-top:6px;
  font-size: 14px;
  cursor: pointer;
  display: flex;
}

.niz-1.disabled {  
  opacity: 0.8;
  background: repeating-linear-gradient( -45deg, #f2f2f2, #f2f2f2 5px, #eee 5px, #eee 10px );
}

.niz-1:hover {
  background: #f3f3f3;
}

.niz-2 {
	position: relative;
	width: 100%;
  float: left;
  font-size: 14px;
  padding: 12px 8px 36px 8px;
}

.naslov-xs {
	font-weight: 300;
	width: 100%;
	display:inline-block;
  margin-top: 8px;
  font-size: 14px;
  color: var(--blue-dark);
  font-weight: 500;
}

.naslov2-xs {
	font-weight: 300;
	display:inline-block;
  margin-top: 8px;
  font-size: 14px;
  color: var(--blue-dark);
  font-weight: 500;
}

.width-0 {
  float: left;
  width: 150px;
  padding-right: 10px;
}

.width-1 {
  float: left;
  width: calc(40% - 150px);
  padding: 0px 5px;
}

.width-2 {
  float: left;
  width: 20%;
  border-left: 1px solid #ddd;
  padding: 0px 8px;
}

.width-1 span, .width-2 span {
  font-size: 10px;
  width: 100%;
  float:left;
  padding: 0px;
  color: #999;
  line-height: 100%;;
}

.jezik {
  color: var(--lila);
}

@media only screen and (max-width: 1200px) {
  .kontakti {
    padding-left: 50px;
  }

  .face{
    padding-left: 20px;
  }

  #navigation {
    text-align: left;
  }

  #navigation .content-l {
    padding: 0px 10px;
  }

  .work_item {
    padding: 0px 20px 30px 20px;
  }

  .item_image.new {
    height: 280px;
  }
}

@media only screen and (max-width: 1150px) {
  .width-0 {
    width: 100%;
  }
  
  .width-1 {
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .width-2 {
    border-left: none;
    width: 33.33%;
  }

  .niz-1 {
    display: block;
  }
}

@media only screen and (max-width: 1110px) {
  .width33 {
    padding: 0px 15px;
  }

  .work_item {
    padding: 0px 15px 30px 15px;
  }

  .statistic ul li {
    width: calc(33.33% - 30px); 
    margin: 0px 15px;
  }

  .statistic {
    padding: 0px 15px;
   }

   .top .center {
    display: flex; /* Postavi .width20 div-e enega zraven drugega */
    flex-wrap: wrap; /* Če ni dovolj prostora, se prelomi */
    align-items: flex-start; /* Poravnava vse na vrh */
   }

   .top .width20 {
    text-align: center;
   }

   .top .width20 img {
    display: block; /* Da se slika postavi na svojo vrstico */
    margin: 0 auto 10px; /* Centrira sliko in doda prostor spodaj */
  }

  .top .width20 a {
    display: flex;
    flex-direction: column; /* Postavi elemente navpično */
    align-items: center; /* Centrira vsebino */
  }
}

@media only screen and (max-width: 1000px) {
  .width33 {
    width: 50%;
  }

  .news .width33:last-child {
    margin-top: 50px;
  }

  ul.nstyle-1 li .image {
    margin-right: 50px;
    width: 300px;
    height: 300px;
  }

  .statistic ul li .number {
    font-size: 70px;
  }

  .podrocje_33 {
    float: left;
    width: calc(33.33% - 20px);
    margin: 0px 10px;
  }

  .podrocje_tipka {
    padding: 0px 10px;
  }

  .menu-l {
    width: 300px;
  }
  .vsebina-r {
    width: calc(100% - 330px);
  }

  .width50 {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .width33 {
    width: 100%;
    margin-bottom: 50px;
  }

  .news .width33:last-child {
    margin-top: 0;
  }

  .logo {
    width: 100%;
    text-align: center;
  }
  .kontakti, .face {
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-top: 50px;
  }

  .kontakti p {
    display: block;
  }

  .kontakti img {
    margin-top: -5px;
  }  

  ul.nstyle-1 li .title {
    margin-top: 15px;
  }

  ul.nstyle-1 li .image {
    margin-bottom: 50px;
    margin-right: 30px;
  }

  .statistic ul li {
    max-height: 200px;
  }

  .statistic ul li .number {
    font-size: 50px;
  }

  .work_item {
    width: 100%;
    padding: 0px 0px 30px 0px;
  }

  .brokerage form {
    padding: 0px 20px;
  }

  .width33 {
    padding: 0px;
  }

  .search_results .work_item {
    width: calc(50% - 30px);
  }

  .menu-l {
    width: 100%;
    padding-right: 0;
    margin-right:0;
    text-align: left;
    border-right: none;
  }

  .vsebina-r {
    width: 100%;
  }

}

@media only screen and (max-width: 640px) {
  ul.nstyle-1 li .image {
    width: 100%;
    background: none !important;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  ul.nstyle-1 li .image img {
    display: block;
    width: 300px; 
    height: 300px;
    border-radius: 50%; 
    object-fit: cover;
  }

  ul.nstyle-1 li {
    text-align: center;
    position: relative;
  }

  ul.nstyle-1 li .image::after {
    top: 0;
    left: 10%;
  }

  .enews input[type="submit"] {
    width: 150px;
  }
  .enews input[type="text"] {
    width: calc(100% - 116px);
    margin-left: 0;
  }

  .statistic ul li {
    width: 100%;
    margin: 0px 0px 30px 0px;
  }

  .podrocje_33 {
    width: 100%;
    margin: 0px 0px 30px 0px;
  }

  .width-1 {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 8px 0px;
  }
  .width-2 {
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid #ddd;
    border-left: none;
    padding: 8px 0px;
  }

  .width-2:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .iski-2 {
    display: block;
  }
  .iski-napredno {
    padding-left: 0px;
  }

  .full ul li {
    width: 100%;
    padding: 0px 0px 30px 0px;
  }

  a.gumb1, a.gumb3 {
    width: 100%;
    margin-right: 0px;
  }

}

@media only screen and (max-width: 479px) {
  .content, .content-v {
    padding: 0px 20px;
  }
  
  ul.nstyle-1 li .image::after {
    left: 0;
  }

  .search_results .work_item {
    width: 100%;
    margin-right: 0;
  }
}