.woocommerce-checkout #primary.inner-wrapper.spacelarge {
	margin-bottom: 0;
}
#checkout-holder .navybg.header {
	background-color: #012c4e;
}
.woocommerce-checkout article.inner-narrow {
	padding: 0;
}
#checkout-options {
	display: flex;
    justify-content: space-between;
    clear: both;
}
#key #checkout-options-food .option {
	margin-bottom: 13px;
	min-height: 0;
    padding: 1.2em;
    clear: both;
}
#key #checkout-options-food .option a.compare-open, #key #checkout-options-food .option a.compare-mixed-open, #key #checkout-options-food .option a.compare-raw-open {
	margin-left: 2px;
	position: relative;
	z-index: 83;
}
#key #checkout-options-food #unavailable h6, #key #checkout-options-food #variety h6 {
	position: relative;
	cursor: pointer;
	font-size: 13px;
}
#key #checkout-options-food #unavailable h6:after, #key #checkout-options-food #variety h6:after {
	position: absolute;
    right: 0;
    top: 4px;
    zoom: .7;
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 11px;
    background: url('../media/global-sprite.webp') -177px -44px;
    background-size: 210px 137px;
    -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#key #checkout-options-food #unavailable h6.open:after, #key #checkout-options-food #variety h6.open:after {
	transform: rotate(180deg);
}
#key .option {
	border: 1px solid #DEDEDE;
	border-radius: 8px;
	position: relative;
}
#key .option.active{
	background-color: #F6FBFC;
	border-color: #84D8E9;
}
#key.butnot .option.active {
	border-color: #073051;
}
#key .option .box {
	margin-top: -40px;
}
#key #checkout-options-food .option .box {
	width: 40%;
	margin-top: 0;
	margin-left: -36px;
	margin-right: 18px;
	margin-bottom: 5px !important;
	float: left;
}
.checkout.rawandkibble #key #checkout-options-food .option.turkey .box {
	margin-left: -30px;
    margin-right: 12px;
}
.checkout.kibblemixed #key .inclusions .option.salmon img {
	margin-left: 6px;
    margin-right: 11px;
}
#key #checkout-options-food .option.salmon .box {
	text-align: right;
}
#key .option .box img {
    max-height: 110px;
    width: auto;
}
#key.butnot .option .box img {
	max-height: 197px;
    width: auto;
}
#key #checkout-options-food .option.variety .box {
	text-align: right;
}
#key .option.variety .box img {
	max-height: 100px;
}
.checkout.raw #key #checkout-options-food .option {
	padding: 0.9em 1.2em;
}
.checkout.raw #key #checkout-options-food .option .box {
	width: 25%;
	margin-left: 0;
	margin-right: 10px;
}
.checkout.raw #key #checkout-options-food .option .box img {
	width: 100%;
	height: 90px;
	object-fit: contain;
	object-position: center;
}
#checkout-holder:not(.ontopayment) #key label {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	display: block;
	margin-right: -10px;
}
p.availability-alert {
	padding: 18px;
    margin: 0;
    color: white;
    background-color: #F97276;
}
#key #choice-recipe h4 {
	line-height: 1.2em;
}
#key #payment label:before, #key #payment label:after {
	content: '';
	display: none;
}
/* COLOUR BLOCKED DISABLED NOTICES
#key:not(.butnot) #checkout-options-food input:disabled + label:before {
	content: 'Unfortunately we\'re not accepting new Turkey, Lamb & Beef subscriptions until early January. If you like, start with the Roo and you can switch shortly. Sorry!';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7,48,81,.9);
    border: none;
    z-index: 84;
    opacity: 1;
    border-radius: 8px;
    line-height: 1.4em;
    font-weight: normal;
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0 12px;
    margin: 0;
}
#key:not(.butnot) #checkout-options-food .kangaroo input:disabled + label:before {
	content: 'Unfortunately we\'re not accepting new Kangaroo subscriptions until mid-December. If you like, start with another recipe and switch when available. Sorry!';
}
#key:not(.butnot) #checkout-options-food input:disabled + label:after {
	display: none;
}*/
#key:not(.butnot) #checkout-options .option.one.disabled:before{
	content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.9);
    filter: blur(8px);
    border: none;
    z-index: 84;
    opacity: 1;
    border-radius: 8px;
    display: block;
}
#key:not(.butnot) #checkout-options .option.one.disabled:after {
	content: '4kg starter packs are not possible with our 8kg variety boxes';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 85;
    opacity: 1;
    border-radius: 8px;
    line-height: 1.4em;
    font-weight: normal;
    color: #073051;
    text-align: center;
    display: flex;
    align-items: center;
    padding: 0 12px;
    margin: 0;
}
/* MORE SUBTLE DISABLED NOTICES */
#key:not(.butnot) #checkout-options-food .option.disabled .box, #key:not(.butnot) #checkout-options .option.disabled .box {
	opacity: .7;
	filter: blur(8px);
}
#key:not(.butnot) #checkout-options-food input:disabled + label:before, #key:not(.butnot) #checkout-options-food input:disabled + label:after, #key:not(.butnot) #checkout-options input:disabled + label:before, #key:not(.butnot) #checkout-options input:disabled + label:after {
	display: none;
}
#key #checkout-options-food .option.disabled, #key #checkout-options .option.disabled {
	border-color: transparent;
}
#key #checkout-options-food .option.disabled span.catch-all, #key #checkout-options .option.disabled span.catch-all {
	cursor: auto;
}
/* CARRY ON */
#key .price span.blue {
	text-transform: uppercase;
}
#key .price span.grey {
	display: block;
	line-height: 1.2em;
	opacity: 0.6;
	text-transform: none;
	font-size: 11px;
}
#key:not(.butnot) .holder label:before {
	content: '';
    -webkit-transform: none;
    transform: none;
    width: 24px;
    height: 24px;
    border-radius: 500rem;
    bottom: -12px;
    left: 50%;
    margin-left: -10px;
    background: white;
    border: 1px solid #84D8E9;
    position: absolute;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    z-index: 76;
}
#key:not(.butnot) .holder label:after {
	position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 500rem;
    background-color: #84D8E9;
    border: 2px solid #ffffff;
    line-height: 26px;
    text-align: center;
    bottom: -14px;
    left: 50%;
    margin-left: -12px;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    z-index: 75;
}
#key:not(.butnot) #checkout-options-food label:before, #key:not(.butnot) #checkout-options-food label:after {
	top: 50%;
	left: 0;
}
#key:not(.butnot) #checkout-options-food label:before {
	margin-left: -12px;
	margin-right: -12px;
	margin-top: -12px;
}
#key:not(.butnot) #checkout-options-food label:after {
	margin-left: -14px;
	margin-right: -14px;
	margin-top: -14px;
}
#key input[type=radio], #key input[type=checkbox] {
	cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    outline: 0;
    z-index: 3;
    width: 24px;
    height: 24px;
    box-shadow: none;
}
#key input~label:after {
    content: '';
    color: #84D8E9;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    opacity: 1;
}
#key input:checked~label:after, .ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after, .option.simple input:checked~label:after {
	background: #84D8E9 url('../media/global-sprite.webp') -267px -14px;
    background-size: 166px 117px;
    opacity: 1;
    z-index: 77 !important;
    content: ' ';
}
.ui.radio.checkbox input:checked~.box:after, .ui.radio.checkbox input:checked~label:after {
	background-position: -252px -13px;
    background-size: 157px 115px;
}
#key .includes:not(.spacemedium) { margin-bottom: 0; }
#key .includes li { margin-bottom: 9px; }

#key .includes.icons, #pre-checkout-lead-holder .includes.icons {
	padding-left: 0;
}
#key .includes.icons li, #pre-checkout-lead-holder .includes.icons li {
	position: relative;
	line-height: 1.3em;
	list-style: none;
	margin-bottom: 11px;
	margin-right: -5px;
	padding-left: 40px;
}
#pre-checkout-lead-holder .includes.icons li {
	margin-bottom: 16px;
}
#key .includes.icons li:before, #pre-checkout-lead-holder .includes.icons li:before {
	background-image: url('../media/sprite-features.png');
	background-size: 105px 95px;
	list-style: none;
	position: absolute;
	left: 0;
	top: 2px;
	width: 25px;
	height: 25px;
	content: ' ';
}
.includes.icons li.carbon:before {
	width: 21px; height: 25px;
    background-position: -75px -37px;
}
.includes.icons li.guarantee:before {
	width: 24px; height: 25px;
    background-position: -5px -40px;
    top: -2px;
}
.includes.icons li.scoop:before {
	width: 25px; height: 22px;
    background-position: -75px -5px;
}
.includes.icons li.transition:before {
	width: 25px; height: 24px;
    background-position: -40px -40px;
}
.includes.icons li.control:before {
	width: 25px; height: 25px;
    background-position: -40px -5px;
}
.includes.icons li.charity:before {
	width: 25px; height: 25px;
    background-position: -5px -5px;
    top: -2px;
}
.includes.icons li.shipping:before {
	width: 25px; height: 21px;
    background-position: -5px -75px;
    top: 5px;
}

