@font-face {
	font-family: "micon";
	src: url("../fonts/micon.eot");
	src: url("../fonts/micon.eot?#iefix") format("embedded-opentype"), url("../fonts/micon.woff") format("woff"), url("../fonts/micon.ttf") format("truetype"), url("../fonts/micon.svg#untitled-font-1") format("svg");
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: "micon" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[class^="micon-"]:before, [class*=" micon-"]:before {
	font-family: "micon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mm-list > li.currencies > span, .mm-list > li.currencies > span.txt_currencies {
	display: inline-block;
	padding-left: 0px;
	padding-right: 20px;
}
.mm-list > li.currencies, .mm-list > li.logout {
	text-align: right;
	background: #EFEFEF;
	padding-right: 0px;
}
.mm-list > li.logout i:before {
	content: "\f08b";
	font: normal 18px "fontAwesome";
	color: black;
	display: inline-block;
	font-size: 12px;
	padding: 0px 5px;
}
.mm-list > li.currencies > span.selected {
	font-weight: bold;
}
.mm-list > li.currencies > span.selected a {
	color: black;
}

.mm-panel .mm-navbar {
	background: #ee8420;
}
.mm-panel .mm-navbar a {
	color: #fff !important;
}

/* cuenta menú interior */
.mm-menu #mmenu-account-in {
	/*background: #232323 !important;*/
}
.mm-menu #mmenu-account-in a.mmenu_login, .mm-menu #mmenu-account-in a.mmenu_logout {
	display: inline-block;
	/*float: right;*/
}
.mm-menu #mmenu-account-in a.mmenu_login:hover, .mm-menu #mmenu-account-in a.mmenu_logout:hover {
	background: #ddd;
	color: #525252 !important;
}
.mm-menu #mmenu-account-in a.mmenu_login span, .mm-menu #mmenu-account-in a.mmenu_logout span {
	color: #414042 !important;
}
.mm-menu #mmenu-account-in a.mmenu_login:hover span, .mm-menu #mmenu-account-in a.mmenu_logout:hover span {
	color: #525252 !important;
}

.mm-menu #mmenu-account-in a.mmenu_logout {
	float: right;
	padding-right: 3px;
}

/* idioma menú interior */
.mm-menu #mmenu-language-in {
	text-align: right;
	/* background: #232323 !important; */
	clear: both;
	border-top: 1px solid #cecece;
}
.mm-menu #mmenu-language-in a {
	display: inline-block;
	padding: 10px;
	text-transform: uppercase;
}
.mm-menu #mmenu-language-in a:hover {
	background: #333;
	color: #fff !important;
}
#mmenu-account-in i.fa.fa-sign-out:before {
	content: " ";
	width: 28px;
	vertical-align: middle;
	height: 19px;
	display: inline-block;
	background: url(../../../../svg/logout.svg) no-repeat;
}

.mm-menu .mm-listview > li .mm-next:after {
	border-color: #ddd !important;
}
.mm-menu .mm-listview > li:hover .mm-next:after {
	border-color: #525252 !important;
}
.mm-menu .mm-listview > li:hover a {
	color: #525252 !important;
}
.mm-btn:before {
	border-color: #ddd !important;
}

@media (min-width: 992px) {
	#search-bar {
		display: none !important;
	}
}

