@font-face{font-family:icon-font;src:url(../fonts/icon-font.eot);src:url(../fonts/icon-font.eot?#iefix) format('eot'),url(../fonts/icon-font.woff) format('woff'),url(../fonts/icon-font.ttf) format('truetype'),url(../fonts/icon-font.svg#icon-font) format('svg')}
.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before, 
.icon-laptop:before, 
.icon-world:before,
.icon-desktop:before,
.icon-facebook:before,

.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after,header h1:before{font-family:icon-font;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;  font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;vertical-align:top;  }

/*.nav img{max-height:40px; margin-bottom:10px; overflow:hidden; display:inline-block; float:left; position:relative;}*/


header h2{  font-family:'Muli'; font-size:17px; font-style:normal;font-variant:normal;font-weight:300;text-decoration:none;text-transform:none;vertical-align:baseline; line-height:1.41rem; color:#000;
max-width:90%; display:block; float:none; }
.icon-desktop:before{content:"\E001"}.icon-menu-close:before{content:"\E002"}.icon-menu:before{content:"\E003"}.icon-mobile:before{content:"\E004"}.icon-submenu-down:before{content:"\E005"}.icon-submenu-right:before{content:"\E006"}  .icon-laptop:before{content:"\E008"}.icon-world:before{content:"\E007"}.icon-facbook:before{content:"\e108"}    body{padding-top:0rem}

header{display:block;position:fixed;top:0;left:0;right:0;z-index:901;padding-left:10px;line-height:30px; background-color:#FFF;  color:#000; font-family: 'Muli'; font-weight:300; height:50px;}

header img{max-height:50px; margin-bottom:0px;  margin-top:0px; padding:5px; overflow:hidden; display:inline-block; float:left;}

header h1{margin:0;font-size:1.7rem;line-height:3.41rem;}

header h1:before{content:"\E004";margin-right:8px}

#info { visibility:hidden;}
#naslov { width:50%; overflow:hidden; margin-left:50px; top:2vh; line-height:18px;  padding-right:10px;  position:absolute; color:#8e6549;  font-family: 'Muli';}


.nav-button,.nav-close{position:fixed;top:0;width:2.4rem;height:40px;overflow:hidden;z-index:902;cursor:pointer;text-decoration:none;line-height:45px; background:#FFF; color:#7d7f7a; }.nav-button:before,.nav-close:before{display:block;text-align:center}.nav-button{display:block;right:1rem;font-size:1.7rem}.nav-button:before{content:"\E003"}.nav-close{display:none;right:4rem;font-size:1.9rem}.nav-close:before{content:"\E002"}.nav{padding-top:3.4rem;line-height:3.4rem;background:#f5f5f5;color:#7d7f7a}



.nav ul ul{background:#dfdfe3; }.nav ul ul ul{background:#f0f1f5;}.nav ul ul ul ul{background:#f0f1f5}.nav ul ul ul ul ul{background:#f0f1f5}.nav li{ font-family: 'Muli'; font-size:16px; line-height:8vh; cursor:pointer}.nav li.nav-active>a,.nav li:hover>a{ font-family: 'Muli'; color:#6d6f6a; background:#FFF}.nav .nav-submenu>ul{margin-left:0px} /*OBS*/.nav .nav-submenu>a{padding-right:35px!important}.nav a,.nav a:active,.nav a:hover,.nav a:visited{border-radius:0px 0 0px 0px;padding:0 15px 0px;color:#6d6f6a;  font-family: 'Muli';text-decoration:none}.nav .nav-submenu>a:after{position:absolute;display:block;right:10px;top:0px;content:"\e005"}


.mini-logo{
margin-top:-45px; 
margin-left:5px;
overflow:hidden;
display:block;margin-bottom:10px;
border:0px;


}
.mini-logo img{
max-width:100px;
top:0px;
}

.phonevisible{
overflow:hidden;

}

@media only screen and (min-width:1200px){
body{padding:0px!important}
header{position:relative; background-color:#FFF; color:#f0f1f5;  font-family: 'Muli';   font-weight: 300; height:75px; }
header img{min-height:75px; overflow:hidden;  margin-left:43%; display:inline-block; float:none; }
header h1:before{content:"\e950"}.nav-button{display:none}.nav{padding:0!important  }


header h2{margin-top:-70px; color:#000; line-height:16px; float:right;font-family: 'Muli'; 
   font-size:20px;
  font-weight: light;
text-align: left; width:30vh;
margin-right:40%;
  position: relative;
} 

#info { visibility:visible;  overflow:hidden; }

#naslov { width:content; overflow:hidden; line-height:40px; top:15px; bottom:5px;  font-size:30px; float:right; left:45%;  font-family: "Muli";  }


.nav-close:before{content:"\E002"}.nav{padding-top:3.0rem;line-height:3rem; background-color:#f5f5f5; color:#FFF; text-align:center;  }

.nav ul ul{background:#f5f5f5}.nav ul ul ul{background:#dfdfe3}.nav ul ul ul ul{background:#db5b1f}.nav ul ul ul ul ul{background:#db5b1f}.nav li{font-family: 'Muli'; font-size:15px; line-height:6vh; font-weight:light; cursor:pointer} .nav li.nav-active>a,.nav li:hover>a{color:#6d6f6a;background:#FFF;  font-family:'Muli';text-transform: uppercase;}.nav .nav-submenu>ul{margin-left:0px} /*OBS*/.nav .nav-submenu>a{   padding-right:20px!important}.nav a,.nav a:active,.nav a:hover,.nav a:visited{border-radius:0px 0 0px 0px;padding:0 10px 1px;font-family:'Muli';text-transform: uppercase;  font-weight:300; color:#7d7f7a;text-decoration:none}.nav .nav-submenu>a:after{position:absolute;display:block;right:4px;top:0px;content:"\e005"}


.nav ul ul {
margin-top:-0.5rem; 
}
nav ul ul li{font-family: "Oswald"; font-size:16px;}

.mini-logo{
margin-bottom:-15px;
padding:4px;
overflow:hidden;
display:none;
}
.phonevisible{
overflow: visible;
margin-top:-15px;
  visibility: hidden;
display:none;
}

}