#key a.button {
	display: block;
	position: relative;
	margin: 0 auto;
    text-align: center;
    border-radius: 8px;
    line-height: 64px;
    padding: 0;
    color: white;
    font-size: 18px;
}
#key .option .sizenotice {
	background-color: rgba(7, 48, 81, .9);
    color: white;
    text-align: center;
    position: absolute;
    z-index: 81;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    padding: 0 15px;
    border-radius: 8px;
    display: flex;
}
#key .option .sizenotice p {
	align-self: center;
}
#key .option .sizenotice a {
	color: white;
}
.kibble #choice-feeding {
	padding: 36px 0;
}
#choice-feeding p::first-letter {
	text-transform: capitalize;
}
.checkout.raw #key #choice-feeding {
	padding-bottom: 36px;
}
.checkout.rawandkibble #customise-raw {
	margin: 0;
}
.checkout #key .mixed-inclusions .contents {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.checkout #key .mixed-inclusions .contents div {
	align-items: center;
	display: flex;
	width: 100%;
	padding: 4px 0;
}
.checkout #key .mixed-inclusions .contents img {
	flex: 60px 0 0;
	max-width: 60px;
	height: 48px;
	object-fit: contain;
	object-position: center;
	margin-right: 15px;
}
.checkout #key .mixed-inclusions .contents .kibble img {
	margin-left: -8px;
    margin-right: 23px;
}
.checkout #key .mixed-inclusions .contents p {
	margin-bottom: 0;
	flex: 1 0 0;
	text-align: left;
	font-size: 13px;
}
#choice-feeding p a {
	color: #A5A9B2;
}
#choice-feeding #customise-raw a:first-of-type {
	padding-right: 0;
}
p.frequency-manual {
	text-align: center;
	color: #A5A9B2;
	font-size: 12px;
	margin: 20px 0;
}
p.frequency-manual a, a.compare-open, a.feeding-open, a.compare-mixed-open, a.compare-raw-open {
	color: #A5A9B2;
	font-size: 13px;
	margin-left: 7px;
	font-weight: normal;
}
#key #checkout-options-food .option span.catch-all, #key #checkout-options .option span.catch-all {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 82;
	top: 0;
	left: 0;
	cursor: pointer;
}
#key #checkout-options .option #activeDiscountPrice.small, #key #checkout-options .option #activePrice.small {
	font-size: .75em;
	margin-right: -12px;
}

#signup-woo-data { display: none; }

#coupon-holder {
	font-size: 13px;
    margin-bottom: 9px;
    padding: 0;
    margin: 0 auto;
}
.woocommerce form.checkout_coupon {
	border-radius: 8px;
	padding: 18px;
	margin: 0 0 18px;
	border: 1px solid #073051;
	background: white;
	
	display: flex;
	justify-content: space-between;
}
.woocommerce form.checkout_coupon .form-row {
	margin-bottom: 0;
	padding: 0;
}
.woocommerce form.checkout_coupon .form-row.form-row-last {
	text-align: right;
}
.woocommerce form.checkout_coupon .form-row input[type="text"] {
	background-color: #EEFAFD;
}
.woocommerce form.checkout_coupon .form-row button.button {
	height: 39px;
	line-height: 39px;
    padding: 0 18px;
    border-radius: 8px;
    background-color: #F97276;
    color: white;
}
.woocommerce-form-coupon-toggle {
	font-weight: bold;
}
.woocommerce-form-coupon-toggle i {
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin-right: 7px;
    background: #fff;
    display: inline-block;
    position: relative;
    font-style: normal;
    margin-bottom: -5px;
}
.woocommerce-form-coupon-toggle i:after {
	content: '+';
	font-size: 20px;
    position: absolute;
    top: 2px;
    left: 5px;
    line-height: 1em;
}
.woocommerce-form-coupon-toggle, .woocommerce-form-coupon-toggle a {
	color: #073051;
}

#inclusions {
	margin-top: -32px;
}
#inclusions > .spacexlarge {
	margin-bottom: 54px;
}
#inclusions .stars div {
	display: inline-block;
	zoom: .9;
    margin-top: -5px;
}
#inclusions .stars span {
	vertical-align: top;
	margin-left: 5px;
	display: inline-block;
	font-size: 13px;
}

.testimonial img {
	max-width: 150px;
}

.mfp-content {
	position: fixed;
	z-index: 9993;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(7, 48, 81, .8);
	display: flex;
	align-items: center;
	justify-content: center;
}
.mfp-wrap button.mfp-close, .mfp-wrap div.mfp-close {
	top: 50px;
    right: 50px;
    position: absolute;
    width: 40px;
    height: 40px;
    -webkit-appearance: none;
    background: none;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
}
.mfp-wrap button.mfp-close:before, .mfp-wrap button.mfp-close:after, .mfp-wrap div.mfp-close:before, .mfp-wrap div.mfp-close:after {
  position: absolute;
  content: ' ';
  height: 40px;
  width: 1px;
  left: 9px;
  top: -3px;
  /*background-color: #073051;*/
  background-color: white;
}
.mfp-wrap button.mfp-close:before, .mfp-wrap div.mfp-close:before { transform: rotate(45deg); }
.mfp-wrap button.mfp-close:after, .mfp-wrap div.mfp-close:after { transform: rotate(-45deg); }
.mfp-wrap div.mfp-close:before, .mfp-wrap div.mfp-close:after { left: 19px; }
.mfp-preloader { display: none!important; }
.mfp-fade.mfp-bg {
  opacity: 0;
  transition-delay: 0.8s;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
.mfp-wrap button.mfp-close {
	zoom: .7;
	top: 93px;
	right: 40px;
}

body .ui-widget.ui-widget-content, .scratchmodal {
	background-color: #fbf7f3;
	color: #073051;
	border-radius: 8px;
	box-shadow: 0 0 85px 0 rgba(0,0,0,0.11);
}
.inner-narrow.scratchmodal {
	max-width: 600px;
}
.scratchmodal {
	padding: 30px 0;
}
.scratchmodal > .inner {
	padding: 20px 50px;
}
.scratchmodal p, .scratchmodal li {
	font-size: 13px;
}
.scratchmodal p.large {
	font-size: 15px;
}
.scratchmodal li {
	margin-bottom: 4px;
}

/* WooCommerce Forms */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
}
.woocommerce form .form-row select {
    cursor: pointer;
    margin: 0;
}
.woocommerce form .form-row select, .woocommerce-page form .form-row select {
    width: 100%;
}
.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide {
    clear: both;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    line-height: 2;
    margin: 0;
    font-weight: 400;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 1em;
    margin: 1em 0 0;
    font-size: 13px;
    border-radius: 2px;
    line-height: 1.5;
    background-color: #ffffff;
    color: #515151;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    content: "";
    display: block;
    border: 1em solid #ffffff;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -.75em;
    left: 0;
    margin: -1em 0 0 2em;
}
#add_payment_method #payment div.payment_box .wc-credit-card-form, .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
    border: 0;
    padding: 0;
    margin: 1em 0 0;
}
#payment .payment_methods li img.stripe-icon {
	display: none;
}

@media screen and (min-width: 67em) {
	
	.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
	    width: 48%;
	    overflow: visible;
	}
	.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
	    float: left;
	}
	.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
	    float: right;
	}
	body:not(.logged-in) .woocommerce-form-coupon-toggle {
		margin-top: -36px;
	}
	
}


.woocommerce form .form-row {
	padding: 0;
	margin: 0 0 9px;
}
.woocommerce form .form-row label {
    font-size: 13px;
    font-weight: 700;
    line-height: 2;
    display: block;
}
#billing_state, #shipping_state {
    height: 42px;
}
#billing_country_field, #order_comments_field {
    display: none;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    display: none;
}
#order_review {
	margin-bottom: 72px;
}
#order_review tr.shipping.recurring-total, #order_review tr.cart-subtotal, #order_review tr.recurring-totals, #order_review thead {
	display: none;
}
#order_review tr.cart-discount.recurring-total th:after {
	content: ' on future orders';
}
#order_review tr.order-total:not(.recurring-total) th:after { content: ' today'; }
.woocommerce table.shop_table tfoot .woocommerce-shipping-totals.shipping th, .woocommerce table.shop_table tfoot .woocommerce-shipping-totals.shipping td, .woocommerce table.shop_table tfoot .cart-discount th, .woocommerce table.shop_table tfoot .cart-discount td {
    border-top: none;
}
.woocommerce .checkout.kibble .form-row input[type="text"], .woocommerce .checkout.kibble .form-row input[type="number"], .woocommerce .checkout.kibble .form-row input[type="email"], .woocommerce .checkout.kibble .form-row input[type="password"] {
    background-color: white;
}

body.nearly {
	background: #fbf7f3;
}
#order_review {
    box-shadow: 0 0 24px 0 rgba(0,0,0,0.11);
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
}
.feelgood {
	background-color: #b5eca3;
}
.feelgood p {
	margin-bottom: 0;
	text-align: center;
	padding: 8px 0;
	font-size: 0.8125em;
}
#mobile-fear {
	margin-top: 18px;
}
#mobile-fear .flex {
	font-size: 13px;
	justify-content: space-around;
}
#mobile-fear .flex > div {
	display: flex;
    align-items: center;
}
#mobile-fear svg {
	height: 16px;
	width: auto;
	margin-right: 6px;
}
#mobile-fear svg path {
	fill: #073051;
}
.woocommerce table.shop_table {
    background: white;
    margin: 0;
    border: none;
    border-spacing: 0;
    border-radius: 0;
    font-size: 13px;
    text-align: left;
    width: 100%;
    border-collapse: separate;
}
.woocommerce table.shop_table td {
	padding: 18px 12px;
	vertical-align: middle;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table tbody td.product-name {
	padding: 12px 18px;
	width: 50%;
	font-weight: bold;
}
.woocommerce table.shop_table ul.woocommerce-shipping-methods {
	list-style: none;
    padding: 0;
    margin: 0;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
	border-bottom: none;
    padding: 18px 18px 0;
    margin: 0;
    list-style: none outside;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
	margin: 0;
	padding: 18px;
}
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form label {
	font-size: 13px;
	font-weight: 700;
	color: #073051;
}
.woocommerce-checkout #payment div.payment_box br {
	display: none;
}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
	font-size: 11px;
	margin-bottom: 0;
}
#wc-stripe-upe-form {
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
}
#stripe-card-element > .__PrivateStripeElement > div > iframe {
	left: 1000px; /* Hack to remove the Link thing from showing in checkout */
}
.wc-stripe-elements-field, .wc-stripe-iban-element-field {
	margin-bottom: 0 !important;
	padding: 9px !important;
	border: 1px solid #073051 !important;
	border-radius: 3px;
}
.woocommerce form .form-row.place-order {
	text-align: left;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	margin: 18px 0;
	font-size: 18px;
	border: none;
    color: white;
    width: 100%;
}
.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
	background-color: #d97074 !important;
	color: white !important;
}
.woocommerce form .form-row#billing_postcode_field {
	float: left;
	width: 47%;
}
.woocommerce form .form-row#billing_phone_field {
	clear: none;
	float: right;
	width: 47%;
}
.woocommerce form .woocommerce-account-fields {
	clear: both;
}
#ship-to-different-address {
    font-size: 13px;
    margin-bottom: 18px;
}
#ship-to-different-address label {
	font-weight: normal;
}

