@font-face {
	font-display: swap;
	font-family: 'RobotoRegular';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Roboto'), local('Roboto-Regular'),
		url(../../fonts/robotoRegular.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
		U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

body {
	font-family: 'RobotoRegular', sans-serif !important;
}

/* change the background color */
.navbar-custom {
	background: #2A4DBD;
	/*linear-gradient(90deg, rgba(11,60,174,1) 0%, rgba(190,16,116,1) 50%, rgba(252,98,32,1) 100%);*/
}
/* change the brand and text color */
.navbar-custom .navbar-brand, .navbar-custom .navbar-text {
	color: rgba(255, 255, 255, .8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link, .navbar-custom .nav-item:focus .nav-link,
	.navbar-custom .nav-item:hover .nav-link {
	color: #ffffff;
}

@font-face {
	font-family: 'Tangerine';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Tangerine Regular'), local('Tangerine-Regular'),
		url(../../fonts/tangerine.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
		U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
		url(../../fonts/roboto.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
		U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

@font-face {
	font-family: 'RobotoBold';
	font-style: italic;
	font-weight: 700;
	font-display: swap;
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
		url(../../fonts/robotoBold.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
		U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

@font-face {
	font-family: 'Beyond The Mountains';
	src: local('Beyond The Mountains'), local('Beyond The Mountains'),
		url(../../fonts/BeyondTheMountains.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
		U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

@font-face {
	font-family: 'Baloo';
	src: local('Baloo'), local('Baloo'),
		url(../../fonts/Baloo-Regular-webfont.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
		U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;
}

.textBanner {
	font-family: 'Beyond The Mountains';
	font-size: 60px;
	text-shadow: 5px 5px 9px #000000;
}

.titulomensaje {
	font-family: 'Tangerine', cursive;
	font-size: 60px;
	text-shadow: 4px 4px 4px #aaa;
}

.textomensaje {
	font-family: 'Roboto', serif;
	font-size: 22px;
	padding: 0px 10px 0px 10px;
}

.titulos {
	font-family: 'RobotoBold', serif;
	font-size: 36px;
	color: #FF8200;
	text-shadow: 0px 2px 2px #00109e;
}

.titulos1 {
  font-family: 'RobotoBold', serif;
  font-size: 23px;
  color: #0053BD;
  text-shadow: 0px 1px 1px #110646b8;
}

hr {
	border: 3px solid #2f4982;
	border-radius: 300px;
	height: 0px;
	text-align: center;
	box-sizing: content-box;
}

.hr1 {
  border: 1px solid #b9bbbd;
  border-radius: 84px;
  height: 0px;
  text-align: center;
  box-sizing: content-box;
}
.circulo {
	width: 180px;
	height: 180px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #2f4982;
	margin-left: auto;
	margin-right: auto;
}

.imgCir {
	width: 42px;
	height: 42px;
	overflow: hidden;
	left: 15px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
}

.numCir {
	margin-left: auto;
	margin-right: auto;
	top: 20%;
	margin-top: -50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.divider {
	height: 1px;
	overflow: hidden;
	background-color: #e0e0e0;
	margin-buttom: 10px;
}

.tittle1 {
	font-size: 40px;
	text-align: center;
	color: green;
	text-shadow: 3px 2px silver;
}

.bd-callout {
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid #eee;
	border-left-color: rgb(238, 238, 238);
	border-left-width: 1px;
	border-left-width: .25rem;
	border-radius: .25rem;
	border-left-color: #ee6e73;
}

.becas {
	font-size: 14px;
	line-height: 27px;
	font-weight: 246;
	color: #757575;
	position: fixed;
	right: 14px;
	bottom: 126px;
	display: block;
	width: 287px;
	height: 191px;
	text-align: left;
	color: #fff;
}

.timeline {
	padding: 50px 0;
	position: relative;
}

.timeline-nodes {
	padding-bottom: 25px;
	position: relative;
}

.timeline-nodes:nth-child(even) {
	flex-direction: row-reverse;
}

.timeline h3, .timeline p {
	padding: 5px 15px;
}

.timeline h3 {
	font-weight: lighter;
	background: var(- -blue);
}

.timeline p, .timeline time {
	color: var(- -blue)
}

.timeline::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0;
	border-left: 2px dashed var(- -blue);
	height: 100%;
	z-index: 1;
	transform: translateX(-50%);
}

.timeline-content {
	border: 1px solid var(- -blue);
	position: relative;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 3px 25px 0px rgba(10, 55, 90, 0.2)
}

.timeline-nodes:nth-child(odd) h3, .timeline-nodes:nth-child(odd) p {
	text-align: right;
}

.timeline-nodes:nth-child(odd) .timeline-date {
	text-align: left;
}

.timeline-nodes:nth-child(even) .timeline-date {
	text-align: right;
}

.timeline-nodes:nth-child(odd) .timeline-content::after {
	content: "";
	position: absolute;
	top: 5%;
	left: 100%;
	width: 0;
	border-left: 10px solid var(- -blue);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.timeline-nodes:nth-child(even) .timeline-content::after {
	content: "";
	position: absolute;
	top: 5%;
	right: 100%;
	width: 0;
	border-right: 10px solid var(- -blue);
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.timeline-image {
	position: relative;
	z-index: 100;
}

.timeline-image::before {
	content: "";
	width: 80px;
	height: 80px;
	border: 2px dashed var(- -blue);
	border-radius: 50%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	z-index: 1;
}

.timeline-image img {
	position: relative;
	z-index: 100;
}
/*small device style*/
@media ( max-width : 767px) {
	.timeline-nodes:nth-child(odd) h3, .timeline-nodes:nth-child(odd) p {
		text-align: left
	}
	.timeline-nodes:nth-child(even) {
		flex-direction: row;
	}
	.timeline::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 4%;
		width: 0;
		border-left: 2px dashed var(- -blue);
		height: 100%;
		z-index: 1;
		transform: translateX(-50%);
	}
	.timeline h3 {
		font-size: 1.7rem;
	}
	.timeline p {
		font-size: 14px;
	}
	.timeline-image {
		position: absolute;
		left: 0%;
		top: 60px;
		/*transform: translateX(-50%;);*/
	}
	.timeline-nodes:nth-child(odd) .timeline-content::after {
		content: "";
		position: absolute;
		top: 5%;
		left: auto;
		right: 100%;
		width: 0;
		border-left: 0;
		border-right: 10px solid var(- -blue);
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	.timeline-nodes:nth-child(even) .timeline-content::after {
		content: "";
		position: absolute;
		top: 5%;
		right: 100%;
		width: 0;
		border-right: 10px solid var(- -blue);
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	.timeline-nodes:nth-child(even) .timeline-date {
		text-align: left;
	}
	.timeline-image::before {
		width: 65px;
		height: 65px;
	}
}

/*extra small device style */
@media ( max-width : 575px) {
	.timeline::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 3%;
	}
	.timeline-image {
		position: absolute;
		left: -5%;
	}
	.timeline-image::before {
		width: 60px;
		height: 60px;
	}
}

/* Small devices (landscape phones, 576px and up)*/
@media ( min-width : 576px) {
	.card-columns {
		column-count: 1;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media ( min-width : 768px) {
	.card-columns {
		column-count: 2;
	}
}

/* Large devices (desktops, 992px and up)*/
@media ( min-width : 992px) {
	.card-columns {
		column-count: 4;
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media ( min-width : 1200px) {
	.card-columns {
		column-count: 4;
	}
}

@media ( min-width : 576px) {
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 230px;
		width: 210px;
		z-index: 1100;
	}
	.sticky li {
		list-style-type: none;
		background-color: #CDCDCD;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		cursor: pointer;
	}
	.sticky li:hover {
		margin-left: -115px;
	}
	.sticky li img {
		float: left;
		margin: 5px 4px;
		margin-right: 5px;
	}
	.sticky li p {
		padding-top: 5px;
		margin: 0px;
		line-height: 16px;
		font-size: 15px;
		font-weight: bold;
	}
	.sticky li p a {
		text-decoration: none;
		color: #2C3539;
	}
	.sticky li p a:hover {
		text-decoration: underline;
	}
}

/* -------------------------------- Nuevo Timeline ---------------------------------------------*/
/*===== Vertical Timeline =====*/
#conference-timeline {
	position: relative;
	max-width: 1057px;
	width: 100%;
	margin: 0 auto;
}

#conference-timeline .timeline-start, #conference-timeline .timeline-end
	{
	display: table;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-weight: 900;
	text-transform: uppercase;
	background: #00b0bd;
	padding: 15px 23px;
	color: #fff;
	max-width: 5%;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#conference-timeline .conference-center-line {
	position: absolute;
	width: 3px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -2px;
	background: #2A4DBD;
	z-index: -1;
}

#conference-timeline .conference-timeline-content {
	padding-top: 67px;
	padding-bottom: 67px;
}

.timeline-article {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	margin: 80px 0;
}

.timeline-article .content-left-container, .timeline-article .content-right-container
	{
	max-width: 44%;
	width: 100%;
}

.timeline-article .timeline-author {
	display: block;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #242424;
	text-align: right;
}

.timeline-article .content-left, .timeline-article .content-right {
	position: relative;
	width: auto;
	border: 1px solid #ddd;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .03);
	padding: 26px 41px 24px 43px;
}

.timeline-article p {
	margin: 0 0 0 60px;
	padding: 0;
	font-weight: 400;
	color: #242424;
	font-size: 16px;
	line-height: 24px;
	position: relative;
}

.timeline-article p span.article-number {
	position: absolute;
	font-weight: 300;
	font-size: 30px;
	top: 10px;
	left: -80px;
	color: #04A283;
}

.timeline-article .content-left-container {
	float: left;
}

.timeline-article .content-right-container {
	float: right;
}

.timeline-article .content-left:before, .timeline-article .content-right:before
	{
	position: absolute;
	top: 20px;
	font-size: 50px;
	font-family: "FontAwesome";
	color: #fff;
}

.timeline-article .content-left:before {
	content: "\f0da";
	right: -16x;
}

.timeline-article .content-right:before {
	content: "\f0d9";
	left: -18px;
}

.timeline-article .meta-date {
	position: absolute;
	top: 0;
	left: 50%;
	width: 62px;
	height: 62px;
	margin-left: -31px;
	color: #fff;
	border-radius: 100%;
	background: #00b0bd;
}

.timeline-article .meta-date .date, .timeline-article .meta-date .month
	{
	display: block;
	text-align: center;
	font-weight: 900;
}

.timeline-article .meta-date .date {
	font-size: 30px;
	line-height: 40px;
}

.timeline-article .meta-date .month {
	font-size: 18px;
	line-height: 10px;
}
/*===== // Vertical Timeline =====*/

/*===== Responsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {
	#conference-timeline .timeline-start, #conference-timeline .timeline-end
		{
		margin: 0;
	}
	#conference-timeline .conference-center-line {
		margin-left: 0;
		left: 50px;
	}
	.timeline-article .meta-date {
		margin-left: 0;
		left: 20px;
	}
	.timeline-article .content-left-container, .timeline-article .content-right-container
		{
		max-width: 100%;
		width: auto;
		float: none;
		margin-left: 110px;
		min-height: 53px;
	}
	.timeline-article .content-left-container {
		margin-bottom: 20px;
	}
	.timeline-article .content-left, .timeline-article .content-right {
		padding: 10px 25px;
		min-height: 65px;
	}
	.timeline-article .content-left:before {
		content: "\f0d9";
		right: auto;
		left: -8px;
	}
	.timeline-article .content-right:before {
		display: none;
	}
}

@media only screen and (max-width: 400px) {
	.timeline-article p {
		margin: 0;
	}
	.timeline-article p span.article-number {
		display: none;
		font-size: 12px;
	}
}
/*===== // Resonsive Vertical Timeline =====*/

/*    -----------------------------       accesibilidad    -------------------------------     */
.accesibilidad {
	color: #fff;
	text-decoration: none;
	padding-left: 9em;
	background-color: transparent;
}

.accesibilidad:hover {
	color: #15ffff;
	text-decoration: none;
	background-color: transparent;
}

.accesibilidadM {
	display: none !important;
}

.aumentado {
	min-width: 120% !important;
	zoom: 1.2 !important;
}

.aumentado2 {
	min-width: 150% !important;
	zoom: 1.5 !important;
}

.aumentado3 {
	min-width: 190% !important;
	zoom: 1.9 !important;
}

#moduloAccesibilidad2 {
	top: 83px;
	left: 206px;
	width: 33px;
	background-color: transparent;
	position: fixed;
	z-index: 9999995;
	border-radius: 5px;
	opacity: 1;
}

@media ( max-width : 776px) {
	#moduloAccesibilidad2 {
		top: 110px;
		left: 72px;
		width: 28x;
	}
}

#moduloAccesibilidad2 div {
	cursor: pointer;
	padding: 5px;
	background-color: #16288E;
	border-bottom: 1px solid #0066FF;
}

#moduloAccesibilidad2 div:hover {
	background-color: #121E6A;
}

/*-------------------------------------------------*/
#moduloAccesibilidad3 {
	top: 500px;
	left: 206px;
	width: 33px;
	background-color: transparent;
	position: fixed;
	z-index: 9999995;
	border-radius: 5px;
	opacity: 1;
}

@media ( max-width : 776px) {
	#moduloAccesibilidad3 {
		top: 110px;
		left: 72px;
		width: 28x;
	}
}

#moduloAccesibilidad3 div {
	cursor: pointer;
	padding: 5px;
	background-color: #16288E;
	border-bottom: 1px solid #0066FF;
}

#moduloAccesibilidad3 div:hover {
	background-color: #121E6A;
}
/*--------------------------------------------*/
#reconocimientoVozV2 img {
	max-height: 25px;
}

.active-accesibil {
	background-color: #0066FF !important;
}

.moduloAccesibilidad {
	position: fixed;
}

/* Premio ox */
.premioox {
	color: #ffffff;
	text-shadow: -1px 0px 13px #000000;
	padding-top: 2em;
	align-self: flex-end;
}

.sticky-premio {
	padding: 0px;
	margin: 0px;
	position: fixed;
	left: -100px;
	top: 230px;
	width: 210px;
	z-index: 1100;
}

/*----------------------Nuevo Accesibilidad--------------------------*/
.accesibilidadM {
	display: none !important
}

.aumentado {
	min-width: 120% !important;
	zoom: 1.2 !important
}

.aumentado2 {
	min-width: 150% !important;
	zoom: 1.5 !important
}

.aumentado3 {
	min-width: 190% !important;
	zoom: 1.9 !important
}

#moduloAccesibilidad2 {
	top: 184px;
	left: 206px;
	width: 33px;
	background-color: transparent;
	position: fixed;
	z-index: 9999995;
	border-radius: 5px;
	opacity: 1
}

#moduloAccesibilidad2 div {
	cursor: pointer;
	padding: 5px;
	background-color: #16288e;
	border-bottom: 1px solid #06f
}

#moduloAccesibilidad2 div:hover {
	background-color: #121e6a
}

#reconocimientoVozV2 img {
	max-height: 25px
}

.active-accesibil {
	background-color: #06f !important
}

@media ( max-device-width :480px) {
	.accesibilidadM {
		display: inline-block !important
	}
	.ocultaAccesible {
		padding: 7px 0 0 11px;
		float: left
	}
	#moduloAccesibilidad2 {
		position: fixed;
		width: 99%;
		position: -webkit-sticky;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		top: 0;
		text-align: center;
		background-color: #142391;
		margin-left: -2px
	}
	.only-top-mobil {
		margin-top: 32px
	}
	#moduloAccesibilidad2 div {
		width: 32px;
		display: inline-block;
		border-bottom: none
	}
	#reconocimientoVozV2 {
		max-height: 33px
	}
}
/*------------------------------------------ombudsperson----------------------------------- */
.ombudsperson {
	position: relative;
	border-radius: 50%;
	border: 10px;
	border: 5px solid #CDCDCD;
}

