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

/***** NAV *****/

.bottom-nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2%;
background: linear-gradient(180deg,rgba(212, 212, 212, 1) 9%, rgba(91, 91, 91, 1) 18%, rgba(31, 31, 31, 1) 27%, rgba(64, 64, 64, 1) 37%, rgba(137, 137, 137, 1) 44%, rgba(255, 255, 255, 0.55) 57%);
}

#mckillip-nav {
	margin: 2% 0 0 0; 
	z-index: 99;
}

#mckillip-nav ul {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 9999;
}

#mckillip-nav ul a {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 20px 25px;
	white-space: nowrap;
	border-bottom: 3px #fff solid;
}

#mckillip-nav ul a.highlight {
	background: #fef200;
	color: #000;
}

#mckillip-nav ul a:hover {
	border-bottom: 3px #333 solid;
	padding: 20px 25px;
}

#mckillip-nav ul li {
	position: relative;
	float: left;
	zoom: 1;
	*display: inline;
}

#mckillip-nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
}

#mckillip-nav ul ul li {
	float: none;
	width: 250px
}

#mckillip-nav ul ul a {
	padding: 15px 15px;
	font-size: 13px;
	text-transform: uppercase;
	color: #ffffff;
	background: #000;
	border-bottom: 1px #3d48f7 solid;
	width: 250px;
}

#mckillip-nav ul ul a:hover {
	border-bottom: 1px #3d48f7 solid;
	color: #fff;
	padding: 20px 15px;

}

#mckillip-nav ul li:hover>ul {
	display: block
}


/***** RESPONSIVE STYLES *****/

.show-menu-for-mobile {
	display: none;
}

@media screen and (max-width: 1550px) {
	#mckillip-nav ul a {
		font-size: 13px;
		padding: 20px 22px;
	}
}

@media screen and (max-width: 1470px) {
	.show-menu-for-mobile {
		display: none;
	}

	#mckillip-nav ul a {
		font-size: 12px;
		padding: 20px 22px;
	}
}

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

	#mckillip-nav ul a {
		font-size: 11px;
		padding: 20px 15px;
		letter-spacing: 0;
	}

	#mckillip-nav ul a:hover {
		border-bottom: 3px #fff solid;
		padding: 20px 15px !important;
	}
}



@media screen and (max-width: 320px) {
	.show-menu-for-mobile {
		display: block;
	}

	.hide-for-mobile {
		display: none;
	}

	.hide {
		display: none;
	}

	.divfooter {
		max-width: 90%
	}

	#navicon {
		float: right;
		font-size: 32px;
		text-decoration: none;
		position: relative;
		z-index: 99999999999999999;
		margin: 2% 2% 0 0;
		color: #333;
	}

	#mckillip-nav {
		display: none;
	}
}