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

.top-nav{
	width: 100%;
	padding: 0px 0px 20px 0px;
	height: 60px;
	position: fixed;
	top: 0px;
	z-index: 200;
}

.top-navV2wrapper .top-nav{
	height: 50px;
}

.nav-margin{
	margin-top: 70px; /*top-nav height + top*/
}

.nav-logo{
	/*
	background-size: 280px auto;
	background-image: url('../images/nav-logo-dkbg-3.png');
	*/
	background-size: 260px auto;
	background-image: url('../images/AM_Horizontal_DarkBkg.png');
	background-position: center;
	background-repeat: no-repeat;
	
	
	width: 300px;
	height: 30px;
	position: absolute;
	top: 15px;
	left: 10px;
}

.top-navV2wrapper .nav-logo{
	top: 10px;
}

.nav-stripe{
	/*background-color: #0C1A27; /*logo_dark_blue*/
	swapme: #0C1A27;
    background-color: #000;
	width: 100%;
	/* Not necessary - height: 60px; /*top-nav height - padding*2*/
}

.nav-buttons{
	height: 60px; /*nav-stripe height*/
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.top-navV2wrapper .nav-buttons{
	height: 50px;
}

@media (max-width: 1660px){
	.nav-buttons{
		margin-left: 350px; /*logo width + padding*/
	}
}


.nav-stripe:after {
    content:"";
    background: -webkit-linear-gradient(left, rgba(146,39,143,1) 0%, rgba(41,108,243,1) 100%);
    display: block;
    height: 2px;
    width: 100%;
    position: fixed;
    top: 60px;
	left: 0;
}

.top-navV2wrapper .nav-stripe:after {
	top: 50px;
}

.top-navV2wrapper .nav-buttons{
	margin-bottom: 0px;
}

.nav-buttons li{
	list-style-type: none;
	text-transform: uppercase;
	float: left;
	display: inline;
		
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	vertical-align: bottom;
	
	cursor: pointer;
	
	height: 60px;
	line-height: 60px;
	
	padding-right: 1em;
	padding-left: 5px;
}

.top-navV2wrapper .nav-buttons li{
	height: 50px;
	line-height: 50px;
}


.nav-buttons > li.active a, .nav-buttons > li:hover a{
	color: rgb(41,108,243) !important;
}

.nav-buttons > li.active a{
	border-bottom: thin solid #58C4C4;
}

.nav-buttons a{
	text-decoration: none !important;
	color: white !important;
}

.nav-stripe .nav-login{
	position: absolute;
	top: 0;
	right: 85px;
	height: 60px;
	line-height: 60px;
}

.top-navV2wrapper .nav-stripe .nav-login{
	height: 50px;
	line-height: 50px;
}

.nav-stripe .nav-login .account-icon, .nav-stripe .nav-login .login-text{
	float: left;
	display: inline;
	margin-left: 5px;
	text-transform: uppercase;
}

.nav-stripe .nav-login .account-icon, .nav-stripe .nav-login .login-text:hover{
	color: rgb(41,108,243);
}

.nav-stripe .nav-login .account-icon{
	background-image: url('../images/myaccount_transparent.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	
	width: 20px;
	height: 60px;
	line-height: 60px;
}

.top-navV2wrapper .nav-stripe .nav-login .account-icon{
	height: 50px;
	line-height: 50px;
}


@media(max-width: 479px){
	.nav-stripe:after {
		top: 50px;
		position: absolute;
	}
}

@media (min-width: 480px) and (max-width: 1023px){
	.nav-stripe:after {
		position: absolute;
	}
}

.header_menu{
	position: fixed !important;
	z-index: 201;
}

.header_menu li{
	padding: 0px !important;
}

.header_menu.sticky{
	top: 92px !important;
}

.top-nav.sticky{
	height: auto;
}

.sticky{
	position: fixed;
	top: 0px;
	padding: 0px;
}

.sticky .nav-stripe{
	/*background-color: #0c1a27; /*dark blue from bottom of logo*/
	opacity: .9;
	
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}

.mobile_dropdown{
	position: absolute;
	right: 10px;
	top: 0px;
}


.mobile_dropdown .user_dropdown-button{
	cursor: pointer;
	
	margin-right: 10px;
    width: 30px;
    height: 60px;
    line-height: 60px;
    background-image: url(../images/hamburger.png);
    background-repeat: repeat-x;
    background-position: left;
    background-size: auto 20px;
}

.top-navV2wrapper .mobile_dropdown .user_dropdown-button{
	height: 50px;
	line-height: 50px;
}

.mobile_dropdown .user_dropdown-button .vertical-helper{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mobile_dropdown .user_dropdown-button img{
	width: 30px;	
	vertical-align: middle;
    max-height: 20px;
	border-left: 2px #515050 solid;
	padding-left: 10px;
}

#mobile-dropdown-menu a:hover{
	color: rgb(41,108,243) !important;
}

#mobile-dropdown-menu .smmenu:after {
	border-bottom: 0px solid rgb(41,108,243);
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	top: 0px;
}

.mobile_dropdown .mobile-dropdown-close_button{
	position: absolute;
	top: 1em;
	right: 3em;
	z-index: 1;
	color: #d7d7d7;
	cursor: pointer;
}

#mobile-dropdown-menu{
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	left: auto;
	height: auto;
	background-color: #343434;
	z-index: 9999;
	padding: 2em 3.5em 2em 2em;
	font-family: 'Roboto-Thin', sans-serif;
	min-width: 300px;
}

