/* DESKTOP VERSION CSS */
*{padding:0px;margin:0px;}
HTML{ width:100%;}
BODY {
    width:100%;
    height: 100%;
    margin: 0px;
    padding:0px;
    font-size:14px;
    overflow-x: hidden;
    overflow-y: scroll;
    color:#212224;
    font-family:main,sans-serif;

}

/* VARIABLES */

:root {
    --dark_green:#00785B;
    --light_green:#C8ECDE;
    --orange:#F15A22;
    --main: #27B67C;
    --black:#212224;
    --blue:#1B243A;
    --main_gradient:linear-gradient(to right, #27B67C 0%,#00785B 100%);
    --grey: #B8B8B9;
    --light_grey: #fafafa;
    --pg: #4488aa;
    --slyel_20:rgba(254,193,39,.2);
    --fl:26px;
    --fxl:32px;
    --fxxl:42px;
    --fm:20px;
    --fn:18px;
    --fs:14px;
    --fxs:12px;
    --fxxs:9px;
    --th:rgba(86,191,12,.05);
    --negative_color:#eee;
    --width_inner:1200px;
    --width_min: 800px;
}
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: main; src: url(fonts/montserrat.ttf);}
@font-face {font-family: main_b; src: url(fonts/montserrat_b.ttf);}
@font-face {font-family: main_black; src: url(fonts/montserrat_bk.ttf);}
@font-face {font-family: g_icons; src: url(fonts/google_icons.ttf);}


.hidden, .dektop_off, .flyOutMenu,#posalji_kod_ponovo, .lost_passcreateUserAccountPage,
.desktopOff,.navigatorStrana,.button_flat,.productPrice,#mobBanner,.mobile_baner
{display: none!important;}

.katalog[data-category='1'] .title_ul h3{color: #fafafa}


/*OFF*/
.symbolsTools, #wishlist_buttons{
    display: none!important;
}

h1{font-size: var(--fxxl);font-family: main_b;line-height: 1.5em;padding: 20px 0px;}
h2{font-size: var(--fxl); font-family: main_b; line-height: 1.5em;padding: 20px 0px;}
h3{font-size: var(--fm); padding: 20px 0px; font-family: main_b;}

p{font-size: var(--fn); line-height: 24px; _padding:0px 0px 20px 0px; letter-spacing: 0.6px}
.txtbox ul{margin:10px 20px}
li{font-size: var(--fn)}
img {width: 100%; height:auto;display: block;}
a{text-decoration:none;outline:none;color:inherit}
.handle{width:20px;}
a:visited{color: inherit;}


.icons, .searchDugme {font-family: icons;}
.g_icon{font-family: g_icons}
.buttons{
    display: inline-block;
    background: var(--dark_green);
    margin: 20px 0px;
    color:#eee;
    padding: 12px 40px;
    width:fit-content;
    border-radius: 24px;
    cursor:pointer;
    user-select: none;
    font-size: 16px;
}

.buttons.nedostupno,.buttons.nedostupno:hover{background: #999; cursor:not-allowed;}
.buttons.addLink {color: #fff}

.buttons:hover{
    background: var(--main);

}
.active_page{
    display: block!important;
}

.app_messages{
    text-align: center;
    padding: 30px 20px;
    border:1px solid var(--main);
    width:80%;
    margin:30px auto 0 auto;
    background: #fff;
    border-radius: 10px;
    color:#f33;
    font-size:var(--fn)

}

.meni_jezici, .wishListBar {
    display: none!important;;
}

/*general layout*/

.pageBody {
    _width: 90%;
    margin: auto;
}

.pageTitle {
    width: 90%;
    text-align: center;
    margin: auto;

}

.innerwidth{
    width: var(--width_inner);
    margin: 40px auto;
}
.innerwidth p{
    padding: 8px 0;
}

.innerwidth li{
    padding: 4px 0;
}
.green_chk{
    margin-left:30px;
}

.green_chk li{
    list-style: none;
    position: relative;
}

.green_chk li:before{

    content: "\f00c";
    font-family: icons;
    color: var(--main);
    font-size: 18px;
    position: absolute;
    top:6px;left: -25px

}
.footer_cnt, .inner_90 {
    width: var(--width_inner);
    margin: auto;
}

.oblast_zaglavlja {
    width: 100%;
    max-width: 1400px;
    _position: fixed;
    border-bottom: 1px solid #DBDCDC;
    /*! top:40px; */
}
.top_baner{
    width:100vw;
    position: relative;
    margin-top:0px;

}
.top_baner:after{
    content:"";
    position: absolute;
    bottom:-100px;
    right:-100px;
    background: #fff;
    border-radius:50%;
    height:200px;
    width:200px;

}

.top_baner:before{
    content:"";
    width:80px;
    height:80px;
    position: absolute;
    bottom:-36px;
    right:0;
    background-image: url('../../cms_upload/pages/files/128_graphic_lines_a.svg');
    background-repeat: no-repeat;
    _background-color: red;
    z-index: 10;
    background-position-x: 100%;
    background-size:contain;
    _filter: hue-rotate(40deg) grayscale(1)

}

#jssor1_container:before{
    content:"";
    width:85vw;
    height:40px;
    position: absolute;
    bottom:-54px;
    right:58px;
    background-image: url('../../cms_upload/pages/files/128_graphic_lines_horizontal.svg');
    background-repeat: repeat-x;
    z-index: 20;
    background-position-x: 100%;
    background-size:contain;
    _filter: hue-rotate(40deg) grayscale(1);

}
#jssor1_container:after{
    content:"";
    width:85vw;
    height:30px;
    position: absolute;
    background: linear-gradient(to right, #fff 30%, #fff0);
    z-index: 20;
    bottom: -44px;
    right:140px

}
.baner_slide_title{
    position: absolute;
    top:280px;
    background: #fffe;
    padding: 20px;
    font-size:var(--fxl);
    border-radius:0 50px 6px 0;
    border-top:10px solid var(--main);
}
.baner_slide_description{
    position: absolute;
    top:410px;
    background: #fffa;
    padding: 20px;
    font-size:var(--fl);
    border-radius:0 6px 50px 0;
    border-bottom:10px solid var(--main);
    width:400px;
}
.baner_slide_description nav{
    position: absolute;
    top:130%;
    background: #fff;
    padding: 10px 40px 14px 40px;
    border-radius: 40px;min-width: 140px;
    font-size:var(--fm);
    text-align: center;
    font-weight:bold;


}

.mini_menu.oblast_zaglavlja{
    top:0;
    background:#fffe;
    transition: 1s all;
    border-bottom:4px solid var(--main);
}
.mini_menu.oblast_zaglavlja .catNav{
    display: none;
}
.mini_menu.oblast_zaglavlja .itemIcon{
    height: 36px;

}
.mini_menu.oblast_zaglavlja .wrapperTraka{
    padding: 0 10px;
    height: 40px
}
.mini_menu .glavni_meni .menutype_1{
    padding: 0
}
.mini_menu .wrapperTraka .d_right .item{
    height: 24px;
}
.mini_menu .catalog_search{
    display: none
}


.oblast_sadrzaja{
    /*! padding: 50px 0 0 0; */
    width: 100%;
    max-width: 1400px;
    min-height: 300px;
}

.fullwidth{width: 100%}
.grayBckg {background: #FAFAFA}
.greenBckg{background:#04805F; color: #fff;}
.flexbox{display: flex;}

/* CATALOG */
.kataloski_prikaz_proizvoda{
    width:90%;

}

.kataloski_prikaz_proizvoda > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.kataloski_prikaz_proizvoda > ul > li{
    border:1px solid #666;
    width:23%;
    box-sizing: border-box;
    margin-bottom: 1em;
    position: relative;
}
.catalogueThumbLink{
    display: block;
    width:100%;
    height: 180px;
    padding: 30px 0 0 0
}
.catalogueThumbLink img{
    display: block;
    width:100%;
    padding: 6px;
    box-sizing: border-box;
}
.catalogueItemText{
    color:#444;
    padding: 8px;
    line-height: 1em;
    height:100px;
}
.catalogueItemText p{
    position: absolute;
    bottom:24px;
    right:6px;
    font-size:var(--fs);
    border-bottom:1px solid #444;
    padding: 0;
}
.catalogueItemText h3{
    color:var(--main);
    font-size:var(--fn);
    position: absolute;
    bottom: -16px;right:6px

}

/*header*/
.zaglavlje_content{
    position: relative;
}


.greenTraka{

    width: 100%;
    background: var(--dark_green);
    color: #fff;
    display: flex;
    justify-content: center;
    gap:40vw;
}

.greenTraka ul{
    display: flex;
    gap: 10px;
    list-style: none;

}
.greenTraka ul li, .greenTraka ul li a{
    display: flex;
    align-items: center;
}

.greenTraka ul li .iconTraka{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.greenTraka ul p{
    font-size: 12px;
}
.greenTraka ul a{
    color: #fff;
}

.wrapperTraka {
    background: #fff8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    color: var(--black);
    font-size: var(--fn);
    height:75px;
    box-sizing: border-box;

}
.wrapperTraka .d_left{
    width: 20vw;
}

.wrapperTraka .d_right{
    display: flex;
    width: 10vw;
    justify-content: space-around;
}
.wrapperTraka .d_right .item{
    height: 30px;
}
.wrapperTraka .d_right .item img{
    display: block;
    height: 100%;
}
.itemIcon{
    height: 50px;

}

.itemIcon img{
    display: block;
    height: 100%;
    width: auto;
}

.wrapperTraka a{
    color: inherit;
}

.userBar {
    position: absolute;
    top: 44px;
    right: 20px;
    font-size: var(--fs);
    display: flex;
    gap:10px;
}
.mini_menu .userBar{
    top: 31px;
}

.userBar a{
    display: flex;
    flex-direction: column;
    gap:4px;
    align-items: center;
}
.userBar img{
    display: block;
    width: 22px;

}
.userBar .korpa img{
    width: 28px;
}

.userBar span{
    font-size: 9px;
    line-height: 0;
}
.kosaricaTxt{
    display: none;
}
.userBar .item.korpa{
    position: relative;
}

.userBar .cartQt{
    background: var(--main);
    padding: 4px;
    width: 8px;height: 8px;
    border-radius: 50%;
    line-height: 0.7em;
    display: flex;
    position: absolute;
    top: -4px;right: -3px;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.userBar a{
    color: inherit;
}

/*wrapper traka je visine 60px*/
.glavni_meni{
    _background:red;
    width: fit-content;
    position: absolute;
    top:40px;
    height: 40px;
    left: 45vw;
    font-weight: bold;

}

.catalog_search {
    position: absolute;
    top: 40px;
    left: 20vw;
    height: 40px;

}
.catalog_search input{
    border: none;
    padding: 10px 10px 10px 40px;
    border-radius: 20px;
    width: 20vw;
    background: #eeee;
    position: relative;
}
.catalog_search a:before{
    content: "\f002";
    position: absolute;
    width: 20px;
    height: 20px;
    top:10px;
    left:15px;
    color: var(--black);
}
#autoSuggestionsList{
    background: #fffe;
    width:600px;
    display: block;
    height:400px;
    overflow-y:scroll;
    z-index: 1000;
    position:  relative;
}
#autoSuggestionsList li{
    display: flex;cursor: pointer

}
#autoSuggestionsList img{
    width:100px;
    display: block;

}
#autoSuggestionsList li div{
    padding: 10px 20px;
    display: flex;
    align-items: flex-start;
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
}
#autoSuggestionsList li div h3{
    padding: 0;
    font-size: var(--fn)
}

