/* 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:var(--text);
    font-family:regular,sans-serif;

}

/* VARIABLES */


:root {
    
    --button:#E8BE5C;
    --hover:#001D3E;
    --disabled:#A7A7A7;
    --font:#001D3E;
    --background:#CECFCE;  
    --main: #169;
    --secondary:#58B;
    --neutral:#E7E7EA;
    --text:#669;
    --main_gradient:radial-gradient(50% 50% at 50% 50%, #99C75B 0%, rgba(153, 199, 91, 0) 100%);
    --pg: #4488aa;
    --slyel_20:rgba(254,193,39,.2);
    --fl:24px;
    --fxl:36px;
    --fm:20px;
    --fn:16px;
    --fs:14px;
    --fxs:12px;
    --fxxs:9px;
    --th:rgba(86,191,12,.05);
    --negative_color:#eee;
    --width_inner:900px;
    --width_min: 800px;
    --menu_width:1100px;
      --A: #7CE2;
      --B: #7CE4;
      --C: #7CE3;
      --D: #7CE1;
      --E: #FFF;
}

@font-face {font-family: icons; src: url(font-awesome/fonts/FontAwesome.otf);}
@font-face {font-family: g_icons; src: url('fonts/google_icons.ttf');}

/*OFF*/
.hidden, .mobile_off, .ERRporuka,.userBar,.katalog_navigacija,.top_baner ,#fxSideStrip,.moff,
.menutype_186,.menutype_191{display: none!important;}


img {width: 100%; height:auto;}
a{text-decoration:none;outline:none;}

.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)
    
}
#burger_menu{
    color:var(--main);
    font-size:30px;
    padding: 0 20px 0 0;
    cursor: pointer;
}
.glavni_meni{
    border-top:1px solid #ddd;
    position: absolute;
    top:90px;
    width:100%;
    background: #fff;
    z-index: 200;
}
.glavni_meni li a{
    display: block;
    text-decoration: none;
    color:inherit;
    padding: 12px;
    box-sizing: border-box;
    border-bottom: 1px solid #ddd;
}

.glavni_meni  li > ul > li a{

    padding-left:24px;
    list-style: none
}

.oblast_zaglavlja{
    
}

.zaglavlje_content{
    
}

.menu_row{
    display: none;
}
.logo_cnt{
    width:70px
}
.right_top.flex{
    
}
.top_row.flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.middle_top{
    width:200px;
    position: relative;
}
.potpis{
    position: absolute;
    border: 0;right:20px;top:26px;
    width:100px;
    display: block;
}
#meshContainer{
   display: none!important;
}

.popup_baner{
    position: fixed;
    width:100%!important;
    bottom: 0;
    
}
.popup_baner a,
.popup_baner a img{
    display: block;
    width: 100%;
}

#coll_middle{
    padding: 20px;
    box-sizing: border-box;
    min-height: 150vw;
}

/* PAGES */
.page #coll_middle{
    padding: 15px;

}
.page #pageBody{
    box-sizing:border-box;
}


.page .pageTitle, .page .catTitle{
    padding: 20px 0 0 0;
    border-bottom:1px solid var(--main);
    color:var(--main);
    margin: auto;
    box-sizing: border-box;
}
.page figcaption{line-height: 1.43em;font-size: .9rem; color:var(--text); width:90%;margin:auto;}
.page figcaption a{color: var(--secondary);text-decoration: underline}
.page h2{
    padding: 20px 0 16px;
    color:var(--secondary);
     margin: auto;
    line-height: 1.4em
}
.page h3{
    color:var(--secondary);
    padding: 10px 0 16px;
    box-sizing: border-box;
    margin: auto;
}
.page p{
    line-height: 1.6em;
    color:var(--text);
    box-sizing: border-box;
    margin: auto;
    padding: 10px 0;
    font-size:1rem
}
.page .oblast_sadrzaja p a, .page .oblast_sadrzaja ul a{
    color:var(--secondary);
    text-decoration: underline;
}


.page .oblast_sadrzaja ul, .page .oblast_sadrzaja ol{
    padding: 10px 5px;
    box-sizing: border-box;
    line-height: 1.8em;
    color:var(--text);
    list-style-position: inside;
}


a[href*="facebook.com"]::before {
  content: "\f082";
  font-family:icons;
  display: inline-block;
  margin-right: 6px;
  font-size: 0.9em;
  color: #3b5998;
   font-size:16px;
}




.microsite_wrapper .page-cID{list-style: none;margin-bottom:10px; }
.microsite_wrapper .page-cID .antrafile{display: none;}
.microsite_wrapper .page-cID h2{border-left: solid 8px; font-size:18px; padding: 0}
.microsite_wrapper .page-cID h2 a{display: block; padding: 10px;}

.blockWrapper h2{
    padding: 20px 0;
    color:var(--main);
}
.blockWrapper p{
    line-height:1.6em;
    font-size:var(--fn)
}



/* STRANICE */

/* PREPORUKA */


.microsite_wrapper{
    display: block;
    list-style: none;
    max-width: 960px
}
 .microsite_wrapper .page-cID
{
    padding: 0 0 38px 0;
}
 .microsite_wrapper .antrafile{
    line-height: 1.6em;
}

.microsite_wrapper .page-cID a{
    color:inherit;
}

/*VIDEO*/

.page iframe{ width: 100%!important; margin: 20px 0}


/* FOOTER */
.oblast_futera{
    background: var(--main);
    display: flex;
    margin: auto;
}
.footer_cnt{
    display: flex;
    justify-content: center;align-items: center;
    gap:20px;
    margin: auto;
}
.footer_cnt .footer_col{
    display: flex;
    justify-content: space-evenly;
    align-items:center;
    flex-grow: 1;
    flex-basis: 0;
    padding: 20px;
    gap:10px;
}

.footer_cnt a{
    display: block;
  
}
.footer_cnt img{
    display: block;
    width: 100%; 
}

.social_link{
   width:40px;list-style: none;
   
}

.social_link a[href*="facebook.com"]::before {
    display: none;
}