@charset "UTF-8";
@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")}
*{transition:background-color .5s linear 0}
#fixtop{position:fixed;z-index:99;display:block;height:70px;top:0;left:0;width:100%;background-color:#00264d;-webkit-transition:.5s all ease-in-out;-moz-transition:.5s all ease-in-out;-ms-transition:.5s all ease-in-out;-o-transition:.5s all ease-in-out;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.2);box-shadow:0 4px 6px 0 rgba(0,0,0,.2)}
.costum-navbar{background-color:#00264d!important}
.fix-close{-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
.slideanim{visibility:hidden}
.slideanim.slide{visibility:visible;animation:slide 1s}
.slideanim::after{content:"";display:table;clear:both}
@keyframes slide{
0%{opacity:0;transform:translateY(50%)}
100%{opacity:1;transform:translateY(0)}
}
.navigationWrapper{position:relative;clear:both;height:70px;line-height:1.1}
.navigationWrapper{margin-top:0;margin-bottom:0}
.nav-button{display:none}
.nav-close{display:none}
.nav{display:block;position:relative;bottom:auto;overflow:visible;text-align:center}
.nav ul{display:block;position:relative;zoom:1;list-style-type:none;margin:0;padding:0}
.nav li{position:relative;padding-top:0;padding-bottom:0;margin-left:-4px}
.nav>ul>li{display:inline-block}
.nav a,.nav a:visited{display:block;font-weight:600;position:relative;color:#e2e8f5;text-transform:uppercase;font-size:13px;padding:30px 35px 26px;letter-spacing:1px}
.nav ul a:hover{background:#006edb;color:#fff}
.nav .nav-submenu>a{padding-right:20px}
.nav ul li.nav-submenu>a:after{padding-left:8px;padding-top:16px;content:"\E005"}
.nav ul li.nav-submenu ul li.nav-submenu>a:after{content:"\E006";padding-left:0;padding-top:0;position:absolute;z-index:999;display:block;right:10px;top:20px}
.nav .nav-submenu>a:after,.nav-button:before,.nav-close:before,.nav>ul>.nav-submenu>a:after{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 .nav-submenu li{min-width:260px}
.nav ul ul{min-width:400px;text-transform:none;display:none;position:absolute;top:100%;z-index:901;background-color:#002244;text-align:left;-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);}
.nav ul ul.lijevo{right:0}
.nav ul ul.desno{left:0}
.nav ul ul.short{min-width:200px}
.nav .nav-submenu ul.short li{min-width:200px}
.nav ul ul li{margin-left:0;border-top:1px solid #00152B}
.nav ul ul a:hover{color:#fff!important;background:#003974}


.nav ul li > a {transition: all .4s ease-in-out;}
.nav ul ul li>a{position:relative;}
.nav ul ul li>a::before{position:absolute;left:15px;top:28px;width:0;height:1px;content:"";background:#7692FF;transition:all .4s ease-in-out}
.nav ul ul li:hover>a{padding-left:35px!important;color:#fff;}
.nav ul ul li:hover>a::before{width:10px}

.nav ul ul a,.nav ul ul a:visited{padding:20px;text-transform:none;color:#fff}
.nav ul ul ul{top:5px;left:95%;z-index:902}
.nav ul ul ul ul{z-index:903}
.nav ul ul ul ul ul{z-index:904}

li.nav-active a{color:#fff!important}
.lang{display:inline-block;padding-right:10px}
@media all and (min-width:1024px) and (max-width:1400px){
.nav a,.nav a:visited{padding:30px 15px 26px;letter-spacing:0}
}
@media all and (min-width:1024px) and (max-width:1280px){
.nav a,.nav a:visited{padding:24px 10px}
}
#logo{width:150px!important;position:absolute;top:19px;left:20px}
#logo-s{display:none}
@media only screen and (max-width:1100px){
#logo{margin:0 0 0 20px}
}
@media only screen and (max-width:1280px){	
#fixtop{height:60px;}	
.nav ul ul li>a::before{left:0}	
.nav ul ul li:hover>a{padding-left:0!important;}
.nav ul ul li:hover>a::before{width:0}	
.nav ul ul a,.nav ul ul a:visited{padding:20px 0;}		
	
#logo{display:none}
#logo-s{width:160px!important;padding:15px 0 0;display:block;float:none;margin:0 auto}
.navigationWrapper{background:#05294f;width:100%;border:0!important;height:60px;padding:0;}
.nav{display:none;background:#fff none repeat scroll 0 0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:60px;z-index:900;border-bottom:0}
.nav-button{display:block;width:70px;height:60px;position:absolute;z-index:999;top:0;cursor:pointer;background:#05294f;padding:11px;left:10px}
.nav-button span{display:block;position:absolute;z-index:999;height:2px;width:40px;background:#fff;opacity:1;left:15px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-ms-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
.nav-button span:first-child{top:21px}
.nav-button span:nth-child(2),.nav-button span:nth-child(3){top:30px}
.nav-button span:nth-child(4){top:39px}
.nav-button:hover span:first-child{transform:translateX(-6px)}
.nav-button:hover span:nth-child(2){transform:translateX(6px)}
.nav-button:hover span:nth-child(4){transform:translateX(-6px)}
.nav-button.active span:first-child{top:29px;opacity:0}
.nav-button.active span:nth-child(2){-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);transition-delay:.25s}
.nav-button.active span:nth-child(3){-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);transition-delay:.25s}
.nav-button.active span:nth-child(4){top:29px;opacity:0}
.nav-lock-scroll{overflow:hidden}
.nav a{padding:20px 20px 20px 50px;letter-spacing:1px;color:#000!important;font-weight:700}
.nav ul a:hover{color:#fff!important}
.nav>ul{background:#e9efff;padding:5px 20px 10px}
.nav>ul>li{display:block;background:#fff;margin:4px}
.nav .nav-submenu li{min-width:260px}
.nav .nav-submenu>ul{position:relative;left:0;top:0}
.nav .nav-submenu ul li a{border:none!important}
.nav .nav-submenu ul li a:hover{background-color:#007dfe;color:#fff!important}
.nav .nav-submenu ul ul li a{padding-left:60px;border:none!important}
.nav .nav-submenu ul ul ul li a{padding-left:80px;border:none!important}
.nav ul ul li{border-top:1px solid #00264d}
.nav ul li.nav-submenu ul li.nav-submenu>a:after{content:"\E005"}
.nav-active,.nav-active a{background-color:#073362}
.nav a:hover,.nav ul ul{background-color:#007dfe;text-align:center}
.nav ul li.nav-submenu>a::after{top:16px}
.nav ul li.nav-submenu>a:after{padding-left:0;padding-top:0!important;position:absolute;display:block;right:18px;top:20px;content:"\E005"}
.nav ul li a{color:#112942}
}
@media only screen and (max-width:380px){
#logo{display:none}
#logo-s{width:140px!important;padding:11px 0}
}