@font-face{font-family:'Vodafone Regular';src:url(/assets/fonts/vodafone-regular/VodafoneRg_W.woff)}@font-face{font-family:VodafoneRg;src:url(/assets/fonts/vodafone-regular/VodafoneRg_W.woff)}@font-face{font-family:VodafoneRg-Regular;src:url(/assets/fonts/vodafone-regular/VodafoneRg_W.woff)}@font-face{font-family:'Vodafone Bold';src:url(/assets/fonts/vodafone-regular/VodafoneRgBd_W.woff)}@font-face{font-family:VodafoneRg-Bold;src:url(/assets/fonts/vodafone-regular/VodafoneRgBd_W.woff)}@font-face{font-family:'Vodafone Lite';src:url(/assets/fonts/vodafone-regular/VodafoneLt_W.woff)}body,html{font-family:'Vodafone Regular';background-image:url(/assets/backgrounds/bg-red.svg);background-size:cover}div.wrapper{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}div.wrapper .page{position:absolute;top:0;bottom:0;width:100vw;z-index:0;opacity:0;background:0 0}div.wrapper .page .skewable{position:absolute;left:0;right:-24px;top:-24px;bottom:0;background-size:cover;z-index:1;box-shadow:0 1px 30px rgba(0,0,0,.2);border-top-right-radius:24px}div.wrapper .page .title{position:absolute;top:24px;left:50%;z-index:20;width:300px;margin-left:-150px;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}div.wrapper .page footer{position:absolute;bottom:0;left:0;right:0;z-index:2;overflow:hidden;background-image:url(/assets/backgrounds/rounded-white-mobile.svg);background-size:100% auto;background-repeat:no-repeat;padding-top:32px}div.wrapper .page footer img{width:72px;float:left;margin-right:12px}div.wrapper .page footer .inner{max-width:320px;margin:0 auto;-webkit-transform:translateY(30vh);transform:translateY(30vh);text-align:center;position:relative;height:80px}div.wrapper .page footer .inner.inner-first{height:100px}div.wrapper .page footer .inner svg{position:absolute;width:80%;left:10%;bottom:12px}div.wrapper .page footer.with-logo h1{color:#000;font-size:22px;line-height:22px;margin-top:4px}div.wrapper .page footer.with-logo p{font-size:18px;line-height:24px;margin-top:4px}div.wrapper .page .content{position:relative;z-index:10;width:80%;margin:128px auto 0;overflow:visible;height:400px}div.wrapper .page .content img,div.wrapper .page .content svg{pointer-events:none}div.wrapper .page .content.stripes .background{content:' ';position:absolute;left:0;right:0;top:0;bottom:0;background-blend-mode:hard-light;background-image:url(/assets/backgrounds/background-stripes.svg);background-size:80% auto;background-position:center top;background-repeat:no-repeat;opacity:.16}div.wrapper .page .content.ellipse .background{content:' ';position:absolute;left:0;right:0;top:0;bottom:0;background-image:url(/assets/backgrounds/background-ellipse.svg);background-size:80% auto;background-position:center top;background-repeat:no-repeat;opacity:.23;background-blend-mode:lighten}div.wrapper .page.page--visible{opacity:1;z-index:90}div.wrapper .page.page--active{opacity:1;z-index:100}div.wrapper .page.page--finish{overflow-y:auto}div.wrapper .page .push-content{position:relative;z-index:200;width:100%;max-width:400px;margin:0 auto;text-align:center}div.wrapper .page .push-content svg{max-width:100%;width:100%}div.wrapper .page--intro{z-index:30}div.wrapper .page--intro .skewable{background-image:url(/assets/backgrounds/bg-red.svg)}div.wrapper .page--1{z-index:30}div.wrapper .page--1 .skewable{background-image:url(/assets/backgrounds/bg-green.svg)}div.wrapper .page--2{z-index:30}div.wrapper .page--2 .skewable{background-image:url(/assets/backgrounds/bg-purple.svg)}div.wrapper .page--3{z-index:30}div.wrapper .page--3 .skewable{background-image:url(/assets/backgrounds/bg-blue.svg)}div.wrapper .page--4{z-index:30}div.wrapper .page--4 .skewable{background-image:url(/assets/backgrounds/bg-red.svg)}div.wrapper .page--finish{z-index:30}div.wrapper .page--finish .skewable{background-image:url(/assets/backgrounds/bg-red.svg)}div.wrapper.wrapper--flow-push .page .panels{width:100%;max-width:400px;margin:0 auto}div.wrapper.wrapper--flow-push .back-button{width:280px;position:absolute;top:38px;left:50%;margin-left:-140px}div.wrapper.wrapper--flow-push .panel-wrap{-webkit-transform:translateY(100vh);transform:translateY(100vh);position:relative;z-index:300;transition:all ease-in .33s}div.wrapper.wrapper--flow-push .panel-wrap.visible{-webkit-transform:translateY(0);transform:translateY(0)}.progress{position:absolute;bottom:152px;width:300px;left:50%;margin-left:-150px;background:rgba(255,255,255,.4);height:3px;z-index:200;border-radius:2px}.progress .progress-inner{background:#fff;height:100%;border-radius:2px;transition:width ease-in-out .33s}.clear{clear:both}@media (max-width:600px){div.wrapper .page .push-content header.main svg{height:28vh;width:auto}div.wrapper div.page footer .inner{max-width:280px}div.wrapper div.page footer .inner h1{font-size:20px}div.wrapper div.page footer .inner p{font-size:16px}div.wrapper div.page footer .inner img{width:68px;margin-top:3px}}@media (min-width:600px){div.wrapper .progress{bottom:180px;width:400px;margin-left:-200px;height:4px}div.wrapper div.page div.content{width:460px;top:48px;box-sizing:content-box}div.wrapper div.page .title{margin-top:24px;width:400px;margin-left:-200px}div.wrapper div.page footer{background-image:url(/assets/backgrounds/rounded-white-desktop.svg);padding-bottom:24px}div.wrapper div.page footer .inner{max-width:400px;margin:24px auto 0;height:100px}}@media (min-height:1000px){div.wrapper .progress{bottom:260px;width:500px;margin-left:-250px;height:4px}div.wrapper div.page div.content{width:500px;top:96px;box-sizing:content-box}div.wrapper div.page .title{margin-top:24px;width:500px;margin-left:-250px}div.wrapper div.page footer{background-image:url(/assets/backgrounds/rounded-white-desktop.svg);padding-top:80px;padding-bottom:24px}div.wrapper div.page footer .inner{max-width:500px;margin:24px auto 0}}@media (min-height:1200px){div.wrapper .progress{bottom:300px;width:700px;margin-left:-350px}div.wrapper div.page div.content{width:700px;top:128px;box-sizing:content-box}div.wrapper div.page .title{margin-top:24px;width:700px;margin-left:-350px}div.wrapper div.page footer{background-image:url(/assets/backgrounds/rounded-white-desktop.svg);padding-top:80px;padding-bottom:24px}div.wrapper div.page footer .inner{max-width:700px;margin:24px auto 0}}@media (min-height:1400px){div.wrapper div.page div.content{top:200px}div.wrapper div.page .title{margin-top:48px}}.modal{align-items:center;bottom:0;display:none;-ms-flex-align:center;justify-content:center;left:0;opacity:0;overflow:hidden;padding:0;position:fixed;right:0;top:0}.modal.active,.modal:target{display:flex;display:-ms-flexbox;opacity:1;z-index:400}.modal.active .modal-overlay,.modal:target .modal-overlay{background:0 0;bottom:0;cursor:default;display:block;left:0;position:absolute;right:0;top:0;opacity:1}.modal.active .modal-container,.modal:target .modal-container{z-index:1}.modal-container{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);position:absolute;top:0;bottom:0;height:100%;width:100%;max-height:100vh;max-width:600px;padding-top:24px;-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}.modal-container svg.back{width:32px;margin-bottom:12px}.modal-container .modal-title{font-family:'Vodafone Bold';font-size:32px}.modal-container.modal-fullheight{max-height:100vh}.modal-container .modal-header{color:#303742;width:90%;padding-left:5%}.modal-container .modal-header p{margin-top:8px}.modal-container .modal-body{overflow-y:auto;position:relative;width:90%;padding-left:5%;text-align:right}.modal-container .modal-body textarea{width:100%;max-width:100%;height:140px;padding:12px;box-sizing:border-box;font-family:'Vodafone Regular';font-size:16px;border:1px solid #bcbcbc;resize:none;text-align:left}.modal-container .modal-body .button{width:100%;max-width:400px;margin-top:24px;float:right;clear:both}.modal-container .modal-footer{text-align:right}.modal-overlay{transition:all ease-in-out .3s}@media (min-width:600px){.modal.active .modal-overlay,.modal:target .modal-overlay{background:rgba(0,0,0,.4)}}