body,h2{margin:0}#map,#overlay{right:0;top:0;bottom:0}#map,#overlay,.step{position:absolute;width:100%}#map,#overlay,.step,.step-svg{width:100%}.step-svg,body,html{height:100%}.inner-step,.mapboxgl-ctrl-scale,body{font-family:'Proxima Nova Rg',"Open Sans",Arial,sans-serif}@font-face{font-family:'Proxima Nova Rg';src:url(../fonts/ProximaNova-Regular.eot);src:url(../fonts/ProximaNova-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/ProximaNova-Regular.woff2) format('woff2'),url(../fonts/ProximaNova-Regular.woff) format('woff'),url(../fonts/ProximaNova-Regular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Proxima Nova Lt';src:url(../fonts/ProximaNova-Semibold.eot);src:url(../fonts/ProximaNova-Semibold.eot?#iefix) format('embedded-opentype'),url(../fonts/ProximaNova-Semibold.woff2) format('woff2'),url(../fonts/ProximaNova-Semibold.woff) format('woff'),url(../fonts/ProximaNova-Semibold.ttf) format('truetype');font-weight:600;font-style:normal}@font-face{font-family:'Proxima Nova Th';src:url(../fonts/ProximaNovaT-Thin.eot);src:url(../fonts/ProximaNovaT-Thin.eot?#iefix) format('embedded-opentype'),url(../fonts/ProximaNovaT-Thin.woff2) format('woff2'),url(../fonts/ProximaNovaT-Thin.woff) format('woff'),url(../fonts/ProximaNovaT-Thin.ttf) format('truetype');font-weight:100;font-style:normal}@font-face{font-family:'Proxima Nova Lt';src:url(../fonts/ProximaNova-Light.eot);src:url(../fonts/ProximaNova-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/ProximaNova-Light.woff2) format('woff2'),url(../fonts/ProximaNova-Light.woff) format('woff'),url(../fonts/ProximaNova-Light.ttf) format('truetype');font-weight:300;font-style:normal}@font-face{font-family:'Proxima Nova Rg';src:url(../fonts/ProximaNova-Bold.eot);src:url(../fonts/ProximaNova-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/ProximaNova-Bold.woff2) format('woff2'),url(../fonts/ProximaNova-Bold.woff) format('woff'),url(../fonts/ProximaNova-Bold.ttf) format('truetype');font-weight:700;font-style:normal}*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;color:#fff;background-color:#181818;font-weight:400;font-style:normal}#overlay{z-index:3}.step{opacity:0;bottom:40px}.step-svg{position:relative;bottom:0}.inner-step{border:1px solid #ccc;background-color:rgba(0,0,0,.6);padding:10px}.step-svg .inner-step{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:340px;width:80%;max-width:500px;padding:10px}.step.active{opacity:1}.arrows{position:absolute;z-index:4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;width:100%;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.arrow{font-size:25px;color:#fff;font-weight:700;padding:13px;cursor:pointer;opacity:0}.arrow.left{-ms-flex-item-align:start;align-self:flex-start}.arrow.right{-ms-flex-item-align:end;align-self:flex-end}.arrow.active{opacity:1}.mapboxgl-ctrl-scale{color:#fff;border-color:#fff;background-color:rgba(255,255,255,0);text-align:center}