/*
body {
	font-family: "Century Gothic";
	}
*/	

@font-face { font-family: "Ionicons"; src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1"); src: url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"), url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg"); font-weight: normal; font-style: normal; }


@font-face {
	font-family: 'TitilliumWebBold';
	src: url('./TitilliumWebBold.eot');
	src: local('./font/TitilliumWebBold'), url('./font/TitilliumWebBold.woff') format('woff'), url('./font/TitilliumWebBold.ttf') format('truetype');
	}



* {
	box-sizing: border-box;
	}

a {
	color:#ffffff; 			/*#333;*/
	text-decoration:none;
	}
.menu {
	width: 100%;
	/*font-family: 'Quicksand', sans-serif;*/
	font-size:1.1em;
	}
.menu-container {
	margin:0; 		/*0 auto;*/
	background:#324c5b; 			/*#1b9380;/*#e9e9e9;*/
	}
	
.menu a.logo {
   
   /* padding:1em 1em;			/*2em; 			/*1.5em 3em;*/
    /*width:10%; 			/*19%;*/
    float: left;
	
	/*******/
	color:#ffffff;
	
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	
	
	
	display: none;
	}

	
	/*
.menu img {
	max-width: 100%;
	}
	*/
	
	
.menu-mobile {
  display: none;
  padding: 20px;		/*20px;*/
}
.menu-mobile:after {
  content: "\f394";
  font-family:"Ionicons";
  font-size:2em; 		/*2.5rem;*/
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
	}
.menu-dropdown-icon:before {
  content: "\f489";
  font-family:"Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding:1em 1em;		/* 1.5em 2em;*/
  background:#324c5b;  					/*#1b9380;*/
  color: #e9e9e9;/*#333;*/
}
.menu > ul {
  margin: 0 auto;
  width: 80%;		/*80%;*/	/*mora 80 zbog Geokutak kao homepage*/
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
  clear: right;
	}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: left;
  background: #324c5b; 			/*#1b9380;#1b9380;/*#e9e9e9;*/
  padding: 0;
  margin: 0;
}
.menu > ul > li a {
  text-decoration: none;
  padding: 1em 1.5em; 			/*1.5em 3em;*/
  display: block;
  
  
  /*******/
	color:#ffffff;
  
  
}
.menu > ul > li:hover {
  background:#5a6f7b; 			/*#f0f0f0;*/
}


.menu > ul > li > ul {
  display: none;
  width: 125%;		/*100;*/					/*zboh Geokutak kao homepage menjano je ovde*/
  background: #5a6f7b;			/*#157566; 			/*#f0f0f0;*/
  padding: 15px;			/*20px;*/
  position: absolute;
  z-index: 99;
  left: -12.5%;		/*0;*/				/*zboh Geokutak kao homepage menjano je ovde*/
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}


grupa{
	color:#e9e9e9; 
	/*font-weight:bold;*/
	display:block;
	width:95%;
	border-bottom:1px solid #e9e9e9;
	/*padding-bottom:1px;*/
	padding-top:5px;
	}

/*ovo vise nema efekta, jer vise nema linkova na ovom nivou*/
.menu > ul > li > ul > li a {
  color:#ffffff; 					/*#777;*/
  padding: .2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #e9e9e9;/*#ccc;*/
}
/*ovo vise nema efekta, jer vise nema linkova na ovom nivou*/
.menu > ul > li > ul > li a:hover{
	color:	#e9e9e9;				/*#1cb1f5;				/*#03a9f4;*/
}




.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin:10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 5px 0;			/*10px 0;*/
  margin: 0;
  font-size: .95em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;    
  /*font-size: 1em;			/*14px;*/
}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media only screen and (max-width: 799px) {
  .menu-container {
    width: 100%;
  }
  
  .menu {
	font-size:0.95em;
	}
  
  
  
  .menu-container .menu{
	display:inline-block;
   }
  .menu-mobile {
    display: block;    
    float: right;    
    padding: 20px 20px 0;
  }
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu > ul {
    display: none;
    width:100%;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
	border-top:1px solid #5a6f7b;
  }
  .menu > ul > li a {
    padding: 1em;		/*1.5em;*/
    width: 100%;
    display: block;
  }
  .menu > ul > li > ul {
    position: relative;    
    padding: 0 20px;	/*0 40px;*/
	
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 10px;	/*20px*/
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  .menu .show-on-mobile {
    display: block;
  }

  
  /*dodato zbog Geokutak kao homepage*/
  .menu a.logo {
    /*width:; 			/*19%;*/
	/*border:1px solid yellow;*/
	text-align:right;
	padding:0.75em 1em;
	font-size:1.1em;
	display: inline-block;
	letter-spacing: 2px;
	font-family: 'TitilliumWebBold';
	}
  
  /*dodato zbog Geokutak kao homepage*/
  .menu > ul > li > ul {
  width: 100%;
  left: 0;
 
	}
  /*dodato zbog Geokutak kao homepage*/
  .menu > ul {
   width: 100%;		
 
	}
  
  
  
  }