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

*, *:focus, *:hover, button, button:focus {
	outline:none !important;
	outline-width: 0 !important;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
} p {
	margin: 0px;
}

@media (max-width: 575.98px) {
	.doublesize {
		font-size: 1.5em !important;
	} .orange {
		font-size: 0.8em !important;
	} .gray {
		font-size: 0.8em !important;
	} .bold {
		font-size: 1em !important;
	} .blue {
		font-size: 0.8em !important;
	} .white {
		font-size: 0.8em !important;
	} 

	.hideLine {
		visibility: hidden !important;
		display: none !important;
	}.numberPoint {
		min-width: 100%;
	}

	footer .boletin {
		font-size: 1em !important;
	} footer .white {
		font-size: 1em !important;
	} footer ul li a {
		font-size: 0.8em !important;
	}
} @media (min-width: 575.98px) and (max-width: 767.98px) {
	.hideLine {
		visibility: hidden !important;
		display: none !important;
	}.numberPoint {
		min-width: 100%;
	}
} @media (min-width: 767.98px) and (max-width: 991.98px) {
	.hideLine {
		visibility: hidden !important;
		display: none !important;
	}.numberPoint {
		min-width: 100%;
	}
} @media (min-width: 991.98px) and (max-width: 1199.98px) {
} @media (min-width: 1199.98px) { 
}

.fade {
	background-color: #005ebcaa;	
} .doublesize {
	font-size: 2em;
} .orange {
	font-family: "Montserrat-Light";
	color:  #ff6b00;
} .orange:hover {
	color:  #ff6b00;
} .gray {
	font-family: "Montserrat-Light";
	color: #767677;
} .gray:hover {
	color: #767677;
} .bold {
	font-family: "Montserrat-Bold" !important;
} .blue {
	font-family: "Montserrat-Light";
	color: #005ebc;
} .blue:hover {
	color: #005ebc;
} .white {
	font-family: "Montserrat-Light";
	color: #fff;
} .white:hover {
	color: #fff;
} .underline {
	text-decoration: underline;
} .nounderline:hover {
	text-decoration: none;
} .bck-orange {
	padding:  8px 40px;
	background-color: #ff6b00;
} .bck-blue {
	padding:  8px 40px;
	background-color: #005ebc;
} .bck-white {
	background-color: #fff;
} .bck-pasos {
	background-color: #cccccc;
	padding: 10px 20px;
} .pasos {
	color: #cccccc;
} .bck-pasos-activo {
	background-color: #ff6b00;
	padding: 10px 20px;
} .resaltar {
	color: #ff6b00 !important;
} 

/* MENU */
#menu-top {
    background-color: #fff;
    box-shadow: 0px 0px 20px;
} #menu-top .nav-item {
	margin: 0px 10px;
} #menu-top .nav-link {
	font-family: "Montserrat-Medium";
	color: #005ebc;
} #menu-top .logo img {
	max-height: 40px;
} #menu-top .nav-link:hover {
	font-family: "Montserrat-Medium";
	color: #ff6b00 !important;
} #menu-top .dropdown-toggle::after {
	content: none !important;
}

#menu-top .activeMenu {
	font-family: "Montserrat-Medium";
	color: #ff6b00 !important;
} 

.modal input[type=password][name=passLogin]
, .modal input[type=password][name=passRegister]
, .modal input[type=password][name=confirmpass] {
	border-right: 0px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
} .modal .showpassLogin, .modal .showpassRegister, .modal .showpassconfirm {
	border-top: 1px solid #ced4da;
	border-right: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
} .modal .inputcode {
	text-align: center;
	font-size: 2em;
	font-family: "Montserrat-Light";
	padding: 40px 0px;
	border: 1px solid #c9c9c9;
	border-radius: 10px;
}

/* FOOTER */
footer {
	background-color: #005ebc;
	padding: 80px 0px 50px;
} footer .boletin {
	color: #fff;
	font-family: "Montserrat-Bold";
	font-size: 1.3em;
} footer .white {
	font-family: "Montserrat-Bold";
	margin: 30px 0px;
	color: #fff;
	font-size: 1.5em;
} footer ul {
	list-style-type: none;
	padding: 0px;
} footer ul li {
	margin: 10px 0px;
} footer ul li a {
	font-family: "Montserrat-Light";
	display: flex;
	justify-content: start;
	align-items: center;
	color: #fff;
	text-decoration: none;
    margin: 0px;
    line-height: 1.2;
} footer ul li a:hover {
	color: #fff;
	text-decoration: none;
} footer ul li a img {
	margin-right: 20px;
} footer .middle {
	margin-top: 30px;
} footer .redes {
    display: flex;
    margin-top: 40px;    
} footer .redes a {
	margin: 0px 4px;
} footer .legales {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-family: "Montserrat-Light";
	font-size: 0.6em;
	color: #fff;
} footer a {
	font-family: "Montserrat-Light";
	color: #fff;
	text-decoration: none;
} footer a:hover {
	color: #fff;
	text-decoration: none;
} footer .metodika {
	font-family: "Montserrat-Light";
	color: #fff;
	font-size: 0.6em;
	margin-top: 10px;
} footer .metodika a {
	font-family: "Montserrat-Light";
	color: #fff;
	text-decoration: none;
}

#btn-flotante {
	position: fixed;
	z-index: 9;
	right: 0px;
	left: auto;
	top: 200px;
	bottom: auto;
}


#overlay {
    background-color: #ff6b0099;
    visibility: hidden;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.circles {
	width: 100%;
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
	animation: displace 10s linear infinite;
}

.cir-1 {
    position: relative;
	left: 20px;
} .cir-2 {
	position: relative;
	top: -20px;
} .cir-3 {
	position: relative;
	left: -20px;
}

.limitScroll {
	max-height: 250px;
	overflow: hidden;
	overflow-y: scroll;
}


@keyframes displace {
  from {
    transform: rotate(0deg);
  } to {
    transform: rotate(360deg);
  }
}