#header-wrapper {
   background: var(--Menu-font) !important;
   box-shadow: 1px 3px 2px -1px rgba(9,10,10,0.4);
   -webkit-box-shadow: 1px 3px 2px -1px rgba(9,10,10,0.4);
   -moz-box-shadow: 1px 3px 2px -1px rgba(9,10,10,0.4);
}

#header-container, #top-bar {

	width: 100%;
}

#menu-menu-principal > li {
	
	position:relative !important;
}

#menu-menu-principal > li::before{
	content:'';
	position:absolute !important;
	width:1px;
	height:3px;
background:transparent;
	left:0%;
	top:70%;
	transform:translate(-50%, 0%);
	transition: width .5s ease-in-out;
}
#menu-menu-principal > li:hover::before{
	content:'';
	position:absolute !important;
	width:80%;
	height:2.5px;
background:var(--Menu-font);
	left:50%;
	
}
#site-navigation{
	background:var(--Primario)!important;
	position:relative;
	padding:0%;
	margin:-2px 0%;
	 box-sizing: border-box;
	z-index:2;
	border:none !important;
	display:flex !important;
  width:70%;
text-align:center;
margin-right:0% !important;
display:flex !important;
justify-content:space-between;
	text-align:center;
	justify-content:space-between;
	
}
#site-navigation::after{

	position:absolute;
	content:'';
		width:40px;
	height:100%;
	background:var(--Primario) !important;
	left:-39.5px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	padding:0%;
	margin:0%;
     box-sizing: border-box;
	z-index:1;
	
}
#site-navigation::before{

	position:absolute;
	content:'';
		width:100%;
	height:100%;
	background:var(--Primario) !important;
	right:-100%;
    
	padding:0%;
	margin:0%;
     box-sizing: border-box;
	z-index:1;
	
}
#menu-menu-principal > li > a{
	color:var(--Menu-font) !important;
}
.cont-menu-derecho{
	display:flex !important;
	align-items:center;
	justify-content:flex-end;
	height:auto !important;
	position:relative;

	
}

#menu-menu-derecho > .menu-block > a{
	height:30px;
	line-height:30px !important;
	width: auto;
	margin-right: 10px;
}

.menu-block :hover{
	background: transparent !important;
}
.menu-block > a{
	background: var(--Primario-claro) !important;
	border-radius: 10px;
	transition: ease-in background .5s !important;
	color:var(--Secundario-dark) !important;
}
.menu-block > a:hover{
	background: var(--Secundario) !important;
	color:var(--Menu-font) !important;
}


.header-iconos > #menu-redes-sociales > li {
	padding: 0% !important;
	margin: 0% !important;
	width: 40px !important;
}
.header-iconos > #menu-redes-sociales > li > a{
	padding:1px !important;
	margin-right:1px !important;
	}
.header-iconos > li > a{
	
	display:flex !important;
	justify-content:center;
	align-content:center !important;;
}


.menu-icono > a {
	transition: ease-in background .5s !important;
}
#menu-redes-sociales > .menu-icono > a > .fa-facebook:hover {
color:var(--facebook);

}
#menu-redes-sociales > .menu-icono > a > .fa-youtube:hover {
color:var(--youtube);

}
#menu-redes-sociales > .menu-icono > a > .fa-instagram:hover {
color:var(--instagran);

}
#menu-redes-sociales > .menu-icono > a > .fa-whatsapp:hover {
color:var(--whatsapp);

}
#menu-redes-sociales > .menu-icono > a > i {

	line-height:30px !important;
	background:var(--Menu-font);
	width:30px;
	height:30px;
	border-radius:50%;
	padding:0%;
	margin:0%;
	color:#000000;
	font-weight:900;
	font-size:14px;
}

@media screen and (max-width: 980px) {
#site-navigation{

	display:none !important;
	justify-content:space-between;
} 
.mobil-iconos{
	z-index: 999999999999999999;
	background-color:#012534;
	position: absolute;
	display: flex;
	padding: 10px;
	width: 100%;
	bottom: 0px;
	justify-content: center;
	list-style: none;
}
.mobil-iconos > li  {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 5px;
}
.mobil-iconos > li > a {
	transition: ease-in background .5s !important;
}
.mobil-iconos > li > a > .fa-facebook:hover {
color:var(--facebook);

}
.mobil-iconos > li > a > .fa-youtube:hover {
color:var(--youtube);

}
.mobil-iconos > li > a > .fa-instagram:hover {
color:var(--instagran);

}
.mobil-iconos > li > a > .fa-whatsapp:hover {
color:var(--whatsapp);

}
.mobil-iconos > li > a > i {

	line-height:30px !important;
	background:var(--Menu-font);
	width:30px;
	height:30px;
	border-radius:50%;
	padding:0%;
	margin:0%;
	color:#000000;
	font-weight:900;
	font-size:14px;
}
}