#main-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}#main-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}@media only screen and (max-width: 970px){#main-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}#main-title{font-size:28px;top:30px}}.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}.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}.m-t-b-40{margin:40px 0}#form-details-container{padding:40px 0 60px}.address-container{position:relative}.address-search-icon{position:absolute;border:none;background:none;vertical-align:middle;color:#9d9d9d;left:464px;top:44px}@media only screen and (max-width: 678px){.address-search-icon{left:calc(100% - 38px)}}.address-search-icon :focus{outline:none}[data-address-lookup-manual]{background:none;border:none;text-decoration:underline;font-weight:600;padding:4px 0px}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}}fieldset #date_of_birth_day,fieldset #date_of_birth_month,fieldset [id*='date_of--']{height:40px;border:0px !important;display:inline-block;text-align:center;width:100px}@media only screen and (max-width: 639px){fieldset #date_of_birth_day,fieldset #date_of_birth_month,fieldset [id*='date_of--']{width:64px}}fieldset #date_of_birth_year,fieldset [id*='date_of--']{height:40px;border:0px !important;width:100px}@media only screen and (max-width: 639px){fieldset #date_of_birth_year,fieldset [id*='date_of--']{width:64px}}.dateTextInputstyle{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;max-width:502px;margin-top:0px;line-height:44px}@media only screen and (max-width: 639px){.dateTextInputstyle{max-width:unset}}fieldset .dateInputstyle{display:inline-block;margin:0px 8px}@media only screen and (max-width: 768px){fieldset .dateInputstyle{margin:unset}}@media only screen and (max-width: 425px){fieldset .dateInputstyle{margin:unset}}@media only screen and (max-width: 375px){fieldset .dateInputstyle{margin:unset}}@media only screen and (max-width: 320px){fieldset .dateInputstyle{margin:unset}}.seperator::after{margin:0px 8px;content:"|"}[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}a.form--link{font-weight:700;text-decoration:underline}.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,.validation-wrapper.validation--error .dateTextInputstyle{-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,.validation-wrapper.validation--error select,.validation-wrapper.validation--error .dateTextInputstyle{-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}.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}}.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}.postcode-error{display:block !important;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;color:#e60000}.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}
