nav.navbar{
	background-color: transparent !important;
	border: none !important;
	float: left;
	margin: 0;
	min-height: auto;
	width: 100%;
}
.navbar-fixed-top, .navbar-fixed-bottom{position: relative !important;}

	.navbar-header{
		padding: 0;
		width: 100%;
	} 
	  /* Botón NAVEGACIÓN MÓVIL */
		header .navbar-toggle{
			background-color: transparent !important;
			border: none !important;
			border-radius: 6px;
			margin: 0 !important;
			position: absolute ;
			top: 25px;
			right: 10px;
			padding: 15px 10px;
			transition: .2s ease all;
			
			
		}
			header .navbar-toggle span.menu-name{
				color: #fff;
				font-family: 'Bai Jamjuree', sans-serif;
				font-size: 1.0em;
				font-weight: 600;
				float: left;
				margin-right: 8px;
				text-transform: uppercase;
			}
			header .navbar-toggle .square-btn{
				float: left;
				margin: 1px 0 0;
			}
				.navbar-toggle .icon-bar{
					width: 22px;
					-webkit-transition: all 0.2s;
					transition: all 0.2s;
				}

				.overlay-is-navbar-collapse .navbar-toggle .icon-bar{
					background-color: #ff9a1a;
				}
		
		
	.menu-web{
		background-color: transparent;
		border-color: #fff !important;
		color: #332a50;
		float: left;
		max-height: none !important;
		/*position: absolute;*/
	}
	/* NAVBAR DESKTOP */
	#nav-header{overflow: hidden;}
		
		.navbar-nav{float: none; position: relative; text-align: right; width: 100%;}
			.navbar-nav > li{float: none; display: inline-block; margin: 0 5px; margin: 0 -1px;}
				
				.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color: #ee3130 !important; color: #fff !important;}
				
				.navbar-nav > li > a{
					border-radius: 80px;
					color: #fff !important;
					font-family: 'Roboto Condensed', Helvetica, sans-serif;
					font-size: 1.1em;
					padding: 38px 20px;
					text-transform: uppercase;
					border-radius: 0px;
					font-weight: 800;
					letter-spacing: 0.05em;
				}
				.navbar-nav > li.feat > a{background-color: #c82e34 !important; color: #fff !important;}
				.navbar-nav > li.active > a,
				.navbar-nav > li.current-post-ancestor > a, .navbar-nav > li.current-menu-parent > a, .navbar-nav > li.current-post-parent > a{background-color: #fff!important; color: #cc0000 !important;}
				
				
				.navbar-nav > li:hover > a{background-color: #ee3130 !important; color: #fff !important;}
				
				
				.navbar-nav > li > ul.dropdown-menu{padding: 0 !important; top: calc(100% - 1px); width: 300px;}
					.navbar-nav > li > ul.dropdown-menu > li{
						background-color: #ee3130 !important;
						border-bottom: 1px solid rgba(255, 255, 255, 0.2);
						margin: 0px !important;
					}
					.navbar-nav > li > ul.dropdown-menu > li:last-child{border: none;}
						.navbar-nav > li > ul.dropdown-menu > li a{
							color: #fff !important;
							margin: 0 !important;
							padding: 10px 15px !important;
						}
						.navbar-nav > li > ul.dropdown-menu > li:hover > a{background-color: #495057;}
						.navbar-nav > li > ul.dropdown-menu > li.active a,
						.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
						.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
						
						.navbar-nav > li > ul.dropdown-menu > li.current-product_cat-ancestor a /*,
						
						.navbar-nav > li > ul.dropdown-menu > li.current-product-ancestor a, .navbar-nav > li > ul.dropdown-menu > li.current-product-parent a*/{background-color: #333a40;}
						
	
	/* MENU WIDE */
	.navbar-nav > li.wide-menu{position: static !important;}
		.navbar-nav > li.wide-menu > ul{
			background-color: #343a40;
			padding: 10px !important;
			width: 100%;
			
			max-width: 900px;
			right: 0;
			left: auto;
		}
			.navbar-nav > li.wide-menu > ul li{
				float: left ;
				margin: 0 5px !important;
				width: calc(33% - 10px);
			}
			

			.navbar-nav > li.wide-menu > ul > li{
				background-color: transparent !important;
				border: none;
				position: relative;
				text-transform: uppercase;
			}
				.navbar-nav > li.wide-menu > ul > li a{padding: 5px !important; position: relative;}
				.navbar-nav > li.wide-menu > ul > li > a{font-size: 1.2em; }

				.navbar-nav > li.wide-menu > ul > li > a:after{
					background-color: #ee3130;
					border-radius: 4px;
					content: "";
					height: 4px;
					left: 5px;
					position: absolute;
					right: 0;
					top: 32px;
					width: 50px;
				}
			
				.navbar-nav > li.wide-menu > ul li ul{
					background: transparent !important;
					box-shadow: 0px 0px;
					border: 0px;
					display: block;
					float: left;
					position: relative;
					top: 0;
					width: 100%;
				}
					.navbar-nav > li.wide-menu > ul li ul li{text-transform: none !important; width: calc(100% - 10px);}
					
					
					.navbar-nav > li.wide-menu > ul li ul li a{padding: 5px 12px !important;}
					.navbar-nav > li.wide-menu > ul li ul li a:after{
						background-color: #868e96;
						border-radius: 4px;
						content: "";
						height: 3px;
						left: 4px;
						position: absolute;
						right: 0;
						top: 12px;
						width: 3px;
					}
					
	.wide-menu .nolink > a{cursor: default !important; text-transform: uppercase;}
		.wide-menu .nolink > a:hover{background-color: transparent !important; cursor: default !important;}
		
		.navbar-nav > li.wide-menu > ul li ul li.nolink a{padding: 5px 5px !important;}
		.navbar-nav > li.wide-menu > ul li ul li.nolink a:after{display: none;}


/* NAV WIDE */
.nav-wide{background-color: #e5002b !important; padding: 0 !important;}
	#nav-protecciones{padding: 0; width: 100%;}
		.nav-wide .navbar-nav{text-align: left;}
			.nav-wide .navbar-nav > li > a{
				font-size: 1.1em;
				padding: 12px 12px;
			}
				.nav-wide .navbar-nav > li > a:hover{background-color: #201f1f !important;}
				.nav-wide .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .nav-wide .navbar-nav > .open > a:focus{background-color: #201f1f !important; color: #fff !important;}
				
				.nav-wide .navbar-nav > li.active a,
				.nav-wide .navbar-nav > li.current-product-ancestor a,
				.nav-wide .navbar-nav > li.current-menu-parent a,
				.nav-wide .navbar-nav > li.current-product-parent a{
					background-color: #ee3331 !important;
					color: #fff !important;
				}
				
				
				
				.nav-wide ul.navbar-nav li ul.sub-menu.dropdown-menu li .sub-menu.dropdown-menu{
					background-color: #495057;
					left: auto;
					right: 0;
					top: 0;
				}
					.nav-wide ul.navbar-nav li ul.sub-menu.dropdown-menu li .sub-menu.dropdown-menu li a:hover{background-color: #373c40 !important;}
					
					
/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}
/* END ANIMATED X */
.mid_menu ul li.active a{ color: #ee3130 !important;}

.loading-link{
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display:none;
    transition:display 1s;
}
.loading-link.active{
    display:none;
    //display:block;
}
.lds-dual-ring {
  position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-40px;
    margin-left:-40px;
    display: inline-block;
    width: 80px;
    height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}