main{
     max-width: 1100px;
     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: 600;
     font-size: 27px;
}
#calculadora .cab p{
     color: white;
     margin: 0;
     margin-top: 10px;
     font-size: 19px;
}
#calculadora .cab b{
     font-weight: 600;
}
#calculadora .col{
     max-width: 500px;
     margin: 0 auto;
     margin: 10px auto;
     position: relative;
}
.icon img,
.check img{
     width: -webkit-fill-available;
}
.condicion{
     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{
     color: #027c63;
     margin: 0px;
}
.condicion p{
     margin-top: 0px;
     font-size: 13px;
     color: #6a6a6a;
}
.condicion .icon{
     min-width: 50px;
     display: flex;
     background-color: #f9fafb;
     padding: 0px 20px;
     transition: all 0.3s;
}
.condicion .check{
     min-width: 55px;
     margin-left: auto;
     display: flex;
     padding: 0px 20px;
}
.disable{
     display: none;
}
.info-condicion{
     padding-top: 15px;
     padding-bottom: 30px;
     padding-left: 20px;
     padding-right: 20px;
}
.bonificacion{
     background-color: #027c63;
     color: white;
     text-align: center;
     position: absolute;
     width: 100%;
     padding: 15px 0px;
     top: 100%;
}
.bonificacion p{
     letter-spacing: 1px;
     margin: 0px;
}
.bonificacion span{
     margin: 0px;
     font-weight: 600;
     font-size: 55px;
}
.row{
     display: flex;
     flex-wrap: wrap;
}
.condicion{
     cursor: pointer;
}
.resumen{
     display: flex;
     justify-content: center;
     text-align: center;
     align-items: center;
     margin-top: 150px;
     flex-wrap: wrap;
}
.resumen .importe-comision-pagar{
     background-color: #70c424;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 31%;
     height: 114px;
}
.resumen .importe-comision-pagar p{
     color: #114f39;
     font-size: 13px;
     font-weight: 300;
     margin: 0px;
     font-weight: 700;
     text-transform: uppercase;
}
.resumen .importe-comision-pagar b{
     margin-right: 10px;
     font-size: 50px;
}
.resumen .importe-comision-pagar span{
     color: #ffff;
     font-size: 20px;
     font-weight: 300;
     display: flex;
     align-items: center;
     font-weight: 700;
}


.resumen .suma-bonificacion-total{
     background-color: #114f39;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 31%;
     height: 145px;
}
.resumen .suma-bonificacion-total p{
     color: white;
     font-size: 15px;
     font-weight: 300;
     margin: 0px;
     font-weight: 700;
     text-transform: uppercase;
}
.resumen .suma-bonificacion-total span{
     color: #ffffff;
     font-size: 40px;
     font-weight: 300;
     display: flex;
     align-items: center;
     font-weight: 700;
}
.resumen .suma-bonificacion-total b{
     margin-right: 10px;
     font-size: 50px;
}

.resumen .importe-comision-bonificada{
     background-color: #70c424;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 31%;
     height: 114px;
}
.resumen .importe-comision-bonificada p{
     color: #114f39;
     font-size: 13px;
     font-weight: 300;
     margin: 0px;
     font-weight: 700;
     text-transform: uppercase;
}
.resumen .importe-comision-bonificada span{
     color: #ffffff;
     font-size: 20px;
     font-weight: 300;
     display: flex;
     align-items: center;
     font-weight: 700;
}
.resumen .importe-comision-bonificada b{
     margin-right: 10px;
     font-size: 50px;
}
.resumen > div{
     margin: 2px;
}

@media(max-width: 1015px){
     #calculadora #col-A{
          margin-bottom: 200px;
     }
     .resumen > div{
          width: 100% !important;
     }

}

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