html,
body {
	font-family: arboria, sans-serif;
	color: white;
}

a {
	color: white;
}

a:hover {
	color: white;
}

.top-header {
	font-weight: bold;
	color: #06172e;
	font-size: 13px;
	text-transform: uppercase;
	background: #f1f1f1;
}

.top-header .container .row .col-auto .menu-top-header-container #menu-top-header {
	list-style: none;
	display: flex;
	margin: 0;
}

.top-header .container .row .col-auto .menu-top-header-container #menu-top-header .menu-item {
	margin-left: 20px;
}

.top-header .container .row .col-auto .menu-top-header-container a {
	color: #06172e;
}

.top-header .container .row .col-auto .menu-top-header-container #menu-top-header .menu-item a {
	padding: 10px 0;
	display: block;
}

.site-header {
	position: relative;
	z-index: 99;
}

header.site-header div.site-header-main div.site-branding .site-title {
	margin: 0;
}

header.site-header div.site-header-main div.site-branding p.site-description {
	display: none;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal .menu-item a:hover {
	text-decoration: none;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal .menu-item a {
	display: block;
	position: relative;
	padding: 5px;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal .menu-item.menu-item-has-children>a::after {
	content: "\f078";
	display: inline;
	font-family: "Font Awesome 5 Free";
	margin-left: 10px;
	color: #ffffff;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal .menu-item.menu-item-has-children .menu-item-has-children>a::after {
	position: absolute;
	right: 0;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal>.menu-item.menu-item-has-children>a::before {
	content: "";
	display: block;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal>.menu-item a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15.4px;
	display: block;
}

div.menu-bar div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal li.menu-item ul.sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal .menu-item.menu-item-has-children .menu-item-has-children>a::after {
	position: relative;
	right: auto;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal>.menu-item ul.sub-menu>.menu-item {
	position: relative;
}

header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal .menu-item:hover>ul.sub-menu {
	display: block;
}

header.site-header div.site-header-main .header-wrapper {
	padding: 30px 0;
	background: #06172e;
}

.cliente-grid .row .col-6 .cliente-grid-item {
	transition: all 0.3s ease 0s;
	margin-bottom: 30px;
	position: relative;
}

.cliente-grid .row .col-6 .cliente-grid-item img {
	transition: all 0.3s ease 0s;
	background-color: white;
}

.cliente-grid .row .col-6 .cliente-grid-item .hover {
	transition: all 0.3s ease 0s;
}

.cliente-grid .row .col-6 .cliente-grid-item .hover h3 {
	flex: 0 0 100%;
	color: #06172e;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

.cliente-grid .row .col-6 .cliente-grid-item .hover p {
	font-size: 14px;
	flex: 0 0 100%;
}

.site-footer > .elementor {}
.site-footer {
	background-color: white;
	position: relative;
	overflow: hidden;
}
.site-footer::before {
	background-image: url(../images/pictograma.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 340px;
	content:  " ";
	display: block;
	width: 100%;
	height: 100%;
	background-size: 36vw;
	opacity: 0.1;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translate(0, -50%);
}

html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active {
	display: block!important;
	opacity: 1!important;
}

/* < xs */
@media (max-width: 991px) {

	.site-footer > .elementor {}
	.site-footer {}
	.site-footer::before {
		background-size: 100vw;
		right: 0;
	}

	.background-under-menu {
		padding-top: 40px;
	}

	.background-under-menu .background {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 0;
	}

	.background-under-menu .background img {
		width: 100%;
		position: relative;
		z-index: 0;
		min-height: 50vh;
		object-fit: cover;
	}

	.background-under-menu .background .fade {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(360deg, #06172e, #06172e80);
		z-index: 2;
		display: block;
		opacity: 1;
	}

	header.site-header div.site-header-main .header-wrapper {
		padding: 3vw 0;
	}

	div.menu-bar {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}

	div.menu-bar div.site-branding {
		flex: 0 0 35vw;
	}

	div.menu-bar button#menu-toggle {
		background: transparent;
		color: white;
		border: 0;
		padding: 1vw 4vw;
		font-size: 8vw;
		outline: 0;
	}

	div.menu-bar div#site-header-menu {
		flex: 0 0 100%;
		padding: 20px 20px 0;
		margin: 0;
		transition: all 0.6s ease 0s;
		position: absolute;
		background-color: #ffffff00;
		top: 20vw;
		left: -100%;
		width: 100vw;
		overflow: hidden;
	}

	div.menu-bar div#site-header-menu.active {
		background-color: #07172e;
		left: 0;
	}

	div.menu-bar div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal {
		list-style: none;
		padding-left: 0px;
	}

	div.menu-bar div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal li.menu-item ul.sub-menu {
		padding-left: 30px;
	}

	.cliente-grid .row .col-6 .cliente-grid-item:hover {
		background-color: #ffffff00;
	}

	.cliente-grid .row .col-6 .cliente-grid-item .hover {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		opacity: 0;
		transition: all 0.3s ease 0s;
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		padding: 30px;
	}

	.cliente-grid .row .col-6 .cliente-grid-item:hover img {
		opacity: 0.2;
	}

	.cliente-grid .row .col-6 .cliente-grid-item:hover .hover {
		opacity: 1;
		background-color: #0077c1;
	}
}

/* md > */
@media (min-width: 992px) {

	.site-footer > .elementor {}
	.site-footer {}
	.site-footer::before {
		background-size: 36vw;
	}

	.background-under-menu {
		padding-top: 40px;
	}

	.background-under-menu .background {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 0;
	}

	.background-under-menu .background img {
		width: 100%;
		position: relative;
		z-index: 0;
	}

	.background-under-menu .background .fade {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(360deg, #06172e, #06172e80);
		z-index: 2;
		display: block;
		opacity: 1;
	}

	.background-under-menu .background .fade2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: linear-gradient(180deg, #06172ee6 0%, #06172e00 31%);
		z-index: 2;
		display: block;
		opacity: 1;
	}

	.cliente-grid .row .col-6 .cliente-grid-item:hover {
		background-color: #ffffff00;
	}

	.cliente-grid .row .col-6 .cliente-grid-item .hover {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		opacity: 0;
		transition: all 0.3s ease 0s;
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		padding: 30px;
	}

	.cliente-grid .row .col-6 .cliente-grid-item:hover img {
		opacity: 0.2;
	}

	.cliente-grid .row .col-6 .cliente-grid-item:hover .hover {
		opacity: 1;
		background-color: #0077c1;
	}

	header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal .menu-item-has-children .menu-item-has-children a {
		padding-right: 20px;
	}

	header.site-header div.site-header-main .menu-bar {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}

	header.site-header div.site-header-main div.site-branding .site-title a img {
		width: 160px;
	}

	header.site-header div.site-header-main button#menu-toggle {
		display: none;
	}

	header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
		column-gap: 30px;
		list-style: none;
		margin: 0;
	}

	header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal>.menu-item {
		position: relative;
	}

	header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal>.menu-item ul.sub-menu {
		position: absolute;
		display: none;
		padding: 10px 20px;
		background-color: #06172eeb;
		white-space: nowrap;
		backdrop-filter: blur(4px);
		border-radius: 6px;
	}

	header.site-header div.site-header-main div#site-header-menu nav#site-navigation div.menu-principal-container ul#menu-principal>li>ul>li>ul {
		left: 86%;
		top: 0;
		z-index: 1;
	}

	body.home header.site-header div.site-header-main .header-wrapper {
		/* position: absolute; */
		width: 100%;
	}
}