@charset "UTF-8";
/* -----------------------------------------------------

* Filename: styles.css
* Description: master external style sheet for Gabi Kat Grooming
* Version: 1
* Website: http://www.gabikat.com
* Author: John Curtis

-------------------------------------------------------*/

nav {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	margin: 3% 0;
}
	nav ul {
		margin: 0 auto;
		padding: 0;
	}
	nav li {
		display: inline;
		margin: 0 2%;
		width: auto;
		position: relative;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing: border-box;
		overflow: hidden;
		text-align: center;
	}
		nav > ul > li:not(:last-child):after {
			content: "\2b24";
			position: absolute;
			right: -27px;
			top: 0;
			width: 10px;
			height: 100%;
			font-size: 9px;
			color: #fff;
		}
	nav li a {
		display: inline-block;
		color: #fff;
		text-decoration: none;
		font-size: 15px;
		padding: 7px 0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing: border-box;
		-webkit-transition: 200ms;
		-moz-transition: 200ms;
		-o-transition: 200ms;
		transition: 200ms;
		position: relative;
	}
		nav > ul > li > a:before {
			position: absolute;
			display: block;
			content: "";
			background: #f9a64e;
			width: 0;
			height: 3px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: 0 auto;
			transition: width 0.2s;
		}
		nav > ul > li > a:hover:before {
			width: 100%;
		}
		nav > ul > li > a.drop_down:after {
			content: "\25bc";
			font-size: 9px;
		}
	nav li ul {
		list-style: none;
		position: absolute;
		z-index: 5;
		left: 0;
		top: 25px;
		min-width: 260px;
		padding: 0;
		overflow: hidden;
	}
		nav li ul li {
			display: block;
			position: relative;
			width: auto;
			height: 0;
			line-height: 1.50em;
			padding: 0;
			margin: 0;
			background: #282425;
			-webkit-transition:height 200ms ease-in;
		    -moz-transition:height 200ms ease-in;
		    -o-transition:height 200ms ease-in;
		    transition:height 200ms ease-in, background 0.15s;
		}
		nav li:hover ul li {
			height: 45px;
		}
		nav li ul li:hover {
			background: #f9a64e;
		}
		nav li ul li a {
			display: block;
			padding: 10px 5px;
			height: auto;
			font-size: 14px;
			text-align: left;
			margin: 0;
			color: #fff;
			text-decoration: none;
			border-radius: 0;
			border-bottom: 3px solid #fff;
		}
		nav li ul li:last-child a {
			border-bottom: 0;
		}