table.table_pets {
	font-size: 0.8666666667em;
	text-align: left;
}
table.table_pets thead th {
	color: #F97276;
}
table.table_pets .gender, table.table_pets .growth, table.table_pets .concerns {
	display: none;
}
.table_pets a.edit-pet i {
	width: 22px; height: 19px;
    background: url('../media/global-sprite.webp') -133px -108px;
    background-size: 210px 140px;
    display: inline-block;
}
.table_pets a.remove-pet i {
	width: 22px; height: 19px;
    background: url('../media/global-sprite.webp') -133px -43px;
    background-size: 210px 140px;
    display: inline-block;
}

/* Woocommerce-subscriptions/assets/css/checkout.css */
.shipping.recurring-total ul {
	list-style: none outside;
	margin: 0;
	padding: 0;
}
.shipping.recurring-total ul li {
	margin: 0;
	padding: .25em 0 .25em 22px;
	text-indent: -22px;
	list-style: none outside;
}
.shipping.recurring-total ul li input {
	margin: 3px 0.5ex;
}
.shipping.recurring-total ul li label {
	display: inline;
}
.shipping.recurring-total ul .amount {
	font-weight: 700;
}
.woocommerce-page table.shop_table_responsive tbody .recurring-totals th {
	display:table-cell;
}
.woocommerce-page table.shop_table_responsive tr.recurring-total td:not([data-title]):before {
	content:"";
}

.ontopayment #key #sub_choices .inner, .ontopayment #key a.button, .ontopayment #key #superpoint, .ontopayment #key .option.super {
	display: none !important;
}
.ontopayment #signup-woo-data {
	display: block;
}


/* Thankyou */
#hero.welcome {
	background-color: #f1d8bf;
	position: relative;
}
#hero.welcome img {
	display: block;
	margin: -7% auto 0;
}
#hero.welcome.raw .inner {
	position: absolute;
	width: 100%;
	top: 72px;
}
#hero.welcome.raw img {
	margin: 0;
}
.woocommerce-order-received .gform_wrapper, #scratch-survey-form {
	max-width: 600px;
    margin: 0 auto;
}
.woocommerce-order-received ul.gfield_checkbox > li, #scratch-survey-form > li {
	margin-bottom: 10px;
}
#scratch-survey-form h4 {
	margin-bottom: 8px;
    color: #073051;
    font-weight: 700;
    font-family: 'Ginger', sans-serif;
    display: block;
}
#scratch-survey-form input[type="text"] {
	width: 100%;
}
#scratch-survey-form .checkbox-holder label, #scratch-survey-form .radio-holder label {
	margin-bottom: 3px;
	display: inline-block;
}
.woocommerce-order-received .gfield_description {
	font-size: 13px;
    margin-bottom: 13px;
}
.woocommerce-order-received .gform_wrapper textarea.medium, #scratch-survey-form textarea {
	height: 140px;
}
.woocommerce-order-received input.button, , #scratch-survey-form input.button {
	background: #F97276;
	color: white;
	border-radius: 8px;
	padding: 0 36px;
	line-height: 50px;
}

#key #puppy-starter-options #checkout-options label {
	margin-bottom: 5px;
}
#key #puppy-starter-options #activePrice, #key #puppy-starter-options #activeDiscountPrice, #key #puppy-starter-options #activeStarterPrice {
	margin-bottom: 8px;
}
#key #puppy-starter-options #activePrice .blue, #key #puppy-starter-options #activeDiscountPrice .blue, #key #puppy-starter-options #activeStarterPrice .blue, #key .option.super .blue {
	color: #61BBCE;
}
#order_review tr.coupon-starterpacklamb, #order_review tr.coupon-starterpackroo, #order_review tr.coupon-starterpackturkey, #order_review tr.coupon-freetubformydogsgrub {
	display: none;
}
/*#key #puppy-starter-options.withsuperpack .option.one {
	border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
}*/
#key #puppy-starter-options.withsuperpack #checkout-options label {
	margin-bottom: 2px;
}
#key #puppy-starter-options.withsuperpack #activeStarterPrice {
	margin-bottom: 4px;
}
#key #puppy-starter-options .option.super {
	border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 0.6em 1.2em;
}
#key #puppy-starter-options .option .box {
	width: 100%;
    margin-top: -76px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: -14px !important;
}
#key #puppy-starter-options .option .box img {
	width: 150%;
    max-width: 150%;
    margin-left: -25%;
    max-height: none;
}
#key #puppy-starter-options .option:first-of-type .box img {
	margin-top: 8px;
}

@media screen and (max-width: 67em) {
	
	#hero.welcome.raw.spacexlarge {
		margin-bottom: 36px;
	}
	#hero.welcome.raw .inner {
		top: 36px;
	}
	#hero.welcome.raw .inner h1.spacemedium {
		font-size: 1.5em;
		margin-bottom: 9px;
	}
	#key label.spacesmall {
		font-size: 13px;
		line-height: 1.2em;
		margin-bottom: 5px;
	}
	
	#food-options .active .chosenfood {
		margin: 15px -1.4em -1.4em;
	}
	#key .option {
		padding: 1.2em 1.2em 1.8em;
		margin-bottom: 1.8em;
	}
	#checkout-options {
		margin: 0 -18px;
	}
	#key #checkout-options .option {
		padding: 18px;
	    width: 48%;
	    margin-bottom: 15px;
	    float: left;
	    min-height: 230px;
	}
	#key #checkout-options .option.two {
		float: right;
	}
	#key .option.variety .box img {
		max-height: 86px;
		margin-bottom: 10px;
	}
	#key #activePrice, #key #activeDiscountPrice, #key #activeStarterPrice, #key .option.super .price {
		margin-top: 10px;
		font-weight: bold;
	}
	#key #activePrice .daily, #key #activeDiscountPrice .daily {
		font-weight: normal;
		text-transform: none;
	}
	#key .price span {
		display: block;
	}
	
	#checkout-holder.ontopayment > .header {
		display: none !important;
	}
	
	#key #puppy-starter-options #checkout-options .option {
		padding: 18px;
		margin-top: 9px;
	}
	#key #puppy-starter-options #activePrice, #key #puppy-starter-options #activeDiscountPrice, #key #puppy-starter-options #activeStarterPrice, #key .option.super .price {
		margin-top: 0;
		font-size: 11px;
	}
	#key #puppy-starter-options #checkout-options label {
		font-size: 14px;
	}
	#key #puppy-starter-options #checkout-options p {
		margin-right: -8px;
	}
	.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
		width: 100%;
	}
	
}
@media screen and (min-width: 50em) and (max-width: 67em) {
	
	#key #checkout-options .option {
		min-height: 160px;
	}
	
}
@media screen and (min-width: 67em) {
	
	body:not(.page-template-template-onboarding) .site-navigation {
		display: none;
	}
	body.logged-in:not(.page-template-template-onboarding) .site-navigation {
		display: block;
	}
	.woocommerce-checkout #primary.inner-wrapper {
		max-width: 100%;
		padding: 0 2.25em;
	}
	.woocommerce-checkout article.inner-narrow {
		max-width: 1280px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.woocommerce-checkout article.inner-narrow .header + .relative {
		max-width: 1280px;
	    margin-left: auto;
	    margin-right: auto;
	    padding: 0 1.125em;
	}
	#checkout-holder {
		padding-top: 72px;
	}
	#key-box .inner {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	#key-box .inner > #sub_choices {
		width: 66.5%;
	}
	#key-box .inner > #sub_choices .inner {
		display: grid;
		column-gap: 72px;
		grid-template-columns: repeat(2, 1fr);
	}
	#key-box .inner > #sub_choices .inner > * {
		flex: 1;
	}
	#key #choice-recipe {
		position: relative;
	}
	#key #choice-recipe:after {
		position: absolute;
		top: 0;
		right: -37px;
		width: 1px;
		height: 100%;
		content: ' ';
		background-color: #DEDEDE;
	}
	#key #checkout-options {
		display: block;
	}
	#key #checkout-options .option {
		margin-bottom: 13px;
		padding: 1.2em;
	}
	#key .option.lamb .box img {
		margin-left: 3px;
		margin-top: -10px;
	}
	#key-box .inner > #plan_summary {
		width: 30.5%;
	}
	
	#key.butnot .option {
		padding: 20px;
		margin-bottom: 0 !important;
	}
	#key #choice-feeding {
		padding: 0;
	}
	#key:not(.butnot) #checkout-options label:before {
		margin-left: -12px;
	    margin-right: -12px;
	    margin-top: -12px;
	}
	#key:not(.butnot) #checkout-options label:after {
		margin-left: -14px;
	    margin-right: -14px;
	    margin-top: -14px;
	}
	#key:not(.butnot) #checkout-options label:before, #key:not(.butnot) #checkout-options label:after {
		top: 50%;
		left: 0;
		cursor: pointer;
	}
	p.frequency-manual {
		margin-top: 0;
	}
	
	
	/* PROCEEDED TO BILLING */
	.ontopayment .header + .relative {
		display: flex;
	    justify-content: space-between;
	    flex-direction: row;
	}
	.ontopayment #inclusions .stars {
		text-align: left;
	}
	
	/* PUPPY STARTER PACK */
	#key #puppy-starter-options .option .box {
		width: 40%;
	    margin-top: 0;
	    margin-left: 0;
	    margin-right: -36px;
	    margin-bottom: 5px !important;
	    float: left;
	}
	#key #puppy-starter-options .option .box img {
		width: 130%;
	    max-width: 130%;
	    margin-left: -30%;
	}
	#key #puppy-starter-options .option.super .box img {
		width: 100%;
	    max-width: 100%;
	    margin-left: -17%;
	    padding-top: 18px;
	}
	
	
}




