/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.navigation {
	position: fixed; 
	top: 50px; 
	right: -100%; 
	height: calc(100vh - 50px);
	background: #181f38; 
	color: #fff;
	border-radius: 0;
	padding: 15px 0 30px;
	width: 310px; 
	transition: .4s;
}

.navigation li:before {
	display: none; 
}

.navigation .form-search {
	display: block; 
}

.navigation .nav-header-mobile {
	display: none; 
}

.navigation .navbar-nav li {
	background: #292e4b; 
	display: block;
	width: 100%;  
	text-align: left; 
}

.navigation .navbar-nav .current-menu-ancestor > a,
.navigation .navbar-nav li.active,
.navigation .navbar-nav li.active a {
	color: #fff; 
}

.navigation .navbar-nav li.open {
	background: #3a4055; 
}

/* .navigation .navbar-nav .active,
.navigation .navbar-nav .current-menu-item, */
.navigation .navbar-nav a:hover,
.navigation .open > a,
.navigation .open > a:focus,
.navigation .open> a:hover {
	color: #fff;
}

.navigation .dropdown-menu > li > a {
	color: #fff;
}

.navigation .caret {
	display: none; 
}

.navigation .menu-item-has-children > a:after {
	content: '\e313';
	font-family: 'Material Icons';
	display: inline-block;  
	vertical-align: middle;
	color: inherit;
	transition: transform .2s;
}

.navigation .menu-item-has-children.open > a:after {
	transform: rotate(180deg);
}
.navigation .navbar-nav li li.menu-item-has-children a:after {
	transform: rotate(90deg);
}

.navigation .navbar-nav li li.menu-item-has-children.open a:after {
	transform: rotate(-90deg);
}

.navigation .dropdown-menu {
	background-color: transparent; 
}

.navigation .dropdown-menu li {
	text-transform: none; 
}

.navigation #main-menu .navbar-nav .dropdown-menu {
	width: 100%; 
	float: none;
}

.navigation .dropdown-menu li + li {
	border: none;
}

.navigation .dropdown-menu li span {
	font-weight: 400; 
}

.navigation .dropdown-menu > li > a:focus, 
.navigation .dropdown-menu > li > a:hover {
	background-color: transparent; 
}

/* .navigation .navbar-nav > li:last-child > ul > li:first-child,
.navigation .navbar-nav > li:last-child > ul > li:nth-child(2),
.navigation .navbar-nav > li:last-child > ul > li:nth-child(3),
.navigation .navbar-nav > li:last-child > ul > li:nth-child(4) {
	display: none; 
} */

/* .navigation .navbar-nav > li:last-child .hide-item {
	display: none; 
} */

.navigation .navbar-nav .open .dropdown-menu .dropdown-header {
	padding: 15px 5px 15px 6%;
}

.navigation .navbar-nav .dropdown-menu>li>a {
	padding: 15px 5px 15px 6%;
}

.navigation .dropdown-operator-name {
	display: none; 
}

.navigation .menu-operator-rating {
	float: right; 
	margin-top: 10px; 
	margin-right: 6px; 
	color: #fff;
	font-size: 14px; 
}

.navigation .menu-operator-rating strong {
	font-size: 18px; 
}

.navigation .menu-operator-rating i {
	margin-right: 0; 
	margin-top: -5px; 
	position: static; 
}

.navigation img.menu-img {
	width: auto; 
	max-height: 45px; 
}

.navigation .navbar-nav li li.menu-item-object-all-operators-object a{
	padding: 3px; 
}


nav.navbar,
ul.dropdown-menu{
	scrollbar-color: rgba(255,255,255,0.5) transparent;
	scrollbar-width: thin;
	scroll-behavior: smooth;
}
nav.navbar::-webkit-scrollbar,
ul.dropdown-menu::-webkit-scrollbar {
	background-color: transparent;
	width: 6px;
}
nav.navbar::-webkit-scrollbar-thumb,
ul.dropdown-menu::-webkit-scrollbar-thumb {
	background-color: rgba(255,255,255,0.5);
}

.navigation .socials {
	display: flex!important; 
	justify-content: flex-end;
	clear: both;
}
.navigation .socials li {
	background: transparent;
}

