.navbar {
	background: #f0f0f5;
	padding: 0 30px;
	z-index: 99999;
}
.navbar .container-fluid {
	width: 100%;
	height: 100px;
	max-width: 1200px;
	padding: 0;
}
.navbar .logo {
	width: 140px;
}
.navbar .logo a{
	display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.navbar .logo a img{
	display: block;
	width: 100%;
	height: auto;
}
.navbar-general {
	display: flex;
	height: 100%;
	gap:30px;
}
.navbar-mobile {
	display: flex;
    margin: 0;
    padding: 0;
	align-items: center;
	gap:20px;
}
.navbar-language {
    width: auto;
    display: flex;
    align-items: center;
}
.navbar-language ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
	align-items: center;
	gap:10px;
}
.navbar-language ul li {
	position: relative;
    display: flex;
	height: 100%;
	align-items: center;
}
.navbar-language ul li img.language-icon {
	display: block;
	width: 26px;
	height: 26px;
}
.navbar-nav {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap:14px;
}
.navbar-nav li {
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
}
.navbar-nav .nav-link, .navbar-language li a {
	position: relative;
	padding: 10px 4px !important;
	text-decoration: none;
	display: block;
	width: 100%;
	color: #000;
	transition: 0.1s ease;
	white-space: nowrap;
}
.navbar-nav li.active .nav-link {
    font-weight: bold;
}
.navbar-nav .nav-link:hover, .navbar-language li a:hover{
	color:#828282;
}
.navbar-nav .nav-link:after, .navbar-language li a:after, .navbar-nav .dropdown-toggle:after{
    content: "";
    position: absolute;
    display: block;
    margin: 0;
    border: 0;
    left: 50%;
    right: 50%;
    height: 3px;
    background: #EF672C;
    bottom: 0;
    transition: 0.5s ease;
}
.navbar-nav li:hover .nav-link:after, .navbar-language li:hover a:after, .navbar-nav .dropdown-toggle:hover:after, .navbar-language li a.active:after, .navbar-nav li.active .nav-link:after {
	left: 0;
	right: 0;
}
.navbar-expand-lg .navbar-nav .dropdown {
    position: unset;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
	display: block !important;
	background: #f0f0f5;
    top: 100%;
	height: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: 0;
    padding: 0 30px 30px 30px;
	box-shadow: 0 10px 10px rgba(0,0,0,.1);
	transition: .5s;
	overflow: hidden;
	padding-bottom: 0;
	
}
.navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu {
	padding-bottom: 30px;
}
.navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu.servicios-administrados {
	height: 450px;
}
.navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu.catalogo-soluciones {
	height: 300px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .wrapper {
	opacity: 0;
	transition: .5s;
	transition-delay: .2s;
}
.navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu .wrapper {
	opacity: 1;
}

.dropdown-menu .menu-description {
    display: block;
    text-align: center;
    width: auto;
    max-width: 700px;
    margin: 0 auto 20px;
}
.dropdown-menu.servicios-administrados .menu-columns {
	max-width: 1000px;
	margin: 0 auto;
}
.dropdown-menu .menu-headline{
    font-weight: bold;
    margin: 0 0 .5em;
}
.dropdown-menu .menu-row{
    display: flex;
    gap: 30px;
}
.dropdown-menu .menu-icon, .dropdown-menu .menu-icon img{
	width: 32px;
	height: 32px;
}
.dropdown-menu .menu-row a{
	width: 100%;
    display: flex;
    gap: 20px;
    text-decoration: none;
    color: #17171F;
	transition: 0.5s ease;
	padding: 20px;
	border-radius: 10px;
	background: rgba(255,255,255,0);
	border: 2px solid transparent;
}
.dropdown-menu .menu-row a:hover{
	background: rgba(255,255,255,1);
	border:2px solid #EF672C;
}


/* breakpoint tablet*/
@media (min-width: 992px) and (max-width: 1100px){
	.navbar-nav, .navbar-language ul, .navbar-general {
		gap:5px;
	}
}


/* breakpoint menu movil */
@media (max-width: 991px) {
	.navbar .container-fluid {
		height: 80px;
	}
	.navbar-expand-lg .navbar-collapse{
		position: absolute;
		top: 100%;
		right: 0px;
		width: 100%;
		max-width: 600px;
		height: auto !important;
		background: #f0f0f5;
		border-radius: 0 0 0 10px;
	}
	.navbar-nav {
		gap: 4px;
	}
	.navbar-nav li {
		flex-direction: column;
		width: 100%;
	}
	.nav-item.dropdown {
		background: #fff;
	}
	.nav-item.dropdown .nav-link {
		font-weight: bold;
		color: #17171F;
	}
	.navbar-nav .nav-link{
		padding: 15px 30px !important;
	}
	.nav-item .nav-link:after {
		display: none;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu, .navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu, .navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu.servicios-administrados, .navbar-expand-lg .navbar-nav li.dropdown:hover .dropdown-menu.catalogo-soluciones{
		display: block;
		position: relative;
		background: #fff;
		width: 100%;
		box-shadow: none;
		padding: 0 0 10px;
		height: auto;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu .wrapper{
		opacity: 1;
	}
	.dropdown-menu .menu-description, .dropdown-menu .menu-item-description {
		display: none;
	}
	.dropdown-menu .menu-row {
		flex-direction: column;
		width: 100%;
		gap:0;
	}
	.dropdown-menu .menu-row a {
    	padding: 15px 30px;
    	border: none;
		align-items: center;
	}
	.dropdown-menu .menu-row a:hover {
    	border: none;
	}
	.dropdown-menu .menu-headline {
		margin-bottom: 0;
	}
	.dropdown-menu .menu-icon, .dropdown-menu .menu-icon img {
		width: 24px;
		height: 24px;
	}
	.nav-item .nav-link:active, .dropdown-menu .menu-row a:active {
		background: rgba(0,0,0,.05);
		color:#DB501C;
	}
}
