/* FRONTEND CSS
*********************************************/
html {
    overflow-y: scroll;
  }
  body {
    background-color: #FFFFFF;
    font-family: "Poppins", sans-serif;
    line-height: 26px;
  }
  
  * {
      -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;    /* Firefox, other Gecko */
      box-sizing: border-box;         /* Opera/IE 8+ */
  }
  
  html, body.dj-offcanvas-open, .dj-offcanvas-wrapper, .dj-offcanvas-pusher {
      height: auto !important;
    }
  
    :root {
      --green:#a6ce39;
      --green-hover:#c3f53d;
      --grey:#757773;
    }
  
  strong, b {
    font-weight: 600;
  }
 
  .content-xxl {
    position:relative;            
    max-width: 1850px;
    margin:0 auto;
}

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

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

  h1 {
    font-size: 65px;
    font-weight: 600;
  }

  h2 {
    font-size: 45px;
    font-weight: 600;
  }

 /* table */
 
 table tr td {
  padding: 5px;
  vertical-align: top;
 }

 table.ozje {
  margin: 0 auto;
  max-width: 1200px;
 }

 table.ozje tr td {
  border: none;
  padding: 0;
 }

/* top scroll */

.top.scroll .logo img {
  width: 100px;
  transition: all 0.5s ease;
}

.top.scroll .logo {
  padding: 1px 0px;
  transition: all 0.5s ease;
}

.top.scroll {
  min-height: auto !important;
  transition: all 0.5s ease;
  padding: 10px 0px 0px 0px;
}

.top.scroll .meni {
  margin-top: 0;
  transition: all 0.5s ease;
}

.top.sroll .meni .dj-megamenu-clean li a.dj-up_a {
  padding: 17px 8px 25px 0px;
  transition: all 0.5s ease;
}

.top.scroll .povp {
  margin-top: 10px;
  transition: all 0.5s ease;
}

.top.scroll .jeziki {
  margin-top: 18px;
  transition: all 0.5s ease;
}

/* top */

.top {
  position: fixed;
  float: left;
  width: 100%;
  z-index: 5;
  background: #fff;
  min-height: auto;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #f4f4f4;
  transition: all 0.5s ease;
  z-index: 999;
}

.logo {
  float: left;
  width: 260px;
  padding: 10px 0px;
  transition: all 0.5s ease;
}

.logo img {
  transition: all 0.5s ease;
  width: 137px;
}

.meni {
  float: left;
  width: calc(100% - 525px);
  text-align: center;
  margin-top: 10px;
  transition: all 0.5s ease;
}

.jeziki {
  float: left;
  width: 70px;
  text-align: right;
  margin-top: 32px;
  transition: all 0.5s ease;
}

.jeziki div.mod-languages li {
	margin: 0;
  border-right: 1px solid #000;
  line-height: 18px;
  transition: all 0.5s ease;
}

.jeziki div.mod-languages li:last-child {
  border-right: none !important;
}

.jeziki div.mod-languages a {
	padding: 0px 6px;
	color: #000;
  transition: all 0.5s ease;
}

.jeziki div.mod-languages ul li.lang-active {
	background: none;
}

.jeziki div.mod-languages ul li.lang-active a {
	color: var(--green);
}

.povp {
  float: left;
  width: 190px;
  margin-top: 25px;
  font-size: 17px;
  transition: all 0.5s ease;
}

/* dodatki */

