nav {
	display:block;
	z-index:9999999;
}
.mainWrap {
	display:block;
}
.menu li {
	color:#fff;
	float:left;
	font-family: 'proxima_novasemibold';
	font-size:16px;
	position:relative;
}
.menu li a {
	color:#fff;
	padding:15px 64px 15px 64px;
	-webkit-transition: 0.15s linear;
    -ms-transition: 0.15s linear;
    -moz-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
}
.menu li a:hover, .menu li:hover > a,.menu li a.active {
	color:#fff;
	background:#26201e;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.menu li:last-child{
	background:right none;
}
.menu ul {
	display:none;
	margin:0;
	padding:0;
	width:210px;
	position:absolute;
	top:50px;
	left:0px;
	background:#5e7dbe;
	z-index:9999999;
}
.menu ul li {
	display:block;
	float:none;
	border-right:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #80a1e5;
}
.menu ul li a {
	font-size:15px;
	display:block;
	color:#fff;
	padding:10px 0 10px 10px;
	border-top:none;
}
.menu ul li a:hover, .menu ul li:hover>a {
	color:#fff;
	background:#26201e;
	border-top:none;
}
.menu li:hover > ul {
	display:block;
}
.menu ul ul {
	left:149px;
	top:0px;
}
.mobile-menu {
	display:none;
	width:auto;
	padding:15px 0 15px 15px;
	color:#000;
	font-size:22px;
	font-family: 'proxima_novasemibold';
	text-transform:uppercase;
}
.mobile-menu:hover {
	background:#26201e;
	color:#fff;
	text-decoration:none;
}

@media (max-width: 767px) {

.mainWrap {
	width:100%;
	padding:0px 0px;
	float:none;
}
.menu {
	display:none;
}
.mobile-menu {
	display:block;
}
nav-old {
	margin:0;
	width:100%;
	float:none;
	background:none;
}
nav {
	margin:0;
	width:100%;
	float:right;
	background:none;
}
.menu li {
	display:block;
	margin:0;
	float:none;
	border-right:none;
	border-bottom:1px solid #dedede;
}
.menu li a {
	background:#ffffff;
	color:#000;
	display:block;
	padding:13px 20px 13px 20px;
	margin:0;
	border-top:none;
}

.menu ul li a:hover {
	border-left:none;
	border-top:none;
	color:#fff;
}
.menu ul li:hover > a {
	border-left:none;
	color:#fff;
	border-top:none;
}
.menu li:hover > a{
	border-top:none;
	color:#000;
}
.menu li a:hover {
	color:#fff;
	background:#26201e;
	border-top:none;
}
.menu li a.active {
	color:#fff;
	background:#26201e;
	border-top:none;
	border-bottom:none;
}
.menu ul {
	display:block;
	position:relative;
	top:0;
	left:0%;
	width:100%;
}
.menu ul li {
	display:block;
	float:none;
	background:none;
	margin:0;
	padding:0;
	border-bottom:none;
}
.menu ul li a {
	font-weight:normal;
	display:block;
	color:#000;
	border-bottom:1px solid #dedede;
	padding:10px 0 10px 20px;
}
.menu ul ul {
	left:0;
}
}

@media only screen and (min-width: 768px){
.menu li a {
	padding:15px 28px 15px 29px;
	display:block;
}
@media only screen and (min-width: 1024px){
.menu li a {
	padding:15px 47px 15px 47px;
	display:block;
}
}

@media only screen and (min-width: 1170px){
/*.menu li a {
	padding:15px 64px 15px 64px;
	display:block;
}
}*/

.menu li a {
	padding:4px 30px 4px 30px;
	display:block;
}
}