/* MOBILE CSS */

*{padding:0px; margin:0px; color:#505050; }
HTML{width:100%; overflow-y: scroll; }
BODY {width:100%; font-size:14px; font-family: 'Open Sans', sans-serif; }
img {display:block; width:100%; }
a{text-decoration:none;outline:none;}
@font-face {font-family: roboto; src: url(fonts/RobotoRegular.ttf); font-display: swap;}
@font-face {font-family: robotoLight; src: url(fonts/RobotoLight.ttf); font-display: swap;}
@font-face {font-family: robotoBold; src: url(fonts/RobotoBold.ttf); font-display: swap;}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);font-display: swap;}
.icons, .index .searchDugme {font-family: icons;}
.zaglavlje_content {background:#0187d0;position:relative; }

/* DISPLAY NONE */
.absoluteBoxLinks,
.hoverOn,
.map_container,
.top_baner, 
.glavni_meni>ul>li>ul,
.glavni_meni .mainMenuOver ul,
 .mainMenuSubCat.idKategorije_10.mainMenuSubCat,
.horizontal-wrapper.row-4a,
.login{display:none!important;}
 

/* HEADER */
.glavni_meni {display:none; width:100%; margin:0 auto; background: #0187d0; position:fixed;top:36px;opacity:.98;padding:20px 0;animation-name: example;animation-duration: .4s;z-index: 9000;  }
@keyframes example {
  0% {left:-100%}
  100% {left:0px;}
}
.glavni_meni li{ display: block;opacity:.8;text-align: center;}
.glavni_meni a{display: block; width:100%; padding: 16px;   box-sizing: border-box; font-size:20px; font-weight:bold; color:#fff; }
.mob_main_menu {position:fixed; top:0;right:0; padding:4px 14px 2px 4px ;border-bottom:3px solid #e7ecf0; box-sizing:border-box;height:38px;background:#007bbd;width:20%;text-align: right;z-index:8960; }
.mob_main_menu:after {content:"\f0c9"; font-family:icons; font-size:27px; color:#fff; }
.header_middle{background-color: #fff;}
.loginMenu{position: fixed;top:0;padding:8px 0 0 0;background: #007BBD;border-bottom:3px solid #e7ecf0;height:38px;box-sizing:border-box;width:20%;z-index:8950;}
.loginMenu a{color:#fff;padding:16px 0 4px 10px}
.call_centar_home { position:fixed;top:0;left:0%; width:100%;background: #007BBD;height:38px;border-bottom:3px solid #e7ecf0;box-sizing:border-box;padding-top: 8px;text-align: center;z-index:8000;}
.call_centar_home a{font-size: 0;}
.call_centar_home a span{font-size:16px;font-weight: bold;letter-spacing: .3px;color:#fff;padding-left:10px ;}
.call_centar_home img{display: none;}
.zaglavlje_content{display: block; width:100%; }
.logo{width: 200px; padding:44px 0 8px 0; box-sizing: border-box; margin:0 auto;}
.logo img{width:200px; height:53px; }
.oblast_zaglavlja .header_social {display: none;}
 

/*SEARCHBOX*/
.index .catalog_search{float:none; }
.catalog_search{width: 100%; margin: 0 auto; background: #fff; }
 
#brzi_pretrazivac{text-align: center; padding:5px 0 12px 0; margin-bottom:8px;/*! background:#f5f8fa; */;  }
 
.suggestionsBox, .suggestionList{display:none!important;}
#brzi_pretrazivac input{width:86%;max-width:340px; padding:12px; outline:none; vertical-align: top;color:#000; font-size:15px; border:2px solid #ececec; background:#ececec;border-radius:12px;  }
#brzi_pretrazivac .searchDugme{display: inline-block;   padding: 6px;margin-left:-40px;margin-top:5px;text-decoration: none; text-align: center; font-family: icons; color:#0087dd; font-size: 20px;}
#brzi_pretrazivac #inputString:focus { border:  2px solid #ddd;}
/*****korpa********/
.flyOutMenu{ position: fixed; top:6px; right:70px; text-align: center; z-index: 9000; }
.flyOutMenu .icons{font-family: icons;font-size :24px;color:#fff;  }
.flyOutMenu .countItems{position: fixed;top:1px;color:#fff;font-size:14px;background: red;box-sizing: border-box;padding:3px 8px;border-radius:20px;}
.cartContainer{ display:  none  }
/*GLAVNA STRANA*/
.index .oblast_sadrzaja{width:100%; }
.index .pageBody{
  padding: 0;
}
.index.catid_1 #brzi_pretrazivac{margin-bottom:0;}
 
.wrapperContent{padding: 10px 0 ;box-sizing:border-box; }
.row-4c .wrapperContent{padding-bottom:10px;}
.horizontal-wrapper.row-4{background:white; }
.horizontal-wrapper.row-4{text-align: center}
.index .row-4 .homebox{width:44%; display: inline-block;max-width:200px; box-sizing: border-box; padding: 0px 10px; vertical-align: top; }
.index .homebox .picture-holder a img{margin: 0px auto;width:144px; height:144px;}
.index .row-4 .textbox p {display:none;  }
 
.index .wrapperContent .vodicInner{background: #eef3f6;}
.index  .wrapperContent .vodicInner h4{padding:4px ;text-align: center; }
.textbox h2 a{font-weight: bold;box-sizing:border-box; text-transform: uppercase; display: block; color: #007BBD; text-align: center;height:38px; padding:2px 0 0 0; font-size: 14px; }
 .horizontal-wrapper.row-5{background:#007BBD;padding-bottom:20px;}
.catid_29 .horizontal-wrapper.row-5{background:#8bc53f;}
.horizontal-wrapper.row-5 .wrapperContent{display: flex;flex-wrap: wrap;justify-content: center;max-width:600px;margin:0 auto;}
.horizontal-wrapper.row-5 .wrapperContent>div{width: 49.4%;box-sizing:border-box;}
 
.row-5 .picture-holder img{display: block; width:68px; height:68px;margin:0 auto;}
.row-5  h2{font-size: 12px;  text-transform: uppercase; display: block; color: #fff;padding:10px 0 20px 0 }
.row-5  h2 a{color:#fff;text-align: center}

/********popusti na kasi**********/
.row-5 .wrapperContent{position: relative;}
.row-5 .wrapperContent>div:after{content:"POPUSTI na kasi %";position:absolute;width:58px;height:27px;background:#8DC63F;right:0; bottom: -3%; font-size:12px;color:#fff; line-height:0.9;font-family: roboto;text-align: right;padding:6px 6px 0 0;border-radius:  8px 0 0 8px ;z-index: 10; }
/********end popusti na kasi**********/

/********baner aktuelnosti**********/
.banerAktuelnosti{padding-top:24px;}
/********waiting for update*********/
.index.catid_1 pre{display: none;}
/********waiting for update end*********/
/******izdvojeni proizvodi*****/
 
.izdvojeniProizvodi #listaProizvoda{display:flex;flex-wrap: wrap;justify-content: center;background: #f5f8fa;padding:10px 0  20px 0;border-bottom:2px solid #ebebeb;border-top:2px solid #ebebeb;}
.izdvojeniProizvodi ul>li{width:43%;max-width:170px;height:300px;border:1px solid #ddd;background: #fff;border-radius:6px;margin:4px;position:relative; overflow:hidden;}
.izdvojeniProizvodi .proizvodi>li>.productPrice{position: absolute;bottom:12px;left:0;font-size:16px; color:#4f687c; text-align:center;width:100%;}
.izdvojeniProizvodi .catalogueThumbLink{height: 200px; max-width: 200px; box-sizing: border-box;overflow: hidden;background:red;}
.izdvojeniProizvodi .catalogueThumbLink img{max-width: 200px; height: 140px;object-fit: contain;width: 100%;mix-blend-mode: multiply;margin-top:30px }
.izdvojeniProizvodi .catalogueItemText{font-size: 14px;text-transform: lowercase;text-align: center;padding-top:4px;}
.izdvojeniProizvodi .catalogueItemText h3{font-size:14px; color:#0187d0;text-transform:none;}
.izdvojeniProizvodi .catalogueItemText p{font-size:12px;position: absolute;top:0;left:0;text-align: left;padding:4px 0 4px 4px;background:#e7ecf0;width: 100%;box-sizing: border-box; }
.izdvojeniProizvodi h3>span, .izdvojeniProizvodi h3, .wrapperContent h3{text-align: center;font-size:22px;color:#007BBD;padding:12px 0 4px 0;}



#coll_middle #listaProizvoda{display:flex;flex-wrap: wrap;justify-content: center;background: #f5f8fa;padding:10px 0  20px 0;border-bottom:2px solid #ebebeb;border-top:2px solid #ebebeb;}
#coll_middle #listaProizvoda>li{width:43%;max-width:162px;height:368px;border:1px solid #ddd;background: #fff;border-radius:6px;margin:4px;position:relative; overflow:hidden;}
#coll_middle #listaProizvoda >li>.productPrice{position: absolute;bottom:60px;left:0;font-size:16px; color:#4f687c; text-align:center;width:100%;}
#coll_middle #listaProizvoda .catalogueThumbLink{height: 200px; max-width: 200px; box-sizing: border-box;overflow: hidden;background:red;}
#coll_middle #listaProizvoda .catalogueThumbLink img{max-width: 200px; height: 140px;object-fit: contain;width: 100%;mix-blend-mode: multiply;margin-top:60px }
#coll_middle #listaProizvoda .catalogueItemText{font-size: 14px;text-transform: lowercase;text-align: center;padding-top:4px;}
#coll_middle #listaProizvoda .catalogueItemText h3{font-size:14px; color:#007BBD;text-transform:none;border-top: 1px solid #ddd;margin:0 3%;}
#coll_middle #listaProizvoda .catalogueItemText p{font-size:12px;position: absolute;top:0;left:0;text-align: left;padding:4px 0 4px 8px;background:#e7ecf0;width: 100%;box-sizing: border-box; }
#coll_middle #listaProizvoda.proizvodi { display: flex;justify-content: center;flex-wrap:wrap;background:#f5f8fa;margin:10px auto;padding-top:16px;max-width:100%; }
#coll_middle #listaProizvoda.proizvodi img{width: 150px;height: 120px;object-fit:contain;} 
#coll_middle #listaProizvoda.proizvodi p{font-size:12px;margin-top:0;}
 
/****vodic*****/
.frankishesnizenje .proizvodi>li h3:before{content:"SNIŽENA CENA";position:absolute;width:140px;height:20px;background:#FECE00;color:#000000;left:calc(50% - 70px);font-size:13px;letter-spacing:0.8px; bottom:83px; font-family: roboto;text-align: center;vertical-align: middle; padding:4px 0 0 2px;border-radius: 6px  ; }
.row-4e {margin-bottom: 40px;}
.more_button{display: block;font-size:16px;border:2px solid #DDE6E6;background-color:#fff;;margin:12px auto 12px auto;border-radius:6px;height:36px; }
.more_button a{padding:6px 42px;}
.vodicLinks{display: flex;flex-wrap: wrap;justify-content: center;}
.vodicLinks a{font-size:14px; color:#0574a8;  padding:4px   ;margin:  1%;  }
.vodic .float{padding:6px 0; }
.catid_23 .pageBody h3{color:#0187d0;;margin:16px auto 4px auto; max-width:100%;padding-left:6px;}
.catid_23 .pageBody h4{color:#0187d0;;margin:16px auto 4px auto; max-width:100%;padding-left:6px;}
.vodic li{margin: 0 auto; max-width:100%;}
 .catid_23 .pageBody  p{padding:10px 6px;max-width:100%;}
.vodic img{margin:12px 0 12px 0;}
.vodic:nth-of-type(even){background:#eef3f6;padding:10px 6px;margin:36px 0;}
/*ROW 5*/
.index .row-3 .picture-holder {display: none; }
.index .row-3 .textbox{width:100%; padding:20px; box-sizing: border-box; }
.index .row-3 .textbox h2{padding-bottom: 10px }
.index .row-1 .wrapperContent .picture-holder a img{width: 100%; height: auto; }
.index .picture-holder a img{display: block; }

.index .row-3 .textbox p{color: #4d94e0; }
.index .row-3 .textbox .opsirnije a{font-size: 14px; color: #00409a; text-transform: lowercase; }
/* NAVIGACIJA PAGES*/
#go_top{ font-size:24px;color:#fff;background:rgba(0,0,0, .4);padding: 5px 10px 10px 10px;position:fixed;bottom:10%;z-index:2000;border-radius:3px 0 0 3px;cursor:pointer;transition: all .7s;}
#go_top:hover{background:rgba(0,0,0, .7)}

/* FUTER */
.oblast_futera{width: 100%; height: 100%; background: #0e2a47;  text-align: center;margin-top:20px; }
.footer_container{background:#0e2a47; }
.oblast_futera h3 {padding-top: 20px; }
.oblast_futera h3 a{color: #fff; text-transform: uppercase; font-size: 24px; padding:20px 0 10px; display: block; }
#misijaFuter{color:hsla(0,0%,100%,.8);margin-bottom:14px }
.footer_links li{color: #0091fd; font-size: 14px; list-style: none; padding: 0 6px; }
.footer_linksContainer li a, .futerGarancija p{color:hsla(0,0%,100%,.65); font-size: 16px; padding:13px 0; display: block;   }
.footer_linksContainer{/*! background: #0e2a47; */}
.links_drustvene_mreze{/*! background-color:#0e2a47; */height:170px; }
.links_drustvene_mreze h3{color: #eee; text-transform: uppercase; font-size: 17px;padding-top:40px }
.links_drustvene_mreze span a{height: 100%; display: inline-block; padding: 20px 6%;max-height:40px; font-size: 30px; color: #eee;box-sizing: border-box; }
.oblast_futera .footer_desc p{  color:hsl(0deg 0% 100% / 55%) ; text-align: center; font-size: 12px; padding:30px 0 20px 0;background:#0e2a47;  }

/*OSTALE STRANICE*/
.oblast_sadrzaja{width:100%; overflow-x: hidden; overflow-y: auto;}

/*Katalog*/
.katalog_prikaz {width: 100%; margin: auto; }
.katalog .naslov_kategorije{color:#007BBD;text-align: center;margin:10px 0 6px 0;font-size: 20px;}
.katalog .kratak_opis_kategorije{
  font-size: 12px;
  padding:0 0 12px 0;
  max-width:98%;
  margin: auto;
  line-height:1.4em;
}
.handle{display:none;}
.katalog #brzi_pretrazivac{margin-bottom:0;}
.katalog .CatTrackNav ul{display:flex;flex-wrap:wrap;box-sizing:border-box; width:96%;margin:0 auto 4px auto;padding:3px 0 3px 10px;}
.katalog .CatTrackNav ul li{list-style-type: none;position:relative;}
.katalog .CatTrackNav ul li:last-of-type a:after{display:none;}
.katalog .CatTrackNav ul a{font-size:12px;padding:0 16px 0 0;color:#000;text-transform:lowercase;}

.katalog .CatTrackNav ul li:last-of-type a{color:#9e9e9e;}
.katalog .CatTrackNav ul a:after{ content: "\f105";
  font-size: 12px;
  line-height: 16px;
  font-family:  icons ;
  position: absolute;
  top:1px;
  right:3px;
  font-weight:bolder;
  margin: 0 5px;
  color:#4f687c;
}
.katalog .CatTrackNav .TrackNavPopUp{display: none!important;}
.katalog .firstCatTrackNavEl{display:none;}
.kategorije li{display: block; height: auto!important; margin: 1px 0; }
.katalog #listaProizvoda{text-align:center;margin:2% auto 4% auto;background-color:#f8fafb;padding:20px 0 20px 0; }
.relatedProdsCnt #listaProizvoda{ padding-top:12px;}
.katalog #listaProizvoda li{ 
  position: relative;
  border: 1px solid #ddd;
  margin: 2px 0;
  display: inline-block;
  background-color: #fff;
  border-radius: 3px;
  text-align: center;
  width: 48%;
  min-height: 376px;
  max-width:210px;
  padding:0 1%;box-sizing: border-box;
  vertical-align: top;
  }
.katalog #listaProizvoda .productPrice{position:absolute;bottom:60px;left:0;width:100%;color:#4f687c; }
.katalog #listaProizvoda .catalogueItemText{text-align: center; height: 60px;font-size: 12px; }
.katalog #listaProizvoda .catalogueItemText p{font-size:12px;position: absolute;top:0;left:0;text-align: left;padding:4px 0 4px 4px;background:#e7ecf0;width: 100%;box-sizing: border-box; }
.katalog #listaProizvoda .catalogueThumbLink{display:block;height:154px; width:auto; margin:auto;}
.katalog #listaProizvoda .catalogueItemText h3{padding :10px 0 6px 0;line-height:1.1;color:#0087d0;border-top: 1px solid #ddd;margin:0 3%; }
.katalog #listaProizvoda .catalogueThumbImage{
  display: block;
  height: 152px;
  width:152px;
  margin: 48px auto 0 auto;
  object-fit: contain;
}
.katalog_baner{margin:20px auto;width:96%;}
/*********popust proizvod*********/

.proizvodi>li>.productPrice:after{content:"popusti na kasi";position:absolute;width:120px;height:27px; left:calc(50% - 34px);font-size:12px;color:#878787;bottom:-69px;line-height:0.9;font-family: roboto;text-align: left; z-index: 10; }
.proizvodi>li>.productPrice:before{content:"%";position:absolute;box-sizing: border-box;width:18px;height:18px;left:calc(50% - 56px);bottom: -57px;font-size:12px;font-weight: bold;color:#fff;background:#8DC63F; font-family: roboto;text-align: center;border-radius:18px ;padding: 2px 0 0 0;z-index: 10;}
#listaProizvoda .catalogueItemText h3:after{content:"Više o proizvodu";position:absolute;width:140px;height:22px;background:#0087d0;left:calc(50% - 70px);font-size:12px;color:#fff;bottom:28px; font-family: roboto;text-align: center;vertical-align: middle; padding:6px 0 0 2px;border-radius: 10px  ; }
#listaProizvoda .catalogueItemText h3:hover:after{background:#0069A1;}

.articleTable tr:nth-of-type(2) .poruciArtikal {position: relative;}
.articleTable tr:nth-of-type(2) .poruciArtikal  span:before{content:"popusti na kasi %";position:absolute;box-sizing: border-box;width:108px;height:22px;right:0px;bottom: 194px;font-size:12px; color:#fff;background:#8DC63F; font-family: roboto;pointer-events: none;text-align: center;border-radius:18px ;padding: 4px 0 0 0;z-index: 10;} 
.articleTable tr:nth-of-type(2) .poruciArtikal  span:after{content:"Zbog trenutnih radova na sajtu, pojedine cene mogu odstupati od aktuelnih Doming cena.";position:absolute;width:340px;height:27px; left:2px; font-size:14px;color:#000;bottom:226px; pointer-events: none;line-height:1.2;font-family: roboto;text-align: left;  z-index: 10;  }
/*********end popust proizvod*********/

/**********akcijske tabele************/

.akcijskeTabele {overflow: scroll;}
.akcijskeTabele table td {font-size:12px;}
.akcijskeTabele table p {padding:0; }
.akcijskeTabele table {border-collapse: collapse;margin-top:10px; width:100%!important;}
.akcijskeTabele table td{padding:8px 4px; border-bottom: 1px solid  #ececec; text-align: left; }
.akcijskeTabele table td img{object-fit:contain;}

/*********end akcijske tabele********/

/*********servis********/
.catid_88 .pageBody{padding: 0;}
.catid_88 #coll_middle .catTitle{font-size:20px;padding: 0 0 8px 4px;margin-bottom: 16px;border-bottom: 1px solid  #ddd;}
.catid_88 #coll_middle{margin: 2%;}
.catid_88   #coll_right{display: none!important;}
.catid_88 .catShortDesc{ padding: 4px 0 10px 4px;border-top:1px solid #dddd;}
.catid_88 #coll_middle .serviseri{display: flex; flex-wrap: wrap; justify-content:center;  margin:20px 0 2% 0;}
.catid_88 #coll_middle .serviseri li{width:43%; max-width:220px; margin:2px;list-style-type:none; border:  1px solid #ddd; border-radius: 8px; padding: 8px 8px 14px 8px;}
.catid_88 #coll_middle .serviseri li .img{ text-align: center;}
.catid_88 #coll_middle .serviseri li img{display:inline-block;width:100px; height:40px;object-fit: contain}
.catid_88 #coll_middle .serviseri li h2 {text-align: center;line-height:0.8}
.catid_88 #coll_middle .serviseri li h2 a{font-size: 12px; font-weight: normal; }
.catid_88 .serviseri li:last-of-type{display: none;}
.catid_88 .pageBody table td {background: #f6f9fb; padding-left: 8px;border:1px solid #B6C3C3; }

.catid_88 #coll_middle #pageTitle{line-height: 100%;font-size:18px;color:#0187d0;padding: 12px 0 10px 6px; margin: 0 0 8px 0;border-bottom: 1px solid  #ddd; }
.catid_88 #coll_middle #pageBody >p:first-of-type{  padding: 4px 0 12px 0; margin:0;}
.catid_88 #coll_middle #pageBody >div img{ width:300px; height:auto;text-align:center; margin:0 auto;}
.catid_88 #coll_middle #pageBody >div:first-of-type{ margin-bottom:18px;}
 
.metalacbojleriservis  div{ border-bottom: 2px solid #eaeaea; margin-bottom: 14px ;padding-bottom: 12px;  }
.metalacbojleriservis  div p{line-height:0.7 ;padding-left: 12%}
.metalacbojleriservis  div p:first-child{font-weight: bold;}


#ovlascenilista div {display:flex;width:100%;  justify-content:space-between; align-items:center;position:relative; object-fit:contain;padding:2px 0 14px 8px; margin:16px 0 2px 0; border-bottom:2px solid #dddd;box-sizing:border-box;}
#ovlascenilista  h4{    z-index:800;position:relative;width:240px  }
 
#ovlascenilista div:hover{background:#f7f7f7;border-bottom: 2px solid #f7f7f7;}
#ovlascenilista div:hover img{mix-blend-mode: multiply;} 
 
#ovlascenilista   img{ z-index:1000; height:26px!important;}

.toggle-container h3 {font-size: 14px!important;}

/*********servis end********/



/*********geff*********/
#coll_middle .geff.pravna p, #coll_middle .geff.pravna ul, #coll_middle .geff.pravna h3, #coll_middle .geff.pravna ol{max-width:94%;  }
#coll_middle .geff.pravna img{margin-top:14px;}
 #coll_middle .geff.pravna ol{max-width:93%; margin: 10px auto; padding-left:30px;}
#coll_middle .geff.pravna ol li{margin: 8px 0;}
.geff.pravna ul .liextra{padding-left:20px; font-size: 13px; }
.geff.pravna div{overflow: scroll  } 
.geff.pravna a{color:#17a096;}
.geff.pravna table{border-collapse:collapse; }
.geff.pravna table p{font-size: 12px;}
.geff.pravna table td{border:1px solid #ccc}
/*********end geff*********/


/*********end popust proizvod*********/

/*********vaillant program*********/
.novosti.catid_26 #coll_middle .VaillantProgram .vbox h3 {margin-top:24px; padding-bottom: 6px;border-bottom: 1px solid #ddd;}
.VaillantProgram  .Vbox img{max-width: 340px;height:auto;margin:auto;}
.VaillantProgram blockquote {border:1px solid #ddd;width:98%;margin:24px auto; max-width:500px;}
.VaillantProgram .Vbox li::first-letter{text-transform: uppercase;}
/*********end  vaillant program*********/

/************pretraga proizvoda************/
#category-1 .katalog_prikaz>h1{font-size:18px;font-weight:normal;padding-bottom:12px;}
#category-1 .katalog_prikaz>table td:first-child{width: 20%!important;box-sizing:border-box; }
#category-1 .katalog_prikaz>table td:first-child img{object-fit: contain;max-height:76px;padding:4px;}
#category-1 .katalog_prikaz>table td:nth-child(2)  {font-size: 12px;vertical-align:  middle!important; padding:2% 2% 2% 3%!important;text-transform: lowercase }
#category-1 .katalog_prikaz>table td:nth-child(2) b{font-size:14px;text-transform:initial} 
/************pretraga proizvoda end************/

/********preporuceni proizvodi*************/
.relatedProductOnCategory>h3{font-size: 22px;color:#0087d0;text-align: center;padding:30px 0 10px 0}
.relatedProductOnCategory .flagForProduct{display: none;}
/********preporuceni proizvodi end*************/

/********pogodnosti placanje*************/
 .pogodnostiPlacanje .pageBody p{max-width: 100%;  }
.pogodnostiPlacanje .pogodnosti span{color:#0087d0; }
.pogodnostiPlacanjee>div>  p:nth-last-of-type(2){text-align: center;}
.pogodnostiPlacanje>div> p:nth-last-of-type(2) a{  display: block; text-align: center;width:160px;margin:12px auto 0 auto; background:#0087d0;color:#fff;padding:6px;border-radius: 14px;}
.pogodnostiPlacanje>div> p:nth-last-of-type(2) a span{color:#fff;margin-right: 4px;}
/********pogodnosti placanje end*************/

.katalog .kategorije{font-size: 0;background:#f5f8fa;padding:10px 0;}
.katalog .cat_item{
  /*! border:1px solid #ddd; */
  box-sizing: border-box;
  padding:6px;
  min-height:200px;
  height: auto;
  display: inline-block;
  width: 48%;
  border-radius:6px;
  vertical-align: top;
  font-size: initial;
  text-align: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width:210px;
  margin: 1%;box-shadow: 0  1px 3px 0px rgba(0,0,0,0.2),0px 0px 1px 0px rgba(0,0,0,0.2);
  background:#fff;
  
}

#category-3 .kategorije .cat_item, .catalogID_920 .cat_item{
  background: #0087d0;
  border:2px solid #eee;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-wrap: break-word;
  height:200px!important;
  max-width:200px;
  box-shadow:none;
  margin:0;
   
}
#category-3 .katalog .kategorije .cat_item .catName{height:60px;}
#category-3 .katalog_prikaz, .catalogID_920 .katalog_prikaz{width:100%;}
#category-3 .kategorije  li, .catalogID_920   li{margin:0;}
#category-3 .catalogID_3 .kategorije .cat_item span, .katalog .catalogID_920 .kategorije .cat_item .catName{
  color: #fff;font-size:12px;border-top:none;padding-top:0
}
#category-3 .catalogID_3 .kategorije .cat_item:nth-child(8){
  background: #5a4;
}
#category-3 .catalogID_3 .kategorije .cat_item:nth-child(9){
  background: #888;
}

.katalog .kategorije .cat_item a{display: block; /*! padding:8px 12px; */ box-sizing: border-box; font-weight:bold; background: #0087d0; color:#fff; }
.katalog .kategorije .cat_item .catImage{background: white;font-weight:lighter;height:120px;}
#category-3 .catalogID_3 .kategorije .cat_item:nth-child(8) a{
  background: #5a4;
}
#category-3 .catalogID_3 .kategorije .cat_item:nth-child(9) a{
  background: #888;
}
.katalog_prikaz .kategorije>ul{display: flex;flex-wrap:wrap;justify-content:center;}
.catalogID_920 .kategorije .cat_item{ background:#888;}
.catalogID_920 .kategorije .cat_item  a{background:#888;padding:0;}
.katalog .kategorije .cat_item  .catImage{display: flex;justify-content:center; padding: 0;margin: 1% 0;}
.katalog .kategorije .cat_item .catName{
  display: block;width:100%;background: none;
  vertical-align: middle;
  font-size:14px;
  height: 82px;
  color: #017abb;
  padding:8px 0 2px 0;
  border-top: 1px solid #ddd;
}
.katalog .oblast_kataloga.catalogID_920 .kategorije .cat_item .catName{color:#fff;height:60px;}
.katalog .kategorije .cat_item li{padding: 0 0 0 20px; background: #eee; }
.katalog .kategorije .cat_item li a{background:#468 }
.katalog .kategorije .cat_item a img{
  display: inline-block; 
  width:auto; 
  max-height: 120px;
  max-width:158px;
  object-fit:contain;}

.katalog .catalogID_3 .kategorije  .cat_item a img{max-height:110px }
.katalog .kategorije .cat_item a span{display: inline-block; width:60%; vertical-align: middle; padding:10px; box-sizing: border-box; color:#eee; }
.subcatsInCat{display: none}
.katalog .katalog_navigacija{display: none }
.prodTable .proizvodjac{position: relative; background:rgba(255,255,255,.7); z-index: 100;max-width:400px;margin:auto;}
 .proizvodjac #producerCountryName{display: none }
.proizvodjac #producerCountryFlag{position: absolute; top:-12px; right:20px; display: block; width:60px;height:auto; }
.proizvodjac #producerCountryFlag img{width:100%; }
.proizvodjac > img{position: absolute; top:-25px; left:6px; width:100px; background:rgba(255,255,255,.7); padding:10px }
.prodTableLeft{margin :30px auto 10px auto ;border:1px solid #ddd;padding-top:24px;border-radius:3px;box-sizing: border-box;width: 94%;max-width:400px;max-height:340px;}
.proizvod .prodSlika{
  position: relative;
  margin: auto;
  max-width: 380px;
  max-height:320px;
  padding:10px;
   
}

.proizvod .prodSlika img{object-fit: contain;max-height:300px;}
.jssorslides{left:15px!important;}
.prodInfo { margin:0 auto 38px auto; padding:0 2px 18px 2px;box-sizing:border-box;width:94%;}
.prodInfo.prodTableRight{margin-top:22px}
.prodInfo.prodTableRight p{line-height: 1.2;font-size:14px;}
.prodInfo.prodTableRight li{line-height: 1;font-size:14px;}
.prodInfo h1{font-size:20px;font-family: roboto,sans-serif;line-height:1.1;}
.prodInfo h2{font-size:16px;font-weight:normal;color:#849191;margin-bottom:14px;padding-bottom:12px;padding-top:4px;border-bottom:1px solid #ddd;}
.tabelaArtikala table{border-collapse: collapse; margin:0 auto 20px auto; width:100%;background: #f7f7f7; }
.tabelaArtikala tr{position: relative;  border:1px solid #ddd; display: block; margin:34px auto; padding: 0; width:95%!important;;min-width:280px;border-radius:2px  2px 12px 12px; background:white; }
.tabelaArtikala .artRow:after{content:"Proizvođački kod";position:absolute;box-sizing: border-box;width:121px;height:16px;right:8px;top: -18px;font-size:12px; color:00000;text-align: right; z-index: 10;}
.tabelaArtikala .artRow:before{content:"Doming šifra";position:absolute;box-sizing: border-box;width:121px;height:16px;left:8px;top: -18px;font-size:12px;  text-align: left; z-index: 10;}
.articleTable tr:last-of-type .poruciArtikal:after{content:"artikli sa znakom @ naručuju se na zahtev  ";position:absolute;width:320px;height:20px; left:6px;font-size:13px;color:black;pointer-events: none;font-family:Arial;bottom:-72px;line-height:0.9;font-family: roboto;text-align: left; z-index: 10; }
.articleTable tr:last-of-type .poruciArtikal:before{content:" artikli sa znakom ^ su na rasprodaji - proveriti dostupnost ";position:absolute;width:360px;height:20px; left:6px;font-size:13px;font-family:Arial;color:black;pointer-events: none;bottom:-90px;line-height:0.9;font-family: roboto;text-align: left; z-index: 10; }

 
.tabelaArtikala th{display: none; }
.tabelaArtikala td{width:100%;   min-height:26px; display: block; }
.tabelaArtikala .CodeNum{ position:absolute;top:0px;font-size: 14px;font-family: roboto,sans-serif;font-weight:normal; padding:4px  2px 0 7px; box-sizing:border-box;background-color:#e7ecf0;}
.tabelaArtikala .CodeEan{position:absolute;top:0px;display:block;font-size: 14px;font-family: roboto,sans-serif;text-align: right;padding-right: 8px; background:transparent;  }
.tabelaArtikala .articalTitle{position:relative;font-size: 14px;font-family: roboto,sans-serif;font-weight:bold;  letter-spacing: .6px; line-height: 18px; padding:32px 24px 4px 10px ;  box-sizing: border-box;  }
.tabelaArtikala .kolonaRabat .symb{ position:absolute;top:29px; right:4px;}
.tabelaArtikala .kolonaCena{font-size:24px; font-family: roboto,sans-serif; text-align: center; font-weight:bold; padding:8px 2px 0 2px; box-sizing: border-box;  }
.tabelaArtikala .article_properties img{height:30px;width:auto;}
.tabelaArtikala .kolonaCena:before{/* content: " CENA"; */color: #6d7777;font-size: 15px;padding-right:3px;}
.tabelaArtikala .kolonaCena:after{content: " RSD"; color: #6d7777;font-size: 15px;  }
.tabelaArtikala .article_properties{text-align: center; }
.tabelaArtikala .article_properties li{display: inline-block; width:30%; }
.tabelaArtikala .article_properties .PREPORUCENO{width:36px }
.tabelaArtikala .article_properties .NOVO{width:66px; padding: 0 10px }
.tabelaArtikala .kolonaRabat{position: absolute; top:2px; right:0; display: block; width:20px;height:20px; font-weight:bold; font-size:20px }
.tabelaArtikala .quantityField{display: none; }
.tabelaArtikala .addToCart{background: #45a; width:60%; margin:20px auto; padding:10px; border:1px solid #45a; color:#eee }
.tabelaArtikala .poruciArtikal span{color:#ffff;  background:#8dc63f; display: block; width:220px; margin:4px auto 12px auto; padding:8px;border-radius:28px;font-size:26px; }
.addToCart span{color:#eee; font-weight: bold; font-size: 18px; }
.prodDocsList{padding:24px 0 10px 0; }
.prodDocsList li{display: block; margin:6px 0; position: relative; }
.prodDocsList li a{display: block;color:#0187d0;padding:10px 6px 10px 40px;position:relative;width:92%;box-sizing: border-box; margin:0 auto;}
.prodDocsList li a:before{content:"\f1c1";position: absolute;top:6px;left:8px;color:#0187d0;width:20px;height:20px;font-size:28px;font-family:icons;}
.prodDocsList h3{display: none; }

.prodMoreDescription, .prodMoreDescription3{overflow: scroll;} 
 
.prodMoreDescription table td, .prodMoreDescription3 table td{font-size:12px;}
.dugiOpisVise{
  background: #fff;
  box-sizing:border-box;
  border:2px solid #0187d0;
  width: 240px;
  margin: 60px auto 22px auto;
  padding: 6px 8px;
  font-size:22px;
  border-radius: 28px;
  text-align: center;
   }
.dugiOpisVise span{
  color:#0187d0;
}
.dugiOpisVise span:after{
  font-family: icons;
  content: " \f0d7";
  font-size: 20px;
   }
 
.prodMoreDescription h2, .prodMoreDescription h3{padding:14px 8px 0 8px; }
.prodMoreDescription p, .prodMoreDescription li{padding:6px 8px 10px 8px;line-height:1.5; }
.prodMoreDescription table p, .prodMoreDescription3 table p {padding:0; }
.prodMoreDescription table, .prodMoreDescription3 table {border-collapse: collapse;margin-top:10px; width:100%!important;}
.prodMoreDescription table td, .prodMoreDescription3 table td{padding:8px 4px; border-bottom: 1px solid #ddd; background:#f8fafb ; text-align: left; }
.prodMoreDescription table td img, .prodMoreDescription3 table td img{object-fit:contain;}
.relatedProdsTitle{font-family: roboto,sans-serif;font-weight:normal;font-size:24px;text-align:center;color:#5f7d95;margin-top:44px; }
.relatedProdsCnt .naslov_kategorije{display: none;}
.katalog .relatedProdsCnt #listaProizvoda{}
.katalog .relatedProdsCnt #listaProizvoda li{
  display: inline-block;
  width: 48%;
  min-height: 408px;
  vertical-align: top;
}

.katalog .relatedProdsCnt #listaProizvoda .catalogueThumbLink{
  display: block;
  width:80%;
   
  vertical-align: top;
  height:auto;
}
.katalog .relatedProdsCnt #listaProizvoda .catalogueTextLink{
  display: block;
  width:90%;
  margin: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.katalog .relatedProdsCnt #listaProizvoda div{
  margin-top: 10px;
}
.katalog .relatedProdsCnt #listaProizvoda .catalogueThumbLink img{
  display: block;
  width:100%;
}

/* NARUCIVANJE ARTIKLA - CASE 1 */

.orderBox{display:none; position:fixed; top:0;left:0;right:0;bottom:0; z-index: 9999; width:100%; margin:0 auto;
background:#fff; border:2px solid #999;  background:rgba(0,0,0, .7); overflow-y:auto; padding:10px; box-sizing: border-box;   }
.orderBox .step_back.back_up.odustani{margin-right: 40px; width:calc(100% - 40px); text-align: right;}
.artOrder_tableHead.artOrder_table.tableLayout-11 tr{margin:20px auto 50px auto;}
.orderBox .tableWrapper{ margin-top:40px;background: #fff;border-radius: 10px 10px 0 0!important;}
.orderBox .orderMe{background: #fff;padding-bottom: 20px;border-radius:0 0 10px 10px;}
.artOrder_tableHead.artOrder_table.tableLayout-11 td:first-of-type{ width: 50%;font-weight: normal;font-size:8px;border: none; }
.artOrder_tableHead.artOrder_table.tableLayout-11 td:first-of-type span { font-size:14px;  }
.artOrder_tableHead.artOrder_table.tableLayout-11 td:nth-of-type(2) span { font-size:16px;  }
.artOrder_tableHead.artOrder_table.tableLayout-11 td:nth-of-type(2){position: absolute;width:100%;font-weight: bold;font-size:16px;border: none;padding:4px 0 0 0;}
.artOrder_tableHead.artOrder_table.tableLayout-11 td:nth-of-type(3){position: absolute; top:0;right:0;border:none;font-size: 16px }
.artOrder_tableHead.artOrder_table.tableLayout-12{border-top: 1px solid #ddd;margin-top:24px;}
.artOrder_tableHead.artOrder_table.tableLayout-12 tr{margin: 0 auto 0 auto;font-size: 14px;border:none;}
.artOrder_tableHead.artOrder_table.tableLayout-12 td{margin: 0 auto 0 auto;font-size: 14px;border:none;}
.artOrder_tableHead.artOrder_table.tableLayout-13{border-top:1px solid #ddd;}
.artOrder_tableHead.artOrder_table.tableLayout-13 tr{margin: 0 auto 0 auto;  }
.artOrder_tableHead.artOrder_table.tableLayout-13 tr:last-of-type{display: none;}
.artOrder_tableHead.artOrder_table.tableLayout-13 td{  border: none;}
 
.artOrder_tableHead.artOrder_table.tableLayout-13 #cenaMP span:first-of-type{font-size:14px;margin-top:-14px;margin-left: -42px}
.artOrder_tableHead.artOrder_table.tableLayout-13 #cenaMP .priceMP{font-size: 24px;color:#0087d0;padding-top:10px;}


.artOrder_tableHead.artOrder_table.tableLayout-13 #td-kolicina{  font-size: 14px; }
.artOrder_tableHead.artOrder_table.tableLayout-13 #td-kolicina input{width: 70px  ; height: 40px;background:#ffff;border-radius:6px;}
.back_up {display:block; padding:5px 16px; text-align:center; background:#ddd; color:#666; position:absolute; top:0;right:0; cursor: pointer; font-size:16px }
.artOrder_table {border-collapse: collapse; margin:0; width:100%; display:table; }
.artOrder_table tr{border: none;}
.artOrder_table td{width:1%; border:1px solid #ddd; padding:8px 6px; box-sizing:border-box; color:inherit; display:table-cell; }
.artOrder_table td span{display: block; color:inherit; }
.artOrder_table p{ text-align: right;}
.artOrder_tableHead td{width:120px;}
.artOrder_table td ul{margin:10px}
.artOrder_table td li{font-size:12px; list-style: square; list-style-position: inside; }
.modelPolje{background: #0757A5; color:#fff; font-weight: bold; }
.cenaNarudzbenica{font-family: ubuntuB; font-size:36px; text-align: right; color:#222; }
.pdvNarudzbenica{font-size:11px; text-align: right; }
.artOrder_table td .modelOfProduct{font-size: 26px; padding:40px 20px; text-align: center; color:#eee }
.kolicina{border:1px solid #ccc; background:#cde; padding: 4px; text-align: center; outline:1px solid #ccc; width:200px; }
 .orderMe .back_down {position: absolute; top:0;left:0; display:block; padding:3px 3px 2px 3px; text-align:center; background:#ddd; color:#666; width:20px;height:20px; cursor: pointer; }
.orderMe .poruciButton { box-sizing: border-box;position: relative;padding: 18px 20px; font-size: 18px;border-radius: 36px; background: #4D9A0F; text-align: center;cursor:pointer; margin:30px auto 10px auto;width:90%;}
.orderMe .box-order-flex{display: flex;flex-direction:column-reverse;  justify-content: space-around; position: relative;max-width: 400px;margin: 0 auto}
.orderBox .box-order-flex .upitnik{position: absolute; bottom:64px;font-size: 14px;}
.orderBox .box-order-flex >div:first-of-type{box-sizing: border-box;position: relative;background: #fff; border:2px solid #8dc63f ;width:90%;border-radius: 36px; text-align:center;padding: 18px 20px;cursor:pointer; margin:40px auto 10px auto; }
.orderBox .box-order-flex >div:first-of-type span a {color:#8dc63f;text-shadow: none;font-weight:bold; }
.orderMe .poruciButton span {color: #eee; font-weight:bold}
 
.artOrder_table.tableLayout-11 td{width:90px;}
.artOrder_table.tableLayout-11 span{color:#555;   }
.ta-znak{text-align: center; font-size:30px; width:80px; }
 
.tableLayout-12 tr>td:first-of-type{ display: none}
.tableLayout-12 tr>td:nth-of-type(2){ width:100%; }
.tableLayout-13{table-layout: fixed; font-size:11px; text-align: center; }
#td-kolicina span{padding:0 0 8px 0; }
.tableLayout-14{table-layout: fixed; font-size:11px }
.tableLayout-14 .tr-ukupnopdv td{font-weight:bold; text-align: right; font-size:18px }
.artOrder_table td.ta-nazivArtikla{text-align: center; width:35%; font-size:13px }
.artOrder_table .ta-sifraArtikla{font-size:20px }
.contentArea, .menuArea{display: block;}
.contentArea .registratorTabela th{display:none; }
.contentArea .registratorTabela td{display: inline-block }
.contentArea .registratorTabela tr{display: block; border:2px solid #ddd; margin:6px 0; text-align: center; padding: 8px 0;border-radius:8px; }
.registratorTabela .coll_image{width:80px }
.contentArea .registratorTabela tr td:nth-child(2){width:60px; }
.contentArea .registratorTabela tr td:nth-child(3){width:220px; font-size:13px; text-align: left; }
.contentArea .registratorTabela tr td button{padding:10px 12px; text-align: left; background: transparent; background: #eee; border:1px solid #dddd;border-radius:6px; }
.contentArea .registratorTabela tr td input{padding:10px 12px; text-align: left; }


#posaljiPodatke   {background:#f2f5f7; padding:10px 0;}
#posaljiPodatke  input{width: 94%!important;margin:14px auto;display: block;border-radius:18px;max-width:600px;} 
#posaljiPodatke  input:nth-of-type(5){width: 94%!important;margin:44px auto;display: block;border-radius:38px; color:#ffff; background-color:#4D9A0F;padding:18px;} 




#napomenaFakture #sendNotice{border:2px solid #ddd;width: 99%;max-width: 400px;padding:10px;box-sizing: border-box;border-radius: 8px;display:block;margin: 4px auto; }
.buttonUkljuciNapomenu.button{text-align: center;padding:4px 0;}
.buttonNapomena.button{text-align: center;margin:10px 0 14px 0px;color:#0087d0;font-weight:bold;}
#wishlist_buttons .WSicoSendEmail{color:#fff;font-size:18px;background:#8cc53f;width:300px;text-align: center;padding:16px;display:  block;box-sizing: border-box;border-radius:32px;margin:26px auto 16px auto;}
.WSicoPrint, .WSicoPrintPhoto{text-align: center;display: block;margin:4px;color:#0087d0;font-weight:bold;}
/*ZAPOSLENJE*/
.catid_14 .oblast_sadrzaja{padding:10px; box-sizing: border-box }
.catid_14 #pageBody{padding:0;}
.catid_14 #pageTitle{display:none; }
.catid_14 ul{margin:0; width:100%; padding:10px 0; }

.catid_14 .pages .page-cID, .catid_14 .pages .page-pID{
  border: none;
  background: #006cb7;
  text-align: center;
  font-size: 12px;
}
.catid_14 .pages .page-cID a, .catid_14 .pages .page-pID a{
  color: #fff;
}
.catid_14 .bocniMeniStrane li{list-style: none; }
.catid_14 .bocniMeniStrane li a{list-style: none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:20px 0; font-size:13px; display: block; }
.catid_14 .bocniMeniStrane li:last-child a{background: #478; color:#ddd; font-weight:bold; padding:10px 40px; max-width:140px; display: block; margin:30px auto 10px auto;
text-align: center;}
.catid_50 #brzi_pretrazivac{margin-bottom: 0;}
.catid_50 .catShortDesc{padding:0 16px;}
.aktuelniKonkursi  li{margin: 30px auto 10px auto ;text-align: center;border-bottom: 1px solid #ddd;}
.aktuelniKonkursi  li img{border-radius: 8px;}
.aktuelniKonkursi{list-style-type: none;}
.aktuelniKonkursi h2{line-height: 1;margin : 10px 0}
.aktuelniKonkursi h2 a{color:#0087d0;font-size:18px;}
.catid_50 .pageBody{padding:0;}
.catid_50 .pageBody h4, .catid_50 .pageBody p, .catid_50 .pageBody li, .catid_50 .pageBody h3{max-width:94%;padding:0 3%;}
.catid_50 .pageBody li{margin-top:14px ;}
.catid_50 .pageBody a{color:#0087d0;}
.catid_50 .pages .info>h2{font-size:16px;padding:0;}
.catid_50 .pages .page-pID{border-radius:8px;margin:10px 0;}
.zaposlenjeButton{ text-align: center;}
.zaposlenjeButton a{color:#fff;background:#0087d0;padding:8px  20px;margin:0 auto;border-radius: 20px;}
.catid_50 #coll_middle .pageBody h1{font-size:20px;padding-bottom:6px;}
.catid_27 #pageTitle{font-size:22px;}
.catid_50 .pageBody p:last-of-type{padding: 14px;background-color:#0087d0;  margin: 0 auto 60px auto;width:180px;border-radius: 8px;}
.catid_50 .pageBody p:last-of-type a{color:#fff;  }
/**********solarAkcija*******/
 
.solarAkcija>h3{display: none;}
#coll_middle .solarAkcija{padding:10px;}
#coll_middle .solarAkcija p{padding:0 0 14px 0;margin:0;max-width:100%;line-height:1.5}
#coll_middle .solarAkcija h2{padding-top:20px;}
#coll_middle .solarAkcija h4{padding-top:20px;}
#coll_middle .solarAkcija li{list-style-type: initial;margin-left:12px;font-size:14px;}
#coll_middle .solarAkcija table{ border-collapse: collapse;margin-bottom:20px;}
#coll_middle .solarAkcija table td{border:1px solid #ddd;font-size:12px;padding:4px;}
#coll_middle .solarAkcija table td:nth-of-type(4), #coll_middle .solarAkcija table td:nth-of-type(5){text-align:center;padding:1px}
#coll_middle .solarAkcija table tr:first-of-type{background: #f5f8fa;}
#coll_middle .solarAkcija #listaProizvoda h3:after{content:"";position:absolute;top:239px;right:0;width:60px;height:40px;background-image:url(../../cms_upload/pages/files/390_akcija15.svg);background-repeat: no-repeat;background-size:100%;}
#akcijaSOLAR{font-size:12px;}
/***oli*****/
.OLInovo .pageBody>p:first-child img{margin-top:20px;}
.OLInovo .pageBody .oli img{max-width: 94%;padding:0 6px;margin: auto;}
/***oli end*****/

/*************clivetclime*********/
  .ecoventclime  .content {
            max-width: 1000px;
            margin: 20px auto;
        }
.ecoventclime .content .open{background:#f7f7f7;}
.ecoventclime .content .open h3, .content .open span{color:white;}

      .ecoventclime  .toggle-container {
            cursor: pointer;
            background-color: #f7f7f7;
            color: #fff;
            padding: 14px 8px 14px 14px ;
            margin: 5px 0 0 0;
        }
  .ecoventclime .toggle-container h3{
             
            color: #0087d0;
             
        }
        .ecoventclime .toggle-container h3 {
           font-size:22px; font-weight:normal;
        }

      .ecoventclime  .hidden-content {
            display: none;
        }
.ecoventclime .hidden-content{ justify-content:space-around; align-items:flex-start;   }
.ecoventclime .hidden-content div{display: inline-block; width: 30%; margin:1%; text-align: center;   }
.hidden-content img{mix-blend-mode: multiply; max-width: 86px!important;margin:0 auto;}
      .ecoventclime  .arrow {
            float: right;margin-top:-30px
        }
       .ecoventclime .arrow:before {
            content: "  \f107 ";font-family:icons;font-size:18px; 
        }

        .ecoventclime .open .arrow:before {
            content: "\f106 ";font-family:icons;
        }
             .ecoventclime .hidden-content {padding:14px 18px 36px 14px; margin-bottom:20px; background-color: #f7f7f7;
             
        }
 .ecoventclime .hidden-content p{
             
        }
 .ecoventclime .hidden-content li{
            margin-bottom:14px;line-height: 1.6;margin-left:14px;
        }
/***energetskaEfikasnost*****/
.svetskiDan ol{margin:16px 0 0 16px ;}
.svetskiDan  .pageBody p{margin:0; padding:4px 12px;max-width:100%;}
/*********kupatilSnizenje********/
#coll_middle .snizenjeKupatila #listaProizvoda .catalogueItemText h3{border-top:1px solid #ddd;padding-top:12px;line-height: 1.1}
#coll_middle .snizenjeKupatila #listaProizvoda > li > .productPrice {bottom:4px}
#coll_middle .snizenjeKupatila>p a{color:#0187d0;} 
.snizenjeKupatila  .prodMoreDescription th{font-size:10px;}
.akcijeTabele {border-collapse: collapse; margin:10px 0;   }
.akcijeTabele tr:first-of-type{background: #DDE6E6;}
.akcijeTabele td {  border:1px solid #DDE6E6; padding :2px; font-size: 12px;}
.akcijeTabele a {color:#0087d0;} 
/*PRIJAVA*/
.catid_14 fieldset{
  padding:10px;
  margin:20px 0;
  border:2px solid #468;
  border-radius:10px;

}
.catid_14 .markerStrane{
  display:none;
}

.catid_14 legend{
  padding:4px 20px;
  background: #468;
  border-radius:5px;
  color:#ddd;
  
}
.catid_14 form label{
  display:block;
  width:80%;
  padding:10px 0 10px 0;
  margin:0 auto;
}

.catid_14 form input{
   
  width:80%;
  font-size:14px;
  padding:10px;
  margin:0 auto;
}

.catid_14 .struka label, .catid_14 .iskustvo label{
  display:inline-block;
  width: 45%;
}

.catid_14 .struka input, .catid_14 .iskustvo input{
  display:inline-block;
  width: 45%;
}


.catid_14 h3{
padding:10px 0;
}

.catid_14 h3~p{
padding:10px 0;
}
.catid_14 #submit{
  background: #478; 
  color:#ddd; font-weight:bold; 
  padding:10px 40px; max-width:200px; 
  display: block; 
  margin:20px auto 20px auto;
  border:none;
}

.catid_14 #forma-opis{
  border:1px solid #999;
  width:80%;
  margin:10px auto;
  min-height:80px;
  background:#fcfcfc;
  
}
.catid_70 .logotipiDobavljaca{text-align:center;}
.catid_70 .logotipiDobavljaca img{max-width:140px;display:inline-block;text-align:center;margin:2%;}
.catid_50 .konkurisite a{background:#006cb7;color:#fff;padding:8px 24px;margin:0 auto;display: block;width:80px;}
 
/*Tehnicka konsultacija*/
.catid_25 .bocniMeniStrane li{list-style: none; }
.catid_25 .bocniMeniStrane li a{list-style: none; border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:20px 0; font-size:13px; display: block; }
.catid_25 .bocniMeniStrane li:last-child a{background: #478; color:#ddd; font-weight:bold; padding:10px 40px; max-width:140px; display: block; margin:30px auto 10px auto;text-align: center;}
.catid_25 .oblast_sadrzaja{padding:20px 0;box-sizing: border-box;}
.catid_25 .tehnicke_konsultacije{}
.catid_25 h1{font-weight:normal;line-height: 100%;padding: 0 0 10px 0;margin: 0 0 20px 0;border-bottom:1px solid #246;}
.catid_25 fieldset{padding:10px;margin:20px 0;border:2px solid #468;border-radius:10px;}
.catid_25 legend{padding:4px 20px;background: #468;border-radius:5px;color:#ddd;}
.catid_25 form label{display:block;width:80%;padding:10px 0 10px 0;margin:0 auto;}
.catid_25 .oblast_sadrzaja form input{display:block;width:80%;font-size:14px;padding:10px; margin:0 auto;text-align: center;}
.catid_25 .oblast_sadrzaja .oprema label{display: inline-block;width: 50%;}
.catid_25 .oblast_sadrzaja .oprema input{display: inline-block;width: 50%;}
.catid_25 .oblast_sadrzaja .instalater label{display: inline-block;width: 50%;text-align: center;}
.catid_25 .oblast_sadrzaja .instalater input{display: inline-block;width: 0;  }
.catid_25 .oblast_sadrzaja .instalater legend{margin: 16px 0;}
.catid_25 #submit{background: #478; color:#ddd; font-weight:bold; padding:10px 40px; max-width:200px; display: block; margin:20px auto 20px auto;border:none;}


/*kraj Katalog*/
/* O NAMA */
 

.pageBody p{
  padding: 10px 6px;
  line-height: 1.6em;
  max-width:94%;
  margin: auto;
   
}

 
 

.pageBody ul{
  list-style-type: none;
  padding: 0 0 10px 0;
}

.pageBody ul li{
  padding: 4px 6px;
}

#pageTitle{line-height: 100%;font-size:24px;color:#0187d0;padding: 12px 0 6px 16px;margin: 0 0 2px 0;  }
.doming #pageTitle{padding-top: 68px;   }
#coll_right{display: none;}
#coll_left{display: none;}
.PageTrackNav{display: none;}
.doming h2{padding-left:6px;}
 .catid_72 #coll_middle h3{padding-left: 6px;padding-top:6px;}
 .catid_72 #coll_middle li a{color:#0087d0;}
.doming .markerStrane a{color:#0087d0!important;}

.grejanjeikonice{width:200px;height:200px;margin:0 auto;}
/* NOVOSTI */
.novosti .pageBody{padding:0;}
.catTitle{line-height: 100%;font-size:24px;color:#0187d0;padding: 12px 0 4px 16px;margin: 0 0 10px 0; }
.novosti #coll_right, .doming #coll_right{display: block; width:100%;position: absolute;top:158px; padding:0 0 4px 16px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.novosti .pages .page-pID{margin-top:0;}
.novosti #coll_middle .pages .page-pID h2{max-width:100%;}
.novosti .catTitle{padding-top:32px;}
.novosti #pageTitle{padding:48px 16px 0 16px;font-size:20px;margin-bottom:0;}
.novosti #coll_right li, .doming #coll_right li{display:inline-block;font-size:13px;padding-right:16px;}
.novosti #coll_right .markerKategorije a, .doming #coll_right .markerKategorije a{color:#0187d0 }
.novosti #coll_right h3 {display:none;}
.novosti #coll_middle .pages{max-width:96%;}
.novosti #coll_middle h2,.novosti #coll_middle h3, .novosti #coll_middle h4{padding-left:6px;margin:auto;max-width:94%;}
.novosti #coll_middle ul{max-width:94%;margin:auto;}
 .catid_24 #coll_right, .catid_25 #coll_right{display:none!important;}
.catid_25  .pageTitle{padding-top:2px!important;}
.catid_88 .bocniMeniStrane{display: none;}
.catid_26 .middle_baner{margin-top:24px;}

.KGH53 li{list-style-type: none; padding-bottom: 14px;}
.KGH53 p{ padding-bottom:  4px;}

.pages{margin: 16px;list-style-type: none;}
.novosti.catid_26  #coll_middle h3{color:#0187d0;}
.novosti.catid_27 #coll_right{display:none;}
.novosti.catid_27 .catTitle{padding-top:8px;}
.novosti.catid_27 #pageTitle{padding-top:8px;padding-bottom:8px;}
.novosti .info .moreinfo span{font-size:14px;text-align:center;display:block;padding:12px;background:#ececec;width:190px; margin:4px  auto 4px auto;border-radius:24px;}
.antrafile{line-height: 1.5; padding: 0 4px 24px 2px ;font-size:14px;}
.pages .page-pID{border: 1px solid #ddd;margin: 14px 0;border-radius:14px;overflow:hidden;}
.pages .page-pID .info{padding: 10px;}
.pages .page-pID .info h2{padding: 10px 0;}
.catid_27 .pages .page-pID .info h2{font-size:16px;}
.catid_26 .pages .page-pID .info h2{font-size:16px;}
.pages .page-pID .info .publish_date{padding: 6px 0;}
.pages .page-cID{border: 1px solid black;margin: 20px 0;}
.pages .page-cID .info{padding: 10px;}
.catid_15 .pages .page-cID {border: none;}
.catid_15 .pages .page-cID .info h2 a{color:#0187d0;text-align: center;}
.pages .page-cID .info h2 a{display: block; height: 100%;padding: 10px 0;}
.pages .page-cID .info .publish_date{padding: 6px 0;}
.alpexUputstvo h5{font-size: 18px;text-align: center;padding:24px 0 6px 0;}
.novosti #coll_middle .perlatori h3{max-width:90%;margin:auto!important ;}
.novosti #coll_middle .perlatori .slikeNovosti{max-width:90%;}
/***vision kotlovi*****/
.novosti .visionKotlovi{display: flex;flex-wrap:wrap;margin :40px 0;justify-content: space-between;text-align: center;}
.visionKotloviDesk{display: none;}
.novosti .visionKotlovi div{width:24%;max-width:360px;min-width:180px;margin:16px 0;height:380px;  }
.novosti .visionKotlovi div p{margin:20px 0;}
.novosti .visionKotlovi h3{border-top:2px solid #ddd;margin:8px 22px 0 22px; padding-top:12px; }
.novosti .visionKotlovi div:last-of-type h4{padding-bottom: 22px;}
.novosti.catid_26 #coll_middle .visionKotlovi h4{font-size: 14px;}
.novosti .visionKotlovi div img{object-fit: contain;width:100%;height:auto;}
 
 
 .kontakt .page-pID .antrafile .popup-contacts {position:relative;}

/******.kontakt .page-pID .antrafile .popup-contacts p:last-of-type:after {content:" NERADNI DANI: čet. 1.5. pet. 2.5. - sub. 3.5. od 8 do 14h.";  color:#0087d0;position: absolute;bottom:-22px; left:0px; width:340px;height:20px; font-size:12px;}*****/

/*****ecoheat-toplotna pumpa*****/
.catid_26 #coll_middle .ecoheatKompnente{display:flex;justify-content:center ;flex-wrap: wrap;margin-bottom:40px;}
.catid_26 #coll_middle .ecoheatKompnente div{width: 47%;max-width:300px;border-radius: 8px;border:1px solid #ddd;overflow: hidden;margin:1%;}
.catid_26 #coll_middle .ecoheatKompnente img{max-width: 180px;height:auto;margin:auto;}
.catid_26 #coll_middle .ecoheatKompnente div p{font-size:12px;border-top:1px solid #ddd;padding-bottom:20px;}

.akcijeTable{overflow: scroll;width:    100% ;border-collapse: collapse}
 
.akcijeTable table tbody{  width:    100%  }
.akcijeTable   td{font-size:12px;padding: 4px;min-width:80px;    border:  1px solid #DDD; }  
/***BLACK FRIDAY 2020*****/
.novosti #coll_middle .BFlista{display: flex;flex-wrap: wrap;justify-content: center;}
.novosti #coll_middle .BFprod {position:relative;background: #fff; width:43%;max-width: 170px;height:370px;margin: 4px 4px;border-radius:8px;border:2px solid #0087d0;overflow:hidden;}

.novosti #coll_middle .BFprod img{max-width: 180px; object-fit: contain;}
.novosti #coll_middle .BFprod p:nth-of-type(2){position:absolute;top:0;right:0;background:#fe0044;color:#fff;padding:8px;font-weight:bold; border-radius: 0  0 0 8px;}
.novosti #coll_middle .BFprod p:nth-of-type(2) a{color:#fff;}
.novosti #coll_middle .BFprod p:nth-of-type(1){font-size: 12px;  padding: 4px 0 16px 4px; }
.novosti #coll_middle .BFprod p:nth-of-type(1) a{color: #878787;    }
.novosti #coll_middle .BFprod p:nth-of-type(4){font-size: 12px;color: #666;padding: 8px  0 ;margin:0 4px;text-align: center;border-top:1px solid #0087d0;line-height:1.2 }
.novosti #coll_middle .BFprod p:nth-of-type(5){font-size: 15px;color: #878787;padding: 8px  0 ;margin:0 4px;text-align: center;position: absolute;bottom:56px; width:200px }
.novosti #coll_middle .BFprod p:nth-of-type(5) a{color: #878787;  }
.novosti #coll_middle .BFprod p:nth-of-type(5):before{content:""; width:120px;height:1px;position:absolute;bottom:18px;left:calc(50% - 61px);background:#999; }
.novosti #coll_middle .BFprod p:nth-of-type(6){font-size: 18px;color: #111;padding: 8px  0 ;margin:0 4px;text-align: center;position: absolute;bottom:34px; width:200px }
.novosti #coll_middle .BFprod p:nth-of-type(6) a:after{content:"Više o proizvodu";position:absolute ;width:140px;height:28px;background:#0087d0;left:calc(50% - 66px);font-size:12px;letter-spacing:0.8px;color:#fff;bottom:-24px; font-family: roboto;text-align: center;vertical-align:middle;border-radius: 6px  ;box-sizing:border-box; }
.novosti #coll_middle .BFprod a:hover:after{background:#0069A1;}

/***END BLACK FRIDAY 2020*****/

/***********romstal ecovent**********************/

.romstalecovent{display: flex; flex-wrap: wrap;justify-content: space-evenly; margin:22px 0 42px 0}
.romstalecovent div{max-width: 240px; text-align: center}
.romstalecovent div img{width:150px; margin:0 auto; }
.novosti #coll_middle .romstalecovent  div  p{font-size: 18px;}
.romstalecovent500{display: flex;flex-wrap: wrap;justify-content: space-evenly;padding: 2% 14px 0px 0px }
.novosti.catid_26 #coll_middle  .romstalecovent2 p{width: 100%;}
.novosti.catid_26 #coll_middle  .romstalecovent2 p:first-of-type{font-size: 26px!important; }
.romstalecovent2 p{text-align: center;}
.romstalecovent500 span{display: inline-block;font-size: 12px;border:1px solid #888; background:white; padding:3px 6px; margin:4px 4px;border-radius:8px;}
.romstalecovent2{max-width:560px;}
.romstalecovent3{display: flex;flex-wrap: wrap; justify-content: space-evenly;margin-top:5%;margin-bottom:5%;text-align: center;}

.romstalecovent500icon{display:flex; border-bottom: 1px solid #ddd; padding:2% ;flex-wrap:wrap;justify-content:space-evenly; }
.romstalecovent500icon1 p{width:280px!important;margin: 0 auto;text-align: center}
.romstalecovent500icon1 {  width:280px;}
.romstalecovent500icon1 p{  margin: 0 auto!important;}
.romstalecovent500icon2 { max-width:580px;}
.romstalecovent500icon1 img{width:280px ;margin: 0 auto;text-align: center}
.romstalecovent500icon2{display: flex;flex-wrap: wrap;align-content: center; }
.romstalecovent500icon2 h4{  font-weight:bold!important; color:#2E2E2E;font-size:30px!important;  margin:18px 0 8px 0!important;}
.romstalecovent500icon2 p{ line-height: 1.5!important;font-size: 18px!important;}


/***********end romstal ecovent**********************/


/* DOWNLOAD */
.download .nest_img{display: none;}
.download .nest_brojStrana{display: none;}
 

.download .navAbc{
    position: fixed;
    top:40px;
    right:0;
    text-align: center;
    z-index: 1;
}
.download .navAbc ul{
    display: inline-block;
    width: 100%;
    
}
.download .navAbc:first-of-type{border-radius: 6px 0 0 6px;overflow: hidden;}
.download .navAbc li{
    list-style-type: none;
    
    box-sizing: border-box;
    
}
.download .navAbc a{
    font-size: 14px;
    color: rgba(255,255,255, .4);
    font-weight: bold;
    display: block;
    padding: 4px 0px ;
    background: #128fd3;
     
}
.download .navAbc li a[href*="nestcid"]{color:#fff; }
.download .navAbc .navAbcVrh{display: none;}
.download .navAbc li a[href*="nestcid"]:hover, .download .navAbc .navAbcVrh:hover{background:#00669d;}


.catid_18 .catalog_search, #go_top {display: none;}


.nestlevel_1{text-align: left;list-style-type: none;}
.nestlevel_1 .nest_info{padding: 0 20px;}

.nestlevel_1 .info{font-size: 12px;}

.nestlevel_1 li .page-pID {display: inline-block;width: 46%;vertical-align: top;  margin: 4px 4px;min-height: 320px;}
.nestlevel_1 li .page-pID  h2 a{font-size:14px;}

/* KONTAKT */
.catid_11 p{
  padding: 0 12px;
}
.catid_11 .pages p{padding: 0;}
.catid_11 #coll_middle>p:nth-of-type(2){text-align: center;}
.catid_11 #coll_middle>a{background:#ececec;display: block;margin:12px auto;width:200px;text-align:center;padding:8px 42px;font-size:22px;  border-radius:28px;}
  .pages{display: flex;flex-wrap: wrap;justify-content:space-evenly}
 .page-pID {max-width:350px;}
.page-pID.pageID_338{display: none;}
.kontakt .img {  height: 180px; overflow: hidden;background:#000; box-sizing: border-box;  }
.kontakt .contacts p{font-size: 14px;}
.kontakt .contacts .contact-picture{padding-bottom: 12px;}
.kontakt .simanovci .simanovciFlex div{margin-top:40px;}
/*******eko_proizvodi*******/
 
.catid_29 .baner1 {margin:1.5em 0;}
.catid_29 .baner_eko_proizvodi{display:flex;flex-wrap:wrap;justify-content: center;}
.catid_29 .baner_eko_proizvodi .eko_inner{border:1px solid #ddd ;margin:1.5rem 0;text-align: center}
.catid_29 .baner_eko_proizvodi .eko_inner .proizvodjaci_logo{display:block; }
.catid_29 .baner_eko_proizvodi .eko_inner .proizvodjaci_logo img{display: block;width:70%;margin:-2em auto 0 auto;}
.catid_29 .vise_o_proizvodu{margin: 1.5em 0;}
.catid_29 .eko_inner h3{font-weight:normal;}
.catid_29 .vise_o_proizvodu a{padding:.5em 2em;color:#004752;background:#8dc63f;border-radius: 2px;}
.catid_29 .linkEco{display:block;margin: 1em 0 3em 0;text-align:center}
.catid_29 .linkEco a{padding:.5em 2em;color:#004752;background:#8dc63f;border-radius: 2px; }
.catid_29 .eko_proizvodi_opis a{font-weight:bold;color:#689c21;}
.catid_29 .eko_proizvodi_opis{padding:1em;line-height:1.5;}
.catid_29 .oblast_futera{background:#004752;margin-top:0; }
.catid_29 .oblast_futera h3,.catid_29 .oblast_futera li,.catid_29 .oblast_futera a, .catid_29 .oblast_futera p{color:#fff;}
.catid_29 #coll_middle{box-sizing:border-box;display:block;width:100%; margin:0 auto ;padding-bottom:  74px  ;
  background-image: url(../../cms_upload/pages/files/231_eko_proizvodi_background.svg);
  background-size:96%;background-repeat: no-repeat;background-position:center bottom;}
.catid_29 .pageBody{padding:0;margin-top:-22px;}
.catid_29 .eko_homepage iframe{width:100%;height: 300px;}
/* NARUDZBENICA */
.wishlistBox{padding: 0 0 40px 0;}
.wishlistBox .toolBarQty{background: #0077be;color: #fff;padding: 0 12px;margin: 0 10px;}
.wishlistBox li{margin: 10px 0;padding: 10px;border-bottom: 1px solid gray;}
.wishlistBox li > div{display: inline-block;width: 50%;vertical-align: middle;}

.removeItem{font-size: 36px;display: inline-block;width: 50%;text-align: center;}
.removeItem p{display: inline;}

.wishlistBox li > div > a{display: inline-block;width: 50%}
.wishlistBox .toolBarBill span{display: block;text-align: center;}

/* PRIJAVA */
.registrator .contentArea>h1{
  line-height: 100%;
  padding: 6px 0 6px  6px;
  margin: 10px 0 0 0;
  font-size:22px;
  color:#0187d0;
  text-align: center;
}
.registrator #ulogujte_se form>h3{text-align: left;font-size:22px;margin-left:4%;padding-bottom:14px;}
.registrator #ulogujte_se form label{font-size:14px;color:rgba(12,18,28,.6);}
#ulogujte_se{
  box-sizing: border-box;
  padding: 14px 20px 20px 20px;
  border:1px solid rgba(12,18,28,.12);
  margin: 0 auto;
  width:96%;
  max-width:440px;
  border-radius:12px;
  text-align: center;
}
.napomenaRegistracije{
  margin: 20px auto;
  width:96%;
  max-width:440px;
  font-size:14px;
  color:rgba(12,18,28,.6);
}
.registrator #ulogujte_se>form p{ margin:0 auto;max-width:92%; text-align:left;}
.registrator #ulogujte_se #korime, .registrator #ulogujte_se #lozinka{
  display: inline-block;
  padding: 14px;
  margin: 2px auto 18px auto;
  text-align: left;
  border:1px solid #ddd;
  border-radius:4px;
   
}
#ulogujte_se #dugme_login{
  background: #006cb7;
  color: #fff;
  font-size:20px;
  padding: 12px;
  border: 1px solid #006cb7;
  box-sizing: border-box;
  text-align: center;
  border-radius:4px;
  margin:28px auto 18px auto;
  width:92%;
}
#ulogujte_se #dugme_login:hover{
  background: rgba(0, 108, 183, 0.8);
}

#myaccount_style .contentTABLE{table-layout: fixed;width: 100%; }

#myaccount_style .registratorTabela td{
  display: inline-block;
  width: 32%;
  min-height: 50px;
  padding: 6px 0;
  margin: 6px 0;
}

#myaccount_style td input{
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  border:1px solid #ddd;
  font-size:18px;
  text-align: center;
}

#myaccount_style .menuArea{display: none !important;}
#myaccount_style .removeItem{padding: 0;text-align: center;}
#myaccount_style .editItemQty{font-size: 20px;}
#editItemQty_2068612, #removeItem_2068612{border:1px solid #ddd;border-radius:4px; }
.myAcc_container p img{width: 7%; margin-top:-6%; margin-left: 180px }
.myAcc_container form{margin-top: -3%;}
.myAcc_container form input{padding: 8px 0!important;}
.myAcc_container p{margin-top: 5%}