/* MAIN STRUCTURE CSS */

/* VARIABLES */
:root {
    --darkpink: #ffe6e6;
    --pink: #f9d6d2;
    --lightpink: #f6eaec;
    --gold: #decda1;
    --darkgold: #d2b565;
    --slyel_20:rgba(254,193,39,.2);
    --slg_20:rgba(86,191,152,.2);
    --fl:24px;
    --fxl:36px;
    --fm:20px;
    --fn:16px;
    --fs:14px;
    --fxs:12px;
    --th:rgba(86,191,12,.05);
}

*{padding:0px; margin:0px; }
@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: asap; src: url('fonts/asap_regular.ttf');}
@font-face {font-family: cherokee; src: url('fonts/plantagenet_cherokee.ttf');}
@font-face {font-family: numbers; src: url('fonts/PlayfairDisplayRegular.ttf');}
/* ELEMENTS*/

.buttons{
    background:var(--pg);
    min-width:200px;
    max-width:240px;
    margin:auto;
    box-sizing: border-box;
    padding:10px 16px;
    border-radius:6px;
    color:#eee;
    cursor: pointer;
    text-decoration: none;
}


HTML{width:100%;}
BODY {width:100%; font-size:14px; font-family:asap,sans-serif;}
img {border:0}
a{color:inherit;font-size:inherit;}
p{font-family: sans-serif; font-size: 16px; line-height: 1.5em}
.oblast_strane{width:100%; margin:auto; }
.oblast_zaglavlja{position:fixed;width:100%;top:0;
    background: rgba(255,255,255,.4);
    font-family: asap ;
    border-bottom:1px solid #ddd;
}
.oblast_zaglavlja_inner{width:960px;margin: auto; position:relative;}
.oblast_sadrzaja{width:100%; min-height:700px;  margin:0 auto;}
p, a, h1,h2,h3,h4,h5,h6,li, label{color:#444;}
.top_baner, .mainTopBannerInner{width:100%;}
/*CHANGE*/
.top_baner{border-bottom: 1px solid var(--pink); margin-top:102px;}
.icons {font-family: icons;text-decoration:none;}
.index .oblast_strane .pageTitle{color: #afa06a; text-align: center; padding: 20px 0px 10px; font-weight: normal; font-size: 30px; box-sizing: border-box}

.jssorb1 div,.jssorb1 .av{
   
  
    background: rgba(249, 214, 210,.5)!important;;
    border:1px solid var(--gold)!important;;
  
}

.jssorb1 .av { background-position: -65px -5px; background:rgba(255,255,255,.2)!important;}


/*EFFECTS*/







/* DISPLAY NONE */
#coll_middle .navigatorContainer{display: none!important;;}
.catalog_search{display: none;}
.popUpBox{display: none}
.fixed-futer{display: none}
.obavestenje{display:none;}
#mobBanner{display: none;}
.flyOutMenu{

    width:20px;
    position:absolute;
    top:25px;right:69px;
    z-index: 200;
}
.flyOutMenu #cart_indication a{
    font-size:0;
    width:10px; height:10px;
    display: block;
    background: red;
    border-radius:50%;
    border:2px solid #fff;
}
.index .sideCatNav{display: block;}
.imageForMobile,
.mob_main_menu, .poruciTekst,.tempContainer,.footer_mob_info,
.wishListBar,.PageTrackNav,.iconOpis{
    display:none
}
.hidden{display: none!important}

.userBar,
.headerIconsDiv,
.CatTrackNav,
.homeMenu,
.popup_baner{display: none!important; }
.imate_nalog_dugme{display: none}


.zaglavlje_content{position:relative;}
.wrapperTraka .logo{position:absolute; top:14px;left:20px; width:250px; height:auto;display:block;}
.logo a{display:block; width:100%}
.logo img{display: block;width:100%;}

/*GLAVNI MENI*/
.glavni_meni{display:flex;justify-content:flex-end; background: var(--lightpink);}
.glavni_meni ul{display: flex;list-style: none; width:1000px;}
.glavni_meni ul > li{flex-grow: 1; text-align: center; }
.glavni_meni ul > li a{text-decoration: none; display: block; padding: 6px 20px; box-sizing: border-box; color:#555; border-bottom:3px solid transparent; font-size:16px; }
.glavni_meni ul > li a:hover{border-bottom:3px solid #ffe6e6;}
.glavni_meni ul > li a{color:#afa06a}
.glavni_meni li img{width: 100%; display: block;height: 100%}

/* GORNJA TRAKA */
.wrapperTraka{display: ; background: rgb(255,255,255);/*! padding:10px 5px; */ box-sizing:border-box;
    transition: all 1s;}
.wrapperTraka{background: #fff; position:relative; display:flex; justify-content:flex-end; }
.wrapperTraka .kontakt-broj{ display: flex;padding-right: 20px; text-align: left; align-items: center}
.wrapperTraka .kontakt-broj a:nth-child(1){width: 30px}
.wrapperTraka .kontakt-broj a:nth-child(2){font-size: 20px; text-decoration: none; color: var(--darkgold); padding-right: 40px; box-sizing: border-box}
.wrapperTraka .termini{display: flex;align-items: center; margin: auto ; padding: 10px; 10px 10px 0px}
.wrapperTraka .termini a{color: var(--darkgold); text-decoration: none; font-size: 24px}
.wrapperTraka .termini .timeImage{width: 40px; margin-left: 10px;}
.wrapperTraka .termini .timeImage img{width: 100%; display: inline-block}
.wrapperTraka img{display: block;width:100%;}
.wrapperTraka .logoHome img{}
.wrapperTraka .futerDrustveneMreze{display: flex; justify-content: start; padding:16px 6px}
.wrapperTraka .futerDrustveneMreze ul{display: flex;list-style: none}
.wrapperTraka .futerDrustveneMreze li{width: 30px; padding: 3px }

.divLevi{padding:2px 10px;}
.divLevi .itemIcon{width:35px;  padding:4px 8px}
.divDesni .itemIcon{width:29px;  padding:8px 8px;}
.divDesni .item.right:last-child .itemIcon{padding: 8px 20px 8px 8px}

.fixedLink_form{display: flex; width:auto;position: absolute;top:6px; left:300px; display: none;}
.fixedLink_form div{margin:5px 0; display: flex;}
.fixedLink_form .slika{display: block; width: 44px;padding: 3px; box-sizing: border-box}
.fixedLink_form img{display: block; width: 100%; _filter:invert(1) contrast(5) saturate(1) }
.fixedLink_form a{text-decoration: none; display: flex; width: 100%; height:50px}
.fixedLink_form p{width: max-content;color:#fff; padding: 10px 5px;display:none}
.fixedLink_form a:hover{margin-left: 0; transition:.3s}


.logoScroll{
    display: none;
    width:110px;
    padding: 5px;
}
.logoScroll img{
    display: block;
    width: 100%;
}
/*HOME PAGE*/
.home-strana{margin-top: -50px}
.home-strana .termin-zakazivanje{width: 100%; margin: auto; text-align: center; background: var(--lightpink)}
.home-strana .termin-zakazivanje p a{display: block; padding: 20px; font-size: 32px; color: var(--darkgold); text-decoration: none;}

.home-strana .blok-flex{display: flex; justify-content: space-between; width: 100%; margin-top: 30px}
.home-strana .blok-flex .blok a{text-decoration: none;}
.home-strana .blok-flex .blok{width: 32%; margin: auto; border: 1px solid var(--gold); }
.home-strana .blok-flex .blok a img{width: 100%;}
.home-strana .blok-flex .blok h2{text-align: center; background: var(--lightpink)}
.home-strana .blok-flex .blok h2 a{color: var(--darkgold);  padding: 10px; box-sizing: border-box; display: block;}
.home-strana .blok-flex .vise{display: block; background: #fff; padding: 5px; color: var(--darkgold); font-size: 20px}


/*test*/
.blok-flex .blok {position: relative}

.blok:nth-child(1):hover:after{content: "";position: absolute;
    overflow: hidden; right: 0; bottom: 0; top: 0; left: 0; display: block; background-image:url(../../cms_upload/pages/files/46_hidzama_home_strana.jpg);
background-repeat: no-repeat; background-size: cover; background-position: center; pointer-events: none; cursor:pointer} 
.blok:nth-child(2):hover:after{content: "";position: absolute;
    overflow: hidden; right: 0; bottom: 0; top: 0; left: 0; display: block; background-image:url(../../cms_upload/pages/files/46_kvantna_analiza_home_strana.jpg);
background-repeat: no-repeat; background-size: cover; background-position: center;  pointer-events: none; cursor:pointer} 
.blok:nth-child(3):hover:after{content: "";position: absolute;
    overflow: hidden; right: 0; bottom: 0; top: 0; left: 0; display: block; background-image:url(../../cms_upload/pages/files/46_nutricionizam_home_strana.jpg);
background-repeat: no-repeat; background-size: cover; background-position: center; pointer-events: none; cursor:pointer} 



/*page*/
.pageBody{width: 90%; margin: auto; padding: 20px; box-sizing: border-box;
}

.kvantnaAnaliza >div{margin-bottom: 30px; border-bottom: 10px solid var(--gold); padding-bottom: 20px}
.kvantnaAnaliza >div:last-child{border-bottom: none}
.kvantnaAnalizaTela .slika.kvantnaAnaliza{display: flex;}
.kvantnaAnalizaTela .slika img{width: 100%; display: block;}
.kvantnaAnaliza .parametri{display: flex; justify-content: space-around}
.kvantnaAnaliza .parametri ul li{list-style: inside; padding-top: 10px; font-size: 16px;}
.kvantnaAnaliza .parametri .slika{width: 40%}
.kvantnaAnaliza .parametri .slika img{width: 100%; display: block}

.nutricionizam >div{margin-bottom: 30px; border-bottom: 10px solid var(--gold); padding-bottom: 20px}
.nutricionizam >div:last-child{border-bottom: none}
.nutricionista .slika{width: 50%}
.nutricionista .slika img{width: 100%; display: block}
.nutricionizam .nutricionista {display: flex; justify-content: space-between;}
.nutricionizam .nutricionista .tekst{width: 65%; padding:0 10px; box-sizing: border-box; }
.nutricionizam .nutricionista .tekst p{margin-bottom: 20px}
.nutricionizam .nutricionista .slika{width: 33%}
.nutricionizam .nutricionista .slika img{width: 100%; display: block}
.nutricionistickiPregled {display: flex; justify-content: space-around;}
.nutricionistickiPregled .slika{width: 40%;}
.nutricionistickiPregled .slika img{width: 100%; display: block}
.nutricionistickiPregled ul li{list-style: inside; padding-top: 10px; font-size: 16px}

.priladodjenaIshrana{display: flex;justify-content: space-around}
.priladodjenaIshrana .slika{width: 30%;}
.priladodjenaIshrana .slika img{width: 100%; display: block}
.priladodjenaIshrana ul li{list-style: inside; padding-top: 10px; font-size: 16px}

.oMeni .predstavljane{display: flex; justify-content: space-around; width: 80%; margin: auto; padding: 10px; background: var(--lightpink); }
.oMeni .predstavljane .slika{width: 30%;}
.oMeni .predstavljane .slika img{width: 100%; display: block}
.oMeni .predstavljane .tekst h2{margin: 10px 0 20px 0; font-size: 25px;}
.oMeni .predstavljane .tekst h3{margin: 10px 0 5px 0; font-size: 20px;color: #555}
.oMeni .predstavljane .tekst h4{margin: 5px 0 0px 0px;font-size: 16px; color: #666}
.oMeni .predstavljane .tekst h4:before{content: "- ";}
.oMeni >p{margin-top: 20px}

.hidzama >div{margin-bottom: 30px; border-bottom: 10px solid var(--gold); padding-bottom: 20px}
.hidzama >div:last-child{border-bottom: none}
.hidzama .izvodjenjeHidzamaTretmana, .hidzama .uvodUHidzamu{display: flex; justify-content: space-around;}
.hidzama .izvodjenjeHidzamaTretmana .slika, .hidzama .uvodUHidzamu .slika{width: 100%}
.hidzama .izvodjenjeHidzamaTretmana .slika img, .hidzama .uvodUHidzamu .slika img{width: 100%; display: block;}
.hidzama .hidzamaPredstavlja .praksa {display: flex; }
.hidzama .hidzamaPredstavlja .praksa img{margin-right: 20px}
.kvantnaAnalizaTela p{margin-top: 10px}
.kvantnaAnalizaTela .kvantnaAnaliza{width: 60%; margin-top: 30px}
.kvantnaAnalizaTela .kvantnaAnaliza img{margin-right: 20px}
.hidzama .hidzamaPredstavlja .slika{width: 50%;}
.hidzama .hidzamaPredstavlja .slika img{width: 100%; display: block}
.hidzama p{margin: 10px 0;}
.hidzama ul{padding: 5px; box-sizing: border-box}
.hidzama ul li{list-style: inside; font-size: 16px; line-height: 1.5em ;margin-top: 10px}
.hidzama h3{margin: 20px 0 10px; font-size: 22px; color: var(--darkgold)}

.hidzamaPitanja>li{color: var(--darkgold)}
.hidzamaPitanja p{padding-left: 15px}
.hidzamaPitanja ul{padding-top: 0; padding-left: 10px }
.hidzamaPitanja ul li{list-style: none}
.hidzamaPitanja ul li:before{content: "- "}

/*biofrekvencije*/

.biofrekvencije .prviBlok {display: flex; margin-top: 30px}
.biofrekvencije .drugiBlok {display: flex; margin-top: 40px}
.biofrekvencije .prviBlok img {width: 100%; display: block;}
.biofrekvencije .prviBlok .slika {width: 100%;margin-left: 20px }
.biofrekvencije .prviBlok .tekst {padding: 30px}
.biofrekvencije .drugiBlok ul {padding: 20px; line-height: 2em; font-size: 16px}
.biofrekvencije .drugiBlok .tekst {margin-top: 70px}
.biofrekvencije .drugiBlok h2 {color: #afa06a}

/* BANNER */


.baner_slide_title{
    position:absolute;
    top:20px;right:0;
    z-index: 100;
    font-size:30px;
    background: var(--pg);
    color:#fff;
    padding:10px 30px 10px 50px;
    border-radius:8px 0 0 8px;


}
.baner_slide_description{
    position:absolute;
    top:80px;right:0;
    z-index: 100;
    font-size:20px;
    background: var(--main);
    color:#eee;
    padding:10px 30px 10px 50px;
    border-radius:8px 0 0 8px;
}
/* HOME */
.blogHome{display: flex; justify-content: space-between;width: 70%; margin: auto; flex-wrap: wrap}
.izdvojeniTekst{display: flex;width: 100%;  box-sizing: border-box;background: rgba(1, 84, 61,1); position: relative; margin-bottom:20px}
.izdvojeniTekst p{color: #fff; box-sizing: border-box; padding:10px 0}
.izdvojeniTekst .slikaIzdvojeniTekst{width: 30%; height: max-content;margin:0 auto }
.izdvojeniTekst .izdvojenTekstTxt{width: 70%; padding: 20px; box-sizing: border-box}
.izdvojeniTekst a{position: absolute; right: 70px; bottom: 30px; background: ; color: #fff; width: 200px; display: block;
    padding: 10px 10px; text-align: center; text-decoration: none; font-size: 18px;
border: 1px solid #fff; box-shadow: 2px 2px 2px 3px #111}
.izdvojeniTekst .izdvojenTekstTxt:nth-child(1) a{ left: 20px}



.oblast_zaglavlja{background: var(--pg);}
.colorChange{transition: .3s}
.oblast_sadrzaja{width:100%; min-height:700px;  margin:40px auto; position: relative; }
.index #coll_middle {padding: 60px 0 0; box-sizing: border-box; width:100%; flex-basis:initial; flex-grow:initial; background: #}
.homebox{width: 100%; }

.obavestenjeTraka{background: red; position: absolute; top: 0; left: 0; right: 0; background:#ea1f3c;padding:5px 10px; box-sizing: border-box;
    text-align: center}
.obavestenjeTraka p{color: #fff;font-size:var(--fm)}


/* PROFAKTURA */
.documentLOGO{

    width:200px;
}
.documentLOGO img{
    display:block;
    width:300px
}
.documentKLIJENTinner{
    border-top:1px solid var(--pg);
}
.docCompanyUL{
    text-align:left;
    font-size:var(--fs);
    list-style:none;

}
.docCompanyUL li{
    padding-left:250px;
}
.docCompanyUL .imeFirme{
    font-weight:bold;

    font-size:var(--fn);

}
.docCompanyUL .punoImeFirme{
    font-size:var(--fxs);
    padding-bottom:6px;

}
.docKlijentUL{

    list-style:none;
    text-align:left;
    font-size:var(--fs)
}
.docCompanyName{
    font-size:var(--fl);

}
.docCompanyName a{
    text-decoration:none;
}
.documentINFOdoc{
    width:400px;
    text-align: right;
}

.documentINFOdoc li{
    list-style: none;
    font-size:var(--fs);

}
.documentINFOdoc .nazivDokumenta{
    font-size:var(--fl);
    font-weight:bold;
}
.fakturaElementi {
    border-collapse:collapse;
}
.fakturaElementi th{
    font-size:var(--fs);
    font-weight:bold;
    border-bottom:1px solid var(--pg);
    padding:10px 0;
}
.fakturaElementi td{
    border-bottom:1px solid #ccc;
    font-size:var(--fs);
    padding:10px 0;
}
.summaryReport{
    text-align: right;
    font-weight: bold;
    padding:20px 0;
}
.a4,.a7,.a8,.a9,.hh6,.hh9,.hh10,.hh11{
    text-align: right;
}

.documentOuter h2{
    color:var(--pg);
    padding:20px 0 20px 0;
    border-bottom:1px solid var(--pg);
    margin-bottom: 20px

}
.profaktureButtons{
    border-top:1px solid var(--pg)
}
.profaktureButtons div,
.profaktureButtons a{
    display: inline-block;
    margin:20px
}
.profaktureButtons .downloadLink{
    background: brown;
}
/*FOOTER*/

.blokoviFuterGonji,.ikoniceFoter{display: none}

.oblast_futera {
    width:100%;
    padding: 40px 0 10px; box-sizing: border-box;
     background: rgb(222,205,161);
background: linear-gradient(90deg, 
    rgba(222,205,161,1) 0%, 
    rgba(223,207,165,1) 0%, rgba(226,210,173,1) 0%, rgba(231,216,189,1) 0%, rgba(236,223,206,1) 0%, rgba(243,230,226,1) 39%, 
    rgba(246,234,236,1) 52%, rgba(249,240,242,1) 60%, rgba(251,246,247,1) 67%, rgba(252,248,249,1) 76%, rgba(255,255,255,1) 91%, 
    rgba(253,251,251,1) 100%); 

}

.oblast_futera .drustvene-mreze{display: flex; width: 100%; justify-content: end; margin-right: 30px;; }
.oblast_futera .drustvene-mreze ul{display: flex;list-style: none}
.oblast_futera .drustvene-mreze li{width: 45px; padding: 3px }
.oblast_futera .drustvene-mreze li img{width: 100%; display: block}
.oblast_futera .futer-stranica{position: relative;; height: auto; padding: 30px 30px 0px 30px;}
.oblast_futera .futer-stranica .logo-slika{position: absolute; right: 20px;top: -40px; transform: rotate(10deg)}
.oblast_futera .futer-stranica .logo-slika img{width: 300px}
.oblast_futera .futer-stranica .flex-blok{width: 70%; margin: auto; display: flex}
.oblast_futera .futer-stranica .flex-blok div{width: 30%; margin: auto;}
.oblast_futera .futer-stranica .flex-blok div h2{margin-bottom: 10px; text-transform: uppercase; color: #777}
.oblast_futera .futer-stranica a{color: #888; text-decoration: none;}
.oblast_futera .futer-stranica p{color: #888; }