.pricing{width:400px;max-width:100%;margin:2rem auto;text-align:center}.pricing>p{font-family:Roboto,sans-serif;font-size:1.175rem;font-weight:300;color:#223454;text-align:center;margin:0 0 .5rem;line-height:1.45rem}.pricing .plans{position:relative;max-width:300px;margin:0 auto}.pricing nav>div{flex:1;display:flex}.pricing .plans .active .discount{color:#fff;background:#155bfb;text-decoration:unset}.pricing .plans .discount{position:absolute;left:-50px;top:7px;font-family:inherit;font-size:.675rem;padding:0 .5rem;border-radius:12px;color:#808285;background:#cacaca;text-decoration:line-through;line-height:1.45rem}.pricing nav{display:-ms-flexbox;display:flex;background-color:#cacaca;height:2.8rem;border-radius:1.4rem}.pricing button{-ms-flex:1;flex:1;background-color:#cacaca;height:2.8rem;border-radius:1.4rem;border:0;outline:0;font-family:inherit;font-size:1rem;color:#fff;padding:0 1.5rem;cursor:pointer}.pricing .content{position:relative;min-width:205px;min-height:180px;margin:2rem auto 0}.pricing .total{background:#fff;border-radius:20px;padding:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center;width:205px;height:180px;position:absolute;top:0;left:calc(50% - 102.5px) !important;transition:all .3s ease-in-out;will-change:transform;box-shadow:0 2px 10px 0 rgba(95,95,95,.2);cursor:pointer}.pricing .total:last-child{-ms-transform:translateX(calc(100% + .5rem)) scale(.7);transform:translateX(calc(100% + .5rem)) scale(.7)}.pricing .total.active{box-shadow:0 10px 25px 0 rgba(0,82,214,.2);-ms-transform:translateX(0) scale(1) !important;transform:translateX(0) scale(1) !important;transition:all .3s ease-in-out}.pricing .total:first-child{-ms-transform:translateX(calc(-100% - .5rem)) scale(.8);transform:translateX(calc(-100% - .5rem)) scale(.8)}.pricing .total p{font-family:Open Sans,sans-serif;color:#223454;font-weight:500;text-align:center;line-height:1.45rem;margin:0}.pricing .total p span.amount{font-size:2.5rem}.pricing .total p span{font-size:2rem;display:inline-block}.pricing .total.active p{color:#155bfb !important}.pricing .total.active p:last-child{font-size:.875rem}.pricing .total p:last-child{font-size:1rem;font-weight:300;font-family:Roboto,sans-serif;color:#808285}.pricing .active button{background-color:#155bfb}@media(max-width:768px){.pricing{margin:1rem auto 2rem}}@media(max-width:480px){.pricing button{font-size:.875rem}.pricing .plans{max-width:240px}.pricing .plans .discount{left:-40px}.pricing .total:first-child{-ms-transform:translateX(-84%) scale(.6);transform:translateX(-84%) scale(.6)}.pricing .total:last-child{-ms-transform:translateX(84%) scale(.6);transform:translateX(84%) scale(.6)}.pricing .total{width:135px;height:123px;left:calc(50% - 67.5px) !important}.pricing .content{min-width:135px;min-height:123px}.pricing .total{padding:1.5rem 11px}.pricing .plans .discount{left:-40px}.pricing .total p span.amount{font-size:2rem}.pricing .total p span{font-size:1.5rem}}