/* ## main nav ## */

/* all devices */
#nav li > .content {
	display : none;
}

#nav li.active > .content {
	display : block;
}

#nav {
	font-weight : normal;
}

#nav a {
	color : #666;
}

/* ## catnav ## */
.catnav-head {
	background-color : #f4f4f4;
	padding: 12px 10px 0 10px;
}

ul.catnav {
	clear : both;
}

ul.more-categories {
	margin-top:-14px;
	min-height:139px;
}

ul.catnav > li {
	float : left;
	padding : 4px 0;
	margin-right:20px;
	color: #9b9b9b;
}

ul.catnav > li.head {
	width : 100%;
	color: #444;
}

.catalog-category-view ul.catnav > li > a {
	color : #666;
	font-weight : normal;
	line-height : 1;
	background: url(/skin/frontend/base/default/images/manapro_filtercheckboxes/checkbox_unchecked_hover.png) 0 1px no-repeat;
	padding:0 0 0 20px;
}

.catalog-category-view ul.catnav > li > a.m-checkbox-checked {
	background: url(/skin/frontend/base/default/images/manapro_filtercheckboxes/checkbox_checked_hover.png) 0 1px no-repeat;
}


ul.catnav > li > a.blue {
	color : #245dc1;
}

ul.catnav > li > a.active {
	color : #dd0b35;
}

/* breadcrumb magento */
.breadcrumbs {
	color : #9b9b9b;
	font-weight : normal;
	min-height : 40px;
}

.breadcrumbs ul {
	padding-top : 10px;
	padding-bottom : 10px;
}

.breadcrumbs li {
	display : inline;
}

.breadcrumbs a + span {
	background : url('../images/arrow_small.png') center no-repeat;
	width : 10px;
}

.breadcrumbs a {
	color : #9b9b9b !important;
	font-weight : normal;
	text-decoration : none;
}

.breadcrumbs a:hover {
	text-decoration : underline;
}


.mb-mana-catalog-leftnav a,
.mb-mana-catalog-leftnav a:active,
.mb-mana-catalog-leftnav a:hover,
.mb-mana-catalog-leftnav a:visited,
.mb-mana-catalogsearch-leftnav a,
.mb-mana-catalogsearch-leftnav a:active,
.mb-mana-catalogsearch-leftnav a:hover,
.mb-mana-catalogsearch-leftnav a:visited {
	color : #666;
}

/* # filter nav # */
.m-selected-filter-item {
	font-weight : bold;
	color : #dd0b35;
}

.nav-single-language {
	width:100% !important;
}

.nav-single-language li {
	width:33% !important;
	float:left;
}
#pagenav{
	padding-left: 0px !important;
	display: block;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #444;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #444;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #444;
}

/* phone */
@media all and (max-width: 767px) {
	ul.catnav > li {
		margin-right:10px;
	}

	.opener {
		position : absolute;
		right : 0;
		height : 40px;
		width : 60px;
		margin-top : -40px;
		cursor : pointer;
		background-color : rgba(0,0,0,0.03);
		border-left : 1px solid white;
		text-align : center;
	}
	#nav .content {
		padding-left:0;
		padding-right:0;
	}

	#nav > li > a > br {
		display : none;
	}

	#nav {
		background-color : #f4f4f4;
	}

	#nav a {
		display : block;
		white-space : nowrap;
		margin-left: 15px;
		width : calc(100% - 84px);
		overflow : hidden;
		text-overflow : ellipsis;
	}

	.innerPages #nav a {
		padding-left: 15px;
	}

	.innerPages .mobile-search {
		padding-left: 30px;
	}

	#nav li {
		line-height: 40px;
	}

	#nav > li {
		border-bottom : 14px solid white;
	}

	#nav li li {
		background-color : rgba(0,0,0,0.02);
	}

	.catnav-head {
		background-color : #f4f4f4;
		padding: 12px 24px 0 24px;
	}
}

/* tab, desktop */
@media all and (min-width: 768px) {
	.opener {
		display : none;
	}

	#nav > li {
		background-color : #f4f4f4;
		padding-top : 12px;
		padding-bottom : 20px;
		border-right :14px solid white;
		border-bottom :14px solid white;
	}

	#nav > li > a {
		font-size : 18px;
		line-height : 1.25em;
		display : block;
		padding-left : 24px;
		background : url('../images/arrow_darkgrey.png') no-repeat right 11px top 30px;
	}

	#nav > li.active > a {
		background : url('../images/arrow_red.png') no-repeat right 11px top 30px;
	}

	#nav > li li.active > a {
		/*font-weight : bold;*/
		text-shadow:0.33px 0px 0px, -0.33px 0px 0px;
	}

	#nav > li > .content {
		position : absolute;
		z-index : 1000;
		top : 0;
		min-height : 460px;
		background-color : #f4f4f4;
	}

	#nav > li > .content > ul > li.active {
		background : url('../images/arrow_red.png') no-repeat right 10px bottom 11px;
	}

	#nav > li.active > .content {
		padding : 8px 10px 10px;
	}

	#nav > li.active > .content > ul {
		border-right : 1px solid white;
	}

	#nav > li.active > .content > ul li {
		padding : 4px 0;
	}

	#nav > li.active > .content > ul > li > .content {
		position : absolute;
		z-index : 1001;
		top : 0;
		padding : 8px 10px 10px;
	}

	#nav > li.active > .content > ul > li > .content > ul {
		width : 100%;
	}

	#nav > li.active > .content > ul > li > .content > ul > li {
		width : 50%;
		float : left;
	}
}

@media all and (min-width: 768px) {
	#nav > li {
		width : 187px;
	}

	#nav > li > .content {
		left : 194px;
		width : 547px;
		box-shadow: 0px 1px 3px #777;
	}

	#nav > li.active > .content > ul {
		width : 183px;
	}

	#nav > li.active > .content > ul > li > .content {
		left : calc(183px + 8px);
	}
	#nav > li.active > .content > ul > li > .content > ul > li:last-child {
		padding-bottom: 10px;
	}
}

@media all and (min-width: 992px) {
	#nav > li {
		width : 242px;
	}

	#nav > li > .content {
		left : 249px;
		width : 712px;
		box-shadow: 0px 1px 3px #777;
	}

	#nav > li.active > .content > ul {
		width : 288px;
	}

	#nav > li.active > .content > ul > li > .content {
		left : calc(288px + 8px);
	}
}

@media all and (min-width: 1200px) {
	#nav > li {
		border-right: 0px !important;
		width: 100% !important;
		/*width : 292px;*/
	}

	#nav > li > .content {
		/*left : 302px;*/
		left : 292px;
		width : 862px;
		/*width : 852px;*/
		box-shadow: 0px 1px 3px #777;
	}

	#nav > li.active > .content > ul {
		width : 288px;
	}

	#nav > li:active > .content > ul > li > .content {
		left : calc(288px + 8px);
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	#nav > li > a {
		padding-left: 12px;
	}
}