.jumboperson {
	text-shadow: 5px 5px 5px #000000;
	border: 5px solid #CDCDCD;
	background-image: url("../../principal/nosotros/banner/fondo-jumbo.jpg");
	background-color: rgba(0, 0, 0, 0.8);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
	background-attachment: fixed;
}

.tituloperson {
	border-left: 8px solid #253370 !important;
	padding: 20px
}

.contactoperson {
	border-right: 8px solid #253370 !important;
	padding: 20px
}

#iconperson {
	transition: all 2s;
	-webkit-transition: all 2s;
	width: 50%;
	left: 420px;
	position: fixed;
}

#iconperson:hover {
	transform: rotate(360deg) scale(0.4, 0.4);
	-webkit-transform: rotate(360deg) scale(0.4, 0.4);
	-o-transform: rotate(360deg) scale(0.4, 0.4);
}

/* --------------------------------------Landing Page ------------------------------*/
.button-container {
	display: inline-block;
	position: relative;
}

.button-container img {
	width: 100%;
	height: 100%;
}

.button-container a {
	position: absolute;
	bottom: 56.33%;
	right: 40%;
	background-color: #70c64a;
	border-radius: 2em;
	color: white;
	font-weight: bold;
	padding: 2% 1.5%;
	font-size: 157%;
	left: auto;
}