.glavni_meni .menutype_1{
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 10px;
}
.glavni_meni .menutype_1 li{
    list-style: none;


}
.glavni_meni .menutype_1 li a{
    color: inherit;
    font-size:var(--fs)
}

/*rezultati pretrage*/

.oblast_kataloga.catalogID_1{display: block;width: var(--width_inner); margin:auto; }
.catalogID_1 h1{font-size: var(--fm);padding: 20px 0 5px 0}
.catalogID_1 .broj-rezultata-pretrage{margin-bottom: 50px;}
.catalogID_1 #listaProizvoda{margin: auto;background:#fafafa; padding: 30px; box-sizing: border-box;}
.catalogID_1 #listaProizvoda li{list-style: none;border: none;background: #fff; border-radius: 20px;width: 22%;padding: 10px;box-sizing: border-box;}
.catalogID_1 #listaProizvoda .catalogueThumbLink{height: auto;}
.catalogID_1 #listaProizvoda li .catalogueThumbImage{border-radius: 20px;}
.catalogID_1 #listaProizvoda li .catalogueItemText h3{display: none;}
.catalogID_1 #listaProizvoda li .catalogueItemText p{position: initial;border: none;}
.catalogID_1 #listaProizvoda li .catalogueItemText {height: auto; }
/*navigacija*/

.catNav .ulLv1 {
    display: flex;
    _background: orange;
    position: relative;
    justify-content: flex-start;
    padding: 10px;


}
.catNav > li{
    list-style: none;
    font-size:var(--fs);
    padding: 0 14px;

}
.catNav li a{
    color:inherit
}
.catNav .all_cat{
    display: flex;
    gap: 40px;
    background: #fffa;
    padding: 0px 0 10px 0;
    justify-content: center;
    color:#377;
    position: relative;


}
.catNav .catalog_cat:last-child{color: var(--orange)}
.catNav .catalog_cat:last-child .drugi_nivo_cnt,
.catNav .catalog_cat:nth-last-child(2) .drugi_nivo_cnt{ padding: 0}
.catNav .all_cat .catalog_cat{
    list-style: none;

}

.catNav .all_cat .catalog_cat .prvi_nivo{
    padding: 6px 20px;
    position: relative;
}
.catNav .prvi_nivo a:after{
    content: "\f106";
    position: absolute;
    width: 10px;
    height: 10px;
    font-family: icons;
    transform: rotate(180deg);
    bottom: 6px;
    right: 0;
}

.catNav .drugi_nivo_cnt{
    display: none;
    position: absolute;
    top:35px;left:20vw;
    width:70vw;/*! height:400px; */
    background: #fff;
    flex-wrap: wrap;
    padding: 20px;
    gap:50px;
    box-sizing: border-box;
    line-height: 1.8em;
    z-index: 100;
}
.catNav .all_cat .drugi_nivo{


}
/*
.catNav .all_cat .catalog_cat:hover .drugi_nivo_cnt{
    display: block;
    columns:4;
    column-gap: 10px;
    padding: 20px 30px;
}
*/
.catNav .all_cat .catalog_cat .drugi_nivo {
    break-inside: avoid;
    padding: 0 0 10px 20px
}

.catNav .all_cat .catalog_cat .drugi_nivo > a{
    color:var(--main);
    font-size:var(--fs);
    display: block;


}
.catNav .all_cat .catalog_cat .drugi_nivo .catalog_subcat {
    display: block;
    list-style: none;

}
.catNav .all_cat .catalog_cat .drugi_nivo .catalog_subcat a{
    font-size:var(--fs)
}

.catNav .subLvCnt{
    display: none; /*privremeno*/
    position: absolute;
    background: #fff;
    z-index: 100;
    border-radius: 10px;
    top: 60px;
    left: 0px;
    border: solid blue;
    font-size: 16px;
    width: 90vw;
}
.catNav .subLvCnt .leftBox{
    width: 30%;
    padding: 20px;
    box-sizing: border-box;
}
.leftBox>li{
    border-bottom :solid #eee 1px;
    display: flex;
}
.leftBox li:last-child{
    border-bottom: none;
}
.leftBox li .productImg {
    width: 30%;
}

.leftBox li .productImg img{
    display: block;
    width: 100%;
}
.leftBox .productTitle {
    font-size: 16px;
    color: var(--black);
    flex-grow: 1;
    width: 70%;
}
.leftBox .productTitle a{
    color: inherit;
}

.catNav .subLvCnt .rightBox{
    flex-grow: 1;
    background: lime;
    padding: 20px;
    box-sizing: border-box;

}
.catNav .subLvCnt .rightBox .ulLv2{
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-sizing: border-box;
}
.rightBox .ulLv2 .liLv2{
    width: 25%;
    padding:10px 0px 30px 0px;

}
.rightBox .ulLv2 .liLv2 .aLv2{
    font-size: 16px;
    font-weight: bold;
    color: var(--black);
}
.rightBox .ulLv3 li a{
    color: #717273;
    font-size: 16px;
}
.catNav .subLvCnt .divLv2{
    display: flex;
}

/*home page*/

.homeBox{
    margin-bottom: 50px;
}
.homeBox h2{
    line-height: 1.2em;
    margin-bottom: 10px;
}
.box7 .boxTitle{margin: 0px; line-height: 0.3em; text-align: center;}
.box7 p{text-align: center;}
.box7.homeBox .pages{margin: 40px auto}

.homeBox .titleBox4 a{
    color: var(--main);
    text-decoration: underline;
}
.flexUl{
    display: flex;
    justify-content:flex-start;
    gap:10px
}
.flexUl li{
    list-style: none;
}

.box1 .boxUl1{justify-content: space-between; gap:5px;}
.homeBox .boxUl1 li{
    border: solid 1px #aaa;
    border-radius: 10px;
    color: var(--gray);
}
.homeBox .boxUl1 li a{
    color: inherit;
    display: block;
    padding: 10px 20px;
    font-size: var(--fs)
}
.boxUl2 li{
    background: var(--light_grey);
    width: 20%;
    padding: 15px;
    border-radius: 20px;
}
.box2 .boxUl2{justify-content: space-between; gap:5px;}

.boxUl2 .box2Img {
    width: 20%;
    min-height: 30%;
}
.boxUl2 .box2Img img{
    display: block;
    width: 100%;
}
.boxUl2 .box2Desc p{
    color: #484848;
    font-size: 16px;
}

.box3 .gridUl{
    display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto;
    grid-template-areas:
        "portret landscape_up"
        "portret landscape_bottom"

}

.portrait {
    grid-area:portret;
}

.lanscape_up{
    grid-area: landscape_up;
}
.landscape_bottom{
    grid-area: landscape_bottom;
}

.box3 .gridUl li{
    list-style: none;
}
.box3 .gridUl li img{
    display: block;
    width: 100%;

}
.box3 .gridUl li h3{
    _min-height: 70px;
    font-size: 20px;
    padding: 7px 0;
    color: var(--dark_green);

}

.box3 .gridUl li h3 a{text-decoration: underline; color: inherit;}

.homeBox .titleBox4 {
    justify-content: space-between;
    align-items: center;
}
.homeBox .sliderInnerCnt {
    width: 100%;
}

.homeBox .scrollUl{
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    box-sizing: border-box;
    padding: 10px 0;
    gap: 20px;
    /*! background: #fff; */
    padding: 20px;

}
.homeBox .scrollUl li{
    list-style: none;
    min-width: 25%;

}
.homeBox .brendImgCnt{
    border-radius: 20px;
    overflow: hidden;

}
.homeBox .brendImgCnt img{
    display: block;
    width: 100%;
    height: auto;

}

