#app{font-family:endvr_kf_1,arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.logo{z-index:3;position:absolute;top:35px;right:35px;width:110px}#app,body,html,section.top-section{height:100%;width:100%}section.top-section{position:relative;background:url(../img/smart_home.3c182906.jpg) no-repeat 50% fixed;background-size:cover}section.top-section .washmachine{position:absolute;top:80%;left:24%}section.top-section .charger{position:absolute;top:84%;left:77%}section.top-section .oven{position:absolute;top:41%;left:38%}.control>div{margin-left:-50%;margin-top:-50%}.control .info{width:200px;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);padding:12px;font-family:ABBvoice,Verdana,Arial,Sans-serif}.control .info h3:before{content:"\2014";font-size:inherit;color:#000;display:block}.control .info h3{font-size:20px;font-weight:700}.control .info .power{font-weight:300;font-size:30px;padding:5px 0}.button{border-color:transparent;height:30px;border-radius:15px;font-weight:700;padding-top:0;padding-bottom:0}.button.is-white{-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);background-color:#fff;color:#000}.button.is-stop{font-family:oneabb-font-abbvoice,Verdana,Arial,Sans-serif;color:#fff;background:#ff000f;font-size:14px;font-weight:400;letter-spacing:1px;text-transform:uppercase;padding:0 20px}.charts{-webkit-box-shadow:0 0 10px rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.3);background:#fff;position:absolute;top:15%;right:0;padding:30px 30px 20px 30px}.chargerload:before,.gridconnection:before,.houseload:before{content:"\2014";font-size:inherit;display:block;font-size:30px;line-height:30px}.chargerload:before{color:#ff000f}.houseload:before{color:rgba(86,95,104,.5)}.gridconnection:before{color:#000}.column{padding-top:0;padding-bottom:0}