@media (max-width: 991px) {
	/* Disable elements */
	.shop-phone, header .banner, #languages-block-top, .blockcart_top, #languages_block_top, #block_top_menu, #contact-link, #header_user_info, #search_block_top, .shopping_cart, .header_user_info, header #social_block, .search-button-head, #top-box-right, .logout, span.label, .box-nav-top, #currencies-block-top {
		display: none !important;
	}

	html.mm-opened .mm-page {
		border-left: 1px solid #414042 !important;
	}

	/* BG Main */
	header .nav {
		background: #232323;
	}
	#main-menu {
		background: #232323;
	}
	#main-menu ul {
		height: 100%;
		background: #fff;
	}

	/* Color Main */
	#mmenu > ul > li > a, .mm-list, .mm-list > li, .mm-list > li > a, .mm-list > li > a span, .mm-listview, .mm-listview > li, .mm-listview > li > a, .mm-listview > li > a span {
		color: #000;
	}
	#main-menu ul li:hover {
		background: #ddd;
	}
	#main-menu ul li:hover a span {
		color: #525252;
	}

	/* Titles Block */
	.mm-menu .mm-list > li > a.mm-subclose {
		background: #000 !important;
		color: #ddd !important;
	}

	/* Number products */
	#mmenu .badge {
		z-index: 10;
		background: transparent;
		position: absolute;
		border-radius: 50%;
		padding: 0;
		right: calc(50% - 16px);
		top: 8px;
		font-size: 14px;
		line-height: 1.5;
		color: #ee8420;
		-webkit-transform: translate(-8px, -4px);
		-moz-transform: translate(-8px, -4px);
		-ms-transform: translate(-8px, -4px);
		transform: translate(-8px, -4px);
	}

	/* Logo */
	header .row #header_logo {
		display: none !important;
		float: left;
		margin: 20px 10px 10px 0;
	}

	.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after {
		display: none !important;
	}

	.mm-menu > .mm-panel {
		margin-top: 0px !important;
	}

	#header > .nav > .container {
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		max-width: 100%;
	}

	.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
		margin-right: 0 !important;
	}

	#top-box-menu .navbar-nav {
		margin: 0px;
		float: none !important;
	}

	#mmenu {
		width: 100%;
	}

	#mmenu ul {
		margin: 0;
	}

	#mmenu > ul > li {
		margin-right: 0px !important;
		width: 20%;
		text-align: center !important;
		float: left;
	}
	#mmenu.simple > ul > li {
		width: 13%;
	}
	#mmenu.simple > ul > li#logo-menu {
		width: 60%;
	}
	#mmenu.simple > ul > li#logo-menu a img {
		display: inline-block;
		margin-top: 5px;
	}
	/* override */
	#help-link, #apadrina-link {
		display: none;
	}
	.mmenu-logo {
		width: calc(100% - 162px) !important;
	}
	header {
		padding-bottom: 0px;
	}
	/*#mmenu > ul > li.mmenu-cart img{
	 height: 31px!important;
	 margin: 11px 0!important;
	 }*/
	#mmenu > ul > li.mmenu-cart a {
		display: inline-block;
		font-weight: bold;
		color: #ddd;
		overflow: hidden;
	}

	.mm-list li > a {
		padding: 17px 10px !important;
	}

	#mmenu > ul > li img {
		height: 35px;
		margin: 0px 0;
	}

	.submenu-container a.mm-subopen:after {
		background: url('../img/flecha-derecha-01-negra-01.svg') no-repeat !important;
	}

	.mm-list a.mm-subclose:before, .mm-list a.mm-subopen:after {
		background: url('../img/flecha-derecha-01.svg') no-repeat;
		right: 18px !important;
		height: 20px !important;
		width: 20px !important;
		top: 17px !important;
		border: none !important;
		transform: none !important;
	}

	.mm-list a.mm-subclose:before {
		background: url('../img/flecha-izquierda-01.svg') no-repeat;
		right: 18px !important;
		height: 20px !important;
		width: 20px !important;
		top: 16px !important;
		border: none !important;
		transform: none !important;
	}

	.mm-list > li > a, .mm-list > li > span {
		text-transform: uppercase !important;
		padding: 15px 10px 15px 20px;
	}

	#mmenu > ul > li > a, #mmenu > ul > li > a:hover {
		text-decoration: none;
		background: transparent !important;
	}

	#mmenu > ul > li.mmenu-toggle {

	}
	#mmenu .mmenu-account {

	}
	#mmenu > ul > li.mmenu-language > a {
		font-weight: bold;
		text-transform: uppercase;
		font-size: 18px;
	}

	#mmenu > ul > li.mmenu-language .dropdown-menu {
		margin-top: 0px;
		padding: 10px;
		border: 1px solid #e0e0e0;
	}

	.selected_language {
		font-weight: bold;
	}

	#mmenu > ul > li.mmenu-language .dropdown-menu li > a {
		color: #000 !important;
	}

	#mmenu > ul > li.mmenu-language .dropdown-menu > li > a:hover, #mmenu > ul > li.mmenu-language .dropdown-menu > li > a:focus {
		background: #fff;
	}

	#mmenu > ul > li.mmenu-cart a {
		position: relative;
	}

	#mmenu > ul > li > a {
		height: 100%;
		float: left;
		width: 100%;
		line-height: 40px;
	}

	#mmenu > ul > li i {
		font-size: 18px;
		color: #fff;
	}

	#mmenu > ul > li i.icon-align-justify {
		margin-top: 5px;
	}
	#mmenu > ul > li i.search:before {
		display: block;
		content: "\1f30a";
		font-family: icomoon;
		font-size: 20px;
		width: 100%;
		padding: 3px 0px;
		font-weight: bold;
	}
	#mmenu > ul > li i.shopping-cart:before {
		content: "";
		display: inline-block;
		font-size: 23px;
		line-height: 23px;
		color: #414042;
		padding-right: 0px;
		width: 27px;
		background: url(../../../../img/icon/cart.png) no-repeat;
		height: 25px;
		background-size: cover;
		margin-top: 10px;
		margin-bottom: -5px;
	}
	#search-bar {
		width: 100%;
		position: relative;
		height: 50px;
		transition: all 0.25s ease 0s !important;
	}

	.search-bar-show {
		top: 54px !important;
		transition: all 0.25s ease 0s !important;
	}

	#search-bar > form > p {
		margin: 0;
	}

	#search-bar input {
		outline: none !important;
		max-width: 100%;
		height: 50px;
		padding-left: 50px !important;
		padding-right: 50px !important;
		padding: 0;
		background: #fff;
		margin: 0;
		display: inline-block;
		float: left;
		border: 0 !important;
		margin: 0;
		border-radius: 0 !important;
		width: 100%;
	}

	#search-bar .search-button {
		background-position: center center;
		position: absolute;
		left: 5px;
		top: 10px;
		width: 30px;
		border: 0;
		outline: none;
		height: 32px;
		-webkit-mask: url(../../../../svg/search.svg) no-repeat 100% 100%;
		mask: url(../../../../svg/close.svg) no-repeat 100% 100%;
		-webkit-mask-size: cover;
		mask-size: cover;
		background-color: #414042;
	}

	#search-bar .search-close {
		background-position: center center;
		position: absolute;
		right: 5px;
		width: 32px;
		top: 10px;
		border: 0;
		outline: none;
		color: black;
		height: 30px;
		-webkit-mask: url(../../../../svg/close.svg) no-repeat 100% 100%;
		mask: url(../../../../svg/close.svg) no-repeat 100% 100%;
		-webkit-mask-size: cover;
		mask-size: cover;
		background-color: #000;
	}

	#mm_men_no_hidden {
		background: #fb5104 !important;
		color: #fff !important;
	}

	.mm-list a.mm-subclose {
		margin-top: 0px !important
	}
	/*mod ecomm - pablo -> Hacer mmenu fixed*/
	#header {
		position: fixed;
		width: 100%;
	}

	.addedContent {
		/* display: none;*/
		position: fixed;
		right: 0;
		top: 0;
		height: 67px;
		left: 0;
		z-index: 99;
		text-align: center;
		background: #ee8420;
	}
	.addedContentInside {
		position: relative;
		top: -80px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	.addedContentInside.showTransition {
		top: 25px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
		font-weight: normal;
		color: white;
		text-transform: uppercase;
	}
	.columns-container {
		padding-top: 46px;
	}
}

.mm-listview > li:not(.mm-divider):after {
	left: 0px !important;
}
.mm-listview > li > a, .mm-listview > li > span {
	color: #414042 !important;
}
.mm-listview .mm-next:before {
	display: none !important;
}
/* PH Mega Menu Style */

span.label {
	display: none;
}

/* modificado para mostrar el estado del pedido en history */
#history #page #block-history tbody span.label {
	display: block;
}

@media (max-width: 991px) {
	.ph_megamenu_mobile_toggle, #ph_megamenu_wrapper, #ph_megamenu_wrapper-sticky-wrapper {
		display: none !important;
	}
}

/*mod ecomm - Currency */
.mm-menu #mmenu-currency-in {
	text-align: right;
}
.mm-menu #mmenu-currency-in a, .mm-menu #mmenu-currency-in span {
	display: inline-block;
    padding: 10px;
    text-transform: uppercase;
}
.mm-menu #mmenu-currency-in a:hover {
	background: #333;
	color: #fff !important;
}
.mm-menu #mmenu-currency-in a.selected {
	font-weight: bold;
}