.homeBox .favProducer{color: #F15A22}
.homeBox .favPriceCnt{gap: 40px}
.homeBox .favOldPrice{color: #B8B8B9; position: relative}
.homeBox .favOldPrice .dataOldPrice:before{content: ""; position: absolute; top:10px; left: 0px; border: solid 0.7px #B8B8B9; width: 50px}
.homeBox .actionCnt {justify-content: space-between; align-items: center;margin-top: 20px;}
.homeBox .addToFav{width: 40px; cursor: pointer;}
.homeBox #homeFavInfo{padding: 12px 20px; border-radius: 20px; color: #fff; cursor: pointer; }
.box4 .addToFav{width: 20px; }

.homeBox .brendItem{position: relative}
.homeBox .brendInfoCnt p{position: absolute; bottom:25px;left: 40px;background: #fff;padding:10px 20px; border-radius: 20px;}

.homeBox.box6{position: relative}
.homeBox .greenBckg{padding: 3vw 0px; }
.homeBox .greenBckg .textBox6Cnt{width: var(--width_inner); margin: auto; }
.homeBox .whiteBckg{height: 10vw;}
.homeBox .imgCnt6{position: absolute; bottom: 0px; right: 0px; width: 40vw;}
.homeBox .imgCnt6 img{height: 100%;}
.homeBox .textBox6{margin-bottom: 30px; width: 60%}
.homeBox .textBox6 h1{text-transform: uppercase; padding: 0px;line-height: 1.3em;margin-bottom: 10px; font-size: 35px}
.homeBox .transparentBtn{border: none; padding: 10px 20px; border-radius: 20px; background: transparent; outline: 1px #fff solid; color: #fff;}

.box6 .greenBckg{background: var(--main_gradient)}

.box9 .katlistFlex{
    justify-content:space-between;
    gap: 10px;

}
.box9 .katlistFlex li{
    list-style: none;padding: 3px 0;
}
.box9 .katlistFlex a:hover{color: var(--main)}

.box9 .katlistFlex .catTitle378{
    text-transform: uppercase;
}
.box9 .katlistFlex .showCat a{
    font-size: 16px;
    text-decoration: underline;
    display: block;
    margin: 20px 0px;
    color: var(--main);
}



.blockWrapper[data-id="405"] ul{display:flex;flex-wrap: wrap; gap: 20px; margin: auto; justify-content: space-between; width: var(--width_inner)}
.blockWrapper[data-id="405"] ul li{width: 30%;list-style: none;}
.blockWrapper[data-id="405"] .img a{border-radius: 20px;display: block;}
.blockWrapper[data-id="405"] .img img{overflow: hidden;border-radius: 20px;}
.blockWrapper[data-id="405"]  .publish_date {font-size: var(--fs); color: #DBDCDC}
.blockWrapper[data-id="405"]  .info h2 {color: #00785B;font-size: var(--fs); }
.blockWrapper[data-id="405"]  .info h2 a{text-decoration: underline; font-size: var(--fn); color:#00785B;display: block; }
/*brzi linkovi*/

/*blog - bloglist page*/
.catid_73 .pages {
    width: 90%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:30px;

}

.catid_73 .oblast_sadrzaja{margin: 30px auto;}
.catid_73 .page-pID {
    width: 30%;
    margin-bottom: 50px;
    position: relative;
    align-items: center;
    list-style: none;
}

.catid_73 .page-pID .img{
    _width: 50%;
    border-radius: 15px;
    overflow: hidden;
    height: 200px;


}

.catid_73 .page-pID .publish_date {
    font-size: 13px;
    color: #DBDCDC;
}

.catid_73 .page-pID .info{

    background: #fff;
    padding: 25px 0px;
    box-sizing: border-box;
    _border: #ddd solid 1px;

}

.catid_73 .page-pID .antrafile{
    font-size: 16px;
}

.catid_73 .page-pID .info h2{
    font-size: 20px;
    line-height: 1.4em;
    color: var(--black);
}
.catid_73 .page-pID .info h2 a{
    color: inherit;
}

.catid_73 .page-pID .info .moreinfo{
    text-align: left;
    margin-top: 10px;
    font-size: 15px;
    color: #00785B;


}

.catid_73 .page-pID .info .moreinfo a{
    color: inherit;
}
.catid_73 .page-pID .img img{
    width: 100%;

}

/*blog - pages*/

.catid_73 .pageBody{
    width: 80%;
    margin: auto;

}
.catid_73 .pageBody .txtbox{

    /*! padding: 30px 0; */
}

.catid_73 .pageBody .txtbox p{
    padding: 10px 0;
}

.catid_73 .full_img{
    width: 100%;
    margin-bottom: 30px;

}
.catid_73 .full_img img{
    width: 100%;
}

.catid_73 .txtbox h3{
    color: var(--green)
}

.catid_73 .flexbox{
    margin: 40px 0px;
    gap: 30px;
    _align-items: center;
}

.catid_73 .flexbox .txt_flex{
    width: 70%;

}
/*uvjeti kupnje*/

.pg368_cnt .payment_cnt{
    margin: 20px 0px;
}
.catid_72 h3{
    color: var(--green);
}
.catid_72 a{
    color: var(--dark_green);font-weight: bolder;
}

/*izvoditelji radova*/



.pg_367_cnt h3{

    color: var(--green);
}

.pg_367_cnt >div{
    padding: 30px;
    box-sizing: border-box;
}

.pg_367_cnt .inner_367{
    width: 60%;
    margin:auto;
}

.pg_367_cnt .title_flex{
    display: flex;
    gap: 30px;
    align-items: center;
    margin: auto;
    width: 220px;
}

.pg_367_cnt .title_flex img{
    width: 80px;

}
.pg_367_cnt img{
    display: block;

}
.montig_logo {
    margin: auto;
    width: 350px
}
.pg_367_cnt h3{
    text-align: center;
}
/*o nama*/


.bannercnt_298{
    width: 100%;
    background: var(--blue);

}
.banerinner_298{
    width: var(--width_inner);
    margin: auto;

}
.banerinner_298 a.buttons{
    display: inline-block;
}

.banerinner_298 .flexbox{

    justify-content: center;
    gap: 40px;
    padding: 0px;
    box-sizing: border-box;
    align-items: center;

}

.banerinner_298 .flextxtbox {
    color: #fff;
    box-sizing: border-box;
    height: fit-content;
    margin: 0px;
    padding: 0px;

}
.banerinner_298 .flextxtbox h3{
    color: inherit;
    font-weight:bold;
    font-size: var(--fxl);
    padding: 0px 0px 7px 0px;

}
.banerinner_298 a{
    color: inherit;
}


.banerinner_298 .buttonsCnt a{
    background: transparent;
    border: solid #fff 2px;
}

.banerinner_298 .imageflex{
    width: 60%;
}
.banerinner_298 .imageflex img{
    display: block;
    height: 100%;

}

.flex_298a {
    gap: 40px;
    box-sizing: border-box;
}

.flex_298a .flextxtbox{
    padding: 0px 20px;
}
.flex_298a .imageflex{
    border-radius: 20px;
    overflow: hidden;
    width: 100%;

}
.block_298b .boxUl2{
    justify-content: space-between;
}

.block_298b .boxUl2 li{
    width: 30%;
}

.flex_298d {
    gap: 40px;
    box-sizing: border-box;
}

.flex_298d .imageflex{
    border-radius: 20px;
    overflow: hidden;

}
.flex_298d .imageflex img{
    width: 100%;
}

.flex_298d .flextxtbox{
    padding:0px 20px;
}
.flex_298d .button298d{color: #fff}

/*footer*/
.newsleter_cnt.greenBckg{background: var(--main_gradient)}
.oblast_futera{width: 100%; max-width: 1400px;}
.newsleter_cnt .flexbox{width: 60vw; margin: auto; justify-content: space-between; gap: 30px; align-items: center;padding: 40px 0px}
.newsleter_cnt .flexbox .newsletter_img{width: 20vw}
.newsleter_cnt .email_cnt input,#nwsEmail{display: block;border: none; color: #fff; background: transparent; outline: 1px #fff solid;cursor:pointer;
    padding: 10px 20px; border-radius: 20px; margin-top: 15px; width: fit-content;}


.footer_cnt {
    background: #fff;
    padding: 20px;
}
.footer_cnt .footer_logo{width: 250px;}
.footer_cnt .footer_logo img{display: block;width: 100%}
.footer_cnt a{
    color: inherit;
}
.footer_cnt li{
    list-style: none;
    padding: 5px 0px;
    font-size: var(--fs);
}
.footer_cnt p{
    font-size: var(--fs);
}

.footer_middle{
    display: flex;
    gap: 20px;
    justify-content: space-between
}
.footer_middle .colltxt{margin-top: 60px;}
.footer_middle h4{font-size: var(--fn);  }
.footer_middle .m04 {width: 150px; margin: 80px 0px 0px 10px}
.footer_logo img{
    display: block;
    width: 300px;
}
.footer_bottom{
    display: flex;
    justify-content: space-between;
    padding: 15px 0px;

}
.footer_bottom .socialnet_cnt{
    display: flex;
    gap: 10px;


}

.footer_bottom .socialnet_cnt .icons{
    font-size: 30px;color: var(--main)
}

.payment_cnt{
    width: 200px;
}

.payment_cnt li img{
    display: block;width: 100%;
}
.footer_cnt .footer_copyright{  border-top: solid 1px #DBDCDC;justify-content: space-between }
.footer_copyright .copy_rightBox{gap: 20px; text-decoration: underline;}

/*product page*/

/*navigacija kataloga*/
.CatTrackNav{
    display: none;
    width:240px;
    margin-top:120px
}
.CatTrackNav ul{
    background: red;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}
.CatTrackNav ul li{
    list-style: none;
    color:#ffff;
    padding: 10px;
}
.CatTrackNav ul li a{
    color: inherit;
}

/*onama - carousell*/
.carousell_ul a {
    color: var(--main)
}
.carousell_ul>li{
    list-style: none;

}
.carousell_innerul {
    padding: 5px 0 0 20px ;
    list-style: disc;
}

.carousell_ul>li {
    margin: 10px 0;
}


.carousell_ul>li .visible_item{
    background: var(--light_grey);
    border-radius: 10px;
    display: block;
    padding: 15px 20px;
    font-weight: bold;
    position: relative;

}


.carousell_ul li .active{
    background: var(--light_green);
    border-radius: 10px 10px 0 0;
    display: block;


}

.carousell_ul .activeLi{
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    background: var(--light_grey);


}

.carousell_ul .hidden_block{
    padding: 20px;
    background: var(--light_grey);
    border-radius: 0 0 10px 10px;

}



.carousell_ul .visible_item:after{
    content: "+";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 30px;
    color: var(--dark_green);

}


.carousell_ul .visible_item.active:after{
    content: "-";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 30px;
    color: var(--dark_green);

}

/* KATEGORIJE */
.katalog_prikaz{
    /*! border-bottom:1px solid #aaa; */
    width:100%;
}
.catalog_head{
    /*! border-bottom:1px solid #aaa; */
}
.catalog_head .title_ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style:none;
    background: #fafafa;
    padding: 10px

}

.catalog_head .title_ul h3{
    padding: 5px 0;
}

.catalog_head .br_artikala{
    font-size: var(--fxs);
}

.catalog_head .title_ul li{
    font-size:var(--fs);
}
.catalog_head .br_artikala_val{
    background: #f2f2f2;
    padding: 2px 10px;
    border-radius: 20px;
    margin: 0 5px;

}

.catalog_head .sort_li label{
    font-weight: bold;
    margin-right: 5px;
}
.catalog_head .sort_li select{
    background: none;
    border: none;
}

.catalog_content{display: flex; background: #fafafa; padding: 10px; justify-content: flex-start;
    align-items: flex-start;}
.naslov_kategorije{
    padding: 0 0 20px 0;
}
.kategorije ul{
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}
.kategorije ul li{
    list-style: none;
    width:230px;
    border:1px solid var(--main);
    padding: 10px;

}
.cat_main_area{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
    align-items:  flex-start;
    background: #fafafa;
    padding: 30px;
    box-sizing: border-box;
    margin-bottom: 50px;
    flex-grow: 1;

}
.cat_main_area li{
    width:32%;
    max-height: 540px;
    height: 540px;
    list-style: none;
    background: #fff;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;

}

.catalogID_9 .cat_main_area li{
    width: 23%;
}

.cat_main_area li *{
    font-size:var(--fxs);

}
.cat_main_area li h3{
    font-size:var(--fs)
}

.addToFav{
    width:30px
}

.cat_main_area li .favImgCnt{
    overflow: hidden;
    border-radius: 10px;


}
.cat_main_area a h3{
    color: #212224;
    padding: 10px 0;
    font-family: main_b;
    font-weight: normal;
}

.cat_main_area li .favImgCnt img{
    display: block;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 10px;

}

.cat_main_area .favInfoCnt{
    /*! padding: 15px; */
    box-sizing: border-box;
}

.cat_main_area .favProducer{
    color: var(--orange);
    line-height: 1.7em;

}

.cat_main_area .favProducerCnt{
    justify-content: space-between;
}

.cat_main_area .favStatus{
    color: var(--main);
}
.cat_main_area .favTitleCnt{min-height: 135px;}


.cat_main_area .favMinPrice{
    font-size: var(--fxxs);
    color: #B8B8B9;
}
.cat_main_area .favBottomCnt{
    justify-content: space-between;
    display: flex;
}
.cat_main_area .favPriceCnt{
    display: flex;
    gap:15px;
    align-items: center;

}
.cat_main_area .favPriceCnt .favPrice{
    font-size: 18px;
    font-family: main_b;
    font-weight: normal;
}

.cat_main_area .favPriceCnt .favPrice .dataPrice,
.cat_main_area .favPriceCnt .favPrice .valuta{
    font-size: 15px;
}

.cat_main_area .favPriceCnt .favOldPrice{
    position: relative;
}

.cat_main_area .mark_shipping{
    position:  absolute;
    width:60px;
    top:80px;right:3px;
}
.cat_main_area .dicountBadge{
    position:  absolute;
    width:60px;
    top:10px;left:3px;
}
.cat_main_area .jamstvoLi{
    position:  absolute;
    width:60px;
    top:10px;right:3px;
}
/*
.cat_main_area .favOldPrice:before{
    content: "";
    font-size: var(--fs);
    border-bottom: solid 1px #B8B8B9;
    position: absolute;
    width: 100%;
    top:12px;left: 0;
}

*/
.cat_main_area .minCenaVal{
    font-size: var(--fxxs);
}
.cat_main_area .favOldPrice{
    color: #B8B8B9;
}


/*proizvod*/

.oblast_kataloga {
    display: flex;
    _border: solid 1px #555;
    margin: auto;
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
}
.cat_nav_slide{

}
.filterOuter{
    _border: solid 1px var(--main);
    width: 260px;
    color: #333;
    padding: 10px;
    flex-basis: 240px;
    min-width:200px;

}

.filterOuter .filter_group{
    border-bottom:1px solid #DBDCDC;
    padding: 15px 10px;
}

.filterHeader{display: none}
.filter_group h3{
    font-size:var(--fs);

}

.fgn .filter_items label{
    display: flex; justify-content: space-between; width: 100%;
}
.fgn .filter_item{   display: flex;}

.filter_item{
    list-style: none;
    font-size: var(--fs);
    padding: 3px 0;



}
.filter_item input[type='checkbox']{
    background: blue;
    display: inline-block;
    margin:3px 10px 3px 0;

}

.filter_item input[type='number']{
    background: none;
    display: inline-block;
    margin:3px 10px 3px 0;
    padding: 9px 9px 9px 20px;
    border:1px solid var(--main);
    border-radius:20px;

}
.filter_item input[type='number']:focus{
    outline: 2px solid var(--main);
}

.productPG{
    background: #fafafa;
    flex-grow:1;
    padding: 20px;
    /*! border-top:10px solid var(--main) */
}

.box129Inner.flex{
    display: flex;
    position: relative;
    justify-content: space-between;
    gap:30px;
    box-sizing: border-box;

}

.box129Inner .galleryCnt{
    max-width: 600px;
}
.box129Inner .galleryCnt img{
    display: block;
    border-radius: 10px;


}
.box129Inner .mainPorductInfoCnt{
    background: #fff;
    border-radius: 10px;
    max-width: 800px;


}

.prodSlika{
    width:400px;
    border:1px solid red;
}
.prodSlika img{
    width:100%;
    display: block;
}
.brendCnt{
    position: absolute;
    width:100px;
    background: #fff;
    top:10px;right:10px
}
.brendCnt img{
    display: block;
    width:100%;
    background: #fff;
    /*! filter: contrast(1.3) grayscale(1); */

}
.mainPorductInfoCnt .productNameCnt{
    font-size: var(--fm);
    font-family: main_b;
    line-height: 2em;
    margin-bottom: 10px;
    max-width: 80%;
}

.mainPorductInfoInner *{
    font-size: var(--fs);
}
.mainPorductInfoInner{
    padding: 0 20px 20px 20px;

}

.mainPorductInfoInner .shoppCnt a{
    color: #fff;
}

.boksNalsov{
    display: block;
    font-size:var(--fl);
    color:var(--main)
}
.topDynamicBlock p{
    margin: 0 auto;
    font-size: var(--fs)
}
.articleListDynamicBlock{
    display: column;
    align-items: center;
}

.zaliheLabel{
    color: var(--main);
}

.skuLabel{
    color: #B8B8B9;
}

.eelabel{
    color: #fff;
    padding: 1px 10px;
    position: relative;
    display: inline-block;
    width: fit-content;
    height: 20px;
    box-sizing: border-box;
}


.eelabel:before{
    content: "";
    position: absolute;
    top: 0;right: -10px;
    width: 10px;
    height:20px;
    box-sizing: border-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

}
.eelabel.classA{
    background: #01A652;
}

.eelabel.classA:before{
    border-left: 10px solid #01A652;
}

.eelabel.classB{
    background: #51B747;
}

.eelabel.classB:before{
    border-left: 10px solid #51B747;
}

.eelabel.classC{
    background: #BDD631;
}

.eelabel.classC:before{
    border-left: 10px solid #BDD631;
}

.eelabel.classD{
    background: #EEE41F;
}

.eelabel.classD:before{
    border-left: 10px solid #EEE41F;
}

.eelabel.classE{
    background: #FDB813;
}

.eelabel.classE:before{
    border-left: 10px solid #FDB813;
}
.eelabel.classF{
    background: #F37020;
}

.eelabel.classF:before{
    border-left: 10px solid #F37020;
}

.eelabel.classG{
    background: #ED1B24;
}

.eelabel.classG:before{
    border-left: 10px solid #ED1B24;
}

.articleListDynamicBlock h3{
    font-size:var(--fs);
    font-family: main;
    line-height: 2em;
    padding: 0;
    margin-top: 20px;
}
.articleListUl{
    background: none;
    line-height: 1em;
    padding: 10px 30px;
    margin: 0;
    height: fit-content;
    border:1px solid #ccc;
    border-radius: 15px;

}


.dopunskiProizvodiCnt .dopunskiImg{
    width: 100px;
}

.dopunskiProizvodiCnt .dopunskiProizvodiUl{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.dopunskiProizvodiCnt .dopunskiItem{
    display: flex;
    width: 45%;
    gap: 10px;

}

.dopunskiProizvodiCnt .dopunskiImg img{
    display: block;
    width: 100%;
}

.dopunskiProizvodiCnt .dopunskiPricesCnt{
    display: flex;
}
.priceDynamicBlockCnt .priceDynamicBlock{
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    font-size: var(--fs);
}
.priceDynamicBlock .priceLeftTop{gap:20px;align-items: center; }

.infogreen{
    color: var(--main);
}

.bottomRightPrice p{
    display: flex;
    justify-content: left;
    gap:15px;
}

.bottomRightPrice p .discountCardPrice{
    color: #B8B8B9;
    position: relative;

}

.bottomRightPrice p .discountCardPrice:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    top:6px;left:0;
    border-bottom: 1px solid #B8B8B9;
}

.bottomRightPrice p .actualPrice{
    font-family: main_b;
}

.bottomRightPrice p .karticaPopust{
    color: var(--main);
}

.bottomRightPrice .karticaPopustMain{color: var(--main)}

.orderInfoBox{
    border-bottom: 1px solid #DBDCDC;
    padding: 0px 0 20px 0;
}

.orderInfoTitle{
    display: flex;
    justify-content: left;
    align-items: center;

}
.orderInfoTitle h3{
    color: var(--main);
}
.orderTitleIcon{
    width: 25px;
    margin-right: 6px;
}
.orderTitleIcon img{
    display: block;
    width: 100%;
    color: var(--main);
}

.questionMark{
    display: inline-block;
    background: #B8B8B9;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    align-content: center;
    border-radius: 50%;
    margin: 0 5px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Gray overlay */
    z-index: 10;
}


.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 1000;


}
.popup p{
    padding: 8px 0;
}
.popupContent a{
    color: var(--main);
    font-family: main_b;
}

.popupTitle{
    justify-content: space-between;
    align-items: center;

}
.popupTitle h2{
    font-size: var(--fn);
}

.popupTitle .popup_close{
    display: flex;
    background: #000;
    color: #fff;
    width: 20px;
    height: 18px;
    text-align: center;
    align-content: center;
    padding: 0px 0px 2px 0px;
    margin: 0;
    line-height: .5em;
    letter-spacing: 0;
    font-size: 18px;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    box-sizing:  content-box;



}

.popup li{
    list-style: none;
}

.priceLeftTop p{
    font-family: main_b;
    font-size: var(--fn);
}
.oldPrice{
    text-decoration: line-through;
}
.dicountBadge{
    background: var(--orange);
    display: flex;
    border-radius: 30px;
    height: 60px;width:60px;
    justify-content: center;
    align-items: center;
    padding: 0 0 4px;
    box-sizing: border-box;
    color:#fff;
    font-size:var(--fm);
    font-family: main_b;
}
.priceLeftMiddle p{
    font-size:var(--fs);
    line-height: 1.1em;
}
.priceLeftBottom p{
    font-size:var(--fs);
    line-height: 1.1em;
}
.priceRightBlock p{
    font-size:var(--fs);
    line-height: 1em;
    display: flex;
    align-items: center;
    gap:6px;
}

.priceRightBlock .karticon_icon{
    width: 25px;
}

.priceRightBlock .karticon_icon img{
    display: block;
    width: 100%;
}
.shoppCnt{
    display: flex;
    justify-content: left;
    align-items: center;
    gap:20px;

}


.badgesUl{
    display: flex;
    justify-content: flex-start;
    gap:20px;
    list-style: none;
}

.badgesUl li{
    height: 60px;
}

.badgesUl li img{
    display: block;
    height: 100%;

}

.jamstvoLi .circle {
    width: 60px;
    height: 60px;
    background-color: #4da6d1; /* Blue background color */
    border-radius: 50%; /* Makes it a circle */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-family: Arial, sans-serif;
    color: white;
    text-align: center;
}

.jamstvoLi .number {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    z-index: 2;
    position: absolute;
    top:8px;left: 20px
}

.jamstvoLi .curved-text {
    position: absolute;
    width: 60px;
    height: 90px;
    letter-spacing: 0.3em;
    font-size: 30px;
    font-weight: bold;
    top: 0;
    left: 5px;
}

.jamstvoLi path {
    fill: none;
    stroke: none; /* Make the path invisible */
}

.jamstvoLi text textPath {
    fill: white;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.3em;
}


/*product description*/
.productDescriptionCnt{
    width: 100%;
    margin: auto;
    background: #fff;
    padding: 30px 70px;
    margin:50px auto;
    box-sizing: border-box;
}

.productDescriptionCnt p{
    font-size: var(--fs);
    line-height: 1.9em;

}

.productDescriptionCnt li{
    font-size: var(--fs);
}

.shoppCnt .addToCart {
}



.katalog_navigacija{
    display: none;
    min-width:230px;
}
.katalog_prikaz .proizvodi{
    list-style: none;
}
.katalog_prikaz .proizvod{
    padding: 15px;
    _display: flex;
    position: relative;

}
.katalog_prikaz .proizvod .prodSlika {
    width: 400px;
    position: absolute;
    top: 0px;
}
.katalog_prikaz .proizvod .prodSlika img{
    display: block;
    width: 100%;
}
.akcijskiProizvod{
    position: absolute;
    top:0;right:0;
    width:36px;
    border-radius: 50%;
    padding: 4px;
    box-sizing: border-box
}
.productPrice{
    position: absolute;
    top:10px;
    background: #394;
    padding: 4px 10px;
    display: block;
    color:#eee;
    font-weight:bold;
    font-size:var(--fn)

}
.akcijskiProizvod img{
    display: block;
    border-radius: 50%;
}




.proizvodjac{

}
.compareProd{

}
.prodOpis{
    position: absolute;
    width: 550px;
    right: 0px;

}
.prodMoreDescription {
    margin-top: 300px;
}
.naslovTabelaArtikala{

}
.tableOfAricles_container{

}
.msg_napomena{
    grid-area: info;
}

.articleTable{
    width: 80%;
    border-collapse: collapse;
    text-align: left;

}
.articleTable th{
    padding: 10px;
}

.articleTable td{
    padding: 10px;
}

.articleTable tr{
    border: dotted 1px #555;
}
.naslovTabelaArtikala {
    font-size: var(--xs);
    display: block;
    width: 80%;
    text-align: right;
}


/* KARAKTERISTIKE ARTIKALA */
.articlesSpecificationTableCnt{
    width: 95vw;
    padding: 40px 0;
    overflow:scroll;

}
.ArticlesSpecificationTable{
    background: #eee;
    width: 100%;
    text-align: left;
    border-collapse: collapse
}
.ArticlesSpecificationTable td,
.ArticlesSpecificationTable th{
    padding: 12px
}
.ArticlesSpecificationTable tr:nth-child(2n) td{
    background: #fff
}
.ArticlesSpecificationTable .highlighted{
    background: #efe
}

/* REGISTRATOR */
#myaccount_style{
    background:#fafafa;
    box-sizing: border-box;
    padding: 40px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    width:100%;
    align-items: flex-start
}
#myaccount_style h1{
    color:#fff;
    padding: 10px 0 20px 0;
    color:#222;
    font-size:var(--fm);
    font-weight:normal;
}
.contentArea{
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start
}
.contentTABLE{
    width:1100px;
    margin: auto;
}

.contentTABLE .contentArea h1{color: #000!important; font-size: var(--fl)}


.registracijaCnt{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1300px;
    gap:20px;
    margin: 30px 0;

}
.registracijaCnt .imate_nalog_dugme{
    min-width:100%;
    display: none
}

.registracijaCnt div{box-sizing: border-box;}
.registracijaCnt .napomenaContainer li{list-style: none;font-size: var(--fs)}

.registracijaCnt .registracijaCntForma{
    width: 500px;
    background: #fafafa;
    padding: 20px;
    border-radius: 20px;
    box-sizing: border-box;
}

.registracijaCnt #registracijaOnlineForma li{
    list-style: none;
}

.registracijaCnt #registracijaOnlineForma .checkmark{
    display: none;
}

.registracijaCnt #registracijaOnlineForma .flexbox{
    gap: 20px;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;

}
.registracijaCnt #registracijaOnlineForma .mailListLi {
    display: flex;
    justify-content: center;align-content: center;
}
.registracijaCnt #registracijaOnlineForma .mailListLi label{
    position: relative;
    padding: 0;margin: 0;line-height: 0
}

#ulogujte_se{border-radius: 6px;color: #212224;}

#ulogujte_se h3{
    text-align: center;
    font-weight: normal;
}

