.skewed {transform-origin: 50% 50% 0;transform: skewX(-20deg);}

.menu_bar {display:none;z-index:5;}
.menu_bar .close {display:none;}
.menu_bar .bars {float:right;}
.menu_bar.active .bars {display:none;}
.menu_bar.active .close {display:block;}

header {width: 100%;}
header .logo {width:250px;height:auto;margin: 0 auto;display: block;}
header nav {background: rgba(4,39,60,1);
background: -moz-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(4,39,60,1)), color-stop(83%, rgba(3,59,91,1)), color-stop(100%, rgba(3,63,97,1)));
background: -webkit-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -o-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -ms-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04273c', endColorstr='#033f61', GradientType=1 );z-index:1000;max-width: 1000px;width: 95%;margin:0 auto;}
header nav ul {list-style:none;padding-left:0;margin-bottom:0;}
header nav ul li {display:inline-block;position: relative;}
header nav ul li:hover .children {display: block;}
header nav ul li a:hover {text-decoration:none;}

/*Submenu*/
header nav ul li .children {
background: rgba(4,39,60,1);
background: -moz-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(4,39,60,1)), color-stop(83%, rgba(3,59,91,1)), color-stop(100%, rgba(3,63,97,1)));
background: -webkit-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -o-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -ms-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04273c', endColorstr='#033f61', GradientType=1 );
position: absolute;display: none;width: 150%;z-index: 1000;}
header nav ul li .children li {display: block;overflow:hidden;border-bottom: solid 1px rgba(255,255,255,0.125);}
header nav ul li .children li:last-child {border-bottom:0;}
header nav ul li .children li a {display: block;font-size:14px;}
header nav ul .children li a span {float: right;position: relative;top:3px;margin-right: 0px;margin-left:10px;}
header nav ul li a {color:#fff;text-decoration: none;display: inline-block;padding:1rem;font-weight:400;}
header nav ul li:hover a {color:#fff;text-indent:none;}
header nav ul li span {margin-right:10px;}
header nav ul li .caret {position: relative;top: 3px;margin-left: 10px;margin-right: 0;}

header nav ul li .children-2 {padding-bottom: .25rem;}
header nav ul li .children-2 li a {padding:0.5rem 1rem 0.5rem 1rem;}
header nav ul li .children-2 li {border-bottom:0;}

header nav ul li.border-fix {border-bottom:0!important;}

@media screen and (max-width:991px) {

	.menu_bar {width: 100%;display: block;}
	.menu_bar .bt-menu {display: block;padding:1rem;color:#fff;overflow: hidden;font-size:25px;font-weight:bold;text-decoration: none;position: fixed;
bottom: 20px;right: 20px;z-index: 10;background-color: #EDD94B;border-radius: 50%;}
	.menu_bar span {float: right;font-size: 30px;margin-top:5px;color:#484a51;}

	header nav {
		width: 100%;height:100%;right:-100%; 
		/*Con esto ocultamos el menu hacia la derecha, lo agregamos hasta el final*/
		margin: 0;position:fixed;overflow-y:auto;overflow-x:hidden;z-index:4;top:0;
	}

	header nav ul li {display: block;border-bottom:1px solid rgba(255,255,255,.1);text-align:left;}
	header nav ul li a {display: block;}
	header nav ul li:hover .children{display: none;}
	header nav ul li .children {width: 100%;position: relative;/*display: block;*/}
	header nav ul li .caret {float: right;}
	header nav ul li.border-fix a {font-size:12px!important;}
}
@media screen and (min-width:992px) {
	.logo-desk {display:inline-block;}
	header nav {background:transparent;}
	header nav ul {}
	header nav ul li a {color:#504f51;padding:0 1rem;font-size:15px;font-weight:600!important;height:64px;line-height:64px;}
	header nav ul li:hover {background:none;}
	header nav ul li:hover a {color:#fff;background: rgba(4,39,60,1);
background: -moz-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(4,39,60,1)), color-stop(83%, rgba(3,59,91,1)), color-stop(100%, rgba(3,63,97,1)));
background: -webkit-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -o-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: -ms-linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
background: linear-gradient(45deg, rgba(4,39,60,1) 0%, rgba(3,59,91,1) 83%, rgba(3,63,97,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04273c', endColorstr='#033f61', GradientType=1 );}
	header nav ul li .children {min-width:300px;text-align:left;margin-left:-11px;}
	header nav ul li .children li a {padding:0.5rem 1rem;color:#fff;font-size:13px;line-height:13px;height:auto;}
	header nav ul li .children li a:hover {color:#f8e243;}
	header nav ul li .children-2 li a {padding:0.5rem 1rem 0.5rem 2rem;}

	header nav ul li.border-fix {border-bottom: solid 1px rgba(255,255,255,0.125)!important;}
	header nav ul li:last-child.border-fix {border-bottom:0!important;}
}
@media screen and (min-width:1200px) {
	header nav ul li a {font-size:15px;}
}