.button-container a:hover {
	box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.58);
	bottom: 28.43em;
	text-decoration: none;
	color: #2a8005;
}

.button-container p {
	position: absolute;
	bottom: 17.3%;
	right: 12.8%;
	left: 5.5em;
	border-radius: 1em;
	color: white;
	font-weight: bold;
	padding: 0em 1.5em;
	font-size: 158%;
}

.imgPaso {
	width: 500px;
	height: 60px;
}

.imgContacto {
	width: 100%;
	height: 15%;
}

.imgExamen {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 58%;
}

.botonOfertaE {
	position: relative;
	left: 0em;
	background-color: #30adbb;
	border-radius: 2em;
	aling: center;
	color: white;
	font-weight: bold;
	padding: 0.5em 1.1em;
	font-size: 26px;
}

.botonOfertaE:hover {
	box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.21);
	bottom: 0.13em;
	text-decoration: none;
	color: #0a6c77;
}

.botonRegistro {
	position: relative;
	left: 16.8em;
	background-color: #70c64a;
	border-radius: 2em;
	aling: center;
	color: white;
	font-weight: bold;
	padding: 0.4em 1.5em;
	font-size: 26px;
}

.botonRegistro:hover {
	box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.21);
	bottom: 0.13em;
	text-decoration: none;
	color: #2a8005;
}