/* Onboarding
--------------------------------------------- */
#onboarding-form { overflow: hidden; }
#onboarding-form .question {
	max-width: 800px;
	width: 100%;
	clear: none;
	float: left;
	text-align: center;
}
#onboarding-form .question h2 {
	display: block;
	text-align: center;
	font-size: 2em;
}
#onboarding-form h1.current { display: block; }
#onboarding-form input[type="text"], #onboarding-form input[type="number"] {
	outline: none;
	font-size: 30px;
	float: none;
	clear: both;
	text-align: center;
	display: block;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 8px;
	border: 1px solid #ffffff;
	box-shadow: 0 0 24px 0 rgba(0,0,0,0.11);
	padding: 20px;
	max-width: 500px;
	width: 100%;
	transition: all 0.4s ease;
}
input.needsatt { border: 1px solid #F97276!important; }
#dob-holder div, #onboarding-form-p-3 div { display: inline-block; }
#dob-holder div label, #onboarding-form-p-3 div label {
	display: block;
	margin-top: 10px;
}
#dob-holder #doggyyears {
	display: block;
	margin-top: 90px;
}
#dogdob { display: none; }
#weight-holder label {
	display: block;
	max-width: 440px;
    margin: 10px auto 0 auto;
    display: block;
    text-align: center;
}
#onboarding-form input.picker-input[type="text"] {
	/*max-width: 160px;*/
	max-width: 500px;
    width: 100%;
	display: inline-block;
	margin: 0 10px;
}
.ui.radio.checkbox {
    min-height: 23px;
}
.ui.checkbox .box, .ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    outline: 0;
    font-size: 1em;
    z-index: 123;
}
.center .ui.checkbox label { display: inline-block; }
.ui.checkbox input.hidden+label, .ui.checkbox input.hidden~label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 29px;
}
#feeding .ui.checkbox input.hidden~label {
	line-height: 19px;
	padding-top: 20px;
}
.ui.checkbox input.hidden:disabled+label {
	cursor: not-allowed;
	opacity: .5;
}
.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    min-height: 20px;
    font-size: 15px;
    line-height: 22px;
    min-width: 17px;
}
.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio], .ui.checkbox input[type=email] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    outline: 0;
    z-index: 3;
    width: 24px;
    height: 24px;
    box-shadow: none;
}
.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
    content: '';
    -webkit-transform: none;
    transform: none;
    width: 24px;
    height: 24px;
    border-radius: 500rem;
    top: 1px;
    left: 50%;
    margin-left: -12px;
}
.multiple-dogs-wrapper.ui.checkbox input[type=radio] {
	top: 18px;
	z-index: 2;
}
.multiple-dogs-wrapper.ui.radio.checkbox {
	height: 44px;
}
.multiple-dogs-wrapper.ui.radio.checkbox label {
	text-indent: 32px;
}
.multiple-dogs-wrapper.ui.radio.checkbox label:before, .multiple-dogs-wrapper.ui.radio.checkbox label:after {
	left: 0;
	margin-left: 0;
	text-indent: 0;
}
.ui.checkbox .box:before, .ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    content: '';
    background: #fff;
    border-radius: .21428571rem;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    border: 1px solid #84D8E9;
}
.ui.checkbox .box:after, .ui.checkbox label:after {
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    text-align: center;
    opacity: 0;
    color: rgba(0,0,0,.87);
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
}
.ui.radio.checkbox input:indeterminate~.box:after, .ui.radio.checkbox input:indeterminate~label:after {
    opacity: 0;
}
.ui.checkbox input:indeterminate~.box:after, .ui.checkbox input:indeterminate~label:after {
    font-size: 12px;
    content: '\e801';
}
.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
    width: 24px;
    height: 24px;
    border-radius: 500rem;
    background-color: #84D8E9;
	border: none;
	line-height: 27px;
	top: 0;
	left: 50%;
    margin-left: -12px;
}
.ui.radio.checkbox input:checked~.box:before, .ui.radio.checkbox input:checked~label:before {
    background-color: #fff;
}
.ui.checkbox input:checked~.box:before, .ui.checkbox input:checked~label:before {
    background: #fff;
}
.ui.checkbox:not(.radio) input:checked~label:after {
    color: transparent;
    font-size: 0;
    content: "";
    height: .3125rem;
    width: .565rem;
    background-color: transparent;
    border-left: .1875rem solid;
    border-bottom: .1875rem solid;
    border-color: rgba(0,0,0,.95);
    left: 6px;
    top: 6px;
    /* margin-left: -0.325rem; */
    /* margin-top: -0.365rem; */
    display: block;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all 0.2s linear;
}
.ui.checkbox input:checked~.box:after, .ui.checkbox input:checked~label:after { opacity: 1; }

.grouped.fields.radios {
	display: flex;
	justify-content: center;
	position: relative;
}
.grouped.fields.radios:after {
	width: 100%;
	height: 1px;
	content: ' ';
	background: #84D8E9;
	position: absolute;
	left: 0;
	top: 12px;
}
.grouped.fields.radios .field {
	flex-grow: 1;
	flex-basis: 0;
    text-align: center;
}
.grouped.fields.checkboxes {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	position: relative;
	text-align: left;
}
.grouped.fields.checkboxes .field {
	margin-bottom: 9px;
}
.grouped.fields.checkboxes #top-level-health .field, .grouped.fields.checkboxes #intollerances .field {
	padding: 0 50px;
}
.grouped.fields.checkboxes #top-level-health .ui.checkbox #health-none~label, .grouped.fields.checkboxes #intollerances .ui.checkbox #intollerence-environmental~label, .grouped.fields.checkboxes #intollerances .ui.checkbox #intollerence-unknown~label {
	line-height: 18px;
}
.grouped.fields.checkboxes .ui.checkbox input[type=checkbox] {
	top: 2px;
}
.grouped.fields.checkboxes .ui.radio.checkbox label {
	padding-left: 32px;
}
.grouped.fields.checkboxes .ui.radio.checkbox label:before, .grouped.fields.checkboxes .ui.radio.checkbox label:after {
	left: 0;
	top: 2px;
	margin-left: 0;
	text-indent: 0; 
}

#activity img, #doggrowing img, #obesity img, #feeding img { margin-bottom: 10px; }
#feeding img { opacity: .25; }
#feeding .ui.radio.checkbox input:checked {
	opacity: 1;
}
#feeding .ui.radio.checkbox input:checked ~ img { opacity: 1; }
#no-raw img {
	opacity: 1;
	margin: 0 2px 0 0;
}
#raw-waitlist {
	padding-bottom: 48px;
}
#raw-waitlist img {
	opacity: 1;
	margin: 0 2px 0 0;
}
#no-raw span.health { display: none; }
#feeding-only-kibble.rawnotsuitable #no-raw span.health { display: inline; }
#feeding-only-kibble.rawnotsuitable #no-raw span.area { display: none; }
#feeding-only-kibble #no-raw span.largebreed { display: none; }
#feeding-only-kibble.rawnotsuitable.largebreed #no-raw span.area { display: none; }
#feeding-only-kibble.rawnotsuitable.largebreed #no-raw span.health { display: none; }
#feeding-only-kibble.rawnotsuitable.largebreed #no-raw span.largebreed { display: inline; }
#feeding-only-kibble.rawnotsuitable #raw-waitlist { display: none; }

@media screen and (min-width: 50em) {
	
	#health-concerns .grouped.fields.checkboxes .field {
		width: 50%;
		float: left;
	}
	#health-concerns .grouped.fields.checkboxes .field:nth-of-type(2n) {
		clear: left;
	}
	#health-concerns .grouped.fields.checkboxes .field:first-of-type {
		width: 100%;
	}
	
}


/* SELECT2 CUSTOMISATIONS */
#onboarding-form .select2-container {
	/*max-width: 530px;*/
	max-width: 500px;
	width: 100%;
	display: block!important;
    margin: 0 auto!important;
}
#onboarding-form .select2-container .selection {
	padding-left: 14px;
    padding-right: 38px;
    background: #fff;
    border-radius: 8px;
    max-width: 500px;
    width: 100%;
    border: none;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.11);
    display: block;
}
#onboarding-form .select2-container--default .select2-selection--single {
	outline: none;
	font-size: 30px;
	padding: 18px 0;
	width: auto;
	float: none;
	clear: both;
	text-align: center;
	height: auto;
	border: none;
	background: none;
}
#onboarding-form  .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 28px;
    right: 17px;
}
#onboarding-form  .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #84D8E9 transparent transparent transparent;
	border-width: 7px 6px 0 6px;
}
#onboarding-form  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #84D8E9 transparent;
    border-width: 0 6px 7px 6px;
}
#onboarding-form  .select2-container .select2-selection--single .select2-selection__rendered {
	overflow: visible;
	line-height: 42px;
	padding: 0;
}
#onboarding-form  .select2-dropdown { border-color: #84D8E9; }
.page-template-template-onboarding #primary { transition: filter 0.4s ease; }
.page-template-template-onboarding #primary.modalactive { filter: blur(20px); }
#sizealert {
	position: absolute;
	z-index: 700;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
	opacity: 0;
	transition: all 0.4s ease;
}
#sizealert.active {
	opacity: 1;
	display: flex;
}
#sizealert .inner-narrow { max-width: 620px; }
#sizealert .inner-narrow .inner { padding: 50px; }
#sizealert form label {
	font-size: 13px;
	font-weight: 600;
	text-align: left;
}
#sizealert form input {
	padding: 8px;
    border-radius: 2px;
    border-color: #073051;
}

#breed-size .ui.checkbox input.hidden+label {
	line-height: 23px;
	padding-top: 10px;
}

@media screen and (min-width: 50em ) {
	
	#sizealert { top: 100px; }
	#sizealert form label {
		width: 20%;
		float: left;
		line-height: 39px;
	}
	#sizealert form input {
		width: 75%;
		float: right;
	}
	#breed-size #dog-small { margin-top: 16px; }
	#breed-size #dog-medium { margin-top: 22px; }
	#breed-size .grouped.fields.radios:after { top: 109px; }
		
}
@media screen and (max-width: 67em ) {
	
	#sizealert { top: 100px; }
	#sizealert { max-width: 100%; }
	#sizealert .inner-narrow .inner { padding: 40px; }
	#sizealert .inner-narrow .inner p { font-size: 13px; }
	#sizealert form { text-align: left; }
	#sizealert form label {
		margin-bottom: 4px;
		display: block;
	}
	#sizealert form input { width: 100%; }
	#breed-size { padding-top: 59px; }
	#breed-size img {
		height: 53px;
		width: auto;
	}
	#breed-size .grouped.fields.radios:after { top: 90px; }
	#breed-size .ui.checkbox input.hidden+label {
	    line-height: 18px;
	    padding-top: 14px;
	}
	
}

