/**************************************************/
/*		  HEADER/NAVBAR BLOCK --- 03 ---
/**************************************************/

.navbar-collapse > .nav > li > a{
  opacity: 1;
  transition: opacity 0.3s linear 0s;
	padding: 10px 11px;
	font-family: 'Quicksand', sans-serif; color: rgb(68, 68, 68); font-size: 18px; font-weight: 500;
}

.navbar-collapse > .nav > li > a:hover, .navbar-collapse > .nav > li > a:focus, .navbar-collapse > .nav > li > a:active{
  opacity: .7;
	color: rgb(68, 68, 68); font-size: 18px;!important;
}

@media (max-width: 991px) {

	.navbar-collapse > .nav > li > a:hover, .navbar-collapse > .nav > li > a:focus, .navbar-collapse > .nav > li > a:active{
		opacity: .7;
		color: #fff; /* Navbar text hover colour */
	}

}

.nav > li > a:focus, .nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:active, .navbar-inverse .navbar-nav > .active > a:hover{
	color: rgb(68, 68, 68);
	background: none;
}

.navbar-toggle{
  margin: 0;
	background-color: rgb(157, 113, 176);
	border: none;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	width: 157px;
	height: 43px;
	border-radius: 0;

}

.navbar-toggle:focus, .navbar-toggle:hover  {
	background-color: rgb(157, 113, 176) !important; /* DARKER */
}

.bar-text{
	display: block;
	position: absolute;
	left: 41px;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-family: Quicksand;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
}

.navbar-toggle .icon-bar {
	background-color: rgb(255, 255, 255) !important;
	width: 19px;
	height: 3px;
	border-radius: 0;
	margin-left: auto;
	margin-right: 30px;
}

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

.navbar {
	min-height: 159px;
	background: rgb(255, 255, 255);
	margin: 0px;
	border: none;
	border-radius: 0;
}

.navbar-inverse .navbar-collapse {
	border-top: 0px solid transparent;
	padding: 0;
	margin-top: 33px
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: none !important;
}

.navbar-inverse .navbar-brand {
	height: auto;
	padding: 8px 15px;
	color: #000;
	font-weight: bolder;
	font-size: 25px;
  font-weight: 900;
	letter-spacing: 2px;
}
.navbar-inverse .navbar-brand:hover {
	color: #000;	
}

.navbar-inverse .navbar-nav > .active > a {
	background: none !important;
	color: rgb(68, 68, 68);
}

.navbar-inverse .navbar-nav > .open > a , 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover {
	font-family: 'Quicksand', sans-serif; color: rgb(64, 64, 64); font-size: 16px; font-weight: 400; 
	background-color: transparent;
}

.navbar-collapse > .navbar-nav > li.level-1 > .dropdown-toggle > i {
    margin-left: 5px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -2px;
}

.dropdown-menu.level-1{
	border: 1px solid rgb(204, 204, 204);
	-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	-moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	background: rgb(255, 255, 255);
	border-radius: 0px;
	padding: 0px;
	margin-left: 0px;
	min-width: 250px;
	box-sizing: content-box;
	height: auto;
}

@media(min-width: 992px){

	.dropdown.open{
		background: none;
	}

	.dropdown-menu li:hover .sub-menu {
		visibility: visible; 
	}

}


@media (min-width: 992px) {

	li.level-1.left > .dropdown-menu.level-1{
		left: auto;
		right: 0px;
	}

	li.level-1.left > .dropdown-menu.level-1 > li.level-2 > .dropdown-menu.level-2{
		left: auto;
		right: 100%;
	}

	li.level-1.left > .dropdown-menu.level-1 > li.level-2 > .dropdown-toggle.level-2{
		text-align: right !important;
	}

	li.level-1.left > .dropdown-menu.level-1 > li.level-2 > .dropdown-toggle.level-2 > i{
		left: 10px;
		right: auto;
	}

}

ul.dropdown-menu > li.level-2{
	font-family: 'Quicksand', sans-serif; color: rgb(64, 64, 64); font-size: 16px; font-weight: 400;
	position: static;
}

ul.dropdown-menu > li.level-2 a{
	font-weight: 400 !important; 
}

.dropdown-toggle.level-2 > i{
	position: absolute;
	right: 10px;
	line-height: 1.2;
	font-size: 17px;
}