.textoRecuerda {
	position: relative;
	background-color: #ffa039;
	border-radius: 1em;
	text-align: center;
	color: white;
	font-weight: bold;
	padding: 0.6em 0.2em;
	font-size: 29px;;
}

.textosProceso {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 26px;
	text-align: left;
}

.textosProceso b {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 27px;
	color: #3d5ca9;
	font-weight: bold;
}

.sticky-footer {
	background-color: #cdcdcd;
	position: relative;
	right: 0px;
	bottom: 0;
	width: calc(100% - 90px);
	height: 80px;
	background-color: #e9ecef;
	margin-top: 25px;
	height: 23vh;
}

footer .sticky-footer {
	position: relative;
	right: 0px;
	bottom: 0;
	width: calc(100% - 90px);
	height: 80px;
	background-color: #e9ecef;
	margin-top: 25px;
	height: 23vh;
}

}
@media screen and (max-width: 1920px) and (min-width: 801px) {
	.button-container a {
		position: absolute;
		bottom: 55.33%;
		right: 39%;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		padding: 1% 5.5%;
		font-size: 156%;
		left: 37%;
	}
	.button-container a:hover {
		box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.58);
		bottom: 55.53%;
		text-decoration: none;
		color: #2a8005;
	}
	.button-container p {
		position: absolute;
		bottom: 17.3%;
		right: 13.8%;
		left: 4.5em;
		border-radius: 1em;
		color: white;
		font-weight: bold;
		padding: 0em 1.5em;
		font-size: 160%;
	}
}