#ulogujte_se form{
    width: 400px;
    /*! margin:50px auto; */
    background: #fafafa;
    padding: 30px;
    border-radius: 20px;

}

#ulogujte_se fieldset{
    border: none;
    padding: 10px 0;
    position: relative;
    width: 50%;
    margin: auto;

}

#ulogujte_se fieldset label{
    position: absolute;
    color: #555;
    font-size: var(--fxs);
    top: 12px; left: 12px;
}

#ulogujte_se fieldset input{
    padding: 15px;
    border-radius: 20px;
    border: none;
    margin: auto;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

#ulogujte_se #dugme_login{
    padding: 10px 30px;
    display: block;
    border: solid 1px #fff;
    border-radius: 30px;
    color: #fff;
    font-size: var(--fn);
    margin: 10px auto;
    width: 50%;
    cursor: pointer;



}

.mainDefaultForm{display: none!important;}
.menuArea.hide_menu{display: none!important;}

.menuArea{
    flex-basis: 0;
    width:260px;
    vertical-align: top;
    list-style: none;
    min-width: 260px;
    _display: none;
}
.menuArea li{
    list-style: none;
    color:var(--dark_green);
}
.menuArea li a{
    color: inherit;
    padding: 14px 10px 16px 10px;
    display: block;
    box-sizing: border-box;
    border-bottom:1px solid #fff;
    font-size:16px
}
.menuArea li a:hover{
    background: linear-gradient(to left, var(--light_green) 20%,#fff 80%);
}
.registracijaCnt form input{
    padding: 32px 10px 10px 12px;
    border:none;
    border-radius: 20px;
    min-width: 100%;
    box-sizing: border-box;


}
.registracijaCnt form input[type=submit]{
    background: var(--dark_green);
    padding: 20px; max-width:220px;
    min-width: 200px;
    color:#eee;
    font-size:var(--fn);
    margin:10px auto;
    display: block;
}
#dugme_login{
    margin-top:40px
}
.registracijaCnt form label{
    position: absolute;
    font-size:var(--fs);
    top:12px;left:13px;

}

