.row{
	width: 100%;
	margin: 0px;
	padding-left: 5%; 
	padding-right: 5%;
}
/*---------------css para carousel---------------*/
.carousel-inner{
	margin-top: 10%;
}
.carousel-indicators{
	bottom: 0px;
	z-index: 1;
}
.carousel-indicators li{
	width: 15px;
    height: 15px;
    margin-right: 1%;
    margin-left: 1%;
	background-color: #00c4e8;
	margin-top: 1%;
	transition: 0.2s;
	border-radius: 50%;
	border: none;
}
.carousel-indicators .active{
	background-color: #dc6998;
	width: 20px;
    height: 20px;
    margin-top: 5px;
    transition: 0.2s;
    border-radius: 50%;
	border: none;
}
.carousel-element{
	width: 100%;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
.carousel-element img{
	width: 100%;
	position: relative;
	z-index: 1;
}
.carousel-element h2, .carousel-element p, .carousel-element a{
	position: absolute;
	z-index: 2;
}
.pagina1 h2{
	width: 96%; 
	top: 20%; 
	right: 4%; 
	text-align: right; 
	font-size: 5vw;
	font-weight: bold;
	color: #1d325d;
	font-family: 'Poppins-Bold';
}
.pagina1 p{
	width: 96%;
	top: 45%; 
	right: 4%; 
	text-align: right;
	font-size: 1.2vw;
	color: #1d325d;
	font-family: 'Poppins-Medium';
}
.pagina1 a{
	top: 55%;
	right: 4%;
	padding: 1%;
	border-radius: 20px;
	background: #dc6998;
	color: #fff;
	font-size: 1.2vw;
	font-family: 'Poppins-Medium';
	text-decoration: none;
}
.pagina2 h2{
	width: 96%; 
	top: 25%; 
	left: 4%;
	font-size: 5vw;
	font-weight: bold;
	color: #1d325d;
	font-family: 'Poppins-Bold';
}
.pagina2 p{
	width: 96%; 
	top: 50%;
	left: 4%;
	font-size: 1.2vw;
	color: #1d325d;
	font-family: 'Poppins-Medium';
}
.pagina2 a{
	top: 70%;
	left: 4%;
	padding: 1%;
	border-radius: 20px;
	background: #dc6998;
	color: #fff;
	font-size: 1.2vw;
	font-family: 'Poppins-Medium';
	text-decoration: none;
}
.pagina3 h2{
	top: 20%; 
	left: 4%; 
	color: #fff;
	font-size: 5vw;
	font-weight: bold;
	font-family: 'Poppins-Bold';
}
.pagina3 p{
	width: 96%;
	top: 45%; 
	left: 4%; 
	color: #fff;
	font-size: 1.2vw;
	font-family: 'Poppins-Medium';
}
.pagina3 a{
	top: 65%;
	left: 4%; 
	padding: 1%;
	border-radius: 20px;
	background: #dc6998;
	color: #fff;
	font-size: 1.2vw;
	font-family: 'Poppins-Medium';
	text-decoration: none;
}
.pagina4 h2{
	width: 94%; 
	top: 20%; 
	right: 4%; 
	font-size: 5vw; 
	text-align: right;
	font-weight: bold;
	color: #1d325d;
	font-family: 'Poppins-Bold';
}
.pagina4 p{
	width: 94%; 
	top: 45%;
	right: 4%; 
	text-align: right;
	font-size: 1.2vw;
	color: #1d325d;
	font-family: 'Poppins-Medium';
}
.pagina4 a{
	top: 65%;
	right: 4%;
	padding: 1%;
	border-radius: 20px;
	background: #dc6998;
	color: #fff;
	font-size: 1.2vw;
	font-family: 'Poppins-Medium';
	text-decoration: none;
}
.pagina5 h2{
	width: 94%; 
	top: 20%; 
	right: 4%; 
	font-size: 5vw; 
	text-align: right;
	font-weight: bold;
	color: #1d325d;
	font-family: 'Poppins-Bold';
}
.pagina5 p{
	width: 94%; 
	top: 45%;
	right: 4%; 
	text-align: right;
	font-size: 1.2vw;
	color: #1d325d;
	font-family: 'Poppins-Medium';
}
@media screen and (max-width: 768px){
	.pagina1 h2{ 
		font-size: 6vw;
	}
	.pagina1 p{
		font-size: 2vw;
	}
	.pagina1 a{
		font-size: 2.2vw;
	}
	.pagina2 h2{
		font-size: 6vw;
	}
	.pagina2 p{
		font-size: 2vw;
	}
	.pagina2 a{
		font-size: 2.2vw;
	}
	.pagina3 h2{
		font-size: 6vw;
	}
	.pagina3 p{
		font-size: 2vw;
	}
	.pagina3 a{
		font-size: 2.2vw;
	}
	.pagina4 h2{ 
		font-size: 6vw;
	}
	.pagina4 p{
		font-size: 2vw;
	}
	.pagina4 a{
		font-size: 2.2vw;
	}
	.pagina5 h2{
		font-size: 6vw;
	}
	.pagina5 p{
		font-size: 2vw;
	}
}
@media screen and (max-width: 738px){
	.carousel-inner{margin-top: 0%;}
}
@media screen and (max-width: 425px){
	.carousel-indicators li{
		width: 10px;
		height: 10px;
	}
	.carousel-indicators .active{
		background-color: #dc6998;
		margin-top: 0;
		width: 12px;
		height: 12px;
	}
	.pagina1 p, .pagina2 p, .pagina3 p, .pagina4 p, .pagina5 p{
		font-size: 3vw;
	}
	.manos p{font-size: 3.2vw;}
	.pagina1 a{top: 65%;}
	.pagina2 a{top: 75%;}
	.pagina3 a{top: 75%;}
	.pagina4 a{top: 75%;}
}
@media screen and (max-width: 320px){
	.pagina1 h2{
		margin-top: 5%;
	}
	.pagina2 h2{
		margin-top: 10%;
	}
	.pagina3 h2{
		margin-top: 10%;
	}
	.pagina4 h2{
		margin-top: 10%;
	}
	.pagina5 h2{
		margin-top: 20%;
	}
	.carousel-element{
		height: 210px;
	}
	.carousel-indicators li{
		width: 10px;
		height: 10px;
	}
	.carousel-indicators .active{
		width: 12px;
		height: 12px;
	}
}
/*--------------fin carousel-------------*/

/*--------------css para estadisticas--------*/
.estadisticas{
	margin-top: 80px;
	width: 100%;
}
.estadisticas .row{
	padding: 0px;
}
.estadisticas .col-lg-6{
	padding: 0px;
}
.estadisticas .col-lg-6 .count{
	font-family: 'Poppins-Bold';
	font-size: 6vw;
	color: #1d325d;
	width: 100%;
	text-align: center;
}
.estadisticas .col-lg-6 .info{
	font-family: 'Poppins-Medium';
	font-size: 1.2vw;
	color: #1d325d;
	width: 100%;
	text-align: center;
	margin: 0px;
}
@media screen and (max-width: 768px){
	.estadisticas .col-lg-6 .count{
		font-size: 7vw;
	}
	.estadisticas .col-lg-6 .info{
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 425px){
	.estadisticas .col-lg-6 .info{font-size: 3.2vw;}
}
/*------------fin estadisticas-------------*/

/*-------------css para ventajas-------------*/
.ventajas{
	width: 100%;
	height: 550px;
	margin: 0px;
	margin-top: 5%;
	margin-bottom: 20px;
	padding: 0px;
	position: relative;
}
.ventajas .fondo{
	position: absolute;
	width: 100%;
	height: 100%;
}
.ventajas h2{
	margin-top: 5%;
	font-family: 'Poppins-Bold';
	font-size: 6vw;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.ventajas p{
	font-family: 'Poppins-Medium';
	font-size: 1.2vw;
	color: #fff;
	text-align: center;
}
.ventajas .row{
	padding: 0px;
}
.ventajas .col-lg-6{
	padding: 0px;
}
.ventajas .iconos{
	margin-top: 20px;
}
.ventajas .col-lg-6 img{
	width: 50%;
	margin-left: 25%;
	margin-right: 25%;
}
.ventajas .col-lg-6 p{
	font-size: 1.2vw;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 30px;
}
@media screen and (max-width: 1024px){
	.ventajas{
		height: 450px;
	}
	.ventajas .iconos{
		margin-top: 10px;
	}
}
@media screen and (max-width: 768px){
	.ventajas{
		height: 350px;
	}
	.ventajas p{
		margin-bottom: 0;
		font-size: 2.2vw;
	}
	.ventajas .col-lg-6 p{
		width: 100%;
		margin-top: 0;
		margin-left: 0%;
		margin-right: 0%;
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 575px){
	.ventajas{
		height: 450px;
	}
	.ventajas .col-lg-6 img{
		width: 30%;
		margin-left: 35%;
		margin-right: 35%;
	}
}
@media screen and (max-width: 427px){
	.ventajas{
		height: 480px;
	}
	.ventajas h2{margin-top: 7vw;}
	.ventajas p{font-size: 3.2vw;}
	.ventajas .col-lg-6 p{font-size: 3.2vw;}
}
@media screen and (max-width: 375px){
	.ventajas{
		height: 450px;
	}
	.ventajas .col-lg-6 img{
		width: 30%;
		margin-left: 35%;
		margin-right: 35%;
	}
}
@media screen and (max-width: 320px){
	.ventajas{
		height: 490px;
	}
}

/*--------------fin ventajas-----------------------*/

/*--------------css para manos----------------*/
.manos{
	width: 100%;
	margin-top: 8%;
}
.manos img{
	width: 10%;
	margin-left: 45%;
	margin-right: 45%; 
}
.manos h2{
	width: 100%;
	margin-top: 3%;
	text-align: center;
	color: #1d325d;
	font-family: 'Poppins-Bold';
	font-weight: bold;
	font-size: 6vw;
}
.manos p{
	width: 100%;
	text-align: center;
	color: #1d325d;
	font-family: 'Poppins-Medium';
	font-size: 1.2vw;
}
@media screen and (max-width: 1024px){
	.manos img{
		width: 20%;
		margin-left: 40%;
		margin-right: 40%; 
	}
}
@media screen and (max-width: 768px){
	.manos img{
		width: 30%;
		margin-left: 35%;
		margin-right: 35%; 
	}
	.manos h2{
		font-size: 8vw;
	}
	.manos p{
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 425px){
	.manos img{
		width: 40%;
		margin-left: 30%;
		margin-right: 30%; 
	}
	.manos br{
		display: none;
	}
}

/*--------------fin de manos-----------------*/

/*-------------css para hospitales-----------*/
.hospitales{
	margin-top: 8%;
	width: 100%;
}
.hospitales .row{
	padding-left: 0px;
	padding-right: 0px;
}
.hospitales .col-lg-6 img{
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}
.hospitales .col-lg-6 p{
	width: 100%;
	font-family: 'Poppins-Medium';
	color: #1d325d;
	font-size: 1.2vw;
	text-align: center;
}
@media screen and (max-width: 768px){
	.hospitales .col-lg-6 img {
	    width: 90%;
	    margin-left: 5%;
	    margin-right: 5%;
	}
	.hospitales .col-lg-6 p{
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 425px){
	.hospitales .col-lg-6 p{font-size: 3.2vw;}
}
/*-------------fin de hospitales---------------*/

/*--------------css para beneficios-----------*/
.beneficios{
	width: 100%;
	margin-top: 8%;
	position: relative;
}
.beneficios-title{
	width: 100%;
}
.beneficios-title img{
	width: 10%;
	margin-left: 45%;
	margin-right: 45%;
}
.beneficios-title h2{
	font-family: 'Poppins-Bold';
	font-weight: bold;
	font-size: 6vw;
	color: #dc6998;
	text-align: center;
	width: 100%;
}
.beneficios-title p{
	font-family: 'Poppins-Medium';
	font-weight: bold;
	font-size: 1.2vw;
	color: #dc6998;
	text-align: center;
	width: 100%;
}
.beneficios-body{
	width: 100%;
	margin-top: -40px;
	padding-bottom: 90px;
	position: relative;
	height: auto;
}
.beneficios-body .av-container{
	width: 50%;
	display: inline-block;
}
.beneficios-body img{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	filter: blur(8px);
}
.beneficios-body .row{
	z-index: 2;
	padding-left: 10%;
	padding-right: 10%; 
	height: auto;
}
.beneficios-body .aniview{
	width: 100%;
	z-index: 1;
}
.beneficios-body .izq h2{
	font-family: 'Poppins-Bold';
	font-weight: bold;
	font-size: 2.2vw;
	color: #fff;
}
.beneficios-body .izq hr{
	border: 6px solid #dc6998;
	width: 40%;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
.beneficios-body .izq p{
	width: 100%;
	font-family: 'Poppins-Medium';
	font-weight: bold;
	font-size: 2vw;
	color: #fff;
	float: left;
	letter-spacing: 1px;
}
.beneficios-body .der h2{
	font-family: 'Poppins-Bold';
	font-weight: bold;
	font-size: 2.2vw;
	color: #fff;
	text-align: right;
}
.beneficios-body .der hr{
	border: 6px solid #dc6998;
	width: 40%;
	margin-top: 20px;
	margin-left: 60%;
	margin-bottom: 20px;
	float: left;
}
.beneficios-body .der p{
	width: 100%;
	font-family: 'Poppins-Medium';
	font-weight: bold;
	font-size: 2vw;
	color: #fff;
	float: left;
	letter-spacing: 1px;
	text-align: right;
}
.beneficios-body .beneficios-row{
	padding-top: 10%;
}
@media screen and (max-width: 1024px){
	.beneficios-body .aniview hr{
		border: 5px solid #dc6998;
	}
	.beneficios-body .aniview br{
		display: none;
	}
	.beneficios-body .av-container{
		padding-left: 5%;
		padding-right: 5%;
	}
}

@media screen and (max-width: 768px){
	.beneficios-title img{
		width: 30%; 
		margin-left: 35%;
		margin-right: 35%;
	}
	.beneficios-title h2{
		font-size: 8vw;
	}
	.beneficios-title p{
		font-size: 2.2vw;
	}
	.beneficios-body .aniview hr{
		border: 4px solid #dc6998;
	}
	.beneficios-body .der h2, .beneficios-body .izq h2{
		font-size: 3.2vw;
	}
}

@media screen and (max-width: 575px){
	.beneficios-body .beneficios-row{
		padding-top: 15%;
	}
	.beneficios-body .av-container{
		width: 100%;
	}
	.beneficios-body .aniview h1{
		text-align: center;
		margin-top: 40px;
	}
	.beneficios-body .aniview hr{
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	.beneficios-body .aniview p{
		text-align: center;
		width: 100%;
	}
	.beneficios-body img{
		filter: blur(4px);
	}
}
@media screen and (max-width: 425px){
	.beneficios-title p{font-size: 3.2vw;}
	.beneficios-body .der h2, .beneficios-body .izq h2 {
	    font-size: 4.2vw;
	    text-align: center;
	}
	.beneficios-body .aniview hr{display: none;}
	.beneficios-body .izq p, .beneficios-body .der p{font-size: 3vw;}
}
@media screen and (max-width: 375px){
	.beneficios-body .beneficios-row{
		padding-top: 20%;
	}
}
/*-------------fin beneficios----------------*/