@media screen and (max-width: 800px) and (min-width: 776px) {
	.button-container p {
		position: absolute;
		bottom: 6.3%;
		right: 7.8%;
		left: 8.5%;
		border-radius: 1em;
		color: white;
		font-weight: bold;
		padding: 0em 1.5em;
		font-size: 87%;
	}
}

@media screen and (max-width: 775px) and (min-width: 576px) {
	.button-container {
		display: inline-block;
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.button-container img {
		width: 100%;
		height: 100%;
	}
	.button-container a {
		position: relative;
		bottom: 62.93%;
		left: 22.6%;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		font-size: 12px;
		margin-left: auto;
		margin-right: auto;
		right: -6em;
		padding: 0.6em 0.2em;
	}
	.button-container a:hover {
		box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.58);
		bottom: 63%;
		text-decoration: none;
		color: #2a8005;
	}
	.button-container p {
		position: absolute;
		bottom: 8.3%;
		right: 0.8%;
		left: 1.5em;
		border-radius: 1em;
		color: white;
		font-weight: bold;
		padding: 0em 1.5em;
		font-size: 86%;
	}
	.botonOfertaE {
		position: relative;
		left: 1em;
		background-color: #30adbb;
		border-radius: 1em;
		color: white;
		font-weight: bold;
		padding: 0.5em 0.1em;
		font-size: 122%;
		margin-left: auto;
		margin-right: auto;
	}
	.botonRegistro {
		position: relative;
		left: 4.3em;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		padding: 0.5em 1.1em;
		font-size: 22px;
		margin-left: auto;
		margin-right: auto;
	}
	.textoRecuerda {
		position: relative;
		background-color: #ffa039;
		border-radius: 1em;
		text-align: center;
		color: white;
		font-weight: bold;
		padding: 0.6em 0.2em;
		font-size: 29px;;
	}
	.imgPaso {
		width: 345px;
		height: 44px;
	}
	.imgContacto {
		width: 353px;
		height: 30px;
	}
	.imgExamen {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;;
	}
	.imgLogos {
		width: 100%;
		height: 100%;
	}
	.textosProceso {
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 100%;
		text-align: left;
	}
	.textosProceso b {
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 103%;
		color: #3d5ca9;
		font-weight: bold;
	}
	.card-img {
		width: 70%;
		border-radius: calc(3.25rem - 0px);
		margin-left: 6%;
		margin-right: auto;
	}
}

