/* MAIN STRUCTURE CSS */
*{
    padding:0px;
    margin:0px;
    color:#505050;
    font-family:  roboto,sans-serif;
}

HTML{width:100%; overflow-y: scroll;}
BODY {
    width:100%;
    margin: 0px;
    padding:0px;
    font-size:14px;
}
img {outline: none;}
a{text-decoration:none;outline:none;}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf); }
@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;;}
.icons, .index .searchDugme {font-family: icons;}

/* DISPLAY NONE */
.mob_main_menu, .poruciTekst,.flagForProduct,.mobHomeBanner{display:none;}

.oblast_strane{margin:auto;}
.index .oblast_strane {background:#fff}
.top_baner {width:100%;margin:0 auto;}
#jssor1_container{margin:0 auto;}
#jssor10_container{margin:0 auto;} 
.oblast_sadrzaja{width:100%;margin:0 auto;position:relative;}
.doming .oblast_sadrzaja, .novosti .oblast_sadrzaja, .strana .oblast_sadrzaja, .download .oblast_sadrzaja, .kontakt .oblast_sadrzaja {display:flex;justify-content: center;flex-wrap:wrap;margin:0px auto 20px auto;font-size:0;
    border-top:54px solid #e7ecf0;}
.katalog .oblast_sadrzaja {margin:0px auto 40px auto;max-width:1200px;min-height:250px;z-index:3000;}

.registrator .oblast_sadrzaja{position:relative;border-top:64px solid #f8fafb;width:100%;}
.registrator #myaccount_style{margin:0 auto 40px auto; }

/*****wip novi stil jul 2021 mb ********/
#myaccount_style .contentArea{position: relative;}
.registrator #myaccount_style .registratorTabela{margin-bottom: 110px;}
.registrator #myaccount_style .total-sum{position: relative;}
.registrator #myaccount_style .total-sum td:first-of-type{position:absolute;right:0;bottom:-50px;font-size:16px;width: 400px;  text-align: right;border:none;}
.registrator #myaccount_style .total-sum td:last-child{position:absolute;right:0;bottom:-84px;font-size:22px;width: 400px;color:#0087d0; text-align: right;border:none;}
 
/*****wip end novi stil jul 2021 mb ********/

.prekidFloat{   clear:both; float:none;}
.catid_16 #ngradnovreme{max-width:820px;}
/* < NAVIGACIJA > */
.buttons{
    padding: 10px 40px;
    font-size:18px;
    border:1px solid #eee;
    display: inline-block;
    background:#469;
    margin:10px;
    transition: 1s all;
}
.buttons:hover{
    background: #fff;
    color:#469
}
.sideCatNav{
    background: #8af;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 380px;
}
.level-root{display: none}
.level-root:first-child{
    display: block;
}
.level-root > a{
    font-size:18px;
    border-bottom:1px solid #888;
    padding:10px 0;
    display:block;
}

.sideCatNav ul li {
    list-style: none;
    padding:1px 8px;
}
.sideCatNav ul li a {
    display: block;
    color:#eee
}

.sideCatNav ul li a:hover{
    color:#ccc;
    position: relative;
}

.level-1 a:hover:after{
    content:"";
    width:4px;height:10px;
    background: red;
    position: absolute;
    top:3px; left:-2px;
}

.sideCatNav ul li ul {}
.sideCatNav .level-0 > a{
    font-size:14px;
    text-transform: uppercase;
    line-height: 100%;
    padding:10px 0 0 0;
}
.sideCatNav .level-0:last-child > a{
    padding:10px 0 20px 0
}
.sideCatNav .level-0 ul{
    border-left:1px dashed #ccc
}
.sideCatNav .level-0 ul a{
    font-size:13px;
    text-transform: uppercase;
    padding:0 6px;
}
.sideCatNav .level-4 {padding: 1px 4px}
.sideCatNav .markItem{
    color:#69b;
    font-weight:bold;
    color:#fff;
    border-bottom: 2px solid #579;
}
.sideCatNav .markItem:before {
    content:"";
    width:7px;
    height:10px;
    display:inline-block;
    background:#469;
    border-left:3px solid #579;
    border-right:3px solid #579;
    margin-right:6px;
}

.login{
    position: absolute;
    top:210px;right:0;
    display: none;
    background:#0A63CE;
    color:#fff;
    width:60px;
    padding: 10px;
    font-weight:bold;
    border:2px solid #ccc;
    border-right:none;
}
.login:hover{
    background: #004677;
}
/* < END NAVIGACIJA > */

/* < ELEMENTI ZAGLAVLJA > */
/* HOMPAGE */
.oblast_zaglavlja{border:none;box-shadow:unset;background:#fff;position:relative;z-index:4000!important;}
.zaglavlje_content {width:100%;margin:0 auto;box-shadow: 0 1px 10px rgba(95,125,149,.25);}

.header_social{display:flex;justify-content:flex-end;background: #007BBD;padding-right:10.8%;}
.header_social a{color:#fff;text-align:center;padding:2px 6px 0px 6px;transition: all .1s ease-in-out; }
.header_social a:hover{opacity:1}
.header_social a:last-of-type{margin-left:46px;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.header_social a:last-of-type img{padding-right:12px;vertical-align: bottom;}
.header_social a img{width:16px;height:16px;}
.header_middle{display: flex;justify-content: center;transition:all 1s ease-in-out;height:54px;box-sizing: border-box;}
.logoHome{margin-right:24% }

.call_centar_home{margin-left:22% ;padding-top:9px;  }
.call_centar_home a{color:#6d7777;}
.call_centar_home span{display:block;padding-left:39px;color: #007BBD;font-size:18px;font-weight: bold;transition:all .2s ease-in-out;}
.call_centar_home span:hover{color:#00669d;}
.call_centar_home img{width:30px;height:30px;padding-right:10px;margin-bottom:-22px}

.logoPages{display:none;}
.sign {display:none;}

.logo { padding:6px 0 ;width:158px;z-index: 200;position:relative;}
.logo a{display:block;width:100%;height:100%;}
.logo a img {display:block;width:158px;height:42px;}

.loginMenu{position: absolute;right: 80px;top:82px;z-index: 8000;}

.loginMenu a{color: #005D8F;padding:4px 30px 4px 0;}
.loginMenu a:hover{color:#00669d;}
.loginMenu a:before{content:"";width:23px;height:23px;background-image:url("../../cms_upload/pages/files/7_login_icon.svg");background-size: 100%;background-repeat: no-repeat ;top:-3px;position: absolute;right:4px;;}
.loginMenu a:hover:before{opacity:.8;}
.change .loginMenu{position: fixed;right: 80px;;top:12px;z-index: 8000;  }
.change .loginMenu a{color:#fff;right:80px;}
.change .loginMenu a:before{content:"";position:fixed;width:23px;height:23px;background-image:url("../../cms_upload/pages/files/7_login_iconnegative.svg");background-size: 100%;background-repeat: no-repeat ;top:10px;right:80px;z-index: 9000; }
.glavni_meni {
    position: relative;
    background: #f8fafb;
    list-style-type: none;
    width: 100%;
    height:30px;
    border-top:1px solid #ebebeb;
    box-sizing: border-box;

}
.glavni_meni > ul {display:flex;justify-content: center;font-size:0;  position:relative;box-sizing:border-box;width:100%;height:34px ;margin-top:-1px;  }
.glavni_meni > ul > li{display:inline-block;vertical-align: top; position:relative;overflow: hidden  }
.glavni_meni > ul > li > a{
    text-decoration: none;
    display: block;
    padding: 8px 28px 8px 22px;
    font-size: 14px;
    color: #005D8F;
    position: relative;
    transition:all .2s ease-in;
}
.glavni_meni> ul > li:first-of-type > a{color:#fff;background: #007BBD;border-radius:0 0 3px 4px;padding-right:34px;padding-left:28px;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.glavni_meni> ul > li:last-of-type > a{color:#fff;background:#4e8305;border-radius:0 0 4px 3px;   }
.glavni_meni > ul > li > a:hover { background:#00669d;color:#fff;border-radius:0 0 5px 4px;  }
.glavni_meni > ul > li:last-of-type > a:hover{ background: #4D9A0F;}
.glavni_meni > ul > li:first-of-type > a:after{content:"\f078"; font-family:icons;font-size:10px;position:absolute;top:14px;right:18px;}
.glavni_meni > ul > li:nth-child(n+3):nth-child(-n+5) > a:after{content:"\f078"; font-family:icons;font-size:10px;position:absolute;top:14px;right:12px;}
.glavni_meni > ul > li:first-of-type > a:hover:after, .glavni_meni ul > li:nth-child(n+1):nth-child(-n+3) > a:hover:after{transform:rotate(180deg); }
.glavni_meni > ul > li:last-of-type > a:before{content:"";position:absolute;top:3px;left:45px;width:11px;height:11px;background-image:url(../../cms_upload/pages/files/7_eko_list.svg);background-repeat: no-repeat;background-size:100%;}
.glavni_meni .glavnisubmeni_active,
.glavni_meni .glavnimeni_active{
    background:#eee;
    border-radius:0 0 4px 4px
}
 
/******padajuci meni glavni*****************/
 

 .mainMenuSubCat.idKategorije_10.mainMenuSubCat .all_cat{display:flex;position: absolute;top:29px;left:calc(50% - 446px);background:#fff;width:892px;flex-wrap:wrap; flex-direction:column; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.22), 0 2px 5px 0 rgba(0,0,0,0.08);border-radius:0 0 6px 6px;
    height:630px;margin: 0 auto; align-content:  center;padding:10px 10px 10px 10px;box-sizing:border-box;z-index: 4000}
.mainMenuSubCat.idKategorije_10 .catalog_cat a{color:#0087d0;padding:4px 10px 4px 10px;display:block;}
.mainMenuSubCat a:hover{background:#F2F5F7;}
.mainMenuSubCat.idKategorije_10 .catalog_cat>p:first-of-type a{font-weight: bold;color:#0087d0;padding:4px 10px 6px 10px;margin-top:13px;text-transform:uppercase}
.mainMenuSubCat.idKategorije_10 .drugi_nivo a{text-transform: lowercase;color:#849191;}
.mainMenuSubCat.idKategorije_10 .catalog_cat{width:33%;   } 
.change  .mainMenuSubCat.idKategorije_10.mainMenuSubCat{top:36px;}
 
.glavni_meni .mainMenuOver{overflow:visible;}
.glavni_meni .mainMenuOver ul{   position: absolute;font-size: 14px;color:#0087d0;background:#fff;top:30px;left:0;padding:18px 0;list-style-type: none;border-radius:0 0 6px 6px;
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.22), 0 2px 5px 0 rgba(0,0,0,0.08);height:auto; overflow:show;}
.glavni_meni .mainMenuOver li{ width:200px;  }
.glavni_meni .mainMenuOver li a{ color:#0087d0;padding:8px 20px 8px 20px;display:block;} 
.glavni_meni .mainMenuOver li a:hover{ background:#f2f5f7;}
 

/*****zaglavlj efekti******/

.change .glavni_meni{ background:#0087d0; border-top:2px solid #0087d0;height:38px;box-shadow:  2px  3px 3px red;border-bottom:1px solid #0087d0;box-shadow:0 3px 12px rgba(57,73,76,.35);position: fixed; top:0;opacity: .98;z-index: 4000; }
.change .glavni_meni>ul>li>a{color:#fff;background:#0087d0;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);padding-bottom:12px;}
.change .glavni_meni>ul>li>a:hover{background:#00669d;border-radius:0; }
.change .glavni_meni>ul>li>ul{top:37px;z-index: 5000;}
.change .header_social{height:61px;}
.change  .mainMenuSubCat.idKategorije_10.mainMenuSubCat .all_cat{top:36px;}
.change .flyOutMenu{
    width:auto;
    position: relative;
    right:0px; top:8px;
    z-index: 9000;
    
}

.catalog_search {
    position:absolute;
    top:30px;
    left:calc(50% - 250px);
    transition:all 1s ease-in-out;
}

#brzi_pretrazivac {
    margin:auto;
    text-align: center;
}

#brzi_pretrazivac #inputString {
    height:34px; width:460px;
    background:#fff;
    border:2px solid #bec8ce;
    border-radius:8px;
    padding-left:10px;
    outline:none;
    transition: all .2s ease-in-out;
    color:#6b7676;
    /*! -webkit-text-fill-color: #849191; */
}
#brzi_pretrazivac #inputString:hover{background-color: #E8EAED;}

#brzi_pretrazivac #inputString:focus {
    background:#f2f3f4;
    color:#222;
    border:2px  solid #0087d0;
}
#brzi_pretrazivac .searchDugme {
    display:inline-block;
    box-sizing: border-box;
    padding:7px 0 8px 0;
    color:#0087d0;
    width:50px;
    text-decoration:none;
    text-align:center;
    font-family: icons;
    font-size:20px;
    border-radius:0 6px 6px 0;
    height:38px;
    margin-left:-50px;
    vertical-align: bottom;
    transition: all .2s ease-in-out;

}
#brzi_pretrazivac .searchDugme:hover{color:#00669d; }
.suggestionsBox {
    position: absolute;
    left:0; top:48px;
    margin:0;
    width: 474px;
    background-color: #fff;

    z-index:1000;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.28);;
    border-radius:6px 6px  12px 12px;
    overflow: hidden
}
.close_suggestions{
    display:block;
    position: absolute;
    right:-8px; top:-8px;
    width: 16px; height: 16px;
    background: url(../../site_images/icons/action_delete.gif) no-repeat 0px 0px;
    cursor: pointer;
}
.suggestionList{
    margin: 0px;
    padding:4px 0 0 0;
    height:500px;
    overflow: hidden;
    overflow-y:auto;
}
.suggestionList li {
    display: flex;
    position: relative;
    margin:0;   padding:10px 0;
    cursor: pointer;
    border-bottom:0px solid #dadde1;
    list-style-type:none;
    height:84px;
    overflow: hidden;
    box-sizing: border-box;
    text-align: left;
    object-fit: contain;
    box-sizing: border-box;
    transition: all .2s ease-out;
}
.suggestionList li:hover {
    background:#f1f2f3
}
.suggestionList li img {
    display: inline-block;
    width: 64px;
    height: auto;
    margin: 0 4px 0 20px;
    mix-blend-mode: multiply;
    object-fit: cover;
    border-radius: 6px;
}
.suggestionList li div{
    width:370px;
    float: left;
    padding-top:16px
}

.suggestionList li h3 {
    font-size: 15px;
    font-weight: bold;
    padding-left: 16px;
    margin-bottom:2px;
    line-height:1;

}
.suggestionList li p {font-size:15px;color:#5D646E;padding-left: 16px;text-transform: lowercase;letter-spacing: .2px;}

/* </ ELEMENTI ZAGLAVLJA > */
/* NAVIGACIJA */
#coll_left, #coll_right {margin:28px 0 0 0;}
#coll_left h3 a, #coll_right h3 a{color: #575757;}
 
.bocniMeniStrane li {list-style:none;border-bottom:1px solid #ededed;box-sizing:border-box;position: relative;}
.bocniMeniStrane .markerStrane a, .markerKategorije > a{border-bottom:2px solid #006cb7;}
 
.bocniMeniStrane li a {font-size:14px;color:#575757;padding:12px 0;display:inline-block;}
.bocniMeniStrane li a:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background-color: #006cb7;
    content: "";
    transition: width 0.2s;}
.bocniMeniStrane li a:hover {  }
.bocniMeniStrane li a:hover:after {  width: 100%;}
.bocniMeniStrane li ul li a {margin-left:6px;border-bottom:1px solid #fff;}
.bocniMeniStrane li ul li a:after {  background-color: #0086d1;}
.bocniMeniStrane li ul li a:hover {}

/* < ELEMENTI POCETNE STRANICE > */
.index .horizontal-wrapper {font-size:0;width:100%;}
.horizontal-wrapper  .wrapperContent{max-width: 1200px; margin:0 auto;}
.index .homebox {display:inline-block;vertical-align:top;box-sizing:border-box;}
.index .homebox .picture-holder a img{width:100px;height:100px;margin:0 auto;transition: transform 0.2s ease-out;}
.index .textbox {text-align:center;}
.index .textbox h2 a {text-decoration:none;font-size:18px;font-weight:bold;text-transform: uppercase;display:block;padding:2px 0 6px 0;color: #007BBD;}
.index .textbox p {font-size:14px;}
.index .picture-holder {max-height:100px;overflow: hidden;}
.index .picture-holder a{display:block;width:100%;height:100%;}
.index .picture-holder a img{   display:block;  width:100%;height:auto;}

/* row-1 */
.index .row-1 {background: #00204d;padding-bottom:44px;}
.index .row-1:hover{background-color:#002a61;transition: 3.2s;}
.index .row-1 .homebox {width:100%;padding:0px}
.index .row-1 .wrapperContent .picture-holder {max-height: 100%;}
.index .row-1 .wrapperContent .picture-holder a img {width:100%;height:auto;}
.index #map-canvas {width:100%;height:300px;}

/* row-2 */
.index .row-2 .homebox {width:50%;}
.index .row-2 .homebox.box-2{padding:0 6px 0 0}
.index .row-2 .homebox.box-3{padding:0 0 0 6px}

/* row-3 */
.index .horizontal-wrapper.row-3 {height: 250px;  background: #0e2a47;}
.index .horizontal-wrapper.row-3 .wrapperContent {width:1200px;margin:0 auto;padding-top:25px;}
.index .row-3 .homebox {width:33.33%;font-size:0;padding:36px 10px 0px 10px;box-sizing:border-box;}
.index .row-3 .homebox > div{display:inline-block;vertical-align: top;}
.index .row-3 .picture-holder {width:60px;height:60px;}
.index .row-3 .textbox {width:calc(100% - 60px); padding:0px 20px;box-sizing:border-box;text-align: left;}
.index .row-3 .textbox h2 a {text-transform: none;font-size:18px;color:#fff;padding:0 0 15px 0}
.index .row-3 .textbox p {color:#4d94e0;}
.index .row-3 .textbox .opsirnije {padding:15px 0px}
.index .row-3 .textbox .opsirnije a {font-size:14px;color:#00409a;text-transform: lowercase;padding:4px 0px}
.index .row-3 .textbox .opsirnije a:hover{color:#fff;}
/* row-4 */
.horizontal-wrapper.row-4 {height:440px;
    background:#fff;position:relative;
}
.index .horizontal-wrapper.row-4 .wrapperContent {
    max-width:1200px;
    margin:0 auto;
    padding-top:2%;
    text-align: center;
}
.index .row-4 .homebox {width:25%;height:176px;}
.index .row-4 .homebox > div {width:250px;  margin:0 auto;}
.index .row-4 .picture-holder .hoverOn>a{width:250px;height:100px;box-sizing: border-box;overflow: hidden;}
.index .row-4 .textbox p a {font-size:14px;display:block;color:#6d7777;line-height:1.57;}
.index .row-4 .homebox:hover img {transform: scale(1.09);}
.index .absoluteBoxLinks {position:absolute;bottom:calc(100% + 10px);left:0;}
.index .absoluteBoxLinks .links {display:block;padding:0px;text-align:right;font-size:0;}
.index .absoluteBoxLinks .links span {width:38px; height:38px; display:block; margin:6px; box-sizing:border-box; border-radius:30px; background:#eee; text-align:center; }
.index .absoluteBoxLinks .links span a {height:100%; display: flex; flex-direction: column; justify-content: center; font-size:24px; color:#007ed9; }
.index .absoluteBoxLinks .links span:hover {background:#035fa1;}

/****dinamicni baner********/
.index .row-4a h3{display:inline-block;position:relative;font-size:36px;font-weight: normal;color:#849191;padding:10px 28px 6px 28px;margin-bottom:22px;border-bottom:2px solid #DDE6E6;}
.index .row-4a h3 span{font-weight: bold;color: #007BBD;}
.index .row-4a h3 span:before{content:"";position:absolute;bottom:-9px;right:50%;height:10px;width:24px;background:#0087d0;border-radius:0 0 4px 4px ;}
.index .row-4a {text-align: center;padding-bottom:40px; }

/* preporuceni proizvodi */


.izdvojeniProizvodi>h3{
    position: absolute;
    font-size:26px;
    color: #007BBD;
    top:-37px;
    left:calc(50% - 580px);
    background:#f5f8fa;
    padding:4px 34px 0 22px;
    border-radius:6px 12px 0 0;
    border-left:2px solid #ebebeb;
    border-top:2px solid #ebebeb;
    border-right:2px solid #ebebeb;
    }
.izdvojeniProizvodi.scrollInner{width:2000px;}
.izdvojeniProizvodi {position:relative;background:#f5f8fa;margin:70px 0; padding:4px 0 0 0;border-top:2px solid #ebebeb;border-bottom:2px solid #ebebeb;}
#listaProizvoda.proizvodi { display: flex;justify-content: center;flex-wrap:wrap;background:#f5f8fa;max-width:1200px;margin:20px auto;padding-top:16px;}
#coll_middle #listaProizvoda.proizvodi p{font-size:12px;margin-top:0;}
#coll_middle #listaProizvoda.proizvodi .handle{position: absolute;bottom:4px;left:4px;width:20px;height:20px;cursor: pointer;}
/**********vodic za kupovinu grejanja***********/
.horizontal-wrapper.row-4c{ margin:0 0 70px 0; }
.horizontal-wrapper.row-4e{ margin:0 0 4% 0; }
.horizontal-wrapper.row-4c .wrapperContent,.horizontal-wrapper.row-4e .wrapperContent{position: relative;}
.horizontal-wrapper.row-4c .wrapperContent>h3{position:absolute;top: 275px;left:24px;font-size:32px;color: #007BBD;background:#fff;width:430px;padding:6px 12px 6px 24px;border-left:1px solid #ebebeb;border-radius: 12px 12px 0 0;z-index:100}
.horizontal-wrapper.row-4c img,.horizontal-wrapper.row-4e img{position: absolute;top: 0;left:0;border-radius:8px;width:100%;  }
.horizontal-wrapper.row-4c .vodicInner,.horizontal-wrapper.row-4e .vodicInner{padding:330px 22px 28px 22px;border-radius:0 8px  8px 8px;max-width:1150px;margin: auto;box-sizing: border-box;box-shadow: 0 4px 5px 2px rgba(0,0,0,.08); }
.row-4c h4{font-size:18px;color:#222;line-height:1.7; }
.row-4c p, .row-4e p{font-size:16px;color:#444;line-height:1.5;padding-top:10px;}
.more_button{display: block;font-size:16px;border:2px solid #DDE6E6;background-color:transparent;margin:18px auto 60px auto;border-radius:6px;height:36px;transition:all .2s ease-in-out;}
.more_button a{padding:6px 42px;}
.more_button:hover{box-shadow: 0 4px 5px 2px rgba(0,0,0,.08); border:2px solid #0087d0;  }
.vodicLinks{display: flex;flex-wrap: wrap;justify-content: center;}
.vodicLinks a{font-size:14px;background-color: #007BBD;color:#fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);padding:6px 14px;margin:.5%;border-radius:22px;transition:all .1s ease-out;}
.vodicLinks a:first-of-type{margin-left:0;}
.vodicLinks a:last-of-type{margin-right: 0;}
.vodicLinks a:hover{background:#00669d;}
/***baner aktuelnosti*****/
.banerAktuelnosti {text-align: center;padding-bottom:24px;}
.banerAktuelnosti a img{max-width:1150px;}

.promohomebanner img{width:1200px; height:494px;object-fit:contain;}
/**************vaillant program***********/
.novosti.catid_26 #coll_middle .VaillantProgram .Vbox img{max-width: 320px;height:auto;}
.novosti.catid_26 #coll_middle .VaillantProgram  .Vbox h3{  font-size:26px;padding:50px 0 4px 0;border-bottom:2px solid #ddd}
.novosti.catid_26 #coll_middle .VaillantProgram .Vbox blockquote{box-sizing: border-box;width: 350px;display: inline-block; vertical-align: top; }
.novosti.catid_26 #coll_middle .VaillantProgram .Vbox div{margin-top: 24px;}
.novosti.catid_26 #coll_middle .VaillantProgram .Vbox ul{box-sizing: border-box;width: 640px;display: inline-block; vertical-align: top;}
.novosti.catid_26 #coll_middle .VaillantProgram .Vbox li{padding-bottom: 10px;list-style:circle; }
.novosti.catid_26 #coll_middle .VaillantProgram .Vbox li::first-letter {text-transform: uppercase;}
.novosti.catid_26 #coll_middle .VaillantProgram{margin-bottom: 120px;} 
.novosti.catid_26 #coll_middle .VaillantProgram  .Vbox  ul{margin-top:74px;}
/**************end vaillant program***********/

/**************eko proizvodi***********/
.horizontal-wrapper.row-4e .wrapperContent>h3{ position:absolute;top: 275px;left:24px;font-size:32px;color:#659523; background:#fff;width:260px;padding:6px 12px 6px 24px;border-left:1px solid #ebebeb;border-radius: 12px 12px 0 0  ; z-index:100 }
.row-4e .vodicLinks a{font-size:14px;background-color:#4e8305;color:#fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);padding:6px 16px ;margin:0 1%;border-radius:22px;transition:all .1s ease-out;}
.row-4e .vodicLinks a:hover{background:#4D9A0F;}
.row-4e .more_button:hover{border:2px solid #8dc63f; }

 

/* row-5 */

.horizontal-wrapper.row-5 {height:220px; position:relative;z-index:10; width:100%;margin-bottom: 62px}
.horizontal-wrapper.row-5 .wrapperContent {display:block;background: #007BBD; position:relative;max-width:1200px; margin:-120px auto 0 auto;height:260px;border-radius: 12px; }
.horizontal-wrapper.row-5 .wrapperContent>div{width:24.7%;display: inline-block;box-sizing:border-box;height:260px;}
 
 
 
.row-5 .wrapperContent:after{content:"POPUSTI na kasi %";position:absolute;width:58px;height:27px;background:#8DC63F;right:0;font-size:12px;color:#fff;bottom: 74%;line-height:0.9;font-family: roboto;text-align: right;padding:6px 6px 0 6px;border-radius:   0 ;z-index: 10; }
.row-5 .picture-holder{overflow: visible;  width:100%;height:180px;margin:0 auto;display:inline-block;text-align: center;max-height:180px;}
.row-5 .picture-holder a {width:100%;display: block;}
 .row-5 .picture-holder a img{width:100px;height:100px;margin:50px auto 0 auto; }
 .row-5 .wrapperContent h2 {margin-top:10px;display: block;}
.row-5 .wrapperContent h2 a{font-size:14px;font-weight:bold;text-transform: uppercase;display:block;color:#fff;padding:10px 0px 32px 0px;text-align:center}

.row-5 .homebox .opsirnije {  width:180px;margin:0 auto;margin-top:15px;}
.row-5 .homebox .opsirnije a{display:block;font-size:11px;text-transform:uppercase;color:#4d94e0;padding:4px 4px;}

 

/* 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:8999;border-radius:3px 0 0 3px;cursor:pointer;transition: all .7s;}
#go_top:hover{background:rgba(0,0,0, .7)}


/* </ ELEMENTI POCETNE STRANICE > */

/* < ELEMENTI STRANICA > */

.doming #coll_left, .novosti #coll_left,  .strana #coll_left,
.doming #coll_middle, .novosti #coll_middle, .strana #coll_middle,
.doming #coll_right, .novosti #coll_right,  .strana #coll_right {display:inline-block;vertical-align: top;font-size:initial;}
.kontakt #coll_middle, .kontakt #coll_left,.kontakt #coll_right{display:inline-block;vertical-align: top;font-size:initial;}
.kontakt #coll_right  ul>li:first-of-type{display: none;}
#coll_right{position: absolute;right:calc(50% - 666px);padding:0;width:140px;}
.doming #coll_middle, .strana #coll_middle, .kontakt #coll_middle {width:1000px;}

 
/*KONTAKTI*/
.catid_11 #coll_middle h1{position:absolute;top:-39px;font-size:26px;padding:6px 36px 4px 18px;color:#0087d0; background:#fff;display: inline-block;border-radius:6px 6px 0 0;font-weight:500;}
.catid_11 #coll_middle>p:nth-of-type(2){  position: absolute;top:60px;left:160px;z-index: 1;color:#fff;font-size:20px;}
.catid_11 #coll_middle>p:nth-of-type(2) b{color:#fff;}
.catid_11 #coll_middle>a{color:#fff;padding:24px 142px 24px 8px;display: block;background:#0087d0;font-size:34px;font-weight:bold;margin:0 17px;border-radius: 8px;position:relative; text-align: right; }
.catid_11 #coll_middle>a:hover{opacity: .8;}
.catid_11 #coll_middle>a:before{content:"\f095";font-family:icons ;position: absolute;width:27px;height:27px;right:376px;top:26px;   }
.catid_11 #coll_middle .contacts p {padding-bottom:6px}
.catid_11 #coll_middle .contacts img {padding-bottom:16px}
.kontakt.catid_11 #coll_middle>#map-canvas{_margin-top:20px}
.kontakt #map-canvas {height:720px;border-radius:12px;}
.kontakt #coll_middle {font-size:initial;position: relative; box-sizing:border-box; padding:30px 10px 30px  0 ;min-height:850px;}
.kontakt #pageBody{padding-left:18px;}
.catid_11 #coll_middle>#pageBody>#map-canvas{margin-top: 40px;}
.kontakt .page-pID{
    display: inline-block;
    width:47%;
    height:390px;
    margin:  1.5%;
    background:#f8fafb;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    
}
.kontakt .contacts{
    position: relative;
}
.kontakt .contacts div{
    display: inline-block;
    width:54%;
    min-height:200px;
}
.kontakt .contacts>div:nth-of-type(2){position: absolute;top:40px;left:40px;}
.kontakt .contacts>div:nth-of-type(2) p{color:#fff;font-size:18px;}
.kontakt .contacts>div:nth-of-type(2) p a{color:#fff;}
.kontakt .contacts>div:nth-of-type(3){position: absolute;top:210px;left:40px;}
.kontakt .contacts>div:nth-of-type(3) p{color:#fff;font-size:18px;}
.kontakt .contacts>div:nth-of-type(3) p a{color:#fff;}


.kontakt .simanovci .contacts>div:nth-of-type(2){position: absolute;top:8px;left:40px;line-height:1.4;}
.kontakt .simanovci .contacts>div:nth-of-type(3){position: absolute;top:225px;left:40px;line-height:1.4;}

.kontakt .contacts .contact-picture{display: flex;width:100%; height:320px;position:relative;overflow: hidden;text-align: right;margin-bottom:40px;background:#0087d0;justify-content: flex-end;border-radius:8px ;}
.kontakt .contact-picture img{
    position:relative;
    display: block;
    width:50%;height:auto;
    object-fit: cover;
    padding-bottom: 0!important;
}
.kontakt .contacts .simanovciFlex{display: flex; width:100%;padding:0 20px 0 40px;box-sizing:border-box;justify-content:space-between}
.kontakt .contacts .simanovciFlex div{width:30%;}
.kontakt .contacts .simanovciFlex div:last-of-type{padding-top:72px}
.kontakt .contacts .box-kontakti.primedbe{background:#f5f8fa;width:100%;text-align:center;padding:20px;min-height:20px;}
.kontakt .contacts .box-kontakti a{color:#0087d0;}
.kontakt .contact-picture:after{content:"";width:190px;height:380px;position: absolute;top:0;background:#0087d0;left: 38%;transform:skewX(14deg); }
/******.kontakt .contact-picture:before{content:"";width:190px;height:380px;position: absolute;top:0; background:#0087d0;left:33%;transform:skewX(-20deg);opacity:.4;z-index:2000;}******/
.kontakt .img { width:100%; height: 370px;  overflow: hidden;background:#000; box-sizing: border-box; border-radius: 6px;}
.kontakt .page-pID:hover img {opacity:.7;}
.kontakt .page-pID img{display: block; width:100%;height:auto;padding-bottom:10px; transition: all .3s ease-in-out }
.kontakt .info h2{
    position: absolute;
    top:212px; left:0;
    background: #f8fafb;
    padding:8px 14px 0px 20px;
    font-size: 20px;
    font-weight:500;
    border-radius: 0 6px 0 0;
    z-index: 1000;
}
.kontakt .info h2 a{ color:#005D8F;}
.kontakt #podrska1,.kontakt #podrska2{padding-left:133px;}
 
.kontakt .page-pID .antrafile{
     position: absolute;
    top:242px;
    display: block;
    background:#f8fafb;
    padding: 12px 20px 12px  20px;
    width:100%;
    box-sizing: border-box;
    font-size:15px;
    line-height: 1.5;
     
    
}
  
 kontakt .page-pID .popup-contacts{position: relative}

/****** .kontakt .page-pID .antrafile p:last-of-type:after {content:"NERADNI DANI: čet. 1.5. i pet. 2.5. - sub. 4.5.2025. od 8 do 14h "; ;color:#0087d0;position: absolute;top: 122px ;left:20px; width:440px;height:20px; }******/
 

.kontakt .box-kontakti:nth-child(2n){
    width:38%;
    padding: 50px 0 10px 0;
}
.kontakt .box-kontakti.podaci{margin-left:360px;  margin-bottom:40px;}
.kontakt .box-kontakti{
    width:38%;
    display:inline-block;
    vertical-align: top;
    padding: 50px 0;
    box-sizing: border-box;
}
.kontakt .box-kontakti img{
    display: inline-block;
    width:100%;
}
.kontakt .pageID_338{
    height: 790px;
    float: right;
    margin-bottom:0;
}
.kontakt .pageID_338 .img{
    display:none;
}
.kontakt .info{

    height:760px
}
.kontakt .antrafile{

    height:760px;
}
.kontakt .map_container{
    display: block;
    height:760px;
}
.kontakt .pageID_338 h2, .kontakt .pageID_338 .antrafile{
    position: relative;
    top:unset;
}
.kontakt .pageID_338 h2{padding-bottom:10px;pointer-events: none;}

/*********vodic za kupovinu grejanja************/
.doming.catid_23  #pageTitle{position:absolute;top:-42px;font-size:34px; ;padding:6px 36px 0 18px;color:#0087d0; background:#fff;display: inline-block; border-top:1px solid #ddd;border-radius:6px 6px 0 0;text-transform: none;}
.catid_23 #pageBody{padding:15px 0; max-width:1000px;box-sizing: border-box;object-fit:contain;}
.catid_23 #pageBody img{ max-width:100%;border-radius:6px }
.catid_23 .vodic{ padding : 10px 20px 64px 20px;box-sizing:border-box;position: relative;}
.catid_23 .vodic.armatura{padding : 10px 0 64px 0;}
.catid_23 #pageBody   h3{font-size:28px;color: #0087d0;padding:22px 14px 6px 0;text-align: left;line-height: 30px;clear:both;   }
.catid_23 #pageBody   h4{font-size:22px; padding:20px 14px 0 0;   }
.catid_23 #pageBody p{ line-height: 1.5; }
.catid_23 #pageBody .vodic:nth-of-type(even)  .float { float:right; padding: 15px 0  5px  20px;  }
.catid_23 #pageBody .vodic:nth-of-type(odd) .float { float:left;  padding: 15px 20px   5px 0; }
.catid_23 #pageBody .vodic:nth-of-type(even){text-align: right;background:#eef3f6;margin-bottom:30px;border-radius:8px;}
.catid_23 .vodicLinks {margin:40px 0;}
 
.catid_23 #pageBody .vodic.vrste{text-align: left;}
.catid_23 #pageBody .grejanjeikonice{display: inline-block;width:24%;height:auto;object-fit:contain;mix-blend-mode:multiply}
.catid_23 .grejanjeTipovi{display: flex;flex-wrap:wrap;justify-content:flex-start;margin-top:20px; }
.catid_23 #pageBody .grejanjeTipovi p{width:68%;padding-top:50px; }
/*******stranice vodic************/
.catid_23 #pageBody .vodic.armatura{ }
.catid_23 #pageBody .vodic .float.armatura{  width:40%;}
.catid_23 #pageBody .proizvodi li{width:190px;margin:0 4px 24px 4px;}
.catid_23 #pageBody .proizvodi li .catalogueItemText{ padding:0 4px;}
.catid_23 #pageBody .proizvodi li .catalogueItemText h3{margin:2px;}
.catid_23 #pageBody #listaProizvoda .catalogueItemText p{width:92%;}
/******podno grejanje**********/
.catid_23 .podnoGrejanje #pageBody  .vodic:nth-of-type(2n){text-align: left;}
.catid_23 .podnoGrejanje #pageBody .vodic>h3{font-size:30px; line-height:1.1}
.catid_23 .podnoGrejanje .vodic{clear: both;}
.catid_23 .podnoGrejanje .vodic li{line-height: 1.5;list-style-type: none; color:#0087d0;}
.catid_23 .podnoGrejanje .vodic li a:hover{text-decoration: underline;}
.catid_23 .podnoGrejanje .vodic li a{color:inherit}
.catid_23 .podnoGrejanje .vodic:nth-of-type(5)  img{margin-bottom:70px;width:600px;}
.catid_23 .podnoGrejanje .vodic:nth-of-type(8)  img{margin-bottom:40px;width:500px}
.catid_23 .podnoGrejanje #pageBody  .vodic .float.right{ float:right;padding-right:0 ;margin-bottom:70px; }
.catid_23 .podnoGrejanje #pageBody  .vodic .float.presek{mix-blend-mode: multiply;width:360px;}
.catid_23 .podnoGrejanje .vodic .clear{clear: both;}
.podnoGrejanje #listaProizvoda.proizvodi {clear: both;}
/********end vodic za kupvinu grejanja**********/



/* O NAMA */
.doming .pageBanner{border-radius:8px;}
.doming #coll_middle{padding-top:20px}
.doming .middle_baner a{pointer-events: none;}
#coll_left {padding:0px 10px 0 0;box-sizing:border-box;}
#coll_left .bannerTitle {color:#a2a2a2;text-transform: uppercase;font-weight: unset;font-size:18px;padding:22px 0 0 0;line-height:1.3;}
.doming #pageTitle, .doming .catTitle {position:absolute;top:-37px;font-size:24px;padding:6px 36px 2px 18px;color:#0087d0; background:#fff;display: inline-block;border-radius:6px 6px 0 0}
.doming .about_highlite {font-size:24px;padding:0 0 20px 0;margin-bottom:30px;line-height: 1.3;border-bottom:1px solid #0187d0;}
.doming .about_highlite ul {padding-left:40px;}
.catid_12 #coll_middle a{color:#006cb7;font-weight:bold;transition: all .4s;}
.catid_12 #coll_middle a:hover{opacity:0.6;}
.doming .about_highlite ul li {list-style: inside;font-size:18px;}
.doming .about_border {margin-bottom:10px;border-bottom:1px solid #d9251a;padding:0;}
.doming .pageBody p {padding:10px 0;line-height:1.5;}
.doming .catShortDesc span{display:block}
.doming .catShortDesc span img {display:block;height:auto;}
.doming .catShortDesc .categorySubDesc {padding:10px 0;display:block;font-size:16px;}
.doming .logotipiDobavljaca {font-size:0;}
.doming .logotipiDobavljaca a { width:20%;display:inline-block;vertical-align: top;padding:20px;box-sizing:border-box;}
.doming .logotipiDobavljaca a img {display:block;width:100%;height:auto;}
.doming.catid_29 .oblast_sadrzaja {position:relative;}
.doming #preuzmite_pdf {text-align: center;padding:12px 20px;border-radius:2px;font-size:.9em;background:#00204d;color:#fff;font-weight:bold;margin:24px auto 10px auto;min-width:180px;font-size:18px;border:none;}
.doming #preuzmite_pdf:hover{background:#00204d;color:#fff;color:#00204d;background:#0cb0ed;}
/*** placanje pogodnosti*****/
.Placanje{background-color: #eef3f6;border-radius:8px;margin:8px 0 34px 0;padding:20px 0;}
.doming .pogodnostiPlacanje p{padding:0 10px 0 30px;;line-height: 1.5;}
.pogodnostiPlacanje  #pageBody >p:first-of-type{margin-left:-10px}
.pogodnostiPlacanje .pogodnosti span{color:#0087d0;margin-left:-16px; }
.pogodnostiPlacanje #pageBody .pogodnosti{padding-bottom: 6px}
/***isporuka robe****/

.doming.catid_25 #coll_right {
    position: absolute;
    right: calc(50% - 666px);
    padding: 0;
    width: 140px;
}
.doming .isporukaRobe div, .doming .pogodnostiPlacanje>div{padding-bottom:24px; box-sizing:border-box;margin-right: 8px}
.doming .isporukaRobe div img, .doming .pogodnostiPlacanje div img{border-radius:8px;max-width:986px;}
.doming .isporukaRobe p{padding:8px 20px;}
.isporukaRobe .pageBody>p:last-of-type, .pogodnostiPlacanje .pageBody>p:last-of-type{text-align: center;padding-top:40px;}
.isporukaRobe .isporuka{background-color: #eef3f6;border-radius:8px;margin:24px 0;padding-top:20px}
.isporukaRobe p a, .pogodnostiPlacanje .pageBody>p a:last-of-type{background:#0087d0;color:#fff;padding:8px 26px;border-radius:24px;font-size:24px;display:block;width:180px;margin:10px auto;}
.isporukaRobe .isporuka:last-of-type{padding-top:0;}
.isporukaRobe .isporuka:last-of-type img{border-radius:8px 8px 0 0;}
.isporukaRobe h3{padding-left:18px}
.isporukaRobe p a:hover, .pogodnostiPlacanje .pageBody>p a:last-of-type:hover{background:#00669d;}
.isporukaRobe p a span, .pogodnostiPlacanje p a span{color:#fff;padding-right:12px;}

/* FORME */
.tehnicke_konsultacije .pageBody>p{padding:10px 20px;}
#tehnicke_konsultacije fieldset {vertical-align: top;margin:30px 20px;padding:20px 20px 20px 0;border:1px solid transparent;border-radius:6px;text-align: center;background:#f5f8fa;font-size:16px;}
#tehnicke_konsultacije fieldset .formDiv {min-height: 80px;height: auto;}
#tehnicke_konsultacije fieldset .formDiv.cv{text-align: center} 
#tehnicke_konsultacije fieldset .formDiv.cv label{display: inline-block;}
#tehnicke_konsultacije fieldset .formDiv h4{color: white;padding-bottom: 10px;font-size: initial;}
#tehnicke_konsultacije fieldset div{padding:16px;box-sizing: border-box;text-align: right;width:40%;min-height:210px;display:inline-block;vertical-align: top;}
#tehnicke_konsultacije .formDiv.struka,  #tehnicke_konsultacije .formDiv.iskustvo{ padding: 0 0 60px 0;width:38%;text-align:  center;}
#tehnicke_konsultacije .formDiv.struka h3,  #tehnicke_konsultacije .formDiv.iskustvo h3{padding:40px 0 20px 0;color:#0087d0;}
#tehnicke_konsultacije .formDiv.struka label,  #tehnicke_konsultacije .formDiv.iskustvo label{width:40%;display: inline-block ;}
#tehnicke_konsultacije .formDiv.struka input,  #tehnicke_konsultacije .formDiv.iskustvo input{width:10%;text-align:right;} 
#tehnicke_konsultacije fieldset input{text-align: center;padding:12px 8px;border:2px solid #DDE6E6;border-radius:6px;text-align: left;}
#tehnicke_konsultacije fieldset input:focus{border:2px solid #0087d0;}
#tehnicke_konsultacije fieldset label{font-size:.9em;padding:10px;color:#4f687c;text-align: left;}
#school{border:2px solid #DDE6E6;padding:12px;border-radius: 4px;width:190px;}
#tehnicke_konsultacije fieldset legend{text-align: center;padding:8px 26px 26px 20px;border:2px solid transparent;border-radius:4px;font-size:22px;font-weight: bold;color:#0087d0;background:#f5f8fa;}
#tehnicke_konsultacije fieldset .formDiv legend{background: none;border: none;color:#333; }
#tehnicke_konsultacije input[type=submit]{text-align: center;padding:10px 20px;border-radius:6px;font-size:.9em;background:#0087d0;color:#fff;font-weight:bold;margin:24px auto 10px auto;min-width:180px;font-size:18px;border:none;transition:all .4s;}
#tehnicke_konsultacije input[type=submit]:hover{ background:#00669d;cursor:pointer;}
#tehnicke_konsultacije input#submit {display:block!important;}
#tehnicke_konsultacije fieldset div.opisForme label {display:block;}
#tehnicke_konsultacije fieldset .formDiv div {background: #fff;width:100%;}
#tehnicke_konsultacije #forma-opis{text-align: left;}
.formaPrijava {margin:60px 0 0 0;display:block;padding:16px 0px;background:#006cb7;text-align:center;color:#eee;}
div[pid="163"] .pageBody p a{font-weight:bold;color:#006cb7;}
div[pid="163"] .pageBody p a:hover{opacity:0.7;}
/*tehnicke-konsultacije*/
.tehnicke_konsultacije #tehnicke_konsultacije fieldset {font-size: 0;}
#tehnicke_konsultacije fieldset:first-of-type input{width:200px; }
.catid_14 #tehnicke_konsultacije fieldset:first-of-type input{width:180px}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset div{background:#f5f8fa;margin:0px;font-size: initial;padding-right: 26px;}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset .formDiv{display: inline-block;width: 42%;box-sizing:border-box;}
.tehnicke_konsultacije #tehnicke_konsultacije div.opisForme {width: 80%;}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset .formDiv.mail{width: 84%;}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv{min-height: 110px;height: auto;}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.oprema label{width: 34%;text-align: right;display: inline-block;}
 #tehnicke_konsultacije fieldset.checkBoxes .formDiv.ponuda,   #tehnicke_konsultacije fieldset.checkBoxes .formDiv.poseta,  #tehnicke_konsultacije fieldset.checkBoxes .formDiv.instalater{width: 80%;}
.tehnicke_konsultacije  #tehnicke_konsultacije  .formDiv.oprema{padding:0 0 50px 0;width: 90%; text-align:left; }
.tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.ponuda label, .tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.poseta label, .tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.instalater label{
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}

.tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.ponuda input, .tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.poseta input{display: inline-block;width: 18%;}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.instalater{text-align: center;}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.instalater label{display: inline-block;width: initial;padding: 20px 10px 20px 20px;}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv.instalater legend{font-size: .9em;padding-bottom:10px;}
.tehnicke_konsultacije #tehnicke_konsultacije fieldset.checkBoxes .formDiv label{width: 80%;text-align: right;display: inline-block;}
#tehnicke_konsultacije   div.opisForme {width:80%;}
#tehnicke_konsultacije   div.opisForme label{padding-left:32px; text-align: left;}
#tehnicke_konsultacije #forma-opis{display:block;margin:0 auto 12px auto;background:#fff;width:700px;border:2px solid #DDE6E6;border-radius:6px;box-sizing: border-box;}
#tehnicke_konsultacije #forma-opis:focus{border:2px solid #0087d0;}
.tehnicke_konsultacije .pageBody p a{font-weight:bold; color:#0087d0;}
.tehnicke_konsultacije .pageBody p a:hover{opacity:0.7;}

/***zaposlenje*****/
.catid_50 #pageBody {text-align: justify;text-justify: inter-word; padding: 0 0 70px 38px;}
.catid_50 #pageBody h4{padding:10px 0;}
.catid_50 #pageBody a{color:#fff;background:#0087d0;padding:10px 26px;border-radius:6px; }
.catid_50 #pageBody a:hover{ background:#00669d; }
.konkurisite {display:flex;justify-content: center;}

/***********eko_porizvodi homepage************/
.catid_29 .change .glavni_meni{background:#8dc63f;border-top:1px solid #8dc63f;border-bottom:1px solid #8dc63f;}
.catid_29 .change .glavni_meni>ul>li>a{background:#8dc63f;}
.catid_29 #coll_middle{box-sizing:border-box;display:block;width:100%;max-width:1000px;margin:44px auto 0 auto;padding:0 0 224px 0;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 .header_social{background-color:#8dc63f;}
.catid_29 .oblast_sadrzaja{margin-bottom:0;width:100%;max-width:1000px;}
.catid_29 .oblast_sadrzaja{border-top:none;}
.catid_29 .oblast_futera{background-color:#004752;box-shadow: none;border-top:none;background-image: url(../../cms_upload/pages/files/231_footer-logo.svg);
    background-size:20%;background-repeat: no-repeat;background-position:right center;margin:0; }
.catid_29 .horizontal-wrapper.row-5{display: none;}
.catid_29 .footer_links a{color:rgba(255,255,255, 0.8);letter-spacing: 1px;}
.catid_29 .footer_links li{color:rgba(255,255,255, 0.7);}
.catid_29 .footer_links li a:hover{background:none;color:#8dc63f;padding:0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;}
.catid_29 .links_drustvene_mreze h3{color:rgba(255,255,255, 0.7);}
.catid_29 .footer_desc p{color:rgba(255,255,255, 0.7);}
.catid_29 .footer_linksContainer::after{display: none;}
.catid_29 .links_drustvene_mreze span{background: none;}
.catid_29 .links_drustvene_mreze span a{ color:#8dc63f; }
.catid_29 .links_drustvene_mreze span a:hover{background-color: #8dc63f;color:#004752;}
.catid_29  .baner1 {overflow: hidden;margin-bottom:32px;}
.catid_29  .baner1 img{width:100%;height: auto; transition:all .7s;transform: scale(1.02)}
.catid_29  .baner1 img:hover{transform: scale(1.06)}
.catid_29 .baner2{background:#f5f8fa;margin-bottom:70px;padding-bottom: 10px;}
.catid_29 .baner2 p{text-align:center;padding-top:0; }
.catid_29 .baner2 h3{text-align: center;color:#8dc63f;padding-top:20px;font-size:24px;}
.catid_29 .baner2 img{max-width: 960px;}
.catid_29 .more_button:hover{  border:2px solid #8dc63f;  }
.catid_29 .baner_eko_proizvodi{display:flex;flex-wrap:wrap;justify-content:space-around;margin:4em 0 2.5em 0;padding:2em 0 5em 0;box-shadow: 0  12px 28px  -12px rgba( 0,0,0,0.22)}
.catid_29 .eko_inner{border:2px solid #eee;width:31%;box-sizing: border-box;border-radius:2px;}
.catid_29 .eko_inner{ text-align:center;}
.catid_29 .linkEco {display:block;margin: 0em 0 4em  0;width: 100%; text-align: center}
.catid_29 #listaProizvoda .catalogueItemText h3{color:#6d9f28;}
.catid_29 .linkEco a { display: inline-block; padding:.8em 2.5em;box-shadow: 0px 4px 18px 1px rgba(0,0,0,.18); background:#8dc63f;color:#004752; border-radius:3px;transition: all .7s;}
.catid_29 .linkEco a:hover{  background:#004752;color:#8dc63f;border-radius:3px;}
.catid_29  .eko_homepage iframe{width:100%;height:400px!important;margin:4% 0;}
.catid_29 .eko_homepage .proizvodi li {width:190px; margin:4px;}
/* EKO PROIZVODI */

.eko-levo img, .eko-desno img{width:100%;}

.eko-proizvodi p{color: #014853;}
.eko-proizvodi span{color: #8dc63f;}
.eko-naslov{width: 100%;height: auto;display: block;text-align: center;padding: 40px 0;}
.eko-naslov h2{color: #00afdd;}
.eko-podnaslov-tekst{color: #37697b;}
.eko-levo, .eko-desno{display: inline-block;    /*! width: 49%; */}
.eko-levo h3{background: #00afdd;   color: #fff;    text-align: center; padding: 6px;}
.prvi-gore-levo{display: inline-block;  width: 45%; border-right: 1px dotted gray;  border-bottom: 1px dotted gray; padding: 10px 10px 36px 10px;   position: relative; vertical-align: top;}
.prvi-gore-levo .eko-tekst-naslov{width: 54%;   position: absolute; right: 0;   display: inline-block;}
.prvi-gore-levo .eko-tekst{width: 50%;  display: inline-block;  margin: 26px 0 0 0; padding: 10px 0 0 16px!important;}
.eko-tekst-slika{width: 45%;    height: auto;   display: inline-block;  vertical-align: top;}
.prvi-gore-levo img, .prvi-gore-desno img{width: 80%;   height: auto;}
.eko-procenti{color: #8dc63f !important;    font-size: 84px;    font-weight: bold;  text-align: right;}
.eko-ispod-procenata{color: #00afdd !important; font-size: 14px;    text-align: right;  padding: 0 !important;}
.prvi-gore-desno{display: inline-block; width: 45%; padding: 10px;  border-bottom: 1px dotted gray;}
.prvi-gore-desno .eko-tekst-slika{display: inline-block;    width: 45%; vertical-align: bottom;}
.prvi-gore-desno .eko-procenti{display: inline-block;   width: 45%; font-size: 72px;    vertical-align: bottom;}
.prvi-gore-desno .eko-tekst-slika img{width: 80%;   height: auto;}
.prvi-gore-desno .eko-tekst{padding: 0 0 10px 16px !important;}
.prvi-gore-desno .eko-tekst-slika{display: inline-block;    width: 49%; text-align: right;}
.prvi-sredina-levo{display: inline-block;   width: 40%; vertical-align: top;    position: relative; border-bottom: 1px dotted gray;border-right: 1px dotted gray;padding: 16px 0 0 0;}
.prvi-sredina-levo .eko-procenti{display: inline-block;}
.prvi-sredina-levo .eko-ispod-procenata{text-align: left;   position: absolute; top: 120px;}
.prvi-sredina-levo .eko-tekst{padding: 0 0 10px 16px !important;    width: 80%;}
.prvi-sredina-desno{display: inline-block;  width: 59%; border-bottom: 1px dotted gray; position: relative;}
.prvi-sredina-desno .eko-tekst-naslov{margin: 40px 0 0 2px;}
.prvi-sredina-desno .eko-tekst{display: inline-block;   width: 49%; padding: 0 0 10px 16px !important;}
.prvi-sredina-desno .eko-tekst-slika{display: inline-block; width: 35%;}
.prvi-sredina-desno .eko-procenti{position: absolute;   bottom: 40px;   left: 40px;}
.prvi-sredina-desno .eko-ispod-procenata{position: absolute;bottom: 40px;   left: 40px;}
.prvi-dole{text-align: center;  position: relative;}
.prvi-dole .eko-tekst-slika{display: inline-block;  width: 20%; padding: 20px;}
.prvi-dole .eko-procenti{display: inline-block; width: 20%;}
.prvi-dole .eko-tekst{display: inline-block;    width: 50%; text-align: left;   padding: 0 0 10px 36px !important;}
.prvi-dole .eko-tekst-naslov{width: 59%;    position: absolute; top: 0; right: 180px;}
.prvi-dole .eko-ispod-procenata{    position: absolute; top: 110px; left: 260px;}
.desno-prvi{}
.desno-prvi .eko-tekst-slika{width: 100%;margin-bottom:-4px;}
.desno-prvi-tekst{background: #00afdd;  position: relative;}
.desno-prvi .eko-tekst{display: inline-block;   width: 52%; position: relative; color: #fff;    padding: 10px 0 16px 20px !important;}
.desno-prvi .eko-tekst-naslov{color: #fff;  padding: 8px 0 8px 8px !important;}
.desno-prvi .eko-tekst span{color: #185367;}
.desno-prvi .eko-procenti{display: inline-block;    width: 40%; color: #185367 !important;  position: absolute; right: 8px; top: 0;}
.desno-prvi .eko-ispod-procenata{color: #fff !important;    position: absolute; right: 8px; top: 96px;}
.desno-drugi{position: relative;    padding: 40px 0;}
.desno-drugi .eko-tekst-slika{display: inline-block;    width: 25%; vertical-align: middle;}
.desno-drugi .eko-tekst{width: 46%; display: inline-block;  vertical-align: middle; text-align: justify;    color: #00afdd; padding: 0 10px 10px 16px !important;}
.desno-drugi .eko-tekst span{color: #014853;}
.desno-drugi .eko-tekst-naslov{position: absolute;top: 70px;    left: 260px;    color: #014853;}
.desno-treci{display: inline-block; width: 49%; vertical-align: top;    border-bottom: 1px dotted gray;}
.desno-treci h3{background: #00afdd;    color: #fff;    text-align: center; padding: 6px;}
.desno-treci .eko-tekst-slika{display: inline-block;    width: 36%;}
.desno-treci .eko-procenti{display: inline-block;   width: 59%; font-size: 36px;    padding: 50px 0 50px 0 !important;}
.desno-treci .eko-tekst{padding: 0 10px 10px 16px !important;}
.desno-cetvrti{display: inline-block;   width: 49%; border-left: 1px dotted gray;}
.desno-cetvrti h3{background: #00afdd;  color: #fff;    text-align: center; padding: 6px;}
.desno-cetvrti .eko-tekst{display: inline-block;width: 40%; padding: 90px 0 10px 36px !important;}
.desno-cetvrti .eko-tekst-slika{display: inline-block;  width: 49%; padding: 40px 0 0 0;}
.desno-cetvrti .eko-tekst-slika img{width: 90%; height: auto;}
.desno-peti{display: inline-block;  width: 49%; position: relative; padding: 90px 0;}
.desno-peti .eko-tekst-slika{display: inline-block; width: 49%;}
.desno-peti .eko-tekst{display: inline-block;   width: 45%; padding: 70px 0 0 0 !important;}
.desno-peti .eko-procenti{position: absolute;   top: 0;   right: 10px;}
.desno-peti .eko-ispod-procenata{position: absolute;    top: 110px; right: 10px;}
.desno-sesti{display: inline-block;position:relative;   width: 50%; text-align: right;  border-left: 1px dotted gray;padding-bottom:40px;vertical-align: top;    }
.desno-sesti h3{background: #00afdd;    color: #fff;    text-align: center; padding: 6px;}
.desno-sesti .eko-tekst{display: inline-block;  width: 65%; text-align: left;   padding: 20px 0 0 0 !important;}
.desno-sesti .eko-tekst-slika{display: inline-block;    width: 30%;}





/**zaposlenje*******/
.catid_50 #coll_middle{border-left:1px solid #ddd;margin:10px 0;box-sizing:border-box;}
.catid_50 .catTitle{padding:20px 20px 0 20px;box-sizing:border-box;}
.catid_50 .catShortDesc{padding:0 20px 24px 20px;max-width:700px;margin-top:20px;color:#777; }
.catid_50 .pages{padding :0 20px 10px 20px;margin-top:20px;}
.catid_50 .page-pID  {list-style-type: none!important;margin:20px 0; }
.catid_50 .page-pID h2{padding-bottom:4px;}
.catid_50 .page-pID h2 a{color:#006cb7;}
.catid_50 .pageBody h4{font-size:18px;margin-top:10px}
.catid_50 .pageBody h1{font-size:36px;text-transform: uppercase;padding-top:10px;}
.catid_50 .page-pID a:hover{text-decoration: underline;}
.catid_50 .page-pID .antrafile{color:#777;}
.catid_50 .pageBody p,.catid_50 .pageBody li,.catid_50 .pageBody a{padding:0;line-height:1.5;color:#444; }
.catid_50 .pageBody li{margin-left:14px;}
/* NOVOSTI */
.novosti #coll_middle {max-width:1000px;/*! padding-top:10px */}
.novosti #coll_middle .pageBody{ width:1000px;border-left:1px solid #ddd;padding-left:2%;padding-top:20px;min-height:600px;}
.novosti .catTitle{position:absolute;top:-39px;font-size:24px;padding:6px 36px 4px 28px;color:#007BBD; background:#fff;display: inline-block; border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;border-radius:6px 6px 0 0}
/* habitatakcija */
.habitatAkcija p, .habitatAkcija li{line-height: 1.7 ;} .habitatAkcija  .proizvodi li{line-height: 1.2 ;}
.habitatAkcija li{margin-bottom:10px }

.frankishesnizenje .proizvodi>li h3:before{content:"SNIŽENA CENA";position:absolute;width:150px;height:24px;background:#FECE00;color:#000000;left:calc(50% - 75px);font-size:13px;letter-spacing:0.8px; bottom:158px; font-family: roboto;text-align: center;vertical-align: middle; padding:6px 0 0 6px;border-radius: 10px  ; }
.novosti .visionKotlovi{display: flex;margin :40px 0;text-align: center;}
.visionKotloviMob{display: none;}
.novosti .visionKotlovi div{width:24%;}
.novosti .visionKotlovi div p{margin:20px 0;}
.novosti .visionKotlovi h3{border-top:2px solid #ddd;margin:8px 22px 0 22px; padding-top:12px }
.novosti.catid_26 #coll_middle .visionKotlovi h4{font-size: 14px;}
.novosti .visionKotlovi div img{object-fit: contain;width:100%}
/********zaposlenje aktuelni******/
.aktuelniKonkursi{display: flex;flex-wrap: wrap;justify-content:space-evenly}
.aktuelniKonkursi>li{ width:43%;border:1px solid #ddd;border-radius:8px;overflow: hidden;padding:10px;}
  .aktuelniKonkursi .page-pID   { padding-bottom:40px; text-align:center; object-fit: contain}
.aktuelniKonkursi .page-pID h2{padding: 0 10px 10px 10px;}
.aktuelniKonkursi .page-pID img{padding :0 0 10px 0;width:100%;height:auto;}
 

/***BLACK FRIDAY 2020*****/
.novosti #coll_middle .BFlista{display: flex;flex-wrap: wrap;justify-content: center}
.novosti #coll_middle .BFprod {position:relative;background: #fff; width:200px;height:450px;margin: 10px 10px;border-radius:8px;border:2px solid #0087d0;overflow:hidden;}

.novosti #coll_middle .BFprod img{width: 200px; 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(1) a{color: #878787;}
.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 22px 4px; }
.novosti #coll_middle .BFprod p:nth-of-type(4){font-size: 14px;color: #666;padding: 8px  0 ;margin:0 4px;text-align: center;border-top:1px solid #0087d0;}
.novosti #coll_middle .BFprod p:nth-of-type(5){font-size: 15px;padding: 8px  0 ;margin:0 4px;text-align: center;position: absolute;bottom:64px; 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:14px;left:40px;background:#999; }
.novosti #coll_middle .BFprod p:nth-of-type(6){font-size: 22px;color: #111;padding: 8px  0 ;margin:0 4px;text-align: center;position: absolute;bottom:38px; width:200px }
.novosti #coll_middle .BFprod p:nth-of-type(6) a:after{content:"Više o proizvodu";position:absolute ;width:150px;height:24px;background:#0087d0;left:calc(50% - 75px);font-size:13px;letter-spacing:0.8px;color:#fff;bottom:-28px; font-family: roboto;text-align: center;vertical-align: middle; padding:6px 0 0 6px;border-radius: 10px  ; }
.novosti #coll_middle .BFprod a:hover:after{background:#0069A1;}

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

/* doming partner */
.partnerdoming{display: flex; flex-wrap: wrap;  margin-top: 20px; }
.partnerdoming div:nth-of-type(1){display: flex; flex-wrap: wrap; align-content: baseline; width: 30%; min-width: 340px; flex-grow: 1; }
.partnerdoming div img{width:440px;height:auto; padding-top:70px}
.partnerdoming div:nth-of-type(2){display: flex; flex-wrap: wrap; align-content: baseline; width: 36%; min-width: 340px; flex-grow: 1; margin-top: 20px;  }
  #coll_middle #partnercontact{ display: inline-block;font-size:34px;color:#ffffff; background:#0087d0;margin:   40px;padding:32px 52px; border-radius:58px; width:280px}
 .partnerdoming h1 {color:#0087d0;font-size: 48px; line-height: 56px; margin-bottom: 10px;padding-top: 10px} 
 .partnerdoming h2 {font-size: 24px; line-height: 28px; margin-bottom: 20px;}
.containerpartner { display: flex;flex-wrap: wrap; justify-content: space-around;  border-top: 2px solid rgb(203 214 220);padding: 20px 0; }
.containerpartner .box {text-align: center;padding: 10px;width:31%; margin-bottom: 30px}
.containerpartner .box img { width: 120px;height: auto;margin-bottom:10px;}
.containerpartner h3 {font-weight: 400; font-size: 18px; line-height: 21px; text-align: center;  color: #333333;}
#partnerlinks h3{font-weight: 500;color:#505050; padding-top: 80px;padding-bottom: 10px;border-top: 2px solid rgb(203 214 220);}
#coll_middle #partnerlinks li {line-height:2  ; list-style-type: none; }
#coll_middle #partnerlinks li a{font-weight: 100;color:#505050; text-decoration: underline;line-height:2}

/***doming desavanja*****/
.catid_16 .pages{display:flex;flex-wrap: wrap;justify-content:flex-start;}
.catid_16 #coll_middle .page-pID {position:relative;width:31%; margin :0 0 2% 2%; overflow:hidden;background:#f5f8fa; border-radius:4px;box-sizing: border-box;border: 1px solid #E1E8ED;}
.catid_16 #coll_middle .page-pID:hover img{transform: scale(1.04);}
.catid_16 #coll_middle .page-pID .img {width:100%;}
.catid_16 #coll_middle .page-pID .img a{width:100%;height:200px;overflow: hidden;background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(40,47,57,0) 36%);border-radius:6px 6px 0 0;}
.catid_16 #coll_middle .page-pID img{object-fit: cover;width:100%;height:100%;transition:all .3s ease-in-out;mix-blend-mode: multiply; }
.catid_16 #coll_middle .page-pID .info h2{line-height: 1.1; }
.catid_16 #coll_middle .page-pID .info h2 a{display:block;color:#128fd3;padding:0 15px 0 15px;font-weight:bold;font-size:18px;height:48px; }
.catid_16 #coll_middle .page-pID .info h2 a:hover{color:#00669d}
.catid_16 #coll_middle .page-pID .info {width:100%;font-size:16px;padding:14px 0 12px 0 ;box-sizing:border-box;}
.catid_16 #coll_middle .page-pID .info .antrafile {font-size:15px;color:#444;padding:0 15px;margin-top:8px;line-height: 1.7;word-wrap: break-word;}
.catid_16 #coll_middle  .page-pID .info .publish_date {position:absolute; top:168px;right:0;width:84px;color:#fff; padding:6px 12px;opacity:.9;text-shadow: 1px  1px 4px #000; }
/***end doming desavanja*****/

/*********doming zanimljivosti***********/
.catid_17 .pages{display:flex;flex-wrap: wrap;justify-content: flex-start;border-left:1px solid #ddd;}
.catid_17 #coll_middle .page-pID {position:relative;width:31%;min-height:360px;background: #f5f8fa;margin :0 0 2% 2%; overflow:hidden;border-radius:4px;box-sizing: border-box;border-bottom:none;}
.catid_17 #coll_middle .page-pID .img {width:100%;}
.catid_17 #coll_middle .page-pID .img a{width:100%;height:200px;overflow: hidden;border-radius:6px 6px 0 0;}
.catid_17 #coll_middle .page-pID img{object-fit: cover;width:100%;height:100%;transition:all .3s ease-in-out; }
.catid_17 #coll_middle .page-pID:hover img{transform: scale(1.04);}
.catid_17 #coll_middle .page-pID .info h2{line-height: 1.1; }
.catid_17 #coll_middle .page-pID .info h2 a{display:block;color:#128fd3;padding:0 14px 8px 14px;font-weight:bold;font-size:18px;height:52px; }
.catid_17 #coll_middle .page-pID .info h2 a:hover{color:#00669d}
.catid_17 #coll_middle .page-pID .info {width:100%;font-size:16px;padding:16px 0 0 0;box-sizing:border-box;}
.catid_17 #coll_middle .page-pID .info .antrafile {font-size:15px;color:#444;padding:0 14px;margin-top:8px;line-height: 1.7;word-wrap: break-word;}
.catid_17 #coll_middle  .page-pID .info .publish_date {position:absolute; top:168px;right:0;width:84px;color:#fff; padding:6px 12px;opacity:.9;text-shadow: 1px  1px 4px #000; }
/************end doming zanimljivosti*************/

/********novo u ponudi*********************/
.catid_26 .pages{display:flex;flex-wrap: wrap;justify-content: flex-start;  }
.catid_26 #coll_middle .page-pID {position:relative;width:calc(94% / 3);margin :0 0 2% 2%;background:#f5f8fa; overflow:hidden;border-radius:4px;box-sizing: border-box;border-bottom:none;   }
.catid_26 .catShortDesc{display: none;}
.catid_26 #coll_middle .page-pID:hover img{transform: scale(1.04);}
.catid_26 #coll_middle .page-pID .img {width:100%;}
.catid_26 #coll_middle .page-pID .img a{width:100%;height:300px;overflow: hidden;background-color:#f8fafb;}
.catid_26 #coll_middle .page-pID img{object-fit: cover;width:100%;height:100%;transition:all .2s ease-in-out;mix-blend-mode: multiply; }
.catid_26 #coll_middle .page-pID .info h2{line-height: 1.1;height:42px; }
.catid_26 #coll_middle .page-pID .info h2 a{display:block;color:#128fd3;padding-bottom:8px;font-weight:bold;font-size:18px;padding:0 14px; }
.catid_26 #coll_middle .page-pID .info h2 a:hover{color:#00669d}
.catid_26 #coll_middle .page-pID .info {width:100%;font-size:16px;padding:16px 0 0 0 ;box-sizing:border-box;}
.catid_26 #coll_middle .page-pID .info .antrafile {font-size:15px;color:#444;padding:0 14px 10px 14px;margin-top:8px;line-height: 1.7;word-wrap: break-word;}
.catid_26 #coll_middle  .page-pID .info .publish_date {position:absolute; top:168px;right:0;width:84px;color:#fff; padding:6px 12px;opacity:.9;text-shadow: 1px  1px 4px #000; }

.novosti .pageTitle{display:inline-block; position:absolute;top:-41px;font-size:24px;padding:6px 18px 6px 18px;color:#0087d0;  background:#fff;
    border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;border-radius:6px 6px 0 0}
/********end novo u ponudi*************/

/***********akcijska ponuda**********************/
.catid_27 .pages{display:flex;flex-wrap: wrap;justify-content: flex-start;border-left:1px solid #ddd;  }
.catid_27 #coll_middle .page-pID {position:relative;width:47%; padding:0;margin :0 0% 3% 3%; overflow:hidden;border-radius:4px;box-sizing: border-box;background:#f5f8fa;border:1px solid #E1E8ED;}
.catid_27 #coll_middle .page-pID:hover img{transform: scale(1.04);}
.catid_27 #coll_middle .page-pID .img {width:100%;}
.catid_27 #coll_middle .page-pID .img a{width:100%;height:200px;overflow: hidden;background-color:#f8fafb;}
.catid_27 #coll_middle .page-pID img{object-fit: cover;width:100%;height:100%;transition:all .2s ease-in-out;mix-blend-mode: multiply;object-fit:cover; }
.catid_27 #coll_middle .page-pID .info h2{line-height: 1.1; height:38px; }
.catid_27 #coll_middle .page-pID .info h2 a{display:block;color:#007BBD; padding-bottom:12px;font-weight:bold;font-size:18px; }
.catid_27 #coll_middle .page-pID .info h2 a:hover{color:#00669d}
.catid_27 #coll_middle .page-pID .info {width:100%;font-size:16px;padding:18px 14px 10px 14px;box-sizing:border-box;background:#f5f8fa;}
.catid_27 #coll_middle .page-pID .info .antrafile {font-size:15px;color:#444;padding-bottom:20px;margin-top:8px;line-height: 1.7;  word-wrap: break-word;}
#coll_middle .page-pID .info .moreinfo a span{color:#202124;font-weight:500;position:absolute;bottom:10px;right:38px;}
#coll_middle .page-pID .info .moreinfo a span:after{content:">";position:absolute;color:#202124;bottom:2px;left:35px;width:18px;height:18px;font-size:18px; background-repeat: no-repeat;background-size:100%;}
.catid_26 #coll_middle .page-pID .info .moreinfo a span:after{ bottom:6px; }
.catid_27 #coll_middle  .page-pID .info .publish_date {position:absolute; top:168px;right:0;width:84px;color:#fff; padding:6px 12px;opacity:.9;text-shadow: 1px  1px 4px #000; }
.catid_27 table { margin: 20px auto; border-collapse: collapse;width:980px;}
.catid_27 table img {object-fit: contain;}
.catid_27 table tr:first-child{
    background: #f5f8fa;
}
.catid_27 table td{border: 1px solid #DDE6E6; padding: 5px 6px; font-size:14px}
.catid_27 table td a{
    text-decoration: underline;
    color:#459
}
/*********** end akcijska ponuda**********************/

/***********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**********************/

/*********** serviseri**********************/
.catid_88 .oblast_strane #coll_middle td{padding-left: 12px; }

.catid_88 #coll_middle{padding-top: 20px;}
 
.catid_88 .serviseri{display:flex;flex-wrap: wrap;justify-content: flex-start; margin-top:82px; }
.catid_88 .garancijaiservis .serviseri{ margin-top:12px;}


.catid_88 #coll_middle .page-pID {box-sizing:border-box;position:relative;width:calc(97% / 4);margin :0 0.7% 0.7% 0 ;background:#f5f8fa; overflow:hidden;border-radius:8px;box-sizing: border-box;border-bottom:none; text-align:center;padding-top:10px;  }
.catid_88 #coll_middle .page-pID:hover {background: transparent }
.catid_88 .catShortDesc{position: absolute;top: 460px;margin-left: 10px;border-bottom:2px solid #dddd;padding-bottom:6px; max-width:1000px; min-width:990px }
 .catid_88 .pageBody p:first-of-type{ padding-left: 14px; border-bottom:1px solid #ddd;margin-top:20px; }
.catid_88 .pageBody { min-height:1310px}
 
.catid_88 #coll_middle .page-pID img{  box-sizing:border-box;width:auto;height:58px; padding:16px 0 4px 0 ;mix-blend-mode: multiply;}

.catid_88 #coll_middle .page-pID .img {  width:100%;height:78px;  }
.catid_88 #coll_middle .page-pID .img a{  display:inline-block; width:100%;height:88px;  }
.catid_88 #coll_middle .page-pID .info h2{line-height: 1.1;height:42px; padding-bottom:14px;}
.catid_88 #coll_middle .page-pID .info h2 a{display:block; font-weight: normal; color:#505050; font-size:14px;padding:4px 14px 14px 14px; }
.catid_88 #coll_middle .page-pID .info h2 a:hover{color:#00669d}
 .catid_88 .serviseri li:last-of-type{display: none;}
#ovlascenilista div {display:flex;width:100%;  justify-content:space-between; align-items:center;position:relative; object-fit:contain;padding:2px 0 14px 8px; margin:24px 0 2px 0; border-bottom:2px solid #dddd;}
#ovlascenilista  h4{    z-index:800;position:relative;width:400px  }
 
#ovlascenilista div:hover{background:#f7f7f7;border-bottom: 2px solid #f7f7f7;}
#ovlascenilista div:hover img{mix-blend-mode: multiply;} 
 
#ovlascenilista   img{ z-index:1000; height:34px!important;}




.catid_88 .pages {padding:20px 0 30px 0;}
.catid_88 .pages .page-pID {
    margin:0px 0 0 0;
    border-bottom:1px solid #ccc;
    padding:0px 0 14px 0;
    box-sizing:border-box;
    font-size:0;}

.metalacbojleriservis  {display: flex;flex-wrap: wrap;   justify-content: space-between;}
.metalacbojleriservis div{width:32%;margin-bottom:40px;}
.catid_88 #coll_middle .metalacbojleriservis  p {  line-height: 0.7 ;}
.catid_88 #coll_middle .metalacbojleriservis  div p:first-child {font-weight:bold; margin-left:-12px}



/*********** end serviseri**********************/

.KGH53 .embdgallery li{display: inline-block;width:31.2%;margin:1%;height:210px!important;overflow:hidden}
.KGH53 .embdgallery li a{display: inline-block; width:100%;height:210px!important;}
.KGH53 .embdgallery li img{object-fit: cover;}

.novosti .pages {padding:20px 0 30px 0;}
.novosti .pages .page-pID {
    margin:0px 0 0 0;
    border-bottom:1px solid #ccc;
    padding:0px 0 14px 0;
    box-sizing:border-box;
    font-size:0;}
.novosti .page-pID .img, .novosti .page-pID .info {display:inline-block;vertical-align: top;}
.novosti .page-pID .img {width:300px;}
.novosti .page-pID .info {
    width:500px;font-size:16px;
    padding:0 10px;
    box-sizing:border-box;
    /*! position:relative; */
}

.novosti .page-pID .img a {display:block;width:100%;height:100%;}
.novosti .page-pID .img a img {display:block;width:100%;height:auto;}
.novosti .page-pID .info h2{
    line-height:120%;
}
.novosti .page-pID .info h2 a{
    display:block;
    padding:0;
    font-weight:normal;
    font-size:30px;
}
.novosti .page-pID .info h2 a:hover{color:#00719D;}
.novosti .page-pID .info .publish_date {
    position:absolute;
    top:190px;right:0;
    color:#ccc;

}
.novosti .page-pID .info .antrafile {
    font-size:16px;
    margin-top:12px;
    line-height: 1.3;
}
.novosti.catid_26 #coll_middle h3{color:#0087d0;margin-top:10px;}
.novosti.catid_26 #coll_middle h4{
    font-weight: normal;
    font-size:22px
}
.catid_26 #coll_middle img{max-width:980px;height:auto;}
.novosti.catid_26 #coll_middle p{
    line-height:1.5;
    font-size:16px;
    width:98%;
}

.novosti.catid_26 .pageBody blockquote{position:relative;}
.novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(1){
    font-size:20px;
    color:#0087d0;
    padding:8px 0 0 0px;
     
}
.novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(3), .novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(4){
    position:absolute;
    top:80px;
    text-align:center;
    height:88px;
    width:230px;
    color:#fff;
    padding:20px 30px;
    box-sizing:border-box;
    font-weight: bold;
}
.novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(3){
    right:153px;

    background:#006cb7;
}

.novosti.catid_26 #coll_middle .pageBody blockquote p:nth-child(4){
    right:100px;top:137px;
    background:#87b5d7;
}
.catid_26 #coll_middle p iframe{width:100%;height:450px; }

.novosti.catid_26 #coll_middle p a {
    font-weight:bold;
    color:#0087d1;
    padding:6px 20px;
    text-align:center;
}
.novosti.catid_26 #coll_middle p{margin-top:8px;}
.novosti.catid_26 #coll_middle p a:hover{text-decoration: underline;}
 
.novosti.catid_26 #coll_middle{margin-bottom:32px;}
.novosti.catid_26 #coll_middle ul{margin: 10px 0; max-width:980px;}
.novosti.catid_26 #coll_middle ul li{
   
    list-style:none;
    font-size:16px;
    line-height:1.5;
   
}
/*********oli *****/

.OLInovo .oli p{padding:0 18px;box-sizing:border-box; }
.OLInovo .oli .olismall{max-width:980px;background: #000;padding:20px 0 30px 0;margin:38px 0;border-radius:12px;}
.OLInovo .oli .olismall p{color:#fff;opacity:0.8;}
.OLInovo .oli .olismall strong{color:#fff;opacity:0.8;}
.OLInovo #listaProizvoda{max-width: 980px;}

/*********oli end *****/
/*********ecoheat toplotna pumpa *****/
.catid_26 .ecoheatKompnente{display:flex;justify-content: space-around;margin:40px 0; }

.catid_26 .ecoheatKompnente div{border:1px solid #ddd;overflow: hidden;width:24%;box-sizing: border-box;border-radius:8px;padding:8px 8px 20px  12px;text-align:center;}
.catid_26 #coll_middle .ecoheatKompnente img{max-width:160px;}
.catid_26 #coll_middle .ecoheatKompnente p{font-size: 14px;border-top:1px solid #ddd;text-align:left;padding-top:10px;}
/*********end ecoheat toplotna pumpa *****/
.novosti.catid_26 #coll_middle table{
    border-collapse:collapse;
    background: #f5f8fa;
    margin: 20px 0;
    width:100%
}
.novosti.catid_26 #coll_middle table td{
    padding:10px; font-size:14px;
}
.novosti.catid_26 .prodMoreDescription td{font-size:12px;}
.novosti.catid_16 .pageBody a{
    color:#469;
    text-decoration: underline
}

.solarni-paneli-zanimljivosti p{max-width:900px;padding-bottom:6px;line-height:1.5;}
.solarni-paneli-zanimljivosti img{padding:22px 0;}
.solarni-paneli-zanimljivosti .slikeNovosti:last-child img:last-child{margin-left:22px;height:255px;box-sizing:border-box;}
.alpeximage img{max-width:900px;height:auto;}
.alpexUputstvo{display: flex;flex-wrap: wrap;border:1px solid #ddd;padding:20px 10px 40px 10px;margin-top:14px }
.alpexUputstvo h5{height:34px;margin-top:34px;font-size:16px;padding-bottom:24px;}
.alpexUputstvo div{width:32%;text-align: center}
.novosti.catid_26 #coll_middle .bellisimo ul,.novosti.catid_26 #coll_middle .artu {max-width: 800px;box-sizing: border-box;margin:10px 0 40px 0;}
.novosti.catid_26 #coll_middle .bellisimo ul li, .novosti.catid_26 #coll_middle .artu li{color:#505050;font-size:17px;line-height: 1.5}
.novosti.catid_26 #coll_middle .bellisimo p:nth-last-child(2),.novosti.catid_26 #coll_middle .bellisimo p:nth-last-child(3){font-size: 14px;}
.novosti.catid_26 #coll_middle .bellisimo p:last-of-type{margin:40px 0 60px 0;;}
.novosti.catid_26 #coll_middle .bellisimo span{float: right; }
/*********kupatilSnizenje********/
#coll_middle .snizenjeKupatila { width:980px;}
#coll_middle .snizenjeKupatila .baner img{object-fit: contain;width:980px;}
#coll_middle .snizenjeKupatila>p{padding:10px;line-height:1.5;}
#coll_middle .snizenjeKupatila>p a{color:#0087d0;}
#coll_middle .snizenjeKupatila  .prodMoreDescription th{font-size:12px;background:#f5f8fa;padding:4px;}
#coll_middle .snizenjeKupatila  .prodMoreDescription tr:first-of-type td{background:#f5f8fa;}
#coll_middle .snizenjeKupatila  .prodMoreDescription tr:first-of-type td:last-of-type{background:black;}
#coll_middle .snizenjeKupatila  .prodMoreDescription td{padding:18px 12px;}
#coll_middle .snizenjeKupatila  .prodMoreDescription td:nth-of-type(1){font-weight:bold;}
#coll_middle .snizenjeKupatila  .prodMoreDescription td:nth-of-type(2){text-align: left}
#coll_middle .snizenjeKupatila  .prodMoreDescription td:nth-of-type(4){font-weight:bold;}
#coll_middle .snizenjeKupatila  .prodMoreDescription td:nth-of-type(6){font-weight:bold;background:#000;color:#FFD600;border:1px solid black;}
/****KOMPLETNA-RESENJA-ZA VASU UDOBNOST*****/
#coll_middle .resenja h3{padding:26px 0px 6px 0px;}
#coll_middle .resenja li{list-style-type:none;}
#coll_middle .resenja li a:hover{color:#00719D;}
#coll_middle  .resenja {padding-bottom:74px}

/*******clivetclima********/
      .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;
        }


/*ZAPOSLENJE*/

.catid_14 .pageBody{
    padding:0 0 40px 0;
}

.catid_14 .pageBody ul{
    margin-left:24px;
    width:60%;
    padding:10px;
}


.catid_16 #coll_middle, .catid_17 #coll_middle{
    box-sizing: border-box;
    text-justify: inter-word;

}

.nacionalna_kampanja img{width:500px;float:left;margin-right:30px;}
.catid_16  .pageBody p, .catid_17  .pageBody p{line-height: 1.7em;font-size:17px; }
.catid_16 .info h2{text-align: left;}

.catid_27 #coll_middle h3{padding:0 0 42px 32px;}
.catid_16 p, .cat_17 p{max-width:950px;  }
.catid_16 p img, .catid_17 p img{padding:8px 6px}
.catid_27 #pageBody p img{margin:10px 0 22px 0;object-fit: contain;max-width:98%!important;height:auto!important;}
.novosti .box{border:1px solid #ccc;
    margin:12px 0 22px 0;
    padding:12px;
    max-width:860px;
}

.promocija_pumpe img{max-width:1000px;height:auto;}
.catid_27 .poruci {margin:32px 0; }
.catid_27 .poruci b{padding:12px 18px;color:#fff;background:#008bcc;margin:8px 0;border-radius:20px;transition: all .3s ease-in-out;}
.catid_27 .poruci b:hover{background:#006cb7;}
.box p:first-child{margin: 2px 0 12px 0 ;}
.box img{padding-top:12px;}
.catid_50 #coll_middle{min-height: 340px;}




#simanovciRezim h4{padding-bottom:20px;}
#simanovciRezim p{padding-bottom:20px;}
/***solarAkcija******/
#coll_middle .solarAkcija{max-width:980px; }
#coll_middle .solarAkcija h2{font-size:38px;padding-top:40px;}
#coll_middle .solarAkcija h3{font-size:26px;padding:0 0 18px 0;}
#coll_middle .solarAkcija h4{padding-top:28px;}
#coll_middle .solarAkcija p{padding-bottom:10px;line-height:1.4;}
#coll_middle .solarAkcija ul{padding:10px 0 0 12px;line-height:1.4;}
#akcijaSOLAR{font-size: 14px;}
.catid_27 .solarAkcija table tr:first-child {background: #f5f8fa;}
.solarAkcija #listaProizvoda{margin-top:50px;}
#coll_middle .solarAkcija #listaProizvoda h3:after{content:"";position:absolute;top:219px;right:0;width:60px;height:40px;background-image:url(../../cms_upload/pages/files/390_akcija15.svg);background-repeat: no-repeat;background-size:100%;}
/****geff********/
.geff .pageBody p{margin:14px 10px 14px 0;}
.geff .pageBody>p img{object-fit: contain;max-width:980px;border-radius: 8px;padding: 0;}
.geff .pageBody>p:first-of-type{margin-top: 0;}
.geff .pageBody a{color:#0087d0;font-weight:bold;}
.geff .pageBody a:hover{text-decoration: underline;}
.geff .pageBody span{color:#6d9f28;font-weight: bold;}
.geff .pageBody ul{margin :0 0 50px 0;}
.geff .pageBody li{list-style-type: none;padding:4px 0}
.geff .kreditKorak{display: flex;flex-wrap:wrap;width:100%;justify-content:center;border:1px solid #ddd;background:#f8fafb;box-sizing:border-box;margin:20px 0 40px 0;border-radius:8px;}
.geff table{border-collapse: collapse;border:none;width:100%;margin:20px 0 50px 0;border-radius: 8px;overflow: hidden}
.geff tr:nth-of-type(even){background:#f8fafb;}
.geff tr:nth-of-type(odd){background:#e7ecf0;}
.geff tr td:last-of-type{text-align: center;}
.geff .lizing tr td:last-of-type{text-align: left;}
.geff td{border:none;padding:10px 20px;}
.geff .lizing td{border:1px solid #ccc}
.kreditKoraci h2{color:#0087d0;margin-top:74px;}
.geff .kreditKoraci>p{margin-top:2px;font-weight:bold;}
.geff .kreditKorak div{width:44%;box-sizing:border-box;padding:12px;}
.geff .kreditKorak:first-of-type div:first-of-type{width:100%;}
.geff .kreditImage img{object-fit: contain;width:80%;mix-blend-mode: multiply;}
.geff.pravna h3{margin:18px 0;}
.geff.pravna img{border-radius:18px;}
.geff.pravna li{margin-left:13px; padding-bottom:10px;}
.geff.pravna  .liextra{list-style-type: none; padding-left:20px;}
.geff.pravna a{color:#17a096;}
.geff .lizing tr td p{font-size: 14px}
/**svetski dan*******/
.svetskiDan  #pageBody{padding-right:20px;box-sizing: border-box}
.svetskiDan ol{margin-top:10px;}
.svetskiDan li{margin-left:14px;}
/****narucivanje uputstvo********/
.novosti .uputstvoKorpa #pageBody>p img{padding: 0;border-radius: 8px;}
.novosti .uputstvoKorpa .box{position: relative;border:1px solid #ddd;padding:20px;border-radius:0 8px 8px 8px;background:#f5f8fa;margin-top:80px;}
 .novosti .uputstvoKorpa .box>p:first-of-type{position: absolute;top:-42px;left:-.5px;padding:4px 22px 0 20px;color:#0087d0;background:#f5f8fa;font-size: 24px;font-weight: bold;margin-bottom: 0;
border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;border-radius: 8px 8px 0 0; }
.novosti .uputstvoKorpa .box img {display: block;margin: 20px auto;border-radius:8px;padding: 0;}


/* </ ELEMENTI STRANICA > */
.catid_24 .oblast_sadrzaja #coll_middle li a{color:#006cb7}
.catid_24 .oblast_sadrzaja a:hover{opacity: 0.7;}

/* < ELEMENTI KATALOGA > */
.katalog_prikaz>.naslov_kategorije{text-align: center;font-size: 28px;color:#007BBD;margin-top:32px ;}
.katalog_prikaz> .kratak_opis_kategorije{font-size: 16px;color:#849191;line-height:1.5;padding:6px 14px 0 14px;}
#category-3 .katalog_prikaz .kategorije, .catalogID_920 .kategorije{
    width:64%;
    margin:auto;
    padding-top:10px;
}
#category-3 .katalog_prikaz .kategorije .catName,
.catalogID_920 .kategorije .cat_item .catName{
    color:#fff;
    margin: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
.catalogID_3 .kategorije .cat_item, .catalogID_920 .kategorije .cat_item{
    display: inline-block;
    background: #0087d0;
    width:220px; min-height:220px;
    padding-bottom:0;
    margin:2px 0;
    border-radius:0;
}
 #category-3  #TrackNavItem1{display:none;}

.catalogID_3 .kategorije .cat_item:first-of-type{border-radius: 6px 0 0 0}
.catalogID_3 .kategorije .cat_item:nth-of-type(3){border-radius:0 6px 0 0;}
.catalogID_3 .kategorije .cat_item:nth-of-type(7){border-radius:0 0 0 6px;}
.catalogID_3 .kategorije .cat_item:last-of-type{border-radius: 0 0 6px 0}

.catalogID_920 .kategorije .cat_item{
    background:#888
}
.catalogID_3 .kategorije .cat_item:nth-child(8){
    background: #5a4;
}
.catalogID_3 .kategorije .cat_item:nth-child(9){
    background: #888;
}
.catalogID_3 .kategorije .cat_item a,
.catalogID_920 .kategorije .cat_item a{
    color:#eee;
    _padding:20px ;
    margin:auto;
    text-align: center;
}
.catalogID_3 .kategorije .cat_item a img,
.catalogID_920 .kategorije .cat_item a img{
    width:68%;
    display: block;margin: auto;
}
.flyOutMenu{
    width:auto;
    position: absolute;
    right:16px; top:80px;
    z-index: 10;
    
}
.flyOutMenu a {display:block;cursor: pointer;
    _padding:10px 80px 10px 20px;
}
.flyOutMenu span {
    display: block;
    text-align: center;
    line-height:16px;
    padding:3px 6px;
}
#cart_indication a{
    position: relative;
}
#cart_indication span{
    display: inline-block;
    color:#0087d0;
    font-size:32px;
}
.change #cart_indication .icons{color:#fff;z-index: 8940;top:10px;position: fixed;right:9px;}
.change #cart_indication a .countItems{color:#fff;z-index: 8950;top:2px;position:fixed;left:calc(100% - 28px);  }
#cart_indication a .countItems{
    position: absolute;
    top:-6px;left:28px;
    z-index: 10000;
    background: red;
    color:#fff;
    font-size:12px;
    border-radius:30px;
    padding: 4px;
    width:22px;
    height: 22px;
    box-sizing: border-box;
}
.flyOutMenu:hover{_background: #147;}
.katalog_cnt{}
.katalog_prikaz{
    width:100%;
    
    padding:10px 0 30px 0;
    box-sizing: border-box;
}
.katalog_prikaz .kategorije>ul{display:block;margin:20px auto 0 auto;text-align:center;background:#f5f8fa;border-radius:8px;padding:10px 0 30px 0;}
.katalog_prikaz #listaProizvoda{display: flex!important;flex-wrap:wrap;padding:20px 0;justify-content: center;max-width:1200px;box-sizing: border-box;margin: 20px auto 0 auto;background-color:#f8fafb;border-radius:8px; }
.proizvodi li{position:relative;background:#fff;width:218px;height:422px;padding-top:40px;box-sizing:border-box;border: 1px solid #e0e0e0;border-radius:6px;margin:0 8px 16px 8px; overflow: hidden;}
.proizvodi>li>.productPrice{position: absolute;bottom:60px;left:0;font-size:20px; color:#4f687c; text-align:center;width:100%;}
/*********popust proizvod*********/
.proizvodi>li>.productPrice:after{content:"popusti na kasi";position:absolute;width:120px;height:27px; left:74px;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:16px;height:16px;left:56px;bottom: -56px;font-size:12px;font-weight: bold;color:#fff;background:#8DC63F; font-family: roboto;text-align: center;border-radius:18px ;padding: 1px 0 0 0;z-index: 10;}
#listaProizvoda .catalogueItemText h3:after{content:"Više o proizvodu";position:absolute;width:150px;height:24px;background:#0087d0;left:calc(50% - 75px);font-size:13px;letter-spacing:0.8px;color:#fff;bottom:26px; font-family: roboto;text-align: center;vertical-align: middle; padding:6px 0 0 6px;border-radius: 10px  ; }
#listaProizvoda .catalogueItemText h3:hover:after{background:#0069A1;}
.articleTable tr:nth-of-type(2) .poruciArtikal  span{position: relative;}
.articleTable tr:nth-of-type(2) .poruciArtikal  span:before{content:"popusti na kasi %";position:absolute;box-sizing: border-box;width:108px;height:24px;right:4px;bottom: 90px;font-size:12px;font-weight: normal;pointer-events: none;color:#fff;background:#8DC63F; font-family: roboto;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:750px;height:27px; right:-12px;font-size:14px;color:black;pointer-events: none;bottom:78px;line-height:0.9;font-family: roboto;text-align: left; z-index: 10; }
.articleTable tr:last-of-type .poruciArtikal:after, .articleTable tr:last-of-type .addToCart:after{content:"artikli sa znakom @ naručuju se na zahtev, artikli sa znakom ^ su na rasprodaji - proveriti dostupnost ";position:absolute;width:820px;height:27px; left:28px;font-size:14px;color:black;pointer-events: none;bottom:-43px;line-height:0.9;font-family: roboto;text-align: left; z-index: 10; }
 

/*********end popust proizvod*********/
.katalog_navigacija{
    display: none;
    background:#579;
    width:360px;
    float: left;
    padding: 0 0 0 50px;
    box-sizing: border-box;
    position: fixed;
    top:150px;
    right:-310px;
    transition: .5s all;
}

.katalog_navigacija:before{
    content:"KATALOG";
    position: absolute;
    top:200px;left:-20px;
    transform: rotate(90deg);
    color:#eee;
    font-size: 20px;
    border-top:1px solid #ccc;
    cursor: pointer;
}
.katalog_navigacija:hover{right: 0;}
.catalogueThumbLink{height:216px;width:218px;box-sizing:border-box;overflow: hidden; }
#listaProizvoda .catalogueThumbLink .catalogueThumbImage{width:190px;height:190px;object-fit:contain;transition: all .2s ease-in-out;margin:0px auto 0 auto;display:block;padding-bottom:4px  }
#listaProizvoda .catalogueItemText p{font-size:12px;display:inline-block;position: absolute;top:0;left:-1px;width:86%;box-sizing:border-box;color:#4f687c; background-color:#e7ecf0;  padding:4px 16px 4px 12px; border-radius:0 0 6px 0  ;text-transform: none;  }
#listaProizvoda .catalogueItemText h3{font-size:15px;color: #007BBD;text-align: center;padding:8px 0 4px 0;border-top:2px solid  #DDE6E6;margin: 2px 2px 0 2px;text-transform: none;line-height: 17px;}
#listaProizvoda li:hover{border-bottom: none;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);}
.catalogueItemText{font-size:14px;color:#6d7777;text-align: center;text-transform:lowercase; padding:0  8px}
/************pretraga proizvoda************/
#category-1 .katalog_prikaz>h1{font-size:16px;font-weight:normal;color:#5f7d95;padding:6px 18px 0 22px;margin-top:20px;border-radius:8px 8px 0 0;background: #f8fafb;display:inline-block;}
#category-1 .katalog_prikaz>table{border-collapse: separate!important;border-spacing: 0 10px;background: #f8fafb;padding:  20px;}
#category-1 .katalog_prikaz>table td{background:#fff;border-top:1px solid #ddd!important;}
#category-1 .katalog_prikaz>table td:first-child{width: 180px!important;height:120px;vertical-align: middle;box-sizing:border-box;padding-left:60px!important;border-left:1px solid #ddd;
border-bottom:1px solid #ddd;border-radius:12px 0 0 12px;}
#category-1 .katalog_prikaz>table td:first-child a{display:inline-block;width:100px;height:100px;vertical-align: middle;margin-top:8px; }
#category-1 .katalog_prikaz>table td:first-child img{object-fit: contain;width:100px;height:100px;  }
#category-1 .katalog_prikaz>table td:nth-child(2)  {position:relative;font-size: 18px;vertical-align:  middle!important; padding:2% 2% 2% 4%!important;text-transform: lowercase;border-bottom:1px solid #ddd; }
#category-1 .katalog_prikaz>table td:nth-child(2) b{font-size:18px;text-transform:initial;} 
#category-1 .katalog_prikaz>table td:nth-child(2) a{color:#849191;}
#category-1 .katalog_prikaz>table td:nth-child(3){font-size: 14px!important;text-align:center;line-height: 1.5;color:#849191;border-right:1px solid #ddd;
border-bottom:1px solid #ddd;border-radius:0 12px 12px 0;padding:10px 0 0 0;position:relative;}
#category-1 .katalog_prikaz>table tr:first-of-type td:nth-child(2):before{content:"naziv";font-size:14px;color:#5f7d95;position:absolute;top:-20px;left:44px;}
#category-1 .katalog_prikaz>table tr:first-of-type td:nth-child(3):before{content:"Šifra";color:#5f7d95;position:absolute;top:-20px;left:54px;}
/************pretraga proizvoda end************/

/**********preporuceni proizvodi********/
.relatedProductOnCategory>h3{font-size:24px;color:#0087d0;background:#f5f8fa;margin-top:30px;display: inline-block;padding:6px 20px 0 20px;border-radius:8px 8px 0 0;}
.relatedProductOnCategory #listaProizvoda{margin-top:0;border-radius:0 8px 8px 8px;background-color: #f5f8fa }
.relatedProductOnCategory .proizvodi li{width: 218px!important; margin:0 8px 16px 8px!important;}
/* Track Nav i PopUp */
.katalog .CatTrackNav {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding-top:24px;background:#E7ECF0; }
.katalog .CatTrackNav ul{z-index: 3200;}
.CatTrackNav ul li{list-style-type: none;}
.CatTrackNav ul > li{
    display:inline-block;
    position: relative;
    box-sizing:border-box;
    margin-bottom:-1px;
}
.CatTrackNav li a{
    padding:8px 12px 6px 12px;
    display: block;
    color:#4f687c;
    text-transform:lowercase  ;

}
.CatTrackNav ul > li > a{
    text-decoration: none;
    box-sizing:border-box;
}
.CatTrackNav ul > li > a:hover{color:#0087d0; }
#category-3 .CatTrackNav>ul > li:last-of-type{margin-left:27%;}
.CatTrackNav>ul > li:last-of-type > a{color:#007bbd; font-weight:bold;letter-spacing:.4px;font-size:18px;background:#fff;border-top:2px solid #ddd;border-left:2px solid #ddd;border-right:2px solid #ddd;border-radius:4px 4px 0 0;}
.CatTrackNav ul > li > ul{
    display:none;
    position: absolute;
    top: 31px;left:-8px;
    background:#fff;

    width: 300px;
    z-index: 1200;
    box-sizing:border-box;
    border-radius:6px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
.CatTrackNav ul > li > ul li{
    display:block;

}
.CatTrackNav ul > li > ul li a{ display:block;color:#849191;font-size:16px;text-transform: lowercase;   padding: 10px 6px 10px 20px;transition:all .2s;}
.CatTrackNav ul > li > ul li:last-child{border: none}
.CatTrackNav ul > li > ul li a:hover{background:#f2f5f7;}
.catalogID_3 .katalog_baner{display: none;}
.katalog_baner{
    background:#fff;
    width: 100%;
    height: 260px;
    margin:0 auto;
}

/* PRETRAZIVAC */
.pretrazivac .grupaPolja_1 LABEL{display:block;margin-left:10px;}
.dugmici{padding:4px;   }

/* STRELICE ZA SLEDECI I PRETHODNI PROD */
.nextProd, .prevProd{
    position:absolute;
    bottom:-55px;
    display:block;
    border:0px;
    width:100px;
    height:20px;
    font-family:Verdana, Geneva, sans-serif;
    font-size:10px;
    text-decoration:none;
    color:#999;
    padding-top:8px;
}
.prevProd{
    left:-10px;
    padding-left:24px;
    background:url(images/item_prev.gif) no-repeat 0% 50%;
}
.nextProd{
    right:0px;
    padding-right:24px;
    text-align:right;
    background:url(images/item_next.gif) no-repeat 100% 50%;
}
.cat_item {
    text-align: left;
    display: inline-block;
    background:#fff;
    width:20%; min-height:300px;
    list-style:none;
    margin:8px 6px;
    padding:10px 0 15px 0;
    vertical-align: top;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2),0px 0px 1px 0px rgba(0,0,0,0.2);
}


.catalogID_3 .cat_item:hover{ background:#00669d;;border:none;box-shadow:none;}
.catalogID_3 .katalog_prikaz .kategorije >ul{padding: 10px 30px 40px 30px;margin-top:0;}
.catalogID_3 .kategorije .cat_item:nth-child(8):hover{background:#348927;border:none;}
.catalogID_920 .kategorije .cat_item:hover,.catalogID_3 .kategorije .cat_item:nth-child(9):hover{background:#636363;border:none;}

.cat_item > a{
    line-height: 19px;
    display: block;
    padding:8px 6px 12px 8px;


}
.oblast_kataloga .kategorije .catName{color:#4f687c;letter-spacing:.3px ;text-transform: lowercase ;font-size: 16px;margin:auto;text-align: center;}

.cat_item > a span{color:inherit;   font-size: inherit;}

.visible{ height:18px;overflow: hidden;
    position:absolute;
    top:90%;
    left:0;
    width:96%;
    margin-left:2%;
    background:#f2f5f7;
    z-index: 20;
    box-sizing:border-box;
    padding:24px 0 0 0;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    border-radius: 0 0 4px 4px;
}
.visible:before{content: "\f139";
    font-family: icons;
    font-size: 16px;
    position: absolute;
    top:3px;
    left: 6px;
    color:#0087d0;
    z-index: 200; transform: rotate(180deg);

}
.cat_item:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.22), 0 2px 5px 0 rgba(0,0,0,0.08);}
.cat_item:hover .visible:before{transform: rotate(0deg);}
.cat_item:hover .visible{
    height:auto;
    padding:40px 0 30px 0;
    box-shadow: 0 3px 4px rgba(0,0,0,0.25);z-index:700;


}
.cat_item:hover .subcatsInCat li a{padding:6px 2px 6px 12px;}
.oblast_kataloga .kategorije .subcatsInCat li a:hover{background:#E7ECF0;}
.cat_item .catImage{

    width:94%; height:200px;
    padding: 0 0 10px 0!important;
    margin:0 auto 6px  auto!important;
    text-align:center;
    box-sizing: border-box;
    background:#fff;
    overflow: hidden;
    border-bottom: 2px solid #DDE6E6;
}
.cat_item .catImage img{
    width:100%;
    height: 190px;
    box-sizing: border-box;
    object-fit: contain;
    mix-blend-mode: multiply;
    transition:all .2s ease-in-out;
}

.oblast_kataloga .kategorije .subcatsInCat li{display: block; }
.oblast_kataloga .kategorije .subcatsInCat li a{
    display: block;
    padding:6px 4px 6px 12px;
    color: #5f7d95;
    letter-spacing:.4px;
    font-size:14px;
    text-transform: lowercase;
    transition: all .1s ease-in-out;
}

.proizvod{position:relative;padding-top:20px;
}
.prodTableLeft{
    display: inline-block;
    width:380px;
    vertical-align: top;
    margin: 0 0 30px 0;
    min-height: 300px;
}

.prodTableLeft .prodSlika{border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;min-height:300px;}
.prodTableLeft a{display: block;padding: 14px;}
.prodTableLeft a img{display: block;width:100%;object-fit: contain;max-height:460px;max-width:460px;}
.proizvodjac{
    width:120px;height:auto;
    text-align: right;
    padding:0 14px;
    position: absolute;
    top:10px;left:10px;
    background: #fff;
    z-index: 2000;

}
.proizvodjac img{display: block;width:100%;height:auto;max-height:100px;object-fit: contain;}
.proizvodjac #producerCountryFlag{
    width:60px;
    transform: rotate(-20deg);
    position: absolute;
    top:20px;right:-30px;
    opacity:.8;
    z-index: 900 ;
}
.proizvodjac #producerCountryName{display: none}
.prodInfo {
    display: inline-block;
    max-width:600px;
    padding:0 16px;
    box-sizing: border-box;
}
.prodTableRight{padding :12px 0 20px 22px}
.prodTableRight h2{color:#849191; font-weight:normal;}
.prodDescription{padding-top:22px; }
.prodDescription p{font-size:16px;line-height: 1.5 ;padding-bottom: 4px;}
.prodDescription ul{margin:10px 0 0 28px;}
.proizvod .tabelaArtikala{border:1px solid #ddd;border-radius: 8px;margin:22px auto 77px auto;/*! overflow: hidden; */ }
.articleTable{position:relative!important;width:100%;background:none; border-collapse: collapse;  ;border-radius: 8px;/*! overflow: hidden; */}
.proizvod .articleTable tr>th:first-of-type, .proizvod .articleTable tr>td:first-of-type{padding-left:10px}
.articleTable tr:hover td {background:#def; }
.articleTable th{font-size:14px;font-weight: normal; background:#f2f5f7; color:#5f7d95; }
.articleTable  .coll_price {text-align: right}
.articleTable td{font-size:14px;font-weight: normal}
.articleTable td, .articleTable th{border-bottom:1px solid rgba(0,0,0,.12);;min-width:20px;padding:12px 6px; text-align:left; }
.articleTable .addItemIconBox{display:block;font-family: icons;height:20px;border:1px solid #fff;height:30px;position:relative}
.articleTable .addItemIconBox:after {content:"\f291";font-family:icons;position:absolute;top:4px;left:0;right:0;font-size:18px;}
.articleTable .kolonaCena {width:100px; text-align: right;font-weight:bold;}
.articleTable .CodeNum{font-weight: bold;}
.articleTable .CodeNum.CodeEan{font-weight:normal;}
.articleTable .item_qty{border:1px solid #ace; display: block;text-align: center; padding: 4px; width:50px; background:#f3f9ff}
.articleTable .item_qty:focus{background:#ffffee}
.articleTable .json_prop_val {
    width:0!important;position: relative;
    padding:0;margin:0;
}
.articleTable tr{position: relative;}
.articleTable tr.rabat-6 td {color:#666;}
.articleTable .json_prop_val ul {
    height:38px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}
.articleTable .json_prop_val li {   text-align: center; list-style:none;}
.articleTable .json_prop_val ul .EKO{width:36px;}
.articleTable .json_prop_val ul .PREPORUCENO{width:30px;}
.articleTable .json_prop_val ul .NOVO{width:35px;}
.articleTable .json_prop_val img{display: block;width:90%;}
.cat_item img:before{display: none;}
.articleTable .coll_pricepdv{text-align: right}
.articleTable .coll_rabat,.articleTable .coll_add{text-align: center}
.articleTable .kolonaRabat {}
.articleTable .poruciArtikal .icons{
    font-size:22px;
    cursor:pointer;
    color:#fff;
    background:#8dc63f;
    padding:6px 38px;
    border-radius:2px;
}

.articleTable .poruciArtikal .icons:hover{background:#4D9A0F; }
.dokumentacija{padding: 10px 0 ;}
.dokumentacija p {margin-bottom: 30px}
.dokumentacija ul{display:inline-block;background-color:#f8fafb;padding:14px 10px;border-radius:6px;box-sizing: border-box;width:100%;}
.dokumentacija ul li a{text-decoration: underline;}
.docVrsta1, .docVrsta2, .docVrsta3{
    margin: 10px 30px 0 0px;
    display:block;
    position:relative;
}
.dokumentacija .docVrsta2 a ,.dokumentacija .docVrsta1 a,.dokumentacija .docVrsta3 a{
    display: block;
    padding:20px 40px 20px 60px;

    max-width:700px;
    text-decoration: none;
    color:#007bbd;
    font-weight:bold;
    font-size:16px
}
.dokumentacija .docVrsta2 a:hover, .dokumentacija .docVrsta1 a:hover, .dokumentacija .docVrsta3 a:hover{ color:#505050;}
.docVrsta1:before,.docVrsta2:before,.docVrsta3:before{
    content:"\f1c1";
    position: absolute;
    top:6px;left:10px;
    font-family:icons;
    font-size:40px;
    color:#007bbd;
    pointer-events: none;



}

.duziOpis{padding:10px 0 10px 0;}
.tehnickaTabela{
    margin-top:30px;
    text-align: left;
    border:1px solid #ccc;
    border-collapse: collapse;
}
.tehnickaTabela th{background:#cdf}
.tehnickaTabela th, .tehnickaTabela td{
    border: 1px solid #ddd;
    padding: 12px 6px;
    box-sizing: border-box;
}
.prodMoreDescription{padding: 20px 0;}
.prodMoreDescription h2{margin-top:42px}
.prodMoreDescription ul, .prodMoreDescription ol{margin: 1em 1em;}
.prodMoreDescription p{font-size:16px;padding: 10px 0;line-height: 1.5;}
.prodMoreDescription table p{font-size:14px;padding:   0;  }
 .prodMoreDescription li{font-size:16px;line-height: 2;}
.prodMoreDescription div{font-size:16px;line-height: 1.5;}
.prodMoreDescription p a img{display: block;width:100%;}
.prodMoreDescription h4{padding:30px 0 0 0;}
.prodMoreDescription table, .prodMoreDescription2 table, .prodMoreDescription table3 {
    width:100%!important;
    margin:14px 0 30px 0;
    border-collapse:collapse;
    border: 2px solid #ddd;
   
}
.prodMoreDescription p a{color:#006cb7;font-weight:bold;}
.prodMoreDescription p a:hover{color:#505050;}
.prodMoreDescription table tr, .prodMoreDescription3 table tr{
    border: 1px solid #ddd;
    background:#fcfcfe;

}
  
.prodMoreDescription table tr td, .prodMoreDescription table tr th, .prodMoreDescription3 table  tr td{
    padding:8px;
    font-size:14px;
    /* width:100%!important; */
}
.prodMoreDescription table tr td, .prodMoreDescription3 table tr td{border-right:1px solid #ddd;}
.symb{
    display: block;
    border: none;
    width:20px;height:20px;
    padding:1px;
    border-radius:50%;
    font-size:16px;
    font-weight:bold;
    text-align: center;
    line-height: 1.1rem;
    color:#1a1a1a;
    background: #e1e7ea;
    margin:auto;
}
.proizvod .dokumentacija{position: relative;}
.relatedProdsCnt h4, .prodDocsList h3{
    display: inline-block;
    position: absolute;
    top:-50px;
    left: 0;
    margin:20px 0;
    padding:8px 26px 8px 16px;
    border-radius:0 12px 0 0;
    font-weight:normal;
    font-size:24px;
    color:#5f7d95;
    background-color:#f8fafb;

}
.relatedProdsCnt{position: relative;margin-top:60px;}
.relatedProdsCnt>ul{background-color:#f2f5f7;padding:40px 0 24px 0;margin:0 auto!important;;border-radius:6px;}
.relatedProdsCnt .naslov_kategorije{display: none;}
/******privremeni_stil********/
.relatedProdsCnt .naslov_kategorije{
    position: absolute;
    top:-54px;
    left:20px;
    font-size:14px;
    color:#5f7d95;
    }
/******end_privremeni_stil********/

/* NARUCIVANJE ARTIKLA - CASE 1 */
.orderBox{
    display:none;
    position:fixed;
    top:0;left:0;right:0;
    z-index: 2800;
    width:100%;
    height:100%;
    margin:0 auto;
    background:rgba(0,0,0, .7);
    overflow-y:auto;
    padding:20px;
    box-sizing: border-box;

}
.orderBox .tableWrapper{background:#fff;width:500px;margin:200px auto 0 auto;overflow: hidden;}
.orderBox .orderMe{background:#fff;width:500px;margin:0 auto 0 auto;padding:20px 0;border-radius:0 0 4px 4px; }
.orderBox .tableWrapper table:first-of-type td{border:none;}

.orderBox .back_up {
     display:block;
    padding:5px 12px;
    text-align:center;
    color:rgba(255,255,255, .8);
    background:rgba(0,0,0, .36);
    position:absolute;
    top:180px;left:calc(50% + 214px);
    cursor: pointer;
    font-size:20px;
    box-sizing: border-box;
    border-radius:4px;
}
.orderMe .back_down {
    position: absolute;
    top:180px;left:calc(50% - 250px);
    display:block;
    font-size:20px;
    padding:5px 12px;
    text-align:center;
    background:rgba(0,0,0, .36);
    color:rgba(255,255,255, .8);
    cursor: pointer;
    box-sizing: border-box;

    border-radius:4px;
    width:auto;
}

.orderBox .odustani{
    position: absolute;
    left: calc(50% +  32px);
    font-size: 14px;
    background: #444;
   
    
}

.artOrder_table {border-collapse: collapse;
    margin:0 0 1px 0;
    width:100%;

}
.artOrder_table td{
    width:1%;
    border:1px solid #ddd;
    padding:8px 6px;
    box-sizing:border-box;
    color:inherit;
}
.artOrder_table td span{
    display: block;
    color:inherit;
}
.artOrder_table p{
    text-align: right;

}

#cenaMP {font-size: 20px;color: #0087d0;}
#cenaMP .priceMP {color: #0087d0; margin-top: 10px; font-weight: bold; font-size: 25px;}

.artOrder_tableHead td{}
.artOrder_table td ul{margin:10px}
.artOrder_table td li{
    font-size:12px;
    list-style: square;
    list-style-position: inside;

}

.artOrder_table td .skice{
    width:80%;
    margin: 20px auto 10px auto;
}
.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:#f8fafb;
    padding: 8px;
    text-align: center;
    outline:1px solid #ccc;
    width:100px;
    margin-bottom:12px;

}


.orderMe > div{display:block;vertical-align: top;
    width:180px;
}
.orderBox .box-order-flex {display: flex; justify-content: space-between; width: 100%; margin-top: 30px}
.orderBox .box-order-flex >div{padding: 12px 22px;font-size: 16px;border-radius: 4px;background: #8dc63f;text-align: center;cursor:pointer;border:2px solid #8dc63f ; margin:0 auto;width: 180px; position: relative}
.orderBox .box-order-flex >div:first-of-type{background: #fff; border:2px solid #8dc63f ;}
.orderBox .box-order-flex >div:first-of-type span a {color:#8dc63f;text-shadow: none; }
.orderBox .box-order-flex >div span{color: #fff;font-size:18px; font-weight:bold;text-shadow:2px 1px 1px rgba(0,0,0,0.1)}
.orderBox .box-order-flex >div span a{color: #fff;}
.orderBox .box-order-flex >div:hover{background-color:#4D9A0F; border:2px solid #4D9A0F;}
.orderBox .box-order-flex >div:first-of-type:hover{background:#4D9A0F; }
.orderBox .box-order-flex >div:first-of-type:hover span a {color:#fff;text-shadow: none; }

.orderBox .box-order-flex .upitnik{position: absolute; top: -30px; left: 5px;}

.orderMe .poruciButton {
    padding: 12px 22px;
    font-size: 16px;
    border-radius: 4px;
    background: #8dc63f;
    text-align: center;
    cursor:pointer;
    margin:0 auto;
}
.orderMe .poruciButton:hover{background-color:#4D9A0F;}
.orderMe .poruciButton span {color: #fff;font-size:18px; font-weight:bold;text-shadow:2px 1px 1px rgba(0,0,0,0.1)}

.artOrder_table.tableLayout-11{
    background:#0087d0;

}

.artOrder_table.tableLayout-11 td{
    width:100px;
}
.artOrder_table.tableLayout-11 span{
    color:#eee;
    font-weight:bold;
}

.ta-znak{
    text-align: center;
    font-size:30px;
    width:80px;
}

.tableLayout-12 td{
    width:50%;

}

.tableLayout-13{
    table-layout: fixed;
    font-size:11px;
}
.tableLayout-13 #td-kolicina{
    text-align: center;
}
#td-kolicina span{
    padding:0 0 8px 0;
}
#td-kolicina span:first-of-type{font-size:16px;;margin-top:10px;}
.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:60%;
    font-size:18px
}


.artOrder_table .ta-sifraArtikla{
    font-size:20px
}


/* --------- JSSOR SLIDESHOW --------- */
/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
#slider1_container{ position: relative;top: 0; left: 0; background: #ffffff;}
#slider1_container .jssorslides{left: 40px;}
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url('../js/jssor/img/a02.png') no-repeat;
    overflow: hidden;
}
#slider1_container  img{object-fit: contain;}
.jssora05l {
    background-position: -10px -40px;
    left:8px;width:40px;height:40px;
}
.jssora05r {
    background-position: -70px -40px;
    right:8px;width:40px;height:40px;
}
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }

/* jssor slider thumbnail navigator skin 01 css */
/*
.jssort01 .p            (normal)
.jssort01 .p:hover      (normal mouseover)
.jssort01 .p.pav        (active)
.jssort01 .p.pdn        (mousedown)
*/
.jssort01{
    bottom:0;
    position:absolute;left:0;
    height:80px;
}
.jssort01 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
}
.jssort01 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.jssort01 .w {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.jssort01 .c {
    position: absolute;
    top: 0;
    left: 0;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
    box-sizing: content-box;
    background: url('../js/jssor/img/t01.png') -800px -800px no-repeat;
    _background: none;
}
.jssort01 .pav .c {
    top: 2px;
    left: 2px;
    width: 68px;
    height: 68px;
    border: #000 0 solid;
    background-position: 50% 50%;
}
.jssort01 .p:hover .c {
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    border: #fff 1px solid;
    background-position: 50% 50%;
}
.jssort01 .p.pdn .c {
    background-position: 50% 50%;
    width: 68px;
    height: 68px;
    border: #000 2px solid;
}
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 72px;
    height /**/: 72px;
}

/* WISHLIST CATALOGUE TOOLBAR */
.cartContainer{
    position: fixed;
    top:100px;
    z-index: 1;
    animation-name:hidding;animation-duration: 3s;
    right:-400px;
    transition: all .7s;
    
     
}
.cartContainer:hover{right:0!important;}
@keyframes hidding {
  0% {right:-400px;}
  14% {right:-2px;}
  80% {right:-2px;}
  100% {right:-400px;}
}
.change .cartContainer{top:38px;}
.wishListBar {
    position:absolute; 
    top:2px;right:0;
    width:400px;
    border-left:34px solid transparent;
}
 

.wishListBar.active {
    bottom:0px;
    -webkit-transition: bottom 2s;
    transition: bottom 2s;
}
.toolbarInner {
    border:2px solid #ddd;
    border-radius:0 0 0 10px;
    background-color:rgba(255,255,255,.9);
    border-top:none;
}
.toolbarInner .icons, .toolbarUl {display:inline-block;vertical-align: middle;}

.promo-pics-container {
    width:100%;
    height: auto;
    overflow: hidden;
    
}
.wishlistBox div p{
    font-size:20px;
    text-align: right;
    padding:12px 20px 8px 20px;
}
.wishlistBox div .button{
    width:200px;
    margin: 6px auto 20px auto;
    text-align: center;
    background: #8dc63f;
    color:#fff;
    font-size:18px;
    padding: 12px
}
.wishlistBox div .button:hover{background:#4D9A0F;}
.promo-pics-container .promo-pics-container-inside.w4 {

    display: block;
    margin: 0;
    padding: 0;
    _font-size:0;
}

.toolbarInner .icons {
    width:50px;
    text-align:center;
    font-size:24px;color:#ccc;
    padding:30px 0;
}
.wishListBar a {display:block;width:100%;height:100%;box-sizing:border-box;font-size:14px}
.wishListBar .hederBoksa {text-align:center;color:#447;background:#f2f5f7;font-weight:bold;padding:10px 0;border-bottom:1px solid #ccc;box-sizing:border-box;font-size:18px;}
.wishListBar .hederStrelica {display: none;}
.wishListBar .hederStrelica .icons {font-size:26px;color:#ccc;font-family: icons;width:100%;padding:1px 0 0 0;}

.wishlistBox .textPraznogBoxa {
    height:100%;
    text-align: center;
    color: #eee;
    font-weight: bold;
    padding: 5px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wishListBar .hederStrelica.active {
    transform: rotate(180deg);
    transition: 1s ease-in-out;
}
.tollBarLi {
    display:inline-block;
    vertical-align: top;
    width:100%;
    border-bottom:1px solid #ccc;
}
.leftTollBarBox, .rightTollBarBox {display:inline-block;vertical-align: top;}
.leftTollBarBox{width:24%;position:relative;}
.rightTollBarBox {width:75%;position:relative;}


.toolBarProdName {display:none;}

.leftTollBarBox .toolBarImg {overflow: hidden;display:block;padding:12px 0 0 0;}
.leftTollBarBox .toolBarImg img{display:block;width:96px;height:96px;object-fit: contain;padding: 4px;}
.leftTollBarBox .toolBarQty {
    position:absolute;top:0;left:0;
    color: #333;
    padding: 4px 6px;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    font-size:14px;
    border-radius: 0 0 6px 0;
    background:#fff;
}

.rightTollBarBox .toolBarArtModel {position: absolute; color:#0087d0;font-weight:bold;top:32px;border-radius:0 0 0 8px; padding: 0 4px;display:block;width: 100%;}
.rightTollBarBox .removeItem {position:absolute;top:0;right:0;z-index:100;cursor:pointer;}
.rightTollBarBox .removeItem p{padding:4px 0 0 0;margin-right:-10px;}
.rightTollBarBox .removeItem:hover p {color:#444}
.rightTollBarBox .toolBarArtCnt{display:block;font-weight:bold;padding:8px 8px 24px 22px;text-align: left;}
 
.rightTollBarBox .toolBarBill span {padding:10px 8px 5px 8px;display:inline-block;color:#333;}

#wishlist_buttons{
    text-align: center;
    margin-top:10px
}

#wishlist_buttons a{
    width:120px;
    vertical-align: top;
    padding:10px;
    border:none;
    margin:20px 50px 40px 50px;
    display: inline-block;

    color:#333;

}
#wishlist_buttons .WSicoPrint{position: relative;color:#5f7d95;}
#wishlist_buttons .WSicoPrint:hover,#wishlist_buttons .WSicoPrintPhoto:hover{text-decoration: underline}
#wishlist_buttons .WSicoPrintPhoto{position:relative;color:#5f7d95;}
#wishlist_buttons .WSicoPrint:after{content:"\f02f"; color:#5f7d95;font-family:icons;font-size:34px;position:absolute;top:2px;right:-22px;}
#wishlist_buttons .WSicoPrintPhoto:after{content:"\f03e"; color:#5f7d95;font-family:icons;font-size:34px;position:absolute;top:2px;right:-34px;}
#wishlist_buttons .WSicoSendEmail{
    color:#fff;
    font-size:18px;
    background:#8cc53f;
    width:200px;
    padding-top:12px;
    display:  block;
    box-sizing: border-box;
    border-radius:4px;
    margin:0 auto;
}
#wishlist_buttons .WSicoSendEmail:hover{background: #4D9A0F;}
#sendNotice{
    padding:20px;
    margin:20px 0;
    box-sizing: border-box;
    font-size:16px;
}

.button{
    margin-top:10px;
    background:#f2f5f7;
    width:200px;
    padding:17px 0 10px 0;
    display: inline-block;
    box-sizing: border-box;
    color:#333;
    border:1px solid #ddd;
    border-radius:4px;
}
.buttonNapomena.button:hover{opacity:.7;cursor: pointer;}
.buttonUkljuciNapomenu.button{margin-top:30px;position:relative;}
.buttonUkljuciNapomenu.button:after{content:"\f044"; color:#5f7d95;font-family:icons;font-size:34px;position:absolute;top:4px;right:-48px;}
.buttonUkljuciNapomenu.button:hover{opacity:.8;cursor: pointer;}

#napomenaFakture{
    display: none;
}
/*DOWNLOAD*/
.download #coll_middle{max-width:1200px;margin:0 auto;}
.download #coll_right{display: none;}
.download .nestview{
    padding:20px 0;
}
.download .nestview>li{position: relative;}
.download .navAbc{
    position: fixed;
    top:96px;
    right:0;
    text-align: center;
    z-index: 1;
}
.download .navAbc ul{
    display: inline-block;
    width: 50%;
    
}
.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: 20px;
    color: rgba(255,255,255, .4);
    font-weight: bold;
    display: block;
    padding: 8px;
    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;}

.download.catid_15 .pages li{margin:80px 40px 40px 40px ;height:260px;width:190px;box-shadow:none;overflow: visible}
.download.catid_15 .pages li img{display:block;width:100%;border-radius:10px; }
.download.catid_15 .pages li:hover img{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.22), 0 2px 5px 0 rgba(0,0,0,0.08);}
.download.catid_15 .info h2{text-align: center;padding:8px 0; }
.download.catid_15 .info h2 a{color:#0187d0;font-size:22px}
.download.catid_18 .pages{background-color: #e7ecf0;padding:10px 10px 24px 10px;border-radius:0 6px 6px 6px  ;}
.download .catTitle{position:absolute;top:-38px;font-size:28px;padding:6px 36px 0 18px;color:#0087d0; background:#fff;display: inline-block; border-radius:6px 6px 0 0}
.download .pages li{display: inline-block;margin:10px 17px;position: relative;width:200px;height: 280px;background:#fff;border-radius:4px; overflow: hidden; }
.catid_21 .pages li{ height: 330px; }
.catid_21 .pages .info{margin-top:10px;text-align:center;}
.catid_21 .pages li h2 a{ font-weight:normal;font-size: 14px;margin-top:10px}
.download.catid_18 .pages li:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.22), 0 2px 5px 0 rgba(0,0,0,0.08);}
.download .pages li img{object-fit: contain;transition: all .3s ease-in-out;
display:block;width:100%;
}
.download .pages li img:hover{transform: scale(1.04);}
.download.catid_18 .info{position: absolute;display: block;left:-1px;bottom:-1px;z-index: 100;font-size:12px;width:170px;line-height: 22px;background:#f8fafb;padding:6px 6px 8px 12px;border-radius:0 6px 0;pointer-events: none;
 border-top:2px solid #d3dbe1;border-right:2px solid #d3dbe1;}
.download .info a{letter-spacing: .5px;font-size:18px;  }
 .download .nest_catname {font-size:28px;font-weight:normal;margin-top:22px;}
.download .nest_catname a {padding:6px 48px 0 34px;background:#e7ecf0;border-radius:6px 6px 0 0; }
.download .nest_brojStrana {font-size:18px;position:absolute;bottom:2px;right:2px;background:#fff;width:34px;height:34px;text-align: center;box-sizing: border-box;padding-top:8px;border-radius: 6px 0 4px 0;}
.download .nest_img {display:none}
.download.catid_21 .PageTrackNav{display:none;}
.download.catid_21  .pages{padding-top:50px;}
/*ISTORIJAT*/

.catid_24 table{
    width:100%;
    padding:0; margin:0;
    border-collapse: collapse;
}

.catid_24 table td{
    width:33%;
    height:100%;
    vertical-align: top;
}

.catid_24 table td p{
    height:100%;
    padding:10px 20px!important;
    box-sizing: border-box!important;
    color:inherit;
    font-size: 13px;
}
.catid_24 table td li{
    font-size:12px;
    margin-left:2.8em;
    color:#888
}

.catid_24 table td h1, .catid_24 table td h2, .catid_24 table td h3, .catid_24 table td h4{
    padding:20px!important;
}

.catid_24 table .images30 img{
    display: block;
    width:100%;
}

.istorijatTable .narandzasta{height: 80px;}
.istorijatTable .bez{height: 38px;}
.istorijatTable .rLogo .narandzasta{height: auto;}
.istorijatTable .rLogo .bez{height: auto;}
.istorijatTable .middleImg img{height: 142px;}
.istorijatTable tr:nth-child(3) td{background: #f0f2f1;vertical-align: middle;}
.istorijatTable tr:last-child table tr:nth-child(3) td{background: #a8cf37;}

.romstal_usluge td{color: #fff;}
.romstal_usluge .LightGreen, .romstal_usluge .Gold{color: #000;}
.romstal_usluge .LightGreen h3, .romstal_usluge .Gold h3{color: #000;}
.romstal_usluge .HotPink, .romstal_usluge .Black{height: 180px;}

.romstal_pregled_t1 img{width: 100% !important;}
.romstal_pregled_t1 .lightOrange p:nth-child(2n-1){font-size: 18px;font-weight: bold;}
.romstal_pregled_t1 .lightOrange p:nth-child(2n-1):after{content: " : ";}
.romstal_pregled_t2 tr:last-child div{height: 300px !important;}
.romstal_pregled_t2 tr:first-child td{text-align: center;}
.romstal_pregled_t2 tr:nth-child(3) p:nth-child(2n-1){font-size: 16px;font-weight: bold;}
.romstal_pregled_t2 tr:nth-child(3) p:nth-child(2n-1):after{content: " : ";}

.romstal_brojke_t1, .romstal_brojke_t2, .romstal_brojke_t3, .romstal_brojke_t4, .romstal_brojke_t5, .romstal_brojke_t6, .romstal_brojke_t7 {
    text-align: center;
    font-weight: bold;
    margin: 6px 0 !important;
}

.romstal_brojke_t1 .white{background: #363636;vertical-align: middle;}
.romstal_brojke_t1 td:nth-child(2){background: #696969;vertical-align: middle;}
.romstal_brojke_t1 .DimGray .lightBlue{color: #87cefa;}
.romstal_brojke_t2 td{vertical-align: middle !important;}
.romstal_brojke_t2 div.DimGray img{padding: 50px 0;}
.romstal_brojke_t2 div.LightGray h2{font-size: 32px;}
.romstal_brojke_t2 .white{background: #363636;  }
.romstal_brojke_t2 td.black{vertical-align: middle !important;}
.romstal_brojke_t2 p.LightBlue{padding: 110px 0!important; color: #000;}
.romstal_brojke_t3 .LightBlue{vertical-align: middle; color: #000;}
.romstal_brojke_t3 .DimGray{background: #000;}
.romstal_brojke_t3 .DimGray h2{font-size: 32px;}
.romstal_brojke_t3 .black{background: #282828; vertical-align: middle;}
.romstal_brojke_t4 .LightGray{vertical-align: middle; color: #000;}
.romstal_brojke_t4 .LightGray h2{font-size: 28px; color: #000;}
.romstal_brojke_t4 .LightGray h3{font-size: 22px; color: #000;}
.romstal_brojke_t5 .LightGray{vertical-align: middle; color: #000;}
.romstal_brojke_t6 .White {vertical-align: middle;}
.romstal_brojke_t6 .White h3{padding: 4px !important;}
.romstal_brojke_t6 .black h2{padding: 4px !important; font-size: 32px;}
.romstal_brojke_t7 .LightSteelBlue{vertical-align: middle; background: #87cefa;}
.romstal_brojke_t7 .DimGray{width: 100%;}
.romstal_brojke_t7 .DimGray img{width: 100% !important; height: auto !important;}

.dobavljaci_img img {width: 100%;}
.romstal_dobavljaci_t1, .romstal_dobavljaci_t2{margin: 40px 20px !important;}

.akademija-gore p{color: #87cefa; font-size: 32px; margin: 10px 0;}
.akademija-levo, .akademija-desno{display: inline-block; width: 49%; vertical-align: top;}
.akademija-levo > p, .akademija-desno > p {font-size: 32px; color: #000088; margin: 10px 0;}
.akademija-levo ol {list-style-position: inside; padding: 0 0 0 10px;}
.akademija-levo ol li{color: #87cefa; font-size: 18px; font-weight: bold; padding: 4px 0;}
.akademija-levo ul {list-style-position: inside; list-style-type: disc; padding: 0 0 0 10px;}
.akademija-levo ul li{color: #87cefa; font-size: 16px; font-weight: normal;}
.akademija-desno ul, .akademija-desno .akademija-desno-slike{display: inline-block; width: 46%; vertical-align: top;}
.akademija-desno ul{padding: 0 0 0 18px;}
.akademija-desno ul li{color: #87cefa; font-size: 16px; padding: 4px 0;}
.akademija-desno img:last-child{display: none;}

/* ZAPOSLENJE */
.doming.catid_14 .pages{min-height: 120px;margin-left:22px;}
.doming.catid_14 .pages li{display:inline-block;margin:28px 18px 0 0;}
 .doming.catid_14 #coll_middle img{ border-radius: 8px;}
.doming.catid_14 .catShortDesc a{font-weight: bold;color:#006cb7;}
.doming.catid_14 .catShortDesc a:hover{opacity:0.6;}
.doming.catid_14 .info a{font-size:16px;font-weight:normal;color:#fff;background:#006cb7;padding:10px 26px;margin-top:12px; text-align: center;}
.doming.catid_14 .info a:hover{background:#00204d;}
.doming.catid_14 .zaposlenjeButton {text-align: center;margin:20px  }
.doming.catid_14 .zaposlenjeButton a{margin:20px;color:#fff;background:#0187d0;padding:10px 20px;border-radius: 20px;}
.doming.catid_14 .zaposlenjeButton a:hover{background:#00669d}
/* REGISTRATOR */
/* CSS Document */
/* Stylovi za stranice MyAccount */
/* PlumDesign, Milan Jovanovic Belgrade 20.10.2007 */

#myaccount_style .myAcc_container{
    width:70%;
    margin: auto;
}
#myaccount_style{
    width: 960px;
    padding: 10px;
    background: #fff;
    margin-bottom:8px;
}
#myaccount_style .contentTABLE{
    width:100%;
    border-collapse:collapse;
    border:none;
}
#myaccount_style .contentArea{
    vertical-align:top;
    padding:0;
    text-align: center;
}

#myaccount_style h1{
    color:#789;
    font-weight:normal;
    padding:30px 0 0 0;
}

#myaccount_style input{
    display: block;
    text-align: center;
    margin:auto;
    padding:10px 10px;
    width: 60%;
}

.form_container{
    background: #fefefe;
    background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */
    border-radius: 3px;
    border:1px solid #d4d4d4;
    margin:5px auto;
    box-shadow: 0 0 4px #e1e1e1;
    padding:30px 0 10px 10px;
}

#ulogujte_se {
    width:400px;
}
#ulogujte_se H3{
    font-size:24px;
    color:#696969;
    text-transform:uppercase;
    padding: 10px 20px
}
#ulogujte_se P{
    padding:10px 0 6px 0;
    color:#696969;
}
#ulogujte_se INPUT, #registrujte_se INPUT{
    border:1px solid #cfcfcf;
    font-size: 16px;
    padding: 7px;
    color:#444;
    background:#f5f5f5;
}
#ulogujte_se INPUT:focus, #registrujte_se INPUT:focus{
    border:1px solid #87b5d7;
}
#ulogujte_se #dugme_login, #registrujte_se #dugme_login{
    border:1px solid #fff;
    padding:16px;
    background:#006cb7;
    cursor:pointer;
    color:#fff;
    text-transform:uppercase;
    font-size:18px;
    margin:30px auto 20px auto;
}
#ulogujte_se #dugme_login:hover, #registrujte_se #dugme_login:hover{background-color: #00497D;}

#registrujte_se {
    float:left;
    width: 340px;
}
#registrujte_se P{
    text-align:left;
    padding:0 0 5px 0;
    color:#ababab;
}
#registrujte_se H3{
    font-size:14px;
    color:#696969;
    text-transform:uppercase;
    margin-bottom:10px;
}


#registrujte_se P LABEL{
    margin-bottom:0;
    display: block;
}

.napomenaRegistracije{
    padding: 30px 20px;
    width:50%;
    text-align: left;
    margin:auto;
    line-height: 1.5;
}

.napomenaRegistracije h4{
    font-size:16px;
    padding: 10px;
}

#wishlistDisplay .hederBoksa{position: absolute;font-size:22px;top:-40px;padding:6px 36px 6px 18px;color:#0087d0; background:#fff;  border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;border-radius:6px 6px 0 0;}

.registratorTabela{
    border:1px solid #ddd;
    padding:10px;
    border-collapse: collapse;
    margin-top:20px;
}
.registratorTabela th{
    background: #f2f5f7;
    color: #5f7d95;
    padding:14px 8px;
}
.registrator #wishlistDisplay .fa {font-size:22px;padding:4px 6px;border:1px solid transparent;}
.registratorTabela td{
    border-bottom:1px solid #ddd;
    border-top:none;
    padding:0 7px;
}
.registratorTabela .coll_image{display: block;
    width:200px;
    height:200px;
}
.registratorTabela .coll_image{width:200px;height:200px;}
.registratorTabela img{
    height:180px;
    width:180px;
    object-fit: contain;
    padding:10px;
}
#myaccount_style .menuArea {
    width:240px;
    vertical-align:top;
}

/*SEND WISHLIST*/
#posaljiPodatke{
    position: relative;
    background:#f8fafb;
    border: 1px solid #ddd;
    padding:20px;
    box-sizing:border-box;
    border-radius:6px;
    margin:20px 0 180px 0;
}
#posaljiPodatke input{
    display: block;
    margin:30px auto;
    width:300px;
    border:1px solid #ddd;
    border-radius:4px;
    padding:14px;
    color:#111;

}
#posaljiPodatke input:nth-of-type(5) {width:220px;background:#8dc63f;color:#fff;font-size:20px;margin-top:60px;}
#posaljiPodatke input:nth-of-type(5):hover{background: #4D9A0F;}
#posaljiPodatke .obavezno{position:relative;border:2px solid #0087d0;}
#posaljiPodatke .obavezno:not(output):-moz-ui-invalid{box-shadow:none;border:2px solid red;}
#posaljiPodatke:after{content:"*"; color:#5f7d95;font-family:icons;font-size:22px;position:absolute;top:200px;right:162px;}
#posaljiPodatke:before{content:"*"; color:#5f7d95;font-family:icons;font-size:22px;position:absolute;top:276px;right:162px;}
#headerTabeleWL img{
    width:300px;

}
#headerTabeleWL{
    width:100%;
    border: none!important;
    border-bottom:6px double #444!important;
}
#headerTabeleWL td:first-child{
    width:30%;
}
#headerTabeleWL ul{
    text-align: left;
    list-style: none;
    border-left:1px solid #333;
    padding:0 0 0 30px
}

.successNotice{
    background:yellowgreen;
    color:#eee;
    font-size:20px;
    font-weight:bold;
}
.successNotice .icons{
    font-size:60px;display: inline-block;
    vertical-align: middle;
    padding:10px 30px;
    color:#fff
}
.napomenaPDF{
    border: 1px dashed #ccc;
    width:80%;margin:30px auto;
    padding: 20px;
    text-align: left;
}
.linkoviDole{
    background: #469;
    color:#eee;
}
.linkoviDole a{
    color:inherit;
}


.menuArea UL{
    border:0 solid red;
    margin-left:25px;
    margin-bottom:20px;
}
.menuArea UL LI{
    list-style:none;
    margin-bottom:5px;
    background:url(../../site_images/sadrzaj/senka_lista_mojprojekat.gif) no-repeat 0% 100%;
}
.menuArea UL LI A{
    text-decoration:none;
    color:#515151;
    padding-top:15px;
    display:block;
    margin-left:10px;
}
.menuArea UL LI A:Hover{
    text-decoration:none;
    display:block;
    background:url(../../site_images/sadrzaj/senka_lista_mojprojekat_over.gif) no-repeat 0% 100%;

}
.menuArea .markerStrane{
    background:url(../../site_images/sadrzaj/senka_lista_mojprojekat_over.gif) no-repeat 0% 100%;
}

/* ELEMENTI FOOTERA */

.oblast_futera {width:100%;height:100%;position:relative;background:#002241; z-index:2000;border-top:70px solid #fff}

.footer_container {max-width:1200px;margin:0 auto;font-size:0;}
.footer_linksContainer {display: flex;justify-content: space-evenly;max-width:1200px;}
.footer_links { display:inline-block;vertical-align: top;padding: 20px 0; box-sizing: border-box;}
.footer_links:first-of-type{width:380px;}
.footer_links:nth-of-type(2){width: 310px;}
.footer_links:nth-of-type(3){width: 160px;}
.footer_links h3 {padding:0 0 10px 0;letter-spacing:.5px}
.footer_links h3 a {color:hsla(0,0%,100%,1); font-size:22px;font-weight:normal;}
.footer_links li {position:relative;color:#5f7d95;font-size: 14px;list-style:none; line-height: 2;letter-spacing: .3px;  }
#misijaFuter{color:hsla(0,0%,100%,.8);  line-height: 1.4;margin-bottom:12px;}
.footer_links li a{color: hsla(0,0%,100%,.55);font-size: inherit;}
.footer_links li a:hover{color:#8AA0B1;}
.footer_links li a:hover:before{content:"\f0da"; font-family:icons;font-size:16px;color:#8AA0B1;position:absolute;top:-3px;left:-12px;}

.links_drustvene_mreze {width:100%;display:inline-block;vertical-align: top;text-align: center; margin: auto}
.links_drustvene_mreze h3 {color:white; font-weight:normal;font-size:16px;padding:60px 0 20px 0;letter-spacing: 1px;}
.links_drustvene_mreze span {width: 38px;height: 38px;display: inline-block;vertical-align: middle;margin: 0px 6px;box-sizing: border-box;border-radius: 30px;background: #5f7d95;text-align: center;overflow: hidden;}
.links_drustvene_mreze span a {height: 100%;display: flex;flex-direction: column;justify-content: center;font-size: 24px;color: #0e2a47;}
.links_drustvene_mreze span:hover {background:#8AA0B1;}
.futerGarancija {margin-top:50px}
.footer_desc { padding:18px 0 40px 0;}
.footer_desc p{color:#7c94a7;text-align:center;font-size:14px; letter-spacing:.3px;}
.futerGarancija p {color:hsla(0,0%,100%,.8);text-align:center;font-size:14px; letter-spacing:.3px;line-height:1.8;}
.safesigned_container_classic img{width:120px; height:84px;}
/* MAPA */
.map_container { display: none;}
.map_container h2 {background:#003074;padding:3px 15px 5px 15px;}
.map_container h2 a{text-align: left; color: #0CB0ED;font-size: 20px;text-transform:uppercase;  }


/* GALERIJA*/
.embdgallery li{list-style:none;}
.embdgallery_image a{display:block;width:100%;height:100%;}
.embdgallery_image a img{display:block;width:100%;height:100%;}
@media (max-width:1160px){
    .catid_29 .glavni_meni ul{text-align:right;padding-right:1%}
    .catid_29 .glavni_meni ul > li{ padding:0px 1%;font-size:12px;}
    .catid_29 .glavni_meni ul > li>a{font-size: 12px;}
    .catid_29 .logo{margin-left:1%}
    .catid_29 .eko_inner h3{ font-size:.8rem; }
}
@media only screen and (min-width: 1010px) and (max-width:1440px){
    .catid_29 .glavni_meni ul{text-align:right;padding-right:4%}
    .loginMenu{right:60px;}
    .change .loginMenu{right:80px;}
    .logoHome{margin-right: 30%}
    .proizvodi li{width:194px;}
    
    .izdvojeniProizvodi > h3{left:calc(50% -  480px);}
}
@media only screen and (min-width: 1010px) and (max-width:1330px){
    #coll_right{display: none!important;} 
    .glavni_meni > ul > li > a{text-decoration: none;padding: 8px 20px 8px 12px ;}
    .glavni_meni > ul > li:nth-child(n+3):nth-child(-n+4) > a::after{right:6px;}
    .change #cart_indication .icons{ left:94.8%;}
    .change #cart_indication a .countItems{ left:97%; }
}
@media (min-width:1600px){
    .proizvodjac{
        width:200px;height:60px;
        text-align: right;
        padding:0 14px;
        box-sizing:border-box;
        position: absolute;
        top:20px;left:-200px;
    }

}