.sahkonkulutus{background-color:#f7f7f7;padding:50px 0}.sahkonkulutus .page-center{max-width:780px;margin:0 auto;float:none;padding:0 20px}ul{counter-reset:number}li{counter-increment:number}li .inner:before{content:counter(number)" ";left:-22px;top:2.7em;transform:translateY(-50%);position:absolute;color:#fff;background:#377a6c;border-radius:100%;height:45px;width:45px;line-height:45px}p.check{font-size:30px;line-height:36px;text-align:center;color:#377a6c;margin-bottom:40px}.again-btn,.ready-btn{display:block;margin:40px auto}.again-btn,.btn,.ready-btn{-webkit-appearance:none;border:none;outline:none;padding:22px 45px;line-height:24px;font-size:20px;float:none;background-color:#377a6c;color:#fff;cursor:pointer}.btn{display:inline-block;margin:30px auto}.btn:hover{color:#fff}#sortable{list-style-type:none;margin:0;padding:0;width:100%;display:grid;grid-template-rows:repeat(5,min-content);grid-auto-flow:column}#sortable li{margin:3px 3px 3px 0;float:left;height:auto;font-size:20px;min-width:246px;text-align:center;padding:11px 22px;position:relative;cursor:move}#sortable li .inner{background-color:#fff;padding:15px;font-size:20px;position:relative}li.ui-state-incorrect .inner{border:1px solid #bf4f2a}li.ui-state-incorrect .inner:before{background:#bf4f2a}li.ui-state-correct:after{content:url(https://kampanjat.fortum.fi/hubfs/S%C3%A4hk%C3%B6nkulutustesti/check.svg);position:absolute;top:25px;right:35px}.fakta,.more,.more-text{display:none}li.final .fakta,li.final .more{display:block}.more{text-align:right;font-size:15px;cursor:pointer;width:100%;float:right;bottom:1em;position:relative}.more-text{font-size:16px;text-align:left;line-height:1.6em;margin-top:20px;transition:all .5s ease-in-out;height:0}.inner .main{display:flex;flex-wrap:wrap;align-items:center;padding:15px 35px}.inner .image{width:50px;text-align:center}.inner .main-text{width:calc(100% - 72px);margin-left:22px;text-align:left}.inner.show .more-text{display:block;height:auto}.fakta{font-size:16px}li.ui-state-incorrect .fakta{color:#bf4f2a}li.ui-state-correct .fakta{color:#377a6c}.inner .red{display:none}.inner .green,li.ui-state-incorrect .inner .red{display:inline-block}li.ui-state-incorrect .inner .green{display:none}@media (max-width:699px){#sortable{display:block}#sortable li{width:100%}}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/9033695/hub_generated/template_assets/81608316031/1660119491045/Fortum_April2018_Theme/Custom_Modules/Shknkulutustesti/tyyli.css */