@media screen and (max-width: 575px) and (min-width: 451px) {
	.button-container {
		display: inline-block;
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.button-container img {
		width: 100%;
		height: 100%;
	}
	.button-container a {
		position: absolute;
		bottom: 53.9%;
		left: 22.6%;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		font-size: 89%;
		margin-left: auto;
		margin-right: auto;
		right: 25%;
		padding-left: 3em;
		padding: 3% 3.5%;
	}
	.button-container a:hover {
		box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.58);
		bottom: 54.0%;
		text-decoration: none;
		color: #2a8005;
	}
	.button-container p {
		position: absolute;
		bottom: 3.3em;
		right: 0.8em;
		left: 0.5em;
		border-radius: 1em;
		color: white;
		font-weight: bold;
		padding: 0em 1.5em;
		font-size: 11.5px;
	}
	.botonOfertaE {
		position: relative;
		background-color: #30adbb;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		padding: 0.5em 1.1em;
		font-size: 105%;
		margin-left: auto;
		margin-right: auto;
	}
	.botonRegistro {
		position: relative;
		left: 3.7em;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		padding: 0.5em 1.1em;
		font-size: 22px;
		margin-left: auto;
		margin-right: auto;
	}
	.textoRecuerda {
		position: relative;
		background-color: #ffa039;
		border-radius: 1em;
		text-align: center;
		color: white;
		font-weight: bold;
		padding: 0.6em 0.2em;
		font-size: 29px;;
	}
	.imgPaso {
		width: 345px;
		height: 44px;
	}
	.imgContacto {
		width: 100%;
		height: 10%;
	}
	.imgExamen {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;;
	}
	.imgLogos {
		width: 100%;
		height: 100%;
	}
	.textosProceso {
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 100%;
		text-align: left;
	}
	.textosProceso b {
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 103%;
		color: #3d5ca9;
		font-weight: bold;
	}
	.card-img {
		width: 70%;
		border-radius: calc(3.25rem - 0px);
		margin-left: 6%;
		margin-right: auto;
	}
}

