@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');

.bg-light{
	background: #fff !important;
}

.nav-link{
	color: #000;
	font-family: 'Lato';
	font-size: 20px;
	font-weight: 400;
}

.nav-link:focus, .nav-link:hover{
	color: #7297f5;
}

.active{
	font-weight: 600;
}

.carousel-control-prev-icon{
	background-color: #000000c7;
    border: solid 15px #1b1b2200;
    padding: 12px;
    margin-right: 158%;
}

.carousel-control-next-icon{
	background-color: #000000c7;
    border: solid 15px #1b1b2200;
    padding: 12px;
    margin-left: 158%;
}

#titulo1-banner{
	text-align:left;
	font-size: 2em;
	font-weight: 300;
	color: #fff;
}

#titulo2-banner{
	text-align:left;
	font-size: 4.2em;
	font-weight: 800;
	color: #1b1b22;
}

#titulo3-banner{
	text-align:right;
	font-size: 4em;
	font-weight: 300;
	color: #fff;
}

#texto-banner{
	text-align: right;
	color: #fff;
}

#franja1, #franja2{
	margin-top: 65px;
	margin-bottom: 65px;
}

.titulo1{
	font-size: 2em;
	color: #000;
	font-weight: 300;
	line-height: 1;
}

.titulo2{
	font-size: 2em;
	color: #7297f5;
	font-weight: 700;
	line-height: 1;
}

.progress-text{
	text-align: center;
	line-height: 1.4;
}
.titulo4{
	font-size: 2em;
	color: #000;
	font-weight: 300;
	line-height: 1;
	margin-top: 170px;
}

#resaltar{
	color: #7297f5;
	font-weight: 700;
}

.subtitulo{
	text-align: left;
	font-weight: 700;
	line-height: 1;
}

.subtitulo2{
	font-weight: 700;
	line-height: 1;
	font-size: 25px;
}

.text-white{
	color: #fff;
}

.text-blue{
	color: #7297f5;
}

.barra-blanca-progeso{
	background: #fff;
}

h1,h2,h3,h4,h5{
	font-family: 'Lato';
	line-height: 1;
	text-align: center;
}

p{
	font-family: 'Lato';
	line-height: 1.2;
	color: 000;
	font-size: 18px;
	font-weight: 400;
}

strong{
	font-weight: 600;
}

.space-top-small{
	margin-top: 25px;
}

.space-top-medium{
	margin-top: 40px;
	text-align: justify;
}

.space-top-large{
	margin-top: 65px;
}

.space-bottom-medium{
	margin-bottom: 40px;
}

.space-bottom-large{
	margin-bottom: 60px;
}

.espacio-franja{
	padding-top: 65px;
	padding-bottom: 65px;
}

.space-text-carrousel{
	padding: 0 45px;
	margin-top: 15px;
}

.progress-bar{
	background-color: #7297f5;
}

.progress-col{
	margin: 0 20px;
}

.center{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.boton{
	background: #000;
	border: 2px solid #000; 
	color: #fff;
	padding: 15px 45px;
	border-radius: 100px;
	font-family: 'Lato';
	font-size: 25px;
}

.boton:focus, .boton:hover{
	background: transparent;
	color: #000;
	text-decoration: none;
}

.boton:active{
	background: transparent;
	color: #000;
	text-decoration: none;
}

.boton-blue{
	background: #7297f5;
	border: 2px solid #7297f5; 
	color: #fff;
	padding: 10px 45px;
	border-radius: 100px;
	font-family: 'Lato';
	font-size: 25px;
}

.boton-blue:focus, .boton-blue:hover{
	background: transparent;
	color: #7297f5;
	text-decoration: none;
}

.boton-blue:active{
	background: transparent;
	color: #7297f5;
	text-decoration: none;
}

.video{
	width: 100%;
}

.blue-container {
    background-image: url(../img/banners/franja-testimonios.png);
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 35px 20px;
}

.footer-links{
	color: #fff;
}

.footer-links:hover, .footer-links:active{
	color: #fff;
}

.border-right{
	border-right: 2px solid #000;
}

.footer-text{
	font-size: 14px;
}

#franja2{
	background: #e5e5e5;
	margin-bottom: 0px;
}
#franja3{
	padding: 0 65px;
	background: #7297f5;
}

#franja4{
	margin-top: 65px;
	margin-bottom: 65px;
}

#franja5{
	margin-top: 65px;
	margin-bottom: 65px;
}
#franja6{
	padding-top: 65px;
	background: url(../img/banners/franjaabajo.jpg) no-repeat;
	min-height: 650px;
	background-size: cover;
}
#franja7{
	background: #e5e5e5;
	padding: 65px 0;
}
#franja8{
	padding-top: 65px;
	padding-bottom: 65px;
	background: url('../img/banners/bannertest.jpg') no-repeat;
	min-height: 300px;
	background-size: cover;
    background-position: center;
}
#franja9{
	margin-top: 65px;
	margin-bottom: 65px;
}
#franjaFooter{
	padding: 20px 0 2px 0;
	background: #7297f5;
}

button.navbar-toggler{
	position: absolute;
	right: 2%;
}

.navbar-light .navbar-toggler{
	border-color: transparent;
}

.border-padding{
	padding: 0 100px;
}

.btn-primary{
	color: #fff;
    background-color: #7297f5;
    border: 2px solid #7297f5 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
	color: #7297f5;
    background-color: transparent;
}

.border-bottom{
	border-bottom: 3px solid #fff;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #7297f5;
}

.dropdown-item {
	font-family: 'Lato';
	color: #000;
	font-size: 17px;
	font-weight: 400;
}

/* ESTILOS PARA PANTALLAS */
@media (max-width: 1280px){
	.col-xl-10.col-lg-10.col-md-10.col-sm-10.space-text-carrousel {
    padding-left: 17%;
	}
}

@media (max-width: 1100px){
	#titulo2-banner{
		font-size: 2.5em;
	}

	#titulo3-banner{
		font-size: 3em;
	}
}

@media (max-width: 600px){
	.img-fluid {
    max-width: 90%;
    height: auto;
	}
	#titulo1-banner{
		font-size: 1.2em;
	    text-align: right;
	    line-height: 0.8; 
	}
	#titulo2-banner{
		text-align: right;
		font-size: 1em;
		line-height: 0.8;
	}
	#titulo3-banner{
		text-align: right;
		font-size: 1em;
	}
	#texto-banner{
		font-size: 10px;
	}
	.boton{
		font-size: 8px;
	}
	.d-none{
		display: block !important;
		top: 0px !important;
	}
}