body.popup-opened { overflow: hidden; }

/* ------------------------------------------------------------ *\
    Mailchimp Form
\* ------------------------------------------------------------ */

.mc4wp-form-success .subscribe { display: none; }
.mc4wp-form-success .mc4wp-response { position: relative; padding: 20px 15px 15px; margin: 0 auto 20px; background: #0e4e96; border-radius: 8px; color: #000; text-align: center; overflow: hidden; }

.mc4wp-form-success .subscribe:after,
.mc4wp-form-success .subscribe:before { content: none; }

.mc4wp-form-error .mc4wp-response { display: none !important; }
.mc4wp-form-error .subscribe__error:empty { display: none; }
.mc4wp-form-error .subscribe__error { position: absolute; bottom: -5px; left: 0; display: block; width: 100%; padding-left: 8px; font-size: 13px; text-align: left; color: #ef5453; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.mc4wp-form-error .subscribe-form__field { border-color: #ef5453; }

/* ------------------------------------------------------------ *\
    Subscribe
\* ------------------------------------------------------------ */

.subscribe { position: relative; padding: 54px 15px 48px; margin: 0 auto 20px; background: #0e4e96; border-radius: 8px; color: #fff; text-align: center; overflow: hidden; }

.subscribe:after,
.subscribe:before { content: ''; position: absolute; background-repeat: no-repeat; background-size: cover; }

.subscribe:before { top: 10px; right: 15px; width: 173px; height: 175px; background-image: url('../images/subscribe/form-pattern-right.svg'); }
.subscribe:after { right: auto; top: auto; left: 35px; bottom: 35px; width: 119px; height: 171px; background-image: url('../images/subscribe/form-pattern-left.svg'); }

.subscribe__btn { display: none; }

/* Subscribe Inner */
.subscribe__inner { position: relative; z-index: 2; }

/* Subscribe Title */
.subscribe__title { margin-bottom: 22px; font-family: 'ralewaybold', sans-serif; font-size: 24px; font-weight: 400; line-height: 1.17; }

/* Subscribe Sub Title */
.subscribe__sub-title { margin-bottom: 24px; font-size: 16px; line-height: 1.5; }

/* Subscribe Foot */
.subscribe__foot { margin-bottom: 0; font-family: 'ralewaybold', sans-serif; font-size: 16px; line-height: 1.5; letter-spacing: -0.3px; }

.subscribe__foot p { margin-bottom: 6px; }
.subscribe__foot > *:last-child { margin-bottom: 0; }

.subscribe__foot .privacy { font-family: 'ralewayregular', sans-serif; font-size: 12px; color: #9cbfe7; line-height: 1.42; letter-spacing: 0; }
.subscribe__foot .privacy a { color: #9cbfe7; text-decoration: underline; }
.subscribe__foot .privacy a:hover { text-decoration: none; }

.subscribe__error { position: absolute; bottom: -5px; left: 0; display: block; width: 100%; padding-left: 8px; font-size: 13px; text-align: left; color: #ef5453; }
.subscribe__error:empty { display: none; }

/* ------------------------------------------------------------ *\
    Subscribe Form
\* ------------------------------------------------------------ */

.subscribe__form { margin-bottom: 17px; }
.subscribe-form__btn { display: inline-block; min-width: 170px; max-width: 100%; min-height: 53px; padding: 13px 14px; background: #E00387; border: 1px solid #E00387; border-radius: 8px; font-size: 16px; color: #fff; text-align: center; line-height: 1.5; text-transform: unset; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; vertical-align: middle; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font-family: 'ralewaybold'; text-transform: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.subscribe-form__btn:hover, 
.subscribe-form__btn:focus { background: #bf0676; border-color: #bf0676; color: #fff; text-decoration: none; outline: none; }

.subscribe-form__field-holder { position: relative; width: 100%; padding-right: 12px; }

.subscribe-form__field-holder .focus-label { position: absolute; top: 13px; left: 30px; font-size: 12px; z-index: 32; color: #00a8e3; line-height: 24px; pointer-events: none; opacity: 0; line-height: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;  }

.subscribe-form__field-holder.focus .focus-label { top: 3px; opacity: 1; }

.subscribe-form__field-holder.focus input::-webkit-input-placeholder { opacity: 0; }

.subscribe-form__field-holder.focus input:-ms-input-placeholder { opacity: 0; }

.subscribe-form__field-holder.focus input::-ms-input-placeholder { opacity: 0; }

.subscribe-form__field-holder.focus input::placeholder { opacity: 0; }

.subscribe-form__field { display: block; width: 100%; height: 53px; padding: 12px 30px; border: 1px solid #a0a2a2; border-radius: 8px; background: #fff; line-height: 1; font-size: 15px; color: #404040; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; }

.subscribe-form__field:hover,
.subscribe-form__field:focus { border-color: #000; }

.subscribe-form__field::-webkit-input-placeholder { font-style: inherit; font-size: 16px; color: #A2A2A2; }
.subscribe-form__field:-ms-input-placeholder { font-style: inherit; font-size: 16px; color: #A2A2A2; }
.subscribe-form__field::-ms-input-placeholder { font-style: inherit; font-size: 16px; color: #A2A2A2; }
.subscribe-form__field::placeholder { font-style: inherit; font-size: 16px; color: #A2A2A2; }

.subscribe-form__inner { list-style-type: none; position: relative; display: flex; max-width: 485px; padding: 0; margin: 0 auto; }
.subscribe-form__inner > li { padding-bottom: 15px; }

.subscribe-form__inner .form-submit-holder { width: 170px; }

/* ------------------------------------------------------------ *\
    Subscribe Modal
\* ------------------------------------------------------------ */

.subscribe-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; visibility: hidden; opacity: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); z-index: 99999999999; overflow: scroll; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; }

.subscribe-modal.open { visibility: visible; opacity: 1; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; }

/* Subscribe Holder */
.subscribe-modal__holder { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 50px; }

/* Subscribe Inner */
.subscribe-modal__inner { position: relative; top: 50%; max-width: 425px; padding: 50px; margin: 0 auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

/* Subscribe Shell */
.subscribe-modal__shell { max-width: 325px; margin: 0 auto; }


.subscribe-modal .subscribe { width: 100%; padding: 50px 19px 36px; margin: 0 auto; background: #0e4e96; text-align: center; }
.subscribe-modal .subscribe:before { top: 9px; left: 2px; right: auto; width: 112px; height: 114px; background-image: url(../images/subscribe/modal-left-pattern.svg); }
.subscribe-modal .subscribe:after { top: auto; left: auto; right: 10px; bottom: 12px; width: 90px; height: 129px; background-image: url(../images/subscribe/modal-right-pattern.svg); }

.subscribe-modal .subscribe__btn { position: absolute; right: 20px; top: 14px; display: block; width: 16px; height: 16px; cursor: pointer; }

.subscribe-modal .subscribe__btn:after,
.subscribe-modal .subscribe__btn:before { content: ''; position: absolute; top: 7px; display: block; width: 18px; height: 2px; background: #D6D6D6; }

.subscribe-modal .subscribe__btn:after { transform: rotate(45deg); }
.subscribe-modal .subscribe__btn:before { transform: rotate(-45deg); }

.subscribe-modal .subscribe__title { margin-bottom: 18px; font-size: 0; font-weight: 400; line-height: 1.27; }

.subscribe-modal .subscribe__title:after { content: 'Get pro home maintenance advice & special offers!'; font-size: 22px; }

.subscribe-modal .subscribe__sub-title { padding: 0 7px; margin-bottom: 10px; font-size: 0; line-height: 1.5; }
.subscribe-modal .subscribe__sub-title:after { content: 'Expert how-to tips, fresh from the Fantastic oven - into your inbox!'; font-size: 14px; }
.subscribe-modal .subscribe__form { padding: 0 5px; margin-bottom: 30px; }

.subscribe-modal .subscribe-form__inner { flex-direction: column; }
.subscribe-modal .subscribe-form__inner > li { width: 100%; padding-right: 0; padding-bottom: 19px; }
.subscribe-modal .subscribe-form__inner > li:last-child { padding-bottom: 0; }

.subscribe-modal .subscribe-form__btn { width: 100%; font-size: 0; }
.subscribe-modal .subscribe-form__btn:after { content: 'Join in'; font-size: 16px; }

.subscribe-modal .subscribe__foot { max-width: 95%; margin: 0 auto; font-weight: 400; font-size: 16px; }

.subscribe-modal .subscribe__foot p { margin-bottom: 14px; }
.subscribe-modal .subscribe__foot > *:last-child { margin-bottom: 0; }

.subscribe-modal .subscribe__foot .privacy { max-width: 66%; margin: 0 auto; font-family: 'ralewayregular', sans-serif; font-size: 12px; color: #9cbfe7; }
.subscribe-modal .subscribe__foot .privacy a:hover { text-decoration: none; }

.subscribe-modal .subscribe__error { bottom: 0; }

.cleaners .subscribe { background: #0e4e96; color: #ffffff;}
.cleaners .subscribe::before { background-image: url('../images/subscribe/cleaners-before.png'); width: 110px; height: 121px;}
.cleaners .subscribe::after { background-image: url('../images/subscribe/cleaners-after.png'); width: 90px; height: 130px;}

.handyman .subscribe { background: #ffd000; color: #000000; }
.handyman .subscribe::before { background-image: url('../images/subscribe/handyman-before.png'); }
.handyman .subscribe::after { background-image: url('../images/subscribe/handyman-after.png'); }
.handyman .subscribe .subscribe-form__btn { background: #000000; border-color: #000000; }
.handyman .subscribe .subscribe__foot .privacy { color: #707070; }
.handyman .subscribe .subscribe__foot .privacy a { color: #000000; }


.gardeners .subscribe { background: #00AA4F; color: #ffffff;}
.gardeners .subscribe::before { background-image: url('../images/subscribe/gardeners-before.png'); }
.gardeners .subscribe::after { background-image: url('../images/subscribe/gardeners-after.png'); }
.gardeners .subscribe .subscribe-form__btn { background: #ED1C24; border-color: #ED1C24; }
.gardeners .subscribe .subscribe__foot .privacy { color: #ffffff; }
.gardeners .subscribe .subscribe__foot .privacy a { color: #ffffff; }

.removals .subscribe { background: #F0EDE8; color: #000000;}
.removals .subscribe::before { background-image: url('../images/subscribe/removals-before.png'); }
.removals .subscribe::after { background-image: url('../images/subscribe/removals-after.png'); }
.removals .subscribe .subscribe-form__btn { background: #F0513F; border-color: #F0513F; }
.removals .subscribe .subscribe__foot .privacy { color: #707070; }
.removals .subscribe .subscribe__foot .privacy a { color: #000000; }

.pest-control .subscribe { background: #EBEFF5; color:#000000; }
.pest-control .subscribe::before { background-image: url('../images/subscribe/pest-control-before.png'); }
.pest-control .subscribe::after { background-image: url('../images/subscribe/pest-control-after.png'); }
.pest-control .subscribe .subscribe-form__btn { background: #ED1C24; border-color: #ED1C24; }
.pest-control .subscribe .subscribe__foot .privacy { color: #707070; }
.pest-control .subscribe .subscribe__foot .privacy a { color: #ED1C24; }

@media only screen and (max-width: 1199px) {
    .subscribe:before { width: 140px; height: 140px; }
    .subscribe:after { width: 90px; height: 129px; }
}

@media only screen and (max-width: 767.98px) {
    /* Subscribe */
    .subscribe { padding: 49px 25px 37px; }
    .subscribe__title { margin-bottom: 10px; line-height: 1.32; }
    .subscribe__sub-title { padding: 0 20px; margin-bottom: 15px; font-size: 14px; }
    .subscribe__form { margin-bottom: 28px; }


    .subscribe:before { background-image: url('../images/subscribe/form-pattern-right-phone.svg'); top: 6px; right: 4px; width: 151px; height: 148px; }
    .subscribe:after { background-image: url('../images/subscribe/form-pattern-left-phone.svg'); top: auto; right: auto; left: 10px; bottom: 10px; width: 70px; height: 130px; }

    .subscribe__foot { max-width: 95%; margin: 0 auto; }
    .subscribe__foot p { margin-bottom: 15px; }
    .subscribe__foot .privacy { max-width: 66%; margin: 0 auto; }

    .subscribe__error,
    .mc4wp-form-error .subscribe__error { bottom: 0; }

    /* Sunscribe Form  */
    .subscribe-form__inner { flex-direction: column; }
    .subscribe-form__inner > li { padding-bottom: 18px; }
    .subscribe-form__inner > li:last-child { padding-bottom: 0; }

    .subscribe-form__field,
    .subscribe-form__btn { width: 100%; }

    .subscribe-form__field-holder { padding-right: 0; padding-bottom: 19px; }

        /* Subscribe Popup Holder */
    .subscribe-modal__holder { top: 0; padding: 25px 0; }

    /* Subscribe Popup Inner */
    .subscribe-modal__inner { top: 0; padding: 25px 15px; -webkit-transform: none; -ms-transform: none; transform: none; }
}

@media (max-width: 320px) {
    .subscribe-modal__holder { padding: 15 0px; }

    .subscribe__foot .privacy { max-width: 77%; }
}