.registracijaCnt form p{
    position: relative;
    padding: 10px 0;
}
.registracijaCnt form .forgot_pass_p a{
    color:#818181;
    font-size:var(--fs);
    text-decoration: underline;
}
.registracijaCnt .inline_radio{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;

}
.registracijaCnt #mail_list{
    min-width: unset;
    width: 24px;height: 24px;
    padding: 0;
    display: block;
}
.registracijaCnt #prijava_mail_list{
    min-width: unset;
    padding: 0 0 0 20px;
    position: relative;
    top:unset; left: unset;
    font-size:var(--fn);

}

.account_data_item p{display: flex; gap:5px;}
.account_data_cnt .account_data_item span{padding: 3px 0;}
.account_data_item .n_title{font-weight: bolder;}

.myAcc_container{
    background: #fff;
    border-radius: 20px;
    width: 90%;
    padding: 20px 80px;
    box-sizing: border-box;
    margin: 30px 0;
}
.myAcc_container .form_cnt{
    width:100%;
    justify-content: space-around;
    gap:20px
}
.myAcc_container .form_cnt fieldset{
    flex-grow: 1; border: none; background: #fafafa;border-radius: 20px;padding: 15px;

}
.myAcc_container span,
.myAcc_container label{
    display: block;
    padding: 10px;
    font-size:var(--fn)
}
.myAcc_container input{
    display: block;
    padding: 24px 10px 10px 10px;
    border-radius:8px;
    border:1px solid #fafafa;
    width:220px;
    font-size:var(--fn)


}

