#psl-banner{width:100%;height:160px;background:url(https://cdn.vodafone.co.uk/en/assets/images/extralarge/IMG_Hero_MyVF_app.jpg) no-repeat center;margin-top:-38px;background-size:cover}#bill-charges-title{height:64px;width:100%;color:#ffffff;font-family:vodafone;font-size:56px;font-weight:100;line-height:64px;text-align:center;position:relative;top:46px;letter-spacing:normal}.section--gutter{margin:0}.form__label{font-weight:700;max-width:502px}@media only screen and (max-width: 639px){.form__label{max-width:unset}}.form__label--checkable{margin-right:20px;font-weight:100}.inline__inputs{display:inline}.m-50{padding-bottom:50px}#form-details-container{height:0px;opacity:0;-webkit-transition:all 0.6s ease-in;transition:all 0.6s ease-in}@media only screen and (max-width: 970px){#psl-banner{background:url(https://cdn.vodafone.co.uk/en/assets/images/extralarge/IMG_Hero_MyVF_app.jpg) no-repeat center;background-size:cover;height:102px}#bill-charges-title{font-size:28px;top:30px}}@media only screen and (max-width: 639px){.breadcrumbs .breadcrumbs__list li:first-of-type{display:inline !important}.d-m5{margin-left:5px}}.cc-steps-container{background:#333;text-align:center;font-weight:bold;padding:16px 20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cc-steps-container .heading{color:#fff;font-weight:500;letter-spacing:0px}.cc-steps-container .heading.heading--4{font-size:24px}@media only screen and (max-width: 639px){.cc-steps-container .heading.heading--4{font-size:18px}}.cc-steps-container .cc-step{text-align:center;display:inline-block;padding:30px 20px;vertical-align:top;width:315px}.cc-step-copy{letter-spacing:0px;color:#fff;font-weight:100;font-size:26px;font-weight:500}@media only screen and (max-width: 639px){.cc-step-copy{font-size:22px}}.text--18{font-size:18px}.text--18.custom-text--1{margin-top:-16px}.form__row{margin:24px 0 6px}@media only screen and (max-width: 639px){.form__row{margin:24px 0 0 !important}}.mh-180{margin-top:0;min-height:180px}.mh-160{margin-top:0;min-height:154px}.mh-120{margin-top:0;min-height:120px}.mh-105{margin-top:0;min-height:105px}.m-t-20{margin-top:20px}@media (max-width: 922px){.cc-steps-container .cc-step{width:280px}}@media (max-width: 800px){.cc-steps-container .cc-step{padding:20px}}.cc-steps-container .cc-step .cc-step-image{margin-bottom:15px;color:#ffffff;font-size:37px;font-weight:100;font-family:"VodafoneLight";border:2px solid #fff;border-radius:100%;width:56px;margin:0 auto 20px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2px 3px 0 0}@media only screen and (max-width: 639px){.cc-steps-container .cc-step .cc-step-image{font-size:28px;width:48px}}.grid--gutter{margin:0}.already-visible{opacity:1}.come-in:not(.already-visible){-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-animation:come-in 0.6s ease-out forwards;animation:come-in 0.6s ease-out forwards;opacity:0.5;-webkit-transition:opacity 0.6s ease-out;transition:opacity 0.6s ease-out}@-webkit-keyframes come-in{to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes come-in{to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.m-t-b-40{margin:40px 0}.validation-wrapper .inline,.validation-wrapper .pattern-validation{position:relative;font-size:14px;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in;margin:2px 0 0 0}.validation-wrapper .inline--error,.validation-wrapper .pattern-validation--error{opacity:0;display:none}.validation-wrapper .inline--info,.validation-wrapper .pattern-validation--info{-webkit-animation:ease-in-effect .4s ease-in-out forwards;animation:ease-in-effect .4s ease-in-out forwards;display:block}.validation-wrapper .inline--info.always-display,.validation-wrapper .pattern-validation--info.always-display{display:block !important;opacity:1 !important;margin:2px 0 6px 0}.validation-wrapper .validation-icon{position:relative;z-index:2;height:0;-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in}.validation-wrapper .validation-icon--success,.validation-wrapper .validation-icon--error{left:464px;top:-37px;display:none;opacity:0}@media only screen and (max-width: 678px){.validation-wrapper .validation-icon--success,.validation-wrapper .validation-icon--error{left:calc(100% - 38px)}}.validation-wrapper.validation--error .form__label,.validation-wrapper.validation--error .inline--error,.validation-wrapper.validation--error .pattern-validation--error{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;color:#e60000}.validation-wrapper.validation--error input[type="text"],.validation-wrapper.validation--error textarea{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;border:2px solid #e60000 !important}.validation-wrapper.validation--error .inline,.validation-wrapper.validation--error .pattern-validation{-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in}.validation-wrapper.validation--error .inline--error,.validation-wrapper.validation--error .pattern-validation--error{-webkit-animation:ease-in-effect .4s ease-in-out forwards;animation:ease-in-effect .4s ease-in-out forwards;display:block}.validation-wrapper.validation--error .inline--info,.validation-wrapper.validation--error .pattern-validation--info{opacity:0;display:none}.validation-wrapper.validation--error .inline--info.always-display,.validation-wrapper.validation--error .pattern-validation--info.always-display{display:block !important;opacity:1 !important}.validation-wrapper.validation--error .validation-icon{-webkit-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.validation-wrapper.validation--error .validation-icon--error{display:block;-webkit-animation:ease-in-effect .4s ease-in-out forwards;animation:ease-in-effect .4s ease-in-out forwards}.validation-wrapper.validation--error .validation-icon--success{-webkit-animation:ease-out-effect .4s ease-in-out forwards;animation:ease-out-effect .4s ease-in-out forwards}.validation-wrapper.validation--success .form__label,.validation-wrapper.validation--success .inline--info{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;color:#333}.validation-wrapper.validation--success #charityNumber{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;border:2px solid #50a101 !important}.validation-wrapper.validation--success textarea{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;border:2px solid #ccc !important}.validation-wrapper.validation--success .inline,.validation-wrapper.validation--success .pattern-validation{-webkit-transition:all 0.4s ease-in;transition:all 0.4s ease-in}.validation-wrapper.validation--success .inline--error,.validation-wrapper.validation--success .pattern-validation--error{-webkit-animation:ease-out-effect .4s ease-in-out forwards;animation:ease-out-effect .4s ease-in-out forwards}.validation-wrapper.validation--success .inline--info,.validation-wrapper.validation--success .pattern-validation--info{display:block;-webkit-animation:ease-in-effect .4s ease-in-out forwards;animation:ease-in-effect .4s ease-in-out forwards}.validation-wrapper.validation--success .inline--info.always-display,.validation-wrapper.validation--success .pattern-validation--info.always-display{display:block !important;opacity:1 !important}.validation-wrapper.validation--success .validation-icon{-webkit-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.validation-wrapper.validation--success .validation-icon--error{-webkit-animation:ease-out-effect .4s ease-in-out forwards;animation:ease-out-effect .4s ease-in-out forwards}.validation-wrapper.validation--success .validation-icon--success{display:block;-webkit-animation:ease-in-effect .4s ease-in-out forwards;animation:ease-in-effect .4s ease-in-out forwards}@-webkit-keyframes ease-in-effect{100%{opacity:1}}@keyframes ease-in-effect{100%{opacity:1}}@-webkit-keyframes ease-out-effect{100%{opacity:0}}@keyframes ease-out-effect{100%{opacity:0}}.pattern-validation--error{display:none !important}.pattern-validation-error .inline--error{display:none !important}.pattern-validation-error .pattern-validation--error{display:block !important;-webkit-animation:ease-in-effect .4s ease-in-out forwards;animation:ease-in-effect .4s ease-in-out forwards}.modal-link-wrapper{font-size:18px;margin-top:30px}@media only screen and (max-width: 638px){.modal-link-wrapper{margin-top:20px}}.modal-link-wrapper span{margin-right:30px;text-decoration:underline;cursor:pointer}@media only screen and (max-width: 710px){.modal-link-wrapper span{display:block;margin-bottom:20px}}.modal-link-wrapper span svg{height:30px;width:30px;vertical-align:middle;top:-4px;position:relative;margin-right:4px}.modal-wrapper{width:100%;background-color:rgba(0,0,0,0.7);min-width:300px;-webkit-transition:all 0.2s ease-in;transition:all 0.2s ease-in;position:absolute;z-index:10}.modal-wrapper .label{font-weight:600;max-width:502px}@media only screen and (max-width: 639px){.modal-wrapper .label{max-width:unset}}.modal-wrapper .small-text{font-size:14px;margin:0 0 6px}.modal-wrapper .checkbox-text .checkbox-tick{position:relative;left:-25px}.modal-wrapper .checkbox-text .checkbox-rect{position:relative;top:9px}.modal-wrapper .border-text{padding:16px;border-radius:6px;border:2px solid #ccc !important;margin-bottom:20px;max-width:502px}@media only screen and (max-width: 639px){.modal-wrapper .border-text{max-width:unset}}.modal-wrapper.hidden{display:none;z-index:0}.modal-wrapper .spring{padding:40px;background:#fff;height:auto;border-radius:6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;top:30px;width:100%;margin:0 auto}.modal-wrapper .spring .close-icon{position:relative;float:right;font-size:36px;font-weight:100;top:-28px;right:-18px;cursor:pointer}.modal-wrapper .spring h3{margin:16px 0 30px !important}.mayHide{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;height:auto}.hidden{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;height:0px;overflow:hidden;margin:0}.need__more__sim--yes{-webkit-transition:all 0.6s ease-in;transition:all 0.6s ease-in}a.cc_link{text-decoration:underline;font-weight:700}.form__select{max-height:42px}input[type="text"],input[type="number"],textarea,.form__input--selectable{color:#333;-webkit-transition:-webkit-box-shadow 0.4s ease 0s;transition:-webkit-box-shadow 0.4s ease 0s;transition:box-shadow 0.4s ease 0s;transition:box-shadow 0.4s ease 0s, -webkit-box-shadow 0.4s ease 0s;border:2px solid #ccc !important;border-radius:6px;background-color:#fff;padding:0px 16px;height:48px;max-width:502px;margin-top:0px;font-weight:400;font-size:18px;line-height:20px;letter-spacing:0px;margin-bottom:0px}@media only screen and (max-width: 639px){input[type="text"],input[type="number"],textarea,.form__input--selectable{max-width:unset}}input[type="button"],input[type="submit"]{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;border-radius:6px !important}.form__input{border:2px solid #ccc !important;border-radius:6px !important;background-color:#fff !important}textarea{min-height:80px;max-width:502px;margin-bottom:26px;overflow:hidden;margin-bottom:0}@media only screen and (max-width: 639px){textarea{max-width:unset}}[readonly]{background-color:#f4f4f4 !important;color:#666 !important}.button--disabled{pointer-events:none;color:#a0a0a0 !important}.--disabled{background-color:#F1F1F1 !important;pointer-events:none;color:#333 !important}.formSubmitLoading{background-image:url("data:image/svg+xml,%3Csvg width='34' height='44' viewBox='0 0 34 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0866 15.9962C22.7495 14.7514 21.4788 14.5559 18.482 14.057C18.482 8.56832 21.9782 3.07968 21.9782 3.07968C21.9782 3.07968 16.551 4.00486 12.5013 6.57245C9.73842 8.32411 7.14499 10.9895 5.50887 13.558C2.40439 18.0002 1.84278 22.5264 2.03315 26.2641C2.24667 35.0364 9.56734 41.5797 17.5622 41.5797C25.557 41.5797 32 35.3206 32 27.2828C32 21.6166 29.359 18.3599 25.3801 16.1557' stroke='%23ffffff'%3E%3C/path%3E%3Cstyle type='text/css'%3E path %7B animation: 3s ease 0s infinite normal both running passingWay; %7D @keyframes passingWay %7B 0%25 %7B stroke-dashoffset: 115; stroke-dasharray: 0, 115; stroke-width: 0; %7D 20%25 %7B stroke-width: 4; %7D 45%25 %7B stroke-dashoffset: 0; stroke-dasharray: 115, 0; stroke-width: 4; %7D 55%25 %7B stroke-dashoffset: 0; stroke-dasharray: 115, 0; stroke-width: 4; %7D 80%25 %7B stroke-width: 4; %7D 100%25 %7B stroke-dashoffset: 115; stroke-dasharray: 0, 115; stroke-width: 0; %7D %7D %3C/style%3E%3C/svg%3E");background-color:#BEBEBE;color:transparent !important;background-repeat:no-repeat;background-size:12px;background-position:center}.gray-bg{background-color:#F1F1F1 !important;color:#333 !important;max-width:502px}@media only screen and (max-width: 639px){.gray-bg{max-width:unset}}.no-gutter{margin:0 !important;padding:0 !important}.gutter-top{margin-top:26px !important}.gutter-bottom{margin-bottom:26px !important}.shadow--box{background:#ffffff;-webkit-box-shadow:0px 4px 4px rgba(0,0,0,0.25);box-shadow:0px 4px 4px rgba(0,0,0,0.25);border-radius:6px}.shadow--box h3{margin:70px 20px 20px;padding:48px 60px 10px}.shadow--box form{margin:20px 80px}@media only screen and (max-width: 970px){.shadow--box form{margin:20px 52px}}@media only screen and (max-width: 639px){.shadow--box h3{margin:30px 20px 20px;padding:38px 0px 9px;font-size:28px;font-weight:600}.shadow--box h4{font-weight:600}.shadow--box form{margin:16px}}input[type="radio"],input[type="checkbox"]{height:24px;width:24px}.m-b-20{margin-bottom:20px !important}.thankyou-wrapper{height:530px}@media only screen and (max-width: 970px){.thankyou-wrapper{height:630px}}@media only screen and (max-width: 639px){.thankyou-wrapper{height:auto}}.success-page-content{background-color:#120C0C;color:#FFFFFF;padding:50px;text-align:center;font-family:"VodafoneLight"}.success-page-content h2{margin:auto;font-size:38px}@media only screen and (max-width: 639px){.success-page-content h2{font-size:28px}}.social-icons .s--icon{margin:20px}@media only screen and (max-width: 639px){.social-icons .s--icon{margin:8px}}@media only screen and (max-width: 970px){.heading--3{margin:50px 0 25px -8px !important}}@media only screen and (max-width: 639px){.heading--2{margin:18px 0}.heading--3{margin:30px 16px 20px !important}}