.mainmenu {
	position: relative;
	width: 100%;
	z-index: 9900;
	line-height: normal;
	a {
		color: #777;
	}
	ul {
		margin: 0;
		padding: 0;
		text-align: right;
		ul {
			top: auto;
			width: 220px;
			position: absolute;
			z-index: 9900;
			text-align: left;
			display: none;
			background: #000;
			ul {
				top: 0;
				left: 220px;
			}
		}
	}
	li {
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
		position: relative;
		line-height: normal;
		vertical-align: middle;
		a {
			font-size: 15px;
			padding: 15px;
			display: block;
			text-decoration: none;
			color: #777;
			font-size: inherit;
			font-family: inherit;
			box-sizing: border-box;
			-webkit-transition: all .3s ease-out;
			-moz-transition: all .3s ease-out;
			transition: all .3s ease-out;
		}
		li {
			display: block;
		}
		li.has-sub {
			>a {
				&:after {
					margin-left: 0px;
					float: right;
					border-top: 6px solid transparent;
					border-bottom: 6px solid transparent;
					border-left: 6px solid #FFF;
					position: relative;
					top: 4px;
				}
			}
		}
	}
	>ul {
		>li {
			display: inline-block;
			>a {
				padding: 20px 20px;
			}
			&:hover {
				>ul {
					>li {
						&:hover {
							>ul {
								opacity: 1;
								visibility: visible;
								top: 0;
							}
						}
					}
				}
			}
		}
		>li.default_btn {
			a {
				color: #fff;
				padding: 10px 10px;
				font-size: 14px;
				letter-spacing: 1px;
				font-weight: 400;
				font-family: 'AvenirRegular';
			}
		}
		>li.drop-left {
			>ul {
				right: 0;
			}
		}
	}
	li.drop-left {
		ul {
			ul {
				left: auto;
				right: 220px;
			}
		}
		li.has-sub {
			>a {
				&:after {
					float: left;
					margin-right: 10px;
					border-left: 0;
					border-top: 6px solid transparent;
					border-bottom: 6px solid transparent;
					border-right: 6px solid #FFF;
				}
			}
		}
	}
	li.has-sub {
		>a {
			&:after {
				content: '';
				margin-left: 10px;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-top: 6px solid #000;
				display: inline-block;
			}
		}
	}
	.menu-toggle {
		display: none;
		text-transform: uppercase;
		text-decoration: none;
		padding: 15px;
		box-sizing: border-box;
		span.bars {
			display: inline-block;
			margin-right: 7px;
			position: relative;
			top: 3px;
			span {
				display: block;
				width: 15px;
				height: 2px;
				border-radius: 6px;
				background: #777;
				margin: 0 0 3px;
			}
		}
	}
	.close-menu {
		display: none;
		text-transform: uppercase;
		text-decoration: none;
		padding: 15px;
		box-sizing: border-box;
	}
	.call-btn-mobile {
		display: none;
		text-transform: uppercase;
		text-decoration: none;
		padding: 15px;
		box-sizing: border-box;
	}
	.location-btn-mobile {
		display: none;
		text-transform: uppercase;
		text-decoration: none;
		padding: 15px;
		box-sizing: border-box;
	}
	.dd-toggle {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		width: 48px;
		height: 48px;
		text-align: center;
		z-index: 9999;
		border: 0;
	}
	li.call-btn-mobile {
		display: none;
	}
	li.location-btn-mobile {
		display: none;
	}
	svg {
		fill: currentColor;
		width: 1em;
		height: 1em;
		position: relative;
		top: 2px;
	}
	a.dd-toggle {
		.icon-plus {
			box-sizing: border-box;
			transition: transform 0.3s;
			width: 12px;
			height: 100%;
			position: relative;
			vertical-align: middle;
			display: inline-block;
			&:before {
				content: '';
				display: block;
				width: 12px;
				height: 0px;
				border-bottom: solid 3px #777;
				position: absolute;
				top: 50%;
				transform: rotate(90deg);
				transition: width 0.3s;
			}
			&:after {
				content: '';
				display: block;
				width: 12px;
				height: 0px;
				top: 50%;
				border-bottom: solid 3px #777;
				position: absolute;
			}
		}
	}
	li.open {
		>a.dd-toggle {
			.icon-plus {
				-webkit-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				-o-transform: rotate(135deg);
				transform: rotate(135deg);
			}
		}
	}
	.icon-close {
		box-sizing: border-box;
		width: 12px;
		height: 12px;
		position: relative;
		display: inline-block;
		&:before {
			content: '';
			display: block;
			width: 12px;
			height: 0px;
			border-bottom: solid 3px #777;
			position: absolute;
			top: 50%;
			transform: rotate(45deg);
		}
		&:after {
			content: '';
			display: block;
			width: 12px;
			height: 0px;
			top: 50%;
			border-bottom: solid 3px #777;
			position: absolute;
			transform: rotate(-45deg);
		}
	}
	.full {
		width: 100%;
	}
	.half {
		width: 50%;
	}
	.third {
		width: 33%;
		text-align: center;
	}
	.location-btn-mobile.third {
		text-align: center;
	}
	.location-btn-mobile.half {
		text-align: right;
	}
}
.mainmenu.light {
	a {
		color: #000;
	}
	li {
		a {
			color: #000;
		}
	}
	a.dd-toggle {
		.icon-plus {
			&:before {
				border-color: #000;
			}
			&:after {
				border-color: #000;
			}
		}
	}
	.icon-close {
		&:before {
			border-color: #000;
		}
		&:after {
			border-color: #000;
		}
	}
	.third {
		border-left: 1px solid rgba(0, 0, 0, .15);
		&:first-child {
			border-left: 0;
		}
	}
	.half {
		border-left: 1px solid rgba(0, 0, 0, .15);
		&:first-child {
			border-left: 0;
		}
	}
	.menu-toggle {
		span.bars {
			span {
				background: #000;
			}
		}
	}
}
.mainmenu.dark {
	background: rgba(0, 0, 0, 1);
	a {
		color: #FFF;
	}
	ul {
		ul {
			background: rgba(0, 0, 0, 1);
		}
	}
	li {
		a {
			color: #FFF;
		}
	}
	a.dd-toggle {
		.icon-plus {
			&:before {
				border-color: #FFF;
			}
			&:after {
				border-color: #FFF;
			}
		}
	}
	.icon-close {
		&:before {
			border-color: #FFF;
		}
		&:after {
			border-color: #FFF;
		}
	}
	.third {
		border-left: 1px solid rgba(255, 255, 255, .15);
		&:first-child {
			border-left: 0;
		}
	}
	.half {
		border-left: 1px solid rgba(255, 255, 255, .15);
		&:first-child {
			border-left: 0;
		}
	}
	.menu-toggle {
		span.bars {
			span {
				background: #FFF;
			}
		}
	}
}
.mainmenu.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
}
body.mainmenu-noscroll-x {
	overflow-x: hidden;
}
.mainmenu.hide-arrows {
	li.has-sub {
		>a {
			&:after {
				display: none;
			}
		}
	}
	li {
		li.has-sub {
			>a {
				&:after {
					display: none;
				}
			}
		}
	}
	li.drop-left {
		li.has-sub {
			>a {
				&:after {
					display: none;
				}
			}
		}
	}
}
.mainmenu.desktop {
	li.has-sub {
		a {
			padding-right: 5px;
		}
		li {
			a {
				padding-right: 5px;
				color: #fff;
			}
		}
	}
	li.mega {
		ul {
			ul {
				background: none;
				width: auto;
			}
		}
		li {
			display: inline-block;
			vertical-align: top;
			margin-left: -4px;
			li {
				display: block;
				position: relative;
				left: 4px;
				a {
					padding: 5px 15px;
				}
			}
		}
		li.has-sub {
			a {
				&:after {
					display: none;
				}
			}
		}
	}
	>ul {
		>li.mega {
			position: inherit;
			>ul {
				width: 100%;
				li.has-sub {
					ul {
						display: block;
						position: relative;
						left: auto;
					}
				}
				>li {
					padding-bottom: 15px;
					box-sizing: border-box;
					>a {
						color: yellow;
					}
				}
			}
		}
	}
}
.mainmenu.desktop.hide-arrows {
	li.has-sub {
		a {
			padding-right: 15px;
		}
	}
}
.mainmenu.mobile {
	>ul {
		>li {
			>a.dd-toggle {
				padding: 0;
			}
			display: block;
			>a {
				padding: 15px;
			}
		}
		border-top: 1px solid rgba(255, 255, 255, .15);
	}
	position: static;
	text-align: right;
	ul {
		position: relative;
		display: none;
		text-align: left;
		background: rgba(221, 221, 221, 1);
		ul {
			position: relative;
			opacity: 1;
			visibility: visible;
			width: auto;
			display: none;
			-moz-transition: none;
			-webkit-transition: none;
			-o-transition: color 0 ease-in;
			transition: none;
			ul {
				left: auto;
				top: auto;
			}
		}
	}
	li.drop-left {
		ul {
			ul {
				right: auto;
			}
		}
		li.has-sub {
			>a {
				&:after {
					display: none;
				}
			}
		}
	}
	li {
		a {
			border-bottom: 1px solid rgba(255, 255, 255, .15);
		}
		a.dd-toggle {
			border: 0;
		}
		li.has-sub {
			>a {
				&:after {
					display: none;
				}
			}
		}
	}
	.menu-toggle {
		display: inline-block;
	}
	.dd-toggle {
		display: inline-block;
	}
	.close-menu {
		display: inline-block;
	}
	.call-btn-mobile {
		display: inline-block;
	}
	.location-btn-mobile {
		display: inline-block;
	}
	li.call-btn-mobile {
		border-right: 1px solid rgba(255, 255, 255, .1);
		box-sizing: border-box;
		display: inline-block;
		width: 50%;
		text-transform: uppercase;
		text-align: center;
	}
	li.location-btn-mobile {
		display: inline-block;
		width: 50%;
		text-transform: uppercase;
		text-align: center;
	}
	li.call-btn-mobile.full {
		display: block;
		width: 100%;
		text-transform: uppercase;
		border-right: 0;
		text-align: left;
	}
	li.location-btn-mobile.full {
		display: block;
		width: 100%;
		text-transform: uppercase;
		border-right: 0;
		text-align: left;
	}
	li.has-sub {
		>a {
			&:after {
				display: none;
			}
		}
	}
}
.mainmenu.light.left {
	.third {
		border-bottom: 1px solid rgba(0, 0, 0, .15);
	}
	.half {
		border-bottom: 1px solid rgba(0, 0, 0, .15);
	}
	.menu-toggle {
		border-bottom: 0;
	}
}
.mainmenu.light.right {
	.third {
		border-bottom: 1px solid rgba(0, 0, 0, .15);
	}
	.half {
		border-bottom: 1px solid rgba(0, 0, 0, .15);
	}
	.menu-toggle {
		border-bottom: 0;
	}
}
.mainmenu.dark.left {
	.third {
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}
	.half {
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}
	.menu-toggle {
		border-bottom: 0;
	}
}
.mainmenu.dark.right {
	.third {
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}
	.half {
		border-bottom: 1px solid rgba(255, 255, 255, .15);
	}
	.menu-toggle {
		border-bottom: 0;
	}
}
.mainmenu.mobile.fixed {
	position: static;
}
.mainmenu.mobile.active {
	padding-bottom: 0;
	>ul {
		display: block;
	}
}
.mainmenu.mobile.light {
	li {
		a {
			border-bottom: 1px solid rgba(0, 0, 0, .15);
		}
		a.dd-toggle {
			border: 0;
		}
	}
	>ul {
		border-top: 1px solid rgba(0, 0, 0, .15);
	}
	ul {
		background: rgba(255, 255, 255, 1);
	}
	li.call-btn-mobile {
		border-right: 1px solid rgba(0, 0, 0, .1);
	}
}
.mainmenu.mobile.dark {
	ul {
		background: rgba(0, 0, 0, 1);
		ul {
			background: rgba(255, 255, 255, .08);
		}
	}
}
.mainmenu.mobile.top {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
}
.mainmenu.mobile.right {
	>ul {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		max-width: 280px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		right: 0;
	}
	.close-menu {
		display: inline-block;
		text-align: right;
	}
	.location-btn-mobile.half {
		text-align: center;
	}
	.call-btn-mobile.half {
		text-align: center;
	}
	.close-menu.half {
		text-align: center;
	}
	.location-btn-mobile.third {
		text-align: center;
	}
	.call-btn-mobile.third {
		text-align: center;
	}
	.close-menu.third {
		text-align: center;
		span {
			display: none;
		}
	}
	.menu-toggle.half {
		text-align: left;
	}
	.menu-toggle.third {
		text-align: left;
	}
}
.mainmenu.mobile.left {
	>ul {
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		max-width: 280px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		left: 0;
	}
	.close-menu {
		display: inline-block;
		text-align: right;
	}
	.location-btn-mobile.half {
		text-align: center;
	}
	.call-btn-mobile.half {
		text-align: center;
	}
	.close-menu.half {
		text-align: center;
	}
	.location-btn-mobile.third {
		text-align: center;
	}
	.call-btn-mobile.third {
		text-align: center;
	}
	.close-menu.third {
		text-align: center;
		span {
			display: none;
		}
	}
	.menu-toggle.half {
		text-align: left;
	}
	.menu-toggle.third {
		text-align: left;
	}
}
//@media only screen and (max-width : 768px) {
//	.mainmenu {
//		overflow: hidden;
//		display: block;
//		ul {
//			position: relative;
//			display: none;
//		}
//	}
//}
//@media only screen and (max-width : 420px) {
//	.mainmenu.mobile {
//		.call-btn-mobile.third {
//			span {
//				display: none;
//			}
//		}
//		.location-btn-mobile.third {
//			span {
//				display: none;
//			}
//		}
//	}
//}