@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: 'Oswald'; 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 { min-width:60%; overflow:hidden; margin-left:60px; top:30%;   padding-right:0px;  position:absolute; 
font-family: "Oswald";
   font-size:14px;
  font-weight: light;   width: min-intrinsic;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    display: table-caption;
    display: -ms-grid;
    -ms-grid-columns: min-content;
text-align: left;  color:#636363; line-height:20px;  }


.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"}

@media only screen and (max-width:1200px){
.nav{padding-top:3.9rem;line-height:3.8rem;background:#f4f6f5;color:#58574a; background-image:url('../../images/logo.png'); margin-left:0vh; background-repeat:no-repeat; background-size:60px;   background-position:left top; }
}

.nav ul ul{background:#dbdddc;}.nav ul ul ul{background:#dbdddc}.nav ul ul ul ul{background:#dbdddc}.nav ul ul ul ul ul{background:#dbdddc}.nav li{ font-family: 'Oswald';  font-weight:300; font-size:18px; cursor:pointer}.nav li.nav-active>a,.nav li:hover>a{font-family: 'Oswald'; font-weight:thin; color:#58574a;background:#dbdddc}.nav .nav-submenu>ul{margin-left:0px} /*OBS*/.nav .nav-submenu>a{padding-right:30px!important}

.nav a,.nav a:active{ font-family: 'Oswald'; border-radius:0px 0 0px 0px;padding:0 10px 1px; color:#58574a; text-decoration:none; }
.nav a:hover,.nav a:visited{ font-family:'Oswald'; 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: 'Oswald';   font-weight: light; height:150px; }
header img{min-height:150px; overflow:hidden;  margin-left:38%; margin-top:0px; display:inline-block; float:none; position:fixed; }
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: 'Oswald'; 
   font-size:20px;
  font-weight: light;
text-align: left; width:30vh;
margin-right:40%;
  position: relative;
} 

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

#naslov { width:50%; overflow:hidden; left:160px;  float:right; padding-left:10px; font-size:40px; position:relative;  top:35%; padding-right:10px;font-family: "Oswald";
 font-weight:light;
text-align: left;  color:#636363; line-height:45px;}
.nav{ text-align:center; }


.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; text-align: left;}.nav ul ul ul{background:#e6e8e7}.nav ul ul ul ul{background:#e6e8e7}.nav ul ul ul ul ul{background:#e6e8e7}.nav li{font-family: "Oswald"; font-size:20px; line-height:6vh; font-weight:light; cursor:pointer} .nav li.nav-active>a,.nav li:hover>a{color:#58574a;background:#e6e8e7;  font-family:"Oswald";text-transform: uppercase;}.nav .nav-submenu>ul{margin-left:0px} /*OBS*/.nav .nav-submenu>a{ padding-right:25px!important}.nav a,.nav a:active,.nav a:hover,.nav a:visited{border-radius:0px 0 0px 0px;padding:0 10px 1px;font-family:"Oswald";text-transform: uppercase;  font-weight:light; 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:20px;  line-height:4.5vh;}



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

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

}