@charset "utf-8";
/* CSS Document */

	.navbar-nav {
	  background:transparent;
	  margin: auto;
	}
	.navbar-header::after {
		content: "";
		clear: both;
		display: table;
	}
	.navbar-default {
		background-color: 
		rgba(25, 60, 235, 0.5);
	}
	.microsite {
		background-color: 
		rgba(239, 237, 238, 0.5);
	}
	.microsite .navbar-header span a {
		font-family: 'Space Grotesk';
		font-size: 18px;
		font-weight: 400;
		line-height: normal;
		color: #193CEB;

	}
	/*.navbar-nav li a {
      line-height: 60px;background:rgba(255,255,255,0.5);
	}*/
	/* changing the navbar to transparent */
	.navbar {
	  /*background-color: transparent;
	  background: transparent;*/
	  /*background-color:#40538e;
	  background:rgba(64,83,142,0.25);*/
	  border: none;
	  color: white;
	  z-index: 99999;
	  margin-bottom: 0;
	  border-radius: 0;
	  padding: 10px 0;
	  
	  /* added myself: 20150528 - start */
	  /*added myself: 20150528 - stop */
	  
	}
	.navbar .nav>li>a:hover, .nav>li>a:focus {
		background-color: transparent;
	}
	.navbar #rightnav a:hover {
		text-decoration: none;
		color: #00CCFC;
	}

	.navbar .container {
		max-width: 1480px;
		margin: auto;
		width: 100%;
	}
	
	/* Adjusting the brand and link colors */

	.navbar-default .navbar-brand {
	  background-color: transparent;
	  /*background-color: white !important;*/
	  color: #FFF;

	  font-family: "Space Grotesk";
	  font-size: 18px;
	  font-style: normal;
	  font-weight: 400;
	}
	.navbar-default .navbar-brand:hover {
	  color: #00CCFC;
	}
	.navbar-default .navbar-nav > li > a {
		color: #FFF;
	}
	.microsite .navbar-nav > li > a {
		color: #193CEB;
	}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active {
	  color: #00CCFC;
	}
	.navbar-default .navbar-nav > li > a:focus {
	  color: #00CCFC;
	}
	.navbar-default .navbar-toggle {
		border: 0;
	}
	.navbar-toggle {
		margin-top: 11px;
	}
	.navbar-toggle .icon-bar+.icon-bar {
		margin-top: 6px;
	}
	.navbar .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}
	.navbar-collapse.mobile {
		max-height: 560px;
		overflow-x: auto;
		height: auto;
		-webkit-overflow-scrolling: touch;
		overflow-y: auto;
	}
	.navbar-collapse.mobile .navbar-nav {
		margin: 30px 0;
		height: auto;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		color: #fff;
	}
	.navbar-collapse.mobile #rightnav {
		padding: 10px 15px;
		margin: 20px 0 50px;
	}
	.navbar-collapse.mobile .open.collapsible ul .open.collapsible ul {
		margin-top: 0 !important;
		margin-left: 20px !important;
	}
	.navbar-collapse.mobile .open.collapsible ul .open.collapsible ul li > a {
		max-width: 300px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
		height: 1px;
	}
	.navbar-default .navbar-divider {
		background-color: #fff;
	}
	.navbar-default .navbar-header a {
		color: #fff;
	}
	.navbar-default .navbar-collapse.mobile {
		background-color: #193CEB;
	}
	.microsite .navbar-toggle .icon-bar {
		background-color: #193CEB;
		height: 1px;
	}
	.microsite .navbar-divider {
		background-color: #193CEB;
	}
	.microsite .navbar-collapse.mobile {
		background-color: #EFEDEE;
	}
	
	/*-- opaque class which will be attached on scroll */
	
	.navbar-default.opaque {
	  background: #193CEB; /*#40538e;*/
	  transition: background-color 1s ease 0s; /* Transition effect to make it fade in (optional) */
	  box-shadow: 0px 0px 4px #FFFFFF;/*#969696;*/
	}
	.microsite.opaque {
		background: #EFEDEE; /*#40538e;*/
		transition: background-color 1s ease 0s; /* Transition effect to make it fade in (optional) */
		box-shadow: 0px 0px 4px #193CEB;/*#969696;*/
	}
	.navbar-default.opaque .navbar-brand {
	  color: #FFFFFF; /*#969696;*/
	  transition: color 1s ease 0s;
	}
	.navbar-default .navbar.opaque .navbar-nav > li > a {
	  color: #FFFFFF; /*#FFFFFF;*/
	  transition: color 1s ease 0s;
	}
	.microsite.opaque .navbar-nav > li > a {
		color: #193CEB; /*#FFFFFF;*/
		transition: color 1s ease 0s;
	}
	.navbar.opaque #rightnav span {
		color: #FFFFFF; /*#FFFFFF;*/
		transition: color 1s ease 0s;
	}
	.microsite.opaque #rightnav span {
		color: #193CEB; /*#FFFFFF;*/
		transition: color 1s ease 0s;
	}
	.navbar.opaque .navbar-nav > li > a:active {
	  text-decoration: underline;
	}
	
	/*-- self-adjusted-start: navbar-custom-20150622 --*/
	.navbar-custom .navbar-brand {
		background-color: white !important;
	}
	.navbar-custom .navbar-brand:hover {
	  	color: #193CEB;
	}
	.navbar-custom .navbar-nav > li > a {
	  	color: #193CEB; /*white;*/
	}
	.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:active {
	  	color: #193CEB;
		font-weight: 700;
	}
	.navbar-custom .navbar-nav > li > a:visited, .navbar-custom .navbar-nav > li > a:focus {
	  	color: #193CEB;
	}
	.navbar-custom .navbar-toggle,
	.navbar-custom .nav .open > a, 
	.navbar-custom .nav .open > a:hover, 
	.navbar-custom .nav .open > a:focus {
	   	color:#193CEB;
	}
	.navbar .navbar-nav .open .dropdown-menu > li > a,
	.navbar .navbar-nav .open .dropdown-menu {
		font-weight: 500;
		width: 100%;
		white-space: wrap;
		border-radius: 10px;
		height: min-content;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		color: #fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu {
		color: #fff;
	}
	.microsite .navbar-nav .open .dropdown-menu > li > a, .microsite .navbar-nav .open .dropdown-menu {
		color: #193CEB;
	}
	.navbar .navbar-nav .open .dropdown-menu, .microsite .navbar-nav .open .dropdown-menu {
		padding: 15px 0;
	}
	
	.navbar .navbar-nav .open .dropdown-menu.sm-nowrap {
		max-width: auto;
		width: 150%  !important;
	}
	.navbar .navbar-nav .open .dropdown-menu > li > a {
		max-width: 255px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #fff;
		font-weight: 700;
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
		background-color: transparent;
		color: #00CCFC;
	}

	.navbar-default > .open.open-collapsiblea a:focus {
		color: #fff !important;
	}

	.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
		background-color: transparent;
	}

	.dropdown-menu {
		max-width: 361px;
		width: 100%;
		height: min-content;
		padding: 18px 15px;
		margin: 0;
		border-radius: 10px;
	}
	.dropdown-menu>li {
		border-bottom-color: transparent;
		padding-top: 17px;
		background-color: transparent;
	}
	.dropdown-menu>li:first-child {
		padding-top: 0;
	}
	.dropdown-menu>li:hover{
		background-color: transparent;
		color: #193CEB;
		font-weight: 700;

	}
	.dropdown-menu>li>a {
		padding: 3px 10px;
	}
	.dropdown-menu>li>a:hover {
		font-weight: 700;
		color: #193CEB;
		background-color: transparent;
	}
	.dropdown-menu>li>a {
		color: #193CEB;
		font-family: 'Montserrat';
		font-size: 14px;
		font-style: normal;
		line-height: 110%; /* 15.4px */
	}
	.nav>li>a {
		font-family: "Space Grotesk";
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	/*-- self-adjusted-stop: navbar-custom-20150622 --*/
	/*-- self-adjusted-start: right-navbar*/
	#rightnav {
		margin:0px -20px;
		font-family: "Space Grotesk";
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		/*background-color:#000000;*/
	}
	.navbar-default #rightnav {
		color: #FFFFFF;
	}
	.microsite #rightnav {
		color: #193CEB;
	}
	.navbar-default #rightnav a {
		color:#FFFFFF;
	}
	.microsite #rightnav a {
		color:#193CEB;
	}
	#rightnav .rightnav__container {
		border-radius: 7px;
		max-width: 129px;
		width: 100%;
	}
	.asnb-icon {
		width: 70px;
		height: 20px;
	}
	 .login-icon {
		width: 20px;
		height: 20px;
	}
	 .ria-icon {
		width: 28px;
		height: 28px;
	}
	.navbar-default .has-submenu > svg {
		position: absolute;
		top: 13px;
		margin-left: 10px;
	}
	/*-- self-adjusted-stop: right-navbar*/

	@media (min-width: 768px) {
		.navbar {
			padding-right: 30px;
		}
		.navbar-nav {
			float: left;
			padding-top: 8px;
		}
		.navbar-brand {
			margin-bottom: 20px;
		}
		.nav>li>a {
			padding: 15px 22px;
		}
		#rightnav {
			padding-top: 22px;
		}

		.navbar .navbar-nav .open .dropdown-menu > li > a,
		.navbar .navbar-nav .open .dropdown-menu {
			color:#193CEB;
			font-weight: 500;
			white-space: wrap;
			border-radius: 10px;
			height: min-content;
		}

		.navbar .navbar-nav .dropdown-menu > li > a,
		.navbar .navbar-nav .dropdown-menu {
			color:#193CEB;
			font-weight: 500;
			white-space: wrap;
			border-radius: 10px;
			height: min-content;
		}
		.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
			color: #193CEB;
		}

		.dropdown-menu>li>a {
			padding: 2px 20px;
		}
		.navbar .navbar-nav .open .dropdown-menu.sm-nowrap {
			min-width: 255px !important;
			width: 150% !important;
		}
		.navbar .navbar-nav .open .dropdown-menu > li > a {
			width: 150% !important;
			border-radius: 0;
			background-color: transparent
		}
		.navbar .has-submenu, .navbar .has-submenu.highlighted {
			position: relative;
		}
		.navbar .has-submenu > svg {
			position: absolute;
			right: 0;
			top: 18px;
		}
		.navbar .has-submenu span {
			display: inline-block;
		}

	}

	@media only screen and (min-width: 992px) {
		.navbar-nav {
			margin-right: 90px;
			float: right;
			display: block;
		}
		.navbar {
			z-index: 1010;
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1380px) {
		.navbar-nav {
			float: none;
			display: flex;
			flex-wrap: wrap;
		}
	}