html, body{
  height: auto;
  width: 100%;
  position: relative;
}

.btn-back-color{
  color: #043263;
  background: #F4F4F4;
  text-decoration: none;
}
.center-div{
  min-height: 100%;
  /*display: flex;
  align-items: center;*/
}
.center-all{
  display: flex;
  align-items: center;
}
.content-table-div ul{
  margin: 0;
  padding: 0;
}

.content-table-div ul li{
  min-height: 70px;
  vertical-align: middle;
  height: 100%;
  position: relative;

}
.btn-tx{
  background-color: #fff;
  border-radius: 15px;
  height: 40px;
}
.btn-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-fondo{
  background-image: url("../img/aplica/fondo1.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.home-fondo2{
  background-image: url("../img/aplica/fondo2.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.home-fondo3{
  background-image: url("../img/aplica/fondo3.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.home-fondo4{
  background-image: url("../img/aplica/fondo4.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.home-fondo5{
  background-image: url("../img/aplica/fondo5.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.home-fondo6{
  background-image: url("../img/aplica/fondo6.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.home-fondo7{
  background-image: url("../img/aplica/fondo1.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.home-fondo8{
  background-image: url("../img/aplica/fondo3.png");
  background-size:cover;
  background-repeat: no-repeat;
}
.home-fondo-carga{
  background-color: #072146;
  height: 100%;
  width: 100%;
}
.content-table-div ul li img{
  vertical-align: middle;
}
.container-info{
  margin-top: 5rem;
  font-size: 16px;
  color: #004481;
}
.container-info-2{
  margin-top: 8rem;
  font-size: 16px;

}
.container-input{
  position: relative;
  background-color: #6BB7E8;
  color: #ffffff;
  font-size: 24px;
  width: 160px;
  height: 50px;
  padding: 2px 5px;
}
.container-center{
  display: flex;
  align-items: center;

}
.container-aqua{
  width: 90%;
  background-color: #E1FAFA;
  padding: 50px 15px 50px 0;
  border-radius: 20px;
  margin: auto;
}
.input-monto{
  font-size: 18px;
  position: absolute;
  background-color: transparent;
  width: 80%;
  height: 30px;
  top: 0;
  left: 0;
  margin-top: 5px;
  margin-left: 30px;
  border: 0 solid transparent;
  color: #ffffff;
}
.inpun-p{
  text-align: left;
  background-color: transparent;
  font-size: 28px;
  color: #fff;
  font-family: BentonSansBBVA-Medium !important;
  width: 160px;
}
.inpun-p-2{
  text-align: left;
  background-color: transparent;
  font-size: 28px;
  color: #fff;
  font-family: BentonSansBBVA-Medium !important;
  width: 160px;
}
.inpun-p-3 {
  text-align: center;
  background-color: transparent;
  font-size: 28px;
  color: #fff;
  font-family: BentonSansBBVA-Medium !important;
  width: 70px;
}
.span-p{
  font-size: 28px;
  color: #fff;
  font-family: BentonSansBBVA-Medium !important;
}

.container-antes{
  padding: 0px 40px;
}
.container-100{
  width: 100%;
}
.container-80{
  width: 80%;
}
.container-70{
  width: 70%;
}
.container-50{
  width: 50%;
}
.container-40{
  width: 40%;
}
.container-30{
  width: 30%;
}
.container-20{
  width: 20%;
}
.container-radio{
  position: absolute;
    width: 80%;
    /* text-align: center; */
    top: 0;
    left: 0;
    margin-top: 60px;
    display: flex;
}
.div-text{
  margin-left: 20%;

}

input[type=radio], input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
  /* background-color: aqua; */
  /*appearance: none;*/
}
.div-gastos{

}
.espacio-5{
  margin-top: 5rem;
}
.liga-a{
  margin-top: 20px;
}
.cronometro{
  font-size: 10rem;
  color: #707070;
  padding-top: 0%;
  padding-bottom: 35%;
}
.radioStyle{
  margin-left: 14.5%;
  background: #fff;
  color: #2DCCCD;
  border: 1px solid #2DCCCD;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: -22px 0px !important;
  margin-right: 5px;
  margin-top: 4px;
  padding-top: 0px !important;
}
.radioStyle-2{
  margin-left: 12%;
  background: #fff;
  color: #2DCCCD;
  border: 1px solid #2DCCCD;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: -22px 0px !important;
  margin-right: 5px;
  margin-top: 4px;
  padding-top: 0px !important;
}
.h-auto{
  height: auto;
}
.mt-10{
  margin-top: 10rem;
}
.mt-5p{
  margin-top: 2rem;
}
.ml-12{
  margin-left: 2.5%;
}
.fz-28{
  font-size: 28px;
}
.fz-24{
  font-size: 24px;
}
.fz-22{
  font-size: 22px;
}
.fz-20{
  font-size: 20px;
}
.fz-18{
  font-size: 18px;
}
.fz-12{
  font-size: 12px;
}
.iw-70{
  width: 70%;
}
.iw-50{
  width: 50%;
}
.iw-40{
  width: 45%;
}
.iw-5{
  width: 250px;
}
.iw-6{
  width: 300px;
}
.input-form{
  border: 2px solid  #1973B8;
  height: 40px;
  text-align: center;
  margin-left: 20px;
  background-color: transparent;
}
.form-aqua{
  width: 90%;
  background-color: #E1FAFA;
  padding: 20px 35px;
  margin: auto;
}
.input-not-b{
  font-size: 18px;
  margin-left: 20px;
  border: 0;
  background-color: transparent;
  width: 400px;
}
.input-db{
  width: 180px;
  height: 45px;
  margin: 5px;
  border: 1px solid #1973B8;
}
.absolute-text{
  position: absolute;
}
.prd{
  position: relative;
  height: 85px;
}
.form-list{
  margin-top: 6rem;
  text-align: center;
  color: #043263;
}
.textArea-form{
  background-color: transparent;
  width: 100%;
  height: 100px;
  border: 2px solid #1973B8;
}
/* Color de los Textos */

.tx-color-a{
  color: #1973B8;
}
.tx-color-b{
  color: #2DCCCD;
}
.tx-color-c{
  color: #fff;
}

/*  Stylos de Imagenes */

.img-icon{
  width: 15%;
  margin-right: 3%;
}
.img-listo{
  float: left;
  width: 30px;
  margin-right: 10px;
}
.img-numero{
  width: 90px;
  margin-right: 0px;
}
.img-numero-2{
  width: 90px;
  margin-right: 0px;
}
.img-fl{
  float: left;
}
.img-carga{
  position: absolute;
  width: 30%;
  padding: 20px 0;
  top: 0;
  left: 0;
  margin-left: 35%;
}
.img-antes{
  width: 180px;
  padding: 30px 0;
}
.img-persona{
  width: 60%;
}
.img-mas{
  width: 20px;
}

/*  Stylos Button  */

.btn-blue-sky{
  background-color: #5BBEFF;
  color: #fff;
  width: 200px;
  height: 40px;
  font-size: 16px;
}
.btn-blue{
  background-color: #1973B8;
  color: #fff;
  width: 200px;
  height: 40px;
  font-size: 16px;
}
.dfc-p{
  display: flex;
  align-items: center;
}
.mobile{
  display: none;
}
.desktop{
  display: block;
}
.margen-form{
  margin-top: 3rem;
  padding: 1rem;
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {  
 
}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) { 

}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {  


}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {  
  .margen-form{
    margin-top: 0rem;
    padding: 0rem 1rem;
  }
  .mobile{
    display: block;
  }
  .desktop{
    display: none;
  }
  .home-fondo{
    background-image: url("../img/aplica/fondo1_mobile.png");
    background-size:cover;
    background-repeat: no-repeat;
  }
  .home-fondo2{
    background-image: url("../img/aplica/fondo2_mobile.png");
    background-size:cover;
    background-repeat: no-repeat;
  }
  .home-fondo3{
    background-image: url("../img/aplica/fondo5_mobile.png");
    background-size:cover;
    background-repeat: no-repeat;
  }
  .home-fondo4{
    background-image: url("../img/aplica/fondo2_mobile.png");
    background-size:cover;
    background-repeat: no-repeat;
  }
  .home-fondo5{
    background-image: url("../img/aplica/fondo3_mobile.png");
    background-size:cover;
    background-repeat: no-repeat;
  }
  .home-fondo6{
    background-image: url("../img/aplica/fondo2_mobile.png");
    background-size:cover;
    background-repeat: no-repeat;
  }
  .home-fondo7{
    background-image: url("../img/aplica/fondo4_mobile.png");
    background-size:cover;
    background-repeat: no-repeat;
  }
  .home-fondo8{
    background-image: url("../img/aplica/fondo5_mobile.png");
    background-size:cover;
    background-repeat: no-repeat;
  }
  .form-list{
    margin-top: 2rem;
  }
  
  /* Style Imagenes */
  .img-persona {
    width: 40%;
  }
  .img-icon {
    width: 25%;
    margin-right: 0%;
  }
  .img-numero {
    width: 110px;
    margin-right: 0px;
  }
  .img-numero {
    width: 100px;
    margin-right: 0px;
  }
  .img-carga {
    position: absolute;
    width: 20%;
    padding: 20px 0;
    top: 0;
    left: 0;
    margin-left: 40%;
  }
  .img-antes {
    width: 200px;
    padding: 20px 0;
  }
  /* style Textos */
  h1 {
    font-size: 26px;
  }
  .fz-28{
    font-size: 28px;
  }
  .fz-24{
    font-size: 28px;
  }
  .fzm-36{
    font-size: 28px;
  }
  h4{
    font-size: 24px;
  }
  .tx-mobile-20{
    font-size: 20px;
  }
  .text-sub-title{
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fzm-22{
    font-size: 22px;
  }
    /* style Textos */

   /* style Otros */
  .mtm-5{
    margin-top: 5rem !important;
  }
  .mtm-4{
    margin-top: 4rem !important;
  }
  .mtm-7{
    margin-top: 2rem !important;
  }
  .mtm-1{
    margin-top: 1.5rem !important;
  }
  .mtm-2{
    margin-top: 2rem !important;
  }
  .mtm-3{
    margin-top: 4rem;
  }
  .mbm-6{
    margin-bottom: 1rem;
  }
  .mbm-4{
    margin-bottom: 2rem;
  }
  .mbm-2{
    margin-bottom: 2rem;
  }
  .mbm-1{
    margin-bottom: 0.5rem;
  }
  .mtm-9{
    margin-top: 2rem !important;
  }
  .m-auto{
   /* margin: 0 !important;*/
  }
  .text-left-mobil{
    text-align: left !important;
  }
  .div-text {
    margin-left: 0%;
  }
  .input-form {
    margin-left: 0px;
}
  .input-db {
    width: 100%;
    height: 35px;
    margin: 5px 0;
    border: 1px solid #1973B8;
  }
  .espacio-5 {
    margin-top: 2rem;
  }
  .text-center-mobile{
    text-align: center !important;
  }
  .div-gastos {
    text-align: center;
  }
  .float-mobile{
    float: left;
  }
  .radioStyle {
    margin-left: 25%;

  }
  .radioStyle-2 {
    margin-left: 22%;

  }
  .btn-carousel{
    display: none;
  }
  .mostrar{
    display: block !important;
  }
  /* style de contenedores */
  .container-radio {
    width: 100%;
    margin-top: 90px;
    display: flex;
    flex-wrap: wrap;
  }
  .container-input {
    margin: auto;
  }
  .container-aqua {
    width: 117%;
    background-color: #E1FAFA;
    padding: 25px 30px 25px 30px;
    border-radius: 0px;
    margin: 0 0 0 -30px;
  }
  .container-info {
    margin-top: 2rem;
    font-size: 16px;
    color: #004481;
  }
  .container-50 {
    width: 100%;
  }
  .container-70 {
    width: 100%;
  }
  .container-20 {
    width: 100%;
  }
  .container-30 {
    width: 90%;
  }
  .iw-50 {
    width: 70%;
  }
  .iw-5 {
    width: 100%;
  }
  .iw-6 {
    width: 100%;
  }
  .iw-40 {
    width: 100%;
  }
  .iw-40-m {
    width: 90% !important;
    margin-left: 16px;
  }
  .form-aqua {
    width: 107%;
    background-color: #E1FAFA;
    padding: 20px 25px;
    margin: 0 0 0 -13px;
  }
  .color-btn-movil {
    color: #004481;
    background-color: #028484;
    width: 90%;
    border-radius: 15px;
    height: 120px;
    padding: 10px;
    text-align: left;
    line-height: 16px;
    text-align: center;
    margin: auto;
  }
  .color-btn-movil-2 {
    color: #004481;
    background-color: #2DCCCD;
    width: 90%;
    border-radius: 15px;
    height: 120px;
    padding: 10px;
    text-align: left;
    line-height: 16px;
    text-align: center;
    margin: auto;
  }

  .input-not-b {
    margin-left: 0px;
    width: 100%;
  }
  .carousel-inner {
    text-align: center;
    margin-top: 0rem;
  }
  .carousel-indicators {
    /*position: relative !important;*/
    bottom: -50px;

  }
  .carousel-indicators li {
    width: 50px;
    height: 6px;
    background-color: #235BA6;
  
  }
  .carousel-btn {
    text-align: center;
    margin-top: 1rem;
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .container-antes {
    padding: 0px 15px;
  }
  .texto-blanco{
    color: #fff;
  }
  .opacity-1{
    opacity: 1 !important;
    transition: opacity 0.6s ease;
  }
  .opacity-0{
    opacity: 0.5 !important;
    transition: opacity 0.6s ease;
  }
  .container-center {
    display: block;
  }
  .aifm{
    align-items: flex-start !important;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  }