.myAcc_container input[type=submit],
.myAcc_container .passReset{
    color:var(--main);
    border:1px solid var(--main);
    background: none;
    color:var(--main);
    border:1px solid var(--main);
    background: none;
    padding: 12px 24px;
    border-radius:30px;
    font-size:var(--fn);
    text-transform: uppercase;
    min-width:180px;
    cursor: pointer;
    margin: 20px 0;ng: 12px 24px;
    border-radius:30px;
    font-size:var(--fn);
    text-transform: uppercase;
    min-width:180px;
    cursor: pointer;
    margin: 20px 0;

}

.forgot_pass_btn{
    color:#fff;
    border:1px solid var(--dark_green);
    background: var(--dark_green);
    padding: 12px 24px;
    border-radius:30px;
    font-size:var(--fn);
    text-transform: uppercase;
    min-width:180px;
    cursor: pointer;
}

.izmena_prijava_lista{display: flex; flex-direction:  row-reverse;align-content: center; justify-content: left; gap:5px;}
.izmena_prijava_lista input{min-width: unset;width: 20px;height: 20px;padding: 0;display: block; }
.izmena_prijava_lista label{padding: 0; font-size: var(--fs)}

/* MOJE LISTE */

.contentArea{text-align: left; /*! background: #fff; */padding: 30px; border-radius: 20px; box-sizing:border-box; width:90%; margin:auto;background:#fff;}
#snimljeneListe{border-collapse: collapse; }
#snimljeneListe a{color: var(--main); text-decoration: underline;}
#snimljeneListe tr{border-bottom: solid 1px #B8B8B9;}
#snimljeneListe td,#snimljeneListe th{padding: 10px 0;}
#snimljeneListe th, .wl_opis_liste{color: #c1c1c2}

.pageBody[pid="409"] .favProdUl li {width: 24%}

/* zaboravljena lozinka */
.forgot_pass{background: #fafafa;padding: 50px; width: 50%;border-radius: 20px;}
.forgot_pass>p{position: relative;}
.forgot_pass .label_forgot{position: absolute; top:5px; left:10px;font-size: var(--fs);color: #555;}
.forgot_pass .input_forgot .app_field_unos{border: none;display: block; padding: 24px 10px 10px 10px;border-radius:8px;width:50%;font-size:var(--fn)}
.forgot_pass>p{margin:0 0 30px 0}


/* 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: 14px;
    text-align: center;
    outline:1px solid #ccc;
    width:100px;
    border-radius: 20px;


}


.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)}



/* B2B pages */
.b2b .buttons{
    display: block;
    margin:20px auto;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: center;
    font-weight:bold;
    font-size: var(--fxs)
}
.b2b .b2back{position: absolute;top:0px;left: 0px;cursor: pointer;width: 100%;height:60px; width: 100%;border-bottom: solid 3px var(--dark_green);box-sizing: border-box;padding: 5px; }
.b2b .b2back img{display: block;height: 100%;}

.b2b .oblast_sadrzaja{
    /*! padding: 140px 0; */
    max-width: 1400px;
    margin: auto;
}
.b2b .login_area{
    width: 1000px;
    margin: auto;
}

.b2b .login_area h1{
    font-size: var(--fxl);
    font-weight: normal;

}

.b2b .pageTitle{
    font-size:var(--fl);
    width:100%;
    padding: 4px;
    font-weight:normal;
    font-family: main_b;
    margin: 80px auto 40px;


}
.b2b .pageBody{min-height: 400px;}

.b2b .registracijaCnt{
    justify-content: center;
    width: 100%;
    max-width:  unset;
}
.b2b .registracijaCnt #dugme_login{
    background: var(--dark_green);
    text-align: center;
}

.b2b .newsleter_cnt{
    display: none
}

.subpage_oblast_zaglavlja{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subpage_header_left a{
    display: block;
    width:220px;
}
.subpage_header_left a img{
    display: block;width:100%;
}

.subpage_header_middle{
    background: var(--main);
    flex-grow: 1;
    height: 2px;
    margin:0 10px;
}
.subpage_header_right span{
    display: block;
    width:30px;
    padding: 0 20px;

}
.subpage_oblast_sadrzaja{
    display: flex;
    justify-content: space-between;
    min-height: 300px
}
.subpage_menu_left{
    display:none;
    width:240px;
    background: var(--main);
}
.subpage_menu_right{
    width:300px;
    background: var(--dark_green);
    color:#eee;
    padding: 20px;
    box-sizing: border-box;
}
.subpage_menu_right .buttons{
    color: #eee;
    padding: 12px 30px;
    display: flex;
    justify-content: center;
    align-content: center;
    max-width: 200px;
    border:1px solid #eee;
    margin:20px auto 0 auto;

}
.subpage_menu_right .menu_cnt{
    padding: 20px
}

.subpage_main_window{
    border:1px solid var(--main);
    flex-grow: 1;
    flex-basis: 0;
}

.subpage_main_window h2{
    color:var(--main);
    padding: 20px 2%;
}

.listing_ponuda{
    width:96%;
    margin: auto;
    border-collapse: collapse;
}
.listing_ponuda th{
    background: var(--dark_green);
    color:#eee;
    padding: 8px 4px;
    min-width: 30px
}
.listing_ponuda th, .listing_ponuda td{
    border:1px solid var(--main);
    font-size:var(--fs);
}
.listing_ponuda td{
    padding: 4px 10px;
    background: #ded;
}
.listing_ponuda tr:nth-child(2n) td{
    background: #d0e3d0;
}
.listing_ponuda tr:hover td{
    background: #cec;
}
.listing_ponuda td p{
    font-size: var(--fs);
    padding: 0;
    line-height: 1.2em


}
.listing_ponuda .grid_coll_edit{
    padding: 0;
}
.listing_ponuda .grid_coll_edit span{
    display: flex;
    color:var(--dark_green);
    font-size:24px;
    padding: 0;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}
.listing_ponuda .grid_coll_edit span:hover{
    color:var(--main)
}


/*b2b info page*/

.flex_298c{
    background: var(--main_gradient);
    padding: 20px;
    border-radius: 20px;
    color: #fff;
}
.flex_298c p{font-family: main_b}

.flex_298c .flextxtbox{
    width: 60%;
}

.flex_298c .buttonsCnt{
    gap:20px;
}
.flex_298c .buttonsCnt .buttons{
    border: solid 1px #fff;
    background: transparent;
}


/* IZRADA PONUDE */
.fieldset_info{
    background: #fff;
    padding: 20px;
    border-radius:6px;
    border:1px solid #555;
    margin: 30px;
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    box-sizing: border-box;
}
.fieldset_info legend{
    background: #fff;
    padding: 6px 12px;
    border:1px solid #555;
    border-radius:6px
}

.fieldset_group{

    margin: 10px;
    position: relative;
    width:260px;
}
.fieldset_group input{
    padding: 26px 10px 7px 10px;
    border:1px solid #555;
    display:block;
    width:100%;
    border-radius:4px;
}
.fieldset_group input:focus{
    outline: 2px solid var(--main);
    border: none;
    box-shadow: 3px 3px 13px #3854;
}
.fieldset_group label{
    position: absolute;
    left:10px;top:6px;
    font-size:var(--fs);
    color:#aaa;
    z-index: 10;

}
.fieldset_group #product_group{
    background: #fff;
    position: absolute;
    top:0px;left:0px;
    width:240px;
    padding: 30px 10px 10px 10px;
    border:1px solid #555;
    border-radius: 4px;
}
.radio_group {
    display: flex;
    width:100%;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 24px;

}
.radio_group label{
    position: relative;
    left:unset;top:unset;
    font-size:var(--fs);
    color:#aaa;
    display: flex;
    width:160px;
    padding: 0
}
.radio_group input:focus{
    outline: none
}


/* OFFER EDIT */

/* OFFER EDIT */
.offer_container{
    border:2px solid var(--main);
    padding: 10px;
    min-height:70vh;
    width:860px;
    min-height: 900px;
    margin:40px auto;
    display: flex;
    flex-direction: column

}
.offer_container .header_ponude{
    width:100%;
    border-collapse: collapse;
    font-size:var(--fs);
    border-bottom: 1px solid var(--main);
}
.offer_container .hp_br{
    font-size:var(--fl);
    padding: 10px 0;
}

.search_catalog_cnt{
    _background: var(--main);
    padding: 16px 20px;
    margin: 2px 0 30px 0

}
.search_catalog{
    display: flex;
    gap: 20px;
    justify-content: start;
    align-items: center
}
#search_string{
    width:300px;
    background: #fff;
    padding: 10px 30px;
    border:1px solid #a6a6a6;
}
#search_string:focus{
    outline:2px solid #3b8;
    outline-offset: 1px;
    box-shadow: 3px 3px 8px 2px #fff3;
    background: #dfffef
}
.search_icon{
    color: #999;
    font-size:26px;
    cursor:pointer;
}
.search_icon:hover{
    color:var(--main)
}
.search_title{
    color: #fff;
}

