/*.container, .container-lg, .container-md, .container-sm {
    max-width: 1024px;
}*/
/*#inicio {
	background-image: url('../images/ballenas.jpg');
	background-repeat: no-repeat;
    background-size: cover;
    min-height: 1000px;
}*/
#cambiemos div h1 {
	text-align: center;
    margin-top: 3vh;
    margin-bottom: 4vh;
    font-weight: 700;
    font-size: Calc(1.4rem + 1.5vw);
}
#cambiemos div div label {
	text-align: center;
	margin-bottom: 5vh;
    font-size: calc(.6rem + .6vw);
/*    color: #247791;*/
}
#cambiemos div div h4 {
	text-align: center;
	margin-bottom: 10vh;
	margin-left: 4vw;
	margin-right: 4vw;
	font-weight: 600;
	font-size: calc(.8rem + .7vw);
}
#cambiemos div .cards {
	margin-top: 5vh;
}

.contenedor {
	margin-left: 8vw;
    margin-right: 8vw;
}
#cambiemos {
	padding-top: 5vh;
}
#cardT {
	background-color: rgb(15 34 57);
}
#cardP {
	background-color: rgb(36 119 145);
}
#cardP div {
/*	margin-top: -20px;*/
}
#cardM {
	background-color: rgb(98 138 26);
}
.cubos {
	width: 21vw;
    display: flex;
    align-items: center;
    /* padding: 20px; */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    margin-left: 20px;
    margin-right: 20px;
    min-height: 100%;
}
.cubos img {
	max-width: 12vw;
}
.card-body {
/*	margin-top: -30px;*/
}
.cubos div p {
	color: white;
    font-size: calc(.6rem + .7vw);
    text-align: center;
    font-weight: 600;
}
.cardTransp {
/*	width: 24vw;*/
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 20px;
    background-color: transparent;
    border: none;
}
.cardTransp img {
	width: 11vw;
}
.cardTransp .card-body {
	margin-top: -25px;
}
.cardTransp div p {
	color: white;
    font-size: calc(.9rem + .9vw);
    text-align: center;
/*    font-weight: 600;*/
}
#imgEqu .card-body {
/*	padding-top: 0px !important;*/
}
#imgEqu img{
	/*max-width: none;
    width: 14vw;*/
}
.contentFin {
	display: flex;
    align-items: flex-end;
    margin-bottom: 20vh;
    margin-top: 50px;
}
#btnMasNosotros {
	background-color: #247791;
	border-color: #247791;
	border-radius: 25px;
	font-size: calc(1rem + 1vw);;
	padding-left: 12vh;
	padding-right: 12vh;
	margin-top: 10vh;
}
#btnConoce {
	background-color: rgb(15 34 57);
	border-color: rgb(15 34 57);
	border-radius: 35px;
	font-size: calc(1rem + 1vw);;
	padding-left: 10vh;
	padding-right: 10vh;
	margin-top: 10vh;
}
#btnDona {
	background-color: rgb(36 119 145);
	border-color: rgb(36 119 145);
	border-radius: 35px;
    font-size: Calc(.8rem + .8vw);
    padding-left: 6vh;
    padding-right: 6vh;
    margin-top: 10vh;
    margin-bottom: 5vh;
}
.mascaraArriba {
	padding-bottom: 26vh;
/*	background-color: #004CAA;*/
}
#mision {
	margin-top: 10vh;
	padding-top: 12vh;
	background-image: url('../images/fondo_mar.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	margin-bottom: -.5px;
}

#mision div h2 {
	text-align: center;
	margin-bottom: 18vh;
	font-size: calc(.9rem + .9vw);
    font-weight: 600;
	padding-left: 8vw;
    padding-right: 8vw;
}
#mision div h3 {
	text-align: center;
	font-size: calc(1rem + 1vw);
	font-weight: 500;
	font-style: italic;
}
.proposito{
	text-align: center;
	margin-top: 16vh;
}
#mision div div div {
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
}
.txtmision {
	font-size: calc(.7rem + .7vw);
	text-align: center;
}
.contenedor2 {
	margin-left: 8vw;
    margin-right: 8vw;
}
.borderR {
	border-right: solid 1px white;
}
.titulo {
	font-size: calc(1.6rem + 1.5vw);
    font-weight: 700;
}