.povp a  {
  font-weight: 500;
	color: #000;
	display: inline-block;
	padding: 7px 20px;
	background: linear-gradient(to right, var(--green-hover) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 0.25s ease;
	border-radius: 2px;
	text-decoration: none;
  background-color: var(--green);
}

.povp a:hover {
	background-position: left bottom;
    background-color:var(--green-hover);
}

a.gumb {
	font-size: 18px; 
	color: var(--green);
	display: inline-block;
	padding: 8px 30px;
	border: 2px solid var(--green);
	background: linear-gradient(to right, var(--green) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 0.25s ease;
	border-radius: 2px;
	text-decoration: none;
	margin-top: 2px;
  text-transform: uppercase;
  font-weight: 500;
}

a.gumb:hover {
	background-position: left bottom;
    color: #000 !important;
    border: 2px solid var(--green);
}

a.gumb2 {
  font-weight: 500;
  color: #000;
  display: inline-block;
  padding: 7px 25px;
  background: linear-gradient(to right, var(--green-hover) 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.25s ease;
  border-radius: 2px;
  text-decoration: none;
  background-color: var(--green);
  line-height: 150%;
  font-size: 18px;
}

a.gumb2:hover {
	background-position: left bottom;
  background-color:var(--green-hover);
  color: #000 !important;
}

.vec {
  display: inline-block;
  padding: 8px 30px;
	border: 2px solid var(--green);
  color: var(--green) !important;
}

.dekor {
  width: 2px;
  margin-left: calc(50% - 1px);
  margin-right: calc(50% - 1px);
  text-align: center;
  margin-top: -254px;
  z-index: 9;
  position: absolute;
  height: 3px;
  background-color: var(--green);
}

.ani-1 {
  transition: all 1s ease;
  height: 100px !important;
  margin-top: -154px;
  left: 0;
}

.com-content-article__body .ani-1 {
  margin-top: -130px;
}

hr {
  margin: 1.5rem 0;
  color: #eee;
  opacity: 0.75;
}

.shad {
  padding: 30px;
  border-radius: 2px;
  border-right: 1px solid #eee;
}

.wf-columns .wf-column.shad:last-child {
  border-right: none;
}

/* Podstrani */

.itemid-122 .wf-columns {
  gap: 0;
}

.itemid-120 table tr td, .itemid-183 table tr td {
  border: 1px solid #eee;
}

.itemid-159 .page-header h1, .itemid-159 .page-header h2 {
  margin: 0 auto !important;
  position: relative;
  max-width: 1200px;
  padding-bottom: 50px;
  padding-right: 250px !important;
  display: none;
}

/* front */

.itemid-101 .vsebina, .itemid-113 .vsebina, .itemid-114 .vsebina  {
  display: none;
}

.itemid-101 .meni .dj-megamenu-clean li a.dj-up_a, .itemid-113 .meni .dj-megamenu-clean li a.dj-up_a, .itemid-114 .meni .dj-megamenu-clean li a.dj-up_a  {
  color: #fff !important;
}

.itemid-101 .top, .itemid-113 .top, .itemid-114 .top {
  min-height: 300px;
  background: url(/templates/joomstarter/images/trans.png);
  background-repeat: repeat-x;
  border-bottom: none;
  padding: 10px 0px 0px 0px;
  transition: all 0.5s ease;
}

.itemid-113 .jeziki div.mod-languages a, .itemid-101 .jeziki div.mod-languages a, .itemid-114 .jeziki div.mod-languages a {
  color: #fff;
}

.itemid-113 .jeziki div.mod-languages li, .itemid-101 .jeziki div.mod-languages li, .itemid-114 .jeziki div.mod-languages li {
  border-right: 1px solid #fff;
}

 /* izpostavljeni */

 .dj-megamenu-clean.verticalMenu > li {
  margin: 0 auto !important;
  max-width: 650px;
  position: initial;
  margin-right: 0 !important;
  border-left: 5px solid var(--green);
 }

 .dj-megamenu-clean.verticalMenu {
  max-width: 50% !important;
  background: rgba(17,17,17,0.75);
  padding: 100px 0px !important;
 }

 .dj-megamenu-clean.verticalMenu li a.dj-up_a {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 20px;
 }

 .dj-megamenu-clean.verticalMenu li a.dj-up_a:hover {
  color: var(--green);
 }

 .blok_1 .dj-megamenu-clean li ul.dj-submenu > li .title {
  display: block;
  width: 100%;
  font-size: 30px;
  font-weight: 600;
  color: var(--green);
  margin-bottom: 15px;
 }

 .blok_1 .dj-megamenu-clean li ul.dj-submenu > li .html-after {
  display: block;
  width: 100%;
 }

 .blok_1 .dj-megamenu-clean li ul.dj-submenu > li > a {
  display: block;
  padding: 50px;
 }

 .blok_1 .dj-megamenu-clean.verticalMenu li a.dj-up_a .arrow {
  display: none;
 }

 /*.blok_1 .dj-megamenu-clean.verticalMenu li a.dj-up_a:hover .arrow {
  display: inline-block;
 }*/

 .blok_1 .dj-subcol, .dj-subwrap-in {
  width: 100% !important;
  background-image: url(/templates/joomstarter/images/arrow.png);
  background-repeat: no-repeat;
  background-position: top 50px left;
  background-size: 18px;
 }

 .blok_1 .dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
  background-color: rgba(0,0,0,0.85);
 }

 .blok_1 .dj-megamenu-clean li ul.dj-submenu > li:hover > a {
  background-color: none !important;
 }

 .blok_1 .dj-megamenu-clean li ul.dj-submenu > li:hover > a {
  background: none;
 }

 .blok_1 .dj-megamenu-clean li ul.dj-submenu > li > a {
  color: #fff;
 }

 .blok_1 .dj-megamenu-clean li div.dj-subwrap {
  width: 100%;
  margin: 0 auto;
  max-width: 650px;
 }

 .blok_1 .dj-megamenu-clean.verticalMenu li.hover div.dj-subwrap.open-right {
  top:15%;  
 }

/* banner */

.banner {
  position: relative;
  float: left;
  width: 100%;
  line-height: 0;
}

.banner video {
	width: 100%;
	height: 100vh; 
	object-fit: cover;
	position: relative;
	background: url(/images/video/video-before.jpg);
  background-position: center;
	background-size: cover;
}

.banner .video-full {
  float: left;
  position: relative;
  width: 100%;
  line-height: 0;
}

.over-1 {
	position: absolute;
	width:100%;
	bottom: 0;
	left: 0;
  right: 0;
  text-align: center;
  background-repeat: repeat-x;
  background-size: contain;
  background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 90%);
}

.slogan {
  font-weight: 600;
  color: #fff;
  padding: 50px 20px;
  float: left;
  width: 100%;
}

#mod-custom113 {
  margin: 0 auto;
  max-width: 1100px;
  line-height: 120%;
}