/* MIKE STEPS */
#form-btn-prev {
	position: absolute;
    left: -50px;
    background-color: #F97276;
    color: #F97276;
}
#form-btn-next {
	position: absolute;
    right: -50px;
    background-color: #F97276;
    color: white;
}
#form-btn-prev, #form-btn-next {
	width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    font-size: 19px;
    cursor: pointer;
    z-index: 600;
}
#form-btn-next i {
	width: 20px;
	height: 19px;
    background: url('../media/global-sprite.webp') -148px -153px;
    background-size: 315px 210px;
}
#form-btn-prev i {
	width: 20px;
	height: 19px;
    background: url('../media/global-sprite.webp') -5px -185px;
    background-size: 315px 210px;
}
#form-btn-prev i, #form-btn-next i {
	display: inline-block;
	margin-top: 10px;
}
.question.error input {
	animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	border: 1px solid #F97276!important;
}
.question.error input:focus, .question.error input:valid { border: 1px solid #fff!important; }
.page-template-template-onboarding .alert {
	padding: 15px;
	text-align: center;
	max-width: 1200px;
    margin: 0 auto 25px auto;
    background-color: #84D8E9;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #073051;
    border-top: none;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@media screen and (min-width: 50em) {
	
	.page-template-template-onboarding #site-navigation, .page-template-template-onboarding #sign-up-header { display: none; }
	.woocommerce-checkout:not(.woocommerce-order-received) #site-navigation, .woocommerce-checkout:not(.woocommerce-order-received) #sign-up-header { display: none; }
	#form-btn-prev, #form-btn-next { top: 185px; }
	.page-template-template-onboarding .alert {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	
}
@media screen and (min-width: 50em) and (max-width: 1400px) {
	
	#form-btn-prev { left: 50px; }
	#form-btn-next { right: 30px; }
	
}
@media screen and (max-width: 67em) {
	
	.page-template-template-onboarding #main.inner-narrow {
		padding: 0 1.125em;
	}
	#form-btn-next, #form-btn-prev {
		top: 360px;
		z-index: 200;
	}
	#form-btn-next { right: 10px; }
	#form-btn-prev { left: 10px; }
	#onboarding-form input[type="text"], #onboarding-form input[type="number"], #onboarding-form .select2-container--default .select2-selection--single {
		width: 100%;
		padding: 18px 14px;
		font-size: 24px;
	}
	#onboarding-form #dogsname {
		height: 72px;
	}
	#onboarding-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
		margin-left: -20px;
	}
	#onboarding-form input.picker-input[type="text"] { max-width: 89%; }
	#weight-holder label { font-size: 13px; }
	#activity .field img {
		height: 53px;
		width: auto;
	}
	.ui.checkbox .box, .ui.checkbox label {
		font-size: 13px;
		line-height: 1.4em !important;
		padding-top: 10px;
	}
	.page-template-template-onboarding .table_pets { font-size: 11px; }
	.page-template-template-onboarding .table_pets .gender { display: none; }
	#go-back-mobile { padding: 1.2em 0; }
	
}

@media screen and (min-width: 50em) and (max-width: 67em) {
	
	#form-btn-next, #form-btn-prev {
    	top: 169px;
    }
    #onboarding-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
		margin-left: -30px;
	}
	
}

/* UPSELL */
#checkoutCrosssell.comparisontable ul.row li.full {
	padding: 0 !important;
	text-align: left;
}
#checkoutCrosssell.comparisontable ul.row li.full .img-holder {
	width: 50px;
}
#checkoutCrosssell input {
	margin-right: 8px;
}

#signup-woo-data #checkoutCrosssell.visual h4 {
	border-bottom: none;
	padding-bottom: 0;
}
#checkoutCrosssell h4 {
	font-weight: normal;
}
#checkoutCrosssell.visual ul.row {
	display: flex;
	flex-direction: column;
    list-style: none;
}
#checkoutCrosssell.visual ul.row li.full {
	border-radius: 8px;
	background: white;
	border: 1px solid #073051;
	position: relative;
	padding: 18px;
	margin: 0 0 9px;
	text-align: center;
}
#checkoutCrosssell.visual ul.row li.full.tub:not(.hasTub) {
	display: none;
}
#checkoutCrosssell.visual ul.row li.full.xmas {
	background-color: #ebdac3;
}
#checkoutCrosssell.visual ul.row li.full.xmas h5 {
	font-size: .9em;
}
#checkoutCrosssell.visual ul.row li.full.xmas label img {
	width: 100%;
	height: auto;
	max-height: none !important;
	margin-top: 0;
}
#checkoutCrosssell.visual ul.row li.full input[type=checkbox] {
	cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    outline: 0;
    z-index: 3;
    width: 24px;
    height: 24px;
    box-shadow: none;
}
#checkoutCrosssell.visual ul.row li.full .info {
	width: 75%;
	float: left;
}
#checkoutCrosssell.visual ul.row li.full .img-holder {
	text-align: left;
	width: 25%;
	float: left;
}
#checkoutCrosssell.visual ul.row li.full .img-holder span.save {
	position: absolute;
	top: 12px;
	left: 12px;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
	background-color: #F97276;
	border-radius: 11px;
	padding: 3px 8px;
}
#checkoutCrosssell.visual ul.row li.full .img-holder img {
	max-height: 75px;
	width: auto;
}
#checkoutCrosssell.visual ul.row li.full .info h5 {
	font-size: 15px;
	margin: 0 -3px;
}
#checkoutCrosssell.visual ul.row li.full .info h5 a {
	color: #073051;
}
#checkoutCrosssell.visual ul.row li.full .info .stars {
	zoom: .65;
	margin: 8px 0;
}
#checkoutCrosssell.visual ul.row li.full label {
	line-height: 1em;
}
#checkoutCrosssell.visual ul.row li.full label:after {
	display: none;
}
#checkoutCrosssell.visual ul.row li.full div.button {
	display: block;
	max-width: 100%;
	line-height: 42px;
	padding: 0;
	font-size: 15px;
	background-color: #84D8E9;
	border: 1px solid #84D8E9;
	clear: both;
}
#checkoutCrosssell.visual ul.row li.full input:checked~label div.button {
	color: #073051;
	background-color: #EEFAFD;
	border-color: #073051;
}
#checkoutCrosssell.visual ul.row li.full label div.button span.ordered {
	display: none;
}
#checkoutCrosssell.visual ul.row li.full input:checked~label div.button span.ordered {
	display: inline;
}
#checkoutCrosssell.visual ul.row li.full input:checked~label div.button span.wanttoadd {
	display: none;
}
#checkoutCrosssell.visual ul.row li.full div.button #spinner-update {
	margin-left: 12px;
	max-height: 20px;
	position: relative;
}
#checkoutCrosssell.visual ul.row li.full span#removeupsell {
	font-weight: normal;
	text-decoration: underline;
	cursor: pointer;
	margin-top: 8px;
	display: none;
}
#checkoutCrosssell.visual ul.row li.full input:checked~label span#removeupsell {
	display: inline-block;
}

@media screen and (min-width: 67em) {
	
	#checkoutCrosssell.visual ul.row {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr;
		gap: 0px 18px;
		grid-template-areas: ". . . .";
	    grid-auto-rows: 1fr;
	}
	#checkoutCrosssell.visual ul.row.xmasbundles {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-areas: ". . .";
	}
	#checkoutCrosssell.visual ul.row li.full {
		margin: 0;
	}
	#checkoutCrosssell.visual ul.row li.full .info, #checkoutCrosssell.visual ul.row li.full .img-holder {
		width: 100%;
		float: none;
	}
	.checkout.kibble #checkoutCrosssell.visual ul.row li.full .info p {
		min-height: 97px;
	}
	.checkout:not(.kibble) #checkoutCrosssell.visual ul.row li.full .info p {
		min-height: 67px;
	}
	#checkoutCrosssell.visual ul.row li.full .img-holder {
		text-align: center;
	}
	#checkoutCrosssell.visual ul.row li.full .img-holder img {
		height: 100px;
		max-height: none;
		margin-top: -29px;
		object-fit: contain;
	}
	
}
@media screen and (max-width: 67em) {
	
	#checkoutCrosssell.visual ul.row li.full {
		margin-bottom: 0;
	}
	#checkoutCrosssell.visual ul.row li.full:first-of-type {
		border-bottom-right-radius: 0;
	    border-bottom-left-radius: 0;
	    border-bottom: none;
	}
	#checkoutCrosssell.visual ul.row li.full:nth-of-type(2), #checkoutCrosssell.visual ul.row li.full:nth-of-type(3) {
		border-radius: 0;
	}
	#checkoutCrosssell.visual ul.row li.full:nth-of-type(3) {
		border-top: none;
	}
	#checkoutCrosssell.visual ul.row li.full:last-of-type {
		border-top-right-radius: 0;
	    border-top-left-radius: 0;
	    border-top: none;
	}
	#checkoutCrosssell.visual ul.row li.full.poo .img-holder img {
		margin-left: -8px;
	}
	#checkoutCrosssell.visual ul.row li.full.tub .img-holder img {
		width: 88%;
	}
	#checkoutCrosssell.visual ul.row li.full .info {
		float: right;
		width: 70%;
		text-align: left;
	}
	#checkoutCrosssell.visual ul.row li.full .img-holder {
		width: 27%;
	}
	#checkoutCrosssell.visual ul.row li.full .img-holder img {
		max-height: 95px;
	}
	#checkoutCrosssell.visual ul.row li.full.cleanbundle .img-holder img {
		max-width: 120%;
	    margin-left: -15%;
	    margin-top: 20px;
	}
	#checkoutCrosssell.visual ul.row li.full label {
		clear: both;
	}
	
}

