.helpDogCard{text-align:center;width:100%;color:var(--dark-grey);border-radius:5px;overflow:hidden}.helpDogCard .notFound{display:none}.helpDogCard .helpPanel{background:var(--very-light-blue);border-radius:5px;width:100%;margin-bottom:1rem;padding:2.5rem 0 .5em;position:relative}.helpDogCard .missing{width:9rem;height:9rem;margin:0 auto}.helpDogCard .missingImage{background:url(/static/HelpFindBox/missing.png) 0 0/cover no-repeat;width:100%;height:100%;margin:auto;transition:width .5s,height .5s}.helpDogCard.step .missingImage{width:85%;height:85%}.helpDogCard .helpContent{align-items:center;width:200%;transition:left .5s;display:flex;position:relative;left:0%}.helpDogCard.step .helpContent{left:-100%}.helpDogCard .helpText{width:50%;padding:0 1.5rem}.helpDogCard .successStep{margin-top:2rem;padding:0 1.5rem}.helpDogCard h4{color:var(--dark-grey);margin:0;font-family:Open Sans Light;font-size:1.25rem;font-weight:300;line-height:1.625rem}.helpDogCard p{color:var(--brownish-grey);font-size:.875rem;line-height:1.25rem}.helpDogCard .form{width:50%;padding:0 1.5rem}.helpDogCard label{margin-top:1rem;margin-bottom:.625rem;font-size:.75rem;display:block}.helpDogCard .breed label{margin-top:0}.helpDogCard input{border:1px solid var(--pinkish-grey-border);border-radius:4px;width:100%;height:2.5rem;padding:.8rem;font-family:Open Sans Bold;font-size:.875rem}.helpDogCard ::-webkit-input-placeholder{color:var(--greyish);font-family:Open Sans;font-style:italic}.helpDogCard button{min-width:12rem;position:absolute;bottom:1rem;transform:translate(-50%)}.helpPanel .checkBox{align-items:flex-start;margin-top:15px;padding:0 1.5rem;display:flex}.helpPanel .checkBox input{width:15px;min-width:15px;height:15px;margin:0;padding:0}.helpPanel .checkBox label{cursor:pointer;text-align:left;width:calc(100% - 15px);margin:0;padding-left:10px}.helpCardWide .helpPanel .checkBox{padding:0 2rem}.help-find-box-wrapper{min-height:357px}@media (min-width:768px){.helpCardWide .helpPanel .checkBox{width:22.5rem;padding:0}.helpPanel .checkBox input{margin:1px 0 0}}@media (min-width:64em){.helpDogCard label{font-size:.71rem}.helpDogCard h4{margin-top:1rem}.helpDogCard .successStep{margin-top:0;padding:0 1.5rem}}@media (min-width:76.25em){.helpDogCard .helpPanel{padding:2.5rem 0 0}}@media (min-width:48em){.help-find-box-wrapper{min-height:499px}.help-find-box-wrapper,.help-find-box-wrapper .helpDogCard{border-radius:5px;align-items:stretch;display:flex}.help-find-box-wrapper .helpDogCard .helpPanel{padding:1rem 0 0}}@media (max-width:767px){.helpDogCard{max-width:295px;margin:0 auto}.helpDogCard .helpPanel{padding-bottom:7.5em}}
.helpDogPanel{text-align:center;width:100%;color:var(--dark-grey);background:var(--very-light-blue)}.helpDogPanel .notFound{text-align:left;background-color:var(--white);width:100%;padding:0 1rem;position:relative}.helpDogPanel .notFound p{color:var(--darkGrey6);margin:0;padding:21px 0 20px;font-family:Open Sans Bold;font-size:1.2rem;display:inline-block;position:relative}.helpDogPanel .notFound .notFoundItem{margin-top:10px;font-family:Open Sans;line-height:1.25}.helpDogPanel .notFound .notFoundTitle{margin-bottom:15px}.helpDogPanel .notFound .arrow{z-index:80;background:url(/static/HelpFindBox/arrow-down.png) 0 0/contain;width:22px;height:35px;display:inline-block;position:absolute;bottom:-1rem;right:20px}.helpDogPanel .helpPanel{width:100%;padding-bottom:5rem;position:relative}.helpDogPanel .missing{width:12rem;height:12rem;margin:2.8rem auto}.helpDogPanel .missingImage{background:url(/static/HelpFindBox/missing.png) 0 0/cover no-repeat;width:100%;height:100%}.helpDogPanel .helpContent{width:100%;padding:0 2rem}.helpDogPanel .helpText{margin:0 3.3rem}.helpDogPanel h4{color:var(--dark-grey);margin:0;font-family:Open Sans Light;font-size:1.8rem;font-weight:300;line-height:2.5rem}.helpDogPanel p{color:var(--brownish-grey);margin:1rem 0 1.625rem;font-size:1.25rem;line-height:1.67rem}.helpDogPanel label{margin-top:1.875rem;margin-bottom:.6rem;display:block}.helpDogPanel input{border:1px solid var(--pinkish-grey-border);border-radius:4px;width:100%;height:3.3rem;padding:.8rem;font-family:Open Sans Bold;font-size:1rem}.helpDogPanel ::-webkit-input-placeholder{color:var(--greyish);font-family:Open Sans;font-style:italic}.helpDogPanel button{min-width:10rem;margin-top:3.3rem}.helpDogPanel .successStep{padding:0 1.5rem}.puppies-not-found .notFound a{font-family:Open Sans Bold}@media (min-width:48em){.helpDogPanel{text-align:left;background-color:#0000}.helpDogPanel .notFound{padding:0}.puppies-not-found .notFound{background-color:var(--white-two);padding:0 1rem}.helpDogPanel .notFound .arrow{background-size:cover;width:33px;height:53px;bottom:-1.2rem;transform:rotate(-40deg)}.helpDogPanel .helpPanel{background:var(--very-light-blue);margin-top:10px;padding-left:18.75rem}.helpDogPanel .helpContent,.helpDogPanel .successStep{padding:5.5rem 2rem 0 0}.helpDogPanel .missing{margin:0;position:absolute;top:3.5rem;left:3.375rem}.helpDogPanel .helpText{margin:0}.helpDogPanel h4{font-size:1.8rem}.helpDogPanel .form{width:22.5rem}}@media (min-width:64em){.helpDogPanel .notFound .arrow{width:39px;height:61px;bottom:-1.2rem}.helpDogPanel h4{font-size:2.125rem}}@media (min-width:75em){.helpDogPanel .notFound .arrow{width:44px;height:70px;bottom:-1.2rem}.helpDogPanel .helpText h4{font-size:2.125rem}}
.helpDogBanner{text-align:center;width:100%;color:var(--dark-grey);background:var(--butterscotch)}.helpDogBanner .notFound{display:none}.helpDogBanner .helpPanel{width:100%;padding-bottom:5rem;position:relative}.helpDogBanner .missing{width:12rem;height:12rem;margin:2.8rem auto}.helpDogBanner .missingImage{background:url(/static/HelpFindBox/missing.png) 0 0/cover no-repeat;width:100%;height:100%}.helpDogBanner .helpContent{width:100%;padding:0 2rem}.helpDogBanner h4{color:var(--dark-grey);margin:0;font-family:Open Sans Light;font-size:1.8rem;font-weight:300;line-height:2.5rem}.helpDogBanner p{color:var(--brownish-grey);margin:1rem 0 1.625rem;font-size:1.25rem;line-height:1.67rem}.helpDogBanner label{margin-top:1.875rem;margin-bottom:.6rem;display:block}.helpDogBanner input{border:1px solid var(--pinkish-grey-border);border-radius:4px;width:100%;height:3.3rem;padding:.8rem;font-family:Open Sans Bold;font-size:1rem}.helpDogBanner ::-webkit-input-placeholder{color:var(--greyish);font-family:Open Sans;font-style:italic}.helpDogBanner button{min-width:10rem;margin-top:3.3rem}.helpDogBanner .bannerButton{display:none}.helpDogBanner .successStep{margin:2.5rem 1rem 0}@media (min-width:48em){.helpDogBanner{text-align:left;width:100%}.helpDogBanner .helpPanel{flex-direction:row;width:100%;padding:0;display:flex}.helpDogBanner .missing{min-width:15%;margin:0;padding-left:5%}.helpDogBanner .missingImage{background-position-y:50%;background-size:contain}.helpDogBanner .helpContentWrapper{z-index:0;min-width:85%;position:relative}.helpDogBanner .helpContent{flex-direction:row;align-self:center;min-width:150%;padding:0;display:flex;position:absolute;top:2.5rem;left:0}.helpDogBanner.step .helpContent{transition:left .5s;left:-50%}.helpDogBanner:not(.step) .form .email,.helpDogBanner:not(.step) .form .bannerFormButton{width:0;min-width:0;height:0;margin:0;padding:0;overflow:hidden}.helpDogBanner .helpText{opacity:1;min-width:35%;padding-left:2rem}.helpDogBanner.step .helpText{opacity:0;transition:opacity .5s}.helpDogBanner .helpText p{margin-bottom:0}.helpDogBanner .form{flex-direction:row;width:60%;display:flex}.helpDogBanner .form .breed,.helpDogBanner .form .email{min-width:45%;padding-left:2rem;font-size:.8em}.helpDogBanner .form .email{opacity:0}.helpDogBanner.step .form .email{opacity:1;transition:opacity .5s}.helpDogBanner .bannerFormButton{align-self:center;min-width:10%;margin:3.4rem 0 0 2rem;padding:0}.helpDogBanner .successStep{margin:2.5rem 0 2.5rem 2rem}.helpDogBanner .successStep button{margin-top:0}}@media screen and (min-width:768px) and (max-width:991px){.helpDogBanner .helpContent{top:0}.helpDogBanner .form{align-items:center;width:80%}.helpDogBanner .form .breed,.helpDogBanner .form .email{min-width:40%}.helpDogBanner .form .email{font-size:.7em}}