@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:"Oswald"; 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:1001;padding-left:10px;line-height:30px; background-color:#FFF;  color:#000; font-family: "Raleway"; font-weight:300; height:60px;}

header img{max-height:60px; margin-bottom:0px;  margin-top:0px; margin-left:-10px; 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: "Raleway"; }


.nav-button,.nav-close{position:fixed;top:0;width:2.4rem;height:45px;overflow:hidden;z-index:1002;cursor:pointer;text-decoration:none;line-height:45px; background:#FFF; color:#58574a; }.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:#f4f6f5;color:#58574a}



.nav ul ul{background:#e7ddd1}.nav ul ul ul{background:#FFF}.nav ul ul ul ul{background:#e7ddd1}.nav ul ul ul ul ul{background:#e7ddd1}.nav li{ font-family: "Raleway";  font-weight:300; font-size:18px; cursor:pointer}.nav li.nav-active>a,.nav li:hover>a{font-family: "Raleway"; color:#FFF;background:#448ccb}.nav .nav-submenu>ul{margin-left:0px} /*OBS*/.nav .nav-submenu>a{padding-right:30px!important}

.nav a,.nav a:active{ font-family: "Raleway"; border-radius:0px 0 0px 0px;padding:0 10px 1px; color:#58574a; text-decoration:none }
.nav a:hover,.nav a:visited{ font-family:"Raleway"; border-radius:0px 0 0px 0px;padding:0 10px 1px;color:#58574a;text-decoration:none}.nav .nav-submenu>a:after{position:absolute;display:block;right:10px;top:1px;content:"\E005"}

.phonevisible{
overflow:hidden;
}



@media only screen and (min-width:1200px){
body{padding:0px!important}
header{position:relative; background-color:#FFF; color:#f0f1f5;  font-family: "Raleway";   font-weight: 300; height:150px; }
header img{min-height:150px; overflow:hidden;  margin-left:33%; 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: "Raleway"; 
   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:#f4f6f5; color:#58574b; text-align:center;  }

.nav ul ul{background:#f4f6f5}.nav ul ul ul{background:#b99a76}.nav ul ul ul ul{background:#b99a76}.nav ul ul ul ul ul{background:#b99a76}.nav li{font-family: "Muli"; font-size:15px; line-height:6vh; font-weight:bold; cursor:pointer} .nav li.nav-active>a,.nav li:hover>a{color:#FFF;background:#448ccb;  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:bold; color:#58574b;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  li ul li{font-family: "Oswald"; font-size:16px;  line-height:4.5vh;}



.mini-logo{
position:absolute;display:block;left:0px; 
height:54px;
width:212px;
background-image:url('../../images/logo_mali.png'); margin:0vh; background-repeat:no-repeat; background-size:contain;

}
.phonevisible{
overflow: visible;
margin-top:-15px;
  visibility: hidden;
display:none;
}

}