.artikli_ponude{
    width:100%;
    border-collapse: collapse;
    margin: auto;
    text-align:center;
    background: #fffb;
}

.artikli_ponude th,.artikli_ponude td{
    padding: 4px;
    font-size:var(--fs);
    border-bottom: .5px solid #666
}
.artikli_ponude th{
    border-bottom: 1px solid var(--main);
    color:var(--main)
}
.artikli_ponude td img{
    max-height: 60px;
    width: auto;
}
.artikli_ponude .remove_element{
    font-size: 24px;
    cursor: pointer;
    color:#555;
}
.artikli_ponude .remove_element:hover{
    color:var(--main)
}
.artikli_ponude .num_items{
    background: #dfe;
    padding: 10px;
    display: block;
    max-width: 40px;
    margin: auto;
}

.artikli_ponude .num_items:focus{
    outline:2px solid var(--main)
}
.offer_info_footer{

    color:#eee;
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
}



.oif_spacer{
    flex-grow: 1;
}
.oif_right{
    background: var(--dark_green);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 200px;
    margin: 30px 0 0 0;
    padding: 20px;
}

.oif_right .oif_right_top{
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}
.oif_right .oif_right_bottom{

    padding: 30px 0 20px 0;
    display: flex;
    justify-content: space-between;

}
.oif_right .oif_right_bottom .buttons{
    margin: 0 10px;
    border:1px solid #eee
}
.oif_right .oif_right_bottom .buttons:hover{
    background: #154
}

.oif_top_table{
    width: 500px;

}
.oif_top_table td{
    font-size:var(--fm);
    color:#eee;
    padding: 6px 10px;
    border-bottom: 1px dashed #eee;
}
.oif_top_table td:last-child{
    text-align: right;
}

.search_catalog_results{
    background: #fff;
    border-top:12px solid var(--main)
}
.search_catalog_results_tbl{

    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
}
.search_catalog_results_tbl td{
    padding: 8px 8px;
    border-bottom: 1px dashed var(--main)
}
.search_catalog_results_tbl tr:last-child td{
    border: none
}
.search_catalog_results_tbl td:last-child{

    width:40px;
}
.add_element{
    font-size:26px;
    display: block;
    width: fit-content;
    rotate: 0deg;
    margin: auto;
    cursor: pointer;
    transition: 1s all;
}
.add_element:hover{
    rotate: 90deg;
    color:var(--main);
}




/*brendovi pg*/

.brandsUl{
    display: flex;
    flex-wrap: wrap;
    width: 1000px;
    margin:90px auto;
    justify-content: space-between;


}

.brandsUl li{
    list-style: none;
    width: 19%;
    margin-bottom: 50px;

}

.brandsUl li img{
    display: block;
    width: 100px;
    margin: auto;
}

/* WISHLIST  */

#wishlistDisplay{
    /*! background: linear-gradient(to left, var(--light_green) 20%,#fff 80%); */
    padding: 20px
}
#wishlistDisplay .hederBoksa{
    display: flex;
    justify-content: space-between;
    /*! border-bottom: 1px solid var(--main); */
    padding: 0 0 12px 0
}
.overallPrice{
    /*! display: none!important; */
    /*! padding: 12px 20px 16px 20px; */
    _background: var(--main);
    margin: 10px 0 0 0;

}

.overallPrice .boxRight {
    display: flex;
    justify-content: space-between;
}

.overallPrice .boxRight .uk_right_iznos{
    color: #212224;
}
.overallPrice p{
    padding: 2px 0;
    font-size:var(--fs);
    color:#B8B8B9;
    font-weight:bold;
}
.backText{
    font-family: sans-serif;

}
#wishlistDisplay .tableDiv input{
    border:1px solid #212224;
    border-radius: 20px;
    width:64px;
    padding: 10px;
    text-align: center;
    font-size:var(--fn);
    color:#212224;

}
#wishlistDisplay .tableDiv input:focus{
    color:var(--main);
    _background: var(--main);
    outline: none;
}

#wishlistDisplay input[type="number"] {
    appearance: textfield;
    margin: 0;

}

.tableDiv td.coll_image{
    width:100px
}
.tableDiv table td{

    padding: 4px
}
.tableDiv table td a{
    color:inherit;
}

.tableDiv table{
    border-collapse: collapse;
    width: 100%;
}
.tableDiv table tr {
    border-bottom: solid 1px #B8B8B9;

}

.tableDiv table th{
    padding: 10px 6px;
    color:#B8B8B9;
    text-align: left;
}

.tableDiv table th:last-child{
    text-align: center;
}
.tableDiv table button{
    width:44px; height:44px;
    font-size:var(--fl);
    background: var(--main);
    border:none;
    color:#fff;
    cursor: pointer;
}
.tableDiv table button:hover{
    background: var(--dark_green);
    color:var(--light_green)
}
.tableDiv table .last_td{
    position: relative;
    min-width: 100px;
    text-align: center;
}
.tableDiv table .removeItem{
    position: absolute;
    bottom: 0;right: 0px;
    font-size: var(--fxs);
    background: none;
    color: #F15A22;
    width: fit-content;
}

.tableDiv table .removeItem:hover{
    background: none;
    color: var(--main);
}
.tableDiv .cena_precrtana{
    color: #B8B8B9;
    text-decoration: line-through;

}
.tableDiv .qtyChange{
    position: relative;
    width: 90px;
    margin: auto;
    text-align: center;
}

.tableDiv .qtyMinus, .tableDiv .qtyPlus{
    background: transparent;
    color: #3a3b3d;
    position: absolute;
    font-size: 18px;

}

.tableDiv .qtyMinus{
    left: 10px;
}
.tableDiv .qtyPlus{
    right:10px;
}
.tableDiv .qtyMinus:hover, .tableDiv .qtyPlus:hover{
    background: transparent;
    color: #3a3b3d;
}

#napomenaFakture, #usloviProdaje, .placanjePouzecem, .placanjeKarticom, .virmanskoPlacanje {
    display: none!important;;
}

#napomenaFakture textarea{
    padding: 20px;
    border: none;
    box-shadow: inset 0px 0px 0px00px #777;
}
#napomenaFakture textarea:focus{
    outline:0;
    background: linear-gradient(to bottom, var(--light_green) 20%,#fff 80%);
}


/*kontakt*/
.catid_75 .pageTitle{
    text-align: left;
    width: var(--width_inner);
    padding-bottom: 0;
}

.cnt_392a{
    gap:30px;
    justify-content: space-between;
}

.cnt_392a .info_392{
    width: 60%;
    box-sizing: border-box;
}
.info_392 p{padding: 3px 0;}

.cnt_392a .form_392{
    width: 40%;
    background: #F2F4F8;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 30px;


}
#contact_392{
    _border: solid red;
    box-sizing: border-box;
}
#contact_392 h3{
    _text-align: center;
}
.form_392_ul{
    margin: auto;
    box-sizing: border-box;
    _border: solid green;

}
.form_392_ul li{
    position: relative;
    list-style: none;
    _margin: auto;
    width: 100%;
    box-sizing: border-box;
    _border: solid orange;
}

