/*****************************************************************
 * Infinity Push
 *****************************************************************/

.ma-infinitypush-open {
	display: block;
	position: fixed;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.ma-infinitypush-wrapper {
	background-color: #f9f7f6;
	position: fixed;
	width: 250px;
	height: 100%;
	z-index: 9999;
}


.ma-infinitypush-wrapper.ma-infinitypush-active-button {
	position: absolute;
}

.ma-infinitypush-button {
	display: block;
	/*box-shadow: inset 0 3px #070c12, inset 0 5px white, inset 0 8px #070c12, inset 0 10px white, inset 0 13px #070c12, inset 0 16px white;	*/
	background: url(../images/menu.png) no-repeat;
	text-indent: -9999px;
	width: 23px;
	height: 20px;
	top: 13px;
	cursor: pointer;
	z-index: 100;
	
	position: absolute;
	top: 50%;
	right: 0;
	
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ul,
.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ul li ol,
.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ul,
.ma-infinitypush-wrapper.ma-infinitypush-left .ma-infinitypush ol li ol {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ul,
.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ul li ol,
.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ul,
.ma-infinitypush-wrapper.ma-infinitypush-right .ma-infinitypush ol li ol {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.ma-infinitypush-wrapper .ma-infinitypush {
	background-color: transparent !important;
	position: relative;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 5000;
}

.ma-infinitypush-wrapper .ma-infinitypush ul,
.ma-infinitypush-wrapper .ma-infinitypush ol {
	background-color: #f9f7f6;
	list-style-type: none;
	width: 250px;
	overflow-x: hidden;
}

.ma-infinitypush-wrapper .ma-infinitypush ul li,
.ma-infinitypush-wrapper .ma-infinitypush ol li {
	height: 40px;
	width: 100%;
}

.ma-infinitypush-wrapper .ma-infinitypush ul li a,
.ma-infinitypush-wrapper .ma-infinitypush ol li a {
	color: #404d5b;
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	height: 100%;
	margin: 0;
	padding: 13px 0 0 15px;
}

.ma-infinitypush-wrapper .ma-infinitypush ul li ul,
.ma-infinitypush-wrapper .ma-infinitypush ul li ol,
.ma-infinitypush-wrapper .ma-infinitypush ol li ul,
.ma-infinitypush-wrapper .ma-infinitypush ol li ol {
	display: none;
	position: absolute;
	height: 100%;
	top: 0;
	overflow-y: auto;
}

.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item,
.ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item {
	background-color: #ccc;
}

.ma-infinitypush-wrapper .ma-infinitypush ul li.ma-infinitypush-active-item>a,
.ma-infinitypush-wrapper .ma-infinitypush ol li.ma-infinitypush-active-item>a {
	color: #252324 !important;
	text-decoration: none !important;
}

.ma-infinitypush-wrapper .ma-infinitypush>ul,
.ma-infinitypush-wrapper .ma-infinitypush>ol {
	border-bottom: 1px solid #e9e9e9;
}

.ma-infinitypush-wrapper .ma-infinitypush.ma-infinitypush-sub-open {
	overflow-y: hidden;
}

.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-inactive {
	border-right: none !important;
	border-left: none !important;
	overflow-y: hidden !important;
}

.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	width: 250px;
	height: 100% !important;
	top: 0;
	left: 0;
	padding: 0 !important;
}


@media screen and (min-width: 1200px) {
	.ma-infinitypush-button{
		display: none;
	}
}