/* filds uvod */

ul.fields-container {
  margin: 100px 0px 50px 0px;
  padding: 0 !important;
  position: relative;
  z-index: 2;
}

ul.fields-container li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* fields */

.com-content-article.item-page {
  width: 100%;
}

.vsebina .field-entry.galerija  {
  padding: 0;
  width: calc(100% - 350px);
  float: left;
}

.vsebina .field-entry.spremni-tekst {
  margin: 0 auto !important;
  position: relative;
  max-width: 1200px;
  padding-bottom: 50px;
  padding-right: 250px !important;
}

.vsebina .field-entry.opis-reference {
  float: right;
  width: 350px;
  padding-left: 30px;
  margin-top: 20px;
} 

ul.fields-container > li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none !important;
}

ul.fields-container li ul li {
  list-style-type:disc;
}

.slogan-uvod {
  background-image: url(/images/stories/lakirnica.jpg);
  background-position: center;
  background-size: cover;
}

.slogan-uvod .field-value {
  font-size: 40px;
  font-weight: 700;
  width: 50%;
  background-color: rgba(255,255,255,0.85);
  display: block;
  padding: 80px 30px;
  line-height: 160%;
}

.field-entry.video-galerija {
  padding-left: 10px;
  padding-right: 10px;
  width: calc(100% - 350px);
}

/* uvod */

.uvod {
  position: relative;
  width: 100%;
  float: left;
  padding: 100px 0px;
  text-align: center;
}

.uvod h2 {
  margin: 0 auto;
  max-width: 1000px;
  color: var(--grey);
}

.img-levo {
  position: absolute;
  left: 0;
  top: 35%;
} 

.img-desno {
  position: absolute;
  right: 0;
  top: 35%;
} 

/* meni */

.meni .dj-megamenu-wrapper {
  display: inline-block;
}

.meni .dj-megamenu-clean li a.dj-up_a {
  height: auto;
  padding: 20px 8px 20px 0px;
  margin: 0px 10px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  color: #000 !important;
  background-position: bottom left !important;
  background-repeat: no-repeat !important;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.meni .dj-megamenu-clean li a.dj-up_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:5px solid var(--green);
  transition: all 0.3s ease-in-out;
}
  
.meni .dj-megamenu-clean li a.dj-up_a:hover:before {
	width: 55px; 
	transition: all 0.3s ease-in-out;
}

.meni .dj-megamenu-clean li.active a.dj-up_a {
  background-image: url(/templates/joomstarter/images/crtica.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  color: #fff;
}


.meni .dj-megamenu-clean li a.dj-up_a > span {
  height: auto;
}

.meni .dj-megamenu-clean li ul.dj-submenu {
  margin-top: -5px;
}

.meni .dj-megamenu-clean li ul.dj-submenu > li > a {
  background: rgba(166,206,57,0.90);
  color: #000;
  border-bottom: 1px solid rgba(255,255,255,0.20);
  text-align: left;
}

.meni .dj-megamenu-clean li div.dj-subwrap .dj-subwrap-in {
  background: none !important;
}

.meni .dj-megamenu-clean li ul.dj-submenu > li:hover > a {
  color: #fff;
}

.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
  color: var(--green) !important;
}

.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
  background: none !important; 
}

.dj-mobile-open-btn.active .dj-mobile-open-icon {
  background: none !important;
  color: var(--green) !important;
} 

/* vsebina */

.vsebina h3 {
  font-size: 24px;
}

.vsebina a img {
  transition: all 0.5s ease;
}

.vsebina a:hover img {
  transition: all 0.5s ease;
  transform: scale(1.04, 1.04);
}