@media (max-width: 990px) {
    #txtConoce {
	    padding-right: 0vh !important;
	}
	
	#transforma {
	    background-image: url(../images/fondo_transformas2.jpg) !important;
	}
	.textLeft {
	    padding-left: 0px !important;
	}
	.svg-border-rounded svg {
	    height: 10vh !important;
	}
}
/*@media (min-width: 1200px) {
    .svg-border-rounded svg {
        height: 3rem;
    }
}*/
@media (min-width: 768px) {
    .svg-border-rounded svg {
	    height: 7vh !important;
	}
}
@media (max-width: 575px) {
    .cubos {
    	width: 100%;
    	padding-left: 0px;
    	padding-right: 0px;
    	margin-left: 0px;
    	margin-right: 0px;
    	padding-bottom: 8px;
    }
    .pad-0 {
    	padding-top: 5px;
    	padding-bottom: 5px;
    	padding-left: 3px;
    	padding-right: 3px;
    }
    #cambiemos div .cards {
    	padding-right: 0px;
    }
    #mision div div div {
        text-align: center;
        padding-left: 15px;
        padding-right: 10px;
    }
    #mision div h2{
        margin-bottom: 5vh;
    }
    .borderR {
         border-right: none; 
         border-bottom: solid 1px white; 
         padding-bottom: 20px;
         margin-bottom: 20px;
    }
    .proposito {
        margin-top: 7vh;
    }
    .cardTransp img {
        width: 20vw;
    }
    #btnMasNosotros {
        padding-left: 5vh;
        padding-right: 5vh;
    }
    .svg-border-rounded svg {
	    height: 5vh !important;
	}
	#lineaAliado {
	    border: 1px solid !important;
	    width: 18vw;
	}
	#logoBancoBco {
	    max-width: 70%;
	}
	#btnConoce {
	    padding-left: 4vh;
	    padding-right: 4vh;
	}
	#transforma {
	    background-image: url(../images/fondo_transformas3.jpg) !important;
/*	    background-size: contain !important;*/
	    padding-top: 2vh !important;
	}
	.textLeft h1 {
	    font-size: calc(.6rem + .5vw) !important;
	    padding-bottom: 0px !important;
	}
	.txtLogTransf {
	    font-size: calc(.5rem + .5vw) !important;
	}
	.card-body {
		padding: .3rem;
	}
	.bottom10 {
	    padding-bottom: 0vh !important;
	}


}
.svg-border-rounded svg {
    height: 15vh;
    width: 100%;
    color: rgb(36 119 145);
}

#aliado {
	background-color: rgb(36 119 145);
	text-align: center;
	color: white;
	padding-top: 10vh;
	padding-bottom: 10vh;
}
#logoBancoBco {
	max-width: 50%;
}
#lineaAliado {
	border: 2px solid !important;
	width: 10vw;
}
.txtAliado {
	display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 50%;
    padding-bottom: 8vh;
}
.txtAliado h1{
	font-size: calc(1.5rem + 1.5vw);
    font-weight: 700;
}
.max100 {
	max-width: 100%;
}
#conoce {
	padding-top: 10vh;
}
#txtConoce {
	font-size: calc(.9rem + .8vw);;
    font-weight: 600;
    text-align: left;
    padding-right: 14vh;
    line-height: 1.1;
    padding-bottom: 8vh;
}
#txtConoce2 {
	font-size: calc(1.2rem + 1.2vw);
    font-weight: 700;
    font-style: italic;
}
.txtIntercamb {
	color: rgb(36 119 145);
	font-style: italic;
}
.contentBottom {
	display: flex;
    align-items: flex-end;
}
.noBorde {
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
}
.contentTop {
	display: flex;
    align-items: flex-start;
}
.proyectos {
	margin-top: 2vw;
}
.proyectos div h1 {
	font-weight: 700;
    font-size: calc(1.2rem + 1.3vw);;
}

#transforma {
	margin-top: 10vh;
	padding-top: 10vh;
	background-image: url('../images/fondo_transformas.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	text-align: left;
}
.textLeft {
	text-align: left;
	padding-left: 5vw;
}
.transp {
	background-color: transparent;
	border: none;
}
.flexCenter {
	align-items: center;
}
.card-body h3 {
	font-weight: 700;
}
.textLeft h1 {
	font-weight: 700;
	font-size: calc(1.1rem + 1.1vw);
	padding-bottom: 2vh;
}
.txtLogTransf {
	font-size: calc(.8rem + .8vw);
}
.conTransforma {
	padding-left: 5vh;
	padding-right: 5vh;
}
.bottom10 {
	padding-bottom: 10vh;
}
#transforma div svg {
	height: 12vh;
	color: white;
} 
.white100 {
	width: 100%;
	height: 7vh;
	background-color: white;
	margin-top: -.6px;
}


#inicio video {
/*  position: absolute;*/
  /*top: 50%;
  left*/: 50%;
  max-width: 100%;
  min-height: 100%;
/*  width: auto;*/
  height: auto;
  z-index: 0;
  /*-ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);*/
  	min-width: -moz-available;          
	min-width: -webkit-fill-available;  
	min-width: fill-available;
}