@media ( min-width : 400px) and ( max-width : 450px) {
	.button-container {
		display: inline-block;
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.button-container img {
		width: 100%;
		height: 100%;
	}
	.button-container a {
		position: absolute;
		bottom: 53.93%;
		left: 21.6%;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		font-size: 76%;
		margin-left: auto;
		margin-right: auto;
		right: 23%;
		padding: 3% 5%;
	}
	.button-container a:hover {
		box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.58);
		bottom: 54%;
		text-decoration: none;
		color: #2a8005;
	}
	.button-container p {
		position: absolute;
		bottom: 0.3%;
		right: 0.8em;
		left: 0.5em;
		border-radius: 1em;
		color: white;
		font-weight: bold;
		padding: 0em 1.5em;
		font-size: 11.5px;
	}
	.botonOfertaE {
		position: relative;
		left: 2.3em;
		background-color: #30adbb;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		padding: 0.5em 1.1em;
		font-size: 22px;
		margin-left: auto;
		margin-right: auto;
	}
	.botonRegistro {
		position: relative;
		left: 3.3em;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		padding: 0.5em 1.1em;
		font-size: 22px;
		margin-left: auto;
		margin-right: auto;
	}
	.textoRecuerda {
		position: relative;
		background-color: #ffa039;
		border-radius: 1em;
		text-align: center;
		color: white;
		font-weight: bold;
		padding: 0.6em 0.2em;
		font-size: 29px;;
	}
	.imgPaso {
		width: 100%;
		height: 10%;
	}
	.imgPaso1 {
		width: 100%;
		height: 11%;
	}
	.imgPaso2 {
		width: 100%;
		height: 7%;
	}
	.imgContacto {
		width: 323px;
		height: 30px;
	}
	.imgExamen {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;;
	}
	.imgLogos {
		width: 100%;
		height: 114%;
	}
	.textosProceso {
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 18px;
		text-align: left;
	}
	.textosProceso b {
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 100%;
		color: #3d5ca9;
		font-weight: bold;
	}
	.card-img {
		width: 35%;
		border-radius: calc(3.25rem - 0px);
		margin-left: 6em;
		margin-right: auto;
	}
}
/*-----------------------------------------Footer -------------------------------------*/
.footerutng {
	height: 16em;
	background-color: #CDCDCD;
	width: calc(100% - 5px);
	position: relative;
	bottom: 0;
	width: 100%;
	margin-top: 24px;
	padding: 18px;
	margin-bottom: -80px;
	padding-top: 2em;
	align-self: flex-end;
}

.footerutng img {
	width: 11%;
	position: absolute;
	left: 16%;
}

.ox {
	margin-top: 4%;
	position: absolute;
	left: 32%;
	font-size: 14pt;
	text-align: center;
}

.content {
	width: 100%;
	height: 400px;
}

.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
}

@media ( max-width : 401px) and ( min-width : 403px) {
	.button-container a {
		position: absolute;
		bottom: 53.93%;
		left: 21.6%;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		font-size: 67%;
		margin-left: auto;
		margin-right: auto;
		right: 24%;
		padding: 3% 5%;
	}
}