/* DATE DROPPER */
div.datedropper.scratch {
  border-radius: 4px;
  width: 175px;
}
div.datedropper.scratch .picker {
  border-radius: 4px;
  box-shadow: 0 0 38px 0px rgba(0, 0, 0, 0.1);
}
div.datedropper.scratch .pick-l {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.datedropper.scratch:before,
div.datedropper.scratch .pick-submit,
div.datedropper.scratch .pick-lg-b .pick-sl:before,
div.datedropper.scratch .pick-m,
div.datedropper.scratch .pick-lg-h {
  background-color: #F97276;
}
div.datedropper.scratch .pick-y.pick-jump,
div.datedropper.scratch .pick li span,
div.datedropper.scratch .pick-lg-b .pick-wke,
div.datedropper.scratch .pick-btn {
  color: #F97276;
}
div.datedropper.scratch .picker,
div.datedropper.scratch .pick-l {
  background-color: #ffffff;
}
div.datedropper.scratch .picker,
div.datedropper.scratch .pick-arw,
div.datedropper.scratch .pick-l {
  color: #073051;
}
div.datedropper.scratch .pick-m,
div.datedropper.scratch .pick-m .pick-arw,
div.datedropper.scratch .pick-lg-h,
div.datedropper.scratch .pick-lg-b .pick-sl,
div.datedropper.scratch .pick-submit {
  color: #ffffff;
}
div.datedropper.scratch.picker-tiny:before,
div.datedropper.scratch.picker-tiny .pick-m {
  background-color: #ffffff;
}
div.datedropper.scratch.picker-tiny .pick-m,
div.datedropper.scratch.picker-tiny .pick-m .pick-arw {
  color: #073051;
}
div.datedropper.scratch.picker-lkd .pick-submit {
  background-color: #ffffff;
  color: #073051;
}
#activity .grouped.fields.radios:after, #doggrowing .grouped.fields.radios:after { top: 109px; }
#obesity .grouped.fields.radios:after { top: 99px; }
#feeding .grouped.fields.radios:after { top: 90px; }
.grouped.fields.radios.activity:after { top: 85px; }

div.datedropper .picker ul.pick .pick-arw.pick-arw-s1, div.datedropper .picker ul.pick .pick-arw.pick-arw-s1 {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

@media screen and (max-width: 67em) {
	
	#activity .grouped.fields.radios:after { top: 82px; }
	
}


/* Email Checkout */
#pre-checkout-lead-holder {}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	background: rgba(7, 48, 81, .93);
}
.mfp-wrap #pre-checkout-lead-holder button.mfp-close {
	position: fixed;
}
.mfp-ready #pre-checkout-lead-holder {
	display: block !important;
}
.mfp-ready #pre-checkout-lead-holder .box {
	position: relative;
	background-color: #efe7cf;
	max-width: 450px;
	padding: 0;
}
.mfp-ready #pre-checkout-lead-holder .feature-holder {
	max-width: 450px;
}
#pre-checkout-lead-holder .image {
	position: absolute;
	top: -67px;
	width: 100%;
	min-height: 349px;
}
#pre-checkout-lead-holder .inner {
	position: relative;
    z-index: 19;
    padding: 274px 18px 36px;
}
#pre-checkout-lead-holder .inner .gform_footer {
	text-align: center;
}
#pre-checkout-lead-holder .gform_wrapper label.gfield_label {
	display: none;
}
#pre-checkout-lead-holder .gform_heading {
	display: none;
}
@media screen and (max-width: 67em) {

	#pre-checkout-lead-holder .inner {
		padding-top: 190px;
	}
	.mfp-wrap #pre-checkout-lead-holder button.mfp-close {
		top: 36px;
		right: 36px;
	}

}

.preorder-notice {
	font-size: 0.8666666667em;
	clear: both;
	background-color: #073051;
	color: white;
	padding: 1.2em;
	margin-left: -1.2em;
	margin-right: -1.2em;
	margin-bottom: -1.2em;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#submitonboarding #spinner-update {
	margin-bottom: -8px;
}

/* Raw Freezer space */
#freezerSpace.scratchmodal {
	padding: 0;
}
#freezerSpace .image img {
	width: 100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/* Onboarding illustrations */
.bg-Activity_hyper, .bg-Age_adult, .bg-Activity_lazy, .bg-Activity_normal, .bg-weight_heavy, .bg-Age_puppy, .bg-Feeding_box, .bg-Feeding_treats, .bg-weight_ideal, .bg-weight_lean, .bg-Feeding_mixed, .bg-mixed_small, .bg-mixed_medium, .bg-mixed_large {
	background-size: 529px 357px !important;
	display: inline-block;
}

.bg-Age_adult {
    width: 74px; height: 90px;
    background: url('../media/onboarding-sprite3.png') -348px -5px;
}
.bg-Age_adult.chosen {
	background: url('../media/onboarding-Adult.gif') no-repeat center center;
	background-size: 107% auto !important;
    width: 84px;
}

.bg-Age_puppy {
    width: 100px; height: 75px;
    background: url('../media/onboarding-sprite3.png') -237px -5px;
    margin-top: 15px;
}
.bg-Age_puppy.chosen {
	background: url('../media/onboarding-Puppy.gif') no-repeat center left;
	background-size: 102% auto !important;
    margin-top: 14px;
    margin-bottom: 1px;
}

.bg-Activity_lazy {
    width: 100px; height: 66px;
    background: url('../media/onboarding-sprite3.png') -225px -204px;
    margin-top: 14px;
    margin-bottom: 10px;
}
.bg-Activity_lazy.chosen {
	background: url('../media/onboarding-ActivityLazy.gif') no-repeat center center;
	background-size: 100% auto !important;
}

.bg-Activity_normal {
    width: 100px; height: 80px;
    background: url('../media/onboarding-sprite3.png') -127px -5px;
    margin-bottom: 10px;
}
.bg-Activity_normal.chosen {
	background: url('../media/onboarding-Activity-normal.gif') no-repeat top -8px right -7px;
	background-size: 100% auto !important;
}

.bg-Activity_hyper {
    width: 100px; height: 90px;
    background: url('../media/onboarding-sprite3.png') -5px -5px;
}
.bg-Activity_hyper.chosen {
	background: url('../media/onboarding-Activity-Hyper.gif') no-repeat center bottom;
	background-size: 100% auto !important;
}

.bg-weight_ideal {
    width: 100px; height: 73px;
    background: url('../media/onboarding-sprite3.png') -237px -88px;
    margin-bottom: 8px;
}
.bg-weight_ideal.chosen {
	background: url('../media/onboarding-WeightIdeal.gif') no-repeat center center;
	background-size: 101% auto !important;
    margin-top: -1px;
    margin-bottom: 9px;
    width: 102px;
    margin-right: -3px;
}

.bg-weight_lean {
    width: 100px; height: 71px;
    background: url('../media/onboarding-sprite3.png') -5px -203px;
    margin-top: 2px;
    margin-bottom: 8px;
}
.bg-weight_lean.chosen {
	background: url('../media/onboarding-WeightLean.gif') no-repeat top -19px center;
	background-size: 100% auto !important;
    margin-right: -3px;
    width: 104px;
    margin-top: 1px;
    margin-bottom: 9px;
}

.bg-weight_heavy {
    width: 100px; height: 65px;
    background: url('../media/onboarding-sprite3.png') -112px -284px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.bg-weight_heavy.chosen {
	background: url('../media/onboarding-WeightHeavy.gif') no-repeat top -17px center;
	background-size: 96% auto !important;
	margin-left: -4px;
}

.bg-Feeding_box {
    width: 100px; height: 71px;
    background: url('../media/onboarding-sprite3.png') -431px -5px;
}

.bg-Feeding_treats {
    width: 100px; height: 71px;
    background: url('../media/onboarding-sprite3.png') -115px -204px;
}

.bg-Feeding_mixed {
    width: 100px; height: 71px;
    background: url('../media/onboarding-sprite3.png') -5px -285px;
}

.bg-mixed_small {
    width: 85px; height: 90px;
    background: url('../media/onboarding-sprite3.png') -127px -95px;
}

.bg-mixed_medium {
    width: 100px; height: 60px;
    background: url('../media/onboarding-sprite3.png') -222px -285px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.bg-mixed_large {
    width: 97px; height: 90px;
    background: url('../media/onboarding-sprite3.png') -5px -104px;
}

@media screen and (max-width: 67em) {
	
	.bg-Activity_hyper, .bg-Age_adult, .bg-Activity_lazy, .bg-Activity_normal, .bg-weight_heavy, .bg-Age_puppy, .bg-Feeding_box, .bg-Feeding_treats, .bg-weight_ideal, .bg-weight_lean, .bg-Feeding_mixed, .bg-mixed_small, .bg-mixed_medium, .bg-mixed_large {
		background-size: 423px 285px !important;
	}
	
	.bg-Age_adult {
	    width: 59px; height: 72px;
	    background: url('../media/onboarding-sprite3.png') -278px -4px;
	}
	.bg-Age_adult.chosen {
		width: 68px;
	}
	
	.bg-Activity_lazy {
	    width: 80px; height: 53px;
	    background: url('../media/onboarding-sprite3.png') -180px -163px;
	    margin-top: 11px;
	    margin-bottom: 8px;
	}
	.bg-Activity_lazy.chosen {
		margin-left: -1px;
	}
	
	.bg-Activity_normal {
	    width: 80px; height: 64px;
	    background: url('../media/onboarding-sprite3.png') -102px -5px;
	    margin-bottom: 8px;
	}
	.bg-Activity_normal.chosen {
		background-position: top -6px right -6px;
		margin-top: -1px;
	    margin-bottom: 9px;
	    margin-right: 1px;
	}
	
	.bg-Activity_hyper {
	    width: 80px; height: 72px;
	    background: url('../media/onboarding-sprite3.png') -4px -5px;
	}
	
	.bg-Age_puppy {
	    width: 80px; height: 60px;
	    background: url('../media/onboarding-sprite3.png') -190px -5px;
	    margin-top: 12px;
	}
	.bg-Age_puppy.chosen {
		margin-top: 10px;
		margin-bottom: 2px;
	}
	
	.bg-weight_ideal {
	    width: 80px; height: 59px;
	    background: url('../media/onboarding-sprite3.png') -190px -71px;
	    margin-bottom: 8px;
	}
	.bg-weight_ideal.chosen {
		width: 84px;
	}
	
	.bg-weight_lean {
	    width: 80px; height: 57px;
	    background: url('../media/onboarding-sprite3.png') -4px -163px;
	    margin-top: 2px;
	    margin-bottom: 8px;
	}
	.bg-weight_lean.chosen {
		width: 84px;
	    background-position: center center;
	    height: 61px;
	    margin-top: -2px;
	    margin-bottom: 8px;
	}
	
	.bg-weight_heavy {
	    width: 80px; height: 52px;
	    background: url('../media/onboarding-sprite3.png') -90px -228px;
	    margin-top: 8px;
	    margin-bottom: 8px;
	}
	.bg-weight_heavy.chosen {
		background-position: top -12px center;
		height: 54px;
		margin-top: 6px;
	}
	
	.bg-Feeding_box {
	    width: 80px; height: 57px;
	    background: url('../media/onboarding-sprite3.png') -344px -5px;
	}
	
	.bg-Feeding_treats {
	    width: 80px; height: 57px;
	    background: url('../media/onboarding-sprite3.png') -92px -163px;
	}
	
	.bg-Feeding_mixed {
	    width: 80px; height: 57px;
	    background: url('../media/onboarding-sprite3.png') -4px -228px;
	}

	.bg-mixed_small {
	    width: 69px; height: 72px;
	    background: url('../media/onboarding-sprite3.png') -102px -76px;
	}
	
	.bg-mixed_medium {
	    width: 80px; height: 48px;
	    background: url('../media/onboarding-sprite3.png') -178px -228px;
	    margin-bottom: 12px;
	    margin-top: 12px;
	}
	
	.bg-mixed_large {
	    width: 78px; height: 72px;
	    background: url('../media/onboarding-sprite3.png') -4px -83px;
	}
	
	#doggrowing .grouped.fields.radios:after, #activity .grouped.fields.radios:after {
		top: 91px;
	}
	#obesity .grouped.fields.radios:after {
		top: 87px;
	}
	#feeding .grouped.fields.radios:after {
		top: 76px;
	}
	
}

