@media only screen and (min-width: 1280px) {

	.navigation.home {
		background: rgba(255,255,255,0);
		border-color: rgba(0,0,0,0);
		transition: background 0.3s linear;
	}

		.navigation.home.moving {
			border-color: #000;
			background: #FFF;
		}


		.navigation.home .logo,
		.navigation.home .nav {
			display: none;
		}

		.navigation.home.moving .logo,
		.navigation.home.moving .nav {
			display: block;
		}

	.navigation .nav {
		width: 100%;
		padding-bottom: 0px;
	}

		.navigation .nav > ul > li#nav4 > ul:after {
			content: "Pioneering ESG analytics and reporting";
		}

		.navigation .nav > ul {
			display: flex;
			justify-content: space-between;
			width: 100%;
		}

			.navigation .nav > ul > li {
				padding-bottom: 11px;
			}

				.navigation .nav > ul > li a {
					margin: 0;
				}

				.navigation .nav > ul > li:before {
					display: none !important;
				}

				.navigation .nav > ul > li#search {
					padding-right: 0;
				}

				.navigation .nav > ul > li > ul,
				.navigation .search-holder-new {
					top: 131px;
				}

				.navigation .nav > ul > li > ul {
					border-bottom: 1px solid #000;
				}
}

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

.navigation .nav-top {
	display: flex;
}

	.navigation .nav-top ul li:first-of-type {
		border: none;
	}

	.navigation .nav-top ul li a {
		border: 1px solid #000;
		color: #000;
		min-width: 90px;
		text-align: center;
		padding: 6px 5px 4px 5px;
		text-transform: uppercase;
		font-size: 1.4rem;
	}

		.navigation .nav-top ul li a:hover {
			border-color: #39abe2;
			background: #39abe2;
			color: #FFF;
		}


	.navigation .nav-top ul li:last-of-type a {
		background: #000;
		color: #fff;
	}

		.navigation .nav-top ul li:last-of-type a:hover {
			border-color: #39abe2;
			background: #39abe2;
		}

	.navigation .nav-top .dropdown {
		margin: 8px 0 0 50px;
		position: relative;
	}

		.navigation .nav-top .dropdown svg {
			cursor: pointer;
		}

		.navigation .nav-top .dropdown.account {
			margin-right: 10px;
		}

			.navigation .nav-top .dropdown.account svg {
				height: 24px;
				fill: #AAA;
				transition: fill 250ms linear;
			}

				.navigation .nav-top .dropdown.account svg:hover {
					fill: #000;
				}


		.navigation .nav-top .dropdown svg rect {
			fill: #AAA;
			transition: fill 250ms linear;
		}

		.navigation .nav-top .dropdown:hover svg rect {
			fill: #000;
		}

		.navigation .nav-top .dropdown .menu {
			position: absolute;
			left: -9999px;
			top: 40px;
			border: 1px solid #000;
			background: #E5E5E5;
			padding: 35px;
			font-size: 1.4rem;
			width: 240px;
			z-index: 1001;
		}

			.navigation .nav-top .dropdown .menu dt {
				color: #000;
			}

			.navigation .nav-top .dropdown .menu dd {
				padding: 20px 0 0 0;
			}

				.navigation .nav-top .dropdown .menu dd a {
					font-size: 1.4rem;
					color: #000;
					border-bottom: 1px solid rgba(0,0,0,0);
					transition: all 0.3s linear;
					font-family: "Proxima N W01 Smbd";
				}

					.navigation .nav-top .dropdown .menu dd a:hover {
						color: #32A1DE;
						border-color: #32A1DE;
					}

				.navigation .nav-top .dropdown .menu dd.global {
					border-top: 1px solid #000;
					margin: 20px 0 0 0;
					color: #000;
				}

				.navigation .nav-top .dropdown .menu dd.close {
					width: 40px;
					height: 40px;
					position: absolute;
					top: 0;
					right: 0;
					text-indent: -9999px;
					cursor: pointer;
				}

					.navigation .nav-top .dropdown .menu dd.close:before,
					.navigation .nav-top .dropdown .menu dd.close:after {
						content: "";
						display: block;
						width: 2px;
						height: 20px;
						background: #666;
						position: absolute;
						top: 16px;
						right: 24px;
						transition: background 0.3s linear;
					}

					.navigation .nav-top .dropdown .menu dd.close:after {
						transform: rotate(45deg);
					}

					.navigation .nav-top .dropdown .menu dd.close:before {
						transform: rotate(-45deg);
					}

					.navigation .nav-top .dropdown .menu dd.close:hover:before,
					.navigation .nav-top .dropdown .menu dd.close:hover:after {
						background: #990000;
					}

		.navigation .nav-top .dropdown.open .menu {
			left: auto;
			right: 0;
		}


