@media (min-width: 1400px) {
 .container { width:1400px; }
 .cfquicklinkrow1 { padding-top:37px; }
}

.hidedesktop { display:none; }

.logo { padding-top:15px; }
.logo img { width:273px; }

.odmiktop50 { margin-top:50px; }
.odmikbot50 { margin-bottom:50px; }
#topkategorijemobile { display:none; }

.bannershopentry { background-color:#E3E3E3; margin-bottom:15px; }
.bannershopentry .prekloptitle { float:right; width:300px; width:380px; margin-top:66px; }
.bannershopentry img {  }

.bannershopentry .prekloptitle .t1 a { text-decoration:none; font-size:30px; color:#263B80; font-weight:bold; line-height:40px;  }
.bannershopentry .prekloptitle .t2 { padding:20px 0px 20px 0px;  }
.bannershopentry .prekloptitle .t2 a { text-decoration:none; font-size:20px; color:#263B80; font-weight:normal; line-height:25px;  }
.bannershopentry .prekloptitle .t3 a { text-decoration:none; font-size:20px; color:#ffffff; font-weight:bold; line-height:35px;  border:solid 1px #263B80; background-color:#263B80;  border-radius:6px; padding:6px 20px 6px 20px; }
.bannershopentry .prekloptitle .t3 a:hover { background-color:#ffffff;  color:#263B80;  }
.bannershopentry .imglink { float:left; }

div.blok2 .social .dostava a { font-size:12px !important; text-decoration:none;  }
.logodesno { margin-top:10px; }
.logodesno .search { width:900px; float:left; border:solid 1px #707070; border-radius:24px; padding:0px 10px 0px 20px; box-sizing: border-box; z-index:102; position:absolute;
box-shadow: 0px 6px 6px #00000029;
}
.logodesno .search form { width:100%;  }
.logodesno .search input, .logodesno .search .inp  { width:815px; }
.logodesno .search input {  outline: none; border:solid 0px #000000; padding-left:0px; padding-top:0px; height:48px; color:#707070; font-size:20px; }
.logodesno .search input[type=text]:focus { border:none;  }
/*.logodesno .search .btns button { margin-top:5px; }
.logodesno .search .btns button img { width:40px; }*/
.logodesno .search .btns button { margin-top:10px; }
.logodesno .search .btns button img { width:30px; }


.logodesno .faqkon { text-align:right; padding-bottom:15px; }
.logodesno a.faq { padding:4px 10px 6px 10px; background-color:#ffffff; color:#002f87; text-decoration:none; font-size:12px; font-weight:bold; border:solid 1px #002f87; border-radius:4px;  margin-right:5px; }
.logodesno a.faq img { width:12px; margin-left:8px; }
.logodesno a.faq:hover { background-color:#002f87; color:#ffffff; }
.logodesno a.kontakt { padding:4px 10px 6px 10px; background-color:#ffffff; color:#002f87; text-decoration:none; font-size:12px; font-weight:bold; border:solid 1px #002f87; border-radius:4px; }
.logodesno a.kontakt:hover { background-color:#002f87; color:#ffffff; }
.logodesno a.kontakt img { width:17px; margin-left:8px; }

.searchlightbox { width:100%; height:100%; background-color:#ffffff; opacity:0.7; position:absolute; top:0; left:0; z-index:99; display:none; }

.headmenus { background-color:#ffffff; }
div.menu1 ul li a { border-right:none; font-size:18px; font-weight:bold; padding:13px 24px 0px 25px; background-color:#f5f6f6; }
div.menu1 ul li a:hover { font-weight:bold; background-color:#ffffff; } 
div.menu1 ul li.m1 a { border-left:none; }

.topkategorije .entrytitle h2 { color:#263B80; font-size:30px; font-weight:bold; margin-top:40px; }
.topkategorije .entrytitle .line { border-top:solid 4px #263B80; width:78px; margin-top:5px; }
.topkategorije .kat { padding-top:30px; }
.topkategorije .kat .l1, .topkategorije .kat .l2 { padding:0px 6px 0px 6px; }
.topkategorije .kat .l1 img { width:100%; }
.topkategorije .kat .l2 { text-align:center; padding-top:10px; }
.topkategorije .kat .l2 a { font-size:21px; font-weight:bold;  color:#263B80; text-decoration:none; }
.topkategorije .katslideright { position:absolute; margin-top:50px; right:0px; width:40px; z-index:100; }
.topkategorije .katslideleft { position:absolute; margin-top:50px; left:0px; width:40px; z-index:100; }


.hitrepovezave { margin-top:80px; }
.hitrepovezave .l1 { margin-bottom:20px; }
.hitrepovezave .gumb { border:solid 0px red; position:absolute; margin-top:95px; z-index:120; width:95%; text-align:center; }
.hitrepovezave .gumb a { background-color:#263B80; color:#ffffff; font-size:25px; padding:8px 20px 8px 20px; text-decoration:none; border-radius:6px; }
.hitrepovezave .gumb a:hover { color:#263B80; background-color:#ffffff; }

.icopovezave { margin-top:50px; }
.icopovezave .qlin { float:left; width:191px; margin:0px 2px 0px 2px; }
.icopovezave .qlin .svg { text-align:center; height:90px; }
.icopovezave .qlin .svg img { width:75px; padding-top:5px; }
.icopovezave .qlin .svg img:hover { width:85px; padding-top:0px;  }
.icopovezave .qlin .tit { padding:0px 0px 45px 0px; text-align:center; }
.icopovezave .qlin .tit a { text-decoration:none; font-size:21px; font-weight:bold; line-height:22px; color:#263B80; }
.icopovezave .qlin .tit a:hover { text-decoration:underline; }

.ikone96 .ico2 .img { text-align:center; padding-bottom:0px; }
.ikone96 .ico2 .img img { width:85px; padding-bottom:10px; padding-top:5px; }
.ikone96 .ico2 .img img:hover { width:95px; padding-bottom:5px; padding-top:0px; }


.popupmenus { position:absolute; top:auto; margin-top:50px; left:0px;  background-color:#f5f6f6; z-index:101; padding:20px 20px 30px 30px; width:100%;  }

.popupmenus .closeico { float:right; background-color:#002f87; padding:2px 5px 4px 5px; }
.popupmenus .closeico img { width:20px; }


.popupmenus .pm0 { border:solid 0px red;  width:33%; float:left; margin-bottom:20px; padding-right:25px; }
.popupmenus .pm0 a { font-weight:bold; font-size:14px !important;  line-height:30px; text-decoration:none; float:left; } 
.popupmenus .pm0 a:hover { text-decoration:underline; }
.popupmenus .pm1 a { float:none; font-weight:normal; font-size:14px !important; line-height:30px; text-decoration:none; } 
.popupmenussingle { width:100%; }
.popupmenussingle .pm0 { float:none; }
.popupmenussingle .pm0 a { font-weight:normal; line-height:20px; } 
.popupmenus i { color:#002f87; margin-left:5px; }
.popupmenusnivo1 { background-color:#ffffff; padding:10px 30px 10px 30px; float:left; }

.izpostavljamo { border:solid 1px #707070; margin-top:30px; }
.izpostavljamo .gumb { float:left; padding:5px 20px 1px 20px;  }
.izpostavljamo .gumb a { color:#263B80; text-decoration:none; font-size:30px; font-weight:bold; }
.izpostavljamo .gumb a:hover { text-decoration:underline; }
.izpostavljamo .gumbouter { display:inline-block; margin:8px 23px 0px 23px; padding-bottom:8px;  }
.izpostavljamo .gumbactive { border-bottom:solid 4px #263B80; }
.izpostavljamo .gumbactive .gumb { background-color:#263B80; border-top-left-radius:6px; border-top-right-radius:6px; }
.izpostavljamo .gumbactive .gumb a { color:#ffffff; }
.izpostavljamo .gumbactive .gumb a:hover { text-decoration:none; }
.izpostavljamo .izpostavljamocnt { margin:40px 0px 30px 0px; }
.izpostavljamo .vsiizdelkikat { padding:20px 0px 0px 15px; float:left; }
.izpostavljamo .vsiizdelkikat a { font-size:18px; text-decoration:none; font-weight:bold; }
.izpostavljamo .vsiizdelkikat a:hover { text-decoration:underline; }


.vseblogobjave .vsiizdelkikat { }
.vseblogobjave .vsiizdelkikat a { font-size:18px; text-decoration:none; font-weight:bold; }
.vseblogobjave .vsiizdelkikat a:hover { text-decoration:underline; }

div.izdelki div.bot div.sifra .tdesno .zaloga .z1 { float:left; }
div.izdelki div.bot div.sifra .tdesno .zaloga .z2 { float:left;  }
div.izdelki div.bot div.sifra .tdesno .zaloga .z2 img { width:18px; margin-top:-2px; margin-left:6px; }
div.izdelki div.bot div.img .ico img { width:58px;  }

.mobilemenus button .fas { display:none; }
.mobilemenus button.collapsed .fas { display:block; }
.mobilemenus button .svgclose { display:block; width:21px; }
.mobilemenus button.collapsed .svgclose { display:none; }

.mobilepopupmenus { width:100%; background-color:#f7f7f7; }
.mobilepopupmenus .topline { background-color:#dcddde; }
.mobilepopupmenus .nadrejen { padding:12px 10px 12px 30px; float:left; }
.mobilepopupmenus .nadrejen a { text-decoration:none; font-size:18px; color:#002f87; line-height:25px; font-weight:bold;   }
.mobilepopupmenus .nadrejen a:hover { text-decoration:none; }

.mobilepopupmenus .back { background-color:#dcddde; padding:12px 10px 12px 30px; float:right; }
.mobilepopupmenus .back a { font-size:18px; color:#002f87; line-height:25px; font-weight:bold;   }
.mobilepopupmenus .back a:hover { text-decoration:none; }
.mobilepopupmenus .pm0  { padding:12px 10px 12px 30px; }
.mobilepopupmenus .pm0 a { color:#002f87; font-size:18px;  line-height:25px; font-weight:bold; text-decoration:none !important; }
.mobilepopupmenus .pm0 a:hover { text-decoration:underline; }
.pmparent { display:none; }
.mobilepopupmenus .pmparent  { padding:12px 10px 12px 30px; }
.mobilepopupmenus .pmparent a { color:#002f87;  font-size:18px;  line-height:25px; font-weight:bold; text-decoration:none !important;}
.mobilepopupmenus .pmparent a:hover { text-decoration:none; }
.mobilepopupmenus .pm1  { padding:12px 10px 12px 30px; }
.mobilepopupmenus .pm1 a { color:#002f87; font-size:18px;  line-height:25px; font-weight:bold; text-decoration:none !important;}
.mobilepopupmenus .pm1 a:hover { text-decoration:none; }


div.izdelki div.bot div.kupi a { border:solid 1px #263B80; padding-top:4px; padding-right:0px; border-radius:4px; background-color:#ffffff; color:#263B80; float:left;  }
div.izdelki div.bot div.kupi a:hover { background-color:#263B80; color:#ffffff; }
div.izdelki div.bot div.kupi a span { float:left; padding-top:3px; }
div.izdelki div.bot div.kupi a span.svg { padding:0px 0px 0px 0px; }
div.izdelki div.bot div.kupi a span.svg img { width:20px; margin:0px 8px 0px 5px; }
#contentstart div.izdelki div.bot div.kupi a span { line-height:20px; }

div.izdelki div.bot div.mid { padding-left:0px; padding-right:0px; }

.infonakupheader .itit h2 { font-size:30px; font-weight:bold; color:#263B80; }
.infonakupheader .itit { text-align:center; padding-top:60px; }
.infonakupheader .ides { text-align:center; font-size:30px; color:#263B80; padding-bottom:50px; }
.infonakupheader .line { text-align:center; }
.infonakupheader .line img { width:73px; }

.infonakup div { text-align:center; }
.infonakup .isvg img { width:80px; opacity:0.7; }
.infonakup .isvg img:hover { opacity:1; }
.infonakup .itit, .infonakup .itit h3, .infonakup .itit h3 a { font-size:25px; font-weight:bold; color:#263B80; padding-top:10px; padding-bottom:10px; text-decoration:none; }
.infonakup .itit h3 a:hover { text-decoration:none; }

.infonakup .ides, .infonakup .ides a { font-size:18px; color:#707070; text-decoration:none; text-align:justify; }
.infonakup .idescenter, .infonakup .idescenter a { text-align:center; }
.infonakup .ides a:hover { ; text-decoration:none; }
.infonakup .ivec { padding-bottom:30px; }
.infonakup .ivec a { font-size:18px; color:#707070; font-weight:bold; text-decoration:none; }
.infonakup .ivec a:hover { text-decoration:underline; }

.blogentry div { text-align:left; }
.blogentry .ivec { text-align:right; padding-top:15px; }
.blogentry .txtobo { text-align:justify; }

.entryeknjige div { text-align:center; padding-left:50px; padding-right:50px; padding-bottom:20px; }
.entryeknjige div img { width:100%; }

.entrygalerija {
	background-image: url('/Images/galerija.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	padding-top: 75px;
	padding-left: 75px;
}
.entrygalerija .gtit1 { font-size:30px; font-weight:bold; color:#ffffff; }
.entrygalerija .gtit2 { font-size:25px; color:#ffffff; clear:both; padding-bottom:10px; }
.entrygalerija .gbtn { float:left; }
.entrygalerija .gbtn a { float:left; padding:5px 20px 5px 20px; color:#ffffff; border:solid 1px #ffffff; border-radius:6px; text-decoration:none; font-weight:bold; }
.entrygalerija .gbtn a:hover { color:#263B80; border:solid 1px #ffffff; background-color:#ffffff; }

.entryenovice24 {
	background-image: url('/Images/enovice.jpg');
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
	height: 400px;
	padding-top: 110px;
	padding-left: 10px;
	padding-right: 10px;
}
.entryenovice24 .gtit1 { font-size:30px; font-weight:bold; color:#263B80; text-align:center; }
.entryenovice24 .gtit2 { font-size:25px; color:#263B80; clear:both; padding-bottom:10px; text-align:center; }
.entryenovice24 .gbtn { margin-left:auto; margin-right:auto; text-align:center; padding-top:20px; }
.entryenovice24 .gbtn a { padding:10px 25px 10px 25px; background-color:#263B80; color:#ffffff; border:solid 1px #263B80; border-radius:6px; text-decoration:none; font-size:18px; font-weight:bold;  }
.entryenovice24 .gbtn a:hover { color:#263B80; border:solid 1px #263B80; background-color:#ffffff; }


div.blok2 .social div { margin-top:6px; }

@media (min-width:992px) {
.item.active-next { display: block; }
.item.active { display: block; }

.carouselmobile .carousel-control, .carouselmobile .carousel-indicators { display:none; }
.carouselmobile .carousel-inner { width:auto; }

}



.backtotop { text-align:center; padding-bottom:30px; }
.backtotop img { width:40px; }



@media(max-width:1710px) {.slider { display:none;}

.logodesno { margin-top:10px; }
	.logodesno .search {
	/*	width: 490px;*/
		float: left;
		border: solid 1px #707070;
		border-radius: 24px;
		padding: 0px 10px 0px 20px;
		box-sizing: border-box;
		z-index: 102;
		position: absolute;
	}

}

@media (max-width:1400px) {
  .bannershopentry .carousel-inner img { width:700px; }
  .bannershopentry .prekloptitle { margin-top:30px; }

  div.menu1 ul li a { font-size:16px; padding:13px 16px 0px 16px; }

}

@media (max-width:1200px) {


  .bannershopentry .carousel-inner img { width:550px; }
  .bannershopentry .prekloptitle { width:350px; margin-top:20px; }

  .bannershopentry .prekloptitle .t1 a { font-size:25px; line-height:31px;  }
  .bannershopentry .prekloptitle .t2  { padding:10px 0px 10px 0px; }
  .bannershopentry .prekloptitle .t2 a { font-size:17px; line-height:22px;  }
  .bannershopentry .prekloptitle .t3 a { font-size:17px; line-height:22px; padding:4px 13px 4px 13px; }
 
  .hitrepovezave .gumb { margin-top:58px; }
  .hitrepovezave .gumb a { font-size:20px; }

.entryeknjige div { padding-left:20px; padding-right:20px; }

.logodesno 
{ width:500px; }
.logodesno .search input, .logodesno .search .inp  { width:415px; }
div.menu1 ul li a { font-size:14px; padding:13px 10px 0px 10px; }

}

@media (max-width:992px) {



  .hidemobile { display: none; }
  .hidedesktop { display:block; }

  .bannershopentry .carousel-inner img { width:100%; }
  .bannershopentry .prekloptitle { width:100%; margin:20px 0px 20px 0px; padding-left:20px; padding-right:20px;  }

  .bannershopentry .prekloptitle .t1 a { font-size:25px; line-height:31px;  }
  .bannershopentry .prekloptitle .t2  { padding:10px 0px 10px 0px; }
  .bannershopentry .prekloptitle .t2 a { font-size:17px; line-height:22px;  }
  .bannershopentry .prekloptitle .t3 a { font-size:17px; line-height:22px; padding:4px 13px 4px 13px; }

  #topkategorijedesktop { display:none; }
  #topkategorijemobile { display:block; }
 .topkategorije .entrytitlecenter { text-align:center; }
	.topkategorije .entrytitlecenter h2.entrytitle {
		display: inline-block;
		background-position-y: 39px;
		background-position-x: center;
		padding-bottom: 11px;
		background-image: url(../../Images/title-line.gif);
		background-repeat: no-repeat;
	}
 .topkategorije .entrytitlecenter .line { display:none; }


.entrygalerija .gtit1 { font-size:25px; line-height:33px; }
.entrygalerija .gtit2 { font-size:20px; line-height:28px;}
  .entryenovice .gtit1 { font-size:25px; line-height:33px; }
.entryenovice .gtit2 { font-size:20px; line-height:28px;}

.izpostavljamo { margin-top:30px; border:none; }
.izpostavljamo .izpgumbi { text-align:center; }
.izpostavljamo .gumbouter { margin-left:2px; margin-right:2px; }
.izpostavljamo .gumb { float:left; padding-left:3px; padding-right:3px; }
.izpostavljamo .gumb a { font-size:15px;  }

.hitrepovezave { margin-top:40px; }

.infonakup .itit, .infonakup .itit h3, .infonakup .itit h3 a { padding-top:0px; padding-bottom:0px; }

div.blok2 { padding-bottom:2px; }
.mobileinfo { padding-top:10px; }
.bsprofil { padding-top:14px; }
div.izdelki div.bot div.mid { padding-bottom:50px; padding-right:0px; padding-left:0px; }
div.izdelki div.bot div.img { text-align:center; }

div.menu1 ul li.m6 a { padding-right:26px; }
.logo { padding-top:0px; }

.logodesno .search { display:block; position:relative; margin-bottom:30px; width:70%; z-index:100; }
.logodesno .search input { width:100%; float:left; }
.logodesno .search .inp { width:70%; float:left; }
.logodesno .search .btns { float:right; margin-right:2px; }

.blogentry div { text-align:center; }

.carouselmobile .carousel-inner { width:100%; }
.carouselmobile .carousel-indicators li { background-color:#002f87; border:solid 1px #002f87; margin:0px 5px 0px 5px; }
.carouselmobile .carousel-indicators { margin-bottom:-6px; }
.carouselmobile .carousel-indicators a:hover { color:#002f87; }
.carouselmobile .carousel-control { text-shadow:none; background-color:transparent; opacity:initial; }
.carouselmobile .carousel-control.left { background-image:none; }
.carouselmobile .carousel-control.right { background-image:none; }
.carouselmobile .carousel-inner .item { padding-left:70px; padding-right:40px; }



.carouselmobile .carousel-control:hover span { color: #002f87 !important; }
.logodesno .faqkon { text-align:center; }


}

@media (max-width:767px) {
#meni { margin-top:-222px; position:absolute; z-index:121; width:100%; }
#meni .menu1 { padding-bottom:40px; background-color:#f5f6f6;  }
}

 /* VIDEO */
.videoPlayerOverlay {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 1200;
	 background-color: rgba(0, 0, 0, 0.5);
	 transition-property: all;
	 -moz-transition-property: all;
	 -webkit-transition-property: all;
	 -o-transition-property: all;
	 -ms-transition-property: all;
	 transition-duration: 0.25s;
	 -webkit-transition-duration: 0.25s;
	 -ms-transition-duration: 0.25s;
	 -moz-transition-duration: 0.25s;
	 -o-transition-duration: 0.25s;
	 transition-timing-function: linear;
	 -webkit-transition-timing-function: linear;
	 -o-transition-timing-function: linear;
	 -ms-transition-timing-function: linear;
	 -moz-transition-timing-function: linear;
}
 .videoPlayerOverlay .closeIcon {
	 position: absolute;
	 right: 15px;
	 top: 15px;
	 width: 3rem;
	 z-index: 200;
	 padding: 10px;
	 border-radius: 50%;
	 border: 0;
	 background: #fff;
	 width: 30px;
	 height: 30px;
	 transition-property: transform;
	 -moz-transition-property: transform;
	 -webkit-transition-property: transform;
	 -o-transition-property: transform;
	 -ms-transition-property: transform;
	 transition-duration: 0.25s;
	 -webkit-transition-duration: 0.25s;
	 -ms-transition-duration: 0.25s;
	 -moz-transition-duration: 0.25s;
	 -o-transition-duration: 0.25s;
	 transition-timing-function: ease-in-out;
	 -webkit-transition-timing-function: ease-in-out;
	 -o-transition-timing-function: ease-in-out;
	 -ms-transition-timing-function: ease-in-out;
	 -moz-transition-timing-function: ease-in-out;
    display: flex;
}
.videoPlayerOverlay .closeIcon img {
  width: 100%;
  height: auto;
}
 .videoPlayerOverlay iframe {
	 max-width: 853px;
	 max-height: 480px;
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin: auto;
	 top: 50%;
	 transform: translateY(-50%);
	 -webkit-transform: translateY(-50%);
	 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	 -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
	 box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
 .videoPlayerOverlay.hiddenTransform {
	 opacity: 0;
	 visibility: hidden;
	 transform: translateY(50px);
	 -webkit-transform: translateY(50px);
}
 @media only screen and (min-width: 1200px) {
	 .videoPlayerOverlay .closeIcon:hover {
		 cursor: pointer;
		 background: rgba(0, 0, 0, 0.5);
		 transform: rotate(360deg);
		 -webkit-transform: rotate(360deg);
	}
}
/* END VIDEO */





/* Top kategorite */
.categories-wrapper {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	overflow: hidden;
	justify-content: center;
}

.category {
	background: white;
	border-radius: 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	overflow: hidden;
	display: none;
	flex: 0 0 calc(50% - 5px);
	flex-direction: column;
}

	.category.active {
		display: flex;
	}

	.category img {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}

.category-content {
	padding: 10px;
	flex-grow: 1;
}

	.category-content h2 {
		margin: 0 0 8px;
		font-size: 1.2em;
		color: #333;
	}

	.category-content p {
		margin: 0;
		color: #666;
		font-size: 0.9em;
	}

.nav-buttons {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 300px;
	padding: 10px;
	margin: 0 auto;
}

	.nav-buttons button {
		background: #007bff;
		color: white;
		border: none;
		padding: 8px 16px;
		border-radius: 50px;
		cursor: pointer;
		font-size: 0.9em;
	}

		.nav-buttons button:disabled {
			background: #ccc;
			cursor: not-allowed;
		}

@media (min-width: 600px) {

	.category img {
		height: 200px;
	}

	.nav-buttons {
		display: none; /* Fsheh butonat në desktop */
	}

	.category {
		flex: 0 0 calc(50% - 10px);
	}
}

@media (max-width: 599px) {
	.nav-buttons {
		display: flex; /* Shfaq butonat në mobile */
	}

	.category img {
		height: 120px;
	}

	.category-content h2 {
		font-size: 1em;
	}

	.category-content p {
		font-size: 0.8em;
	}
}

/* End Top kategorite */