/* Custom spinner */
.woocommerce-checkout .processing .blockOverlay {
	position:fixed !important;
	left:0 !important;
	top:0 !important;
	width: 100%;
	text-align:center;
	z-index:999995;
	background-color: rgba(7,48,81,.8) !important;
	opacity: 1 !important;
	animation: none !important;
}
.woocommerce-checkout .processing .blockOverlay:before {
	position: absolute;
	content: ' ';
	width: 250px;
	height: 250px;
	left: 50%;
	top: 50%;
	margin-left: -125px;
	margin-top: -125px;
	background: url('../media/loading-running.gif') no-repeat center center;
	-webkit-animation: rotating 2.5s linear infinite;
	-moz-animation: rotating 2.5s linear infinite;
	-ms-animation: rotating 2.5s linear infinite;
	-o-animation: rotating 2.5s linear infinite;
	animation: rotating 2.5s linear infinite;
    background-size: cover;
}
.woocommerce-checkout .processing .blockOverlay:after {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 11px;
	top: 50%;
	left: 0;
	margin-bottom: 145px;
	color: white;
	position: absolute;
	content: 'Processing';
}

/* Super Puppy Pack */
.option.super {
	margin-bottom: 1.2em;
}
.option.super .inner {
	display: flex;
	justify-content: space-between;
}
.option.super img {
	display: block;
}
.option.super .inner > div:first-of-type img {
	margin-top: -30px;
}
#checkout-holder:not(.ontopayment) #key .option.super label {
	font-size: 13px;
	line-height: 16px;
	margin-right: -10px;
	display: inline-block;
}
.option.super label:before {
	content: '';
    -webkit-transform: none;
    transform: none;
    width: 24px;
    height: 24px;
    border-radius: 500rem;
    bottom: -12px;
    left: 50%;
    margin-left: -10px;
    background: white;
    border: 1px solid #84D8E9;
    position: absolute;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    z-index: 76;
}
.option.super label:after {
	position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 500rem;
    background-color: #84D8E9;
    border: 2px solid #ffffff;
    line-height: 26px;
    text-align: center;
    bottom: -14px;
    left: 50%;
    margin-left: -12px;
    -webkit-transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
    transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;
    z-index: 75;
}
#superpoint.spacemedium {
	margin-bottom: 27px;
}
@media screen and (min-width: 67em) {
	.option.super .inner {
		padding: 1.2em;
	}
	.option.super .inner {
		padding: 1.2em 0 0.9em 1.2em;
	}
	.option.super label:before {
		margin-left: -12px;
	    margin-right: -12px;
	    margin-top: -12px;
	}
	.option.super label:after {
		margin-left: -14px;
	    margin-right: -14px;
	    margin-top: -14px;
	}
	.option.super label:before, .option.super label:after {
		top: 50%;
		left: 0;
		cursor: pointer;
	}
	.option.super .inner > div:first-of-type {
		
	}
	.option.super .inner > div:last-of-type {
		flex: 0 0 46%;
	}
}
@media screen and (max-width: 67em) {
	#key .option.super {
		padding: 1.2em;
	}
	.option.super .inner {
		flex-direction: column;
		text-align: center;
	}
	.option.super .inner > div:first-of-type img {
		margin: -30px auto 9px auto;
	}
	.option.super .inner > div:last-of-type img {
		margin: 9px auto 0 auto;
	}
}
#onboarding-form #feeding.question {
	text-align: left;
}
#onboarding-form #feeding.question #feeding-only-raw {
	display: none;
}
#onboarding-form #feeding .image {
	text-align: left;
	margin-top: -115px;
	position: relative;
	z-index: 4;
}
#onboarding-form #feeding .image.bowl {
	margin-top: -65px;
	margin-left: 26px;
}
#onboarding-form #feeding .image img {
	height: 178px;
	width: auto;
	margin-bottom: 0;
}
#onboarding-form #feeding .feeding-inner {
	padding: 0 36px;
	position: relative;
	z-index: 3;
	overflow: hidden;
}
#onboarding-form #feeding .price-inner {
	padding: 0 36px;
	position: relative;
	z-index: 3;
}
#onboarding-form #feeding .feeding-inner h3 {
	font-size: 1.875em;
	margin-bottom: 18px;
}
#onboarding-form #feeding .feeding-inner h3 img {
	margin-bottom: 0;
}
#onboarding-form #feeding .feeding-inner .raw-logo {
	margin-bottom: 18px;
}
#onboarding-form #feeding .feeding-inner ul {
	padding: 0;
	list-style: none;
}
#onboarding-form #feeding .feeding-inner ul li:before {
	content: ' ';
	width: 15px;
	height: 11px;
	display: inline-block;
	margin-right: 9px;
	background: transparent url('../media/global-sprite.webp') -293px -137px;
    background-size: 166px 117px;
}
#onboarding-form #feeding .feeding-inner p {
	font-size: .875em;
}
#onboarding-form #feeding .feeding-inner li {
	font-size: .875em;
	margin-bottom: 5px;
}
#onboarding-form #feeding .feeding-inner li:last-of-type {
	margin-bottom: 0;
}
#onboarding-form #feeding .feeding-inner p.price, #onboarding-form #feeding .price-inner p.price {
	font-size: 1.25em;
	margin-bottom: 0;
	padding-top: 4px;
}
#onboarding-form #feeding .feeding-inner p.price-explanation, #onboarding-form #feeding .price-inner p.price-explanation {
	color: #A5A9B2;
	margin-bottom: 27px;
}
#onboarding-form #feeding .cta-inner .button {
	width: 100%;
	text-align: center;
}
#onboarding-form #feeding .cta-inner input {
	display: none;
}
#feeding #raw-or-kibble img {
	opacity: 1;
}

#checkout-reviews {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	background-color: #fbf7f3;
}
.kibble #checkout-reviews {
	background-color: white;
}
#checkout-reviews .button {
	background-color: white;
}
#checkout-reviews .button:hover {
	background-color: #073051;
}

/* RAW+KIBBLE */
.checkout.rawandkibble #signup-woo-data, .checkout.kibblemixed #signup-woo-data { display: block; }
ul.raw-features {
	margin-bottom: 0;
}
ul.raw-features > li {
	list-style: none;
	position: relative;
	margin-bottom: 11px;
}
ul.raw-features > li:last-of-type {
	margin-bottom: 0;
}
ul.raw-features > li:before {
	width: 30px;
    height: 23px;
    background: url('../media/global-sprite.webp') -240px -34px;
    background-size: 315px 210px;
    position: absolute;
    left: -50px;
    content: ' ';
    zoom: .8;
    display: inline-block;
}
.checkout:not(.kibble) #finish-off
.background-maybe {
	display: none;
}
.checkout:not(.kibble) #checkoutCrosssell.visual ul.row li.full {
	background-color: #fbf7f3;
	border: none;
}

