.cost-calculator{max-width:1170px;padding:10px;margin:10px;box-shadow:0 1px 2px rgba(0,0,0,.15)}@media (min-width:992px){.cost-calculator{padding:25px}}@media (min-width:1200px){.cost-calculator{margin:0 auto}}@media (min-width:768px){.cost-calculator{display:flex}}.cost-calculator__form{margin:25px 0 25px;padding:0 25px}@media (min-width:768px){.cost-calculator__form{border-right:1px solid #c1c1c1}}.cost-calculator__form h2{font-size:25px;font-weight:700;color:#7da8b2;text-align:center}@media (min-width:576px){.cost-calculator__form h2{text-align:left}}@media (min-width:768px){.cost-calculator__form h2{font-size:32px}}.cost-calculator__results{padding:0 15px 15px}@media (min-width:992px){.cost-calculator__results{display:inline-flex;padding:15px}}@media (min-width:992px){.cost-calculator__wrapper{width:calc(100%/3)}}.cost-calculator__box{border:1px solid #f49b01;margin:10px}.cost-calculator__title *{background:#f49b01;padding:15px;font-size:14px;font-weight:700;text-transform:uppercase;text-align:center;color:#fff;margin:0}@media (min-width:576px){.cost-calculator__title *{font-size:16px}}.cost-calculator__content{padding:10px;text-align:center;font-weight:700}.cost-calculator__content--flex{display:flex;justify-content:space-around}.cost-calculator__subheadline{font-style:italic;font-size:14px;font-weight:400;display:block}@media (min-width:576px){.cost-calculator__subheadline{font-size:16px}}.cost-calculator__cost{font-size:16px;font-weight:700}@media (min-width:576px){.cost-calculator__cost{font-size:20px}}.cost-calculator__boldtext{font-size:14px;font-weight:700;display:block}@media (min-width:576px){.cost-calculator__boldtext{font-size:16px}}.cost-calculator__hide{display:none}.pie-chart{width:50%}.pie-chart__base{fill:none;stroke:#eee;stroke-width:3.8}.pie-chart__circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards;stroke:#bd0c04}@keyframes progress{0%{stroke-dasharray:0 100}}.pie-chart__percentage{fill:#bd0c04;font-family:inherit;font-size:.5em;text-anchor:middle}.pie-chart--success .pie-chart__percentage{fill:#1ec70f}.pie-chart--success .pie-chart__circle{stroke:#1ec70f}.bar-chart{height:30rem;margin-bottom:1rem;width:5rem;background:#eee;position:relative}.bar-chart__box{background:#1ec70f;bottom:0;position:absolute;width:100%;-webkit-animation:animateThis 1s ease-in;-webkit-animation-fill-mode:forwards}.bar-chart__box:hover~.bar-chart__info{display:block}.bar-chart__info{display:none;background:#fff;z-index:3;top:5px;color:#283845;border:1px solid #283845;left:5px;position:absolute;box-shadow:8px 7px 6px rgba(0,0,0,.15);padding:10px;pointer-events:none}.bar-chart__value{position:relative;width:30rem;height:5rem;top:200px;color:#333;left:-200px;z-index:2;display:flex;align-items:center;justify-content:center;font-size:14px;margin:0;transform:rotate(-90deg);pointer-events:none}@-webkit-keyframes animateThis{0%{height:0}100%{height:100%}}