/* FRONTEND CSS
*********************************************/
html {
	overflow-y: scroll;
  }
  body {
	font-family: 'Roboto', sans-serif;
	color: #212529;
	background-color: #f5f5f5;
	line-height: 22px;
  }
  
  * {
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
	  box-sizing: border-box;         /* Opera/IE 8+ */
  }
  
  p {
	  margin-bottom: 0;
  }
  
  table {
	  caption-side: bottom;
	  border-collapse: collapse;
	}
	
  
  
  th {
	  font-weight: $table-th-font-weight; // 1
	  text-align: inherit; // 2
	  text-align: -webkit-match-parent; // 3
  }
	
	thead,
	tbody,
	tfoot,
	tr,
	td,
	th {
	  border-color: inherit;
	  border-style: solid;
	  border-width: 0;
	}  
  
  /* LAYOUT
  *********************************************/
  /* Floats */
  .float-left {
	float: left;
  }
  .float-right {
	float: right;
  }
  .group:before,
  .group:after {
	content: "";
	display: table;
  }
  .group:after {
	clear: both;
  }
  .ie7 .group {
	zoom: 1;
  }
  
  /* Media Queries
  *********************************************/
  /* Retina */
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
	
  }
  /* Landscape phones and down */
  @media (max-width: 480px) {
	
  }
  /* Landscape phone to portrait tablet */
  @media (max-width: 767px) {
	
  }
  /* Portrait tablet to landscape and desktop */
  @media (min-width: 768px) and (max-width: 979px) {
	
  }
  /* Large desktop */
  @media (min-width: 1200px) {
	
  }
  
  .content {
	  max-width: 1400px;
	  margin: 0 auto;
	  padding-left: 20px;
	  padding-right: 20px;
  }
  
  .width100 {
	  float: left;
	  width: 100%;
  }
  
  .width33 {
	  float: left;
	  width: 33.33%;
  }
  
  .width70 {
	  float: left;
	  width: 73%;
  }
  
  .width30 {
	  float: left;
	  width: 25%;
  }
  
  .width40 {
	  float: left;
	  width: 40%;	
  }
  
  .width46 {
	  float: left;
	  width: 50%;	
  }
  
  .width60 {
	  float: left;
	  width: 60%;	
  }
  
  .width66 {
	  float: left;
	  width: 66.66%;
	  padding-left: 10px;
  }
  
  .width50 {
	  float: left;
	  width: 50%;
  }
  
  .height25 {
	  height: 300px;
  }
  
  .odmik-t {
	  margin-top: 50px;
  }
  
  .odmik-r {
	  padding-right:20px;
  }
  
  .odmik-l {
	  padding-left: 20px;
  }
  
  .right {
	  text-align: right;
  }
  
  strong {
	  font-weight: 500;
  }
  
  /* Banner obvestila */
  
	.moduletable.obv .readmore a {
	  color: #000;
	  background: none;
	  padding: 2px 8px;
	  margin: 15px 0px 0px 0px;
	  display: inline-block;
	  border: 2px solid #000;
	  text-decoration: none;
	  border-radius: 1px;
	  }
  
	  .moduletable.obv .readmore a:hover {
		  background: #fff;
		  color: #000;
		  border: 2px solid #fff;
	  }
  
	  .moduletable.obv .mod-articlesnews.newsflash {
		  position: relative;
		  width: 100%;
		  float: left;
		  padding: 30px 30px 0px 30px;
		  background-color: #94c11e;
		  z-index: 5;
		  padding-left: 50px;
		  margin: 20px 0px;
		  box-shadow: 0px 3px 4px -1px #ddd;
		  border: 20px solid #fff;
	  }
  
	  .moduletable.obv h3 {
		  font-weight: 500;
		  font-size: 24px;
		  margin: 0;
		  padding: 0px 0px 15px 0px;
	  }
  
	  .moduletable.obv .mod-articlesnews__item {
		  padding-bottom: 30px;
	  }
  
  /* top */
  
  .top {
	  padding: 28px 20px;
	  position: relative;
	  overflow: auto;
  }
  
  .top a {
	  color: #004884;
	  text-decoration: none;
  }
  
  .social {
	  float: left;
	  width: 130px;
  }
  
  .social img {
	  margin-right: 10px;
	  width: auto;
	  height: 23px;
  }
  
  .social img:hover {
	  opacity: 0.85;
  }
  
  .phone {
	  float: right;
	  width: 130px;
	  color: #004884;
	  font-size: 18px;
  }
  
  .iskalnik {
	  float: right;
	  width: auto;
	  padding: 0px 30px;
	  margin-top: -3px;
  }

  .form-control {
	border-radius: 100px 0px 0px 100px;
	padding: 6px;
  	border: 1px solid #ddd;
  }


  .btn-primary {
	border-radius: 0px 100px 100px 0px;
	background-color: #035ca7;
	border:#035ca7;
	color: #fff;
	padding: 7px;
  }
  
  .btn-primary:hover {
	background-color: #035ca7;
  }
  
	ul.navbar-nav {
	  float: left;
	  width: 100%;
	}
  
  .menu-all .iskalnik input[type="search"] {
	  border:0.5px solid #004884;
	  border-radius: 0;
  }
   
  .menu-all .iskalnik {
	  padding: 0px;
  }
  
  .iskalnik input[type="search"] {
	  background: #fff;
	  border:none;
	  border-radius: 5px;
	  padding:8px;
	  float: left;
	  margin-top: -6px;
	  margin-left: 3px;
  }
  
  .iskalnik input.button {
	  width: 20px;
	  height: 20px;
	  float: left;
	  margin-top: 3px;
	  margin-left: 5px;
  }
  
  .menu-all .iskalnik input.button {
	  margin-left: -30px;
  }
  
  .lang {
	  float: right;
	  width: auto;
	  color: #004884;
	  padding-top: 1px;
  }
  
  .lang a {
	  color: #004884;
	  text-decoration: none;	
  }
  
  .lang a:hover {
	  color: #95c11f;
  }
  
  .motnje {
	  background: url(/templates/j4starter/images/bg-motnje.png);
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center;
	  color: #fff;
	  position: relative;
	  width: 100%;
	  margin: 20px 0px 0px 0px;
	  overflow: auto;
  }
  
  .motnje a {
	  text-decoration: none;
	  color: #fff;
  }
  
  .motnje a:hover {
	  color: #95c11f;
  } 
  
  .motnje ul li {
	  list-style-image: url(/templates/j4starter/images/bullet2.png);
  }
  
  .vsebina .width70 ul li, .vsebina .width46 ul li, .vsebina .width46 ul li {
	  list-style-image: url(/templates/j4starter/images/bullet.png);
	  padding: 0px;
	  margin: 0px;
  }

  .com-finder__pagination .vsebina .width70 ul li {
	list-style-image: none;
  }

  ul.pagination li {
	list-style-image: none !important;
  }
  
  .motnje .width40 {
	  font-size: 20px;
	  padding: 28px 20px;
  }
  
  /* Levi stolpec */
  .moduletable._levi {
	  border:1px solid #004884;
	  padding: 15px;
	  color: #004884;
	  margin-bottom: 30px;
  }
  
  .moduletable._levi h3 {
	  background: #004884;
	  color: #fff !important;
	  font-weight: 600;
	  padding: 15px !important;
	  display: block;
	  margin: -15px -15px 15px -15px;
  }

  /* gallery */