.form_392_ul label{
    position: absolute;
    top:7px;left: 15px;
    font-size: var(--fxs);
    color: #CACACB;
}

.form_392_ul input{
    width: 100%;
    border-radius: 30px;
    outline: #DBDCDC;
    border: none;
    padding: 20px ;
    font-size: var(--fs);
    margin-bottom: 10px;
    box-sizing: border-box;
}
.form_392_ul input:focus, .form_392_ul #message:focus{
    border: solid 1px var(--main);
}

.form_392_ul #message{
    width: 100%;
    background: #fff;
    height: 150px;
    outline: #DBDCDC;
    border-radius: 30px;
    font-size: var(--fs);
    box-sizing: border-box;
    padding: 25px 15px;
}

.form_392 .small_info{
    font-size: 10px;
    line-height: 1.3em;
}

.form_392 a{
    color: var(--main);
}

.form_392 .li_message{
    margin: 0 0 10px 0;
    align-items: center;
}

.form_392 #submit_392{
    background: var(--dark_green);
    color: #fff;
    _text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 1px;
    display: block;
    cursor: pointer;
    padding: 13px 15px;
}

.cnt_392a .socialnet_cnt{
    list-style: none;
    gap:15px;
}
.cnt_392a .socialnet_cnt{
    margin: 20px 0;
}
.cnt_392a .socialnet_cnt .icons{
    color: var(--dark_green);
    font-size: 20px;
}


/*shopping cart popup*/
.popup_login_inner {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 900px; height: 450px;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    z-index: 1000;
    gap: 30px;
    box-sizing: border-box;
}


.form-box {
    width: 400px;
    padding: 20px;

}

.form-box h3 {
    margin-top: 0;

}

.form-box p{
    font-size: 16px;
}

.form-box a{
    color: var(--main);
}


.form-box input{

    width: 320px;
    padding: 18px;
    margin: 10px 0;
    border-radius: 12px;
    border: solid 1px #212224;

}

.form-box button {
    border: none;
    cursor: pointer;

}


.form-box button:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}


/*shopping card Steps*/


.catid_79 #pageBody{
    background: #FAFAFA;

}

.porudzbinaCnt{
    justify-content: space-between;
    padding: 50px 0px;
}

.pg_393 .leftBox{
    width: 50%;
    /*! background: #fff; */
    border-radius: 30px;
    padding: 20px;
    box-sizing: border-box;


}

.pg_393 .rightBox{
    width: 40%;
    /*! background: #fff; */
    /*! border-radius: 30px; */
    padding: 20px;
    box-sizing: border-box;
}

.box_393 .stepsLi{
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 30px;
    margin-bottom: 20px;
    padding: 0 20px ;

}

.box_393 li{
    list-style: none;
}

.formKupacCnt label, .imePrezimeCnt label, .ulicaBrojCnt label{
    font-size: 14px;
    color: #555;
}

.mestoLi{
    position: relative;
    width:100%;
}

.stepsLi .flexbox{
    gap:20px;
    justify-content: space-between;
    box-sizing: border-box;
    align-items: center;
}

.stepsLi .katDrzavaLi > div {width: 50%; }
.stepsLi .katDrzavaLi input{width: 100%}

.stepsLi .imePrezimeli li, .stepsLi .eMailCnt li {width: 50%}
.stepsLi .imePrezimeli input, .stepsLi .eMailCnt  input{width: 100%;}

#podaciKupacForm .checkmark{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--main);
    font-size: 20px;
    width: 30px;height: 30px;
    border: solid 1px var(--main);
    border-radius: 50%;
    text-align: center;
    vertical-align: center;
    display: none; /* Hidden by default */

}


.formKupacCnt input, .formDostavaCnt input{

    border-radius: 15px;
    border: solid 1px #999;
    box-sizing: border-box;
    padding: 25px 10px 15px;

}

.imePrezimeCnt li  label, .ulicaCnt label, .brojCnt label,
.spratCnt label, .drzavaCnt label, .firmaLi label, .oibLi label,
.mestoLi label, .eMailLi label, .phoneLi label {
    position: absolute;
    top:10px; left: 10px;
}

.imePrezimeCnt li , .ulicaCnt, .brojCnt,
.spratCnt, .drzavaCnt, .firmaLi, .oibLi, .mailLi, .phoneLi{
    position: relative;
}

.ulicaBrojLi{
    justify-content: space-between;
    box-sizing: border-box;
}

.ulicaBrojCnt .ulicaCnt input{
    width: 100%;
    box-sizing: border-box;
}
.ulicaBrojLi .ulicaCnt {
    width: 60%;
    box-sizing: border-box;
}

.ulicaBrojLi .brojCnt{
    width: 30%;
    box-sizing: border-box;
}

.ulicaBrojLi .brojCnt input, .firmaLi input, .oibLi input, .mestoLi input{
    width: 100%;
    box-sizing: border-box;
}

.box_393 .mestoLi select{
    padding: 20px;
    border-radius: 20px;
    border:solid 1px #999;
    background: #fff;
    width: 100%;
}

.formKupacCnt li, .formDostavaCnt li{
    margin-bottom: 15px;
}

.box_393 .confirm, .box_393 .submitLi{
    margin: 30px 0;
}

.box_393 .confirm .nextStep, .box_393 #posaljiPorudzbinu{
    border-radius: 50px;

    width: fit-content;
    text-align: center;
    padding: 15px 35px;
    border: none;
    font-size: 17px;
    background: var(--dark_green);
    color: #fff;
    cursor: pointer;
    user-select: none;



}


.box_393 .confirm .nextStep.activeBtt{
    background: var(--main);
    color:#fff;
    pointer-events:  initial!important;
    cursor: pointer;
}

.formPlacanjeCnt .detaljiUplate{
    font-size: 14px;
    color: #888;
}

.formPlacanjeCnt .bank_logo{
    width: 60%
}

.formPlacanjeCnt li{
    margin-bottom: 15px;
}

.box_393 input[type="radio"]:checked,
.box_393 input[type="checkbox"]:checked {
    _appearance:none;
    background-color: #27B67C;
    position: relative;



}

.box_393 input[type="checkbox"]:checked:before,
.box_393 input[type="radio"]:checked:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--main);
    border-radius: 50%;

}

.box_393 .cenaDostave{
    color: var(--main);
}

.box_393 .pregledArtikalaHeader{
    justify-content: space-between;

}
.box_393 .pregledArtikalaHeader .urediKorpu{
    color: var(--main);
    font-size: 16px;
    align-content: center;
}

.box_393 .editData{
    color: var(--main);
    font-size: 16px;
}

.pregledKorpeCnt{
    background: #fff;
    border-radius: 20px;
    padding: 20px;
}

.pregledKorpeCnt .artikalLi{
    margin-bottom: 10px;
    border-bottom: solid 1px #ddd;
    display: flex;
    gap:10px;
    align-items: center;
    box-sizing: border-box;
    position: relative;

}
.pregledKorpeCnt .artikalKolicina{
    position: absolute;
    top:0;
    left: 70px;
}

.pregledKorpeCnt .artikalLi .artikalImage{
    max-width: 60px;
    height: auto;
    box-sizing: border-box;
}
.pregledKorpeCnt .artikalLi .artikalImage img{
    display: block;

}

.pregledKorpeCnt .artikalLi .artikalNaziv{
    font-size: 14px;
    flex-grow: 1;
}

.pregledKorpeCnt .artikalLi .artikalCena{
    font-size: 14px;
    flex-direction: column;
    flex-wrap: nowrap;


}

.pregledKorpeCnt .artikalLi .artikalCena .cena1{
    color:#B8B8B9;
    break-inside: avoid;
    position: relative;
    white-space: nowrap;
    font-size: 11px;
    text-decoration: line-through;

}

.pregledKorpeCnt .artikalLi .artikalCena .cena2{
    white-space: nowrap;

}

.cenaUk1{
    position: relative;
    color: #B8B8B9;
    margin-right: 10px;
    font-size: 13px;
    text-decoration: line-through;
}

.box_393 .finansijeUl .flexbox{
    justify-content: space-between;
    font-size: 14px;
}

.box_393 .finansijeUl{
    padding: 15px 0;
}

/*uspesno poruceno*/


.uspesnoPorucivanjeNote{
    width: 1000px;
    margin: auto;
    padding: 20px;
    box-sizing: border-box;
}

.uspesnoPorucivanjeNote h2{
    font-size: 20px;
}

.uspesnoPorucivanjeNote h3{
    font-size: 22px;
}

.uspesnoPorucivanjeNote p{
    font-size: 17px;
    padding: 7px;
    line-height: 1.6em;
}

/*moj nalog - whishlist items*/

.whlst_detail_info{background: #fff;padding: 10px 40px 30px 40px;border-radius: 20px; justify-content: left;gap: 100px;box-sizing: border-box;margin-bottom:30px}
.whlst_detail_cnt h3{font-size: var(--fn)}
.whlst_detail_info p{font-size: var(--fs)}
.whlst_detail_table{background: #fff;padding: 10px 40px 30px 40px;border-radius: 20px; gap: 100px;box-sizing: border-box;}
.whlst_detail_items .whlst_total{ border-bottom: none;}
.whlst_detail_items .whlst_total td{padding: 20px 0}
.whlst_detail_items .whlst_total td:last-child{text-align: center;}
.whlst_info .boxUl2 li{width: 40%; }
.whlst_info .boxUl2 {justify-content: space-between; width: 90%; margin: auto;}

/* --------- 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;
}
.pp_gallery {
    display: none!important;
}