#mobile-dropdown-menu #mobile-dropdown-menu-myaccount{
	line-height: 20px;
	position: fixed;
	bottom: 10%;
}

#mobile-dropdown-menu #mobile-dropdown-menu-myaccount img{
	height: 20px;
}

#mobile-dropdown-menu ul{
	-webkit-padding-start: 0;
	list-style: none;
}

.mobile-dropdown-menu-factors .factor_category-dropdown, .mobile-dropdown-menu-factors-team .factor_category-dropdown{
	top: 6em;
	width: 100%;
	min-width: 100%;
	font-family: 'Roboto-Regular', sans-serif;
}
	
.mobile-dropdown-menu-factors li a, .mobile-dropdown-menu-factors-team li a{
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 2.5em;
}

.mobile-dropdown-menu-factors a, .mobile-dropdown-menu-factors-team a{
	color: white;
}

.mobile-dropdown-menu-factors li:nth-child(3n+1) .underline, .mobile-dropdown-menu-factors-team li:nth-child(3n+1) .underline{
	background: rgb(41,108,243);
	background: -webkit-linear-gradient(left, rgba(146,39,143,1) 0%, rgba(41,108,243,1) 100%);
	background: -o-linear-gradient(left, rgba(146,39,143,1) 0%, rgba(41,108,243,1) 100%);
	background: linear-gradient(to right, rgba(146,39,143,1) 0%, rgba(41,108,243,1) 100%);
	height: 1px;
	width: 100%;
}

.mobile-dropdown-menu-factors li:nth-child(3n+2) .underline, .mobile-dropdown-menu-factors-team li:nth-child(3n+2) .underline{
	background: rgb(6,194,201);
	background: -webkit-linear-gradient(left, rgba(6,194,201,1) 0%, rgba(122,236,38,1) 100%);
	background: -o-linear-gradient(left, rgba(6,194,201,1) 0%, rgba(122,236,38,1) 100%);
	background: linear-gradient(to right, rgba(6,194,201,1) 0%, rgba(122,236,38,1) 100%);
	height: 1px;
	width: 100%;
}

.mobile-dropdown-menu-factors li:nth-child(3n+3) .underline, .mobile-dropdown-menu-factors-team li:nth-child(3n+3) .underline{
	background: rgb(243,41,41);
	background: -webkit-linear-gradient(left, rgba(243,41,41,1) 0%, rgba(255,214,0,1) 50%);
	background: -o-linear-gradient(left, rgba(243,41,41,1) 0%, rgba(255,214,0,1) 50%);
	background: linear-gradient(to right, rgba(243,41,41,1) 0%, rgba(255,214,0,1) 50%);
	height: 1px;
	width: 100%;
}

.mobile-dropdown-menu-sections{
	margin-top: 25%;
}

.mobile-dropdown-menu-sections li{
	line-height: 1.75em;
	height: 1.75em;
	cursor: pointer;
	width: 100%;
}

.mobile-dropdown-menu-sections li a{
	color: white;
	cursor: pointer;
}

.mobile-dropdown-menu-sections li a .login-text{
	float: left;
	display: inline;
	margin-left: 5px;
}

.mobile-dropdown-menu-sections li a .login-text:hover{
	color: rgb(41,108,243);
}

.mobile-dropdown-menu-sections li .account-icon{
	background-image: url('../images/myaccount_transparent.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	
	width: 20px;
	height: 30px;
	line-height: 30px;
	
	display: inline;
	float: left;
}

@media (max-width: 992px){
	.top-nav{
		top: 0px;
		left: 0px;
		height: auto;
		padding: 0px;/*0px 0px 0px 0px; /*.nav-logo height*/
		position: relative;
	}
	
	.sticky{
		position: fixed;
		top: 0px;
		padding: 0px;
	}
	
	.nav-stripe{
		padding: 0px 20px 0px 0px;
	}
	
	.stitched_spacer{
		height: 40px;
	}
}

@media (min-width: 991px) and (max-height: 640px){ /*Wide short screens*/
	.top-nav, #header .jqui-dropdown{
		zoom: 75%;
	}
}

@media (max-width: 479px){
	.top-nav{
		padding: 50px 0px 0px 0px; /*.nav-logo height*/
	}
	
	.nav-logo{
		background-size: 240px auto;

		width: 260px;
		height: 30px;
		top: 10px;
		left: 5px;
	}

	.mobile_dropdown{
		right: 5px;
		top: -5px;
	}
	
	#mobile-dropdown-menu{
		height: 100vh;		
		left: 15%;
	}
	
	.stitched_spacer{
		/*height: 340px; /*nav-stripe height + nav-logo height + 40px margin*/
	}
}