/* RAW */
.checkout.raw #signup-woo-data { display: block; }
#customise-raw a {
	padding: 0 3px;
	margin-left: 0;
}
.checkout.raw .background-maybe .background {
	display: block;
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
}
.checkout.raw .background-maybe .background video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
@media screen and (max-width: 67em) {
	#raw-or-kibble > .feeding-type {
		margin-bottom: 3.6em;
	}
	#onboarding-form #feeding #raw-or-kibble .image {
		margin-top: -75px;
	}
	#onboarding-form #feeding #raw-or-kibble img {
		max-width: 50%;
		height: auto;
	}
	#guarantee-holder {
		padding: 0 1.2em;
	}
	.checkout:not(.kibble) #checkout-holder {
		display: flex;
		flex-direction: column;
	}
	.checkout:not(.kibble) #checkout-holder .relative {
		order: 2;
	}
	.checkout:not(.kibble) #checkout-holder .background-maybe {
		order: 1;
	}
	.checkout:not(.kibble) .background-maybe .inclusions {
		display: none;
	}
	.checkout.rawandkibble .background-maybe .background, .checkout.kibblemixed .background-maybe .background {
		display: block;
		width: 100%;
		height: 50vh;
		max-height: 350px;
		background: #ecdfc5 url('../media/win-throne.jpeg') no-repeat center center;
		background-size: contain;
		border-radius: 8px;
	}
	.checkout.raw .background-maybe .background {
		height: 30vh;
		max-height: 350px;
		border-radius: 8px;
	}
	#key-box .inner > #sub_choices > .inner {
		padding: 1.2em 1.2em 0;
	}
	.checkout:not(.kibble) #checkoutCrosssell.visual ul.row li.full {
		margin-bottom: 1.2em;
	}
	.checkout:not(.kibble) #checkoutCrosssell.visual ul.row li.full:last-of-type {
		margin-bottom: 0;
	}
	#checkoutCrosssell.visual ul.row li.full .info .stars {
		display: none;
	}
	#checkoutCrosssell.visual ul.row li.full {
		border-radius: 8px !important;
	}
	#customise-raw a {
		padding: 0;
	}
}
@media screen and (min-width: 67em) {
	#raw-or-kibble > .feeding-type {
		padding-bottom: 93px;
	}
	#onboarding-form #feeding .cta-inner {
		padding: 0 36px 36px;
	    position: absolute;
	    width: 100%;
	    left: 0;
	    bottom: 0;
	}
	.checkout:not(.kibble) #checkout-holder {
		position: relative;
	}
	.checkout:not(.kibble) #desktop-header, .checkout:not(.kibble) .header {
		display: none;
	}
	.checkout:not(.kibble) .background-maybe {
		top: 0;
		left: 0;
		position: absolute;
		z-index: 20;
		width: 100%;
		display: block;
	}
	.checkout.rawandkibble .background-maybe .background, .checkout.kibblemixed .background-maybe .background {
		display: block;
		width: 100%;
		height: 76vh;
		max-height: 750px;
		background: #ecdfc5 url('../media/win-throne.jpeg') no-repeat center right;
		background-size: 60% auto;
		border-radius: 8px;
		margin-bottom: 18px;
	}
	.checkout.raw .background-maybe .background {
		height: 76vh;
		max-height: 625px;
		margin-bottom: 18px;
	}
	.checkout:not(.kibble) .background-maybe .inclusions {
		display: flex;
        justify-content: flex-end;
        position: relative;
        z-index: 84;
	}
	.checkout:not(.kibble) .background-maybe .inclusions .inner {
		width: 59.3%;
		padding: 36px 36px 0;
		opacity: .5;
	}
	.checkout:not(.kibble) .background-maybe .inclusions .inner h4 {
		font-size: 13px;
	}
	.checkout:not(.kibble) .background-maybe .inclusions .inner .contents {
		display: flex;
		justify-content: space-between;
	}
	.checkout:not(.kibble) .background-maybe .inclusions .inner .contents > div {
		width: 100%;
		max-width: 20%;
		text-align: center;
		font-size: 13px;
	}
	.checkout:not(.kibble) .background-maybe .inclusions .inner .contents > div img {
		height: 100px;
		padding: 8px;
		object-fit: contain;
	}
	.checkout:not(.kibble) #checkout-holder > .relative {
		z-index: 30;
	}
	.checkout:not(.kibble) #key {
		padding: 0 36px;
		color: #000;
	}
	.checkout:not(.kibble) #key p, .checkout:not(.kibble) #key li {
		color: #000;
	}
	#customise-raw {
		margin: 0 -20px;
	}
	.checkout:not(.kibble) #key-box {
		display: flex;
		justify-content: flex-start;
	}
	.checkout:not(.kibble) #key-box > .inner {
		width: 40%;
	    display: block;
	    padding: 36px;
	    background: white;
	    border-radius: 8px;
	    box-shadow: 0 0 36px 0 rgba(0,0,0,0.11);
	}
	.checkout:not(.kibble) #finish-off.below {
		position: relative;
	}
	.checkout:not(.kibble):not(.kibblemixed) #finish-off.below:before {
		width: 140%;
		height: 200px;
		position: absolute;
		bottom: -72px;
		left: -72px;
		content: ' ';
	    z-index: 79;
	    background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);
	}
	.checkout:not(.kibble) #finish-off.below > * {
		position: relative;
		z-index: 80;
	}
	.checkout:not(.kibble) #key-box .inner > #sub_choices, .checkout:not(.kibble) #key-box .inner > #plan_summary {
		width: 100%;
	}
	.checkout:not(.kibble) #key-box .inner > #sub_choices .inner {
		display: block;
	}
	/* RAW */
	.checkout.raw #key #checkout-options {
		display: flex;
	}
	.checkout.raw #key #checkout-options .option {
		padding: 20px;
        width: 48%;
        margin-bottom: 15px;
        float: left;
        min-height: 230px;
	}
	.checkout.raw #key #checkout-options .option.two {
		float: right;
	}
	.checkout.raw #key:not(.butnot) #checkout-options label:before {
		top: auto;
		left: 50%;
		margin-left: -10px;
	}
	.checkout.raw #key:not(.butnot) #checkout-options label:after {
		top: auto;
		left: 50%;
		margin-left: -12px;
	}
	.checkout:not(.kibble) #checkoutCrosssellHolder {
		padding: 0 72px;
	}
	.checkout:not(.kibble) #signup-woo-data {
		padding: 36px 72px;
		display: flex;
		justify-content: space-between;
	}
	.checkout:not(.kibble) #signup-woo-data > * {
		width: 46.5%;
	}
	.checkout:not(.kibble) #order_review {
		margin-top: 66px;
	}
	.checkout:not(.kibble) table.shop_table tfoot .woocommerce-shipping-totals.shipping th, .checkout:not(.kibble) table.shop_table tfoot .woocommerce-shipping-totals.shipping td {
		padding-top: 18px;
	}
	.checkout:not(.kibble) table.shop_table tfoot .recurring-total th, .checkout:not(.kibble) table.shop_table tfoot .recurring-total td {
		padding-bottom: 18px;
	}
	
}

/* CHECKOUT MENU */
#checkout-nav a {
	font-size: 13px;
	text-decoration: underline;
	color: #003054;
	transition: color .4s ease;
	padding: 10px 13px;
}
#checkout-nav li:first-of-type a { padding-left: 0; }
#checkout-nav li:last-of-type a { padding-right: 0; }
#checkout-nav a:hover {
	color: #F97276;
}
@media screen and (min-width: 67em) and (max-width: 84em) {
	.woocommerce-checkout .site-navigation .menu-main-nav-container > ul > li > a {
		font-size: 13px;
		text-decoration: underline;
	}
	.menu-right .stars {
		text-align: center;
	}
	.menu-right .stars span {
		display: block;
		font-size: 10px;
	}
}
@media screen and (max-width: 67em) {
	
	.menu-right #checkout-nav {
		display: block;
		padding: 12px 0 0;
		z-index: 9981;
		position: relative;
	}
	#masthead.nav-open .menu-right #checkout-nav {
		display: none;
	}
	.menu-right #checkout-nav ul {
		text-align: center;
	}
	.menu-right #checkout-nav ul > li {
		display: inline-block;
	}
	.menu-right #checkout-nav ul > li > a {
		display: inline;
		color: #3F4145;
		font-size: 13px;
		border: none;
		text-decoration: underline;
		line-height: 1.2em;
		padding: 0;
		margin: 0 6px;
	}
	.menu-right .stars {
		display: none;
	}
	
}
@media screen and (min-width: 67em) {
	
	#checkout-nav { padding-right: 36px; }
	#checkout-nav .stars {
		display: flex;
	    justify-content: space-between;
	    align-items: center;
	    column-gap: 9px;
	}
	#checkout-nav .stars div { zoom: .7; }
	
}

#checkout-faqs {
	border: none;
}

#updateFrequency.inner-narrow.scratchmodal {
	background: #fcf0e0;
	padding: 0;
}
#updateFrequency img.kelpie {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
#updateFrequency .inner {
	padding: 0 36px 36px;
}
#updateFrequency label {
	display: block;
	margin-bottom: 8px;
}

/* WC Notices - 'notice' type */
#notice-overlay.closed { display: none !important; }
#notice-overlay .box { margin-top: -100px; }
#notice-overlay .scratchmodal p { font-size: 1em; }
.woocommerce-checkout.woocommerce-order-pay #notice-overlay { display: none !important; }

/* Raw Address validation */
#delivery_specifics input[type="radio"] {
	/*float: left;
	margin-right: 8px;
	margin-bottom: 12px;*/
	margin-right: 4px;
}
#delivery_specifics label {
	line-height: 1em;
	margin-bottom: 12px;
	font-weight: normal;
}
#delivery_date_options_container p:not(.spacemedium) {
	font-size: 0.8666666667em;
    margin-bottom: 5px;
    clear: both;
}

/* Raw Comparison */
#compareRaw #raw-or-kibble {
	padding-top: 0;
}



/* COUPON FORM */
.mfp-content .woocommerce-form-coupon {
	display: block !important;
}
.mfp-content #coupon-holder {	
	max-width: 600px;
	margin: 0 auto;
	border-radius: 8px;
	background: white;
	padding: 2.4em 1.2em 1.2em;
}
.mfp-content .woocommerce-form-coupon p.form-row {
	margin-bottom: 0;
}
.mfp-wrap .mfp-content #coupon-holder button.mfp-close {
	top: -2px;
    right: -80px;
}
.mfp-content #coupon-holder > ul {
	margin-top: -2.4em;
	margin-bottom: 36px;
}
.mfp-content #coupon-holder ul.woocommerce-error {
	background-color: #fafafa;
	color: #F97276;
	border: 1px solid #F97276;
	border-top: none;
}
@media screen and (min-width: 67em) {
	
	.mfp-content .woocommerce-form-coupon .flex {
		display: flex;
		justify-content: space-between;
	}
	.mfp-content .woocommerce-form-coupon p.form-row {
		width: auto;
		float: none;
	}
	.mfp-content .woocommerce-form-coupon p.form-row.form-row-first {
		flex: 1 0 0;
		padding-right: 1.2em;
	}
	.mfp-content .woocommerce-form-coupon p.form-row.form-row-first input {
		width: 100%;
		height: 53px;
	}
	.mfp-content .woocommerce-form-coupon .clear {
		display: none;
	}
	
}
@media screen and (max-width: 67em) {
	
	.mfp-content .woocommerce-form-coupon p.form-row > * {
		width: 100%;
	}
	.mfp-content .woocommerce-form-coupon p.form-row.form-row-first {
		margin-bottom: 1.2em;
	}
	.mfp-wrap .mfp-content #coupon-holder button.mfp-close {
	    top: -52px;
	    right: 0;
	}
	
}