.desktop-banner .banner,
.mobile-banner .banner {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.parasite-field,
.second-phase-transition {
	position: fixed;
	bottom: 0;
	z-index: 2
}
.answer-field,
.parasite-field,
.second-phase-transition {
	box-shadow: 0 -4px 12px rgb(0 0 0 / 5%)
}
a.next-btn.inactive:hover,
a.submit-btn:hover {
	text-decoration: none
}
.desktop-banner,
.footer-panel-item .main-logo,
p.para-number,
span.checkmark:after,
span.paraCount {
	text-align: center
}
a.check-another-pet-link,
a.external-link-label,
a.promo-link {
	text-decoration-line: underline
}
.hidden-section,
.hide-foot-note,
header {
	display: none !important
}
body {
	font-family: 'Gotham Narrow Book' !important;
	color: #373737;
	font-size: 16px
}
main .container {
	padding-right: 0;
	padding-left: 0;
	max-width: 640px !important
}
.title-row p.question-bold-small,
p {
	margin-bottom: 0
}
.banner,
.header .row:first-child {
	margin-right: -20px;
	margin-left: -20px
}
.banner img {
	max-width: 100%
}
.desktop-banner .banner {
	background-image: url(../images/parasite-assets/screener/Hero-desktop.png);
	min-height: 630px
}
.mobile-banner .banner {
	background-image: url(../images/parasite-assets/screener/hero.png);
	min-height: 271px
}
.banner.mobile img {
	max-width: 414px;
	width: 100%
}
div#para-screener {
	background-color: #f2f2f2;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 140px
}
.row.logo {
	margin-right: 0;
	margin-left: 0;
	margin-top: -40px
}
h1.heading {
	font-family: Arboria;
	font-style: normal;
	font-weight: 700;
	font-size: 34px;
	line-height: 36px
}
input,
p.question-text,
p.sub-heading,
select {
	font-weight: 400;
	font-style: normal
}
.orange-text,
a.promo-link.orange-link {
	color: #ff6400
}
p.sub-heading {
	font-size: 20px;
	line-height: 30px
}
p.question-text {
	font-size: 18px;
	line-height: 28px
}
.parasite-field .container,
.popup,
.title-row {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}
.modal-dialog {
	margin: 25% auto;
	background: #fff;
	border: 1px solid #ff6400;
	box-sizing: border-box;
	border-radius: 8px;
	max-width: 335px;
	width: 100%;
	padding: 11px 4px
}
.disclaimer-container,
.parasite-field,
.second-phase-transition,
div.header-question .row.logo {
	margin-left: -20px;
	margin-right: -20px
}
.product-area,
.row.progress-content,
.skin-conditions-area {
	margin-right: 0;
	margin-left: 0
}
.modal-content {
	border: none !important
}
img.close-btn {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	position: absolute;
	width: 46px;
	height: 46px;
	left: auto;
	right: 0;
	top: -4px
}
a.external-link-label {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	color: #373737
}
input,
select {
	width: 100%;
	padding: 18px 12px;
	border: none;
	background: #fff;
	box-shadow: 0 2px 0 #373737;
	border-radius: 4px 4px 0 0;
	margin-bottom: 16px !important;
	font-size: 20px !important;
	line-height: 30px !important
}
.sallow,
select option:first-child {
	opacity: .3
}
::placeholder {
	color: #373737;
	opacity: .3
}
:-ms-input-placeholder,
:-ms-select-placeholder {
	color: #373737;
	opacity: .3
}
:-ms-select-placeholder,
::-ms-input-placeholder {
	color: #373737;
	opacity: .3
}
.inactive,
a.next-btn.inactive:hover {
	color: rgba(55, 55, 55, .3);
	background: #f8f8f8
}
a.learn-more-btn,
a.next-btn,
a.submit-btn {
	font-family: 'Gotham Narrow Bold';
	font-style: normal;
	font-weight: 700;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	line-height: 28px;
	padding: 14px 0;
	width: 100%;
	border-radius: 130px
}
.active {
	color: #fff;
	background: #ff6400
}
a.next-btn.active:hover {
	background-color: #ae4400;
	color: #fff;
	text-decoration: none
}
.disclaimer-container {
	padding: 24px 18px;
	background: 0 0
}
.disclaimer-container p {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	color: #000
}
a.back-btn,
p.description-text {
	font-style: normal;
	line-height: 26px
}
div.header-question .row.logo img {
	margin: 44px auto 14px;
	width: 71px
}
div.header-question .row.logo {
	background: #ffff
}
.progress-bar-img {
	display: flex;
	justify-content: center
}
#live-travel-container,
#overlay,
#travel-only-container,
.mobile-banner,
form#SubmitForm {
	display: none
}
.progress-bar-img img {
	max-width: 331px;
	width: 100%
}
a.back-btn {
	font-weight: 700;
	font-size: 14px
}
.row.progress-content {
	justify-content: space-between
}
.row.progress-content p {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px
}
.row.progress-content p:last-child {
	min-width: 46px
}
p.description-text {
	font-weight: 400;
	font-size: 16px
}
label.checkbox-field,
p.question-bold,
span.checkmark:after {
	font-style: normal;
	font-size: 20px;
	line-height: 30px
}
p.question-bold {
	font-family: 'Gotham Narrow Bold';
	font-weight: 700
}
label.checkbox-field {
	background: rgba(255, 255, 255, .5);
	border: none;
	box-sizing: border-box;
	border-radius: 4px;
	width: 100%;
	display: block;
	position: relative;
	padding: 17px 0 17px 64px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-height: 64px;
	height: 100%;
	font-weight: 400;
	font-family: 'Gotham Narrow Book';
	color: #000;
	margin-bottom: 16px
}
div.img-holder,
footer-links li {
	display: inline-block
}
input[type=checkbox] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0
}
#live-travel,
#travel-only {
	width: initial;
	height: initial;
	position: initial;
	opacity: initial;
	padding: initial;
	box-shadow: none
}
span.checkmark {
	position: absolute;
	top: 12px;
	left: 12px;
	height: 40px;
	width: 40px;
	border-radius: 4px;
	background-color: #ffe6d6;
	padding-top: 4px
}
span.checkmark:after {
	margin-left: 13px;
	color: #ff6400;
	font-family: 'Gotham Narrow Bold';
	font-weight: 700
}
span.checkmark.A::after {
	content: 'A'
}
span.checkmark.B::after {
	content: 'B'
}
span.checkmark.C::after {
	content: 'C'
}
span.checkmark.D::after {
	content: 'D'
}
span.checkmark.E::after {
	content: 'E'
}
span.checkmark.F::after {
	content: 'F'
}
span.checkmark.G::after {
	content: 'G'
}
span.checkmark.H::after {
	content: 'H'
}
.parasite-field {
	padding: 6px 20px 20px;
	background: #fff;
	width: 100%
}
p.para-detail-heading {
	font-family: 'Gotham Narrow Bold';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 0
}
.answer-sign label,
p.promo-header,
span.paraCount {
	font-family: 'Gotham Narrow Bold';
	font-style: normal
}
p.para-info {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 8px
}
p.para-number {
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	line-height: 34px;
	border: 2px solid #ff6400;
	border-radius: 50%;
	width: 37px;
	height: 37px;
	margin: auto
}
.big-icon-area {
	display: flex;
	flex-wrap: wrap
}
section#middle-screen .big-icon-area {
	padding-bottom: 54px
}
.big-icon {
	flex: 0 0 33.333333%;
	display: flex;
	flex-direction: column;
	align-items: center
}
section#middle-screen .big-icon {
	margin-bottom: 30px
}
.big-icon img {
	margin-bottom: 8px
}
.answer-sign p,
.big-icon p {
	color: #000
}
.second-phase-transition {
	background: #fff;
	padding: 30px 20px;
	width: 100%
}
.second-phase-transition p {
	max-width: 278px;
	width: 100%;
	margin: auto
}
.parasite-report-area {
	padding: 20px;
	background: #fff;
	border: 1px solid #ff6400;
	box-sizing: border-box;
	border-radius: 8px
}
p.question-bold-small {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px
}
.overlapped-icons {
	display: flex;
	flex-direction: row;
	justify-content: center
}
.overlapped-icons img {
	margin-right: -6px;
	width: 38px
}
.ordered-icons img {
	width: 38px;
	margin-right: 2px
}
.overlay {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #ffe8ed 78.25%);
	position: relative;
	width: 100%;
	height: 109px;
	top: -109px;
	z-index: 2;
	margin-bottom: -109px;
	max-width: 641px
}
#overlay,
.answer-field {
	position: fixed;
	bottom: 0
}
.form-area {
	background: #2e6270;
	border-radius: 8px;
	padding: 27px 20px
}
.orange,
.white,
footer-links li a,
label.checkbox-field.clicked span.checkmark:after {
	color: #fff
}
.form-area span.checkmark {
	width: 20px;
	height: 20px;
	background: #fff
}
.form-area label.checkbox-field {
	background: 0 0;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	padding: 8px 0 8px 42px
}
.blue {
	color: #2e6270
}
.product-area p.description-text,
.white-btn,
a.promo-link {
	color: #373737
}
.product-area {
	border-top: 13px solid #016b7b;
	background: #fff;
	margin-top: 78px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 42px
}
.orange,
.step.completed,
label.checkbox-field.clicked span.checkmark,
span.paraCount {
	background: #ff6400
}
img.packshot {
	max-width: 325px;
	width: 100%;
	position: relative;
	top: -54px
}
img.product-logo {
	max-width: 196px;
	max-height: 66px;
	width: 100%;
	position: relative;
	margin-bottom: 1rem
}
.images-container {
	margin-bottom: -44px;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.product-area .overlapped-icons {
	justify-content: start
}
p.footnote {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	margin-top: 8px;
	margin-bottom: 0
}
.white-btn {
	background: #fff;
	border: 1px solid #000
}
.skin-conditions-area {
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 40px
}
.skin-conditions-area-container {
	padding: 24px 26px;
	width: 100%
}
p.promo-header {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 1rem
}
a.promo-link {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	margin: 0 auto 36px
}
.single-response {
	padding-bottom: 200px
}
label.checkbox-field.clicked {
	background: #fff;
	border: 2px solid #ff6400
}
label.checkbox-field.clicked.correct {
	border: 2px solid #5eb300
}
.answer-field span.checkmark.correct,
label.checkbox-field.clicked.correct span.checkmark {
	background: #5eb300
}
label.checkbox-field.clicked.correct span.checkmark:after {
	content: url(../images/parasite-assets/screener/tick.svg);
	margin-left: 8px;
	line-height: 42px
}
label.checkbox-field.clicked.incorrect {
	border: 2px solid red
}
.answer-field span.checkmark.incorrect,
label.checkbox-field.clicked.incorrect span.checkmark {
	background: red
}
label.checkbox-field.clicked.incorrect span.checkmark:after {
	content: url(../images/parasite-assets/screener/close-white.svg);
	margin-left: 8px;
	line-height: 42px
}
label.checkbox-field.clicked.neutral {
	border: 2px solid #ffc600
}
.answer-field span.checkmark.neutral,
label.checkbox-field.clicked.neutral span.checkmark {
	background: #ffc600
}
label.checkbox-field.clicked.neutral span.checkmark:after {
	content: url(../images/parasite-assets/screener/exclamation-mark.svg);
	margin-left: 18px;
	line-height: 34px
}
.disabled {
	background: rgba(255, 255, 255, .5);
	opacity: .4
}
.answer-field {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: -20px;
	margin-right: -20px;
	padding: 6px 20px 20px;
	background: #fff;
	width: 100%;
	z-index: 4
}
.answer-sign {
	display: flex;
	flex-direction: column
}
.answer-sign label {
	position: relative;
	padding: 14px 30px;
	font-weight: 700;
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 0
}
p.small-para-name-option,
span.para-numb-opt,
span.paraCount {
	font-size: 12px;
	line-height: 14px
}
.answer-field span.checkmark {
	height: 24px;
	width: 24px;
	left: 0;
	padding-top: 0
}
.answer-field span.checkmark.correct:after {
	content: url(../images/parasite-assets/screener/tick.svg);
	margin-left: 0;
	line-height: 0
}
.answer-field span.checkmark.incorrect:after {
	content: url(../images/parasite-assets/screener/close-white.svg);
	margin-left: 0;
	line-height: 0
}
.answer-field span.checkmark.neutral:after {
	content: url(../images/parasite-assets/screener/exclamation-mark.svg);
	margin-left: 10px;
	line-height: 0
}
p.small-para-name-option {
	word-break: break-word
}
span.para-numb-opt {
	font-weight: 700;
	position: absolute;
	right: 10px;
	bottom: 17px
}
.progress-bar-new,
div.img-holder {
	position: relative
}
.para-icons img {
	height: 37px;
	margin-right: 8px
}
span.paraCount {
	position: absolute;
	width: 19px;
	height: 19px;
	font-weight: 700;
	color: #fff;
	border-radius: 50%;
	left: 26px;
	top: -6px
}
.progress-bar-new-holder {
	justify-content: center;
	padding-right: 20px;
	padding-left: 20px
}
.steps {
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 2
}
.step {
	width: 12px;
	height: 12px;
	background: #ffe6d6;
	border: 3px solid #fff;
	border-radius: 50%;
	transition: background 1s
}
.step.selected {
	border: 2px solid #4b81bd
}
.step.completed {
	border: 2px solid #fff
}
.progress-bar-new {
	width: 100%;
	border-bottom: 2px solid #fff;
	z-index: 0;
	top: 6px
}
.logo-mobile {
	margin-top: -50px
}
section#mail-screen,
section#report-screen {
	padding-top: 72px
}
.report,
footer .flex-row {
	padding-top: 20px
}
@media screen and (max-width:540px) {
	section#mail-screen,
	section#report-screen {
		padding-top: 42px
	}
	.images-container {
		flex-direction: column-reverse;
		margin-bottom: 16px;
		align-items: start
	}
	.modal-dialog {
		margin: 50% auto
	}
	.mobile-banner {
		display: block
	}
	.desktop-banner {
		display: none
	}
	.overlay {
		max-width: 375px
	}
	.disclaimer-container {
		background: #fff
	}
	.skin-conditions-area .row:first-child {
		flex-direction: column-reverse
	}
	.product-area,
	.skin-conditions-area {
		margin-left: -20px;
		margin-right: -20px
	}
	p.thank-you-heading {
		margin-bottom: 14px
	}
}
#overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 3;
	cursor: pointer
}
.submit-btn {
	background: #fff;
	color: #a50f4c
}
a.submit-btn:hover {
	color: #a50f4c;
	background-color: #ffe7ef
}
.submit-btn.simparica-submit-btn {
	color: #00505c
}
a.submit-btn.simparica-submit-btn:hover {
	color: #006c7b;
	background-color: #d5efea
}
label.checkbox-field.consent-text.yes span.checkmark::after {
	content: "";
	display: inline-block;
	background-image: url(../images/parasite-assets/screener/tick.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-left: 1px
}
label.checkbox-field.selected-state {
	padding: 10px 0 6px 64px
}
footer {
	background: #3a3a3a !important;
	font-size: 14px;
	color: #b7b7b7
}
.footer-links {
	background-color: #000
}
.white-small-without-vertical-line>ul {
	max-width: 1110px !important;
	margin: auto;
	padding-inline-start: 15px
}
paragraph.white-small-text p {
	font-size: 14px !important;
	font-weight: 400;
	line-height: 24px !important;
	text-align: left;
	color: #fff
}
.white-small-without-vertical-line li:after {
	content: ""
}
footer-links li:after {
	margin: 0 5px
}
span.mmno {
	float: right
}
[type=button] {
	-webkit-appearance: none !important
}
p.thank-you-heading {
	font-family: 'Gotham Narrow Bold';
	font-style: normal;
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	color: #000
}
a.view-results,
p.thank-you-sub-heading {
	color: #000;
	font-weight: 400;
	font-style: normal
}
p.thank-you-sub-heading {
	font-size: 18px;
	line-height: 22px;
	text-align: center
}
a.view-results {
	font-size: 14px;
	line-height: 28px;
	text-decoration: underline;
	display: block
}
.parasite-detail-area {
	margin-top: 40px
}
.parasite-detail-box {
	border: 1px solid #a50f4c;
	padding: 0 24px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 8px;
	margin-bottom: 40px
}
p.parasite-detail-heading {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	color: #373737;
	margin-bottom: 5px
}
p.parasite-detail-text,
p.unselected-text {
	font-weight: 400;
	color: #000;
	font-style: normal
}
p.parasite-detail-text {
	font-size: 18px;
	line-height: 22px
}
.parasite-detail-area .parasite-detail-box img {
	position: relative;
	top: -25px;
	left: 45%;
	height: 48px;
	width: 48px;
	margin-bottom: -15px
}
label.checkbox-field.consent-text a {
	color: #fff;
	text-decoration: underline
}
.unselected-parasite-detail-area .parasite-detail-box {
	padding-top: 32px;
	padding-bottom: 32px
}
.unselected-parasite-detail-area .parasite-detail-box img {
	width: 48px;
	margin-bottom: .5rem
}
p.unselected-text {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: .5rem
}
p.speak-your-vet-text {
	margin: 32px auto
}
a.check-another-pet-link {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
	color: #a50f4c;
	display: block;
	margin: 32px auto
}
p.thank-you-heading {
	margin-bottom: 24px
}
.disclaimer-area {
	padding: 24px 18px;
	background: #fff;
	margin-top: 20px
}
.disclaimer-area p.description-text.text-center {
	font-size: 10px;
	line-height: 15px;
	margin-bottom: 0
}
div.header-question .row.logo a {
	margin: auto
}
p.error-msg {
	font-weight: 700
}
footer * {
    font-family: 'arboria';
}
.footer-cards {
  display: flex;
  justify-content: space-between;
}
.footer-cards--item {
  text-align: center;
}
.footer-copyright, .footer-links ul {
  max-width: 1140px;
  padding: 0 15px;
  margin: auto;
}
.footer-links ul {
  display: flex;
  gap: 1rem;
}
.whatsapp-fields .whatsapp-phone-container {
	display:flex;
  gap:.5rem;
  align-items:flex-end;
  margin-top:.5rem
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddi {
  flex:0 0 120px;
  max-width:120px
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddi .custom-select,.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddi .select {
  max-width:100%;
  min-width:100%
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddi .placeholder {
  font-size:16px
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddi .select-feedback {
  display:none
}
@media screen and (max-width: 740px) {
	.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddi {
		flex:0 0 calc(50% - .5rem);
    width:calc(50% - .5rem);
    max-width:50%
	}
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddd {
  flex:0 0 140px;
  max-width:140px
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddd .custom-select,.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddd .select {
  max-width:100%;
  min-width:100%
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddd .placeholder {
  font-size:16px
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddd .select-feedback {
  display:none
}
@media screen and (max-width: 740px) {
	.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-ddd {
    flex:0 0 calc(50% - .5rem);
    width:calc(50% - .5rem);
    max-width:50%
	}
}
.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-number {
  flex:1
}
@media screen and (max-width: 740px) {
	.whatsapp-fields .whatsapp-phone-container .whatsapp-phone-number {
		flex:none;
    width:100%
	}
}
@media screen and (max-width: 740px) {
	.whatsapp-fields .whatsapp-phone-container {
    gap:1rem;
    flex-wrap:wrap
	}
}
.whatsapp-fields .feedback-helpertext {
  margin-top:.5rem
}