.tab-click-loadMore.active, .osgalery-cat-tabs {
	display: none !important;
  }

  /* piškotki */

  .cpnb-message {
	font-size: 1rem;
	width: 100%;
	float: left;
	text-align: left !important;
  }
  
  .cpnb-buttons {
	text-align: left !important;
  }
  
  #cpnb_inner a {
	color: #000;
  }
  
  #cpnb_inner a:hover {
	color: var(--blue);
  }

  
  /* vsebina */
  .vsebina {
	  position: relative;
	  width: 100%;
	  margin-top: 40px;
	  overflow: auto;
	  font-size: 14px;
  }
  
  .vsebina a {
	  color: #004884;
	  text-decoration: none;
  }
  
  .vsebina a:hover {
	  color: #94c11e;
  }
  
  .domov .vsebina {
	  display: none;
  }
  
  .vsebina img {
	  max-width: 100%;
	  height: auto;
  }
  
  .btn-secondary {
	  border: none;
	  padding: 6px;
  }
  
  [class^=icon-] {
	  font-size: 0;
  }
  
  .readmore a {
	  font-size: 14px;
	  text-decoration: none;
	  color: #fff;
	  background: url(/templates/j4starter/images/arhiv-gumb.png);
	  background-position: right center;
	  background-repeat: no-repeat;
	  padding: 3px 15px 3px 10px;
	  margin-top: 10px;
	  display: inline-block;
  }
  
  .readmore a:hover {
	  background: url(/templates/j4starter/images/arhiv-gumb-over.png);
	  background-position: right center;
	  color: #fff;
	  background-repeat: no-repeat;
  }
  
  a.readmore {
	  color: #fff;
	  background:#94c11e;
	  padding: 2px 8px;
	  margin: 5px 0px 30px 0px;
	  display: inline-block;
  }
  
  a.readmore:hover {
	  background:#004884;
  }
  
  /* Pomembne številke */
  
  .itemid-121 table tr td, .itemid-103 table tr td, .itemid-174 table tr td {
	  border-right: 25px solid #fff;
	  border-top: 25px solid #fff;
	  border-bottom: none;
	  border-left: none;
	  background:#004884;
	  color: #fff;
	  padding: 20px;
	  vertical-align: top;
  }
  
  .itemid-121 table tr td a, .itemid-103 table tr td a, .itemid-174 table tr td a {
	  color: #fff;
  }
  
  /* Abecednik odpadkov */
  
  .category-list table {
	  background: none;
	  margin-top: 15px;
  }
  
  .category-list table tr {
	  border-bottom: 1px solid #ddd;
  }
  
  .category-list table tr td {
	  border:none;
	  padding: 15px 0px;
  }
  
  table {
	  width: 100%; 
	  background: #fff;
  }
  
  table tr td, th {
	  border: 1px solid #004884;
	  padding: 5px 8px;
  }
  
  table.katalog tr > td:first-child {
	  width: 33%; 
  }
  
  .moduletable._odpadki h3 {
	  color: #000 !important;
	  font-size: 24px;
	  border-bottom: 1px solid #ddd;
	  padding-bottom: 20px !important;
	  margin-bottom: 20px !important;
	  display: block;
  }
  
  .moduletable._odpadki ul.navbar-nav {
	  margin-bottom: 20px;
  }
  
  .moduletable._odpadki ul li {
	  display: inline-block;
	  list-style: none;
  }
  
  .moduletable._odpadki ul.navbar-nav li a {
	  color: #3dae51;
	  font-size: 16px;
	  font-weight: 500;
  }
  
  .moduletable._odpadki ul.navbar-nav li.active a, .moduletable._odpadki ul.navbar-nav li a:hover {
	  color: #000;
  }
  
  /* Osmrtnice in zahvale */
  
  ul.newsflash-horiz_osmrtnice {
	  padding: 0px !important;
	  margin: 0px;
  }
  
  ul.newsflash-horiz_osmrtnice li {
	  float: left;
	  list-style-image: none !important;
	  list-style-type: none;
	  width: calc(50% - 20px);
	  border: 1px solid #000;
	  margin-right: 20px !important;
	  margin-bottom: 20px !important;
	  text-align: center;
	  padding: 110px 20px 20px 20px !important;
	  background: url(/templates/j4starter/images/osmrtnica.png);
	  background-position: top center;
	  background-repeat: no-repeat;
  }
  
  
  /* Posamezne vsebine člankov */
  .urnik-odvoza-odpadkov .blok_v img {
	  margin: 0px 15px 15px 0px;
  }
  
  .itemid-101 .blok_v  {
	  display: none;
  }
  
  /* menu */
  ul.navbar-nav {
	  padding: 0px;
	  margin: 0px;
  }
  
  .menu-blue ul.navbar-nav, .menu-white ul.navbar-nav {
	  display: inline-block;
  }
  
  .menu-blue ul.navbar-nav li {
	  list-style-type: none;
	  display: inline-block;
	  padding-right: 20px;
  }

  .menu-white ul.navbar-nav li {
	list-style-type: none;
	display: inline-block;
}
  
  ul.navbar-nav p {
	  padding: 0;
	  margin: 0;
  }
  
  ul.navbar-nav li {
	  list-style-type: none;
  }
  
  .menu-blue ul.navbar-nav li a {
	  color: #fff;
	  font-size: 19px;
	  font-weight: 600;
	  padding: 0px 0px 10px 0px;
  }
  
  .menu-blue .moduletable_menu {
	  padding-top: 17px;
  }
  
  .menu-blue ul.navbar-nav li a { 
	  /*background: url(../images/crtica.png) !important;*/
	  color: #fff !important;
	  background-position: bottom left !important;
	  background-repeat: no-repeat !important;
	  position:relative;
	  /*border-bottom:2px solid #090;*/
	  display: inline-block;
  }
  
  .width30 .moduletable.menu img {
	  display: none;
  }
  
  .menu-blue ul.navbar-nav li a:before {
	content : "";
	position: absolute;
	left    : 0;
	bottom  : 0;
	height  : 1px;
	width   : 0px;
	color: #fff !important;
	background-position: bottom left !important;
	background-repeat: no-repeat !important;  
	border-bottom:2px solid #090;
  }
  
  .menu-blue ul.navbar-nav li a:hover:before {
	width   : calc(100% - 30px); 
	transition: all 0.3s ease-in-out;
  }
  
  ul.navbar-nav li a {
	  text-decoration: none;
	  color: #212529;
	  font-size: 14px;
	  padding: 0px 15px 0px 0px;
	  display: inline-block;
  }
  
  ul.navbar-nav li a:hover {
	  color: #004884;
  }
  
  .menu-white ul li.item-107 {
	  float: right;
	  padding-left: 15px;
	  margin-right: -15px;
  }
  
  .menu-white ul li.item-260 {
	  float: right;
	  font-weight: 600;
	  border-right: 1px solid #000;
  }
  
  .menu-blue {
	  position: relative;
	  width: 100%;
	  overflow: auto;
	  background: #004884;
	  color: #fff;
	  padding: 20px;
	  z-index: 2;
  }
  
  .meni {
	  float: left;
	  width: calc(100% - 255px);
	  text-transform: uppercase;
	  padding-left: 25px;
	  padding-top: 19px;
  }
  
  .menu-white {
	  position: relative;
	  width: 100%;
	  background: #fff;
	  padding: 7px 20px;
	  box-shadow: 0px 0px 25px 0px #e4e4e4;
	  z-index: 1;
	  overflow: auto;
  } 
  
  .meni-bb {
	  float: left;
	  width:75px;
	  text-align: right;
	  padding-top: 18px;
  }
  
  .meni-bb img {
	  height: 15px;
  }
  
  .meni-bb a {
	  color: #fff;
	  text-decoration: none;
	  font-weight: 500;
	  font-size: 21px;
  }
  
  .meni-bb a:hover {
	  color: #95c11f;
  }
  
  .logo {
	  float: left;
	  width: 180px;
	  border-right: 1px solid #fff;
  }
  
  .logo img {
	  width: 150px;
	  height: auto;
  }
  
  /* Menu desno */
  
  .navbar-nav .dropdown-menu {
	  position: relative !important;
  }
  
  .width30 ul.navbar-nav li a {
	  font-weight: 500;
	  padding: 5px 0px 5px 20px;
	  display: block;
	  font-size: 16px;
	  background: url(/templates/j4starter/images/arrow-right.png);
	  background-repeat: no-repeat;
	  background-position: top left;
  }
  
  .width30 ul.navbar-nav.menu ul {
	  padding-left: 20px;
  } 
  
  .width30 ul.navbar-nav.menu ul li a {
	  padding: 130px;
  }
  
  .width30 ul.navbar-nav.menu li.active a {
	  background: url(/templates/j4starter/images/arrow-down.png);	
	  background-repeat: no-repeat;
	  color: #004884;
  }
  
  .width30 ul.navbar-nav li.active ul li a {
	  font-weight: 400;
	  color: #6d6d6d;
	  background:none;
  }
  
  .width30 ul.navbar-nav li.active ul li a:hover {
	  color: #004884;
  }
  
  .width30 ul.navbar-nav li ul li.active a {
	  color: #000;
		font-weight: 500;
  }
  
  .width30 ul.navbar-nav li.active ul {
	  padding-left: 13px;
  }
  
  .width30 ul.navbar-nav li.active ul li ul {
	  padding-left: 13px;
  }
  
  .width30 ul.navbar-nav li.active ul li ul li a {
	  font-weight: 400;
	  color: #000;
	  background:none;
  }
  
  .width30 ul.navbar-nav li.active ul li ul li ul li a {
	  font-weight: 400;
	  color: #000;
	  background:none;
  }
  
  .width30 ul.navbar-nav li ul li ul li.active a, .width30 ul.navbar-nav li ul li ul li ul li.active a {
	  color: #004884;
		font-weight: 500;
  }
  
  .width30 ul.navbar-nav li:nth-child(1) a, .width30 ul.navbar-nav li:nth-child(2) a {
	  background: none;
  } 
  
  /* Celoten menu */
  
  .zapri {
	  /*
	  position: absolute;
	  right: 50px;
	  top: 50px;
	  z-index: 101;
	  color: #000;
	  width: 50px;
	  height: 50px;
	  */
  }
  
  .zapri {
	  position: absolute;    
	  height: 50px;
	  width: 50px;    
	  top:25px;
	  right:50px;
	  box-sizing: border-box;
	  line-height: 50px;
	  display: inline-block;
	  z-index: 101;
  }
  
  .zapri:before, .zapri:after {
	  transform: rotate(-405deg);
	  content: '';
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  margin-top: -2;
	  margin-left: -25px;
	  display: block;
	  height: 5px;
	  width: 50px;
	  background-color: #004884;
	  transition: all 0.25s ease-out;
  }
  
  .zapri:after {
	  transform: rotate(-495deg);
  }
  
  .zapri:hover:before {
	  transform: rotate(0deg);    
	  cursor: pointer;
  }
  
  .zapri:hover:after {
	  transform: rotate(0deg);
	  cursor: pointer;
  }
  
  .menu-all {
	  position: fixed;
	  width: 100vw;
	  height: 100vh;
	  /*background:#fff;*/
	  z-index: 100;
	  /*padding: 10vh 50px;*/
	  display: none;
  }
  
  .menu-all .nav-child {
	  display:none !important;
  }
  
  .logo1 {
	  margin-bottom: 50px;
	  display: inline-block;
	  float: left;
	  width: 100%;
  }
  
  .logo1 img {
	  width: 200px;
	  height: auto;
  }
  .tel {
	  color: #004884;
	  font-size: 28px;
	  font-weight: 300;
	  display: inline-block;
	  margin-bottom: 30px;
	  float: left;
	  width: 100%;
  }
  
  .odmik-ra {
	  position:absolute;
	  left:0px;
	  top:0px;
	  padding-right: 100px;
	  height:100vh;
	  background:#fff;
	  padding-top:10vh;
  }
  
  .odmik-la {
	  position:absolute;
	  right:0px;
	  top:0px;
	  padding-left: 70px;
	  height:100vh;
	  background:#fff;
	  padding-top:10vh;
  }
  
  .menu-all .moduletable_desno {
	  border:none;
  }
  
  .menu-all .crta {
	  border-left:1px solid #ddd;
  }
  
  
  .menu-all .social {
	  text-align: right;
	  display: block;
	  width: 100%;
	  padding-top: 30px;
  }
  
  .menu-all .moduletable.menu ul.navbar-nav li a {
	  background-repeat: no-repeat !important;
	  background: url(/templates/j4starter/images//arrow-right-1.png);
	  background-position: top left;
	  padding-left: 20px;
	  background-position-y: 2px;
  }
  
  .menu-all .moduletable.menu ul.navbar-nav li.active a {
	  background: url(/templates/j4starter/images/arrow-down-1.png);
	  background-repeat: no-repeat;
	  color: #004884;
  }
  
  .menu-all .moduletable.menu ul.navbar-nav li.active ul li a {
	  background:none; 
  }
  
  
  .menu-all ul.navbar-nav li a {
	  color: #004884;
	  font-weight: 400;
	  font-size: 22px;
	  line-height: 34px;
  }
  
  .menu-all ul.navbar-nav li a:hover {
	  color: #000;
  }
  
  .menu-all .moduletable.menu ul.navbar-nav li.active a {
	  color: #000;
  }
  
  .menu-all .moduletable.menu ul.navbar-nav li.active ul li a {
	  color: #004884;
  }
  
  .menu-all .moduletable.menu ul.navbar-nav li ul li.active a {
	  color: #000; 
  }
  
  .menu-all .moduletable.menu ul.navbar-nav li.active ul li ul li a {
	  color: #004884;
  }
  
  .menu-all .moduletable.menu ul.navbar-nav li ul li ul li.active a {
	  color: #000;
  }
  
  /* Mega menu */
  
  .dj-megamenu-default {
	background: none !important;
	font-family: 'Roboto', sans-serif;
	display: inline-block;
  }
  
  .dj-megamenu-default li a.dj-up_a span {
	  font-weight: 600;
  }
  
  .dj-megamenu-default li.active a.dj-up_a {
	background: #71b1de !important;
  }
  
  .dj-megamenu-default li a.dj-up_a {
	border: none !important;
	font-weight: normal !important;
	font-size: 19px !important;
	padding: 0px 30px 0px 0px !important;
  }
  
  .dj-megamenu-default li:last-child a.dj-up_a {
	  padding: 0px 0px 0px 0px !important;
  }
  
  .dj-megamenu-default li:hover a.dj-up_a,
  .dj-megamenu-default li.hover a.dj-up_a, 
  .dj-megamenu-default li.active a.dj-up_a {
	  background: url(/templates/j4starter/images/crtica.png) !important;
	  color: #fff !important;
	  background-position: bottom left !important;
	  background-repeat: no-repeat !important;
  }
  
  .dj-megamenu.dj-megamenu-default.horizontalMenu ul li {
	text-align: center;
	width: 100%;
  }

ul.dj-mobile-nav.dj-mobile-light li a {
	line-height: 20px;
}

ul.dj-mobile-light li.dj-mobileitem > a {
	padding: 12px 15px;
}

ul.dj-mobile-light li.dj-mobileitem:hover > a, ul.dj-mobile-light li.dj-mobileitem.active > a {
	background: #004884;
	color: #fff;
  }

ul.dj-mobile-light ul li.dj-mobileitem:hover > a, ul.dj-mobile-light ul li.dj-mobileitem.active > a {
	color: #004884;
}

ul.dj-mobile-light li.dj-mobileitem > a span.image-title {
	display: block;
}
  
  /* Show first level submenu */
  .dj-megamenu-default li:hover div.dj-subwrap,
  .dj-megamenu-default li.hover div.dj-subwrap {
	  background: rgba(255,255,255,0.85) !important;
	  box-shadow: none !important;
  }
  /* Show higher level submenus */
  .dj-megamenu-default li:hover div.dj-subwrap li:hover > div.dj-subwrap,
  .dj-megamenu-default li.hover div.dj-subwrap li.hover > div.dj-subwrap {
	  background: #c1c8cb !important;
	  box-shadow:  none !important;
  }
  
  .dj-megamenu-default li ul.dj-submenu > li > a {
	color: #545659 !important;
	font-size: 16px !important;
	font-weight: normal !important;
  }
  
  .dj-megamenu-default li ul.dj-submenu > li > a:hover {
	background:#eee !important;
  }
  
  .dj-megamenu-default li ul.dj-submenu > li {
	  border-top: none !important;
	  border-bottom: 1px solid #b5b9c2 !important;
  }
  
  .dj-megamenu-default li a.dj-up_a span.dj-drop {
	  padding: 0 !important;
  }
  
  /* Mobile menu */
  
  .dj-megamenu-offcanvas-light .dj-mobile-open-btn {
	  background:none !important;
	  color: #fff !important;
  }
  
  .dj-megamenu-offcanvas-light .dj-mobile-open-btn:hover {
	  color: #95c11f !important;
  }
  
  /* front page */
  
  .copyright-block {
	  display: none;
  }
  
  h3.os-gallery-img-title {
	background:rgba(0,0,0,0.60) !important;
	text-shadow: none;
	font-size: 14px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
  }
  
  [class^=os-gallery-tabs-main] .img-block.dimas-effect .os-gallery-caption h3.os-gallery-img-title {
	  width: 100%;
	  bottom: 0;
	  position: absolute !important;
  }
  
  .front {
	  position: relative;
	  width: 100%;
  }
  
  .blok_w {
	  width: 100%;
	  background: #fff;
	  padding: 20px 10px 0px 10px;
	  margin-bottom: 40px;
	  overflow: hidden;
	  box-shadow: 0px 3px 4px -1px #ddd;
  }
  
  .front .blok_w:last-child {
	  padding-bottom: 20px;
  }
  
  .moduletable_dejavnosti h3 {
	  padding: 0px 0px 20px 10px;
	  margin: 0px;
	  color: #004884;
	  font-weight: 400;
	  font-size: 24px;
  }
  
  .blok_v {
	  width: 100%;
	  background: #fff;
	  padding: 20px;
	  margin-bottom: 40px;
	  overflow: hidden;
	  box-shadow: 0px 3px 4px -1px #ddd;
  }
  
  .aktualne-novice .blok_v {
	  padding: 25px 10px;
  }
  
  .blok_v h3 {
	  padding: 0px 0px 8px 0px;
	  margin: 0px;
	  color: #004884;
	  font-weight: 500;
  }
  
  .blok_v h2 {
	  padding: 0px;
	  margin: 0px;
	  font-size: 24px;
	  line-height: normal;
	  font-weight: 400; 
  } 
  
  .blok_v h1 {
	  border-bottom: 1px solid #ddd;
	  padding: 0px 0px 18px 0px;
	  margin: 0px 0px 20px 0px;
	  color: #000;
	  font-size: 24px;
  }
  
  .page-header h2 {
	  padding-bottom: 24px;
  }
  
  .obrazci .page-header h2 a {
	  border-bottom: 1px solid #ddd;
	  width: 100%;
	  display: inline-block;
	  padding-bottom: 10px;
  }
  
  .obrazci .page-header h2 {
	  min-height: auto;
  }
  
  .obrazci .blog .items-leading.clearfix div {
	  width: 100%;
	  float: left;
	  padding: 0px 0px 0px 0px;
  }
  
  .items-leading > div {
	  border-bottom:1px solid #ddd;
	  margin-bottom:25px;
  }
  
  .obrazci .blog h2 {
	  height: auto;
  }
  
  .blok_t {
	  width: 100%;
	  background: #fff;
	  padding: 20px 10px;
	  margin-bottom: 40px;
	  position: relative;
	  overflow: auto;
	  overflow-y: hidden;
	  box-shadow: 0px 3px 4px -1px #ddd;
	  margin-top: 20px;
  }
  
  .arhiv {
	  position: absolute;
	  right: 20px;
	  bottom: 12px;
  }
  
  .arhiv a, a.gumb {
	  font-size: 14px;
	  text-decoration: none;
	  color: #fff;
	  background: url(/templates/j4starter/images/arhiv-gumb.png);
	  background-position: right center;
	  background-repeat: no-repeat;
	  padding: 3px 15px 3px 10px;
  }
  
  .arhiv a:hover {
	  background: url(/templates/j4starter/images/arhiv-gumb-over.png);
	  background-position: right center;
  }
  
  .front a.gumb {
	  float: right;
  }
  
  a.gumb {
	  margin-top: 5px;
	  display:inline-block;
  }
  
   a.gumb:hover {
	   color: #004884 !important;
   }
  
  .text_inn {
		  position: absolute;
		  bottom: 20px;
		  left: 20px;
		  z-index: 2;
		  line-height: 30px;
  }
  
  .bg-modra table {
	  background: none;
	  padding: 0px;
  }
  
  .bg-modra table tr {
	  padding: 0px;
	  border: none;
	  border-bottom: 1px dashed #fff;
  }
  
  .bg-modra table tr td {
	  padding: 3px 0px;
	  border: none;
	  vertical-align: top;
  }
  
  .bg-modra table tr:last-child {
	  border-bottom: none;
  } 
  
  .bg-modra  a.gumb {
	  margin-top: 9px;
  }
  
  .bg-modra {
	  background: #004884;
	  height: 300px;
	  color: #fff;
	  padding: 10px 20px 15px 20px;
  }
  
  .bg-modra strong {
	  padding-top: 5px;
	  display: inline-block;
  }
  
  .bg-modra a, .bg-modra-2 a {
	  color: #fff;
	  text-decoration: none;
  }
  
  .bg-modra a:hover, .bg-modra-2 a:hover {
	  color: #95c11f;
  }
  
  .moduletable._novice h2 {
	  font-size: 18px;
	  margin: 0px;
	  padding: 10px 0px;
	  font-weight: 500;
	  line-height: 22px;
	  color: #004884;
  }
  
  .moduletable._novice a {
	  color: #212529;
	  text-decoration: none;
  }
  
  .moduletable._novice a:hover {
	  color: #004884;
  } 
  
  .moduletable._info_uporabniki {
	  position: relative;
	  background: #004884;
	  height: 300px;
	  color: #fff;
	  padding: 20px;
  }
  
  .custom._info_uporabniki {
	  position: absolute;
	  bottom: 20px;
	  line-height: 24px;
  }
  
  .blok_t ul.newsflash-horiz_dejavnosti li {
	  width: 100%;
	  padding: 0px 10px;
  }
  
  .blok_v ul.newsflash-horiz_dejavnosti li {
	  padding: 20px 20px 0px 0px;
  }
  
  .blok_w ul.newsflash-horiz_dejavnosti li.width_100 {
	  width: 100%;
  }
  
  .blok_w ul.newsflash-horiz_dejavnosti li.width_33_3 {
	  width: 33.33%;
  }
  
  .blok_w ul.newsflash-horiz_dejavnosti li.width_66_6 {
	  width: 66.66%;
  }
  
  .blok_w ul.newsflash-horiz_dejavnosti li.width_25 {
	  width: 25%;
  }
  
  .blok_w ul.newsflash-horiz_dejavnosti li.width_50 {
	  width: 50%;
  }
  
  .blok_w ul.newsflash-horiz_dejavnosti li.width_75 {
	  width: 75%;
  }
  
  .blok_t .width50 a.news_storitve {
	  height: 300px;
  }
  
  .blok_t .width33 a.news_storitve {
	  height: 630px;
  }
  
  .news_right.news_ {
	  height: 90px;
  }
  
  /* Dejavnosti znotraj strani*/
  
  .moduletable.categ ul li {
	  list-style-type: none;
	  list-style-image: none !important;
	  float: left;
	  width: calc(33.33% - 20px);
	  position: relative;
	  margin: 0px 20px 20px 0px;
  }
  
  .moduletable.categ ul {
	  display: flex;
	  flex-wrap: wrap;
  }

  .moduletable.categ ul li a {
	display: block;
	padding: 0 !important;
  }

  .moduletable.categ ul li img {
	width: 100%;
  }


  .moduletable.categ ul li .image-title {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  width: 100%;
	  padding: 20px;
	  font-size: 24px;
	  background-image: url(/templates/j4starter/images/trans-2.png);
	  color: #fff;
	  background-size: contain;
	  background-repeat: no-repeat;
	  z-index: 2;
	  line-height: 30px;
  }
  
  .moduletable.categ .image-title:hover {
	  color: #a2c037;
  }
  
  .menu-all .moduletable.menu img {
	  display: none;
  }
  
  /* Kvadratki */
  
  .pogrebna-in-pokopališka-dejavnost ul.newsflash-horiz_dejavnosti li {
	  list-style-image: none !important;
	  padding-right: 20px;
  
  }
  
  .pogrebna-in-pokopališka-dejavnost ul.newsflash-horiz_dejavnosti {
	  padding: 0px;
	  margin: 0px;
  }
  
  .moduletable._pogreb {
	  margin-top: 30px;
	  float: left;
	  width: 100%;
  }
  
  .moduletable._pogreb {
	  border: 1px solid #000;
	  padding: 30px 20px 20px 20px;
	  overflow: auto;
  }
  
  .moduletable._pogreb a {
	  color: #000;
	  font-size: 20px;
  }
  
  .moduletable._pogreb a:hover {
	  color: #95c11f;
  }
  
  .moduletable._pogreb img {
	  vertical-align: bottom;
	  margin-right: 20px;
	  float: left;
	  margin-top: -20px;
  }
  
  ul.newsflash-horiz_dejavnosti {
	  padding: 0px;
	  margin: 0px;
  }
  
  ul.newsflash-horiz_dejavnosti li {
	  padding: 0px 10px;
	  margin: 0px;
	  list-style-type: none;
	  width: 33.33%;
	  float: left;
  }
  
  .news_storitve {
	  position: relative;
	  z-index: 1;
  }
  
  a.news_storitve {
	  float: left;
	  width: 100%;
	  height: 230px;
	  background-size: cover !important;
	  transition: box-shadow 0.3s ease-in-out;
	  background-position: center center;
  }
  
  .blok_t a.news_storitve {
	  background-position: center !important;
  }
  
  a.news_storitve:hover {
	  box-shadow: 0px 0px 10px #333;
	  transition: box-shadow 0.3s ease-in-out;
  }
  
  .news_storitve {
	  position: relative;
	  z-index: 1;
  }
  
  .news_storitve_inner {
	  padding: 25px;
	  background-position: bottom;
	  position: absolute;
	  bottom: 0;
	  z-index: 2;
	  width: 100%;
  }
  
  .news_storitve_inner p:nth-child(1) {
	  color: #fff;
	  line-height: 32px;
	  font-size: 28px;
	  display: inline-block;
	  padding-bottom: 8px;
  }
  
  .news_storitve_inner p:nth-child(2), .news_storitve_inner p:nth-child(3), .news_storitve_inner p:nth-child(4) {
	  font-weight: 300;
	  font-size: 22px;
	  color: #fff;
	  line-height: 28px;
  }
  
  /* kvadratki znotraj strani */
  
  ul.newsflash-horiz_dej {
	  padding: 0;
	  margin: 0;
	  display: flex;
	  flex-wrap: wrap;
  }
  
  ul.newsflash-horiz_novice {
	padding: 0;
	margin: 0;
}

  ul.newsflash-horiz_dej li {
	  padding: 0px 30px 0px 0px !important;
	  margin-bottom: 30px;
	  margin: 0;
	  list-style-image: none !important;
	  list-style-type: none;
	  width: 33.33%;
	  float: left;
  }
  
  ul.newsflash-horiz_dej li .news_left.news_1 {
	  height: 250px;
	  background-size: cover !important;
	  background-position: top center;
	  position: relative;
	  width: 100%;
  }
  
  .transi {
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  padding: 10px;
	  background-image: url(/templates/j4starter/images/trans.png);
	  background-size: contain;
  }
  
  .transi h2 {
	  color: #fff;
  }
  
  ul.newsflash-horiz_dej li .news_left.news_1:hover .transi h2 {
	  color: #95c11f;
  }
  
  /* aktualno 2 */
  
  .akt {
	  background-image: url(/templates/j4starter/images/aktualno.png);
	  background-repeat: no-repeat;
	  position: absolute;
	  right: 0;
	  bottom: 0;
	  padding: 5px 15px 5px 20px;
	  color: #fff;
  }
  
  ul.newsflash-horiz_novice {
	  padding: 0px !important;
	  margin: 0px;
  }
  
  .blok_t ul.newsflash-horiz_novice li {
	  width: calc(50% - 25px);
  }
  
  ul.newsflash-horiz_novice li {
	  list-style-type: none;
	  list-style-image: none !important;
	  width: 33.33%;
	  float: left;
  }
  
  .front .news_left.news_1 {
	  position: relative;
	  width: 100%;
  }
  
  .front .news_left.news_1 {
	  height: 180px;
	  background-size: cover !important;
	  background-position: center;
  }

  .front ul.newsflash-horiz_novice li {
	width: 50%;
  }
  
  .front ul.newsflash-horiz_novice li:nth-child(1) {
	  padding-left: 20px;
	  padding-right: 10px;
	  height: 315px;

  }
  
  .front ul.newsflash-horiz_novice li:nth-child(3) {
	  padding-left: 20px;
	  padding-right: 10px;
	  padding-top: 10px;
	  height: 315px;
  }
  
  .front ul.newsflash-horiz_novice li:nth-child(2) {
	  padding-top: 10px;
	  padding-left: 0;
	  height: 315px;
  }

  #mod-custom103 .width50 {
	width: 50%;
  }
  
  .front .news_right.news_1 p {
  overflow: hidden;
  float: left;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: 45px;      /* fallback */
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
  }
  
  .itemid-257 ul.newsflash-horiz_dej li .news_left.news_1 {
	  height: 320px;
  }
  
  .itemid-257 ul.newsflash-horiz_dej li .news_left.news_1 h2 {
	  font-size: 22px;
  }
  
  .itemid-257 ul.newsflash-horiz_dej li {
	  height: auto;
	  vertical-align: top;
  }
  
  .moduletable_blok_01 .news_left.news_ {
	  height: 140px;
	  position: relative;
  }
  
  .moduletable_blok_01 .news_left.news_:hover {
	  opacity: 0.88;
  } 
  
  .moduletable_blok_01 .custom_blok_01 .width50:nth-child(1) {
	  padding-right: 15px;
  }
  
  .blok_t .width50 ul.newsflash-horiz_dejavnosti li {
	  width: 100%;
	  padding: 0px 10px 0px 5px;
  }
  
  /* aktualno 4 */
  .custom._samo_akt ul.newsflash-horiz_novice li {
	  padding-top: 0px;
	  padding-bottom: 20px;
	  padding-right: 20px;
	  height: 320px;
	  font-size: 14px;
  }
  
  .custom._samo_akt .width50 {
	  width: calc(50% - 20px);
	  margin-right: 20px;
	  line-height: 18px;
	  font-size: 14px;
  }
  
  .custom._samo_akt ul.newsflash-horiz_novice li:nth-child(1), .custom._samo_akt ul.newsflash-horiz_novice li:nth-child(3) {
	  padding-right: 20px;
  } 
  
  /* aktualno 2 */
  
  .custom_blok_02 {
	  overflow: hidden;
	  height: 620px;
  }
  
  .bg-modra-2 {
	  height: 620px;
	  background: #004884;
	  color: #fff;
	  padding: 35px;
  }
  
  .bg-modra-2 ul {
	  margin: 0px;
	  padding: 8px 0px 8px 0px;
  }
  
  .bg-modra-2 ul li {
	  color: #95c11f;
	  padding: 3px 0px;
  }
  
  .custom_blok_02 ul.newsflash-horiz_novice li {
	  list-style-type: none;
	  width: 100%;
	  float: left;
	  padding: 20px 10px 0px 10px;
  }
  
  .custom_blok_02 .width50:nth-child(1) {
	  padding-right: 10px;
  }
  
  /* Aktualno arhiv */
  
  .pull-left.item-image {
	  margin-bottom: 15px;
  }
  
  .items-leading.clearfix {
	  float: left;
  }
  
  
  .items-leading.clearfix p {
	 overflow: hidden;
	 float: left;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 line-height: 17px;     /* fallback */
	 height: 52px;      /* fallback */
	 -webkit-line-clamp: 2; /* number of lines to show */
	 -webkit-box-orient: vertical;
  }
  
  .aktualne-novice .items-leading.clearfix p, .aktualno-novice .items-leading.clearfix p {
	 -webkit-line-clamp: 3; /* number of lines to show */
  }
  
  .blok_t .news_right.news_ p {
	 overflow: hidden;
	 float: left;
	 text-overflow: ellipsis;
	 display: -webkit-box;
	 line-height: 16px;     /* fallback */
	 max-height: 32px;      /* fallback */
	 -webkit-line-clamp: 2; /* number of lines to show */
	 -webkit-box-orient: vertical;
  }
  
  .blog-items {
	  display: inline-block;
	  margin: 0;
	  grid-gap: 0;
  }
  
  .com-content-category-blog__item.blog-item {
	  width: 33.33%;
	  float: left;
	  padding: 0px 15px 30px 15px;
  }

  .itemid-185 .com-content-category-blog__item.blog-item {
	width: 100%;
	float: left;
	padding: 0px 0px 30px 0px;
  }
  
  .com-content-category-blog__items.blog-items.items-leading {
	  display: flex;
	  flex-wrap: wrap;
  }
  
  .zapore-cest .width70 .blog .items-leading.clearfix div {
	  width: 50%;
	  float: left;
	  padding: 0px 30px 25px 0px;
  }
  
  .zapore-cest .width70 .blog .items-leading.clearfix div div {
	  width: 100%;
	  float: left;
	  padding: 0px 20px 5px 0px;
  }
  
  .blog .items-leading.clearfix div div {
	  width: 100%;
	  padding: 0px;
  }
  
  
  
  .blog-item .item-image {
	  text-align: center;
  }
  
  .blog h2 {
	  margin: 0px;
	  padding: 0px 0px 15px 0px;
	  font-size: 17px;
	  font-weight: 500;
	  height: 50px;
	  overflow: hidden;
	  line-height: 24px;
  }
  
  .pagination {
	  float: left;
	  width: 100%;
	  margin: 15px 0px;
	  text-align: center;
	  bord
  }
  ul.pagination {
	  padding: 0px;
	  margin: 0px;
  }
  
  ul.pagination li {
	  padding: 0px;
	  margin: 0px;
	  list-style-type: none;
	  float: left;
	  color: #004884;
	  text-decoration: none;
  }
  
  ul.pagination li a {
	  color: #004884;
	  text-decoration: none;
	  padding: 5px;
  }
  
  ul.pagination li a:hover {
	  color: #fff;
	  text-decoration: none;
	  background:#94c120;
  }
  
  .pagenav {
	  background:#004884;
	  color: #fff;
	  padding: 2px 6px;
  }
  
  a.pagenav {
	  background:none; 
  }
  
  .tooltip {
	display: none !important;
  }
  
  .blok_v .pull4.pull-left.item-image {
	  height: 250px;
	  background-size: cover !important;
  }

  .pull4.pull-left.item-image img {
	display: none;
  }

  .blok_v .pull-left {
	  float: left;
	  height: 220px;
	  overflow: hidden;
	  margin-bottom: 10px;
  }
  
  .blok_v .search .pull-left {
	  height: auto;
  }
  
  
  .blok_v .pull-left {
	  float: inherit;
  }
  
  .gradnja-objektov .blok_v .pull4.pull-left.item-image {
	  height: 180px;
  }
  
  .gradnja-objektov .categories-list div {
	  width: 33.33%;
	  float: left;
	  padding: 0px 10px 15px 0px;
  }
  
  .gradnja-objektov .categories-list div div {
	  width: 100%;
	  border-bottom: 1px solid #eee;
  }
  
  .badge.badge-info.tip.hasTooltip {
	  display: none;
  }
  
  /* --------------- */
  
  .custom_blok_01 h3, .moduletable_blok_02 h3 {
	  font-size: 18px;
	  font-weight: 400;
	  margin: 0px;
	  padding: 0px;
  }
  
  .custom_blok_01, .custom_blok_02 {
	  font-size: 14px;
	  line-height: 18px;
  }
  
  .bg-modra ul {
	  margin: 0px;
	  padding: 8px 0px 8px 0px;
  }
  
  .moduletable_zapora {
	  border-top: 1px dashed #fff;
	  padding: 10px 0px;
	  margin-top: 8px;
  }
  
  /* Bott */
  .logos {
	  padding: 40px 0px;
	  border-top: 1px solid #ccc;
	  position: relative;
	  width: 100%;
	  text-align: center;
  }
  
  .logos img {
	  padding: 0px 50px;
	  height: 50px;
	  width: auto;
  }
  
  .bottom h3, .bottom h2 {
	  font-size: 24px;
	  font-weight: 300;
	  margin: 0px;
	  padding: 0px 0px 25px 0px;
  }
  
  .bottom {
	  position: relative;
	  width: 100%;
	  padding: 40px 0px 20px 0px;
	  color: #fff;
	  background: #004884;
	  overflow: auto;
	  font-weight: 300;
  }
  
  .bottom a {
	  color: #fff;
	  text-decoration: none;
  }
  
  .bottom a:hover {
	  color: #95c11f;
  }
  
  .custom._menu_bott {
	  padding-right: 100px;
	  padding-left: 20px;
  }
  
  .moduletable._kontakti {
	  padding-left: 100px;
  }
  
  #mod-custom113 {
	  padding-right: 100px;
  }
  
  hr {
	border: 0.5px solid #ddd;
	margin: 15px 0px;
	display: block;
	width: 100%;
  }
  
  .pravice {
	  float: left;
	  width: 100%;
	  font-size: 14px;
	  padding-left: 20px;
  }
  
  /* RsForm */
  
  .formResponsive textarea, .formResponsive input[type="text"] {
	  border-radius: 0px !important;
	  padding: 8px !important;
  }
  
  .bottom .formResponsive textarea, .bottom .formResponsive input[type="text"] {
	  background-color: #004884 !important;
	  border: 1px solid #fff !important;
	  border-radius: 0px !important;
	  padding: 8px !important;
	  width: 97% !important;
	  color: #fff;
  }
  
  .bottom .rsform ::placeholder {
	  color: #fff;
  }
  
  .bottom .formResponsive .formHorizontal .formControls {
	  margin-left: 0 !important;
  }
  
  
  .formResponsive .formHorizontal .formControlLabel {
	  width: 35%;
	  float: left;
	  padding: 0;
	  text-align: left;
  }
  
  .formResponsive .formHorizontal .formControls {
	  margin-left: 35%;
  }
  
  .rsform-block.rsform-block-potrjujem .formControlLabel {
	  width: 25px;
  }
  
  .rsform-block.rsform-block-potrjujem .formControls  {
	  margin-left: 0px;
  }
  
  .formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
	  margin-right: 15px;
	  margin-top: 8px;
  }
  
  .rsform-block.rsform-block-text-4 {
	  padding-top: 30px;
  }
  
  .rsform-submit-button {
	  border-radius: 0px !important;
	  text-align: center;
	  padding: 8px 15px !important;
	  background-color: #004884 !important;
	  color: #fff !important;
	  background-image: none !important;
	  border:1px solid #fff !important;
  }
  
  .rsform-submit-button:hover {
	  background: #95c11f !important;
	  border:1px solid #95c11f !important;
  }
  
  .formControlLabel { text-align: left !important; padding: 0 0 0 3px !important; }
  .rsform-block.rsform-block-info .formControlLabel {width:99% !important; }
  .rsform-text-box { width: 97% !important; padding:8px !important;}
  
  .rsform-block.rsform-block-uvodno-besedilo {
	  margin-bottom: 20px !important;
  }
  
  .formResponsive input {
	  width: 80%;
  }
  
  .formResponsive .formHorizontal select {
	  width: 82%;
  }
  
  .formResponsive .formHorizontal .rsform-block {
	  margin-bottom: 0px;
  }
  
  #userForm h2 {
	  margin-bottom: 25px;
  }
  
  .anketa div.formBody {
	  margin-bottom: 15px;
  }
  
  @media only screen and ( max-width: 1190px) {
	  .blok_t .width33 a.news_storitve {
		  height: 620px;
	  }
	  .formResponsive input {
		  width: 90%;
	  }
  }
  
  @media only screen and ( max-width: 1150px) {
	  .menu-blue ul.nav.menu li a {
		  padding: 0px 25px 17px 0px;
	  }
	  .blok_v ul.newsflash-horiz_novice li {
		  width: 50%;
	  }
  }

  @media only screen and ( max-width: 1090px) {
	.logo {
		width: 150px;
	}

	.meni {
		float: left;
		width: calc(100% - 225px);
	}

	.logo img {
		width: 120px;
	}
	.menu-blue {
		padding: 20px 0px;
	}

	.menu-white {
		padding: 7px 0px;
	}
  }
  
  @media only screen and ( max-width: 1024px) {
	  .moduletable_blok_01 .news_left.news_ {
		  height: 140px;
	  }
  
  }
  
  @media only screen and ( max-width: 915px) {
	  .meni {
		  display: none;
	  }
	  .meni-bb {
		  float: right;
	  }
	  .blog .items-leading.clearfix div {
		  width: 50%;
	  }

	  ul.newsflash-horiz_dej li {
		width: 50%;
	  }

	  .blok_t .width50 ul.newsflash-horiz_dejavnosti li {
		  padding: 0px 10px;
	  }
	  .moduletable_blok_01 ul.newsflash-horiz_novice li:nth-child(1) {
		  padding-right: 10px;
	  }
	  .moduletable_blok_01 ul.newsflash-horiz_novice li:nth-child(2) {
		  padding: 20px 10px 0px 10px;
	  }
  
	  .custom_levi {
		margin-bottom: 30px;
	  }
  
	  .itemid-121 table tr td, .itemid-103 table tr td {
		  display: table-row;
		  float: left;
		  width: 100% !important;
		  border-left: 25px solid #fff;
	  }

	  .blok_t  .width33 {
		width: 100%;
		margin-bottom: 20px;
		}

		.blok_t  .width66 {
			width: 100%;
		}

		.blok_t .width33 a.news_storitve {
			height: 220px;
		}

		.com-content-category-blog__item.blog-item {
			width: 50%;
		}

		.blok_v .pull4.pull-left.item-image {
			height: 150px;
		}
  }
  
  @media only screen and (max-width: 768px) {
	  .top {
		  padding: 12px 20px 8px 20px;
	  }
	  .content {
		  padding-right: 0px;
		  padding-left: 0px;
	  }

	  .menu-blue .content, .menu-white .content {
		padding-left: 20px;
		padding-right: 20px;
	  }

	  .vsebina {
		  padding: 0px 20px;
	  }
	  .width33, .width66, .width50, .width70, .width30 {
		  width: 100%;
	  }
	  ul.newsflash-horiz_novice li {
		  width: 100%;
		  padding: 0px 10px !important;
	  }
  
	  .arhiv {
		  position: relative;
		  padding-left: 30px;
		  overflow: auto;
	  }
  
	  .arhiv a {
		  display: inline-block;
		  margin-top: 20px;
	  }
  
	  .blok_t ul.newsflash-horiz_novice li, .blok_v ul.newsflash-horiz_novice li {
		  width: 100%;
		  height: auto;
	  }
  
	  .custom._samo_akt .width50 {
		  width: 100%;
		  margin-right: 0px;
	  }
	  .moduletable_blok_01 .moduletable_novice h2 {
		  min-height: auto;
	  }
	  .blok_t .width33 a.news_storitve, .blok_t .width50 a.news_storitve {
		  height: 200px;
	  }
  
	  .news_right.news_, .custom_blok_02, .custom_blok_01 {
		  height: auto;
	  }

	  #mod-custom113 {
		padding-right: 0px;
	}
  
	  .height25 {
		  height: auto;
	  }
  
	  .width66 {
		  padding-left: 0px;
	  }
	  
	  #mod-custom103 .width50 {
		width: 100%;
	  }

	  .moduletable_blok_01 .custom_blok_01 .width50:nth-child(1), .custom_blok_02 .width50:nth-child(1), .custom._samo_akt ul.newsflash-horiz_novice li:nth-child(1) {
		  padding-right: 0px;
	  }
  
	  .moduletable_blok_01 ul.newsflash-horiz_novice li:nth-child(1) {
		  padding-left: 10px;
	  }
  
	  .moduletable_blok_01 ul.newsflash-horiz_novice li:nth-child(3), .moduletable_blok_01 ul.newsflash-horiz_novice li:nth-child(4) {
		  padding: 20px 10px 0px 10px;
	  }
  
	  .bg-modra, .bg-modra-2 {
		  height: auto;
		  margin: 20px 10px;
	  }
  
	  .bg-modra {
		  padding: 30px;
	  }
	  .custom._samo_akt .width50 {
		  font-size: 16px;
		  line-height: 24px;
	  }
  
	  .logos img {
		  padding: 0px 10px;
	  }
	  .bottom {
		  text-align: center;
	  }
	  .custom_menu_bott {
		  padding-right: 20px;
	  }
	  .moduletable._kontakti {
		  padding: 30px 20px;
		  border-top:1px solid #fff;
		  border-bottom:1px solid #fff;
		  margin: 0px 20px 20px 20px;
	  }
  
	  .rsform {
		padding: 30px 0px 0px 20px;
		margin-right: 0px;
	}

	  .bottom .formResponsive .formHorizontal .rsform-block {
		  text-align: center;
	  }
	  .formResponsive .formHorizontal .formControls {
		  margin-left: 0 !important;
	  }
	  .rsform-text-box, .rsform-input-box { 
		  width: 99% !important; 
	  }
	  .formResponsive .formHorizontal .rsform-block {
		  margin-bottom: 0px !important;
		  margin-right: 20px !important;
	  }
	  .formResponsive .formHorizontal .formControlLabel {
			width: 100%;
	  }
  
	  .formResponsive label {
		  padding-right: 10px !important;
		  height: auto !important;
	  }
  
  
	  .iskalnik {
		  display: none;
	  }
  
	  .odmik-r {
		  padding-right: 0px;
	  }
	  .moduletable_desno {
		  padding-left: 0px;
		  border-left: none;
		  border-top: 1px solid #ddd;
		  padding-top: 30px;
	  }
  
	  .blok_v {
		  padding: 0px;
		  background:none;
		  box-shadow: none;
	  }
  
	  .blog .items-leading.clearfix div {
		  width: 100%;
		  padding: 0px 0px 30px 0px;
	  }
	  .menu-white ul.nav.menu li:last-child {
		  float: left;
		  margin-right: 0px;
	  }
  
	  .custom._samo_akt ul.newsflash-horiz_novice li {
		  padding-top: 20px;
		  padding-bottom: 20px;
	  }
  
	  ul.newsflash-horiz_dejavnosti li {
		  width: 50%;
	  }
  
	  .blok_w ul.newsflash-horiz_dejavnosti li.width_66_6 {
		  width: 50%;
	  }
  
	  .width46 {
		  width: 100%;
	  }

	  .moduletable._levi {
		margin-bottom: 30px;
	}

	.moduletable.categ ul li {
		width: calc(50% - 20px);
	}
  }
  
  @media only screen and (min-width: 480px) {
	  .mobi {
		  display: none;
	  }
  }
  
  @media only screen and (max-width: 479px) {
	h1 {
		font-size: 24px;
		line-height: 30px;
	}  
	
	.ekr {
		  display: none;
	  }
  
	  .meni-bb {
		  padding-top: 0px;
	  }
  
	  ul.newsflash-horiz_dejavnosti li {
		  width: 100%;
	  }
	  .blok_w ul.newsflash-horiz_dejavnosti li.width_66_6 {
		  width: 100%;
	  }
	  .width40, .width60 {
		  width: 100%;
	  }
  
	  .motnje .width40 {
		  padding: 20px 20px 0px 20px;
	  }
	  .menu-white, .lang {
		  display: none;
	  }
	  ul.newsflash-horiz_osmrtnice li {
		  width: 100%;
		  margin-right: 0px !important;
	  }

	  .com-content-category-blog__item.blog-item {
		width: 100%;
		padding: 0px 0px 30px 0px;
	}

	ul.dj-mobile-light li.dj-mobileitem>a img {
		display: none;
	}

	.moduletable.categ ul li {
		width: 100%;
		margin: 0px 0px 20px 0px;
	}

	ul.newsflash-horiz_dej li {
		padding: 0px 0px 0px 0px !important;
		margin-bottom: 30px;
		width: 100%;
	}

	.width30 {
		display: none;
	  }	
  }
  
  /*---------------------DODAL PETER-----------------*/
  
  h4 {
	  color: #a2c037;
	  margin: 0;
	  padding: 0px 0px 10px;
	  font-size: 15px;
  }
  
  .module_levo {
		margin-top:20px;
  }
  
  /*.accordion {
	background-color: #004884;
	color: #fff;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-bottom: 1px solid #fff;
  }

  .panel p {
	margin: 5px 0px;
  }
  /*
  .active, .accordion:hover {
	background-color: #ccc;
  }*/
  
 /* .accordion.active, .accordion:hover {
	background-color: #ccc;
  }
  
  .accordion:after {
	content: '\002B';
	color: #fff;
	font-weight: bold;
	float: right;
	margin-left: 5px;
  }
  
  .accordion.active:after {
	content: "\2212";
  }
  
  .panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
  }
  
  .grid-container {
	display: grid;
	grid-template-columns: 38% 60%;
	grid-gap: 2%;
  }
  
  .grid-container > div {
	padding: 20px 0;
  }
  
  .grid-container-sliki {
	display: grid;
	grid-template-columns: 49% 49%;
	grid-gap: 2%;
  }
  
  .grid-container-sliki > div {
	padding: 20px 0;
  }
  
  .cards {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
  }
  
  .card {
	flex: 0 0 260px;
	margin: 10px;
	border: 1px solid #ccc;
  } 
  
  .card img {
	max-width: 100%;
  }
	
  .card .text {
	padding: 10px 20px 20px;
  }

  */
  
  /*---------------------------- oblikovanje za podstran Urnik odvoza odpadkov - flexbox ------------------------------*/
  .urnikflex-container {
	display: flex;
	flex-wrap: wrap;
  }
  
  .urnikflex-container a {
	background-color: #004884;
	width: 100px;
	margin: 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 75px;
	font-size: 30px;
  }
  
  /*---------------------------- oblikovanje za podstran komunala/projekti/vsak-en-korak-za-čisto-okolje/uspešno-sodelujemo.html -----------------------------*/
  
  .sodelujemo .blok_v .pull-left {
	height: 167px;
  }
	
  .sodelujemo .blog h2 {
	height: auto;
  }
  
  /*---------------------------------------------------------------*/
  
  
  @media screen and (max-width: 768px) {
	  .grid-container {
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
	   .grid-container > div {
		padding: 10px 0;
	}
  }
  
  @media screen and (max-width: 768px) {
	  .grid-container-sliki {
		grid-template-columns: 1fr;
		grid-gap: 0;
	}
	   .grid-container-sliki > div {
		padding: 10px 0;
	}
  }