:root{
	--up-gris: #9c9aa0;
	--up-navbar: #35434c;
	--up-bg: #ced5d5;
}
body{
	color: var(--up-gris);
}
section{
	padding: 30px 0px;
}
/* Lateral navbar */
.side-navbar {
	width: 180px;
	height: 100%;
	position: fixed;
	margin-left: -300px;
	background-color: var(--up-navbar);
	opacity: .75;
	transition: 0.5s;
	z-index: 100;
}
.nav-link:active,
.nav-link:focus,
.nav-link:hover {
	background-color: #ffffff26;
}
.my-container {
	transition: 0.4s;
}
.active-nav {
	margin-left: 0;
}
/* for main section */
.active-cont {
	margin-left: 180px;
}
#menu-btn {
	background-color: var(--up-navbar);
	opacity: .75;
	color: #fff;
	/*margin-left: -62px;*/
}
.dropdown:hover .dropdown-menu:not(.submenu) {
	display: block;
	margin-top: 0;
}
.submenu{
	display: none;
	position: absolute;
	left: 10%;
	top: 95%;
}
.dropdown-menu > li:hover > .submenu{
	display: block;
}
/* servicios home */
.title{
	font-weight: bold;
}
/* hero-home */
.mt-n4{
	margin-top: -1.5rem !important;
}
a.gris, a.gris:hover{
	color: var(--up-gris);
	text-decoration: none;
}
a.negro, a.negro:hover{
	color: var(--up-navbar);
	text-decoration: none;
}
a.d-contents{
	display: contents;
}
.mapa{
	width: 100%;
	min-height: 350px;
}
/* footer */
footer{
	margin: 20px 0px 50px;
}
footer hr{
	border-top: 2px solid var(--up-gris);
	margin-bottom: 30px;
}
footer a, footer a:hover{
	margin: 10px 35px;
	color: var(--up-gris);
	text-decoration: none;
}

.bg{
	background-color: var(--up-bg);
}