.mn-navigation-wrap {
	&.mn-dark {
		[class*="icono-"] {
			color: #000;
		}
	}
}

.mn-icon-wrap {
	position: relative;
	padding: 12px;
	border: 1px solid transparent;
	display: inline-block;
	box-sizing: content-box;
	vertical-align: top;
	background-color: transparent;
	margin-bottom: 0;
	overflow: hidden;
	float: right;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	&:hover {
		cursor: pointer;
	}

	// License for icono
	//
	// http://saeedalipoor.github.io/icono/
	// https://github.com/saeedalipoor/icono/blob/master/LICENSE
	// ====================================
	//
	// The MIT License (MIT)
	//
	// Copyright (c) 2014 Saeed Alipoor
	//
	// Permission is hereby granted, free of charge, to any person obtaining a copy
	// of this software and associated documentation files (the "Software"), to deal
	// in the Software without restriction, including without limitation the rights
	// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	// copies of the Software, and to permit persons to whom the Software is
	// furnished to do so, subject to the following conditions:
	//
	// The above copyright notice and this permission notice shall be included in all
	// copies or substantial portions of the Software.
	//
	// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
	// SOFTWARE.

	[class*="icono-"], [class*="icono-"] * {
		box-sizing: border-box;
	}
	[class*="icono-"] {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		font-style: normal;
		color: #fff;
		text-align: left;
		text-indent: -9999px;
		direction: ltr;
	}

	[class*="icono-"]:before,
	[class*="icono-"]:after {
		content: '';
		pointer-events: none;
	}
	.icono-cross:before {
		width: 20px;
		height: 2px;
	}
	.icono-cross:after {
		height: 20px;
		width: 2px;
	}

	.icono-cross:before,
	.icono-cross:after {
		box-shadow: inset 0 0 0 32px;
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		border-radius: 5px;
	}

	.icono-bars {
		width: 20px;
		height: 2px;
		box-shadow: inset 0 0 0 32px,0 -6px,0 6px;
		margin: 16px 7px;
		border-radius: 5px;
	}

	.icono-cross {
		display: none;
		width: 30px;
		height: 30px;
		margin: 2px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}