ul.dropdown-menu > li.level-2 > a:hover, ul.dropdown-menu > li.level-2.active > a{
	color: rgb(255, 255, 255) !important;
	background-color: rgb(103, 183, 232) !important;
}

.dropdown-menu.level-2{
	border-radius: 0px;
	padding: 0px;
	margin-left: 0px;
	background-color:#f7f7f7;
	position: absolute;
	left: 100%;
	top: -1px;
	margin-top: 0px;
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
	min-width: 280px;
	box-sizing: content-box;
	border: 1px solid rgb(204, 204, 204);
	height: auto;
}


ul.dropdown-menu > li.level-3 > a:hover{
	color: rgb(103, 183, 232) !important;
	background: transparent;
}

.dropdown-menu.level-3{
	display: block;
	border-radius: 0px;
	padding: 0px;
	margin-left: 0px;
	background-color: transparent;
	position: static;
	margin-top: 0px;
	box-shadow: none;
	border: none;
}

ul.dropdown-menu > li.level-4 > a{
	padding: 10px 30px;
}

ul.dropdown-menu > li.level-4 > a:hover{
	color: rgb(103, 183, 232) !important;
	background: transparent;
}

ul.dropdown-menu > li > a{
	padding: 10px 20px;
	font-family: 'Quicksand', sans-serif; color: rgb(64, 64, 64); font-size: 16px; font-weight: 400;
}



@media (max-width: 991px) {
	.navbar-toggle {
  	display: block;
  }
	
	#megamenu{
		min-height: 0px; 
		border: none;
	}
	
	#megamenu .container{
  	width: 100%;
	}

	#navbar-0001 > li:first-child{
		display: none;
	}

	#navbar-0001 > li:last-child{
		border-bottom: 1px solid #4360a7;
	}
	
	.container > .navbar-header{
		width: 100%;
		float: none;
	}

	.navbar-right{
		margin-right: 0px;
	}

	.nav.navbar-nav.navbar-right{
		margin-top: 0px !important;
	}

	.container > .navbar-collapse:not(.collapse-bigdevices) {
		margin-left: -15px;
		margin-right: -15px;
	}

	.navbar-collapse:not(.collapse-bigdevices) {
		border-top: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	
	.navbar-collapse.collapse:not(.collapse-bigdevices) {
			display: none !important;
	}

	.navbar-collapse.collapse.in:not(.collapse-bigdevices) {
		display: block!important;
	}

	.navbar-collapse:not(.collapse-bigdevices) > ul.nav.navbar-nav {
		float: none !important;
	}

	ul.nav.navbar-nav{
		border: 0;
		padding-top: 0px;
		background-color: #67b7e8;
		padding: 0px;
		margin-bottom: 0px;
	}
    
	.navbar-collapse:not(.collapse-bigdevices) > ul.nav.navbar-nav > li {
		float: none;
		display: block;
		border: 0;
		text-align: left;
	}
		
	.navbar-collapse:not(.collapse-bigdevices) > ul.nav.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #4794c3;;
		font-family: Quicksand, sans-serif; color: white; font-size: 17px; font-weight: 500;
	}
		
	.navbar-collapse:not(.collapse-bigdevices) > ul.nav.navbar-nav > li > a:hover {
		color: rgb(255, 255, 255) !important;
		opacity: 1;
	}
	
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
		background-color: transparent;
		border: none;
		color: rgb(255, 255, 255) !important;
	}

	.navbar-nav li > .dropdown-menu {
		display:none;
	}

	.navbar-nav li.open > .dropdown-menu {
		float: none;
		border: 0px none;
		box-shadow: none;
		margin: 0px;
		display: block !important;
		background-color: #9d71b0;
		width: 100%;
		position: static;
		height: auto !important;
		padding: 10px 0;
	}

	.navbar-nav .open .dropdown-menu > li > a {
		color:#fff;
		text-align: left;
		padding: 7px 15px;
		font-family: Quicksand;
		font-weight: 500;
		position: relative;
		padding-left: 40px;
	}

	.navbar-nav .open .dropdown-menu > li > a:before{
		content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
	}

	.navbar-nav .level-1 a:hover,
	.navbar-nav .open .dropdown-menu > li > a:hover{
		background-color: transparent !important;
	}

	.navbar-nav .level-1.open .dropdown-menu-xs{
		background-color: #549fcd !important;
	}

	.navbar-nav .level-1 .dropdown-menu-xs:hover{
		background-color: #549fcd !important;
	}

	.nav .open > a, ul.dropdown-menu > li.level-1 > a:hover, ul.dropdown-menu > li.level-1 > a:active, ul.dropdown-menu > li.level-1 > a:focus, 
	ul.dropdown-menu > li.level-2 > a:hover, ul.dropdown-menu > li.level-2 > a:active, ul.dropdown-menu > li.level-2 > a:focus, 
	ul.dropdown-menu > li.level-3 > a:hover, ul.dropdown-menu > li.level-3 > a:active, ul.dropdown-menu > li.level-3 > a:focus,
	ul.dropdown-menu > li.level-4 > a:hover, ul.dropdown-menu > li.level-4 > a:active, ul.dropdown-menu > li.level-4 > a:focus,  
	ul.dropdown-menu > li.level-2.active > a:hover, ul.dropdown-menu > li.level-2.active > a:active, ul.dropdown-menu > li.level-2.active > a:focus{
		color: rgb(255, 255, 255) !important;
		background: transparent !important;
	}
	
	a.dropdown-menu-xs {
		width: 41px;
		position: absolute !important;
		right: 0px;
		z-index: 9999;
		padding: 10px !important;
		text-align: center !important;
		background-color: #549fcd;
	}

	a.dropdown-menu-xs i {
		font-size: 14px;
	}

}