@media ( max-width : 400px) {
	.button-container {
		display: inline-block;
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.button-container img {
		width: 100%;
		height: 100%;
	}
	.button-container a {
		position: absolute;
		bottom: 53.93%;
		left: 22.3%;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		font-size: 64%;
		margin-left: auto;
		margin-right: auto;
		right: 27%;
		padding: 3% 5%;
	}
	.button-container a:hover {
		box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.58);
		bottom: 54%;
		text-decoration: none;
		color: #2a8005;
	}
	.button-container p {
		position: absolute;
		bottom: 3.3%;
		right: -0.2em;
		left: 1.5em;
		border-radius: 1em;
		color: white;
		font-weight: bold;
		padding: 0em 1.5em;
		font-size: 65%;
	}
	.botonOfertaE {
		position: relative;
		left: 2.3em;
		background-color: #30adbb;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		padding: 0.5em 1.1em;
		font-size: 18px;
		margin-left: auto;
		margin-right: auto;
	}
	.botonRegistro {
		position: relative;
		left: 2.8em;
		background-color: #70c64a;
		border-radius: 2em;
		color: white;
		font-weight: bold;
		padding: 0.5em 1.1em;
		font-size: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.textoRecuerda {
		position: relative;
		background-color: #ffa039;
		border-radius: 1em;
		text-align: center;
		color: white;
		font-weight: bold;
		padding: 0.6em 0.2em;
		font-size: 29px;;
	}
	.imgPaso {
		width: 100%;
		height: 10%;
	}
	.imgPaso1 {
		width: 100%;
		height: 11%;
	}
	.imgPaso2 {
		width: 100%;
		height: 7%;
	}
	.imgContacto {
		width: 267px;
		height: 30px;
	}
	.imgExamen {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;;
	}
	.imgLogos {
		width: 100%;
		height: 114%;
	}
	.textosProceso {
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 16px;
		text-align: left;
	}
	.textosProceso b {
		margin-top: 0;
		margin-bottom: 1rem;
		font-size: 89%;
		color: #3d5ca9;
		font-weight: bold;
	}
	.card-img {
		width: 35%;
		border-radius: calc(3.25rem - 0px);
		margin-left: 6em;
		margin-right: auto;
	}
	.footerutng {
		height: 24em;
	}
	.footerutng img {
		width: 69%;
		margin: auto;
		align-content: center;
	}
	.ox {
		margin-top: 68%;
		position: absolute;
		left: 0;
		font-size: 12pt;
		text-align: center;
	}
	.sticky-container {
		padding: 0px;
		margin: 0px;
		position: fixed;
		right: -130px;
		top: 230px;
		width: 210px;
		z-index: 1100;
	}
	.sticky li {
		list-style-type: none;
		background-color: #CDCDCD;
		color: #efefef;
		height: 43px;
		padding: 0px;
		margin: 0px 0px 1px 0px;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		cursor: pointer;
	}
	.sticky li:hover {
		margin-left: -115px;
	}
	.sticky li img {
		float: left;
		margin: 5px 4px;
		margin-right: 5px;
	}
	.sticky li p {
		padding-top: 5px;
		margin: 0px;
		line-height: 16px;
		font-size: 15px;
		font-weight: bold;
	}
	.sticky li p a {
		text-decoration: none;
		color: #2C3539;
	}
	.sticky li p a:hover {
		text-decoration: underline;
	}
}

/*=========================Renovacion de becas ====================================*/
.renovacion-container {
	display: inline-block;
	position: relative;
}

.renovacion-container img {
	width: 91%;
	padding-left: 8%;
}

.renovacion-container .enlace1 {
	position: absolute;
	bottom: 72.53%;
	right: 37.35%;
	background-color: #efefefba;
	border-radius: 1em;
	color: #845ae8;
	font-weight: bold;
	padding: 0% 0%;
	font-size: 155%;
	left: auto;
}

}
.renovacion-container .enlace1:hover {
	box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.58);
	bottom: 49.43em;
	text-decoration: none;
	color: #8c64ea;
}

.renovacion-container .enlace2 {
	position: absolute;
	bottom: 70.58%;
	right: 35.2%;
	border-radius: 1em;
	color: #845ae8;
	font-weight: bold;
	padding: 0% 0%;
	font-size: 155%;
	left: auto;
	background-color: #fafafaa8;
}

}
}
}
.renovacion-container .enlace2:hover {
	box-shadow: 0px 5px 4px 1px rgba(0, 0, 0, 0.58);
	bottom: 49.43em;
	text-decoration: none;
	color: #8c64ea;
}

.renovacion-container p {
	position: absolute;
	bottom: 17.3%;
	right: 12.8%;
	left: 5.5em;
	border-radius: 1em;
	color: white;
	font-weight: bold;
	padding: 0em 1.5em;
	font-size: 158%;
}

/*
@include media-breakpoint-up(sm) { .card-columns { column-count: 2;} }
@include media-breakpoint-up(md) { .card-columns { column-count: 2;} }
@include media-breakpoint-up(lg) { .card-columns { column-count: 4;} }
@include media-breakpoint-up(xl) { .card-columns { column-count: 5;} }*/