@font-face {
	font-family: "Roboto-Black";
	src: url("/font/Roboto/Roboto-Black.ttf") format('TrueType');
}
@font-face {
	font-family: "Roboto-Bold";
	src: url("/font/Roboto/Roboto-Bold.ttf") format('TrueType');
}
@font-face {
	font-family: "Roboto-Medium";
	src: url("/font/Roboto/Roboto-Medium.ttf") format('TrueType');
}
@font-face {
	font-family: "Roboto-Regular";
	src: url("/font/Roboto/Roboto-Regular.ttf") format('TrueType');
}
@font-face {
	font-family: "Roboto-Light";
	src: url("/font/Roboto/Roboto-Light.ttf") format('TrueType');
}
@font-face {
	font-family: "Roboto-Thin";
	src: url("/font/Roboto/Roboto-Thin.ttf") format('TrueType');
}
@font-face {
	font-family: "Roboto-LightItalic";
	src: url("/font/Roboto/Roboto-LightItalic.ttf") format('TrueType');
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Roboto-Bold";
} p {
	font-family: "Roboto-Light";
	line-height: 1.2;
	color: #272828; /* black */
} h1, h2 {
	color: #0337af; /* blue */
}

@media ( max-width: 575.98px ) {
	.g-recaptcha, #rc-imageselect   {
		transform: scale(0.96) !important;
		transform-origin: 0 0 !important;
  	}
	footer #footer-1, footer #footer-2, footer #footer-3 {
		display: flex;
		justify-content: center !important;
		align-items: center !important;
	}
} @media ( max-width: 992px) {
} @media ( max-width: 1336px ) {
}

.gray-line {
  width: 10%;
  min-height: 3px;
  background-color: #e3e4e8; /* gray */
} 

/* MENU */
.bg-blue {
	background-color: #0337af; /* blue */
} .nav-link {
	padding: 0px;
	font-size: 13px;
} nav .active a, nav a:hover {
	color: #f4af19 !important; /* yellow */
} nav .fa {
	color: #f4af19 !important; /* yellow */
} .nav-item img {
	width: 24px;
}

.navbar-brand.logo {
	width: auto;
    height: 40px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding: 0;
}

.navbar-brand.logo img {
	position: absolute;
	right: -40px;
}

.navbar-nav li.nav-item.text-center:first-child {
	margin: 12px 0 0 0;
}


/* FOOTER */
footer {
	background-color: #E3E4E9; /* blue#0337af */
	padding: 24px 20px;
} footer p, footer small, footer a {
	color: #fff !important;
	text-decoration: none !important;
} footer a.menu {
	color: #fff !important;
	text-decoration: none !important;
	font-family: "Roboto-Bold";
} footer a:hover {
	color: var(--mk-darkblue) !important; /* yellow #f4af19*/;
	font-weight: 600!important;
} footer p {
	font-family: "Roboto-Medium";
} footer a {
	font-family: "Roboto-Light";
} footer .redes {
  margin-right: 20px;
  font-size: 18px;
} footer .block {
	min-height: 180px;
} footer #redes-facebook img, footer #redes-instagram img, footer #redes-linkedin img {
	max-height: 18px;
}
*:focus {
    outline: none;
}
footer a, 
footer .mk-desc {
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	color: #212529!important;
	text-transform: uppercase;
	transition: all .3s ease-out;
}
footer a {
	font-weight: 400;
}

/**/
.metodika {
	background-image: url('/img/home/metodika.webp');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 30px;
}

/**/
html {
	scroll-behavior: smooth;

	@media screen and (prefers-reduced-motion: reduce) {
		html {
			scroll-behavior: auto;
		}
	}
}
/**/

@media (min-width: 576px) {  }


@media (min-width: 768px) {  }

@media (min-width: 992px) { 
	
	.navbar-brand.logo {
		width: 116px;
	}
	
	.navbar-brand.logo img {
		position: absolute;
		width: 100%;
		top: 50%;
		right: unset;
		transform: translate(0, -70%);
	}
	.navbar-expand-lg .navbar-collapse {
		justify-content: end !important;
	}
	.navbar-nav li.nav-item.text-center:first-child {
		margin: 0;
	}
}


@media (min-width: 1200px) {  }


@media (min-width: 1400px) {  }