.navigation.home {
	opacity: 1;
	left: 0;
}


.navigation .mobile-button {
	display: none;
}

	.navigation .mobile-button .btn {
		padding: 5px 10px 4px 10px;
		border: 1px solid #000;
	}

		.navigation .mobile-button .btn:hover {
			border-color: #32A1DE;
		}

@media only screen and (max-width: 1279px) {

	.navigation {
		overflow: visible;
		height: auto !important;
		background: #FFF;
	}

		.navigation,
		.navigation.home.moving {
			border-bottom: 1px solid #000;
		}

			.navigation .mobile-nav {
				padding-bottom: 30px;
			}

			.navigation.home {
				background: rgba(255,255,255,0);
				transition: background 0.3s linear;
				border-bottom: none;
			}

			.navigation.height.home {
				width: 100%;
			}

			.navigation.home .mobile-nav-open {
				display: none;
			}

			.navigation.home.moving .mobile-nav-open {
				display: block;
			}

			.navigation .mobile-nav-open {
				flex: 1 100%;
				padding-bottom: 10px;
				font-size: 14px;
				cursor: pointer;
				display: block;
			}

				.navigation .mobile-nav-open span {
					float: left;
					margin: 0 10px 0 20px;
					width: 24px;
					height: 22px;
					border-top: 3px solid #000;
					border-bottom: 3px solid #000;
					position: relative;
				}

					.navigation .mobile-nav-open span:after,
					.navigation .mobile-nav-open span:before {
						content: "";
						display: block;
						width: 24px;
						height: 3px;
						background: #000;
						position: absolute;
						top: 50%;
						left: 50%;
						-ms-transform: translate(-50%, -50%); /* IE 9 */
						-webkit-transform: translate(-50%, -50%); /* Safari */
						transform: translate(-50%, -50%);
					}

					.navigation .mobile-nav-open span:before {
						display: none;
					}

			.navigation.open .mobile-nav-open span {
				border-top: none;
				border-bottom: none;
			}

				.navigation.open .mobile-nav-open span:after {
					transform: rotate(45deg);
					margin-top: -2px;
					left: -1px;
				}

				.navigation.open .mobile-nav-open span:before {
					transform: rotate(-45deg);
					display: block;
					margin-top: -2px;
					left: -1px;
				}

			.navigation .container {
				max-width: 100%;
			}

			.navigation.home.moving {
				width: 100%;
				background: #FFF;
			}

				.navigation.home.moving .logo .mobile-nav-open {
					color: #000;
				}

			.navigation .logo {
				width: auto;
				background: none !important;
				border-bottom: none !important;
			}

			.navigation .col-md-12 {
				display: flex;
				justify-content: space-between;
				flex-flow: row wrap;
			}

			.navigation.home.moving .logo img {
				display: block !important;
			}

			.navigation .nav-top {
				float: none;
				width: auto;
				text-align: left;
				border: none;
				padding-bottom: 0;
			}

				.navigation .nav-top ul {
					padding: 0;
				}

				.navigation .nav-top .dropdown {
					margin: 0 20px 0 50px;
				}
}


@media only screen and (max-width: 600px) {

	.navigation .nav-top .dropdown {
		margin-left: 20px;
	}

	.navigation .nav-top ul li:first-of-type {
		display: none;
	}

	.navigation.open .mobile-button {
		display: block;
		text-align: center;
	}
}