@media (max-width:768px){

	.menu_list{ 
		padding: 0 10px;
		width:100%;
	}
		
	.navbar-right{
		margin-right: 0; 
		margin-left: 0; 
	}
	
}
  
@media all and (min-width:992px) {

	#website-select {
		position: absolute;
		top:10px;
		right:40px;
		font-size: 8px!important;
		background: #ffffff; /* Background Colour */
		border-radius: 4px;
		list-style: none!important;
		text-decoration: none!important;
	}
  
	#website-select.nav {
		margin:0px;
		padding:0px 0px 0px 0px!important;
	}
 
	#website-select.navbar-right .dropdown-menu {
		left: auto;
		right: 0px;
	}
  
	#website-select> li {
		width:auto;
	}

	#website-select> li > a  {
		font-family: sans-serif!important;
		color: #000000;	/* Text Colour */
		font-size: 12px;
		font-weight: normal;
		padding: 4px 8px 4px 8px!important;
		text-decoration: none!important;
	}

	#website-select> li > a > img {
		margin-right: 5px;
	}
  
	#website-select-dropdown {
		border-radius: 4px!important;
		background: #eee;
		margin-left: -10px;
		border:1px solid #ccc; 
		padding: 2px 0px 6px 0px!important;
	}

	#website-select-dropdown > li > a {
		font-family: sans-serif!important;
		color: #000!important;
		font-size: 12px !important;
		font-weight: normal;
		text-align: left;
		margin: 0px;
		padding: 5px 8px 4px 8px!important;
		clear: both;
		font-weight: 400;
		border-bottom: 1px dotted #fff;
		width: auto;
	}
  
	#website-select-dropdown > li > a:hover, #website-select-dropdown > li > a:focus, #website-select-dropdown > li > a:active {
		background: #ddd;
	}

	#website-select-dropdown > li > a  > img{
		margin-right: 5px;
	}

}

@media all and (max-width:992px) and (min-width:768px) {

	#website-select.navbar-nav.nav.navbar-right {
		margin: 0px;
		float: none !important;
	}

	#website-select.navbar-nav.nav.navbar-right > li{
		width:100%;
	}

	ul#website-select.nav.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
		border-top: 1px solid #666;
		border-bottom: 1px solid #000;
		font-family: Oxygen,sans-serif!important; color: rgb(243, 243, 243)!important; font-size: 15px!important; font-weight: normal;
	}
		
	ul#website-select.nav.navbar-nav > li > a:hover {
		color: rgb(111, 168, 220) !important;
		opacity: 1;
	}
	
	#website-select.nav .open > a, #website-select.nav .open > a:focus, #website-select.nav .open > a:hover{
		background-color: transparent;
		border: none;
		color: rgb(111, 168, 220) !important;
	}

}

@media (max-width: 767px){

	#website-select.navbar-nav.nav.navbar-right {
		width:auto;
	}

	.navbar-inverse .navbar-collapse{
		margin-top: 0;
	}

}

#website-select-lang {
	width:100%;
}