#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}.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}}