main{
   max-width: 1340px;
   margin: 0 auto;
   font-family: 'Open Sans';
}
#calculadora .cab{
   text-align: center;
   background-color: #70c424;
   padding: 25px 15px;
}
#calculadora .cab h2{
   color: #114f39;
   margin: 0;
   font-weight: 400;
   font-size: 20px;
}
#calculadora .cab p{
   color: white;
   margin: 0;
   margin-top: 10px;
   font-size: 19px;
}
#calculadora .cab b{
   font-weight: 600;
}
#calculadora .col{
   max-width: 620px;
   margin: 0 auto;
   margin: 10px auto;
}

.tiempo{
 display: flex;
 flex-direction: row;
 max-width: 620px;
 justify-content: flex-start;
 margin: auto;
 align-items: stretch;
 transition: all 0.3s;
 background-color: #027c63;
 padding: 15px 15px;
 justify-content: center;
}

.tiempo p{
 margin: 0px;
 font-size: 19px;
 color: #fff;
}

.condicion, .condicionfija{
   display: flex;
   flex-direction: row;
   max-width: 620px;
   justify-content: flex-start;
   margin: auto;
   align-items: stretch;
   border: 2px solid #e6e6e6;
   transition: all 0.3s;
}
.active .icon{
   background-color: #0f795e !important;
   transition: all 0.3s;
}
.condicion h3, .condicionfija h3{
   color: #027c63;
   margin: 0px;
}
.condicion p, .condicionfija p{
   margin-top: 0px;
   font-size: 13px;
   color: #6a6a6a;
}
.condicion .icon, .condicionfija .icon{
   min-width: 50px;
   display: flex;
   background-color: #f9fafb;
   padding: 0px 20px;
   transition: all 0.3s;
}
.condicion .check, .condicionfija .check{
   min-width: 55px;
   margin-left: auto;
   display: flex;
   padding: 0px 20px;
}
.info-condicion{
   padding-top: 15px;
   padding-bottom: 30px;
   padding-left: 20px;
   padding-right: 20px;
}
.bonificacion{
   background-color: #027c63;
   color: white;
   text-align: center;
}
.bonificacion{
   padding: 15px 0px;
}
.bonificacion p{
   letter-spacing: 1px;
   margin: 0px;
}
.bonificacion span{
   margin: 0px;
   font-weight: 600;
   font-size: 55px;
}
.row{
   display: flex;
   flex-wrap: wrap;
}
.column{
 margin: 10px auto;
}
.condicion, .condicionfija{
   cursor: pointer;
}
.resumen{
   text-align: center;
   margin-top: 20px;
}
.resumen .suma-bonificacion-totalA, .resumen .suma-bonificacion-totalB{
   background-color: #70c424;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 114px;
}
.resumen .suma-bonificacion-totalA p, .resumen .suma-bonificacion-totalB p{
   color: white;
   font-size: 15px;
   font-weight: 300;
   margin: 0px;
}
.resumen .suma-bonificacion-totalA span, .resumen .suma-bonificacion-totalB span{
   color: #114f39;
   font-size: 40px;
   font-weight: 400;
}


.resumen .importe-comision-pagarA, .resumen .importe-comision-pagarB, .resumen .importe-comision-pagarC {
   background-color: #114f39;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 145px;
}
.resumen .importe-comision-pagarA p, .resumen .importe-comision-pagarB p, .resumen .importe-comision-pagarC p {
   color: white;
   font-size: 15px;
   font-weight: 300;
   margin: 0px;
}
.resumen .importe-comision-pagarA span, .resumen .importe-comision-pagarB span, .resumen .importe-comision-pagarC span {
   color: #ffffff;
   font-size: 20px;
   font-weight: 300;
   display: flex;
   align-items: center;
}
.resumen .importe-comision-pagarA b, .resumen .importe-comision-pagarB b, .resumen .importe-comision-pagarC b,
.resumen .importe-comision-pagarA strong, .resumen .importe-comision-pagarB strong, .resumen .importe-comision-pagarC strong {
   margin-right: 10px;
   font-size: 50px;
}
.resumen > div{
   margin: 2px;
}

.bonificacionfinal{
 width: 620px;
}

.tiempofinal{
 max-width: 620px;
 margin: auto;
 transition: all 0.3s;
 background-color: #027c63;
 padding: 15px 15px;
}

.tiempofinal p{
 margin: 0px;
 font-size: 19px;
 color: #fff;
}

.width-50 {
   width: 50%;
}

.width-100 {
   width: 100%;
}

.pd-15 {
   padding: 0 15px;
}

.bg-comisiones {
   background-color: #114f39;
   color: #fff;
   padding: 0 15px;
   font-size: 12px;
   text-align: justify;
}

.bg-comisiones a {
   color: #fff;
}

.bg-comisiones p {
   margin-top: 0;
}

.condicion .check, .condicionfija .check,
.condicion .icon, .condicionfija .icon {
   flex-direction: column;
   justify-content: center;
}