/* MOBILE 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:#444444;
    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:20px;
    --fxl:24px;
    --fxxl:34px;
    --fm:17px;
    --fn:15px;
    --fs:13px;
    --fxs:11px;
    --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, .mobile_off, .top_baner,.catNav .drugi_nivo_cnt,
 .meni_jezici, .kosaricaTxt, .prijavaKorisnika,.navigatorStrana,
.greenTraka, .catalog_search, .svg_cnt,.CatTrackNav,
#wishlist_buttons,.flyOutMenu,.odjavaKorisnika,.wishListBar,.registrator .mobileSerach
{display: none!important;}

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

.cat_nav_slide{display:none;
    position: absolute;
    top:220px;
    z-index: 2000;
    background: #fff;
    width: 100%;
    right:100%;
    transition:1s all;
}
.cat_nav_slide.move_aside{
    display: block;
    right:0;

    
}

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


img {width: 100%; height:auto;display:block}
a{text-decoration:none;outline:none;font-family: inherit; color:inherit}
p{font-size: var(--fn); line-height: 24px;letter-spacing: 0.6px}
li{font-size: var(--fn); line-height: 24px;letter-spacing: 0.6px}
h1{font-size: var(--fl);font-family: main_b;line-height: 1.5em;padding: 20px 0px;}
h2{font-size: var(--fm); font-family: main_b; line-height: 1.5em;padding: 20px 0px;}
h3{font-size: var(--fn); padding: 20px 0px; font-family: main_b;}



.icons, .index .searchDugme {font-family: icons;}
.g_icon{font-family: g_icons}
.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) }
.oblast_sadrzaja {margin: 60px 10px; box-sizing: border-box;/*! border: solid red 1px; */ }
.zaglavlje_content{display: flex;max-width:100vw;max-height: 50px; justify-content: space-between; align-items: stretch; background: #fff; gap: 5px }
.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:hover{background: var(--main);}
.active_page{display: block!important; }
.mobile_baner{margin-top:38px;}

/*logo header*/
.wrapperTraka{padding: 7px;order:0;flex:1; max-width: 50vw;}
.wrapperTraka .icons img{width: 70%; }

/*kosarica i login header*/

.userBar {display: flex; gap: 5px; align-items:center;}
.userBar a{width: 25px; font-size: var(--fxxs);display: block; }
.userBar .korpa{position: relative; }
.userBar .cartQt{background: red; display: block; width: 10px; height: 10px; color: #fff; border-radius: 50%; margin: auto; text-align: center; position: absolute; top: 0;right: 0; padding: 1px; }

/*pages meni*/
.oblast_zaglavlja{position: relative;/*! margin-bottom: 55px; */}
.glavni_meni{position: absolute; left:0; color:#fff;bottom:-40px;height:40px; width:100vw;display:flex; justify-content: center;background:var(--dark_green); }
.menutype_1{display: flex;list-style: none; gap:10px; justify-self: center;align-self: center;}
.menutype_1 li{font-size: var(--fs); font-weight:bold;}
.menutype_1 li a{font-size: inherit; color: inherit;}


/*katalog meni*/

.mobileMenu{display: flex;gap:5px; align-items: center; justify-content: center; order:1; }
.catNav {width: 100vw;display: none; background: #fff; 
    padding: 20px 0px; box-sizing: border-box; 
    position: absolute;top:43px;left:0;z-index:100;
    _box-shadow:inset 0px 22px 10px 1px #3331;
    border-bottom:1px solid var(--main)

}
.catNav .all_cat{display: block; width: 100vw;box-sizing:border-box; padding: 30px; box-sizing: border-box}
.catNav .all_cat li{list-style: none;}
.catNav .all_cat li a{color: var(--dark_green); line-height:1.8em; padding: 10px 0; display: block; border-bottom: 1px solid var(--main)}
.oblast_zaglavlja .mob_main_menu{ top:0px; right:10px;  width:40px; height:40px; _border:1px solid var(--main); border-radius:10px; display: flex; align-items: center; justify-content: center; }
.mob_main_menu .mobMenuLine{display: inline-block; background: var(--dark_green); width: 70%; height:2px; position:relative; }
.mob_main_menu .mobMenuLine:before{content:""; width: 100%; background: var(--dark_green); height: 2px; display: inline-block; position:absolute; top:-10px;transition:.2s }
.mob_main_menu .mobMenuLine:after{content:""; width: 100%; background: var(--dark_green); height: 2px; display: inline-block;position:absolute; top:10px; transition:.2s}

/*search*/
.mobileSerach{ width: 30px;height: 30px;position: relative; }
.mobileSerach:before{content: "\f002"; position: absolute; font-family: icons; width: 30px; height: 30px; top:0px; left:3px; font-size: 22px; }
.catalog_search.visible{display: block!important;padding:15px 10px;}
.catalog_search.visible #brzi_pretrazivac input{padding: 8px;border-radius: 20px; outline:solid 1px #dddd;border: none; font-size: 12px;width: 100%;}
.catalog_search.visible #brzi_pretrazivac{ display:flex;justify-content:center;flex-wrap: wrap; }
#autoSuggestionsList{background: #fffe; width:90vw; display: block; }
#autoSuggestionsList li{display: flex;align-items: center;}
#autoSuggestionsList img{width:60px; display: block; height: 60px;}
#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 p{padding: 0; font-size: var(--fs); }
#autoSuggestionsList li div h3{display: none}

/*rezultati pretrage*/
.kataloski_prikaz_proizvoda {margin: 20px 0; }
.kataloski_prikaz_proizvoda li{list-style: none;width: 90%;margin:20px auto;position:relative; border:solid 1px #ddd;}
.kataloski_prikaz_proizvoda .catalogueThumbImage{border-radius: 20px;}
.kataloski_prikaz_proizvoda .catalogueItemText{color: #000; font-size: var(--fs);}
.kataloski_prikaz_proizvoda .catalogueItemText h3{font-size: var(--fs); padding:0}
.kataloski_prikaz_proizvoda .productPrice{position: absolute; top:0; left:0}

/*home page*/

.homeBox{margin-bottom: 50px; }
.homeBox h2{line-height: 1.6em; margin-bottom: 10px; font-size: 18px; padding: 0 10px 10px 0}
.homeBox .titleBox4 a{color: var(--main); text-decoration: underline; }
.flexUl{display: flex; flex-wrap: wrap; justify-content:flex-start; gap:10px } .flexUl li{list-style: none; }
.homeBox .boxUl1 li{border: solid 1px #aaa; border-radius: 10px; color: var(--gray); }
.homeBox .boxUl1 li a{color: inherit; display: block; padding: 10px 20px; }
.boxUl2 li{background: var(--light_grey); width: 20%; padding: 15px; border-radius: 20px; }
.boxUl2 .box2Img {width: 20%; /*! min-height: 30%; */ }
.boxUl2 li h3{font-size: var(--fs);line-height: 1.5em}
.boxUl2 li  p{font-size: var(--fs)!important;line-height: 1.5em}
.boxUl2 .box2Img img{display: block; width: 100%; }
.boxUl2 .box2Desc p{color: #B8B8B9; font-size: 16px; }
.box2 .flexUl li{width: 38%; }
/*
.box3 .gridUl{display: grid; grid-column-gap: 30px; grid-template-columns: 40% 45%; 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; padding: 0px; font-size: var(--fs);}
*/
.box3 .gridUl{
    list-style: none;
    font-weight:normal
}
.box3 .gridUl li h3{
    line-height: 1.3em
}
.box3 .gridUl li h3 a{
    font-weight:normal;
    _font-family: main;
    letter-spacing: -.2px;
    line-height: 1em
   
}
.homeBox .titleBox4 {justify-content: space-between; align-items: center; }
.homeBox .sliderInnerCnt {width: 100%; _background:#fafafa}
.homeBox .scrollUl{display: flex; 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: 90%; }
.homeBox .brendImgCnt{border-radius: 20px; overflow: hidden; } .homeBox .brendImgCnt img{display: block; width: 100%; height: auto; }
.homeBox .favProducer{color: #F15A22}
.homeBox .favInfoCnt h3{font-size: 14px}
.homeBox p{font-size: 12px;}
.homeBox .favPriceCnt{gap: 40px}
.homeBox .favOldPrice{color: #B8B8B9; position: relative}
.homeBox .actionCnt {justify-content: space-between; align-items: center;margin-top: 20px;}
.homeBox .actionCnt .moreInfo{gap: 10px;}
.homeBox .addToFav{width: 40px; cursor: pointer;}
.homeBox #homeFavInfo{/*! padding: 12px 20px; */display: inline-block; border-radius: 20px; border: none; /*! background: #F15A22; */ color: #fff; cursor: pointer; font-size: var(--fxs)}
.homeBox .brendItem{position: relative}
.homeBox .brendInfoCnt p{position: absolute; bottom:25px;left: 40px;background: #fff;padding:10px 20px; border-radius: 20px;}


.box9 .katlistFlex{justify-content:space-between; gap: 10px;}
.box9 .katlistFlex li{list-style: none;    letter-spacing: -0.2px}
.box9 .katlistFlex .catTitle378{text-transform: uppercase; }
.box9 .katlistFlex .showCat a{font-size: 12px; text-decoration: underline; display: block; margin: 0px 0px 15px 0; color: var(--main); }
.homeBox .newsUl{flex-wrap: wrap; gap: 20px; /*! margin: 30px 0px */}
.homeBox .newsUl li{padding: 0 0 10px 0}
.homeBox .newsUl .newsImgCnt{border-radius: 20px; width:100%; box-sizing:border-box;}
.homeBox .newsUl .newsImgCnt img{overflow: hidden;width: 100%; display: block;}
.homeBox .newsDate {font-size: var(--fxs); color: #DBDCDC}
.homeBox .newsLink {color: #00785B;font-size: var(--fs); text-decoration: underline; font-weight: bolder; }
.homeBox .linkBox7 a{text-decoration: underline; font-size: var(--fn); color:#00785B; margin:auto; display: block; width: fit-content; padding: 5px}
.homeBox .newsTitile{font-weight: bold;}

.homeBox.box6{ width: 100%;box-sizing:border-box;}
.homeBox .greenBckg .textBox6Cnt{ margin: auto; width: 100%; 
    box-sizing:border-box;padding:40px 20px;}
.homeBox .imgCnt6 img{height: 100%;}
.homeBox .textBox6{margin-bottom: 10px; width: 100%; padding: 10px;}
.homeBox .textBox6 h1{text-transform: uppercase; padding: 0px;line-height: 1.3em;margin-bottom: 10px; font-size: 24px}
.homeBox .transparentBtn{border: none;display: inline-block;width: fit-content; padding: 10px 20px; border-radius: 20px; background: transparent; outline: 1px #fff solid; color: #fff; break-inside: avoid}
.box6 .whiteBckg{height: 0;}
.box6 .imgCnt6{height: 150px;}
.box6 .imgCnt6 img{width: auto;margin: auto;}


.box9 .titleBox4{display: block; order: revert; padding: 20px 0; box-sizing: border-box;}
.box9 .titleBox4 .targetPopularProd{display: block; width: fit-content}
.box9 .katlistFlex{display:block}

.blockWrapper[data-id="405"] ul{display:flex;flex-wrap: wrap; gap: 20px; margin: auto; justify-content: space-between;}
.blockWrapper[data-id="405"] ul li{width: 100%;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; }

/*o nama*/

.bannercnt_298{display: none!important;}
.pg298_cnt .flexbox{display: block}
.pg298_cnt .flextxtbox{padding: 10px; margin: 10px 0}
.pg298_cnt .imageflex{border-radius: 20px;overflow: hidden;width: 100%;}
.block_298b .boxUl2 li{width: 90%;}
.flex_298d .imageflex img{width: 100%;}


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


/*kontakt*/
.catid_75 .pageTitle{text-align: left; padding-bottom: 10px;}
.cnt_392a{display: block;}
.cnt_392a .form_392{width: 100%;background: #F2F4F8;padding: 30px;box-sizing: border-box; border-radius: 30px;}
.form_392_ul li{position: relative;list-style: none;}
.form_392_ul label{position: absolute;top:0px;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;width: 100%;padding: 0 0 10px 0}
.form_392 a{color: var(--main); }
.form_392 .li_message{margin: 0 0 10px 0;display: block }
.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; }


/*blog - bloglist page*/
.catid_73 .pages {width: 90%; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; gap:30px; }
.catid_73 .page-pID {width: 100%; /*! margin-bottom: 50px; */ position: relative; align-items: center; list-style: none; }
.catid_73 .page-pID .img{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; }
.catid_73 .page-pID .antrafile{font-size: var(--fn); }
.catid_73 .page-pID .info h2{font-size: var(--fm); 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*/
.txtbox ul {
   padding-left:1.4em;
    padding-top: 1em;
}

.catid_73 .pageBody{width: 90%; margin: auto;}
.catid_73 .pageBody .full_img{width: 100%; margin-bottom: 30px; } 
.catid_73 .pageBody .full_img img{width: 100%; }
.catid_73 .pageBody .txtbox h3{color: var(--green) }
.catid_73 .pageBody .flexbox{margin: 40px 0px; gap: 30px; _align-items: center; }
.catid_73 .pageBody .flexbox .txt_flex{width: 70%;}



/*uvjeti kupnje*/

.pg368_cnt .payment_cnt{margin: 20px 0px; }
.catid_72  .pageBody h3{color: var(--green); }
.catid_72 .pageBody a{color: var(--main) }
.catid_72 .pageBody{width: 90%;margin: auto;}
.catid_72 .pg368_cnt li{list-style: none;} 

/* REGISTRATOR */

.contentTABLE{display: block; }
.contentTABLE {max-width: 100%; box-sizing: border-box;}
.registracijaCnt .imate_nalog_dugme{display: none!important;}
.registracijaCnt div{box-sizing: border-box;}
.registracijaCnt .registracijaCntForma{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{display: block;}
.registracijaCnt #registracijaOnlineForma .mailListLi {display: flex;margin: 10px 0;align-content:center;}
.registracijaCnt #registracijaOnlineForma .mailListLi label{color: #000; position: relative; line-height: 0.8em; padding: 0}
#ulogujte_se{ border-radius: 6px; color: #6b6b6b;margin: 0 0 20px 0}
#ulogujte_se h3{text-align: center;font-weight: normal;}
#ulogujte_se form{background: #fafafa;padding: 30px;border-radius: 20px;}
#ulogujte_se #dugme_login,
.registracijaCnt form input[type=submit],
.forgot_pass_btn{padding: 15px 30px;display: block;border: solid 1px #fff;border-radius: 30px;background: var(--dark_green);color: #fff;font-size: var(--fn);margin: 15px auto;}
.menuArea{display: none!important;}
.registracijaCnt form input{padding: 24px 10px 10px 12px;border: none;border-radius: 6px;min-width: 100%;box-sizing: border-box;}
.registracijaCnt form label{position: absolute;font-size:var(--fxs);top:6px;left:10px; color: #555;}
.registracijaCnt form p{position: relative;padding: 0 0 10px 0;}
.registracijaCnt form p a{color: inherit;text-decoration: underline;font-size: var(--fxs)}
.registracijaCnt #mail_list{min-width: unset;width: 18px;height: 18px;padding: 0;display: block;}
.registracijaCnt .napomenaContainer{color: #fff; font-size: var(--fs);line-height:1.3em;}
.registracijaCnt .napomenaContainer li{list-style: none;font-size: var(--fs); line-height:1.3em;}

/* zaboravljena lozinka */
.forgot_pass{background: #fafafa;padding:20px;border-radius:20px}
.app_field_unos{padding: 24px 10px 10px 12px;border:#ddd 1px solid;border-radius: 6px;min-width: 100%;box-sizing: border-box;}
.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:10px;font-size:var(--fn)}





/* KATEGORIJE */

.catalog_head .title_ul{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(--fxs); padding: 3px 0}
.catalog_head .sort_li{display: flex; font-size:var(--fxs); gap:10px;align-items: center;justify-content: space-between; }
.button_flat{border: solid 1px #ddd;padding: 3px 5px;cursor: pointer; width: fit-content; font-size: var(--fxs)}
.catalog_head .sort_li div:first-child{border: solid 1px #ddd;padding:3px 5px ;_display:flex;flex-direction: column}
.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; font-family: main;font-size: var(--fxs)}
.catalog_content{display: flex; background: #fafafa; padding: 10px;}
.naslov_kategorije{padding: 0 0 20px 0;}
#filteri_call{
    padding: 4px 20px;
    background: var(--dark_green);
    color:#eee
}
.kategorije ul{display: block;}
.kategorije ul li{
    list-style: none;
    width:230px;
    border:1px solid var(--main);
    padding: 10px;

}
.cat_main_area{background: #fafafa;box-sizing: border-box;}
.cat_main_area li{list-style: none; box-sizing: border-box; background: #fff; margin-bottom: 20px; padding: 15px; border-radius: 10px; position: relative;}
.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;}
.cat_main_area li .favImgCnt img{display: block; width: 100%; margin-bottom: 8px; border-radius: 10px; }_main_area .favInfoCnt{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 .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;}
.cat_main_area .favPriceCnt .favPrice{font-weight: bold;}
.cat_main_area .favPriceCnt .favOldPrice{position: relative; text-decoration:line-through}
.cat_main_area .mark_shipping{position:  absolute; width:60px; top:80px;right:3px; }
.cat_main_area .dicountBadge{position:  absolute; width:50px; top:10px;left:3px; }
.cat_main_area .jamstvoLi{position:  absolute; width:60px; top:10px;right:3px; }
.cat_main_area .minCenaVal{font-size: var(--fxxs);}
.cat_main_area .favOldPrice{color: #B8B8B9;}


/*proizvod*/

.oblast_kataloga {
    display: block;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
    
}

.filterOuter{color: #333;padding: 10px;}
.filterOuter .filter_group{border-bottom:1px solid #DBDCDC;padding: 15px 10px;}
#primeni_filter{font-size: var(--fn);border: none; margin:20px auto;padding: 10px 20px;border-radius: 20px;background:var(--dark_green);color: #fff;}
.filterHeader{display: none}
.filter_group h3{font-size:var(--fs);}
.filter_item{
    list-style: none;
    font-size: var(--fs);
    padding: 3px 0;
    display: flex; flex-wrap: nowrap; justify-content: left;
    
}

.filter_items li {display: flex; gap:5px; align-items: center;}
.fgn .filter_item label{display: flex; justify-content: space-between;flex:  max-content;}
.fgn .filter_item .filter_item_name { flex:  max-content; }

.filter_item input[type='checkbox']{
    background: blue;
    display: inline-block;
    margin:3px 10px 3px 0;
    
}
.filter_item label {}
.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{
  display: flex;
  /*! justify-content: center; */
}
.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:60px;height: auto;background: #fff;top:30px;right:20px}
.brendCnt img{display: block; width:100%; background: #fff; filter: contrast(1.3) grayscale(1); }
.mainPorductInfoCnt .productNameCnt{font-size: var(--fn);font-family: main_b;line-height: 1em;}
.mainPorductInfoInner *{font-size: var(--fxs);}
.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; line-height: 1.4em }
.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;
    margin: 0;
    height: fit-content;
    border:1px solid #ccc;
    border-radius: 15px;
    box-sizing: border-box;
    font-size: var(--fs);
    max-width: 90vw;
}

.selectArticle option{font-size: var(--fxs);}
.dopunskiProizvodiCnt .dopunskiImg{
    width: 100px;
}

.dopunskiProizvodiCnt .flexbox{gap:10px;align-items: center;}

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

.dopunskiProizvodiCnt .dopunskiPricesCnt{
    display: flex;
}
.priceDynamicBlockCnt .priceDynamicBlock{
    padding: 20px 0;
    display: block;
    gap:10px;
    font-size: var(--fs);
}

.priceLeftBlock {margin-bottom: 20px;display: flex; flex-direction: column-reverse;  }
.priceLeftTop{/*! margin:auto; */ display:flex; gap:10px;}




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

.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: 80vw;
  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: 50px;width:50px;
    justify-content: center;
    align-items: center;
    padding: 0 0 4px;
    box-sizing: border-box;
    color:#fff;
    font-size:var(--fn);
    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: center;
    align-items: center;
    gap:20px;

}
.shoppCnt .kolicina {
    border:1px solid #ccc;
    background:#f8fafb;
    padding: 14px;
    text-align: center;
    outline:1px solid #ccc;
    width:50px;
    border-radius: 20px;

}

.shoppCnt .buttons{width: 100%; text-align: center;}

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

.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{
    margin: auto;
    padding: 20px 30px;
}

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

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

.katalog_navigacija{
    display: none;
    /*! min-width:230px; */
}
.katalog_prikaz .proizvodi{
    list-style: none;
}
.katalog_prikaz .proizvod{
    padding: 15px;
    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: 85vw;
    overflow:scroll; 
    margin: auto;

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






/*shopping cart popup*/

.popup_login_inner {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 90vw;height:190vw;padding: 20px; background-color: #fff; border-radius: 10px;z-index: 1000; box-sizing: border-box; display:block }
.form-box p{font-size: var(--fs);}
.form-box a{color: var(--main);}
.form-box input{width: 60vw;padding: 15px; 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{display: block;}
.pg_393 .leftBox{border-radius: 30px;padding: 10px;box-sizing: border-box;margin-bottom: 10px;}
.pg_393 .rightBox{padding: 10px;box-sizing: border-box;border-radius: 30px;}
.box_393 .stepsLi{display: flex; flex-direction: column; background: #fff; border-radius: 30px; margin-bottom: 20px; padding: 0 12px ; }
.box_393 li{list-style: none;}
.formKupacCnt label, .imePrezimeCnt label, .ulicaBrojCnt label{font-size: 12px;color: #555;}
.mestoLi{position: relative;width:100%;}
.stepsLi .flexbox{display: block;box-sizing: border-box;}
#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; }
.formKupacCnt input, .formDostavaCnt input{padding: 20px; border-radius: 15px; border: solid 1px #999; box-sizing: border-box; padding: 25px 10px 15px; width: 100%;}
.imePrezimeCnt li  label, .ulicaCnt label, .brojCnt label,
.spratCnt label, .drzavaCnt label, .firmaLi label, .oibLi label,
.mestoLi label, .eMailLi label, .phoneLi label {
    position: absolute;top:4px; left: 10px;}
.imePrezimeCnt li , .ulicaCnt, .brojCnt, 
.spratCnt, .drzavaCnt, .firmaLi, .oibLi, .mailLi, .phoneLi{position: relative;}
.ulicaBrojCnt .ulicaCnt input{width: 100%;box-sizing: border-box;}
.ulicaBrojLi .brojCnt input, .firmaLi input, .oibLi input, .mestoLi input{
    width: 100%;box-sizing: border-box;}
.formKupacCnt li, .formDostavaCnt li, .formKupacCnt li div{margin-bottom: 15px;}
.box_393 .r1Li{display: flex;gap:5px; align-items:center;}
.box_393 .r1Li input,
.box_393 .dostavaLi .flexbox input, 
.box_393 .drugaAdresaLi input{
    display: block;width: 15px;height: 15px;}
.box_393 .r1Li label{flex-grow: 1;}
.box_393 .dostavaLi li{font-size: 13px}
.box_393 .confirm, .box_393 .submitLi{margin: 30px 0;}
.box_393 .dostavaLi .flexbox, .box_393 .radiobox{
    display: flex; align-items:center; gap: 10px;justify-content: space-between}
.box_393 .drugaAdresaLi{ display: flex; align-items:center; gap: 10px;}
.box_393 .confirm .nextStep, .box_393 #posaljiPorudzbinu{border-radius: 50px; width: fit-content; text-align: center; padding: 15px 35px; border: none; font-size: 15px; background: var(--dark_green); color: #fff; cursor: pointer; user-select: none; }
.formPlacanjeCnt .detaljiUplate{font-size: 12px;color: #888;}
.formPlacanjeCnt .bank_logo{width: 60%}
.formPlacanjeCnt li{margin-bottom: 15px;}
.box_393 .cenaDostave{color: var(--main);font-size: 13px;}
.box_393 .pregledArtikalaHeader{justify-content: space-between;}
.box_393 .pregledArtikalaHeader .urediKorpu{color: var(--main);font-size: 12px;align-content: center;}
.box_393 .editData a{color: var(--main);font-size: 12px;}
.pregledPodatakaKupovineCnt .step4titleBox{display: flex;align-items: center;justify-content: space-between}
.pregledKorpeCnt{background: #fff;border-radius: 20px;padding:10px}
.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: 62px; font-size: 11px; }
.pregledKorpeCnt .artikalLi .artikalImage{max-width: 50px; height: auto; box-sizing: border-box; }
.pregledKorpeCnt .artikalLi .artikalImage img{display: block; }
.pregledKorpeCnt .artikalLi .artikalNaziv{font-size: 11px; flex-grow: 1; } .pregledKorpeCnt .artikalLi .artikalCena{font-size: 11px; 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: 12px; text-decoration: line-through; }
.box_393 .finansijeUl .flexbox{justify-content: space-between; font-size: 12px; }
.box_393 .finansijeUl{padding: 15px 0; }
.box_393 .saglasnostUl{margin:8px 0}

/*uspesno poruceno*/
.uspesnoPorucivanjeNote{width: 100%;margin: auto;padding: 20px;box-sizing: border-box;}
.uspesnoPorucivanjeNote h2{font-size: var(--fn);}
.uspesnoPorucivanjeNote h3{font-size: var(--fm);}
.uspesnoPorucivanjeNote p{font-size: var(--fxs);padding: 7px 0;line-height: 1.6em;}

/*moj nalog*/

#myaccount_style {display: flex; flex-direction: column-reverse; }
#myaccount_style .menuArea.exists{display: block!important; background: #fafafa;padding:20px}
#myaccount_style .menuArea.exists li{list-style: none; color: var(--main)}
#myaccount_style .menuArea.exists li a{color: inherit;}
#myaccount_style .myAcc_container {background: #fff;border-radius: 20px;/*! padding: 20px; */line-height: 1.8em}
#myaccount_style .myAcc_container input[type="submit"],
#myaccount_style .passReset{display: block;border: none; 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; }
#myaccount_style .myAcc_container input[type="submit"]:hover,
#myaccount_style .passReset:hover{background: var(--main);}
#myaccount_style .flexbox{display: block; background: #fafafa;padding: 10px; box-sizing:border-box;} 
#myaccount_style .form_cnt fieldset{border: none; margin-bottom: 20px; display: flex; flex-direction: column;}
#myaccount_style .form_cnt input{padding: 15px; border-radius: 20px; border: none;width: 90%;margin: auto; }
#myaccount_style .form_cnt label{padding: 15px 10px 2px 7px}
.message{font-size:var(--fn); font-weight: normal; font-family: main;}

#snimljeneListe{border-collapse: collapse; }
#snimljeneListe a{color: var(--main); text-decoration: underline;margin: right; display:block; text-align: right;}
#snimljeneListe tr{border-bottom: solid 1px #B8B8B9;}
#snimljeneListe td,#snimljeneListe th{padding: 10px 0;} 
#snimljeneListe th, .wl_opis_liste{color: #c1c1c2; text-align: left;}

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

.whlst_info .boxUl2 li{width: 40%}
.whlst_info .boxUl2{margin: 30px 0}
/* WISHLIST  */

.tableDiv table{width: 100%; box-sizing: border-box;}
.tableDiv tr:first-child{display: none;}
.tableDiv tr{padding: 10px;display: grid;  box-sizing: border-box;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr; 
    grid-template-areas:
        "img name name name"
        "none percent del qt";
}
.tableDiv .coll_image{grid-area: img} 
.tableDiv .qtyChange{grid-area: qt}
.tableDiv .last_td{grid-area: del}
.tableDiv td:nth-child(2){grid-area: name; }
.tableDiv td:nth-child(3){display: none!important;}
.tableDiv td:nth-child(4){grid-area: percent;}
#wishlistDisplay .hederBoksa{display: flex;justify-content: left;gap:10px;align-items: center;}
.overallPrice{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);outline: none;}
.tableDiv td.coll_image{width:20vw;}
.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 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{font-size: var(--fxs); background: none;color: #F15A22;width: fit-content;}
.tableDiv .cena_precrtana{color: #B8B8B9;text-decoration: line-through;}
.tableDiv .qtyChange{position: relative;width: 90px;text-align: center;}
.tableDiv .qtyMinus, .tableDiv .qtyPlus{background: transparent; color: #3a3b3d; position: absolute; font-size: 18px; }
.tableDiv .qtyMinus{left: 10px;}
.tableDiv .qtyPlus{right:10px;}
#napomenaFakture, #usloviProdaje, .placanjePouzecem, .placanjeKarticom, .virmanskoPlacanje {
    display: none!important;}


/*b2b login*/

.b2b .b2back{position: absolute;top:0px;left: 0px;cursor: pointer;width: 100%;height:50px;border-bottom: solid 2px var(--dark_green);box-sizing: border-box;padding: 5px; }
.b2b .b2back a img{display: block;height: 40px;width: auto; }
.b2b .pageTitle{margin-top:50px;text-align: center;}
.b2b #dugme_login{text-align: center;}

/*footer*/
.oblast_futera{
    padding:40px 0 0 0;
}
.oblast_futera .newsleter_cnt{padding: 35px 5px;box-sizing: border-box;}
.oblast_futera .newsleter_cnt .flexbox{gap: 20px;}
.newsleter_cnt .email_cnt input{border: none; color: #fff; background: transparent; outline: 1px #fff solid;
    padding: 10px 20px; border-radius: 20px; margin-top: 10px;}
.newsleter_cnt #nwsEmail{border: none;display: inline-block;width: fit-content; padding: 10px 20px;margin:10px 0; border-radius: 20px; background: transparent; outline: 1px #fff solid; color: #fff; break-inside: avoid}
.footer_middle{display: flex; flex-wrap: wrap; gap:10px; padding: 10px;justify-content: space-between}
.footer_middle > div{padding: 20px 10px}
.footer_middle li{list-style: none; font-size: var(--fs);line-height: 1.5em}
.footer_logo{width: 120px;}
.footer_logo img{display: block; width: 100%;}
.platinum_img{margin: auto; list-style: none; width:70%}
.socialnet_cnt{display: flex; list-style: none; justify-content: center;gap:10px; height: 20px;}
.socialnet_cnt .icons{font-size: 25px; color: var(--main)}
.payment_cnt{display: flex; gap:5px; margin:20px auto; box-sizing: border-box; justify-content: center;list-style: none}
.footer_copyright{ flex-wrap: wrap; flex-direction: column-reverse; padding: 10px;}
.footer_copyright p{width: 100%;margin:5px auto;text-align: center;font-size: var(--fxs)}
.footer_copyright .copy_rightBox{ gap: 5px; justify-content: center;}
.footer_copyright .copy_rightBox p{padding: 0;font-size: var(--fxs); display: block; width: fit-content;}
.footer_copyright .copy_rightBox a{display: block; width: fit-content}

/* --------- 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: 0px; left: 0; background: #ffffff;}
#slider1_container .jssorslides{left: 0;}
.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;
    display:none;
}
.jssora05r {
    background-position: -70px -40px;
    right:10px;
    width:40px;height:40px;
    display:none;
}
.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;
}

#slider1_container>div{}
#slider1_container>div>div{}
.jssort01>div{}