.vsebina {
  position: relative;
  float: left;
  width: 100%;
  padding: 175px 0px 50px 0px;
  overflow: hidden;
}

.vsebina h1 {
  font-size: 40px;
  padding: 0;
  margin: 0px 0px 15px 0px;
}

.vsebina ul {
  padding: 15px 0px 15px 28px;
  margin: 0;
}

.vsebina a {
  color: #000;
  text-decoration: none;
}

.vsebina a:hover {
  color: var(--green);
} 

.itemid-160 .vsebina .wf-columns {
  gap: 2rem;
}

.levo {
  float: left;
  width: 350px;
}

.desno {
  float: left;
  width: calc(100% - 350px);
}

/* nagovor */

.nagovor {
  position: relative;
  float: left;
  width: 100%;
  background-image: url(/templates/joomstarter/images/Lakirnica-1.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 160%;
  background-size: cover;
}

.moduletable._nagov {
  padding: 100px 0px;
}

/* blok_1 */

.blok_1 {
  position: relative;
  width: 100%;
  float: left;
  background-image: url(/templates/joomstarter/images/lakirnica_tehnoloski_center.jpg);
  background-size: cover;
  background-position: top center;
}

/* gabariti */

.gabariti {
  position: relative;
  width: 100%;
  float: left;
  background-image: url(/templates/joomstarter/images/gabariti.jpg);
  background-size: cover;
  background-position: top center;
  padding: 100px 0px;
  text-align: center;
  line-height: 230%;
  background-attachment: fixed;
}

.gab {
  text-align: center;
}

.count {
  font-size: 34px;
  font-weight: 600;
}

/* reference */

ul.newsflash-horizref {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}

ul.newsflash-horizref li {
  list-style-type: none;
  width: calc(33.33% - 30px);
  float: left;
  margin: 30px 30px 10px 0px;
  overflow: hidden;
  background-image: none;
}

.ref .utrinek_1 {
  height: 400px;
}

.more {
  background: url(/templates/joomstarter/images/more.png);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 33px;
  height: 21px;
  position: absolute;
  right: 15px;
  bottom: 35px;
  transition: all 0.5s ease;
}

ul.newsflash-horizref li:hover a .utrinek_1 .transi .more {
  background: url(/templates/joomstarter/images/more-after.png);
  transition: all 0.5s ease;
}

ul.newsflash-horizref li:hover a .utrinek_1 .transi h3 {
  color: #fff;
  transition: all 0.5s ease;
}

ul.newsflash-horizref li:hover .utrinek_1 {
  transition: all 0.5s ease;
  transform: scale(1.04, 1.04);
}

.utrinek_1 {
  transition: all 0.5s ease;
}

.logos {
  text-align: center;
  border: 1px solid #eee;
  padding: 30px 30px 0px 30px;
  display: inline-block;
  border-radius: 3px;
}

.logos img {
  margin: 0px 15px 30px 15px;
}

/* aktualno */

.aktualno {
  position: relative;
  width: 100%;
  float: left;
}

.aktualno h2 {
  text-align: center;
  background: var(--green);
  color: #fff;
  margin: 1px 0px;
  padding: 50px 30px;
}

ul.newsflash-horizaktu {
  padding: 0;
  margin: 0;
}

ul.newsflash-horizaktu li {
  list-style-type: none;
  width: 25%;
  float: left;
  border-right: 1px solid #fff;
  overflow: hidden;
}

ul.newsflash-horizaktu li:last-child {
  border-right: none;
}

ul.newsflash-horizaktu li a .utrinek_1 {
  transition: all 0.5s ease;
}

ul.newsflash-horizaktu li a:hover .utrinek_1 {
  transition: all 0.5s ease;
  transform: scale(1.04, 1.04);
}

.utrinek_1 {
  height: 550px;
  width: 100%;
  position: relative;
  background-position: top center !important;
  background-size: cover !important;
}

.transi {
  position: absolute;
  bottom: 0;
  background: url(/templates/joomstarter/images/trans-aktualno.png);
  background-position: bottom;
  width: 100%;
  background-repeat: no-repeat;
  background-repeat: repeat-x;
  padding: 250px 40px 20px 20px;
}

.transi h3 {
  color: var(--green);
  width: calc(100% - 50px);
  transition: all 0.5s ease;
}

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

.article-separator {
  display: none;
}

/* arhiv novic */

.aktual {
  position: relative;
  width: 100%;
  float: left;
  padding: 70px 20px;
  text-align: center;
  background: var(--green);
  border-top: 1px solid #fff;
}

.aktual a.gumb {
	font-size: 20px; 
	color: #fff;
	display: inline-block;
	padding: 8px 30px;
	border: 2px solid #fff;
	background: linear-gradient(to right, #fff 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	transition: all 0.25s ease;
	border-radius: 2px;
	text-decoration: none;
	margin-top: 2px;
  text-transform: uppercase;
  font-weight: 500;
}

.aktual a.gumb:hover {
	background-position: left bottom;
    color: var(--green) !important;
    border: 2px solid #fff;
}

/* video vsebine */

.video-vsebine {
  position: relative;
  float: left;
  width: 100%;
  margin: 1px 0px;
  background-image: url(/templates/joomstarter/images/video-vsebine.jpg);
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  color: #fff;
  line-height: 120%;
}

.video-vsebine  img {
  -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;
  margin-bottom: 50px;
  border-radius: 100px;
  transition: all 0.5s ease;
}

.video-vsebine img:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  box-shadow: 0 0 15px rgba(0,0,0,0.25);
  transition: all 0.5s ease;
}

.trans {
  background-color: rgba(0,0,0,0.40);
  padding: 100px 30px;
}

.vsebina .ytp-fit-cover-video .html5-main-video {
  height: 100vh !important;
  object-fit: cover;
}

  /* gaallery */

  [class^=os-gallery-tabs-main] .osgalery-cat-tabs {
    display: none;
  }

  .os-gallery-img-category {
    display: none;
  }

  .grid-item img {
    object-fit: cover;
  }

  .vsebina [class^="os-gallery"] .os-cat-tab-images .img-block.ariana-effect {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  .img-block.text-onImage.ariana-effect.zoomIn.animated.alignment-left {
    margin-left: 0 !important;
  }

  /* pagination */

  .pagenavigation {
    width: 100%;
    position: relative;
    float: left;
    margin-top: 40px;
  }

  .pagination {
    margin: 0 auto !important;
    position: relative;
    max-width: 1220px;
  }

  .pagination .btn-secondary {
    color: #000;
    background: none;
    border: 2px solid #000;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 25px;
    margin: 0px 10px;
    font-weight: 500;
  }

  .pagination .btn-secondary:hover {
    background: #000;
    color: #fff;
  }

  .active > .page-link {
    background-color: var(--green);
    border-color: var(--green);
  }

  .page-link {
    font-size: 24px;
    font-size: 36px;
  }

  a.page-link {
    color: #000;
  }

  a.page-link:hover, .page-link:focus {
    background: none;
    box-shadow: none;
    color: #303542;
  }

  /* pagination reference */

  .pagination__wrapper ul li.page-item:nth-child(2), .pagination__wrapper ul li.page-item:nth-last-child(2) {
    display: block
  }

  .pagination__wrapper ul li.page-item {
    display: none;
  }

  .page-link.disabled, .disabled > .page-link {
    color: #ddd;
    background-color: #fff;
    border-color: #ddd;
  }

    /* bott */

  .bott {
    position: relative;
    float: left;
    width: 100%;
    padding: 50px 0px;
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(17,17,17,1) 100%);
    color: #c7c7c7;
    line-height: 195%;
  }

  .bott a {
    color: #c7c7c7;
    text-decoration: none;
  }

  .bott a:hover {
    color: var(--green-hover);
  }

  .bott h3 {
    margin: 0;
    padding: 0px 0px 10px 0px;
    color: #fff;
    font-size: 20px;
  }

  .logo-bott {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 50px;
  }

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


  .bott .width25 {
    float: left;
    width: 25%;
  }

  .moduletable.proj {
    line-height: 125%;
  }

  .moduletable.kazalo {

    border-left: 1px solid #fff;
    padding-left: 100px;
  }

  .width100 {
    float: left;
    width: 100%;
  }

/* social */

  .crta-l {
    float: left;
    width: calc(50% - 90px);
    border-top: 1px solid #fff;
    height: 1px;
    margin-top: 60px;
  }
  
  .crta-r {
    float: left;
    width: calc(50% - 90px);
    border-top: 1px solid #fff;
    height: 1px;
    margin-top: 60px;
  }
  
  .social {
    float: left;
    width: 180px;
    text-align: center;
    margin-top: 45px;
  }

  .social img {
    margin: 0px 10px;
    transition: all 0.4s ease;
  }

  .social a img:hover {
    filter: invert(1);
    filter: brightness(100);
  }

  .logo-lakirnice  {
    width: 100px;
    position: absolute;
  }

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

  .pravice-in {
    margin-top: 15px;
  }



  /* piškotki */
  .cpnb-m-cookies-floatButton-icon-img {
    max-width: 40px;
    max-height: 40px;
  }

  .cpnb-manager-modal-right a {
    color: #000;
  }

  /* Rsform */

  .formResponsive {
    margin: 0 auto;
    max-width: 1250px;
  }
  
  .rsform-block.rsform-block-text {
    text-align: center;
    margin-bottom: 50px;
    margin-bottom: 30px !important;
  }
  
  .formResponsive .formHorizontal .rsform-block {
      margin-bottom: 0px !important;
   }
  
  
  .formResponsive textarea, .formResponsive input[type="text"] {
    padding: 14px 8px !important;
  }
  
  .formResponsive textarea, .formResponsive input[type="text"] {
    border-radius: 5px !important;
    padding: 15px !important;
    border: 1px solid #ddd;
    background: #fff; 
  }
  
  .formResponsive input[type="text"] {
    width: 100% !important;
  }
  
  .rsform-submit-button {
      border-radius: 2px !important;
      text-align: center;
      padding: 10px 35px !important;
      background-color: var(--green)!important;
      color: #fff !important;
      font-size: 18px !important;
      font-weight: 500;
      background-image: none !important;
      border:none !important;
      margin-top: 30px;
  }
  
  
  .rsform-submit-button:hover {
    background-color: var(--green-hover) !important;
  }
  
  
  .formControlLabel { text-align: left !important; padding: 0 0 0 3px !important; }
  .rsform-block.rsform-block-info .formControlLabel {width:95% !important; }
  .rsform-text-box { width: 97% !important; padding:8px !important;}
  
  
  .formResponsive .formHorizontal .formControls {
      margin-left: 0 !important;
  }
  
  .formResponsive select {
    height: 40px;
    border-radius: 5px;
    width: 100%;
  }

  .rsform-block.rsform-block-kontaktna-oseba, .rsform-block.rsform-block-naslov, .rsform-block.rsform-block-telefon, .rsform-block.rsform-block-e-mail, .rsform-block.rsform-block-naziv-izdelka, .rsform-block.rsform-block-embaliranje, .rsform-block.rsform-block-proizvajalec-barv { 
    float: left; 
    width: calc(50% - 50px);
    margin-right: 50px;
  }

  .rsform-block.rsform-block-dimenzije, .rsform-block.rsform-block-masa, .rsform-block.rsform-block-povrsina, .rsform-block.rsform-block-kolicina {
    float: left; 
    width: calc(25% - 50px);
    margin-right: 50px;
  }

  .rsform-block.rsform-block-ral { 
    float: left; 
    width: calc(33.33% - 50px);
    margin-right: 50px;
  }

  strong.formRequired {
    color: #f00;
  }

  .rsform-block.rsform-block-text-1, .rsform-block.rsform-block-text-2, .rsform-block.rsform-block-text-3, .rsform-block.rsform-block-text-4 {
    margin-top: 30px;
    width: 100%;
    float: left;
  }

  .rsform-block.rsform-block-sem {
    width: calc(100% - 25px);
    margin-right: 25px;
  }

  .formResponsive .formHorizontal .formControlLabel {
    width: 345px !important;
  }
  
  .formResponsive .formControls label {
    margin: -4px 5px 3px 0;
  }

  .rsform-block.rsform-block-vremenski-vplivi.rsform-type-radiogroup {
    margin: 0px 0px 38px 0px !important;
    width: 100%;
    float: left;
  }

  .rsform-block.rsform-block-sijaj, .rsform-block.rsform-block-povrsina-2 {
    float: left;
    width: calc(33.33% - 25px);
    margin-right: 25px;
  }

  .rsform-block.rsform-block-material {
    float: left;
    width: calc(50% - 25px);
    margin-right: 25px;
  }

  @media only screen and (max-width: 1279px) {
    .utrinek_1 {
      height: 450px;
    }
    .moduletable.kazalo {
      padding-left: 70px;
    }
  } 

  @media only screen and (max-width: 1275px) {
    .logo {
      width: 150px;
    }
    .meni {
      width: calc(100% - 410px);
    }
    .ref .utrinek_1 {
      height: 330px;
    }
  }

  @media only screen and (max-width: 1189px) {
    /* Video galerija */

.video-stream.html5-main-video {
  width: 100% !important;
  height: 500px !important;
}
  }

  @media only screen and (max-width: 1160px) {
    .meni .dj-megamenu-clean li a.dj-up_a {
      margin: 0px 7px;
    }

    .vsebina .field-entry.opis-reference {
      width: 250px;
    }
    .vsebina .field-entry.galerija, .vsebina .field-entry.video-galerija {
      width: calc(100% - 250px);
    }
  }

  @media only screen and (max-width: 1130px) {
    .logo img {
      width: 118px;
    }

    .logo {
      width: 130px;
    }
    .meni {
      width: calc(100% - 390px);
    }

    .img-levo, .img-desno {
      display: none;
    }
  }

  @media only screen and (max-width: 1110px) {
    .meni .dj-megamenu-clean li a.dj-up_a {
      font-size: 16px;
    }

    .povp {
      font-size: 16px;
    }

    .povp {
      width: 175px;
    }

    .meni {
      width: calc(100% - 375px);
    }
  }

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

    .meni {
      width: calc(100% - 490px);
      text-align: center;
      margin-top: 23px;
    }

    .itemid-101 .top, .itemid-113 .top, .itemid-114 .top {
      padding: 10px 0px 10px 0px;
    }
    .top.scroll .meni {
      margin-top: 8px;
    }

    .top.scroll {
      padding: 10px 0px;
    }
  }

  @media only screen and (max-width: 1027px) {
    /* barva ozadja mobi */

  .dj-offcanvas-dark, .dj-offcanvas-dark .dj-offcanvas-top {
    background: #20242e;
  }

  ul.dj-mobile-dark li.dj-mobileitem > a {
    background: none;
    font-size: 18px;
  }

  ul.dj-mobile-dark li.dj-mobileitem:hover > a, ul.dj-mobile-dark li.dj-mobileitem.active > a {
    background: none;
  }

  ul.dj-mobile-dark ul li.dj-mobileitem > a {
    background: none;
    border-top: 1px solid #474e60;
  }

  .dj-mobile-open-btn.active .dj-mobile-open-icon {
    background: none;
  }

  ul.dj-mobile-dark ul li.dj-mobileitem:hover > a {
    background: none;
  }

  li.dj-mobileitem.itemid-142 a, li.dj-mobileitem.itemid-182 a {
    background: var(--green) !important;
    color: #303542 !important;
    border-radius: 2px !important;
    margin: 35px 30px 0px 16px !important;
    padding: 10px 15px !important;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
  }

  .dj-offcanvas {
    width: 100% !important;
    padding: 50px !important;
  }
  
  .dj-offcanvas-effect-3.dj-offcanvas-open .dj-offcanvas-pusher {
	  transform: translate3d(100%, 0, 0) !important;
  }
  
  .dj-offcanvas-dark .dj-offcanvas-close-btn:focus, button:focus:not(:focus-visible) {
	border: none !important;
	box-shadow: none !important;
  }

  ul.dj-mobile-dark ul li.dj-mobileitem.active > a {
    color: var(--green);
    background: none;
  }
   table tr td {
    display: block;
    width: 100% !important;
  }

  .vsebina {
    padding: 145px 0px 50px 0px;
  }
}

  @media only screen and (max-width: 999px) {

    .bott .width25 {
      width: 100%;
      text-align: center;
      border-bottom: 1px solid rgba(255,255,255,0.15);
      padding-bottom: 25px;
      margin-bottom: 25px;
    }

    .bott .width25:last-child {
      border-bottom: none;
    } 

    .moduletable.kazalo {
      border-left: none;
      padding-left: 0;
    }

    .bott hr {
      opacity: 0.15;
    }

    .slogan-uvod .field-value {
      width: 100%;
    }

    .moduletable.gab .wf-columns {
      gap: 0;
    }

    .moduletable.gab .wf-columns-stack-medium>.wf-column, .moduletable.gab .wf-columns .wf-column {
      width: 50%;
      padding-bottom: 30px;
    }
    ul.newsflash-horizref li {
      width: calc(50% - 30px);
    }

    .dj-megamenu-clean.verticalMenu li a.dj-up_a {
      font-size: 30px;
      padding-top: 12px;
      padding-bottom: 12px;
    }

    .dj-megamenu-clean.verticalMenu {
      max-width: 40% !important;
    }

    .blok_1 .dj-megamenu-clean li div.dj-subwrap {
      width: 145%;
    }

    .blok_1 .dj-megamenu-clean li ul.dj-submenu > li > a {
      padding: 35px;
    }

    .blok_1 .dj-megamenu-clean li ul.dj-submenu > li .title {
      font-size: 24px;
    }
    .blok_1 .dj-subcol, .dj-subwrap-in {
      background-position: top 39px left;
      background-size: 14px;
    }

    .dj-megamenu-clean.verticalMenu {
      padding: 88px 0px !important;
    }

    .logo-lakirnice {
      width: 100%;
      position: relative;
      text-align: center;
      padding-top: 15px;
    }

    .logo-lakirnice img {
      width: 100px;
    }

  }

  @media only screen and (max-width: 960px) {
    .shad {
      padding: 0px 0px 30px 0px;
      border-radius: 0;
      border-right: none;
    }
    .itemid-143 table, .itemid-173 table {
      text-align: center;
    }

    .itemid-117 .page-header h1 {
      padding-right: 0px !important;
    }

    .vsebina .field-entry.opis-reference {
      width: 100%;
      padding-left: 10px;
    }

    .vsebina .field-entry.galerija, .vsebina .field-entry.video-galerija  {
      width: 100%;
    }
    .vsebina .field-entry.spremni-tekst {
      padding-right: 0 !important;
    }
  }

  @media only screen and (min-width: 850px) {
    .moduletable.tabi {
      display: none;
    }
  }

  @media only screen and (max-width: 849px) {
    .blok_1 {
      background-size: initial;
    }
    
    .blok_1 .dj-megamenu-wrapper {
      display: none;
    }

    .moduletable.tabi {
      padding: 50px;
      background-color: rgba(0,0,0,0.55);
    }
    .Green-and-Black .djtabs-article-content {
      font-weight: normal;
    }

    .djtabs-article-content a {
      text-decoration: none;
    }

    .djtabs-readmore {
      display: block;
    }

    .Green-and-Black .djtabs-title {
      font-weight: 500;   
      text-transform: initial;
    }

    .Green-and-Black .djtabs-active {
      background-color: rgba(166,206,57,0.80) !important;
    }

    .Green-and-Black div.djtabs-title-wrapper .djtabs-title {
      background-color: rgba(0,0,0,0.55);
    }

  }

  @media only screen and (max-width: 769px) {
    ul.newsflash-horizaktu li {
      width: 50%;
    }
    h1 {
      font-size: 40px;
      line-height: 150%;
    }

    .vsebina h1 {
      font-size: 32px;
    }
    h2 {
      font-size: 32px;
    }

    .vsebina h3 {
      font-size: 20px;
    }
    .slogan-uvod .field-value {
      font-size: 30px;
    }

    .uvod .field-value img {
      width: 30px;
    }

  }

  @media only screen and (max-width: 650px) {
    .rsform-block.rsform-block-opombe {
      margin-right: 30px;
    }

    .rsform-block.rsform-block-kontaktna-oseba, .rsform-block.rsform-block-naslov, .rsform-block.rsform-block-telefon, .rsform-block.rsform-block-e-mail, .rsform-block.rsform-block-naziv-izdelka, .rsform-block.rsform-block-embaliranje, .rsform-block.rsform-block-proizvajalec-barv { 
      margin-right: 30px;
    }
  
    .rsform-block.rsform-block-dimenzije, .rsform-block.rsform-block-masa, .rsform-block.rsform-block-povrsina, .rsform-block.rsform-block-kolicina {
      margin-right: 30px;
    }
  
    .rsform-block.rsform-block-ral { 
      margin-right: 30px;
    }

    .rsform-block.rsform-block-sijaj, .rsform-block.rsform-block-povrsina-2, .rsform-block.rsform-block-sem, .rsform-block.rsform-block-material {
      margin-right: 10px;
    }

  }

  @media only screen and (max-width: 620px) {
    .povp {
      display: none;
    }
    .logo {
      width: 130px;
    }

    .logo img {
      width: 100px;
    }
    .meni {
      width: calc(100% - 200px);
      text-align: right;
      margin-top: 15px;
    }
    .jeziki {
      margin-top: 24px;
    }

    .content-xl, .content {
      padding: 0px 20px;
    }
    ul.newsflash-horizref li {
      width: calc(50% - 15px);
      margin: 0px 15px 20px 0px;
    }

    .Green-and-Black .djtabs-accordion {
      margin-bottom: 10px;
    }

    .djtabs .djtabs-title {
      border-bottom-width: 0px !important;
    }
  }

  @media only screen and (max-width: 479px) {
    ul.newsflash-horizaktu li {
      width: 100%;
    }
    .moduletable.gab .wf-columns-stack-medium>.wf-column, .moduletable.gab .wf-columns .wf-column {
      width: 100%;
    }
    h1 {
      font-size: 37px;
    }

    .vsebina h1 {
      font-size: 34px;
      line-height: 120%;
    }

    ul.newsflash-horizref li {
      width: 100%;
      padding: 0px;
      margin: 0px 0px 30px 0px;
    }

      .moduletable.tabi {
        padding: 50px 20px; 
      }
      .Green-and-Black .djtabs-in {
        margin: 0;
      }

      .uvod a.gumb {
        display: block;
      }

      .video-vsebine {
        font-size: 32px;
      }
  }