/****************************
@@ fixed hamburger navigacija
****************************/

nav, .navbar-toggle {
	-webkit-touch-callout: none;
	/*-khtml-user-select: none;*/
	-webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
}

nav {
	position: fixed;
	z-index: 1;
	background-color: rgba(0,0,0,0.85);
	width:100%; /* ?? */
	height: 100%;
	display: table;
	color: white;
	text-align:center;
	right:0;
	top:0;
}

.nav-hide { display: none; }

nav ul {
	display: table-cell;
	vertical-align: middle;
	padding-left:0 !important;
	width:100%;
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	position:relative;
}
nav ul li {list-style: none;line-height:45px;
}

nav li a {
	font-size: 1em;
	font-family:'Lato', sans-serif;
	color:rgba(153,179,255,1);
	letter-spacing:1px;
	font-weight: 300;
	text-decoration: none;
	text-transform:uppercase;
	text-align:center;
	/*line-height:40px;*/
	display:block;
}
.navbar-toggle {
	position: absolute;
	top:11px;
	right:15px;
	width: 45px;
	height: 30px;
	z-index: 20;
	cursor: pointer;	
}
.navbar-toogle2{ /* add pozadina hamburger */
	position:relative;
	padding:10px 5px 5px 5px;
	/*background:rgba(255,255,255,0.7);*/
}
.bar1,
.bar2,
.bar3 {
	width: 100%;
	height: 2px;
	margin-bottom: 6px;
	/*border-radius:2px;*/
	background-color: #fff;
	/*background-color:rgba(153,179,255,1);*/
	transition: all 0.3s ease-in-out;
	margin-left:auto;
	margin-right:auto;
}

.navbar-on .bar1,
.navbar-on .bar2,
.navbar-on .bar3 {background-color:rgba(153,179,255,1);} /* x */ 

.navbar-on .bar1 {
  transform-origin: 20% 40%;
  transform: rotate(45deg);
}

.navbar-on .bar3 {
  transform-origin: 16% 40%;
  transform: rotate(-45deg);
}

.navbar-on .navbar-toogle2 {background-color:transparent;} /* pozadina x ne prikazujem */

.navbar-on .bar2 {background-color: transparent;}