@media ( min-width: 1100px ) {
	/* .navigation .navbar-nav > li:nth-child(5),
	.navigation .navbar-nav > li:nth-child(6),
	.navigation .navbar-nav > li:nth-child(7),
	.navigation .navbar-nav > li:nth-child(8) {
		display: none; 
	} */

	/* .navigation .navbar-nav > li:last-child > ul > li:first-child,
	.navigation .navbar-nav > li:last-child > ul > li:nth-child(2),
	.navigation .navbar-nav > li:last-child > ul > li:nth-child(3),
	.navigation .navbar-nav > li:last-child > ul > li:nth-child(4) {
		display: block; 
	} */

	/* .navigation .navbar-nav > li:last-child .hide-item {
		display: block; 
	} */

	.navigation {
		position: static; 
		display: inline-block; 
		width: 100%; 
		height: auto; 
		/* max-width: 663px; */
		min-height: auto; 
		color: rgba(255, 255, 255, .45); 
		text-align: left; 
		padding: 0 15px; 
		background-color: transparent; 
		margin-bottom: 0; 
		overflow: visible; 
	}

	.navigation .form-search {
		display: none; 
	}

	.navigation .navbar-nav {
		display: flex; 
		width: 100%; 
		font-size: 14px; 
		line-height: 1.14; 
		background-color: transparent; 
	}
	
	.navigation .navbar-nav > li {
		flex: 1 1 auto;
		width: auto; 
		margin-bottom: 0; 
		background-color: transparent; 
		padding-bottom: 0; 
		text-align: center; 
		padding: 25px 0; 
	}

	.navigation .navbar-nav li.open, 
	.navigation .navbar-nav li.open a {
		background-color: transparent; 
	}

	.navigation .navbar-nav li li a {
		display: block; 
	}

	.navigation .navbar-nav li a {
		display: inline-block; 
		vertical-align: middle; 
		padding: 0; 
		font-size: 14px; 
		color: rgba(255, 255, 255, .45);
	}

	.navigation .navbar-nav li li {
		margin-bottom: 5px; 
		padding: 0; 
		clear: both;
	}
	
	.navigation .navbar-nav li li a {
		padding: 14px; 
	}

	.navigation .menu-item-has-children i {
		display: inline-block; 
		vertical-align: middle; 
		position: static; 
	}
	
	.navigation .navbar-nav li li.menu-item-has-children {
		/* rule below breaks nested nav on desktop */
		/* padding-right: 25px;  */
	}
	
	.navigation .navbar-nav li li.menu-item-has-children a:after {
		position: absolute; 
		right: 6px; 
		top: 15px; 	
	}

	.navigation .navbar-nav li li.menu-item-has-children a:after {
		transform: rotate(-90deg);
	}

	.navigation .navbar-nav li li.menu-item-has-children.open a:after {
		transform: rotate(0deg);
	}

	.navigation .navbar-nav li li.open {
		background: #3a4055; 
	}

	.navigation .navbar-nav ul {
		position: absolute; 
		top: 100%; 
		left: 50%; 
		transform: translateX(-50%);
		padding: 5px; 
		background-color: #181f38;
		min-width: 250px; 
		border-radius: 4px; 
		max-height: 80vh;
		overflow-y: auto;
	} 

	

	ul.dropdown-menu ul.dropdown-menu {
		padding-left: 0px;
		padding-right: 0px;
		min-width: unset;

max-width: unset;

max-height: unset;

min-height: unset;
	}


	.navigation .navbar-nav ul ul {
		position: static; 
		top: 0;
		/* left: 100%;  */
		left: 0; 
		transform: translateX(0px);
	}

	.navigation .mCSB_inside > .mCSB_container {
		margin-right: 17px; 
	}

	.navigation img.menu-img {
		max-height: 100%; 
		width: 85px; 
	}

	.navigation .socials {
		display: none!important;
	}
}

@media ( min-width: 1525px ) {
	.navigation {
		max-width: 1160px;
	}
	
	/* .navigation .navbar-nav > li:nth-child(5),
	.navigation .navbar-nav > li:nth-child(6),
	.navigation .navbar-nav > li:nth-child(7),
	.navigation .navbar-nav > li:nth-child(8) {
		display: inline-block; 
	} */

/* 	.navigation .navbar-nav > li:last-child > ul > li:first-child,
.navigation .navbar-nav > li:last-child > ul > li:nth-child(2),
.navigation .navbar-nav > li:last-child > ul > li:nth-child(3),
.navigation .navbar-nav > li:last-child > ul > li:nth-child(4) {
	display: none; 
} */

/* .navigation .navbar-nav > li:last-child .hide-item {
	display: none; 
} */

}

/* ------------------------------------------------------------ *\
	Nav Toggle
\* ------------------------------------------------------------ */

.navbar-toogle-container {
	height: 50px; 
	overflow: hidden; 
}

.navbar-toggle {
	width: 90px; 
	height: 90px; 
	margin: 0; 
	border: 20px solid #1a2a50;
	border-radius: 50%;
	background: rgba(42, 125, 251, 1); 
	color: #fff;
	margin-top: -20px; 
}

.navbar-toggle span {
	background: #fff;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 0; 
}

.navbar-toggle { 
	position: relative; 
	display: block; 
}

.navbar-toggle span { position: absolute; left: 14px; /* display: block; height: 3px; width: 100%; border-radius: 4px; background: #000; */ transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.navbar-toggle span:nth-child(2) { top: 18px; }
.navbar-toggle span:nth-child(3) { top: 24px; }
.navbar-toggle span:nth-child(4) { top: 30px; }

.navbar-toggle.active {
	background: #f00; 
	border-color: #531f3c;
}
.navbar-toggle.active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
    
.navbar-toggle.active span:nth-child(4),
.navbar-toggle.active span:nth-child(2) { top: 23px; }

.navbar-toggle.active span:nth-child(3) { opacity: 0; }
.navbar-toggle.active span:nth-child(2) { transform: rotate(45deg); }
.navbar-toggle.active span:nth-child(4) { transform: rotate(-45deg); }

@media ( min-width: 1100px ) {
	.navbar-toggle {
		display: none; 
	}
}

/* this is a temporary fix for a weird ass JS problem? */
/* @media ( max-width: 1100px ) {
	#menu-menu .dropdown.open ul {
		display: inline-block;
	}
} */