.pika-single {
    font-size: .875rem;
    line-height: 1.5;
    display: block;
    position: relative;
    z-index: 1000;
    border: 2px solid #b8c2c1;
    color: inherit;
    background-color: #fff;
    font-family: inherit
}

.pika-single:before, .pika-single:after {
    display: table;
    content: " "
}

.pika-single:after {
    clear: both
}

@media screen and (min-width: 760px) {
    .pika-single {
        font-size: 1rem
    }
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute
}

.pika-single.top-aligned {
    margin-top: 2px
}

.pika-single.bottom-aligned {
    margin-top: -2px
}

.pika-lendar {
    margin: 0.5rem;
    float: left;
    width: 15rem
}

.pika-title {
    text-align: center
}

.pika-select {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer
}

.pika-label {
    background-image: url("../images/5bef44f1a9134e3db0ff3acbed7738e8.gif");
    background-repeat: no-repeat;
    background-size: .875em 1em;
    display: inline-block;
    padding-right: calc(0.875em + 1em);
    position: relative;
    background-position: top 50% right .5em;
    font-weight: 500
}

.pika-label + .pika-label {
    margin-left: 0.5rem
}

.pika-prev, .pika-next {
    display: none
}

.pika-table {
    margin-top: 0.5rem;
    width: 100%;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0
}

.pika-table th, .pika-table td {
    width: 14.2857142857%;
    padding: 0;
    text-align: center
}

.pika-table thead th {
    border-width: 1px 0;
    border-style: solid;
    border-color: #b8c2c1
}

.pika-button {
    display: block;
    width: 100%;
    border: 0;
    color: inherit;
    background-color: transparent;
    cursor: pointer
}

.is-selected .pika-button {
    color: #fff;
    background-color: #006954
}

.is-disabled .pika-button, .is-outside-current-month .pika-button {
    color: #828585;
    opacity: .3;
    pointer-events: none;
    cursor: default
}

.pika-button:hover, .pika-button:focus {
    color: #006954;
    background-color: #a3e953
}

.select2-hidden-accessible {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.select2-container {
    display: block;
    width: 100%;
    position: relative
}

.select2-container .select2-selection {
    display: block
}

.select2-container .select2-selection__rendered {
    display: block;
    list-style-type: none
}

.select2-container .select2-selection__rendered:before, .select2-container .select2-selection__rendered:after {
    display: table;
    content: " "
}

.select2-container .select2-selection__rendered:after {
    clear: both
}

.select2-container .select2-selection__choice {
    float: left
}

.select2-container .select2-dropdown {
    width: 100%;
    position: absolute;
    left: -100000px;
    z-index: 1000
}

.select2-container .select2-results {
    display: block
}

.select2-container .select2-results__options {
    margin: 0;
    padding: 0;
    list-style: none
}

.select2-container .select2-results__option {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-container .select2-results__option[data-selected] {
    cursor: pointer
}

.select2-container .select2-search__field {
    width: 100%
}

.select2-container .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none
}

.select2-container .select2-search--dropdown {
    display: block
}

.select2-container .select2-search--hide {
    display: none
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container--open .select2-dropdown {
    left: 0
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    vertical-align: baseline;
    box-sizing: border-box
}

*::before, *::after {
    box-sizing: inherit
}

html {
    -webkit-overflow-scrolling: touch
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

details:not([open]) > *:not(summary) {
    display: none
}

audio, canvas, progress, video {
    display: inline-block
}

audio, canvas, img, progress, svg, video {
    max-width: 100%;
    height: auto
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

template, [hidden] {
    display: none !important
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    text-rendering: optimizeLegibility;
    word-wrap: break-word
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit
}

abbr[title] {
    border-bottom: none;
    font-variant: small-caps;
    -webkit-text-decoration: underlined;
    text-decoration: underlined;
    -webkit-text-decoration: underlined dotted;
    text-decoration: underlined dotted;
    text-transform: lowercase;
    cursor: help
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

del {
    text-decoration: line-through
}

dfn {
    font-style: italic
}

ins {
    text-decoration: underline
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    overflow: visible;
    box-sizing: content-box
}

q {
    quotes: "“" "”" "‘" "’"
}

button, input, select, textarea {
    margin: 0;
    font: inherit
}

optgroup {
    font-weight: bold
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    padding: 0;
    box-sizing: border-box
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

html {
    background-color: #fff;
    font-size: 16px;
    overflow-x: hidden;
    scroll-behavior: smooth
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto
    }
}

body {
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 1rem;
    color: #3c3d41;
    background-color: transparent
}

@media screen and (min-width: 760px) {
    body {
        font-size: 1.125rem
    }
}

a:focus, input:focus, textarea:focus, select:focus, button:focus, [contenteditable]:focus, [tabindex]:focus, details summary:focus {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] a:focus, html[data-whatintent=mouse] input:focus, html[data-whatintent=mouse] textarea:focus, html[data-whatintent=mouse] select:focus, html[data-whatintent=mouse] button:focus, html[data-whatintent=mouse] [contenteditable]:focus, html[data-whatintent=mouse] [tabindex]:focus, html[data-whatintent=mouse] details summary:focus {
    outline: 0
}

@media only print {
    *, *::before, *::after {
        color: #000 !important;
        background-color: transparent !important
    }

    .a-button, .a-continue, .o-footer__inner, .o-footer__legal, .o-header__controls, .o-header__navigation {
        display: none !important
    }

    h1, h2, h3, h4, h5, h6 {
        break-after: avoid
    }
}

.a-autocomplete {
    position: relative
}

.a-autocomplete .select2-selection {
    padding-right: 1rem;
    padding-left: 1rem;
    border: 2px solid #b8c2c1
}

@media only print {
    .a-autocomplete .select2-selection {
        border-color: currentColor
    }
}

.a-autocomplete .select2-selection--single {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-image: url("../images/5bef44f1a9134e3db0ff3acbed7738e8.gif");
    background-repeat: no-repeat;
    background-size: .875em 1em;
    padding-right: calc(.875em + 1em);
    background-position: top 50% right .5em
}

.a-autocomplete .select2-selection--multiple {
    cursor: text
}

.a-autocomplete .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.a-autocomplete .select2-selection span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.a-autocomplete .select2-selection__choice {
    font-size: .875rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
    border-radius: 3px;
    background-color: #f1ede7;
    line-height: 1;
    cursor: pointer
}

@media screen and (min-width: 760px) {
    .a-autocomplete .select2-selection__choice {
        font-size: 1rem
    }
}

.a-autocomplete .select2-selection__choice__remove {
    margin-left: 0.5rem;
    color: #e00132
}

.a-autocomplete .select2-selection__clear {
    float: right
}

.a-autocomplete .select2-search .select2-search__field {
    width: 100%;
    border-width: 0 0 2px 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: textfield;
    appearance: textfield
}

.a-autocomplete .select2-search:not(.select2-search--inline) .select2-search__field {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    display: block;
    border-bottom: 2px solid #b8c2c1
}

.a-autocomplete .select2-search.select2-search--inline .select2-search__field {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    min-width: 8rem;
    border: 1px solid transparent
}

.a-autocomplete .select2-container {
    width: calc(100% + 2px);
    left: 0 !important
}

.a-autocomplete .select2-dropdown {
    border-width: 2px;
    border-style: solid;
    border-color: #b8c2c1;
    background-color: #fff
}

.a-autocomplete .select2-dropdown--below {
    margin-top: -2px
}

.a-autocomplete .select2-dropdown--above {
    margin-bottom: -2px
}

.a-autocomplete .select2-results__group {
    padding: 0.5rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: block;
    color: #828585
}

.a-autocomplete .select2-results__option[role=option] {
    padding: 0.5rem
}

.a-autocomplete .select2-results__option--highlighted {
    color: #006954;
    background-color: #a3e953
}

.a-autocomplete .select2-results__option[data-selected=true] {
    color: #99a8a6
}

.a-autocomplete .select2-results__options {
    max-height: 20rem;
    overflow: auto
}

.a-autocomplete .select2-results__options--nested {
    max-height: none
}

.a-autocomplete .select2-results__options--nested .select2-results__option {
    padding-left: 1rem
}

@media screen and (min-width: 760px) {
    .a-autocomplete .select2-results__options--nested .select2-results__option {
        padding-left: 1.25rem
    }
}

.a-autocomplete .select2-results__message {
    padding: 0.5rem;
    color: #828585
}

.a-button {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: .875rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: inline-block;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px solid;
    border-radius: 0;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    letter-spacing: .04em;
    cursor: pointer;
    vertical-align: baseline;
    -webkit-appearance: none;
    appearance: none;
    transition-property: opacity, filter;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    color: #3c3d41;
    border-color: #f1ede7;
    background-color: #f1ede7;
    transition-property: background-color, border-color;
    transition-duration: .3333s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

@media screen and (min-width: 760px) {
    .a-button {
        font-size: 1rem
    }
}

.a-button:hover, .a-button:focus {
    border-color: #bfb197;
    background-color: #bfb197
}

.a-button--secondary {
    color: #fff;
    border-color: #006954;
    background-color: #006954
}

.a-button--secondary:hover, .a-button--secondary:focus {
    border-color: #005443;
    background-color: #005443
}

.a-button--primary {
    color: #006954;
    border-color: #a3e953;
    background-color: #a3e953
}

.a-button--primary:hover, .a-button--primary:focus {
    border-color: #8dd553;
    background-color: #8dd553
}

.a-button--negative {
    color: #e00132;
    background-color: transparent;
    border: 2px solid currentColor
}

.a-button--negative:hover, .a-button--negative:focus {
    border-color: currentColor;
    background-color: #ffd4dd
}

.a-button[disabled] {
    opacity: .4;
    filter: saturate(40%);
    pointer-events: none;
    cursor: default
}

.a-button[aria-busy=true] {
    position: relative
}

.a-button[aria-busy=true]::after {
    margin-left: 0.5rem;
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation-name: aButtonWorkingAnimation;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    line-height: 0
}

.a-button--boss {
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-right: 1.25rem;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem
}

@media screen and (min-width: 760px) {
    .a-button--boss {
        font-size: 1.125rem
    }
}

@media screen and (min-width: 760px) {
    .a-button--boss {
        padding-right: 2rem
    }
}

@media screen and (min-width: 760px) {
    .a-button--boss {
        padding-left: 2rem
    }
}

.a-button--minion {
    font-size: .875rem;
    padding-top: 0.25rem;
    padding-right: 0.5rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem
}

@media screen and (min-width: 760px) {
    .a-button--minion {
        font-size: 1rem
    }
}

.a-button--elastic {
    width: 100%
}

.a-button--elastic + .a-button--elastic {
    margin-top: 0.5rem
}

@media screen and (min-width: 420px) {
    .a-button--elastic {
        width: auto
    }
}

.a-button--block {
    width: 100%
}

.a-button .a-icon {
    margin-right: 0.25rem
}

@keyframes aButtonWorkingAnimation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.a-cart-indicator {
    position: relative;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.a-cart-indicator__item-count {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    margin-left: 0.25rem
}

.a-cart-indicator--receiving-item {
    animation-name: aCartIndicatorReceivingItem;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-fill-mode: both
}

@keyframes aCartIndicatorReceivingItem {
    0% {
        background-color: rgba(163, 233, 83, 0)
    }
    25% {
        box-shadow: 0 0 0 0 rgba(163, 233, 83, .5);
        background-color: #a3e953
    }
    75% {
        box-shadow: 0 0 0 2rem rgba(163, 233, 83, 0);
        background-color: #a3e953
    }
    100% {
        background-color: rgba(163, 233, 83, 0)
    }
}

.a-checkbox {
    line-height: 1.5;
    display: block;
    padding-left: calc(1.5em + 0.5rem);
    position: relative
}

.a-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    bottom: 0
}

.a-checkbox__input:checked ~ .a-checkbox__label::before {
    border-color: #a3e953
}

@media only print {
    .a-checkbox__input:checked ~ .a-checkbox__label::before {
        border-color: currentColor
    }
}

.a-checkbox__input:checked ~ .a-checkbox__label::after {
    content: ""
}

@media only print {
    .a-checkbox__input:checked ~ .a-checkbox__label::after {
        content: "■";
        transform: translate(3px, -2px);
        background-image: none
    }
}

.a-checkbox__input:checked ~ .a-checkbox__more {
    display: block
}

.a-checkbox__input:focus ~ .a-checkbox__label::before {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-checkbox__input:focus ~ .a-checkbox__label::before {
    outline: 0
}

.a-checkbox__input:disabled ~ .a-checkbox__label::before {
    border-color: #b8c2c1;
    background-color: #b8c2c1
}

.a-checkbox__input[aria-invalid=true] ~ .a-checkbox__label::before {
    border-color: #e00132
}

.a-checkbox__label::before, .a-checkbox__label::after {
    width: 1.25em;
    height: 1.25em;
    position: absolute
}

.a-checkbox__label::before {
    content: "";
    top: .125em;
    left: .125em;
    border: 2px solid #b8c2c1;
    background-color: #fff
}

@media only print {
    .a-checkbox__label::before {
        border-color: currentColor
    }
}

.a-checkbox__label::after {
    top: 0;
    left: .25em;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABKCAYAAABEr1FoAAACrUlEQVR4nO2d220UQRAAC0QAF8KFQAiQAZYIAD6JAjIgBJOBQzAhOITLwISAFmas9c3ePntmeqa7fqwd+XGu0kn36Lbf8O0zjjjvgQfgDFyAO+Bp6oe8TU6cowzyH4N8wsfHcJ7gAWSJ8k9X3/V0K4IHkOOW/MhkBA8gw5L8SBLBAxxnrfzIqwge4Bhb5UdeIniA/eyVHxm+7sED7OOo/MjZA2xHSv7AxQNsQ1L+n+EZsgdYj7T8j8PLEx5gHVnk4w9DV5FNPh5gkazy8QCzZJePB7hJEfl4gEmKyccDJBSVjwd4RXH5eIAXqsjHA/yjmnw8QF35GA9QXT6GA6iQj9EAauRjMIAq+RgLoE4+hgKolI+RAGrlYyCAavl0HkC9fDoO0IR8Og3QjHxWBviQnOilKfksBPgCPIdf6Dlca6Y5+QPvkpP/DLLvR9en0fWv5LPr06R8btwDruWPuVd4T2hWPhMB5uRHNEVoWj5XAdbIj2iI0Lx8RgG2yI/UjNCFfEKATzvkR2pE6EY+IcDP5HQbJSN0JZ8Q4JycbqdEhO7kEwJcktN95IzQpXxCgLtwoyTIEaFb+YQAT+FGaYzQtXxGD0M1RuhePldPxDRFMCGfiZciNEQwI5+JAFSOYEo+NwJQKYI5+cwEoHAEk/JZCEChCGbls/I94ZwRJOUz99cJtbJ2KiJHhB/C8r8Cv5NT5WwZS5GO8F1Yvsb3qhfZOhckHUGCZuWzczBLU4Sm5XNgMk5DhOblc3A0sWaELuQjMBtaI0I38hEazi0ZoSv5CE5Hl4jQnXyEx9NzRuhSPhn2A3JE6FY+mRY0JCN0LZ+MGzISEbqXT+YVpSMRTMinwI7Ynghm5FNoSW9LBFPyKbgluSaCOfkUXlOdi2BSPhX2hGOEOBAc/8mZSfkAfwF4fwiyr1sjSAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.a-checkbox__hint {
    display: block;
    color: #828585
}

.a-checkbox__more {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: none;
    margin-left: -1.375em;
    padding-left: 1.15em;
    border-left: .25em solid #006954
}

.a-continue {
    line-height: 1.5;
    color: #006954;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    font-weight: 700;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    letter-spacing: .05em
}

.a-continue:hover, .a-continue:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

@media screen and (min-width: 760px) {
    .a-continue {
        font-size: 1rem
    }
}

.a-continue::after {
    margin-left: 0.25rem;
    content: "›";
    speak: none
}

.a-details {
    margin-top: 1rem;
    margin-bottom: 1rem;
    clear: both
}

.a-details + .a-details {
    margin-top: 0.25rem
}

.a-details__summary, .a-details__content {
    padding-left: 1.5rem
}

.a-details__summary {
    padding: 1rem;
    color: #006954;
    background-color: #f1ede7;
    font-weight: 700;
    cursor: pointer;
    list-style-type: none
}

.a-details__summary::-webkit-details-marker {
    display: none
}

.a-details__summary::before {
    content: "+";
    display: inline-block;
    width: 1rem;
    margin-right: .5rem;
    font-weight: 700;
    text-align: center;
    speak: none
}

.a-details__summary:hover, .a-details__summary:active {
    background-color: #bfb197
}

.a-details__summary .a-icon {
    margin-right: 0.5rem;
    vertical-align: text-bottom
}

.a-details__content {
    padding: 1rem
}

.a-details[open] .a-details__summary {
    color: #fff;
    background-color: #006954
}

.a-details[open] .a-details__summary::before {
    content: "-"
}

.a-details--hint {
    margin-top: 0;
    margin-bottom: 0
}

.a-details--hint .a-details__summary {
    padding: 0;
    color: #006954;
    background-color: transparent
}

.a-details--hint .a-details__content {
    padding: 0
}

.a-details--hint[open] .a-details__summary {
    color: #005443;
    background-color: transparent
}

.a-donut-chart {
    position: relative;
    line-height: 0
}

.a-donut-chart__hole {
    fill: #fff
}

.a-donut-chart__ring, .a-donut-chart__segment {
    fill: transparent;
    stroke-width: 2
}

.a-donut-chart__ring {
    stroke: #a3e953
}

.a-donut-chart__segment {
    stroke: #82ba42
}

.a-donut-chart__segment--secondary {
    stroke: #628c32
}

.a-donut-chart__label {
    width: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    color: #3c3d41;
    text-align: center;
    transform: translateY(-50%)
}

.a-donut-chart__label-number {
    font-size: 1.5rem;
    line-height: 1;
    display: block;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .a-donut-chart__label-number {
        font-size: 1.75rem
    }
}

.a-donut-chart__label-text {
    padding-right: 1rem;
    padding-left: 1rem;
    display: block
}

.a-file-upload {
    padding: 1rem;
    width: 100%;
    border: 2px solid #b8c2c1;
    color: #3c3d41;
    background-color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.a-file-upload[aria-invalid=true] {
    border-color: #e00132
}

.a-icon {
    width: 1em;
    height: 1em
}

.a-icon--female {
    stroke: #e51f47
}

.a-icon--male {
    stroke: #0685b7
}

.a-input {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    width: 100%;
    border: 2px solid #b8c2c1;
    border-radius: 0;
    color: #3c3d41;
    background-color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    appearance: none
}

@media only print {
    .a-input {
        border-color: currentColor
    }
}

.a-input[aria-invalid=true] {
    border-color: #e00132
}

.a-input[type=number] {
    -moz-appearance: textfield
}

.a-input[type=number]::-webkit-inner-spin-button, .a-input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.a-input[type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

.a-input[type=search] {
    -webkit-appearance: none;
    appearance: none
}

.a-input[disabled] {
    opacity: .6;
    filter: saturate(40%)
}

.a-input--length-20 {
    max-width: 19em
}

.a-input--length-10 {
    max-width: 11em
}

.a-input--length-4 {
    max-width: 5.5em
}

.a-input--length-3 {
    max-width: 4.5em
}

.a-input--length-2 {
    max-width: 3.5em
}

.a-input[data-card] {
    padding-right: 3.372549019rem;
    background-image: url("../images/generic.png");
    background-size: 2.372549019rem 1.5rem;
    background-repeat: no-repeat;
    background-position: top 50% right .5rem
}

.a-input[data-card][data-card=visa] {
    background-image: url("../images/visa.png")
}

.a-input[data-card][data-card=mastercard] {
    background-image: url("../images/mastercard.png")
}

.a-input[data-card][data-card=amex] {
    background-image: url("../images/amex.png")
}

.a-input[data-card][data-card=maestro] {
    background-image: url("../images/maestro.png")
}

.a-input[data-card][data-card=diners-club] {
    background-image: url("../images/dinersclub.png")
}

.a-input[data-card][data-card=discover] {
    background-image: url("../images/discover.png")
}

.a-input[data-card][data-card=jcb] {
    background-image: url("../images/jcb.png")
}

.a-loading-indicator {
    display: block;
    width: 7rem;
    height: 7rem;
    position: relative;
    background-color: #fff;
    animation-duration: 5s;
    animation-timing-function: linear
}

.a-loading-indicator, .a-loading-indicator::before, .a-loading-indicator::after {
    animation-name: aLoadingIndicatorSpin;
    animation-iteration-count: infinite
}

.a-loading-indicator::before, .a-loading-indicator::after {
    content: "";
    width: 3.5rem;
    height: 7rem;
    border-style: solid;
    border-color: #006954;
    background-color: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    animation-duration: 2s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.a-loading-indicator::before {
    border-width: .5rem 0 .5rem .5rem;
    border-top-left-radius: 3.5rem;
    border-bottom-left-radius: 3.5rem;
    left: 0;
    transform-origin: 3.5rem 3.5rem
}

.a-loading-indicator::after {
    border-width: .5rem .5rem .5rem 0;
    border-top-right-radius: 3.5rem;
    border-bottom-right-radius: 3.5rem;
    right: 0;
    animation-delay: 1.5s;
    transform-origin: 0 3.5rem
}

.a-loading-indicator--padded {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 760px) {
    .a-loading-indicator--padded {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .a-loading-indicator--padded {
        margin-bottom: 3.75rem
    }
}

@keyframes aLoadingIndicatorSpin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.a-media {
    display: block;
    width: 100%;
    position: relative;
    line-height: 0
}

.a-media__image {
    width: 100%
}

.a-media--1x1 .a-media__image, .a-media--4x3 .a-media__image, .a-media--5x3 .a-media__image, .a-media--16x9 .a-media__image {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.a-media--1x1 {
    padding-top: 100%
}

.a-media--4x3 {
    padding-top: 75%
}

.a-media--5x3 {
    padding-top: 60%
}

.a-media--16x9 {
    padding-top: 56.25%
}

.a-media--cover .a-media__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.a-media--round .a-media__image {
    border-radius: 50%
}

.a-mpu {
    text-align: center;
    line-height: 0
}

.a-mpu__label {
    font-size: .875rem;
    line-height: 1.15;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    padding: 0.25rem;
    display: block;
    color: #99a8a6
}

@media screen and (min-width: 760px) {
    .a-mpu__label {
        font-size: 1rem
    }
}

.a-payment-card {
    width: 2.372549019rem;
    height: 1.5rem;
    border-radius: 3px;
    vertical-align: middle
}

.a-radio {
    line-height: 1.5;
    display: block;
    padding-left: calc(1.5em + 0.5rem);
    position: relative
}

.a-radio__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    bottom: 0
}

.a-radio__input:checked ~ .a-radio__label::before {
    border-color: #a3e953
}

.a-radio__input:checked ~ .a-radio__label::after {
    content: ""
}

@media only print {
    .a-radio__input:checked ~ .a-radio__label::after {
        content: "●";
        transform: translate(-1px, -50%)
    }
}

.a-radio__input:checked ~ .a-radio__more {
    display: block
}

.a-radio__input:focus ~ .a-radio__label::before {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-radio__input:focus ~ .a-radio__label::before {
    outline: 0
}

.a-radio__input:disabled ~ .a-radio__label::before {
    background-color: #b8c2c1
}

.a-radio__input:disabled ~ .a-radio__label::after {
    background-color: #fff
}

.a-radio__input[aria-invalid=true] ~ .a-radio__label::before {
    border-color: #e00132
}

.a-radio__label::before, .a-radio__label::after {
    position: absolute;
    border-radius: 50%
}

.a-radio__label::before {
    content: "";
    width: 1.25em;
    height: 1.25em;
    top: .125em;
    left: .125em;
    border: 2px solid #b8c2c1;
    background-color: #fff
}

@media only print {
    .a-radio__label::before {
        border-color: currentColor
    }
}

.a-radio__label::after {
    width: .75em;
    height: .75em;
    top: .375em;
    left: .375em;
    background-color: #006954
}

.a-radio__hint {
    display: block;
    color: #828585
}

.a-radio__more {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: none;
    margin-left: -1.375em;
    padding-left: 1.15em;
    border-left: .25em solid #006954
}

.a-range {
    position: relative
}

.a-range__input {
    width: 100%;
    -webkit-appearance: none;
    appearance: none
}

.a-range__input::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    border: none;
    border-radius: 0;
    background-color: #d6dddb
}

.a-range__input::-moz-range-track {
    width: 100%;
    height: 6px;
    border: none;
    border-radius: 0;
    background-color: #d6dddb
}

.a-range__input::-ms-track {
    width: 100%;
    height: 6px;
    border: none;
    border-radius: 0;
    background-color: #d6dddb
}

.a-range__input::-ms-track {
    border-color: transparent;
    border-width: 6px 0;
    background: transparent;
    color: transparent
}

.a-range__input::-ms-fill-lower, .a-range__input::-ms-fill-upper {
    background-color: #d6dddb
}

.a-range__input::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    margin-top: -6px;
    border: none;
    border-radius: 50%;
    background-color: #006954;
    -webkit-appearance: none;
    appearance: none
}

.a-range__input::-moz-range-thumb {
    width: 18px;
    height: 18px;
    margin-top: -6px;
    border: none;
    border-radius: 50%;
    background-color: #006954;
    appearance: none
}

.a-range__input::-ms-thumb {
    width: 18px;
    height: 18px;
    margin-top: -6px;
    border: none;
    border-radius: 50%;
    background-color: #006954;
    appearance: none
}

.a-range__input:focus {
    outline: none
}

.a-range__input:focus::-webkit-slider-thumb {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-range__input:focus::-webkit-slider-thumb {
    outline: 0
}

.a-range__input:focus::-moz-range-thumb {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-range__input:focus::-moz-range-thumb {
    outline: 0
}

.a-range__input:focus::-ms-thumb {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-range__input:focus::-ms-thumb {
    outline: 0
}

.a-range__value {
    font-size: .875rem;
    color: #828585;
    text-align: right
}

@media screen and (min-width: 760px) {
    .a-range__value {
        font-size: 1rem
    }
}

.a-select {
    display: block;
    width: 100%;
    border: 2px solid #b8c2c1;
    color: inherit;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

@media only print {
    .a-select {
        border-color: currentColor
    }
}

.m-form__error-group .a-select {
    border-color: #e00132
}

.a-select__input {
    background-image: url("../images/5bef44f1a9134e3db0ff3acbed7738e8.gif");
    background-repeat: no-repeat;
    background-size: .875em 1em;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding-right: calc(.875em + 1em);
    border-radius: 0;
    color: #3c3d41;
    background-color: #fff;
    background-position: top 50% right .5em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    appearance: none
}

.a-select__input::-ms-expand {
    display: none
}

.a-skiplink {
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.5rem;
    color: #006954;
    font-weight: 500;
    text-decoration: none;
    display: block;
    position: absolute;
    top: -9999em;
    left: -9999em;
    background-color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    z-index: 9000
}

@media screen and (min-width: 760px) {
    .a-skiplink {
        font-size: 1.125rem
    }
}

.a-skiplink:hover, .a-skiplink:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.a-skiplink:focus {
    position: fixed;
    top: 1rem;
    left: 1rem
}

.a-stepper {
    display: flex
}

.a-stepper__input {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    flex-shrink: 0;
    order: 2;
    border-right-width: 0;
    border-left-width: 0;
    border-color: #b8c2c1;
    text-align: center
}

.a-stepper__button {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    flex-shrink: 0;
    min-width: 2em;
    border: 2px solid #006954;
    border-radius: 0;
    color: #fff;
    background-color: #006954;
    font-weight: 700;
    cursor: pointer
}

.a-stepper__button:hover, .a-stepper__button:focus {
    border-color: #005443;
    background-color: #005443
}

.a-stepper__button--up {
    order: 3;
    border-left-width: 0
}

.a-stepper__button--down {
    order: 1;
    border-right-width: 0
}

.a-table__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
    background-color: #fff
}

.a-table caption {
    margin-bottom: 0.5rem;
    text-align: left
}

.a-table thead th {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    border-bottom: none;
    color: #fff;
    background-color: #006954;
    vertical-align: bottom;
    font-weight: 400;
    opacity: 1
}

@media screen and (min-width: 760px) {
    .a-table thead th {
        font-size: 1rem
    }
}

.a-table tbody th {
    font-weight: 700;
    background-color: #f1ede7
}

.a-table th, .a-table td {
    font-size: .875rem;
    box-sizing: content-box;
    padding-top: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #b8c2c1;
    text-align: left;
    vertical-align: top
}

@media screen and (min-width: 760px) {
    .a-table th, .a-table td {
        font-size: 1rem
    }
}

.a-table th[data-datatype~=thumbnail], .a-table td[data-datatype~=thumbnail] {
    min-width: 50px;
    max-width: 50px;
    line-height: 0
}

.a-table th[data-datatype~=thumbnail] img, .a-table td[data-datatype~=thumbnail] img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.a-table th[data-datatype~=label], .a-table td[data-datatype~=label] {
    vertical-align: middle
}

.a-table th[data-datatype~=control], .a-table th[data-datatype~=numerical], .a-table td[data-datatype~=control], .a-table td[data-datatype~=numerical] {
    text-align: right
}

.a-table th[data-datatype~=numerical], .a-table td[data-datatype~=numerical] {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.a-table th[data-datatype~=nowrap], .a-table td[data-datatype~=nowrap] {
    white-space: nowrap
}

.a-table th a, .a-table td a {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.a-table th a:hover, .a-table th a:focus, .a-table td a:hover, .a-table td a:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.a-table th a:visited, .a-table td a:visited {
    color: #006954
}

.a-table th small, .a-table td small {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .a-table th small, .a-table td small {
        font-size: 1rem
    }
}

.a-table th .a-icon, .a-table td .a-icon {
    vertical-align: middle
}

.a-table__dog-photo, .a-table__dog-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: .5rem;
    float: left
}

.a-table__dog-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #f1ede7
}

.a-table__dog-icon .a-icon {
    width: 25px;
    height: 25px
}

@media only screen and (max-width: 36rem) {
    .a-table--no-responsive {
        overflow-x: auto
    }

    .a-table:not(.a-table--no-responsive) thead {
        display: none
    }

    .a-table:not(.a-table--no-responsive) tbody th, .a-table:not(.a-table--no-responsive) tbody td {
        display: block
    }

    .a-table:not(.a-table--no-responsive) tbody th:before, .a-table:not(.a-table--no-responsive) tbody th:after, .a-table:not(.a-table--no-responsive) tbody td:before, .a-table:not(.a-table--no-responsive) tbody td:after {
        display: table;
        content: " "
    }

    .a-table:not(.a-table--no-responsive) tbody th:after, .a-table:not(.a-table--no-responsive) tbody td:after {
        clear: both
    }

    .a-table:not(.a-table--no-responsive) tbody td {
        overflow: hidden;
        display: block;
        padding-right: 0;
        padding-left: 7rem;
        border: none
    }

    .a-table:not(.a-table--no-responsive) tbody td::before {
        content: attr(data-th);
        display: inline-block;
        margin-right: .5rem;
        margin-left: -7rem;
        font-weight: 700;
        width: 6.5rem;
        float: left
    }

    .a-table:not(.a-table--no-responsive) tbody td:first-child {
        border-top: 1px solid #b8c2c1
    }

    .a-table:not(.a-table--no-responsive) tbody td.bt-hide {
        display: none
    }

    .a-table:not(.a-table--no-responsive) th[data-datatype~=control], .a-table:not(.a-table--no-responsive) th[data-datatype~=numerical], .a-table:not(.a-table--no-responsive) td[data-datatype~=control], .a-table:not(.a-table--no-responsive) td[data-datatype~=numerical] {
        text-align: left
    }

    .a-table:not(.a-table--no-responsive).a-table--two-axis tr th:first-of-type {
        border-bottom: none
    }
}

.a-tag {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    display: inline-block;
    border-radius: 1rem;
    color: #fff;
    background-color: #d6dddb;
    color: #1f3e3b;
    font-weight: 500;
    white-space: nowrap
}

@media screen and (min-width: 760px) {
    .a-tag {
        font-size: 1rem
    }
}

.a-tag--success {
    background-color: #eefbe0;
    color: #006954
}

.a-tag--warning {
    background-color: #ffefd5;
    color: #fe5c01
}

.a-tag--danger {
    background-color: #ffd4dd;
    color: #e00132
}

.a-textarea {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    width: 100%;
    min-height: 8em;
    border: 2px solid #b8c2c1;
    border-radius: 0;
    color: inherit;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    resize: vertical
}

@media only print {
    .a-textarea {
        border-color: currentColor
    }
}

.a-textarea[aria-invalid=true] {
    border-color: #e00132
}

.a-toggle {
    line-height: 1.5;
    display: block;
    padding-left: calc(2.5em + 0.5rem);
    position: relative
}

.a-toggle__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    bottom: 0
}

.a-toggle__input:checked ~ .a-toggle__label::before {
    border-color: #a3e953
}

.a-toggle__input:checked ~ .a-toggle__label::after {
    left: calc(1.5em + 2px);
    background-color: #006954
}

.a-toggle__input:checked ~ .a-toggle__more {
    display: block
}

.a-toggle__input:focus ~ .a-toggle__label::before {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .a-toggle__input:focus ~ .a-toggle__label::before {
    outline: 0
}

.a-toggle__input:disabled ~ .a-toggle__label {
    color: #b8c2c1
}

.a-toggle__input:disabled ~ .a-toggle__label::before {
    border-color: #b8c2c1;
    background-color: #b8c2c1
}

.a-toggle__input:disabled ~ .a-toggle__label::after {
    background-color: #fff
}

.a-toggle__label::before, .a-toggle__label::after {
    content: "";
    position: absolute;
    transition-property: background-color, left;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.a-toggle__label::before {
    width: 2.5em;
    height: 1.25em;
    top: .125em;
    left: .125em;
    border: 2px solid #b8c2c1;
    border-radius: .625em;
    background-color: #fff
}

.a-toggle__label::after {
    width: .75em;
    height: .75em;
    top: .375em;
    left: .375em;
    border-radius: 50%;
    background-color: #7b8d8b
}

.a-toggle__hint {
    display: block;
    opacity: .67
}

.a-toggle__more {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: none;
    margin-left: -1.375em;
    padding-left: 1.15em;
    border-left: .25em solid #006954
}

.a-wysiwyg, .a-table caption {
    font-family: 'Maison Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    line-height: 1.5
}

.a-wysiwyg p, .a-table caption p, .a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol, .a-wysiwyg dl, .a-table caption dl {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .a-wysiwyg p, .a-table caption p, .a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol, .a-wysiwyg dl, .a-table caption dl {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg p, .a-table caption p, .a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol, .a-wysiwyg dl, .a-table caption dl {
        margin-bottom: 1.25rem
    }
}

.a-wysiwyg p:first-child, .a-table caption p:first-child, .a-wysiwyg ul:first-child, .a-table caption ul:first-child, .a-wysiwyg ol:first-child, .a-table caption ol:first-child, .a-wysiwyg dl:first-child, .a-table caption dl:first-child {
    margin-top: 0
}

.a-wysiwyg p:last-child, .a-table caption p:last-child, .a-wysiwyg ul:last-child, .a-table caption ul:last-child, .a-wysiwyg ol:last-child, .a-table caption ol:last-child, .a-wysiwyg dl:last-child, .a-table caption dl:last-child {
    margin-bottom: 0
}

@media only print {
    .a-wysiwyg p, .a-table caption p, .a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol, .a-wysiwyg dl, .a-table caption dl {
        max-width: none
    }
}

.a-wysiwyg ul, .a-table caption ul, .a-wysiwyg ol, .a-table caption ol {
    padding-left: 1.5rem
}

.a-wysiwyg ul li + li, .a-table caption ul li + li, .a-wysiwyg ol li + li, .a-table caption ol li + li {
    margin-top: 0.5rem
}

.a-wysiwyg h1, .a-table caption h1, .a-wysiwyg h2, .a-table caption h2, .a-wysiwyg h3, .a-table caption h3, .a-wysiwyg h4, .a-table caption h4, .a-wysiwyg h5, .a-table caption h5, .a-wysiwyg h6, .a-table caption h6, .a-wysiwyg p, .a-table caption p {
    hanging-punctuation: first
}

.a-wysiwyg h1, .a-table caption h1, .a-wysiwyg h2, .a-table caption h2, .a-wysiwyg h3, .a-table caption h3, .a-wysiwyg h4, .a-table caption h4, .a-wysiwyg h5, .a-table caption h5, .a-wysiwyg h6, .a-table caption h6 {
    font-family: 'Maison Neue', Trebuchet, 'Trebuchet MS', sans-serif;
    line-height: 1.15;
    font-weight: 700;
    color: #006954
}

.a-wysiwyg h1, .a-table caption h1 {
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    font-size: 2.5rem
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h1, .a-table caption h1 {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h1, .a-table caption h1 {
        margin-bottom: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h1, .a-table caption h1 {
        font-size: 3.125rem
    }
}

.a-wysiwyg h2, .a-table caption h2 {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 2rem
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h2, .a-table caption h2 {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h2, .a-table caption h2 {
        margin-bottom: 1.5rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h2, .a-table caption h2 {
        font-size: 2.125rem
    }
}

.a-wysiwyg h3, .a-table caption h3 {
    margin-top: 1.25rem;
    margin-bottom: 1rem;
    font-size: 1.5rem
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h3, .a-table caption h3 {
        margin-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h3, .a-table caption h3 {
        margin-bottom: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h3, .a-table caption h3 {
        font-size: 1.75rem
    }
}

.a-wysiwyg h4, .a-table caption h4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h4, .a-table caption h4 {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h4, .a-table caption h4 {
        font-size: 1.5625rem
    }
}

.a-wysiwyg h5, .a-table caption h5 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h5, .a-table caption h5 {
        margin-top: 1.5rem
    }
}

.a-wysiwyg h6, .a-table caption h6 {
    margin-top: 1rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp"
}

@media screen and (min-width: 760px) {
    .a-wysiwyg h6, .a-table caption h6 {
        font-size: 1rem
    }
}

.a-wysiwyg abbr, .a-table caption abbr {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.a-wysiwyg code, .a-table caption code {
    background-color: #eee
}

.a-wysiwyg dt, .a-table caption dt {
    margin-top: 0.5rem;
    font-weight: 700
}

.a-wysiwyg dt:first-child, .a-table caption dt:first-child {
    margin-top: 0
}

.a-wysiwyg a, .a-table caption a {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.a-wysiwyg a:hover, .a-table caption a:hover, .a-wysiwyg a:focus, .a-table caption a:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.a-wysiwyg a:visited, .a-table caption a:visited {
    color: #006954
}

@media only print {
    .a-wysiwyg a, .a-table caption a {
        text-decoration: underline
    }

    .a-wysiwyg a::after, .a-table caption a::after {
        content: " (" attr(href) ")"
    }
}

.a-wysiwyg--centred p, .a-wysiwyg--centred ul, .a-wysiwyg--centred ol, .a-wysiwyg--centred dl {
    margin-right: auto;
    margin-left: auto
}

.m-account {
    color: #3c3d41;
    background-color: #fff
}

.m-account__header {
    color: #fff;
    background-color: #006954
}

.m-account__profile--current {
    padding: 1rem;
    display: flex;
    align-items: center
}

.m-account__profile--current .m-account__profile-icon {
    color: #006954;
    background-color: #a3e953
}

.m-account__profile--current .m-account__profile-name {
    color: #fff
}

.m-account__profile + .m-account__profile {
    border-top: 1px solid #b8c2c1
}

.m-account__profile-link {
    padding: 1rem;
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none
}

.m-account__profile-link:hover .m-account__profile-name, .m-account__profile-link:focus .m-account__profile-name {
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-account__profile-link[aria-current=true] {
    background-color: #f1ede7
}

.m-account__profile-icon {
    margin-right: 1rem;
    flex: 0 0 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    color: #fff;
    background-color: #006954
}

.m-account__profile-icon .a-icon {
    width: 1.5rem;
    height: 1.5rem;
    stroke: currentColor
}

.m-account__profile-name {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    color: #006954
}

.m-account__profile-subtitle {
    font-size: .875rem;
    display: block;
    opacity: .67
}

@media screen and (min-width: 760px) {
    .m-account__profile-subtitle {
        font-size: 1rem
    }
}

.m-account__navigation {
    max-height: 60vh;
    list-style-type: none;
    overflow: auto
}

.m-account__controls {
    padding: 1rem;
    padding-top: 0;
    font-size: .875rem;
    display: flex;
    justify-content: flex-end
}

@media screen and (min-width: 760px) {
    .m-account__controls {
        font-size: 1rem
    }
}

.m-account__controls-item {
    margin-left: 1rem;
    color: #fff;
    text-decoration: none
}

.m-account__controls-item:hover, .m-account__controls-item:focus {
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-account--popover {
    width: 100%;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: #006954;
    position: absolute;
    z-index: 9000
}

@media screen and (min-width: 420px) {
    .m-account--popover {
        max-width: 380px;
        border-right-width: 2px;
        border-left-width: 2px
    }
}

.m-alert {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    background-color: #f1ede7
}

@media screen and (min-width: 760px) {
    .m-alert {
        margin-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .m-alert {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 420px) {
    .m-alert {
        flex-direction: row
    }
}

@media only print {
    .m-alert {
        flex-direction: row;
        border: 2px solid currentColor
    }
}

.m-alert__icon-container {
    padding: 0.25rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    margin-top: -0.5rem;
    color: #006954;
    background-color: #a3e953
}

@media only print {
    .m-alert__icon-container {
        margin-left: -2px;
        margin-top: -2px;
        border: 2px solid currentColor
    }
}

.m-alert__icon-container .a-icon {
    width: 1.5rem;
    height: 1.5rem
}

.m-alert__inner {
    padding: 1rem;
    flex-grow: 1
}

.m-alert__title {
    font-size: 1.25rem;
    line-height: 1.15;
    display: block
}

@media screen and (min-width: 760px) {
    .m-alert__title {
        font-size: 1.5625rem
    }
}

.m-alert__title + .m-alert__content {
    margin-top: 0.25rem
}

.m-alert--success .m-alert__icon-container, .m-alert--warning .m-alert__icon-container, .m-alert--danger .m-alert__icon-container {
    color: #fff
}

.m-alert--success {
    background-color: #eefbe0
}

.m-alert--success .m-alert__icon-container {
    background-color: #006954
}

.m-alert--warning {
    background-color: #ffefd5
}

.m-alert--warning .m-alert__icon-container {
    background-color: #fe5c01
}

.m-alert--danger {
    background-color: #ffd4dd
}

.m-alert--danger .m-alert__icon-container {
    background-color: #e00132
}

.m-article-card__link {
    padding: 1rem;
    font-size: .875rem;
    display: flex;
    align-items: flex-start;
    height: 100%;
    color: #006954;
    background-color: #fff;
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .m-article-card__link {
        font-size: 1rem
    }
}

.m-article-card__link:visited {
    color: #006954
}

.m-article-card__link:hover, .m-article-card__link:focus {
    color: #006954
}

.m-article-card__link:hover .m-article-card__title, .m-article-card__link:focus .m-article-card__title {
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-article-card__media {
    flex: 0 0 80px;
    margin-right: 1rem
}

.m-article-card__title {
    font-weight: 500
}

.m-article-card__content {
    margin-top: 0.5rem
}

.m-breadcrumbs {
    font-size: .875rem;
    line-height: 1.15;
    background-color: #006954;
    border-bottom: 1px solid #fff
}

@media screen and (min-width: 760px) {
    .m-breadcrumbs {
        font-size: 1rem
    }
}

.m-breadcrumbs__list {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    list-style-type: none;
    white-space: nowrap;
    overflow: hidden
}

.m-breadcrumbs__item {
    display: inline-block;
    position: relative
}

@media screen and (max-width: 599px) {
    .m-breadcrumbs__item::before {
        margin-right: 0.25rem;
        content: "‹";
        speak: none
    }

    .m-breadcrumbs__item::before {
        color: #fff
    }

    .m-breadcrumbs__item:nth-last-child(n+3), .m-breadcrumbs__item:last-child {
        display: none
    }
}

@media screen and (min-width: 600px) {
    .m-breadcrumbs__item::after {
        content: "";
        width: 2rem;
        height: 2rem;
        position: absolute;
        top: calc(50% - 1rem);
        right: 0;
        border-width: 1px 1px 0 0;
        border-style: solid;
        border-color: #fff;
        transform: rotate(45deg)
    }

    .m-breadcrumbs__item:first-child .m-breadcrumbs__link, .m-breadcrumbs__item:first-child .m-breadcrumbs__label {
        padding-left: 0.25rem
    }

    .m-breadcrumbs__item:last-child::after {
        content: none
    }
}

@media only print {
    .m-breadcrumbs__item:nth-child(n+2)::before {
        content: ">";
        margin: 0 .3em
    }
}

.m-breadcrumbs__link, .m-breadcrumbs__label {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
    position: relative;
    z-index: 1;
    color: #fff;
    text-decoration: none
}

.m-breadcrumbs__link[aria-current=true], .m-breadcrumbs__label[aria-current=true] {
    font-weight: 500
}

.m-breadcrumbs__link:hover, .m-breadcrumbs__link:focus {
    text-decoration: underline
}

.m-breed-card__link {
    display: block;
    color: currentColor;
    text-decoration: none
}

.m-breed-card__header {
    padding: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    background-color: #006954;
    background-image: linear-gradient(to top, #a3e953 1rem, transparent 1rem)
}

.m-breed-card__image, .m-breed-card__level {
    margin-right: 1rem;
    flex-shrink: 0;
    width: 5em
}

.m-breed-card__image {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem
}

.m-breed-card__image img {
    border: .25em solid #a3e953;
    border-radius: 50%;
    background-color: #fff;
    -o-object-fit: contain;
    object-fit: contain
}

.m-breed-card__level {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5em;
    border: .25em solid #006954;
    border-radius: 50%
}

.m-breed-card__level-text {
    font-size: 2rem;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .m-breed-card__level-text {
        font-size: 2.125rem
    }
}

.m-breed-card__category {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-breed-card__category {
        font-size: 1rem
    }
}

.m-breed-card__title {
    font-size: 1.25rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-breed-card__title {
        font-size: 1.5625rem
    }
}

.m-breed-card__summary {
    margin-top: 1rem;
    color: #828585
}

.m-breed-card--padded .m-breed-card__summary {
    margin-top: 0;
    padding: 1rem;
    background-color: #fff
}

.m-breed-card--judge-level .m-breed-card__link:hover .m-breed-card__title, .m-breed-card--judge-level .m-breed-card__link:focus .m-breed-card__title {
    color: #006954
}

.m-breed-card--judge-level .m-breed-card__header {
    padding: 0;
    color: #3c3d41;
    background-color: transparent;
    background-image: none
}

.m-breed-card--judge-level .m-breed-card__title {
    font-size: 1rem
}

@media screen and (min-width: 760px) {
    .m-breed-card--judge-level .m-breed-card__title {
        font-size: 1.125rem
    }
}

.m-breed-colour-swatch {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none
}

@supports (display: grid) {
    .m-breed-colour-swatch {
        display: grid;
        grid-template-columns:repeat(auto-fill, minmax(8rem, 1fr));
        grid-auto-rows: 1fr;
        grid-gap: 1rem
    }
}

.m-breed-colour-swatch__item {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 8rem;
    background-color: #f5f7f6
}

@supports (display: grid) {
    .m-breed-colour-swatch__item {
        margin-right: 0;
        margin-bottom: 0;
        max-width: none
    }
}

.m-breed-colour-swatch__swatch {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    line-height: 0
}

.m-breed-colour-swatch__swatch::before, .m-breed-colour-swatch__swatch::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover
}

.m-breed-colour-swatch__swatch::before {
    content: "";
    opacity: .7;
    background-color: rgba(0, 0, 0, .1)
}

@supports (mix-blend-mode: multiply) {
    .m-breed-colour-swatch__swatch::before {
        background-color: transparent;
        background-image: url("../images/furswatch.jpg");
        mix-blend-mode: multiply
    }
}

.m-breed-colour-swatch__swatch::after {
    background-image: linear-gradient(15deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%);
    opacity: .7
}

@supports (mix-blend-mode: hard-light) {
    .m-breed-colour-swatch__swatch::after {
        background-image: url("../images/furmerle.png");
        mix-blend-mode: hard-light
    }
}

.m-breed-colour-swatch__swatch--merle::after {
    content: ""
}

.m-breed-colour-swatch__swatch--no-swatch {
    color: #e00132
}

.m-breed-colour-swatch__swatch--no-swatch::before, .m-breed-colour-swatch__swatch--no-swatch::after {
    display: none
}

.m-breed-colour-swatch__swatch--no-swatch .a-icon {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: calc(50% - 1.5rem);
    left: calc(50% - 1.5rem)
}

.m-breed-colour-swatch__label {
    padding: 0.5rem
}

.m-breed-colour-swatch__label strong {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .m-breed-colour-swatch__label strong {
        font-size: 1rem
    }
}

.m-breed-summary__list {
    column-width: 18em;
    column-gap: 30px
}

.m-breed-summary__item {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: .875rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    break-inside: avoid
}

@media screen and (min-width: 760px) {
    .m-breed-summary__item {
        font-size: 1rem
    }
}

.m-breed-summary__key {
    flex-grow: 1;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    margin-right: 0.5rem
}

.m-breed-summary__key .a-icon {
    margin-right: 0.5rem;
    flex-grow: 0;
    flex-shrink: 0;
    width: 1.25em;
    height: 1.25em;
    stroke: currentColor
}

.m-breed-summary__key-label {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-breed-summary__key-label {
        font-size: 1rem
    }
}

.m-breed-summary__key-label::after {
    content: ":"
}

.m-breed-summary__value {
    text-align: right
}

.m-breeder-card {
    padding: 1rem;
    background-color: #fff
}

.m-breeder-card__title {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-breeder-card__title {
        font-size: 1.75rem
    }
}

.m-breeder-card__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-breeder-card__link:hover, .m-breeder-card__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-breeder-card__link:visited {
    color: #006954
}

.m-breeder-card__location {
    margin-top: 0.25rem;
    font-weight: 700
}

.m-breeder-card__location-distance {
    font-size: .875rem;
    display: block;
    font-weight: 400;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-breeder-card__location-distance {
        font-size: 1rem
    }
}

.m-breeder-card__details {
    margin-top: 1rem
}

.m-breeder-card__detail + .m-breeder-card__detail {
    margin-top: 0.5rem
}

.m-breeder-card__detail dt {
    margin-right: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: block;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-breeder-card__detail dt {
        font-size: 1rem
    }
}

.m-card {
    background-color: #fff
}

.m-card__media, .m-card__icon-container {
    margin-bottom: 1rem;
    color: #006954;
    background-color: #a3e953
}

@media screen and (min-width: 760px) {
    .m-card__media, .m-card__icon-container {
        margin-bottom: 1.25rem
    }
}

.m-card__media {
    background-image: url("../images/logo-full-green.png");
    background-size: 60% auto;
    background-position: center;
    background-repeat: no-repeat
}

.m-card__icon-container {
    padding: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width: 760px) {
    .m-card__icon-container {
        padding: 2rem
    }
}

.m-card__icon-container .a-icon {
    width: 3.25rem;
    height: 3.25rem
}

.m-card__overlay-container {
    position: relative
}

.m-card__title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1;
    display: block;
    color: #006954
}

@media screen and (min-width: 760px) {
    .m-card__title {
        margin-bottom: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .m-card__title {
        font-size: 1.75rem
    }
}

.m-card__body .a-continue {
    margin-top: 1rem
}

.m-card__content {
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-card__content {
        margin-bottom: 1.25rem
    }
}

.m-card--padded .m-card__media, .m-card--padded .m-card__icon-container {
    margin-bottom: 0
}

.m-card--padded .m-card__body {
    padding: 1rem
}

@media screen and (min-width: 760px) {
    .m-card--padded .m-card__body {
        padding: 1.25rem
    }
}

.m-card--overlay .m-card__title {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    position: absolute;
    bottom: 1rem;
    left: .25em;
    right: 30%
}

.m-card--overlay .m-card__title span {
    color: #006954;
    background-color: #a3e953;
    box-shadow: .25em 0 0 0 #a3e953, -0.25em 0 0 0 #a3e953
}

@media screen and (min-width: 600px) {
    .m-card--horizontal {
        display: flex;
        flex-direction: row
    }

    .m-card--horizontal .m-card__overlay-container {
        margin-right: 1rem;
        flex: 0 0 55%
    }

    .m-card--horizontal .m-card__title {
        top: 1rem;
        bottom: auto
    }

    .m-card--horizontal .m-card__media {
        margin-bottom: 0
    }

    .m-card--horizontal .m-card__body {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}

.m-cta-card__cta, .m-cta-card__form, .m-cta-card__link {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-cta-card__cta, .m-cta-card__form, .m-cta-card__link {
        margin-top: 1.25rem
    }
}

.m-club-advert-card {
    padding: 1rem;
    background-color: #fff
}

@media screen and (min-width: 600px) {
    .m-club-advert-card__header {
        display: flex;
        flex-direction: row
    }
}

.m-club-advert-card__name {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-club-advert-card__name {
        font-size: 1.75rem
    }
}

.m-club-advert-card__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-club-advert-card__link:hover, .m-club-advert-card__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-club-advert-card__link:visited {
    color: #006954
}

.m-club-advert-card__kcai {
    display: flex;
    flex-direction: row;
    align-items: center
}

.m-club-advert-card__kcai > * {
    width: auto;
    height: 2.25rem
}

.m-club-advert-card__kcai > * + * {
    margin-left: 0.5rem
}

@media screen and (min-width: 600px) {
    .m-club-advert-card__kcai {
        margin-left: auto;
        text-align: right
    }
}

.m-club-advert-card__location {
    margin-top: 0.25rem;
    font-weight: 700
}

.m-club-advert-card__location-distance {
    font-size: .875rem;
    display: block;
    font-weight: 400;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-club-advert-card__location-distance {
        font-size: 1rem
    }
}

.m-dashboard-card {
    border: 2px solid #b8c2c1;
    background-color: #fff;
    padding: 1rem
}

.m-dashboard-card + .m-dashboard-card {
    margin-top: 0.5rem
}

.u-card-grid .m-dashboard-card + .m-dashboard-card {
    margin-top: 0
}

.m-dashboard-card__header {
    display: flex;
    justify-content: space-between;
    align-items: baseline
}

.m-dashboard-card__title, .m-dashboard-card__price-amount {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .m-dashboard-card__title, .m-dashboard-card__price-amount {
        font-size: 1.5625rem
    }
}

.m-dashboard-card__subtitle, .m-dashboard-card__price-frequency {
    margin-top: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block
}

@media screen and (min-width: 760px) {
    .m-dashboard-card__subtitle, .m-dashboard-card__price-frequency {
        font-size: 1rem
    }
}

.m-dashboard-card__title {
    line-height: 1.15;
    flex-grow: 1;
    font-weight: 700;
    color: #006954
}

.m-dashboard-card__title a {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-dashboard-card__title a:hover, .m-dashboard-card__title a:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-dashboard-card__subtitle {
    font-weight: 400
}

.m-dashboard-card__price {
    margin-left: 0.5rem;
    text-align: right
}

.m-dashboard-card__body {
    margin-top: 1rem
}

.m-dashboard-card__details {
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-dashboard-card__details {
        font-size: 1rem
    }
}

.m-dashboard-card__details-item + .m-dashboard-card__details-item {
    margin-top: 0.25rem
}

.m-dashboard-card__details-key, .m-dashboard-card__details-value {
    display: inline
}

.m-dashboard-card__actions {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem
}

.m-dashboard-card__actions > * {
    flex: 1 1 auto
}

.m-dashboard-card__actions > *:nth-child(n+2) {
    margin-left: .5rem
}

.m-datalist__item + .m-datalist__item {
    margin-top: 1rem
}

.m-datalist__key {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-datalist__key {
        font-size: 1rem
    }
}

html:not(.cssgrid) .m-datalist--horizontal {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .m-datalist--horizontal {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem
}

.m-datalist--horizontal .m-datalist__item + .m-datalist__item {
    margin-top: 0
}

html:not(.cssgrid) .m-datalist--horizontal .m-datalist__item {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

.m-dog-card {
    padding-top: 2.5em
}

.m-dog-card__link {
    display: block;
    color: currentColor;
    text-decoration: none
}

.m-dog-card__header {
    padding: 1rem;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f1ede7;
    background-image: linear-gradient(to bottom, #006954 1rem, transparent 1rem);
    text-align: center
}

.m-dog-card__image, .m-dog-card__icon {
    margin-bottom: 1rem;
    width: 5em;
    margin-top: -2.5em
}

.m-dog-card__image img {
    border: .25em solid #006954;
    border-radius: 50%;
    background-color: #fff;
    -o-object-fit: cover;
    object-fit: cover
}

.m-dog-card__photo {
    margin-right: auto;
    margin-left: auto
}

.m-dog-card__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5em;
    border: .25em solid #006954;
    border-radius: 50%;
    color: #006954;
    background-color: #f6fdee
}

.m-dog-card__icon .a-icon {
    width: 2.5em;
    height: 2.5em
}

.m-dog-card__category {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-dog-card__category {
        font-size: 1rem
    }
}

.m-dog-card__title {
    font-size: 1.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .m-dog-card__title {
        font-size: 1.75rem
    }
}

.m-dog-card__summary {
    margin-top: 1rem;
    color: #828585
}

.m-dog-list {
    list-style-type: none
}

.m-dog-list__item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-width: 1px 0;
    border-style: solid;
    border-color: #b8c2c1
}

.m-dog-list__item + .m-dog-list__item {
    border-top-width: 0
}

.m-dog-list__item-header {
    display: flex
}

.m-dog-list__name {
    display: block
}

.m-dog-list__name--secondary {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .m-dog-list__name--secondary {
        font-size: 1rem
    }
}

.m-dog-list__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-dog-list__link:hover, .m-dog-list__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-dog-list__link:visited {
    color: #006954
}

.m-dog-list__details {
    margin-top: 0.5rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media screen and (min-width: 760px) {
    .m-dog-list__details {
        font-size: 1rem
    }
}

.m-dog-list__details-item {
    margin-right: 1rem
}

.m-dog-list__details-key {
    font-weight: 700
}

.m-dog-list__details-value .a-icon {
    vertical-align: middle
}

.m-dog-list__controls {
    margin-top: 1rem
}

.m-download-link {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    color: #3c3d41;
    background-color: #f1ede7
}

@media screen and (min-width: 760px) {
    .m-download-link {
        margin-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .m-download-link {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 420px) {
    .m-download-link {
        flex-direction: row
    }
}

@media only print {
    .m-download-link {
        display: none
    }
}

.m-download-link__icon-container {
    padding: 1rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    margin-top: -0.5rem;
    color: #006954;
    background-color: #a3e953
}

.m-download-link__icon-container .a-icon {
    width: 2rem;
    height: 2rem
}

.m-download-link__inner {
    padding: 1rem;
    flex-grow: 1
}

.m-download-link__title {
    font-size: 1.5rem;
    display: block
}

@media screen and (min-width: 760px) {
    .m-download-link__title {
        font-size: 1.75rem
    }
}

.m-download-link__content {
    margin-top: 0.25rem
}

.m-download-link__list {
    max-width: 30em;
    margin-top: 0.5rem;
    list-style-type: none
}

.m-download-link__item + .m-download-link__item {
    margin-top: 0.25rem
}

.m-download-link__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-download-link__link:hover, .m-download-link__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-download-link__link-type {
    opacity: .67
}

.m-ebv-gauge {
    text-align: center
}

.m-ebv-gauge__graphic-container {
    padding-top: 7.8947%;
    position: relative
}

.m-ebv-gauge__graphic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.m-ebv-gauge__track {
    stroke: #b8c2c1;
    stroke-width: .5
}

.m-ebv-gauge__tick {
    fill: rgba(255, 255, 255, .4)
}

.m-ebv-gauge__midpoint {
    fill: #1f3e3b
}

.m-ebv-gauge__marker {
    fill: #fff;
    stroke: #000;
    stroke-width: 2
}

.m-ebv-gauge__body {
    margin-top: 0.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start
}

.m-ebv-gauge__result {
    text-align: left
}

.m-ebv-gauge__score {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .m-ebv-gauge__score {
        font-size: 1.5625rem
    }
}

.m-ebv-gauge__risk {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block
}

@media screen and (min-width: 760px) {
    .m-ebv-gauge__risk {
        font-size: 1rem
    }
}

.m-ebv-gauge__details {
    font-size: .875rem;
    text-align: right
}

@media screen and (min-width: 760px) {
    .m-ebv-gauge__details {
        font-size: 1rem
    }
}

.m-empty-state {
    padding: 1rem;
    text-align: center
}

@media screen and (min-width: 760px) {
    .m-empty-state {
        padding: 1.25rem
    }
}

.m-empty-state__icon .a-icon {
    width: 8em;
    height: 8em;
    color: #5c7370
}

.m-empty-state__messaging, .m-empty-state__cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-empty-state__messaging, .m-empty-state__cta {
        margin-top: 1.25rem
    }
}

.m-empty-state__messaging p {
    margin-right: auto;
    margin-left: auto
}

.m-event-card {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: .5rem solid #002320;
    background-color: #f5f7f6
}

.m-event-card + .m-event-card {
    margin-top: 0.5rem
}

.m-event-card__name {
    display: block
}

.m-event-card__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-event-card__link:hover, .m-event-card__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-event-card__date {
    margin-bottom: 0.25rem;
    display: block;
    color: #828585
}

.m-event-card__controls {
    margin-top: 0.5rem
}

.m-figure {
    margin: 0;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-figure {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .m-figure {
        margin-bottom: 1.25rem
    }
}

.m-figure__caption {
    margin-top: 30px
}

.m-figure__cta {
    margin-top: 0.5rem
}

.m-figure__button, .m-figure__form {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-figure__button, .m-figure__form {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .m-figure:not(.m-figure--portrait) {
        display: flex;
        flex-direction: row;
        align-items: flex-start
    }

    .m-figure:not(.m-figure--portrait) .m-figure__media {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(150px + ((100% - 330px) / 12 * 6))
    }

    .m-figure:not(.m-figure--portrait) .m-figure__caption {
        width: 100%;
        margin-top: 0;
        margin-left: 30px
    }

    .m-figure:not(.m-figure--portrait).m-figure--reverse {
        flex-direction: row-reverse
    }

    .m-figure:not(.m-figure--portrait).m-figure--reverse .m-figure__caption {
        margin-left: 0;
        margin-right: 30px
    }
}

.m-file-list {
    list-style-type: none
}

.m-file-list__item {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.m-file-list__item + .m-file-list__item {
    border-top: 1px solid #b8c2c1
}

.m-file-list__tag {
    margin-bottom: 0.25rem
}

.m-file-list__label {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    margin-right: 1rem
}

.m-file-list__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-file-list__link:hover, .m-file-list__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-file-list__link:visited {
    color: #006954
}

.m-file-list__type {
    opacity: .67
}

.m-footnote {
    font-size: .875rem;
    line-height: 1.5
}

@media screen and (min-width: 760px) {
    .m-footnote {
        font-size: 1rem
    }
}

.m-footnote::before {
    content: "("
}

.m-footnote::after {
    content: ")"
}

.m-footnote--enhanced::before, .m-footnote--enhanced::after {
    content: none
}

.m-footnote--enhanced .m-footnote__num {
    cursor: pointer
}

@media screen and (min-width: 1020px) {
    .m-footnote--enhanced .m-footnote__num {
        cursor: default
    }
}

.m-footnote--enhanced .m-footnote__toggle {
    display: none
}

@media screen and (max-width: 1019px) {
    .m-footnote--enhanced .m-footnote__toggle:checked + .m-footnote__content {
        display: block
    }
}

.m-footnote--enhanced .m-footnote__content a {
    color: inherit
}

@media screen and (max-width: 1019px) {
    .m-footnote--enhanced .m-footnote__content {
        padding: 1rem;
        display: none;
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
        color: #fff;
        background-color: #002320
    }
}

@media screen and (min-width: 1020px) {
    .m-footnote--enhanced .m-footnote__content {
        margin-top: 1rem;
        margin-left: 1rem;
        margin-bottom: 1rem;
        padding-left: 1rem;
        display: block;
        width: 16rem;
        border-left: 2px solid #b8c2c1;
        float: right;
        clear: right;
        color: #828585
    }
}

.m-form__fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

.m-form__fieldset:before, .m-form__fieldset:after {
    display: table;
    content: " "
}

.m-form__fieldset:after {
    clear: both
}

.m-form__legend, .m-form__label, .m-form__error, .m-form__hint {
    margin-bottom: 0.25rem
}

.m-form__legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    line-height: inherit;
    overflow: hidden;
    white-space: normal
}

.m-form__legend h1, .m-form__legend h2, .m-form__legend h3 {
    line-height: 1.15;
    color: #006954
}

.m-form__legend h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem
}

@media screen and (min-width: 760px) {
    .m-form__legend h1 {
        font-size: 3.125rem
    }
}

@media screen and (min-width: 760px) {
    .m-form__legend h1 {
        margin-bottom: 2.5rem
    }
}

.m-form__legend h2 {
    font-size: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-form__legend h2 {
        font-size: 2.125rem
    }
}

@media screen and (min-width: 760px) {
    .m-form__legend h2 {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .m-form__legend h2 {
        margin-bottom: 1.5rem
    }
}

.m-form__legend h3 {
    font-size: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-form__legend h3 {
        font-size: 1.75rem
    }
}

@media screen and (min-width: 760px) {
    .m-form__legend h3 {
        margin-top: 1.5rem
    }
}

.m-form__legend h4 {
    font-size: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 0.25rem
}

@media screen and (min-width: 760px) {
    .m-form__legend h4 {
        font-size: 1.5625rem
    }
}

.m-form__legend em, .m-form__legend small, .m-form__label em, .m-form__label small {
    opacity: .67
}

.m-form__legend em, .m-form__label em {
    display: block;
    font-style: normal
}

.m-form__legend small, .m-form__label small {
    font-size: 1rem;
    font-weight: normal;
    text-transform: none
}

@media screen and (min-width: 760px) {
    .m-form__legend small, .m-form__label small {
        font-size: 1.125rem
    }
}

.m-form__row {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .m-form__row {
        margin-bottom: 2rem
    }
}

.m-form__row--inline > span, .m-form__row--inline > .m-form__group, .m-form__row--inline > .a-checkbox, .m-form__row--inline > .a-radio {
    margin-right: 0.5rem;
    display: inline-block
}

.m-form__row--columns {
    column-width: 16rem;
    column-gap: .5rem
}

.m-form__row--columns > span, .m-form__row--columns > .m-form__group, .m-form__row--columns > .a-checkbox, .m-form__row--columns > .a-radio {
    break-inside: avoid
}

.m-form__row--stretch {
    display: flex;
    align-items: flex-end
}

.m-form__row--stretch > *:not(.a-button) {
    flex-grow: 1
}

.m-form__row--actions {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 2px solid #b8c2c1;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #fff
}

.m-form__row--right {
    text-align: right
}

.m-form__label {
    display: block
}

.m-form__error-group {
    margin-bottom: 1.25rem;
    margin-left: -1rem;
    padding-left: .75rem;
    border-left: .25rem solid #e00132
}

@media screen and (min-width: 760px) {
    .m-form__error-group {
        margin-bottom: 2rem
    }
}

.m-form__error-group .m-form__row:last-of-type {
    margin-bottom: 0
}

.m-form__error {
    display: block;
    color: #e00132;
    font-weight: 700
}

.m-form__hint {
    opacity: .67
}

.m-form--embedded {
    max-width: 32.5rem
}

.m-gallery__preview, .m-gallery__link {
    box-sizing: content-box;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.m-gallery__preview {
    margin: 0;
    margin-bottom: 0.5rem;
    flex-direction: column;
    text-align: center
}

.m-gallery__preview-image {
    max-height: 20rem
}

.m-gallery__caption {
    padding: 1rem;
    line-height: 1.5;
    font-size: .875rem;
    width: 100%
}

@media screen and (min-width: 760px) {
    .m-gallery__caption {
        font-size: 1rem
    }
}

.m-gallery__gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.m-gallery__link {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
    margin-top: 0.5rem;
    width: 3rem;
    height: 3rem;
    border: 2px solid #d6dddb
}

@media screen and (min-width: 760px) {
    .m-gallery__link {
        width: 5rem;
        height: 5rem
    }
}

.m-gallery__link:hover, .m-gallery__link:focus {
    border-color: #006954
}

.m-gallery__thumbnail {
    max-width: 3rem;
    max-height: 3rem
}

@media screen and (min-width: 760px) {
    .m-gallery__thumbnail {
        max-width: 5rem;
        max-height: 5rem
    }
}

.m-image-upload__list {
    list-style-type: none
}

html.cssgrid .m-image-upload__list {
    display: grid;
    grid-gap: .5rem;
    grid-template-columns:repeat(auto-fill, 170px);
    margin: .5rem
}

.m-image-upload__item {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    background-color: #f5f7f6
}

.m-image-upload__thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 154px;
    margin-bottom: auto;
    background-color: #fff
}

.m-image-upload__image {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.m-image-upload__radio {
    margin-top: 0.5rem
}

.m-judge-card {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

@media screen and (min-width: 600px) {
    .m-judge-card {
        flex-direction: row;
        justify-content: space-between
    }
}

.m-judge-card__title {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-judge-card__title {
        font-size: 1.75rem
    }
}

.m-judge-card__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-judge-card__link:hover, .m-judge-card__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-judge-card__link:visited {
    color: #006954
}

.m-judge-card__summary {
    margin-top: 0.5rem;
    color: #828585
}

.m-judge-card__location {
    margin-top: 0.25rem;
    font-weight: 700
}

.m-judge-card__location-distance {
    margin-left: 0.5rem;
    font-size: .875rem;
    font-weight: 400;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-judge-card__location-distance {
        font-size: 1rem
    }
}

.m-lms-assessment-navigation {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .m-lms-assessment-navigation {
        font-size: 1rem
    }
}

.m-lms-assessment-navigation__section-list {
    list-style-type: none
}

.m-lms-assessment-navigation__section + .m-lms-assessment-navigation__section {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-lms-assessment-navigation__section + .m-lms-assessment-navigation__section {
        margin-top: 1.25rem
    }
}

.m-lms-assessment-navigation__title {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    margin-bottom: 0.25rem;
    display: block;
    color: #3c3d41
}

.m-lms-assessment-navigation__question-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none
}

.m-lms-assessment-navigation__question {
    padding: 0.25rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    display: inline-block;
    min-width: 1.75em;
    color: #3c3d41;
    background-color: #f5f7f6;
    text-align: center
}

.m-lms-assessment-navigation__question--complete, .m-lms-assessment-navigation__question--correct, .m-lms-assessment-navigation__question--incorrect {
    color: #fff
}

.m-lms-assessment-navigation__question--complete, .m-lms-assessment-navigation__question--correct {
    color: #006954;
    background-color: #d2e3dd
}

.m-lms-assessment-navigation__question--incorrect {
    background-color: #e00132
}

.m-lms-assessment-navigation__question--current {
    animation-name: mLMSAssessmentNavigationInProgress;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-iteration-count: infinite
}

.m-lms-assessment-navigation__question a {
    color: inherit;
    text-decoration: none
}

@keyframes mLMSAssessmentNavigationInProgress {
    0%, 100% {
        background-color: #f5f7f6
    }
    50% {
        background-color: #e4eeeb
    }
}

.m-navigation {
    padding-right: 0px;
    padding-left: 0px
}

@supports (padding: max(0px)) {
    .m-navigation {
        padding-right: max(0px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .m-navigation {
        padding-left: max(0px, env(safe-area-inset-left))
    }
}

.m-navigation__close {
    font-size: .875rem;
    display: inline-block;
    color: #e00132;
    cursor: pointer
}

@media screen and (min-width: 760px) {
    .m-navigation__close {
        font-size: 1rem
    }
}

.m-navigation__close::before {
    margin-right: 0.25rem;
    content: "‹"
}

.m-navigation__list {
    display: flex;
    flex-direction: column;
    list-style-type: none
}

.m-navigation__link {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    line-height: 1;
    display: inline-block;
    text-decoration: none;
    color: #006954
}

@media screen and (min-width: 760px) {
    .m-navigation__link {
        font-size: 1rem
    }
}

@media screen and (max-width: 599px) {
    .m-navigation {
        padding: 1rem
    }

    .m-navigation__list {
        margin-top: 2.5rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .m-navigation__list {
        margin-top: 3.75rem
    }
}

@media screen and (max-width: 599px) {
    .m-navigation__item + .m-navigation__item {
        margin-top: 1rem
    }
}

@media screen and (max-width: 599px) {
    .m-navigation__link:hover, .m-navigation__link:focus {
        box-shadow: inset 0 -0.15em 0 0 currentColor
    }
}

@media screen and (min-width: 600px) {
    .m-navigation__close {
        display: none
    }

    .m-navigation__list {
        width: 100%;
        height: 100%;
        flex-direction: row;
        justify-content: flex-end;
        align-items: stretch
    }

    .m-navigation__list--secondary {
        display: none
    }

    .m-navigation__item {
        position: relative;
        flex: 1 1 1px
    }

    .m-navigation__item + .m-navigation__item::before {
        content: "";
        position: absolute;
        top: 1rem;
        bottom: 1rem;
        left: 0;
        border-left: 1px solid #006954
    }

    .m-navigation__link {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 1.5rem .75rem;
        text-align: center
    }

    .m-navigation__link:hover, .m-navigation__link:focus {
        padding-bottom: 1rem;
        border-bottom: .5rem solid #a3e953
    }
}

.m-navigation-controls {
    padding-right: 0px;
    padding-left: 0px;
    color: #fff;
    background-color: #006954
}

@supports (padding: max(0px)) {
    .m-navigation-controls {
        padding-right: max(0px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .m-navigation-controls {
        padding-left: max(0px, env(safe-area-inset-left))
    }
}

.m-navigation-controls__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    display: flex
}

.m-navigation-controls__lead-text, .m-navigation-controls__control {
    padding: 0.5rem;
    font-size: .875rem;
    line-height: 1;
    color: inherit
}

@media screen and (min-width: 760px) {
    .m-navigation-controls__lead-text, .m-navigation-controls__control {
        font-size: 1rem
    }
}

.m-navigation-controls__control {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.m-navigation-controls__control:hover, .m-navigation-controls__control[aria-expanded=true] {
    color: #a3e953
}

.m-navigation-controls__control--menu[aria-expanded=true] {
    color: #a3e953
}

.m-navigation-controls__control--account, .m-navigation-controls__control--contact {
    margin-left: auto
}

.m-navigation-controls__control .a-icon {
    flex-shrink: 0;
    flex-basis: 1.3rem;
    width: 1.3rem;
    height: 1.3rem
}

.m-navigation-controls__label {
    margin-left: 0.25rem
}

@media screen and (max-width: 419px) {
    .m-navigation-controls__control--account .m-navigation-controls__label, .m-navigation-controls__control--search .m-navigation-controls__label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0)
    }
}

@media screen and (max-width: 599px) {
    .m-navigation-controls__lead-text {
        display: none
    }

    .m-navigation-controls__control {
        padding: 1rem
    }

    .m-navigation-controls__control--link {
        display: none
    }
}

@media screen and (min-width: 600px) {
    .m-navigation-controls__control--menu {
        display: none
    }
}

.m-pagination {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 2px solid #b8c2c1
}

@media screen and (min-width: 600px) {
    .m-pagination {
        flex-direction: row;
        justify-content: space-between
    }
}

.m-pagination__status {
    color: #828585
}

.m-pagination__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none
}

.m-pagination__item {
    flex-shrink: 0
}

.m-pagination__link {
    padding: 0.5rem;
    color: #006954;
    font-weight: 500;
    text-decoration: none;
    display: block;
    min-width: 1em;
    margin-bottom: -2px;
    text-align: center;
    text-decoration: none
}

.m-pagination__link:hover, .m-pagination__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-pagination__link--prev::before {
    margin-right: 0.25rem;
    content: "‹";
    speak: none
}

.m-pagination__link--next::after {
    margin-left: 0.25rem;
    content: "›";
    speak: none
}

.m-pagination__link[aria-current=true] {
    background-color: #a3e953;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-pedigree-graph {
    padding: 1rem;
    background-color: #f1ede7;
    text-align: center;
    overflow-x: auto
}

.m-pedigree-graph__list {
    display: flex;
    flex-direction: row;
    list-style-type: none
}

.m-pedigree-graph__item {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column
}

.m-pedigree-graph__bracket {
    align-self: center;
    width: 50%;
    height: 1.5rem;
    margin-top: 1.5rem;
    position: relative;
    border-width: 3px 3px 0 3px;
    border-style: solid;
    border-color: #006954
}

.m-pedigree-graph__bracket::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 1.5rem;
    border-left: 3px solid #006954;
    position: absolute;
    left: calc(50% - 1.5px);
    top: -1.5rem
}

.m-pedigree-graph__dog {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: inline-block;
    min-width: 8rem;
    padding: .5rem
}

.m-pedigree-graph__dog--current .m-pedigree-graph__dog-link {
    font-weight: 700
}

.m-pedigree-graph__dog-gender span {
    display: block;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-pedigree-graph__dog-gender span {
        font-size: 1rem
    }
}

.m-pedigree-graph__dog-link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-pedigree-graph__dog-link:hover, .m-pedigree-graph__dog-link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-product-card {
    background-color: #fff
}

.m-product-card__link {
    display: block;
    color: inherit;
    text-decoration: none
}

.m-product-card__link:hover .m-product-card__title, .m-product-card__link:focus .m-product-card__title {
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-product-card__media-container {
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-product-card__media-container {
        margin-bottom: 1.25rem
    }
}

.m-product-card__media {
    color: #fff;
    background-color: #a3e953;
    background-image: url("../images/logo-full-green.png");
    background-size: 60% auto;
    background-position: center;
    background-repeat: no-repeat
}

.m-product-card__body > .m-form__row:last-child {
    margin-bottom: 0
}

.m-product-card__title, .m-product-card__content, .m-product-card__price {
    margin-bottom: 0.5rem
}

.m-product-card__title {
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
    color: #006954
}

@media screen and (min-width: 760px) {
    .m-product-card__title {
        font-size: 1.75rem
    }
}

.m-product-card__price-price {
    font-size: 1.5rem;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-product-card__price-price {
        font-size: 1.75rem
    }
}

.m-product-card__price-note {
    color: #828585
}

.m-product-card--padded .m-product-card__media-container {
    margin-bottom: 0
}

.m-product-card--padded .m-product-card__body {
    padding: 1rem
}

@media screen and (min-width: 760px) {
    .m-product-card--padded .m-product-card__body {
        padding: 1.25rem
    }
}

.m-product-card--wide:before, .m-product-card--wide:after {
    display: table;
    content: " "
}

.m-product-card--wide:after {
    clear: both
}

.m-product-card--wide .m-product-card__media-container {
    margin-left: 1rem;
    width: 40%;
    float: right
}

.m-pullquote {
    margin: 0;
    padding: 1.5rem;
    background-color: #f5f7f6
}

.m-pullquote__quote p::before {
    content: "“"
}

.m-pullquote__quote p:last-child::after {
    content: "”"
}

.m-pullquote__citation {
    margin-top: 1rem;
    text-align: right
}

.m-pullquote__citation::before {
    content: " —"
}

.m-puppy-advert-card {
    display: flex;
    flex-direction: column;
    background-color: #fff
}

@media screen and (min-width: 600px) {
    .m-puppy-advert-card {
        padding: 1rem;
        flex-direction: row
    }
}

@media screen and (min-width: 600px) {
    .m-puppy-advert-card__media, .m-puppy-advert-card__additional {
        flex: 0 0 25%
    }
}

@media screen and (max-width: 599px) {
    .m-puppy-advert-card__media {
        margin-bottom: 1rem
    }
}

.m-puppy-advert-card__body, .m-puppy-advert-card__additional {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem
}

.m-puppy-advert-card__body {
    flex-grow: 1
}

.m-puppy-advert-card__breed {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-puppy-advert-card__breed {
        font-size: 1.75rem
    }
}

.m-puppy-advert-card__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-puppy-advert-card__link:hover, .m-puppy-advert-card__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-puppy-advert-card__link:visited {
    color: #006954
}

.m-puppy-advert-card__location {
    margin-top: 0.25rem;
    font-weight: 700
}

.m-puppy-advert-card__location-distance {
    margin-left: 0.5rem;
    font-size: .875rem;
    font-weight: 400;
    color: #828585
}

@media screen and (min-width: 760px) {
    .m-puppy-advert-card__location-distance {
        font-size: 1rem
    }
}

.m-puppy-advert-card__about {
    margin-top: 1rem
}

.m-puppy-advert-card__about-title {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .m-puppy-advert-card__about-title {
        font-size: 1rem
    }
}

.m-puppy-advert-card__feature-icon, .m-puppy-advert-card__breeder-icon {
    margin-right: 0.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    padding: .75em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    color: #3c3d41;
    background-color: #f1ede7
}

.m-puppy-advert-card__feature-icon .a-icon, .m-puppy-advert-card__breeder-icon .a-icon {
    width: 1.5em;
    height: 1.5em
}

.m-puppy-advert-card__details {
    margin-top: 1rem;
    display: flex
}

.m-puppy-advert-card__detail {
    flex: 1 1 1px;
    text-align: left
}

.m-puppy-advert-card__detail + .m-puppy-advert-card__detail {
    margin-left: 1rem
}

.m-puppy-advert-card__detail dt {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block
}

@media screen and (min-width: 760px) {
    .m-puppy-advert-card__detail dt {
        font-size: 1rem
    }
}

.m-puppy-advert-card__detail dd .a-icon--female {
    stroke: #e51f47
}

.m-puppy-advert-card__detail dd .a-icon--male {
    stroke: #0685b7
}

.m-puppy-advert-card__feature {
    margin-top: 0.5rem;
    display: flex;
    align-items: center
}

.m-puppy-advert-card__feature-label {
    font-size: .875rem;
    display: block
}

@media screen and (min-width: 760px) {
    .m-puppy-advert-card__feature-label {
        font-size: 1rem
    }
}

.m-puppy-advert-card__breeder {
    display: flex;
    align-items: center
}

.m-puppy-advert-card__breeder-icon {
    color: #006954;
    background-color: #a3e953
}

.m-puppy-advert-card__breeder-label {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    line-height: 1;
    display: block
}

@media screen and (min-width: 760px) {
    .m-puppy-advert-card__breeder-label {
        font-size: 1rem
    }
}

.m-search-result {
    padding: 1rem;
    background-color: #fff
}

.m-search-result__link {
    display: block;
    color: currentColor;
    text-decoration: none
}

.m-search-result__title {
    font-size: 1.25rem;
    color: #006954;
    font-weight: 500;
    text-decoration: none;
    font-weight: 500
}

@media screen and (min-width: 760px) {
    .m-search-result__title {
        font-size: 1.5625rem
    }
}

.m-search-result__title:hover, .m-search-result__title:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-search-result__content {
    margin-top: 0.5rem
}

.m-section-header__title {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-section-header__title {
        font-size: 2.125rem
    }
}

.m-section-header__content a {
    color: inherit;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-section-header--primary {
    position: relative;
    overflow: hidden
}

.m-section-header--primary .m-section-header__link {
    color: #3c3d41;
    text-decoration: none
}

.m-section-header--primary .m-section-header__link:hover .m-section-header__title-inner, .m-section-header--primary .m-section-header__link:focus .m-section-header__title-inner {
    box-shadow: inset 0 -0.15em 0 0 #a3e953
}

@media screen and (min-width: 1020px) {
    .m-section-header--primary .m-section-header__media {
        width: calc(210px + ((100% - 330px) / 12 * 8));
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0
    }

    .m-section-header--primary .m-section-header__media--video {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.m-section-header--primary .m-section-header__inner {
    position: relative
}

@media screen and (min-width: 1020px) {
    .m-section-header--primary .m-section-header__inner {
        padding: 3.75rem 0
    }
}

.m-section-header--primary .m-section-header__body {
    padding: 1.5rem;
    position: relative;
    z-index: 1;
    background-color: #f1ede7;
    color: #006954
}

@media screen and (min-width: 1020px) {
    .m-section-header--primary .m-section-header__body {
        width: calc(150px + ((100% - 330px) / 12 * 6))
    }
}

.m-section-header--primary .m-section-header__title {
    font-size: 3rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .m-section-header--primary .m-section-header__title {
        font-size: 4.1875rem
    }
}

@media screen and (min-width: 760px) {
    .m-section-header--primary .m-section-header__title {
        margin-bottom: 1.5rem
    }
}

.m-section-header--secondary {
    position: relative;
    color: #006954;
    background-color: #f1ede7
}

@media screen and (min-width: 760px) {
    .m-section-header--secondary {
        flex-direction: row
    }
}

.m-section-header--secondary .m-section-header__link {
    color: currentColor;
    text-decoration: none
}

.m-section-header--secondary .m-section-header__link:hover .m-section-header__title-inner, .m-section-header--secondary .m-section-header__link:focus .m-section-header__title-inner {
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

@media screen and (min-width: 760px) {
    .m-section-header--secondary .m-section-header__media {
        width: calc(210px + ((100% - 330px) / 12 * 8));
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        overflow: hidden
    }
}

.m-section-header--secondary .m-section-header__body {
    padding: 1rem
}

@media screen and (min-width: 760px) {
    .m-section-header--secondary .m-section-header__body {
        padding: 1.5rem
    }
}

@media screen and (min-width: 760px) {
    .m-section-header--secondary .m-section-header__body {
        width: calc(90px + ((100% - 330px) / 12 * 4));
        margin-left: calc(210px + ((100% - 330px) / 12 * 8));
        padding: 30px
    }
}

.m-section-header--tertiary .m-section-header__link {
    color: currentColor;
    text-decoration: none
}

.m-section-header--tertiary .m-section-header__link:hover .m-section-header__title-inner, .m-section-header--tertiary .m-section-header__link:focus .m-section-header__title-inner {
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-section-header--tertiary .m-section-header__media {
    position: relative;
    z-index: 1
}

.m-section-header--tertiary .m-section-header__inner {
    margin-bottom: -2rem;
    padding-top: 1rem;
    padding-bottom: calc(2.5rem + 2rem);
    color: #006954
}

@media only screen {
    .m-section-header--tertiary .m-section-header__inner {
        position: relative;
        background-color: #a3e953
    }

    .m-section-header--tertiary .m-section-header__inner::before, .m-section-header--tertiary .m-section-header__inner::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #a3e953
    }

    .m-section-header--tertiary .m-section-header__inner::before {
        right: 50%
    }

    .m-section-header--tertiary .m-section-header__inner::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .m-section-header--tertiary .m-section-header__inner {
        padding-top: 2.5rem
    }
}

.m-section-header--tertiary .m-section-header__media + .m-section-header__inner {
    margin-top: -2rem;
    padding-top: calc(2.5rem + 2rem)
}

@media screen and (min-width: 760px) {
    .m-section-header--tertiary .m-section-header__body {
        display: flex
    }
}

@media screen and (min-width: 760px) {
    .m-section-header--tertiary .m-section-header__title {
        width: calc(90px + ((100% - 330px) / 12 * 4));
        margin-right: 30px
    }
}

@media screen and (min-width: 760px) {
    .m-section-header--tertiary .m-section-header__content {
        max-width: 20em
    }
}

.m-service-card {
    background-color: #fff
}

.m-service-card__media-container {
    margin-bottom: 1rem;
    padding-top: 50%;
    position: relative;
    color: #fff;
    background-color: #006954
}

@media screen and (min-width: 760px) {
    .m-service-card__media-container {
        margin-bottom: 1.25rem
    }
}

.m-service-card__media-container .a-icon {
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: calc(50% - 2rem);
    left: calc(50% - 2rem)
}

.m-service-card__title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1;
    display: block;
    color: #006954
}

@media screen and (min-width: 760px) {
    .m-service-card__title {
        margin-bottom: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .m-service-card__title {
        font-size: 1.75rem
    }
}

.m-service-card__cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-service-card__cta {
        margin-top: 1.25rem
    }
}

.m-service-card--padded .m-service-card__media-container {
    margin-bottom: 0
}

.m-service-card--padded .m-service-card__body {
    padding: 1rem
}

@media screen and (min-width: 760px) {
    .m-service-card--padded .m-service-card__body {
        padding: 1.25rem
    }
}

.m-service-card--centred .m-service-card__body {
    text-align: center
}

.m-service-card--centred .m-service-card__content p {
    margin-right: auto;
    margin-left: auto
}

.m-show-card {
    background-color: #fff
}

@media screen and (min-width: 600px) {
    .m-show-card {
        display: flex;
        flex-direction: row
    }
}

.m-show-card__date, .m-show-card__body {
    padding: 1rem
}

.m-show-card__date {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    line-height: 1;
    display: block;
    color: #fff;
    background-color: #006954
}

@media screen and (min-width: 600px) {
    .m-show-card__date {
        flex: 0 1 200px
    }
}

.m-show-card__date-segment {
    overflow: hidden
}

.m-show-card__date-segment span {
    font-size: 2rem;
    margin-right: 0.5rem;
    display: block
}

@media screen and (min-width: 760px) {
    .m-show-card__date-segment span {
        font-size: 2.125rem
    }
}

.m-show-card__date-segment--divider {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}

.m-show-card__title {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .m-show-card__title {
        font-size: 1.75rem
    }
}

.m-show-card__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.m-show-card__link:hover, .m-show-card__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.m-show-card__link:visited {
    color: #006954
}

.m-show-card__location, .m-show-card__activities {
    margin-top: 0.25rem
}

.m-signpost {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

@media screen and (min-width: 760px) {
    .m-signpost {
        padding: 1.25rem
    }
}

.m-signpost__header, .m-signpost__body, .m-signpost__footer {
    position: relative;
    z-index: 1
}

.m-signpost__heading {
    font-size: 2rem;
    display: block;
    color: #006954;
    line-height: 1.125
}

@media screen and (min-width: 760px) {
    .m-signpost__heading {
        font-size: 2.125rem
    }
}

.m-signpost__body, .m-signpost__footer {
    padding-top: 1rem
}

@media screen and (min-width: 760px) {
    .m-signpost__body, .m-signpost__footer {
        padding-top: 1.25rem
    }
}

.m-signpost__footer {
    margin-top: auto
}

.m-social-links {
    display: flex;
    list-style-type: none
}

.m-social-links__item + .m-social-links__item {
    margin-left: 0.5rem
}

.m-social-links__link {
    font-size: 1.5rem;
    padding: 0.25rem;
    display: inline-block;
    text-decoration: none;
    line-height: 0;
    transition-property: color;
    transition-duration: .3s;
    transition-timing-function: ease;
    color: #a3e953
}

@media screen and (min-width: 760px) {
    .m-social-links__link {
        font-size: 1.75rem
    }
}

.m-social-links__link:hover, .m-social-links__link:focus {
    color: #f5f7f6
}

.m-subscription-card {
    padding: 1rem;
    border-left: .5rem solid #002320;
    background-color: #f5f7f6
}

.m-subscription-card + .m-subscription-card {
    margin-top: 0.5rem
}

.m-subscription-card__header {
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width: 420px) {
    .m-subscription-card__header {
        flex-direction: row
    }
}

.m-subscription-card__price small {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .m-subscription-card__price small {
        font-size: 1rem
    }
}

.m-step-programme {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    counter-reset: step
}

@media screen and (min-width: 760px) {
    .m-step-programme {
        flex-direction: row
    }
}

.m-step-programme__item {
    margin: 0;
    flex: 1 1 1px;
    counter-increment: step
}

@media screen and (max-width: 759px) {
    .m-step-programme__item:nth-child(n+2) {
        margin-top: 1.25rem
    }
}

@media screen and (max-width: 759px)and (min-width: 760px) {
    .m-step-programme__item:nth-child(n+2) {
        margin-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .m-step-programme__item:nth-child(n+2) {
        margin-left: 1.25rem
    }
}

@media screen and (min-width: 760px)and (min-width: 760px) {
    .m-step-programme__item:nth-child(n+2) {
        margin-left: 2rem
    }
}

.m-step-programme__media {
    max-width: 10rem;
    margin: 1rem auto;
    position: relative
}

.m-step-programme__media::before {
    font-size: 2.5rem;
    content: counter(step) ".";
    display: block;
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: -1rem;
    left: -1rem;
    z-index: 1;
    border-radius: 50%;
    color: #006954;
    background-color: #a3e953;
    font-weight: 700;
    line-height: 5rem
}

@media screen and (min-width: 760px) {
    .m-step-programme__media::before {
        font-size: 3.125rem
    }
}

.m-step-programme__media img {
    border: 2px solid #fff
}

.m-step-programme__title {
    font-size: 1.25rem;
    display: block;
    margin-bottom: 1rem;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .m-step-programme__title {
        font-size: 1.5625rem
    }
}

.m-step-programme__content {
    font-size: .875rem;
    max-width: 20rem;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 760px) {
    .m-step-programme__content {
        font-size: 1rem
    }
}

.m-tabs__nav {
    font-size: .875rem;
    display: flex;
    flex-direction: row;
    overflow: auto
}

@media screen and (min-width: 760px) {
    .m-tabs__nav {
        font-size: 1rem
    }
}

@media only print {
    .m-tabs__nav {
        display: none
    }
}

.m-tabs__tab {
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    display: flex;
    align-items: flex-end;
    padding-top: calc(.5rem + 2px);
    color: inherit;
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .m-tabs__tab {
        padding-right: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .m-tabs__tab {
        padding-left: 1.25rem
    }
}

.m-tabs__tab[aria-selected=true] {
    padding-top: .5rem;
    border-top: 2px solid #a3e953;
    background-color: #f1ede7
}

.m-tabs.is-enhanced .m-tabs__panel {
    padding: 1rem;
    background-color: #f1ede7
}

@media screen and (min-width: 760px) {
    .m-tabs.is-enhanced .m-tabs__panel {
        padding: 1.25rem
    }
}

@media only print {
    .m-tabs.is-enhanced .m-tabs__panel {
        margin-top: 1rem
    }

    .m-tabs.is-enhanced .m-tabs__panel[hidden] {
        display: block !important
    }
}

.m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h1:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h1:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h1:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h2:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h2:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h2:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h3:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h3:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h3:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h4:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h4:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h4:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h5:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h5:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h5:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-wysiwyg h6:first-child, .m-tabs.is-enhanced .m-tabs__panel .a-table caption h6:first-child, .a-table .m-tabs.is-enhanced .m-tabs__panel caption h6:first-child {
    margin-top: 0
}

.m-tips {
    counter-reset: tipCounter;
    list-style-type: none
}

html.cssgrid .m-tips {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 30px
}

@media screen and (min-width: 1020px) {
    html.cssgrid .m-tips {
        grid-template-columns:repeat(2, 1fr)
    }

    html:not(.cssgrid) .m-tips {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.m-tips__item {
    padding-left: 4rem;
    counter-increment: tipCounter
}

@media screen and (min-width: 1020px) {
    html:not(.cssgrid) .m-tips__item {
        margin-bottom: 30px;
        padding-right: 30px;
        flex: 0 0 50%
    }
}

.m-tips__title {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    display: block
}

@media screen and (min-width: 760px) {
    .m-tips__title {
        font-size: 1.5625rem
    }
}

.m-tips__title::before {
    font-size: 1rem;
    content: counter(tipCounter);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -0.35em;
    margin-left: -4rem;
    width: 3rem;
    height: 3rem;
    float: left;
    border-radius: 50%;
    color: #fff;
    background-color: #006954;
    vertical-align: baseline
}

@media screen and (min-width: 760px) {
    .m-tips__title::before {
        font-size: 1.125rem
    }
}

.m-wizard {
    scrollbar-width: none;
    overflow-x: auto
}

.m-wizard::-webkit-scrollbar {
    display: none
}

.m-wizard__list {
    display: flex;
    flex-direction: row;
    list-style-type: none
}

.m-wizard__item {
    padding-top: 0.5rem;
    position: relative;
    flex-basis: 1px;
    flex-grow: 1;
    flex-shrink: 0
}

.m-wizard__item::before {
    content: "";
    width: 100%;
    height: .5rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f5f7f6
}

.m-wizard__item + .m-wizard__item {
    margin-left: 0.25rem
}

.m-wizard__item--current::before {
    animation-name: mWizardInProgress;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-iteration-count: infinite
}

.m-wizard__item--complete::before {
    background-color: #a3e953
}

.m-wizard__label {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block;
    color: #3c3d41;
    text-decoration: none
}

@media screen and (min-width: 760px) {
    .m-wizard__label {
        font-size: 1rem
    }
}

@keyframes mWizardInProgress {
    0%, 100% {
        background-color: #a3e953
    }
    50% {
        background-color: #8dd553
    }
}

.o-account-navigation {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .o-account-navigation {
        font-size: 1rem
    }
}

.o-account-navigation__current {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-right: 1rem;
    padding-left: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-width: 2px 0;
    border-style: solid;
    border-color: #b8c2c1;
    color: inherit;
    background-color: #fff;
    cursor: pointer
}

.o-account-navigation__current .a-icon {
    width: 1.5em;
    height: 1.5em
}

.o-account-navigation__current[aria-expanded=true] > .a-icon {
    transform: rotate(180deg)
}

.o-account-navigation__current-label {
    display: inline-flex;
    align-items: center
}

.o-account-navigation__current-label .a-icon {
    margin-right: 1rem;
    opacity: .8
}

.o-account-navigation__section {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-account-navigation__section {
        margin-bottom: 2rem
    }
}

.o-account-navigation__title {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    margin-bottom: 0.25rem;
    padding-right: 1rem;
    display: block;
    padding-left: calc(1.5em + 1.5rem);
    color: #3c3d41
}

.o-account-navigation__list {
    list-style-type: none
}

.o-account-navigation__list--parent {
    border-bottom: 2px solid #006954
}

.o-account-navigation__link {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    display: flex;
    align-items: center;
    color: #3c3d41;
    text-decoration: none
}

.o-account-navigation__link:hover, .o-account-navigation__link:focus {
    color: #006954
}

.o-account-navigation__link:hover .a-icon, .o-account-navigation__link:focus .a-icon {
    color: #7b8d8b;
    opacity: 1
}

.o-account-navigation__link[aria-current=true] {
    color: #006954;
    background-color: #fff
}

.o-account-navigation__link[aria-current=true] .a-icon {
    color: #006954;
    opacity: 1
}

.o-account-navigation__link .a-icon {
    margin-right: 1rem;
    flex-shrink: 0;
    flex-grow: 0;
    width: 1.5em;
    height: 1.5em;
    opacity: .4
}

@media screen and (max-width: 1019px) {
    .o-account-navigation__list--parent {
        padding-top: 1.25rem;
        padding-right: 30px;
        padding-left: 30px;
        border-bottom: 2px solid #b8c2c1;
        background-color: #fff
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .o-account-navigation__list--parent {
        padding-top: 2rem
    }
}

@media screen and (min-width: 420px)and (max-width: 1019px) {
    .o-account-navigation__list--parent {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .o-account-navigation__section {
        flex: 0 0 50%
    }

    .o-account-navigation__section:nth-child(2n+1) {
        padding-right: 1rem
    }
}

@media screen and (min-width: 1020px) {
    .o-account-navigation__current {
        display: none
    }

    .o-account-navigation__list--parent {
        border-bottom: none
    }
}

.o-breed-header {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.o-breed-header__header {
    color: #fff;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media only screen {
    .o-breed-header__header {
        position: relative;
        background-color: #006954
    }

    .o-breed-header__header::before, .o-breed-header__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #006954
    }

    .o-breed-header__header::before {
        right: 50%
    }

    .o-breed-header__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__header {
        padding-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__header {
        padding-bottom: 2rem
    }
}

@media screen and (min-width: 420px) {
    .o-breed-header__header {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__header {
        align-items: flex-end
    }
}

.o-breed-header__image {
    position: relative;
    z-index: 1
}

@media screen and (max-width: 419px) {
    .o-breed-header__image {
        margin-bottom: 1.25rem;
        width: 7rem
    }
}

@media screen and (max-width: 419px)and (min-width: 760px) {
    .o-breed-header__image {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 420px) {
    .o-breed-header__image {
        flex-shrink: 0;
        width: calc(60px + ((100% - 330px) / 12 * 3));
        margin-right: 30px
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__image {
        margin-bottom: -5rem
    }
}

@media only print {
    .o-breed-header__image {
        width: 10rem
    }
}

.o-breed-header__image img {
    border-radius: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #fff
}

@media screen and (min-width: 760px) {
    .o-breed-header__image img {
        border: .5em solid #006954
    }
}

@media screen and (min-width: 420px) {
    .o-breed-header__body {
        width: calc(240px + ((100% - 330px) / 12 * 9))
    }
}

.o-breed-header__category {
    text-transform: uppercase;
    font-feature-settings: "cpsp"
}

.o-breed-header__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .o-breed-header__title {
        font-size: 3.125rem
    }
}

.o-breed-header__tagline {
    font-size: 1.25rem;
    line-height: 1.15
}

@media screen and (min-width: 760px) {
    .o-breed-header__tagline {
        font-size: 1.5625rem
    }
}

.o-breed-header__summary {
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #006954
}

@media only screen {
    .o-breed-header__summary {
        position: relative;
        background-color: #f1ede7
    }

    .o-breed-header__summary::before, .o-breed-header__summary::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .o-breed-header__summary::before {
        right: 50%
    }

    .o-breed-header__summary::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__summary {
        padding-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__summary {
        padding-bottom: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-breed-header__summary-list {
        width: calc(240px + ((100% - 330px) / 12 * 9));
        margin-left: calc(90px + ((100% - 330px) / 12 * 3))
    }
}

.o-carousel {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    position: relative;
    background-color: #f1ede7;
    list-style: none;
    overflow: hidden;
    z-index: 1
}

.o-carousel__wrapper {
    box-sizing: content-box;
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    transition-property: transform;
    transform: translate3d(0px, 0, 0)
}

.o-carousel__slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.o-carousel__slide--invisible-blank {
    visibility: hidden
}

@media screen and (min-width: 760px) {
    .o-carousel__slide {
        display: flex;
        flex-direction: row-reverse
    }

    .o-carousel__slide > * {
        flex: 0 0 50%
    }
}

.o-carousel__slide-media-sizer {
    position: relative;
    padding-top: 100%
}

.o-carousel__slide-media-sizer > * {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.o-carousel__slide-body {
    padding: 1rem;
    padding-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-body {
        padding: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-body {
        padding-bottom: 3.75rem
    }
}

.o-carousel__slide-body > * + * {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-body > * + * {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-body {
        padding: 1.25rem
    }
}

@media screen and (min-width: 760px)and (min-width: 760px) {
    .o-carousel__slide-body {
        padding: 2rem
    }
}

.o-carousel__slide-body .a-button::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.o-carousel__slide-title {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .o-carousel__slide-title {
        font-size: 3.125rem
    }
}

.o-carousel--vertical > .o-carousel__wrapper {
    flex-direction: column
}

.o-carousel--multirow > .o-carousel__wrapper {
    flex-wrap: wrap
}

.o-carousel--multirow-column > .o-carousel__wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.o-carousel--free-mode > .o-carousel__wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.o-carousel--android .o-carousel__slide {
    transform: translate3d(0px, 0, 0)
}

.o-carousel--autoheight, .o-carousel--autoheight .o-carousel__slide {
    height: auto
}

.o-carousel--autoheight .o-carousel__wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.o-carousel__pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    text-align: center
}

@media screen and (min-width: 760px) {
    .o-carousel__pagination {
        right: 50%
    }
}

.o-carousel__pagination-bullet {
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    width: 1rem;
    height: 1rem;
    margin-right: .125rem;
    margin-left: .125rem;
    border: 2px solid #c2b196;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: background-color .333s ease
}

.o-carousel__pagination-bullet--active {
    background-color: #c2b196
}

.o-cart {
    list-style-type: none
}

.o-cart__group {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    border-width: 2px 0;
    border-style: solid;
    border-color: #006954;
    background-color: #fff;
    transition-propert: background-color;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

@media screen and (min-width: 760px) {
    .o-cart__group {
        padding-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .o-cart__group {
        padding-bottom: 1.25rem
    }
}

.o-cart__group + .o-cart__group {
    border-top-width: 0
}

.o-cart__group--summary {
    background-color: #f1ede7;
    border: none
}

.o-cart__group.is-removed {
    background-color: #ffd4dd
}

.o-cart__item {
    display: flex;
    justify-content: space-between
}

.o-cart__item + .o-cart__item {
    margin-top: 0.25rem
}

.o-cart__item--child {
    color: #828585
}

.o-cart__name, .o-cart__price {
    display: inline-block;
    position: relative
}

.o-cart__name {
    padding-right: 0.5rem;
    font-weight: 500
}

.o-cart__link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.o-cart__link:hover, .o-cart__link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.o-cart__price {
    padding-left: 0.5rem;
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.o-cart__editors {
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.o-cart__editors > * {
    margin-right: 1rem
}

@media only print {
    .o-cart__editors {
        display: none
    }
}

.o-cart__delete {
    color: #828585
}

.o-cart__delete:hover, .o-cart__delete:focus {
    color: #e00132
}

.o-cart__delete input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.o-cart__delete input:checked + span {
    color: #e00132
}

.o-cart__delete input:checked + span .a-icon {
    display: inline-block
}

.o-cart__delete input:focus + span {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .o-cart__delete input:focus + span {
    outline: 0
}

.o-cart__delete span {
    display: flex;
    align-items: center;
    cursor: pointer
}

.o-cart__delete span .a-icon {
    display: none;
    margin-left: 0.25rem
}

.o-dog-header {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.o-dog-header__header {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media only screen {
    .o-dog-header__header {
        position: relative;
        background-color: #f1ede7
    }

    .o-dog-header__header::before, .o-dog-header__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .o-dog-header__header::before {
        right: 50%
    }

    .o-dog-header__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .o-dog-header__header {
        padding-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .o-dog-header__header {
        padding-bottom: 2rem
    }
}

@media screen and (min-width: 600px) {
    .o-dog-header__header {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }
}

.o-dog-header__image {
    position: relative
}

.o-dog-header__image {
    position: relative;
    z-index: 1;
    border: .5rem solid #006954;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (max-width: 599px) {
    .o-dog-header__image {
        margin-bottom: 1.25rem;
        width: 7rem;
        height: 7rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .o-dog-header__image {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 600px) {
    .o-dog-header__image {
        flex-shrink: 0;
        width: calc(60px + ((100% - 330px) / 12 * 3));
        width: calc(60px + ((100% - 330px) / 12 * 3));
        margin-right: 30px
    }
}

.o-dog-header__image img {
    background-color: #006954;
    -o-object-fit: cover;
    object-fit: cover
}

.o-dog-header__image--editable:hover .o-dog-header__image-label, .o-dog-header__image--editable:focus-within .o-dog-header__image-label {
    opacity: 1
}

.o-dog-header__image--no-image {
    border-color: #006954
}

.o-dog-header__image-icon {
    padding-top: 100%;
    background-color: #e6f0ee
}

.o-dog-header__image-icon .a-icon {
    width: 3em;
    height: 3em;
    position: absolute;
    top: calc(50% - 1.5em);
    left: calc(50% - 1.5em)
}

.o-dog-header__image-label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .67);
    opacity: 0;
    cursor: pointer
}

.o-dog-header__image-label .a-icon {
    width: 3rem;
    height: 3rem
}

.o-dog-header__image-input, .o-dog-header__image-submit {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.o-dog-header__category {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    opacity: .67
}

.o-dog-header__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .o-dog-header__title {
        font-size: 3.125rem
    }
}

.o-dog-header__details-item {
    display: inline
}

.o-dog-header__details-item + .o-dog-header__details-item::before {
    content: "·"
}

.o-dog-header__details-key, .o-dog-header__details-value {
    display: inline
}

.o-dog-header__awards {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

@media only screen {
    .o-dog-header__awards {
        position: relative;
        background-color: #006954
    }

    .o-dog-header__awards::before, .o-dog-header__awards::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #006954
    }

    .o-dog-header__awards::before {
        right: 50%
    }

    .o-dog-header__awards::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .o-dog-header__awards {
        padding-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .o-dog-header__awards {
        padding-bottom: 2rem
    }
}

.o-dog-header__awards-item {
    margin: 0.5rem;
    display: inline-block;
    width: 8rem;
    vertical-align: top
}

.o-dog-header__awards-icon .a-icon {
    width: 2.5rem;
    height: 2.5rem
}

.o-dog-header__awards-label {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .o-dog-header__awards-label {
        font-size: 1rem
    }
}

.o-filterable-list__group + .o-filterable-list__group {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-filterable-list__group + .o-filterable-list__group {
        margin-top: 2rem
    }
}

.o-filterable-list__group:target {
    margin-left: -1rem;
    padding-left: .75rem;
    border-left: .25rem solid #a3e953
}

.o-filterable-list__group-header {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    display: block;
    position: relative;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .o-filterable-list__group-header {
        font-size: 1.5625rem
    }
}

.o-filterable-list__group-header::before {
    content: "";
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 2px solid #b8c2c1
}

.o-filterable-list__group-header strong, .o-filterable-list__group-header em {
    font-weight: inherit;
    font-style: inherit
}

.o-filterable-list__group-header-hl {
    margin-left: 0.5rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    display: inline-block;
    background-color: #fff;
    position: relative
}

.o-filterable-list__empty {
    color: #828585
}

.o-filterable-list__navigation {
    margin-bottom: 1.25rem;
    font-weight: 700
}

@media screen and (min-width: 760px) {
    .o-filterable-list__navigation {
        margin-bottom: 2rem
    }
}

.o-filterable-list__navigation-list {
    list-style-type: none
}

.o-filterable-list__navigation-item {
    margin-right: 0.25rem;
    display: inline
}

.o-filterable-list__navigation-item del, .o-filterable-list__navigation-item a {
    padding: 0.25rem;
    display: inline-block
}

.o-filterable-list__navigation-item del {
    color: #828585;
    text-decoration: none
}

.o-filterable-list__navigation-item a {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.o-filterable-list__navigation-item a:hover, .o-filterable-list__navigation-item a:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.o-footer {
    padding-right: 15px;
    padding-left: 15px;
    color: #fff
}

@supports (padding: max(0px)) {
    .o-footer {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .o-footer {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

@media only screen {
    .o-footer {
        position: relative;
        background-color: #006954
    }

    .o-footer::before, .o-footer::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #006954
    }

    .o-footer::before {
        right: 50%
    }

    .o-footer::after {
        left: 50%
    }
}

.o-footer__inner, .o-footer__footer {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.o-footer__inner {
    padding-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-footer__inner {
        padding-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .o-footer__inner {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
}

.o-footer__footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .875rem
}

@supports (padding: max(0px)) {
    .o-footer__footer {
        padding-bottom: max(1rem, env(safe-area-inset-bottom))
    }
}

@media screen and (min-width: 760px) {
    .o-footer__footer {
        font-size: 1rem
    }
}

.o-footer__brand {
    margin-bottom: 1rem;
    text-align: center
}

@media screen and (min-width: 760px) {
    .o-footer__brand {
        width: calc(60px + ((100% - 330px) / 12 * 3))
    }
}

.o-footer__logo {
    margin-bottom: 0.5rem
}

.o-footer__social-links {
    justify-content: center
}

.o-footer__links {
    font-size: .875rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (min-width: 760px) {
    .o-footer__links {
        font-size: 1rem
    }
}

@media screen and (min-width: 760px) {
    .o-footer__links {
        width: calc(240px + ((100% - 330px) / 12 * 9));
        margin-left: 30px
    }
}

.o-footer__links-section {
    margin-bottom: 1rem;
    padding-right: 0.5rem;
    flex: 0 0 50%
}

@media screen and (min-width: 600px) {
    .o-footer__links-section {
        flex-basis: 33.3333%;
        padding-right: 30px
    }
}

.o-footer__links-header {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    margin-bottom: 0.5rem;
    display: block;
    color: #f1ede7;
    font-weight: 700
}

.o-footer__links-list {
    list-style-type: none
}

.o-footer__links-item {
    margin-bottom: 0.25rem
}

.o-footer__links-link {
    border-bottom: .15em solid transparent;
    color: currentColor;
    text-decoration: none
}

.o-footer__links-link:hover, .o-footer__links-link:focus {
    border-bottom-color: #a3e953
}

.o-footer__boilerplate {
    display: block;
    font-size: inherit
}

.o-footer__legal {
    margin-top: 0.25rem
}

.o-footer__legal-link {
    border-bottom: .15em solid transparent;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

.o-footer__legal-link:not(:last-child) {
    margin-right: 0.5rem
}

.o-footer__legal-link:hover, .o-footer__legal-link:focus {
    border-bottom-color: #a3e953
}

.o-footer__btt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    position: absolute;
    right: 0;
    z-index: 1;
    top: -1rem;
    color: #006954;
    background-color: #a3e953
}

.o-footer__btt:hover, .o-footer__btt:focus {
    background-color: #8dd553
}

.o-footer__btt .a-icon {
    width: 1.5rem;
    height: 1.5rem;
    stroke: currentColor
}

@media only screen {
    .o-further-reading {
        position: relative;
        background-color: #f1ede7
    }

    .o-further-reading::before, .o-further-reading::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .o-further-reading::before {
        right: 50%
    }

    .o-further-reading::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    html:not(.cssgrid) .o-further-reading__body {
        display: flex;
        flex-direction: row
    }

    html:not(.cssgrid) .o-further-reading__body > * {
        flex: 0 0 calc(50% - 15px)
    }
}

html.cssgrid .o-further-reading__body {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 30px
}

@media screen and (min-width: 760px) {
    html.cssgrid .o-further-reading__body {
        grid-template-columns:repeat(2, 1fr)
    }
}

.o-further-reading__cards > * + * {
    margin-top: 1rem
}

.o-gdpr-banner {
    padding: 1rem;
    border-top: .5rem solid #006954;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 1000
}

@media screen and (min-width: 760px) {
    .o-gdpr-banner {
        padding: 1.5rem
    }
}

html.no-js .o-gdpr-banner {
    display: none
}

.o-gdpr-banner__title {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.15
}

@media screen and (min-width: 760px) {
    .o-gdpr-banner__title {
        font-size: 1.5625rem
    }
}

.o-gdpr-banner__content {
    margin-bottom: 1rem;
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .o-gdpr-banner__content {
        font-size: 1rem
    }
}

.o-gdpr-banner__content p {
    max-width: none
}

.o-gdpr-banner__form legend {
    font-weight: 700
}

.o-gdpr-banner__options {
    margin-bottom: 1rem
}

.o-header__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.o-header__branding {
    max-width: 200px;
    line-height: 0
}

.o-header__branding a {
    display: block;
    text-align: center
}

.o-header__button {
    display: none
}

@media screen and (max-width: 599px) {
    .o-header__branding {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .o-header__branding {
        margin-top: 1.5rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .o-header__branding {
        margin-bottom: 1.5rem
    }
}

@media screen and (max-width: 599px) {
    .o-header__navigation {
        display: none;
        width: 270px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9000;
        border-right-width: .5rem;
        border-style: solid;
        border-color: #006954;
        background-color: #fff;
        overflow: auto;
        animation-duration: .5s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: both
    }

    html.nav-open .o-header__navigation {
        display: block;
        transform: translateX(0)
    }

    html.nav-fadein .o-header__navigation {
        animation-name: oHeaderNavigationSlideIn
    }

    html.nav-fadeout .o-header__navigation {
        animation-name: oHeaderNavigationSlideOut
    }
}

@keyframes oHeaderNavigationSlideIn {
    from {
        transform: translateX(-100%)
    }
    to {
        transform: translateX(0)
    }
}

@keyframes oHeaderNavigationSlideOut {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%)
    }
}

@media screen and (min-width: 600px) {
    .o-header {
        border-bottom: 1px solid #006954
    }

    .o-header__inner {
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }

    .o-header__navigation {
        flex-grow: 1;
        width: 100%
    }
}

@media screen and (min-width: 600px)and (max-width: 1019px) {
    .o-header__branding {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media screen and (min-width: 600px)and (max-width: 1019px)and (min-width: 760px) {
    .o-header__branding {
        margin-top: 1.5rem
    }
}

@media screen and (min-width: 1020px) {
    .o-header__inner {
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch
    }

    .o-header__branding {
        flex-shrink: 0;
        display: inline-block;
        margin: .25rem 1rem .5rem 0;
        align-self: center
    }

    .o-header__button {
        display: inline-flex;
        margin-left: 1rem;
        white-space: nowrap
    }
}

.o-jumbotron {
    position: relative;
    color: #fff;
    background-color: #006954
}

.o-jumbotron__media, .o-jumbotron__media::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.o-jumbotron__media::after {
    content: "";
    background-color: rgba(0, 0, 0, .5)
}

.o-jumbotron__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 760px) {
    .o-jumbotron__inner {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .o-jumbotron__inner {
        padding-bottom: 3.75rem
    }
}

.o-jumbotron__heading {
    font-size: 2.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .o-jumbotron__heading {
        font-size: 3.125rem
    }
}

.o-jumbotron__content {
    font-size: .875rem;
    max-width: 40em
}

@media screen and (min-width: 760px) {
    .o-jumbotron__content {
        font-size: 1rem
    }
}

.o-jumbotron__cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .o-jumbotron__cta {
        margin-top: 1.25rem
    }
}

.o-jumbotron--centred {
    text-align: center
}

.o-jumbotron--centred .o-jumbotron__content {
    margin-right: auto;
    margin-left: auto
}

.o-points-of-a-dog {
    font-size: 20px
}

.o-points-of-a-dog__navigation {
    display: flex;
    align-items: center;
    background-color: #f5f7f6
}

.o-points-of-a-dog__navigation-item {
    display: inline-flex;
    align-items: center;
    padding: .5rem;
    color: #006954;
    cursor: pointer
}

.o-points-of-a-dog__navigation-item + .o-points-of-a-dog__navigation-item {
    margin-left: .25rem
}

.o-points-of-a-dog__navigation-item .a-icon {
    flex-shrink: 0
}

.o-points-of-a-dog__navigation-item .o-points-of-a-dog__navigation-label + .a-icon, .o-points-of-a-dog__navigation-item .a-icon + .o-points-of-a-dog__navigation-label {
    margin-left: .25rem
}

.o-points-of-a-dog__navigation-item:hover, .o-points-of-a-dog__navigation-item:focus {
    color: #fff;
    background-color: #006954
}

@media screen and (max-width: 759px) {
    .o-points-of-a-dog__navigation-label {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        overflow: hidden;
        clip: rect(0 0 0 0)
    }
}

.o-points-of-a-dog__navigation-current {
    margin-right: auto;
    padding: .5rem;
    line-height: 1
}

.o-points-of-a-dog__view {
    text-align: center
}

.o-points-of-a-dog__title {
    font-size: 2.5rem;
    line-height: 1.15
}

@media screen and (min-width: 760px) {
    .o-points-of-a-dog__title {
        font-size: 3.125rem
    }
}

.o-points-of-a-dog__image-container {
    display: inline-block;
    transform-origin: top left
}

.o-points-of-a-dog__image {
    display: inline-block;
    position: relative;
    line-height: 0
}

.o-points-of-a-dog__image > img {
    max-width: none
}

.o-points-of-a-dog__section-selector {
    line-height: 1.15;
    display: flex;
    flex-direction: column;
    padding: 1em;
    position: absolute;
    width: calc(50% + 2px);
    height: calc(50% + 2px);
    border: 2px solid #006954;
    background-color: rgba(255, 255, 255, .8);
    cursor: pointer;
    transition-property: color, background-color;
    transition-duration: .3333s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.o-points-of-a-dog__section-selector:hover, .o-points-of-a-dog__section-selector:focus {
    color: #006954;
    background-color: rgba(163, 233, 83, .8)
}

.o-points-of-a-dog__section-selector[id=sHeadAndNeck] {
    top: 0;
    left: 0;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left
}

.o-points-of-a-dog__section-selector[id=sBody] {
    top: 0;
    left: 50%;
    justify-content: flex-start;
    align-items: flex-end;
    text-align: right
}

.o-points-of-a-dog__section-selector[id=sForequarters] {
    top: 50%;
    left: 0;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left
}

.o-points-of-a-dog__section-selector[id=sRearquarters] {
    top: 50%;
    left: 50%;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: right
}

.o-points-of-a-dog__section-selector strong {
    font-size: 1.5625em;
    font-weight: 700
}

.o-points-of-a-dog__label {
    line-height: 1.15;
    width: 8em;
    position: absolute;
    border-radius: 4px;
    transform: translate(-50%, -50%)
}

.o-points-of-a-dog__label.is-incorrect .o-points-of-a-dog__select {
    border-color: #e00132;
    animation-name: oPointsOfADogIncorrect;
    animation-duration: .3333s;
    animation-iteration-count: 1;
    animation-timing-function: linear
}

.o-points-of-a-dog__label.is-correct {
    animation-name: oPointsOfADogCorrect;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.o-points-of-a-dog__label:focus-within {
    z-index: 1
}

.o-points-of-a-dog__label[id=q0] {
    top: 40px;
    left: 450px
}

.o-points-of-a-dog__label[id=q1] {
    top: 115px;
    left: 675px
}

.o-points-of-a-dog__label[id=q2] {
    top: 40px;
    left: 100px
}

.o-points-of-a-dog__label[id=q3] {
    top: 535px;
    left: 290px
}

.o-points-of-a-dog__label[id=q4] {
    top: 475px;
    left: 165px
}

.o-points-of-a-dog__label[id=q5] {
    top: 40px;
    left: 275px
}

.o-points-of-a-dog__label[id=q6] {
    top: 375px;
    left: 95px
}

.o-points-of-a-dog__label[id=q7] {
    top: 40px;
    left: 625px
}

.o-points-of-a-dog__label[id=q8] {
    top: 475px;
    left: 595px
}

.o-points-of-a-dog__label[id=q9] {
    top: 475px;
    left: 415px
}

.o-points-of-a-dog__label[id=q10] {
    top: 40px;
    left: 95px
}

.o-points-of-a-dog__label[id=q11] {
    top: 70px;
    left: 95px
}

.o-points-of-a-dog__label[id=q12] {
    top: 535px;
    left: 95px
}

.o-points-of-a-dog__label[id=q13] {
    top: 70px;
    left: 415px
}

.o-points-of-a-dog__label[id=q14] {
    top: 195px;
    left: 95px
}

.o-points-of-a-dog__label[id=q15] {
    top: 280px;
    left: 95px
}

.o-points-of-a-dog__label[id=q16] {
    top: 345px;
    left: 95px
}

.o-points-of-a-dog__label[id=q17] {
    top: 410px;
    left: 95px
}

.o-points-of-a-dog__label[id=q18] {
    top: 470px;
    left: 95px
}

.o-points-of-a-dog__label[id=q19] {
    top: 535px;
    left: 95px
}

.o-points-of-a-dog__label[id=q20] {
    top: 40px;
    left: 275px
}

.o-points-of-a-dog__label[id=q21] {
    top: 535px;
    left: 275px
}

.o-points-of-a-dog__label[id=q22] {
    top: 430px;
    left: 470px
}

.o-points-of-a-dog__label[id=q23] {
    top: 410px;
    left: 650px
}

.o-points-of-a-dog__label[id=q24] {
    top: 430px;
    left: 110px
}

.o-points-of-a-dog__label[id=q25] {
    top: 115px;
    left: 405px
}

.o-points-of-a-dog__label[id=q26] {
    top: 290px;
    left: 110px
}

.o-points-of-a-dog__label[id=q27] {
    top: 40px;
    left: 505px
}

.o-points-of-a-dog__label[id=q28] {
    top: 40px;
    left: 680px
}

.o-points-of-a-dog__label[id=q29] {
    top: 535px;
    left: 680px
}

.o-points-of-a-dog__label[id=q30] {
    top: 535px;
    left: 505px
}

.o-points-of-a-dog__label[id=q31] {
    top: 230px;
    left: 670px
}

.o-points-of-a-dog__label[id=q32] {
    top: 430px;
    left: 305px
}

.o-points-of-a-dog__label[id=q33] {
    top: 290px;
    left: 670px
}

.o-points-of-a-dog__label[id=q34] {
    top: 400px;
    left: 670px
}

.o-points-of-a-dog__label[id=q35] {
    top: 465px;
    left: 670px
}

.o-points-of-a-dog__label[id=q36] {
    top: 530px;
    left: 670px
}

.o-points-of-a-dog__label[id=q37] {
    top: 255px;
    left: 690px
}

.o-points-of-a-dog__label[id=q38] {
    top: 150px;
    left: 670px
}

.o-points-of-a-dog__label[id=q39] {
    top: 65px;
    left: 590px
}

.o-points-of-a-dog__label[id=q40] {
    top: 80px;
    left: 365px
}

.o-points-of-a-dog__label[id=q41] {
    top: 105px;
    left: 120px
}

.o-points-of-a-dog__label[id=q42] {
    top: 265px;
    left: 155px
}

.o-points-of-a-dog__label[id=q43] {
    top: 410px;
    left: 80px
}

.o-points-of-a-dog__label[id=q44] {
    top: 550px;
    left: 235px
}

.o-points-of-a-dog__label[id=q45] {
    top: 405px;
    left: 420px
}

.o-points-of-a-dog__label[id=q46] {
    top: 280px;
    left: 440px
}

.o-points-of-a-dog__label[id=q47] {
    top: 110px;
    left: 540px
}

.o-points-of-a-dog__label[id=q48] {
    top: 550px;
    left: 515px
}

.o-points-of-a-dog__label[id=q49] {
    top: 215px;
    left: 685px
}

.o-points-of-a-dog__label[id=q50] {
    top: 550px;
    left: 685px
}

.o-points-of-a-dog__answer, .o-points-of-a-dog__select {
    font-size: 1.125em;
    padding: .25em;
    border: 2px solid #006954;
    border-radius: 4px;
    font-size: 1.125em;
    text-align: center
}

.o-points-of-a-dog__select {
    width: 100%;
    background: #f5f7f6;
    white-space: normal;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    text-align-last: center;
    transition-property: border-color;
    transition-duration: .3333s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1)
}

.o-points-of-a-dog__answer {
    color: #fff;
    background-color: #006954
}

@keyframes oPointsOfADogCorrect {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 105, 84, .5)
    }
    100% {
        box-shadow: 0 0 0 2em rgba(0, 105, 84, 0)
    }
}

@keyframes oPointsOfADogIncorrect {
    0% {
        transform: skewX(-15deg)
    }
    25% {
        transform: skewX(15deg)
    }
    50% {
        transform: skewX(-15deg)
    }
    75% {
        transform: skewX(15deg)
    }
    100% {
        transform: skewX(0deg)
    }
}

.o-promo-banner {
    padding: 1.25rem;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    color: #fff;
    background-color: #006954;
    text-align: center
}

@media screen and (min-width: 760px) {
    .o-promo-banner {
        padding: 2rem
    }
}

@media screen and (max-width: 759px) {
    .o-promo-banner {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media only print {
    .o-promo-banner {
        display: none
    }
}

.o-promo-banner__media {
    width: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.o-promo-banner__media::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 105, 84, .8)
}

.o-promo-banner__inner {
    position: relative
}

.o-promo-banner__title {
    font-size: 2rem;
    line-height: 1.15
}

@media screen and (min-width: 760px) {
    .o-promo-banner__title {
        font-size: 2.125rem
    }
}

.o-promo-banner__content {
    max-width: 34em;
    margin-top: 0.5rem;
    margin-right: auto;
    margin-left: auto
}

.o-promo-banner__cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .o-promo-banner__cta {
        margin-top: 1.25rem
    }
}

.o-promo-banner__second-cta-label, .o-promo-banner__second-cta {
    margin-left: 0.5rem
}

.o-promo-banner__second-cta {
    color: inherit
}

.o-promo-banner--large {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .o-promo-banner--large {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .o-promo-banner--large {
        padding-bottom: 3.75rem
    }
}

.o-promo-banner--large .o-promo-banner__title {
    font-size: 3rem
}

@media screen and (min-width: 760px) {
    .o-promo-banner--large .o-promo-banner__title {
        font-size: 4.1875rem
    }
}

.o-search-form__form {
    display: flex;
    flex-direction: row;
    align-items: flex-end
}

.o-search-form__form > * {
    margin-right: 0.5rem
}

.o-search-form__form > *:last-child {
    margin-right: 0
}

.o-search-form__form-input, .o-search-form__form-button {
    margin-bottom: 0
}

.o-search-form__form-input {
    flex-grow: 1
}

.o-search-form__form-input--narrow {
    max-width: 280px
}

.o-search-form__form-button {
    flex-grow: 0;
    flex-shrink: 0
}

.o-search-form__label {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin-bottom: 0.5rem;
    font-weight: 700
}

.o-search-form__help {
    margin-top: 1rem;
    font-size: .875rem;
    text-align: right
}

@media screen and (min-width: 760px) {
    .o-search-form__help {
        font-size: 1rem
    }
}

.o-search-form__help-link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.o-search-form__help-link:hover, .o-search-form__help-link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.o-search-form--popover {
    padding: 1rem;
    width: 100%;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: #006954;
    position: absolute;
    z-index: 9000;
    background-color: #fff
}

@media screen and (min-width: 420px) {
    .o-search-form--popover {
        max-width: 350px;
        border-right-width: 2px;
        border-left-width: 2px
    }
}

.o-site-banner {
    font-size: .875rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    color: #3c3d41;
    border-bottom: 4px solid #ffaf03;
    background-color: #ffefd5
}

@media screen and (min-width: 760px) {
    .o-site-banner {
        font-size: 1rem
    }
}

.o-site-banner__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.o-section:not(.o-section--dashboard) + .o-section:not(.o-section--dashboard) {
    margin-top: 2.5rem
}

@media screen and (min-width: 760px) {
    .o-section:not(.o-section--dashboard) + .o-section:not(.o-section--dashboard) {
        margin-top: 3.75rem
    }
}

.o-section__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.o-section__header {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-section__header {
        margin-bottom: 2rem
    }
}

.o-section__media {
    margin-bottom: 1.25rem;
    max-width: 34em;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 760px) {
    .o-section__media {
        margin-bottom: 2rem
    }
}

.o-section__title {
    font-size: 2rem;
    line-height: 1.15;
    max-width: 20em;
    color: #006954
}

@media screen and (min-width: 760px) {
    .o-section__title {
        font-size: 2.125rem
    }
}

.o-section__blurb {
    margin-top: 0.5rem;
    max-width: 30em
}

.o-section__footer {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .o-section__footer {
        margin-top: 1.25rem
    }
}

.o-section__footer--centred {
    text-align: center
}

.o-section--padded {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .o-section--padded {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .o-section--padded {
        padding-bottom: 3.75rem
    }
}

.o-section--padded + .o-section--padded {
    margin-top: 0
}

.o-section--centred .o-section__header {
    text-align: center
}

.o-section--centred .o-section__title, .o-section--centred .o-section__blurb {
    margin-right: auto;
    margin-left: auto
}

.o-section--dashboard {
    margin-top: 1.5rem
}

@media screen and (min-width: 760px) {
    .o-section--dashboard {
        margin-top: 2.5rem
    }
}

.o-section--subsection {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .o-section--subsection {
        margin-top: 2rem
    }
}

.o-section--subsection .o-section__title {
    font-size: 1.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .o-section--subsection .o-section__title {
        font-size: 1.75rem
    }
}

.t-article {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-article {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-article {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-article {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-article__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-article__header {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    color: #006954;
    text-align: center
}

@media only screen {
    .t-article__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-article__header::before, .t-article__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-article__header::before {
        right: 50%
    }

    .t-article__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-article__header {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-article__header {
        padding-bottom: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-article__header {
        margin-bottom: 2.5rem
    }
}

.t-article__title {
    font-size: 2.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .t-article__title {
        font-size: 3.125rem
    }
}

.t-article__title em {
    display: block;
    font-style: normal;
    opacity: .67
}

.t-article__pubdate {
    margin-top: 1rem;
    display: block;
    color: #006954
}

.t-article__body {
    max-width: 34em;
    margin-right: auto;
    margin-left: auto
}

@media print {
    .t-article__body {
        max-width: none
    }
}

.t-article__body > .a-wysiwyg + .a-wysiwyg, .a-table .t-article__body > caption + .a-wysiwyg, .a-table .t-article__body > .a-wysiwyg + caption, .a-table .t-article__body > caption + caption {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-article__body > .a-wysiwyg + .a-wysiwyg, .a-table .t-article__body > caption + .a-wysiwyg, .a-table .t-article__body > .a-wysiwyg + caption, .a-table .t-article__body > caption + caption {
        margin-top: 1.25rem
    }
}

.t-article__body > .m-tabs, .t-article__body > .m-pullquote, .t-article__body > .m-download-link {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both
}

@media screen and (min-width: 760px) {
    .t-article__body > .m-tabs, .t-article__body > .m-pullquote, .t-article__body > .m-download-link {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-article__body > .m-tabs, .t-article__body > .m-pullquote, .t-article__body > .m-download-link {
        margin-bottom: 2.5rem
    }
}

.t-article__lead, .t-article__columns {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-article__lead, .t-article__columns {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-article__lead, .t-article__columns {
        margin-bottom: 1.25rem
    }
}

.t-article__lead {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-article__lead {
        font-size: 1.5625rem
    }
}

.t-article__figure {
    margin: 0
}

.t-article__figure--full {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both
}

@media screen and (min-width: 760px) {
    .t-article__figure--full {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-article__figure--full {
        margin-bottom: 2.5rem
    }
}

.t-article__figcaption {
    padding: 1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #006954
}

@media screen and (min-width: 760px) {
    .t-article__figcaption {
        font-size: 1rem
    }
}

.t-article__figure--small, .t-article__advert {
    margin-bottom: 1rem;
    width: 100%;
    max-width: 300px
}

@media screen and (max-width: 599px) {
    .t-article__figure--small, .t-article__advert {
        margin-top: 1rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width: 600px) {
    .t-article__figure--small, .t-article__advert {
        margin-left: 1rem;
        float: right;
        clear: right
    }
}

@media print {
    .t-article__figure--small, .t-article__advert {
        margin-left: 1rem;
        float: right;
        clear: right
    }
}

.t-article__advert {
    width: 300px
}

.t-article .t-article__ad-bar {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-article .t-article__ad-bar {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-article .t-article__ad-bar {
        margin-bottom: 1.25rem
    }
}

@media only screen and (min-width: 44em) {
    .t-article .t-article__ad-bar {
        margin-right: -5em;
        margin-left: -5em
    }
}

@media only screen and (min-width: 62em) {
    .t-article .t-article__ad-bar {
        margin-right: -11em;
        margin-left: -11em
    }
}

.t-article__related {
    margin-top: 1.5rem;
    clear: both;
    color: #006954
}

@media only screen {
    .t-article__related {
        position: relative;
        background-color: #f1ede7
    }

    .t-article__related::before, .t-article__related::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-article__related::before {
        right: 50%
    }

    .t-article__related::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-article__related {
        margin-top: 2.5rem
    }
}

.t-article__columns {
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 600px) {
    .t-article__columns {
        flex-direction: row
    }
}

@media screen and (max-width: 599px) {
    .t-article__column + .t-article__column {
        margin-top: 1rem
    }
}

@media screen and (max-width: 599px)and (min-width: 760px) {
    .t-article__column + .t-article__column {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 600px) {
    .t-article__column {
        flex: 0 1 50%
    }

    .t-article__column + .t-article__column {
        margin-left: 30px
    }
}

.t-breed-information {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 2.5rem
}

@supports (padding: max(0px)) {
    .t-breed-information {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-breed-information {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

@media screen and (min-width: 760px) {
    .t-breed-information {
        margin-bottom: 3.75rem
    }
}

.t-breed-information__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-breed-information__header {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-breed-information__header {
        margin-bottom: 3.75rem
    }
}

@media screen and (max-width: 1019px) {
    .t-breed-information__split > *:first-child {
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .t-breed-information__split > *:first-child {
        margin-bottom: 1.25rem
    }
}

@media screen and (min-width: 1020px) {
    .t-breed-information__split {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    .t-breed-information__split > * {
        flex: 0 0 calc(150px + ((100% - 330px) / 12 * 6))
    }
}

.t-breed-information__tabs-title {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-breed-information__tabs-title {
        font-size: 1.75rem
    }
}

.t-breed-information__registration-colours {
    margin-top: 1rem;
    border: 1px solid #3c3d41
}

.t-breed-information__registration-colours-title {
    padding: 0.5rem;
    text-align: center
}

.t-breed-information__registration-colours-list {
    font-size: .875rem;
    list-style-type: none;
    column-width: 11em;
    column-gap: 0;
    column-rule: 1px solid #3c3d41
}

@media screen and (min-width: 760px) {
    .t-breed-information__registration-colours-list {
        font-size: 1rem
    }
}

.t-breed-information__registration-colours-list li {
    padding: 0.5rem;
    border-top-width: 1px;
    border-style: solid;
    border-color: #3c3d41;
    break-inside: avoid;
    page-break-inside: avoid
}

.t-breed-information__breed-watch {
    padding: 1rem;
    border: 2px solid #b8c2c1
}

.t-breed-information__adopt {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    color: #fff;
    background-color: #006954
}

@media only screen {
    .t-breed-information__adopt {
        position: relative;
        background-color: #006954
    }

    .t-breed-information__adopt::before, .t-breed-information__adopt::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #006954
    }

    .t-breed-information__adopt::before {
        right: 50%
    }

    .t-breed-information__adopt::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-breed-information__adopt {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-breed-information__adopt {
        padding-bottom: 3.75rem
    }
}

@media only print {
    .t-breed-information__adopt {
        display: none
    }
}

.t-breed-information__adopt .o-section__title {
    color: #fff !important
}

.t-breed-information__adopt-cta {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-breed-information__adopt-cta {
        margin-top: 1.25rem
    }
}

.t-breed-information__tools {
    margin-top: 0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media only screen {
    .t-breed-information__tools {
        position: relative;
        background-color: #f5f7f6
    }

    .t-breed-information__tools::before, .t-breed-information__tools::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f5f7f6
    }

    .t-breed-information__tools::before {
        right: 50%
    }

    .t-breed-information__tools::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-breed-information__tools {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-breed-information__tools {
        padding-bottom: 3.75rem
    }
}

@media only print {
    .t-breed-information__tools {
        display: none
    }
}

.t-breeder-profile {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-breeder-profile {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-breeder-profile {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-breeder-profile {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-breeder-profile__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-breeder-profile__header {
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: #006954
}

@media only screen {
    .t-breeder-profile__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-breeder-profile__header::before, .t-breeder-profile__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-breeder-profile__header::before {
        right: 50%
    }

    .t-breeder-profile__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__header {
        margin-bottom: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__header {
        padding-bottom: 3.25rem
    }
}

.t-breeder-profile__assured-breeder {
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-size: .875rem;
    display: flex;
    align-items: center;
    font-weight: 500
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__assured-breeder {
        font-size: 1rem
    }
}

.t-breeder-profile__assured-breeder .a-icon {
    margin-right: 0.5rem;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    color: #006954
}

.t-breeder-profile__name {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__name {
        font-size: 3.125rem
    }
}

.t-breeder-profile__name em {
    margin-top: 0.5rem;
    font-size: 1rem;
    display: block;
    font-style: normal;
    font-weight: normal
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__name em {
        font-size: 1.125rem
    }
}

.t-breeder-profile__accolades-summary {
    margin-top: 1rem;
    font-size: 1.5rem;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__accolades-summary {
        font-size: 1.75rem
    }
}

.t-breeder-profile__accolades {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    text-align: center
}

html.cssgrid .t-breeder-profile__accolades {
    display: grid;
    grid-template-columns:repeat(auto-fit, 9rem);
    grid-gap: 30px
}

html:not(.cssgrid) .t-breeder-profile__accolades-item {
    width: 9rem;
    margin-right: 30px;
    margin-bottom: 30px
}

.t-breeder-profile__accolades-item .a-icon {
    margin-bottom: 0.5rem;
    width: 4rem;
    height: 4rem
}

.t-breeder-profile__accolades-label {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__accolades-label {
        font-size: 1rem
    }
}

.t-breeder-profile__body {
    margin-top: 2rem
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__body {
        margin-top: 3.25rem
    }
}

html:not(.cssgrid) .t-breeder-profile__details {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .t-breeder-profile__details {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem
}

.t-breeder-profile__detail dt {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__detail dt {
        font-size: 1rem
    }
}

html:not(.cssgrid) .t-breeder-profile__detail {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

@media only screen {
    .t-breeder-profile__contact, .t-breeder-profile__adverts {
        position: relative;
        background-color: #f1ede7
    }

    .t-breeder-profile__contact::before, .t-breeder-profile__contact::after, .t-breeder-profile__adverts::before, .t-breeder-profile__adverts::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-breeder-profile__contact::before, .t-breeder-profile__adverts::before {
        right: 50%
    }

    .t-breeder-profile__contact::after, .t-breeder-profile__adverts::after {
        left: 50%
    }
}

.t-breeder-profile__footnotes {
    margin-top: 1rem;
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-breeder-profile__footnotes {
        font-size: 1rem
    }
}

.t-cart {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 2.5rem
}

@supports (padding: max(0px)) {
    .t-cart {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-cart {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

@media screen and (min-width: 760px) {
    .t-cart {
        margin-bottom: 3.75rem
    }
}

.t-cart__inner {
    max-width: 45rem;
    margin-right: auto;
    margin-left: auto
}

.t-cart__inner:before, .t-cart__inner:after {
    display: table;
    content: " "
}

.t-cart__inner:after {
    clear: both
}

.t-cart__header {
    margin-top: 2.5rem;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-cart__header {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-cart__header {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 760px) {
    .t-cart__header {
        display: flex;
        justify-content: space-between;
        align-items: baseline
    }
}

.t-cart__title {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-cart__title {
        font-size: 3.125rem
    }
}

.t-cart__continue {
    margin-top: 0.5rem
}

@media only print {
    .t-cart__continue {
        display: none
    }
}

.t-cart__controls {
    margin-top: 1rem;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 760px) {
    .t-cart__controls {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 420px) {
    .t-cart__controls {
        flex-direction: row
    }
}

@media only print {
    .t-cart__controls {
        display: none
    }
}

@media screen and (min-width: 420px) {
    .t-cart__cart-options {
        width: calc(150px + ((100% - 330px) / 12 * 6));
        margin-right: 30px
    }
}

.t-cart__checkout {
    text-align: center
}

@media screen and (min-width: 420px) {
    .t-cart__checkout {
        width: calc(150px + ((100% - 330px) / 12 * 6));
        text-align: right
    }
}

.t-cart__voucher {
    margin-top: 0.5rem
}

.t-cart__voucher-form.is-modal {
    padding: 1rem;
    width: 100%;
    max-width: 300px;
    border-width: 2px;
    border-style: solid;
    border-color: #006954;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9000;
    transform: translate(-50%, -50%)
}

.t-cart__voucher-form.is-modal h2 {
    margin-top: 0
}

.t-cart__update, .t-cart__update-alert {
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-cart__update, .t-cart__update-alert {
        margin-bottom: 1.25rem
    }
}

.t-cart__empty {
    margin-top: 2.5rem;
    text-align: center
}

@media screen and (min-width: 760px) {
    .t-cart__empty {
        margin-top: 3.75rem
    }
}

.t-cart__empty-icon {
    margin-bottom: 1.25rem;
    padding: 2.5rem;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    color: #fff;
    background-color: #151331;
    overflow: hidden
}

@media screen and (min-width: 760px) {
    .t-cart__empty-icon {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 760px) {
    .t-cart__empty-icon {
        padding: 3.75rem
    }
}

.t-cart__empty-icon::before, .t-cart__empty-icon::after {
    content: "";
    border-radius: 50%;
    position: absolute
}

.t-cart__empty-icon::before {
    width: 100%;
    height: 30%;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #30448b
}

.t-cart__empty-icon::after {
    width: 20%;
    height: 20%;
    top: 10%;
    left: 5%;
    background-color: #929293
}

.t-cart__empty-icon .a-icon {
    width: 10rem;
    height: 10rem;
    position: relative
}

.t-cart__empty-icon span {
    font-size: 1.25rem;
    top: 25%;
    right: 40%;
    animation-name: tCartYAxis
}

@media screen and (min-width: 760px) {
    .t-cart__empty-icon span {
        font-size: 1.5625rem
    }
}

.t-cart__empty-icon span:nth-of-type(1), .t-cart__empty-icon span:nth-of-type(1)::after {
    animation-delay: 1s
}

.t-cart__empty-icon span:nth-of-type(2), .t-cart__empty-icon span:nth-of-type(2)::after {
    animation-delay: 2s
}

.t-cart__empty-icon span:nth-of-type(3), .t-cart__empty-icon span:nth-of-type(3)::after {
    animation-delay: 3s
}

.t-cart__empty-icon span:nth-of-type(4), .t-cart__empty-icon span:nth-of-type(4)::after {
    animation-delay: 4s
}

.t-cart__empty-icon span, .t-cart__empty-icon span::after {
    position: absolute;
    animation-duration: 4s;
    animation-timing-function: ease;
    animation-fill-mode: both;
    animation-iteration-count: infinite
}

.t-cart__empty-icon span::after {
    content: "Z";
    animation-name: tCartXAxis;
    font-weight: 700
}

.t-cart__empty-messaging p {
    margin-right: auto;
    margin-left: auto
}

@keyframes tCartYAxis {
    0% {
        opacity: 0;
        transform: translateY(0) scale(0.4)
    }
    50% {
        opacity: 1
    }
    90% {
        opacity: 0
    }
    100% {
        opacity: 0;
        transform: translateY(-4rem) scale(1.2)
    }
}

@keyframes tCartXAxis {
    0% {
        transform: translateX(0)
    }
    20% {
        transform: translateX(0.6rem)
    }
    100% {
        transform: translateX(0rem)
    }
}

.t-datasheet {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-datasheet {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-datasheet {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-datasheet {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-datasheet__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-datasheet__header {
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen {
    .t-datasheet__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-datasheet__header::before, .t-datasheet__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-datasheet__header::before {
        right: 50%
    }

    .t-datasheet__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-datasheet__header {
        margin-bottom: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-datasheet__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-datasheet__header {
        padding-bottom: 3.25rem
    }
}

.t-datasheet__title {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-datasheet__title {
        font-size: 3.125rem
    }
}

.t-datasheet__title em {
    margin-top: 0.5rem;
    font-size: 1rem;
    display: block;
    font-style: normal;
    font-weight: normal;
    opacity: .67
}

@media screen and (min-width: 760px) {
    .t-datasheet__title em {
        font-size: 1.125rem
    }
}

.t-datasheet__pretitle, .t-datasheet__subtitle {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .t-datasheet__pretitle, .t-datasheet__subtitle {
        font-size: 1rem
    }
}

.t-datasheet__pretitle {
    margin-bottom: 0.5rem
}

.t-datasheet__subtitle {
    margin-top: 0.5rem
}

.t-datasheet__aside {
    padding: 1rem;
    background-color: #f1ede7
}

@media screen and (min-width: 760px) {
    .t-datasheet__aside {
        padding: 1.5rem
    }
}

@media only screen {
    .t-datasheet__section {
        position: relative;
        background-color: #f5f7f6
    }

    .t-datasheet__section::before, .t-datasheet__section::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f5f7f6
    }

    .t-datasheet__section::before {
        right: 50%
    }

    .t-datasheet__section::after {
        left: 50%
    }
}

.t-datasheet__columns {
    display: grid
}

.t-datasheet.p-club-profile .p-club-profile__item strong {
    margin-bottom: 0.5rem;
    display: block
}

.t-datasheet.p-club-profile .p-club-profile__item-name {
    color: #006954
}

.t-datasheet.p-club-profile .p-club-profile__kcai {
    margin-top: 1rem;
    display: flex;
    align-items: center
}

.t-datasheet.p-club-profile .p-club-profile__kcai img {
    margin-right: 1rem;
    width: 80px;
    height: auto
}

.t-datasheet.p-club-profile .p-club-profile__kcai-description strong {
    display: block
}

.t-datasheet.p-club-profile .p-club-profile__kcai-description small {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .t-datasheet.p-club-profile .p-club-profile__kcai-description small {
        font-size: 1rem
    }
}

.t-dog-profile {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-dog-profile {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-dog-profile {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-dog-profile {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-dog-profile__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-dog-profile__header {
    margin-bottom: 2rem
}

@media screen and (min-width: 760px) {
    .t-dog-profile__header {
        margin-bottom: 3.25rem
    }
}

.t-dog-profile__inner {
    max-width: 50rem;
    margin-right: auto;
    margin-left: auto
}

html:not(.cssgrid) .t-dog-profile__details {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .t-dog-profile__details {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem
}

.t-dog-profile__detail dt {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .t-dog-profile__detail dt {
        font-size: 1rem
    }
}

html:not(.cssgrid) .t-dog-profile__detail {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

.t-dog-profile__card {
    padding: 1rem;
    background-color: #f1ede7
}

.t-dog-profile__card--centred {
    text-align: center
}

.t-dog-profile__card-title, .t-dog-profile__card-result, .t-dog-profile__card-detail {
    display: block
}

.t-dog-profile__card-title {
    margin-bottom: 0.5rem;
    color: #006954
}

.t-dog-profile__card-result {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-dog-profile__card-result {
        font-size: 1.5625rem
    }
}

.t-dog-profile__card-detail {
    margin-top: 0.5rem;
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-dog-profile__card-detail {
        font-size: 1rem
    }
}

.t-dog-profile__modal.is-modal {
    padding: 1rem;
    width: 100%;
    max-width: 300px;
    border-width: 2px;
    border-style: solid;
    border-color: #006954;
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9000;
    transform: translate(-50%, -50%)
}

.t-dog-profile__modal.is-modal h2 {
    margin-top: 0
}

.t-homepage {
    margin-bottom: 2.5rem;
    padding-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-homepage {
        margin-bottom: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-homepage {
        padding-top: 2rem
    }
}

.t-homepage__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-homepage__inner > * + * {
    margin-top: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-homepage__inner > * + * {
        margin-top: 3.75rem
    }
}

@media only screen {
    .t-homepage__services, .t-homepage__highlight {
        position: relative;
        background-color: #f1ede7
    }

    .t-homepage__services::before, .t-homepage__services::after, .t-homepage__highlight::before, .t-homepage__highlight::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-homepage__services::before, .t-homepage__highlight::before {
        right: 50%
    }

    .t-homepage__services::after, .t-homepage__highlight::after {
        left: 50%
    }
}

.t-homepage .m-section-header--secondary {
    z-index: 1
}

.t-homepage .m-section-header--secondary + .o-section__body {
    padding-bottom: 2.5rem;
    padding-top: calc(30px + 5rem);
    margin-top: -5rem
}

@media only screen {
    .t-homepage .m-section-header--secondary + .o-section__body {
        position: relative;
        background-color: #f1ede7
    }

    .t-homepage .m-section-header--secondary + .o-section__body::before, .t-homepage .m-section-header--secondary + .o-section__body::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-homepage .m-section-header--secondary + .o-section__body::before {
        right: 50%
    }

    .t-homepage .m-section-header--secondary + .o-section__body::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-homepage .m-section-header--secondary + .o-section__body {
        padding-bottom: 3.75rem
    }
}

.t-judge-profile {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-judge-profile {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-judge-profile {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-judge-profile {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-judge-profile__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-judge-profile__header {
    margin-bottom: 2.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

@media only screen {
    .t-judge-profile__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-judge-profile__header::before, .t-judge-profile__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-judge-profile__header::before {
        right: 50%
    }

    .t-judge-profile__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-judge-profile__header {
        margin-bottom: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-judge-profile__header {
        padding-top: 2rem
    }
}

@media screen and (min-width: 760px) {
    .t-judge-profile__header {
        padding-bottom: 2rem
    }
}

.t-judge-profile__name {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.t-judge-profile__id {
    margin-left: 1.25rem;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

@media screen and (min-width: 760px) {
    .t-judge-profile__id {
        margin-left: 2rem
    }
}

.t-judge-profile__id-item {
    margin-right: 1rem
}

.t-judge-profile__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1.15;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-judge-profile__title {
        font-size: 3.125rem
    }
}

html:not(.cssgrid) .t-judge-profile__details {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .t-judge-profile__details {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem
}

.t-judge-profile__detail dt {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .t-judge-profile__detail dt {
        font-size: 1rem
    }
}

html:not(.cssgrid) .t-judge-profile__detail {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

.t-judge-profile__long-list {
    column-width: 15em;
    column-gap: 30px
}

.t-judge-profile__long-list li {
    padding-bottom: .5rem
}

.t-judge-profile__long-list li + li {
    margin-top: 0 !important
}

.t-landing {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-landing {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-landing {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-landing {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-landing__intro, .t-landing__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-landing__intro {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    color: #fff;
    text-align: center
}

@media screen and (min-width: 760px) {
    .t-landing__intro {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-landing__intro {
        padding-bottom: 3.75rem
    }
}

@media only screen {
    .t-landing__intro {
        position: relative;
        background-color: #006954
    }

    .t-landing__intro::before, .t-landing__intro::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #006954
    }

    .t-landing__intro::before {
        right: 50%
    }

    .t-landing__intro::after {
        left: 50%
    }
}

.t-landing__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1
}

@media screen and (min-width: 760px) {
    .t-landing__title {
        font-size: 3.125rem
    }
}

.t-landing__blurb {
    margin-top: 1rem
}

.t-landing__blurb > p {
    margin-right: auto;
    margin-left: auto
}

.t-landing__inner {
    margin-top: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-landing__inner {
        margin-top: 3.75rem
    }
}

@media only screen {
    .t-landing__shop, .t-landing__other {
        position: relative;
        background-color: #f1ede7
    }

    .t-landing__shop::before, .t-landing__shop::after, .t-landing__other::before, .t-landing__other::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-landing__shop::before, .t-landing__other::before {
        right: 50%
    }

    .t-landing__shop::after, .t-landing__other::after {
        left: 50%
    }
}

.t-litter-advert {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-litter-advert {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-litter-advert {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-litter-advert {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-litter-advert__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-litter-advert__header {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen {
    .t-litter-advert__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-litter-advert__header::before, .t-litter-advert__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-litter-advert__header::before {
        right: 50%
    }

    .t-litter-advert__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-litter-advert__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-litter-advert__header {
        padding-bottom: 3.25rem
    }
}

.t-litter-advert__title {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-litter-advert__title {
        font-size: 3.125rem
    }
}

.t-litter-advert__opening {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-litter-advert__opening {
        margin-bottom: 3.75rem
    }
}

@media screen and (min-width: 600px) {
    .t-litter-advert__opening {
        display: flex;
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 600px) {
    .t-litter-advert__gallery, .t-litter-advert__info {
        width: 50%
    }
}

@media screen and (min-width: 600px) {
    .t-litter-advert__gallery {
        position: relative;
        margin-top: -2rem;
        margin-left: 30px
    }
}

.t-litter-advert__location {
    margin-top: 0.25rem;
    font-weight: 700
}

.t-litter-advert__location-distance {
    margin-left: 0.5rem;
    font-size: .875rem;
    font-weight: 400;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-litter-advert__location-distance {
        font-size: 1rem
    }
}

.t-litter-advert__details {
    margin-top: 1rem
}

html:not(.cssgrid) .t-litter-advert__details {
    display: flex;
    flex-wrap: wrap
}

html.cssgrid .t-litter-advert__details {
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(12rem, 16rem));
    grid-gap: 1rem
}

.t-litter-advert__detail dt {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .t-litter-advert__detail dt {
        font-size: 1rem
    }
}

html:not(.cssgrid) .t-litter-advert__detail {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    max-width: 12rem
}

.t-litter-advert__breeder {
    display: flex;
    align-items: center
}

.t-litter-advert__breeder-icon, .t-litter-advert__feature-icon {
    margin-right: 0.5rem;
    flex-shrink: 0;
    flex-grow: 0;
    display: inline-block;
    padding: .75em;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    color: #3c3d41;
    background-color: #f1ede7
}

.t-litter-advert__breeder-icon .a-icon, .t-litter-advert__feature-icon .a-icon {
    width: 1.5em;
    height: 1.5em
}

.t-litter-advert__breeder-icon, .t-litter-advert__feature-icon--abs {
    color: #006954;
    background-color: #a3e953
}

.t-litter-advert__breeder-label {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    line-height: 1;
    display: block
}

@media screen and (min-width: 760px) {
    .t-litter-advert__breeder-label {
        font-size: 1rem
    }
}

.t-litter-advert__feature {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-litter-advert__feature {
        margin-top: 1.25rem
    }
}

.t-litter-advert__feature-label {
    font-size: .875rem;
    display: block
}

@media screen and (min-width: 760px) {
    .t-litter-advert__feature-label {
        font-size: 1rem
    }
}

.t-litter-advert__feature-item {
    margin-top: 0.5rem;
    display: flex;
    align-items: center
}

@media only screen {
    .t-litter-advert__contact, .t-litter-advert__guide {
        position: relative;
        background-color: #f1ede7
    }

    .t-litter-advert__contact::before, .t-litter-advert__contact::after, .t-litter-advert__guide::before, .t-litter-advert__guide::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-litter-advert__contact::before, .t-litter-advert__guide::before {
        right: 50%
    }

    .t-litter-advert__contact::after, .t-litter-advert__guide::after {
        left: 50%
    }
}

.t-litter-advert__awardlist {
    font-size: .875rem;
    margin-top: 0.5rem;
    list-style-type: none;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-litter-advert__awardlist {
        font-size: 1rem
    }
}

.t-litter-advert__awardlist-item {
    display: flex;
    align-items: center
}

.t-litter-advert__awardlist-item + .t-litter-advert__awardlist-item {
    margin-top: 0.25rem
}

.t-litter-advert__awardlist-item .a-icon {
    margin-right: 0.5rem;
    width: 1.25rem;
    height: 1.25rem
}

.t-lms-assessment {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-lms-assessment {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-lms-assessment {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-lms-assessment {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-lms-assessment__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 10.5rem
}

.t-lms-assessment__inner:before, .t-lms-assessment__inner:after {
    display: table;
    content: " "
}

.t-lms-assessment__inner:after {
    clear: both
}

.t-lms-assessment__header {
    margin-bottom: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen {
    .t-lms-assessment__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-lms-assessment__header::before, .t-lms-assessment__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-lms-assessment__header::before {
        right: 50%
    }

    .t-lms-assessment__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__header {
        margin-bottom: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__header {
        padding-bottom: 3.25rem
    }
}

.t-lms-assessment__breadcrumbs {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__breadcrumbs {
        margin-bottom: 2rem
    }
}

.t-lms-assessment__title {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__title {
        font-size: 3.125rem
    }
}

.t-lms-assessment__title em {
    display: block;
    font-style: normal;
    opacity: .67
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__form, .t-lms-assessment__body {
        width: calc(210px + ((100% - 330px) / 12 * 8));
        max-width: 32.5rem;
        float: left
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__body {
        width: calc(210px + ((100% - 330px) / 12 * 8));
        float: left
    }
}

.t-lms-assessment__body > .a-wysiwyg h2, .a-table .t-lms-assessment__body > caption h2 {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__body > .a-wysiwyg h2, .a-table .t-lms-assessment__body > caption h2 {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__body > .a-wysiwyg h2, .a-table .t-lms-assessment__body > caption h2 {
        margin-bottom: 1.5rem
    }
}

.t-lms-assessment__body > .a-wysiwyg h3, .a-table .t-lms-assessment__body > caption h3 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__body > .a-wysiwyg h3, .a-table .t-lms-assessment__body > caption h3 {
        margin-top: 1.5rem
    }
}

.t-lms-assessment__sidebar {
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__sidebar {
        margin-bottom: 2rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 1.5rem;
        width: calc(90px + ((100% - 330px) / 12 * 4));
        margin-right: 30px;
        float: left
    }
}

.t-lms-assessment__details {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.t-lms-assessment__detail {
    margin-bottom: 1rem
}

.t-lms-assessment__detail dt {
    margin-bottom: 0.25rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400;
    display: block
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__detail dt {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__detail--time-remaining {
        margin-left: auto
    }
}

.t-lms-assessment__timer {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums
}

.t-lms-assessment__progress {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__progress {
        margin-top: 1.5rem
    }
}

.t-lms-assessment__result {
    margin-bottom: 2.5rem;
    position: relative;
    border: 6px solid #b8c2c1
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__result {
        margin-bottom: 3.75rem
    }
}

.t-lms-assessment__result-background {
    width: 100%;
    height: 20vh
}

.t-lms-assessment__result-inner {
    padding: 2rem;
    position: relative
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__result-inner {
        padding: 3.25rem
    }
}

.t-lms-assessment__result-title {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    display: block;
    font-weight: bold
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__result-title {
        font-size: 1.75rem
    }
}

.t-lms-assessment__review-answer {
    padding: .5rem;
    padding-left: 2.25rem;
    display: flex;
    align-items: center
}

.t-lms-assessment__review-answer .a-icon {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem;
    flex-shrink: 0
}

.t-lms-assessment__review-answer--selected, .t-lms-assessment__review-answer--correct {
    padding-left: .5rem
}

.t-lms-assessment__review-answer--selected .a-icon {
    stroke: #e00132
}

.t-lms-assessment__review-answer--correct {
    color: #006954;
    background-color: #eefbe0
}

.t-lms-assessment__navigation {
    padding-top: 1rem;
    padding-bottom: 1rem;
    right: 15px;
    left: 15px;
    border-top: 2px solid #b8c2c1;
    position: fixed;
    bottom: 0;
    background-color: #fff
}

@supports (padding: max(0px)) {
    .t-lms-assessment__navigation {
        right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-lms-assessment__navigation {
        left: max(15px, env(safe-area-inset-left))
    }
}

.t-lms-assessment__navigation-inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-inner {
        display: flex
    }
}

.t-lms-assessment__navigation-link {
    font-size: .875rem;
    padding: 0.5rem;
    flex: 1 1 33.3333%;
    display: block;
    width: 100%;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 3em;
    text-align: left
}

@media screen and (min-width: 760px) {
    .t-lms-assessment__navigation-link {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px)and (min-width: 760px) {
    .t-lms-assessment__navigation-link {
        font-size: 1.125rem
    }
}

.t-lms-assessment__navigation-link small {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: block
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link small {
        font-size: .875rem
    }
}

@media screen and (min-width: 600px)and (min-width: 760px) {
    .t-lms-assessment__navigation-link small {
        font-size: 1rem
    }
}

.t-lms-assessment__navigation-link .a-icon {
    width: 1.5em;
    height: 3em
}

.t-lms-assessment__navigation-link--next {
    color: #006954
}

.t-lms-assessment__navigation-link--next .a-icon {
    margin-left: 0.5rem;
    float: right
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link--next {
        order: 3;
        text-align: right
    }
}

.t-lms-assessment__navigation-link--prev, .t-lms-assessment__navigation-link--overview {
    color: #828585
}

.t-lms-assessment__navigation-link--prev:hover, .t-lms-assessment__navigation-link--prev:focus, .t-lms-assessment__navigation-link--overview:hover, .t-lms-assessment__navigation-link--overview:focus {
    color: #006954
}

.t-lms-assessment__navigation-link--prev .a-icon {
    margin-right: 0.5rem;
    display: none;
    float: left
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link--prev .a-icon {
        display: block
    }
}

@media screen and (min-width: 600px) {
    .t-lms-assessment__navigation-link--prev {
        order: 1
    }
}

.t-lms-course {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-lms-course {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-lms-course {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-lms-course {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-lms-course__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-lms-course__header, .t-lms-course__body {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto
}

.t-lms-course__header {
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen {
    .t-lms-course__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-lms-course__header::before, .t-lms-course__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-lms-course__header::before {
        right: 50%
    }

    .t-lms-course__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-lms-course__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-course__header {
        padding-bottom: 3.25rem
    }
}

.t-lms-course__title {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-lms-course__title {
        font-size: 3.125rem
    }
}

.t-lms-course__title em {
    display: block;
    font-style: normal;
    opacity: .67
}

.t-lms-course__blurb {
    margin-top: 1rem
}

.t-lms-course__body {
    margin-top: 2rem
}

@media screen and (min-width: 760px) {
    .t-lms-course__body {
        margin-top: 3.25rem
    }
}

.t-lms-course__module-header, .t-lms-course__module-intro {
    margin-bottom: 1rem
}

@media screen and (min-width: 420px) {
    .t-lms-course__module-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    .t-lms-course__module-header .a-tag {
        margin-left: 0.5rem
    }
}

.t-lms-course__module-title {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-lms-course__module-title {
        font-size: 1.5625rem
    }
}

.t-lms-course__footer {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-lms-course__footer {
        margin-top: 2rem
    }
}

.t-lms-module {
    margin-bottom: 2.5rem;
    padding-right: 15px;
    padding-left: 15px
}

@media screen and (min-width: 760px) {
    .t-lms-module {
        margin-bottom: 3.75rem
    }
}

@supports (padding: max(0px)) {
    .t-lms-module {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-lms-module {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-lms-module__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-lms-module__header {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center
}

@media only screen {
    .t-lms-module__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-lms-module__header::before, .t-lms-module__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-lms-module__header::before {
        right: 50%
    }

    .t-lms-module__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__header {
        padding-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__header {
        padding-bottom: 3.25rem
    }
}

.t-lms-module__title {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-lms-module__title {
        font-size: 3.125rem
    }
}

.t-lms-module__title em {
    display: block;
    font-style: normal;
    opacity: .67
}

.t-lms-module__blurb {
    margin-top: 1rem;
    max-width: 34em;
    margin-right: auto;
    margin-left: auto
}

.t-lms-module__body {
    max-width: 34em;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-right: auto;
    margin-left: auto
}

.t-lms-module__body:before, .t-lms-module__body:after {
    display: table;
    content: " "
}

.t-lms-module__body:after {
    clear: both
}

@media screen and (min-width: 760px) {
    .t-lms-module__body {
        margin-top: 3.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__body {
        margin-bottom: 3.25rem
    }
}

@media print {
    .t-lms-module__body {
        max-width: none
    }
}

.t-lms-module__body > .a-wysiwyg + .a-wysiwyg, .a-table .t-lms-module__body > caption + .a-wysiwyg, .a-table .t-lms-module__body > .a-wysiwyg + caption, .a-table .t-lms-module__body > caption + caption {
    margin-top: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .a-wysiwyg + .a-wysiwyg, .a-table .t-lms-module__body > caption + .a-wysiwyg, .a-table .t-lms-module__body > .a-wysiwyg + caption, .a-table .t-lms-module__body > caption + caption {
        margin-top: 1.25rem
    }
}

.t-lms-module__body > .a-wysiwyg h2, .a-table .t-lms-module__body > caption h2 {
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .a-wysiwyg h2, .a-table .t-lms-module__body > caption h2 {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .a-wysiwyg h2, .a-table .t-lms-module__body > caption h2 {
        margin-bottom: 1.5rem
    }
}

.t-lms-module__body > .a-wysiwyg h3, .a-table .t-lms-module__body > caption h3 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .a-wysiwyg h3, .a-table .t-lms-module__body > caption h3 {
        margin-top: 1.5rem
    }
}

.t-lms-module__body > .m-tabs, .t-lms-module__body > .m-pullquote, .t-lms-module__body > .m-download-link {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .m-tabs, .t-lms-module__body > .m-pullquote, .t-lms-module__body > .m-download-link {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__body > .m-tabs, .t-lms-module__body > .m-pullquote, .t-lms-module__body > .m-download-link {
        margin-bottom: 2.5rem
    }
}

.t-lms-module__figure {
    margin: 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    clear: both
}

@media screen and (min-width: 760px) {
    .t-lms-module__figure {
        margin-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-lms-module__figure {
        margin-bottom: 2.5rem
    }
}

.t-lms-module__navigation {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 2px solid #b8c2c1;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #fff
}

@media print {
    .t-lms-module__navigation {
        display: none
    }
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-inner {
        display: flex
    }
}

.t-lms-module__navigation-link {
    font-size: .875rem;
    padding: 0.5rem;
    flex: 1 1 33.3333%;
    display: block;
    width: 100%;
    text-align: left;
    text-decoration: none;
    cursor: pointer
}

@media screen and (min-width: 760px) {
    .t-lms-module__navigation-link {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link {
        font-size: 1rem
    }
}

@media screen and (min-width: 600px)and (min-width: 760px) {
    .t-lms-module__navigation-link {
        font-size: 1.125rem
    }
}

.t-lms-module__navigation-link small {
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: block
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link small {
        font-size: .875rem
    }
}

@media screen and (min-width: 600px)and (min-width: 760px) {
    .t-lms-module__navigation-link small {
        font-size: 1rem
    }
}

.t-lms-module__navigation-link .a-icon {
    width: 1.5em;
    height: 1.5em
}

.t-lms-module__navigation-link--next {
    color: #006954
}

.t-lms-module__navigation-link--next:hover, .t-lms-module__navigation-link--next:focus {
    color: #006954
}

.t-lms-module__navigation-link--next .a-icon {
    margin-left: 0.5rem;
    float: right
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link--next {
        order: 3;
        text-align: right
    }
}

.t-lms-module__navigation-link--prev, .t-lms-module__navigation-link--overview {
    color: #828585
}

.t-lms-module__navigation-link--prev:hover, .t-lms-module__navigation-link--prev:focus, .t-lms-module__navigation-link--overview:hover, .t-lms-module__navigation-link--overview:focus {
    color: #006954
}

.t-lms-module__navigation-link--prev .a-icon {
    margin-right: 0.5rem;
    display: none;
    float: left
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link--prev .a-icon {
        display: block
    }
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link--prev {
        order: 1;
        text-align: left
    }
}

@media screen and (min-width: 600px) {
    .t-lms-module__navigation-link--overview {
        order: 2;
        text-align: center
    }
}

.t-my-account {
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #f1ede7
}

@media screen and (min-width: 760px) {
    .t-my-account {
        padding-top: 1.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-my-account {
        padding-bottom: 1.5rem
    }
}

.t-my-account__container {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column
}

@media screen and (min-width: 1020px) {
    .t-my-account__container {
        flex-direction: row
    }
}

.t-my-account__navigation, .t-my-account__inner {
    width: 100%
}

@media screen and (max-width: 1019px) {
    .t-my-account__navigation, .t-my-account__inner {
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (max-width: 1019px) {
    .t-my-account__navigation {
        margin-bottom: 1rem
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .t-my-account__navigation {
        margin-bottom: 1.5rem
    }
}

@media screen and (min-width: 1020px) {
    .t-my-account__navigation {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem;
        width: calc(60px + ((100% - 330px) / 12 * 3))
    }
}

@media screen and (min-width: 1020px)and (min-width: 760px) {
    .t-my-account__navigation {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 1020px)and (min-width: 760px) {
    .t-my-account__navigation {
        margin-bottom: 3.75rem
    }
}

.t-my-account__inner {
    max-width: calc(32.5rem + 60px);
    background-color: #fff
}

@media screen and (max-width: 1019px) {
    .t-my-account__inner {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        padding-right: 15px;
        padding-left: 15px
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .t-my-account__inner {
        padding-top: 3.75rem
    }
}

@media screen and (max-width: 1019px)and (min-width: 760px) {
    .t-my-account__inner {
        padding-bottom: 3.75rem
    }
}

@media screen and (max-width: 1019px) {
    @supports (padding: max(0px)) {
        .t-my-account__inner {
            padding-right: max(15px, env(safe-area-inset-right))
        }
    }
}

@media screen and (max-width: 1019px) {
    @supports (padding: max(0px)) {
        .t-my-account__inner {
            padding-left: max(15px, env(safe-area-inset-left))
        }
    }
}

@media screen and (min-width: 1020px) {
    .t-my-account__inner {
        padding: 30px
    }
}

.t-my-account__header {
    margin-bottom: 1.5rem
}

@media screen and (min-width: 760px) {
    .t-my-account__header {
        margin-bottom: 2.5rem
    }
}

.t-my-account__header--home {
    padding-bottom: 1rem;
    border-bottom: 2px solid #b8c2c1
}

.t-my-account__breadcrumbs {
    margin-bottom: 0.5rem
}

.t-my-account__title {
    font-family: 'Maison Neue', Trebuchet, 'Trebuchet MS', sans-serif;
    font-size: 2.5rem;
    line-height: 1.15;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-my-account__title {
        font-size: 3.125rem
    }
}

.t-my-account__blurb {
    max-width: 30em;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-my-account__blurb {
        margin-bottom: 2rem
    }
}

@supports (display: grid) {
    .t-my-account__dashboard-grid {
        display: grid;
        grid-template-columns:1fr;
        grid-gap: 30px
    }

    @media screen and (min-width: 600px) {
        .t-my-account__dashboard-grid {
            grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr))
        }
    }
}

.t-my-account__segment-header {
    margin-bottom: 0.5rem
}

.t-my-account__segment-link {
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: #006954;
    text-decoration: none
}

.t-my-account__segment-link:hover, .t-my-account__segment-link:focus {
    background-image: linear-gradient(to left, #a3e953, #006954);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 8rem 100%
}

.t-my-account__segment-title {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    line-height: 1
}

@media screen and (min-width: 760px) {
    .t-my-account__segment-title {
        font-size: 1rem
    }
}

.t-my-account.p-my-dogs .t-my-account__inner, .t-my-account.p-pet-record .t-my-account__inner {
    max-width: none
}

.t-my-account.p-pet-record .p-pet-record__header {
    margin-bottom: 1.25rem;
    width: 100%
}

@media screen and (min-width: 760px) {
    .t-my-account.p-pet-record .p-pet-record__header {
        margin-bottom: 2rem
    }
}

.t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen {
    .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header {
        position: relative;
        background-color: transparent
    }

    .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header::before, .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: transparent
    }

    .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header::before {
        right: 50%
    }

    .t-my-account.p-pet-record .p-pet-record__header .o-dog-header__header::after {
        left: 50%
    }
}

.t-process {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

@supports (padding: max(0px)) {
    .t-process {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-process {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

@media screen and (min-width: 760px) {
    .t-process {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-process {
        margin-bottom: 3.75rem
    }
}

.t-process__wizard, .t-process__inner {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    margin-right: auto;
    margin-left: auto
}

.t-process__wizard {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-process__wizard {
        margin-bottom: 3.75rem
    }
}

.t-process__header {
    margin-bottom: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-process__header {
        margin-bottom: 3.75rem
    }
}

.t-process__title {
    margin-bottom: 1.5rem;
    line-height: 1;
    font-size: 2.5rem;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-process__title {
        margin-bottom: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-process__title {
        font-size: 3.125rem
    }
}

.t-process__title em, .t-process__title small {
    opacity: .67
}

.t-process__title em {
    display: block;
    font-style: normal
}

.t-process__title small {
    font-size: 1rem;
    font-weight: normal;
    text-transform: none
}

@media screen and (min-width: 760px) {
    .t-process__title small {
        font-size: 1.125rem
    }
}

.t-process__body {
    width: 100%;
    max-width: 32.5rem
}

.t-process__sticky {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 2px solid #b8c2c1;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background-color: #fff
}

.t-process:not(.t-process--wide) .t-process__wizard, .t-process:not(.t-process--wide) .t-process__inner {
    max-width: 32.5rem
}

@media screen and (max-width: 1019px) {
    .t-process--wide .t-process__header, .t-process--wide .t-process__body {
        max-width: 32.5rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (min-width: 1020px) {
    .t-process--wide .t-process__inner {
        display: flex
    }

    .t-process--wide .t-process__header {
        flex-shrink: 0;
        width: calc(90px + ((100% - 330px) / 12 * 4));
        margin-right: 30px
    }

    .t-process--wide .t-process__body {
        max-width: none
    }

    .t-process--wide .m-form {
        max-width: 32.5rem
    }
}

.t-process.p-litter-registration .p-litter-registration__lookup {
    position: relative;
    padding-right: calc(2.5rem - 2px)
}

.t-process.p-litter-registration .p-litter-registration__lookup-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: #b8c2c1
}

.t-process.p-litter-registration .p-litter-registration__lookup-icon .a-icon {
    width: 1.5rem;
    height: 1.5rem
}

.t-process.p-litter-registration .p-litter-registration__lookup-icon--loader .a-icon {
    animation: pLitterRegistrationLookupSpinner 3s linear infinite
}

.t-process.p-litter-registration .p-litter-registration__lookup-icon--positive {
    background-color: #006954
}

.t-process.p-litter-registration .p-litter-registration__lookup-icon--negative {
    background-color: #e00132
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail {
    margin: 0
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail:before, .t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail:after {
    display: table;
    content: " "
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail:after {
    clear: both
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__thumbnail + .p-litter-advert-creation__thumbnail {
    margin-top: 0.5rem
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__image {
    margin-right: 0.5rem;
    width: auto;
    height: 104px;
    border: 2px solid #b8c2c1;
    float: left
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__image--primary {
    border-color: #006954
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__caption {
    font-size: .875rem
}

@media screen and (min-width: 760px) {
    .t-process.p-litter-advert-creation .p-litter-advert-creation__caption {
        font-size: 1rem
    }
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    background-color: #f5f7f6
}

@media screen and (min-width: 760px) {
    .t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload {
        margin-top: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload {
        margin-bottom: 1.25rem
    }
}

@media screen and (min-width: 760px) {
    .t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload {
        padding: 1.25rem
    }
}

.t-process.p-litter-advert-creation .p-litter-advert-creation__image-upload .m-form__row:last-child {
    margin-bottom: 0
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result {
    padding: 1rem;
    background-color: #f5f7f6
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result + .p-inbreeding-coefficient__result {
    margin-top: 0.5rem
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-title, .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-result, .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-detail {
    display: block
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-best {
    margin-bottom: 1rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: flex;
    align-items: center;
    opacity: .67
}

@media screen and (min-width: 760px) {
    .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-best {
        font-size: 1rem
    }
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-best .a-icon {
    margin-right: 0.5rem;
    width: 1em;
    height: 1em
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-title {
    margin-bottom: 0.5rem
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-result {
    font-size: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-result {
        font-size: 1.5625rem
    }
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-detail {
    margin-top: 0.5rem;
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__result-detail {
        font-size: 1rem
    }
}

.t-process.p-inbreeding-coefficient .p-inbreeding-coefficient__radio {
    padding: 1rem;
    margin-top: 0.5rem;
    background-color: #f1ede7
}

.t-process.p-health-test-lookup .p-health-test-lookup__radio {
    padding: 1rem;
    margin-top: 0.5rem;
    background-color: #f1ede7
}

.t-process.p-pet-matching .p-pet-matching__address {
    padding: 1rem;
    border: 2px solid #b8c2c1;
    background-color: #fff
}

@keyframes pLitterRegistrationLookupSpinner {
    0% {
        transform: rotate(0deg)
    }
    13% {
        transform: rotate(128deg)
    }
    32% {
        transform: rotate(314deg)
    }
    38% {
        transform: rotate(181deg)
    }
    44% {
        transform: rotate(39deg)
    }
    61% {
        transform: rotate(216deg)
    }
    79% {
        transform: rotate(323deg)
    }
    96% {
        transform: rotate(244deg)
    }
    100% {
        transform: rotate(359deg)
    }
}

.t-product {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 2.5rem
}

@supports (padding: max(0px)) {
    .t-product {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-product {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

@media screen and (min-width: 760px) {
    .t-product {
        margin-bottom: 3.75rem
    }
}

.t-product__header, .t-product__body, .t-product__section {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-product__header {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

@media only screen {
    .t-product__header {
        position: relative;
        background-color: #f1ede7
    }

    .t-product__header::before, .t-product__header::after {
        content: "";
        width: 50vw;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        background-color: #f1ede7
    }

    .t-product__header::before {
        right: 50%
    }

    .t-product__header::after {
        left: 50%
    }
}

@media screen and (min-width: 760px) {
    .t-product__header {
        padding-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-product__header {
        padding-bottom: 3.75rem
    }
}

.t-product__title {
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-product__title {
        font-size: 3.125rem
    }
}

.t-product__price {
    margin-top: 0.5rem
}

.t-product__price-price {
    font-size: 1.5rem;
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .t-product__price-price {
        font-size: 1.75rem
    }
}

.t-product__price-note {
    color: #828585
}

.t-product__body {
    position: relative
}

.t-product__body:before, .t-product__body:after {
    display: table;
    content: " "
}

.t-product__body:after {
    clear: both
}

.t-product__image {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-product__image {
        margin-top: 2rem
    }
}

.t-product__information {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-product__information {
        margin-top: 2rem
    }
}

.t-product__options {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-product__options {
        margin-top: 2rem
    }
}

@media only print {
    .t-product__options {
        display: none
    }
}

.t-product__section {
    margin-top: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-product__section {
        margin-top: 3.75rem
    }
}

@media screen and (min-width: 760px) {
    .t-product__header-inner {
        width: calc(330px + (100% - 330px))
    }

    .t-product__description {
        width: calc(150px + ((100% - 330px) / 12 * 6));
        float: left
    }

    .t-product__options {
        width: calc(150px + ((100% - 330px) / 12 * 6));
        float: right
    }
}

@media screen and (min-width: 1020px) {
    .t-product__header-inner {
        width: calc(180px + ((100% - 330px) / 12 * 7))
    }

    .t-product__description {
        width: calc(180px + ((100% - 330px) / 12 * 7))
    }

    .t-product__options {
        width: calc(120px + ((100% - 330px) / 12 * 5))
    }
}

.t-search__intro, .t-search__form, .t-search__inner {
    padding-right: 15px;
    padding-left: 15px
}

@supports (padding: max(0px)) {
    .t-search__intro, .t-search__form, .t-search__inner {
        padding-right: max(15px, env(safe-area-inset-right))
    }
}

@supports (padding: max(0px)) {
    .t-search__intro, .t-search__form, .t-search__inner {
        padding-left: max(15px, env(safe-area-inset-left))
    }
}

.t-search__form {
    margin-top: 2.5rem
}

@media screen and (min-width: 760px) {
    .t-search__form {
        margin-top: 3.75rem
    }
}

.t-search__inner {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

@media screen and (min-width: 760px) {
    .t-search__inner {
        padding-top: 2.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-search__inner {
        padding-bottom: 2.5rem
    }
}

.t-search__header, .t-search__body, .t-search__footnotes {
    width: 95%;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto
}

.t-search__intro {
    padding-top: 2.5rem;
    text-align: center
}

@media screen and (min-width: 760px) {
    .t-search__intro {
        padding-top: 3.75rem
    }
}

.t-search__title {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 1;
    color: #006954
}

@media screen and (min-width: 760px) {
    .t-search__title {
        font-size: 3.125rem
    }
}

.t-search__blurb {
    margin-top: 1rem
}

.t-search__blurb p {
    margin-right: auto;
    margin-left: auto
}

.t-search__form {
    max-width: 36rem;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #b8c2c1;
    background-color: #fff;
    position: relative
}

.t-search__form-tabs {
    padding-top: 1rem;
    display: flex
}

.t-search__form-tab {
    flex: 1 1 1px;
    display: block;
    position: relative;
    color: currentColor;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

.t-search__form-tab input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.t-search__form-tab input:focus + .t-search__form-tab-label {
    outline: 3px solid #80bdff;
    outline-offset: 0
}

html[data-whatintent=mouse] .t-search__form-tab input:focus + .t-search__form-tab-label {
    outline: 0
}

.t-search__form-tab[aria-current=true] .t-search__form-tab-label, .t-search__form-tab input:checked + .t-search__form-tab-label {
    color: #006954;
    background-color: #a3e953
}

.t-search__form-tab[aria-current=true] .t-search__form-tab-label::after, .t-search__form-tab input:checked + .t-search__form-tab-label::after {
    content: ""
}

.t-search__form-tab + .t-search__form-tab {
    margin-left: 0.5rem
}

.t-search__form-tab-label {
    padding: 0.5rem;
    display: block
}

.t-search__form-tab-label::after {
    border-width: 12px 12px 0 12px;
    border-style: solid;
    border-color: #a3e953 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: calc(50% - 12px)
}

.t-search__form-inner {
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media screen and (min-width: 760px) {
    .t-search__form-inner {
        padding-top: 1.5rem
    }
}

@media screen and (min-width: 760px) {
    .t-search__form-inner {
        padding-bottom: 1.5rem
    }
}

.t-search__form-inner > * + * {
    margin-top: 1rem
}

.t-search__filters {
    margin-top: 1rem;
    font-size: .875rem;
    line-height: 1.5;
    display: flex;
    flex-wrap: wrap
}

@media screen and (min-width: 760px) {
    .t-search__filters {
        font-size: 1rem
    }
}

.t-search__filters-label, .t-search__filter {
    margin-right: 0.5rem
}

.t-search__filters-reset {
    color: #006954;
    font-weight: 500;
    text-decoration: none;
    margin-left: auto
}

.t-search__filters-reset:hover, .t-search__filters-reset:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.t-search__filter[open] .t-search__filter-title::before {
    content: "-"
}

.t-search__filter--modified .t-search__filter-title {
    background-color: #a3e953
}

.t-search__filter--sort {
    margin-left: 0;
    order: -1
}

.t-search__filter--sort .t-search__filter-title::before {
    display: none
}

.t-search__filter-title {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    display: inline-block;
    color: #006954;
    cursor: pointer;
    white-space: nowrap
}

.t-search__filter-title::before {
    content: "+";
    display: inline-block;
    width: .75em
}

.t-search__filter-title::-webkit-details-marker {
    display: none
}

.t-search__filter-title:hover {
    color: #006954
}

.t-search__filter-body {
    padding: 1rem;
    width: calc(100% + 4px);
    min-width: 18rem;
    border: 2px solid #b8c2c1;
    position: absolute;
    top: 100%;
    left: -2px;
    right: -2px;
    z-index: 1;
    background-color: #fff
}

.t-search__navigation {
    margin-bottom: 1.25rem;
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 760px) {
    .t-search__navigation {
        margin-bottom: 2rem
    }
}

.t-search__navigation-list {
    list-style-type: none
}

.t-search__navigation-item {
    margin-right: 0.25rem;
    display: inline
}

.t-search__navigation-item del, .t-search__navigation-item a {
    padding: 0.25rem;
    display: inline-block
}

.t-search__navigation-item del {
    color: #828585;
    text-decoration: none
}

.t-search__navigation-item a {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.t-search__navigation-item a:hover, .t-search__navigation-item a:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.t-search__inner {
    padding-top: 8rem;
    margin-top: -4rem;
    background-color: #f1ede7
}

.t-search__metadata {
    margin-bottom: 1.25rem;
    text-align: center
}

@media screen and (min-width: 760px) {
    .t-search__metadata {
        margin-bottom: 2rem
    }
}

.t-search__metadata-results {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    font-weight: 400
}

@media screen and (min-width: 760px) {
    .t-search__metadata-results {
        font-size: 1rem
    }
}

.t-search__pagination {
    margin-top: 1.25rem
}

@media screen and (min-width: 760px) {
    .t-search__pagination {
        margin-top: 2rem
    }
}

.t-search__footnotes {
    margin-top: 1rem;
    font-size: .875rem;
    color: #828585
}

@media screen and (min-width: 760px) {
    .t-search__footnotes {
        font-size: 1rem
    }
}

.a-details {
    max-width: 38rem;
    margin-right: auto;
    margin-left: auto;
    position: relative
}

.p-find-a-club__filters > :last-child, .p-find-a-judge__filters > :last-child {
    margin-bottom: 0
}

.p-find-a-judge__result-table {
    background-color: #fff
}

.u-backdrop {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8000
}

.u-backdrop--close::after {
    padding: 0.5rem;
    content: "×";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    font-size: 3rem;
    line-height: 1;
    cursor: pointer;
    color: #006954;
    background-color: #a3e953
}

.u-backdrop--black {
    background-color: rgba(0, 0, 0, .95)
}

html.backdropfilter .u-backdrop--black {
    background-color: rgba(0, 0, 0, .8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.u-backdrop--white {
    background-color: rgba(255, 255, 255, .95)
}

html.backdropfilter .u-backdrop--white {
    background-color: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.u-backdrop.is-fadein, .u-backdrop.is-fadeout {
    animation-duration: .5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both
}

.u-backdrop.is-fadein {
    animation-name: uBackdropFadeIn
}

.u-backdrop.is-fadeout {
    animation-name: uBackdropFadeOut
}

@keyframes uBackdropFadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes uBackdropFadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

html.cssgrid .u-card-grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns:1fr;
    list-style-type: none
}

@media screen and (min-width: 600px) {
    html.cssgrid .u-card-grid--columns-2, html.cssgrid .u-card-grid--columns-4 {
        grid-template-columns:repeat(2, calc(50% - 30px / 2))
    }
}

@media screen and (min-width: 600px) {
    html.cssgrid .u-card-grid--columns-3 {
        grid-template-columns:repeat(3, calc(33.3333% - (30px * 2) / 3))
    }
}

@media screen and (min-width: 1280px) {
    html.cssgrid .u-card-grid--columns-4 {
        grid-template-columns:repeat(4, calc(25% - (30px * 3) / 4))
    }
}

html:not(.cssgrid) .u-card-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    overflow: hidden;
    list-style-type: none
}

html:not(.cssgrid) .u-card-grid > * {
    flex-grow: 0;
    flex-shrink: 1;
    width: 100%;
    margin-right: 15px;
    margin-bottom: 30px;
    margin-left: 15px
}

@media screen and (min-width: 600px) {
    html:not(.cssgrid) .u-card-grid--columns-2 > *, html:not(.cssgrid) .u-card-grid--columns-4 > * {
        flex-basis: calc(50% - 30px)
    }
}

@media screen and (min-width: 600px) {
    html:not(.cssgrid) .u-card-grid--columns-3 > * {
        flex-basis: calc(33.3333% - 30px)
    }
}

@media screen and (min-width: 1280px) {
    html:not(.cssgrid) .u-card-grid--columns-4 > * {
        flex-basis: calc(25% - 30px)
    }
}

.u-decision__option {
    position: relative
}

.u-decision__option + .u-decision__option {
    margin-top: 2.5rem;
    padding-top: 2.5rem
}

.u-decision__option + .u-decision__option::before, .u-decision__option + .u-decision__option::after {
    position: absolute;
    border-width: 0;
    border-style: solid;
    border-color: #b8c2c1
}

.u-decision__option + .u-decision__option::before {
    content: "";
    top: -1px;
    right: 0;
    left: 0;
    border-top-width: 2px
}

.u-decision__option + .u-decision__option::after {
    content: "or";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
    left: calc(50% - 1.5rem);
    border-width: 2px;
    border-radius: 50%;
    color: #7b8d8b;
    background-color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (min-width: 760px) {
    .u-decision--horizontal {
        display: flex;
        flex-direction: row
    }

    .u-decision--horizontal .u-decision__option {
        flex: 1 0 1px
    }

    .u-decision--horizontal .u-decision__option + .u-decision__option {
        margin-top: 0;
        margin-left: 2.5rem;
        padding-top: 0;
        padding-left: 2.5rem
    }

    .u-decision--horizontal .u-decision__option + .u-decision__option::before {
        top: 0;
        bottom: 0;
        left: -1px;
        border-top-width: 0;
        border-left-width: 2px
    }

    .u-decision--horizontal .u-decision__option + .u-decision__option::after {
        top: calc(50% - 1.5rem);
        left: -1.5rem
    }
}

.a-wysiwyg .a-table, .a-table caption .a-table {
    width: 100% !important
}

.a-wysiwyg .a-table tr, .a-table caption .a-table tr, .a-wysiwyg .a-table th, .a-table caption .a-table th, .a-wysiwyg .a-table td, .a-table caption .a-table td {
    width: auto !important;
    height: auto !important
}

.u-tooltip {
    display: inline;
    position: relative
}

.u-tooltip__tip {
    display: inline-block;
    width: 16rem;
    padding: .5rem;
    position: absolute;
    z-index: 1;
    color: #fff;
    background-color: #000;
    text-align: left
}

.u-tooltip__tip--hidden {
    display: none
}

.u-tooltip__tip::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute
}

.u-tooltip__tip[data-side=top] {
    margin-bottom: .5rem;
    bottom: 100%;
    left: 50%
}

.u-tooltip__tip[data-side=top]::before {
    top: 100%;
    border-width: .5rem .5rem 0 .5rem;
    border-color: #000 transparent transparent transparent
}

.u-tooltip__tip[data-side=right] {
    margin-left: .5rem;
    top: 50%;
    left: 100%
}

.u-tooltip__tip[data-side=right]::before {
    right: 100%;
    border-width: .5rem .5rem .5rem 0;
    border-color: transparent #000 transparent transparent
}

.u-tooltip__tip[data-side=bottom] {
    margin-top: .5rem;
    top: 100%;
    left: 50%
}

.u-tooltip__tip[data-side=bottom]::before {
    bottom: 100%;
    border-width: 0 .5rem .5rem .5rem;
    border-color: transparent transparent #000 transparent
}

.u-tooltip__tip[data-side=left] {
    margin-right: .5rem;
    top: 50%;
    right: 100%
}

.u-tooltip__tip[data-side=left]::before {
    left: 100%;
    border-width: .5rem 0 .5rem .5rem;
    border-color: transparent transparent transparent #000
}

.u-tooltip__tip[data-side=top], .u-tooltip__tip[data-side=bottom] {
    transform: translateX(-50%)
}

.u-tooltip__tip[data-side=top]::before, .u-tooltip__tip[data-side=bottom]::before {
    left: calc(50% - 0.5rem)
}

.u-tooltip__tip[data-side=left], .u-tooltip__tip[data-side=right] {
    transform: translateY(-50%)
}

.u-tooltip__tip[data-side=left]::before, .u-tooltip__tip[data-side=right]::before {
    top: calc(50% - 0.5rem)
}

.u-screenreader {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.u-placeholder {
    font-size: .875rem;
    text-transform: uppercase;
    font-feature-settings: "cpsp";
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f5f7f6;
    background-image: repeating-linear-gradient(-45deg, transparent 0px, transparent 10px, #D6DDDB 10px, #D6DDDB 20px);
    font-weight: bold
}

@media screen and (min-width: 760px) {
    .u-placeholder {
        font-size: 1rem
    }
}

.u-link {
    color: #006954;
    font-weight: 500;
    text-decoration: none
}

.u-link:hover, .u-link:focus {
    color: #006954;
    box-shadow: inset 0 -0.15em 0 0 currentColor
}

.u-link:visited {
    color: #006954
}

.u-button-group {
    display: flex
}

@media screen and (max-width: 419px) {
    .u-button-group {
        flex-direction: column
    }

    .u-button-group .a-button + .a-button {
        margin-top: 0.5rem
    }
}

@media screen and (min-width: 420px) {
    .u-button-group {
        flex-direction: row
    }

    .u-button-group .a-button + .a-button {
        margin-left: 0.5rem
    }
}

[class*="u-!-margin-0"] {
    margin: 0 !important
}

[class*="u-!-padding-0"] {
    padding: 0 !important
}

[class*="u-!-margin-1"] {
    margin: 0.25rem !important
}

[class*="u-!-padding-1"] {
    padding: 0.25rem !important
}

[class*="u-!-margin-2"] {
    margin: 0.5rem !important
}

[class*="u-!-padding-2"] {
    padding: 0.5rem !important
}

[class*="u-!-margin-3"] {
    margin: 1rem !important
}

[class*="u-!-padding-3"] {
    padding: 1rem !important
}

[class*="u-!-margin-4"] {
    margin: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-4"] {
        margin: 1.25rem !important
    }
}

[class*="u-!-padding-4"] {
    padding: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-4"] {
        padding: 1.25rem !important
    }
}

[class*="u-!-margin-5"] {
    margin: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-5"] {
        margin: 1.5rem !important
    }
}

[class*="u-!-padding-5"] {
    padding: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-5"] {
        padding: 1.5rem !important
    }
}

[class*="u-!-margin-6"] {
    margin: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-6"] {
        margin: 2rem !important
    }
}

[class*="u-!-padding-6"] {
    padding: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-6"] {
        padding: 2rem !important
    }
}

[class*="u-!-margin-7"] {
    margin: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-7"] {
        margin: 2.5rem !important
    }
}

[class*="u-!-padding-7"] {
    padding: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-7"] {
        padding: 2.5rem !important
    }
}

[class*="u-!-margin-8"] {
    margin: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-8"] {
        margin: 3.25rem !important
    }
}

[class*="u-!-padding-8"] {
    padding: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-8"] {
        padding: 3.25rem !important
    }
}

[class*="u-!-margin-9"] {
    margin: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-9"] {
        margin: 3.75rem !important
    }
}

[class*="u-!-padding-9"] {
    padding: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-9"] {
        padding: 3.75rem !important
    }
}

[class*="u-!-margin-top-0"] {
    margin-top: 0 !important
}

[class*="u-!-padding-top-0"] {
    padding-top: 0 !important
}

[class*="u-!-margin-top-1"] {
    margin-top: 0.25rem !important
}

[class*="u-!-padding-top-1"] {
    padding-top: 0.25rem !important
}

[class*="u-!-margin-top-2"] {
    margin-top: 0.5rem !important
}

[class*="u-!-padding-top-2"] {
    padding-top: 0.5rem !important
}

[class*="u-!-margin-top-3"] {
    margin-top: 1rem !important
}

[class*="u-!-padding-top-3"] {
    padding-top: 1rem !important
}

[class*="u-!-margin-top-4"] {
    margin-top: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-4"] {
        margin-top: 1.25rem !important
    }
}

[class*="u-!-padding-top-4"] {
    padding-top: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-4"] {
        padding-top: 1.25rem !important
    }
}

[class*="u-!-margin-top-5"] {
    margin-top: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-5"] {
        margin-top: 1.5rem !important
    }
}

[class*="u-!-padding-top-5"] {
    padding-top: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-5"] {
        padding-top: 1.5rem !important
    }
}

[class*="u-!-margin-top-6"] {
    margin-top: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-6"] {
        margin-top: 2rem !important
    }
}

[class*="u-!-padding-top-6"] {
    padding-top: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-6"] {
        padding-top: 2rem !important
    }
}

[class*="u-!-margin-top-7"] {
    margin-top: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-7"] {
        margin-top: 2.5rem !important
    }
}

[class*="u-!-padding-top-7"] {
    padding-top: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-7"] {
        padding-top: 2.5rem !important
    }
}

[class*="u-!-margin-top-8"] {
    margin-top: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-8"] {
        margin-top: 3.25rem !important
    }
}

[class*="u-!-padding-top-8"] {
    padding-top: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-8"] {
        padding-top: 3.25rem !important
    }
}

[class*="u-!-margin-top-9"] {
    margin-top: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-top-9"] {
        margin-top: 3.75rem !important
    }
}

[class*="u-!-padding-top-9"] {
    padding-top: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-top-9"] {
        padding-top: 3.75rem !important
    }
}

[class*="u-!-margin-right-0"] {
    margin-right: 0 !important
}

[class*="u-!-padding-right-0"] {
    padding-right: 0 !important
}

[class*="u-!-margin-right-1"] {
    margin-right: 0.25rem !important
}

[class*="u-!-padding-right-1"] {
    padding-right: 0.25rem !important
}

[class*="u-!-margin-right-2"] {
    margin-right: 0.5rem !important
}

[class*="u-!-padding-right-2"] {
    padding-right: 0.5rem !important
}

[class*="u-!-margin-right-3"] {
    margin-right: 1rem !important
}

[class*="u-!-padding-right-3"] {
    padding-right: 1rem !important
}

[class*="u-!-margin-right-4"] {
    margin-right: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-4"] {
        margin-right: 1.25rem !important
    }
}

[class*="u-!-padding-right-4"] {
    padding-right: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-4"] {
        padding-right: 1.25rem !important
    }
}

[class*="u-!-margin-right-5"] {
    margin-right: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-5"] {
        margin-right: 1.5rem !important
    }
}

[class*="u-!-padding-right-5"] {
    padding-right: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-5"] {
        padding-right: 1.5rem !important
    }
}

[class*="u-!-margin-right-6"] {
    margin-right: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-6"] {
        margin-right: 2rem !important
    }
}

[class*="u-!-padding-right-6"] {
    padding-right: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-6"] {
        padding-right: 2rem !important
    }
}

[class*="u-!-margin-right-7"] {
    margin-right: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-7"] {
        margin-right: 2.5rem !important
    }
}

[class*="u-!-padding-right-7"] {
    padding-right: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-7"] {
        padding-right: 2.5rem !important
    }
}

[class*="u-!-margin-right-8"] {
    margin-right: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-8"] {
        margin-right: 3.25rem !important
    }
}

[class*="u-!-padding-right-8"] {
    padding-right: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-8"] {
        padding-right: 3.25rem !important
    }
}

[class*="u-!-margin-right-9"] {
    margin-right: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-right-9"] {
        margin-right: 3.75rem !important
    }
}

[class*="u-!-padding-right-9"] {
    padding-right: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-right-9"] {
        padding-right: 3.75rem !important
    }
}

[class*="u-!-margin-bottom-0"] {
    margin-bottom: 0 !important
}

[class*="u-!-padding-bottom-0"] {
    padding-bottom: 0 !important
}

[class*="u-!-margin-bottom-1"] {
    margin-bottom: 0.25rem !important
}

[class*="u-!-padding-bottom-1"] {
    padding-bottom: 0.25rem !important
}

[class*="u-!-margin-bottom-2"] {
    margin-bottom: 0.5rem !important
}

[class*="u-!-padding-bottom-2"] {
    padding-bottom: 0.5rem !important
}

[class*="u-!-margin-bottom-3"] {
    margin-bottom: 1rem !important
}

[class*="u-!-padding-bottom-3"] {
    padding-bottom: 1rem !important
}

[class*="u-!-margin-bottom-4"] {
    margin-bottom: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-4"] {
        margin-bottom: 1.25rem !important
    }
}

[class*="u-!-padding-bottom-4"] {
    padding-bottom: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-4"] {
        padding-bottom: 1.25rem !important
    }
}

[class*="u-!-margin-bottom-5"] {
    margin-bottom: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-5"] {
        margin-bottom: 1.5rem !important
    }
}

[class*="u-!-padding-bottom-5"] {
    padding-bottom: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-5"] {
        padding-bottom: 1.5rem !important
    }
}

[class*="u-!-margin-bottom-6"] {
    margin-bottom: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-6"] {
        margin-bottom: 2rem !important
    }
}

[class*="u-!-padding-bottom-6"] {
    padding-bottom: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-6"] {
        padding-bottom: 2rem !important
    }
}

[class*="u-!-margin-bottom-7"] {
    margin-bottom: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-7"] {
        margin-bottom: 2.5rem !important
    }
}

[class*="u-!-padding-bottom-7"] {
    padding-bottom: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-7"] {
        padding-bottom: 2.5rem !important
    }
}

[class*="u-!-margin-bottom-8"] {
    margin-bottom: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-8"] {
        margin-bottom: 3.25rem !important
    }
}

[class*="u-!-padding-bottom-8"] {
    padding-bottom: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-8"] {
        padding-bottom: 3.25rem !important
    }
}

[class*="u-!-margin-bottom-9"] {
    margin-bottom: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-bottom-9"] {
        margin-bottom: 3.75rem !important
    }
}

[class*="u-!-padding-bottom-9"] {
    padding-bottom: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-bottom-9"] {
        padding-bottom: 3.75rem !important
    }
}

[class*="u-!-margin-left-0"] {
    margin-left: 0 !important
}

[class*="u-!-padding-left-0"] {
    padding-left: 0 !important
}

[class*="u-!-margin-left-1"] {
    margin-left: 0.25rem !important
}

[class*="u-!-padding-left-1"] {
    padding-left: 0.25rem !important
}

[class*="u-!-margin-left-2"] {
    margin-left: 0.5rem !important
}

[class*="u-!-padding-left-2"] {
    padding-left: 0.5rem !important
}

[class*="u-!-margin-left-3"] {
    margin-left: 1rem !important
}

[class*="u-!-padding-left-3"] {
    padding-left: 1rem !important
}

[class*="u-!-margin-left-4"] {
    margin-left: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-4"] {
        margin-left: 1.25rem !important
    }
}

[class*="u-!-padding-left-4"] {
    padding-left: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-4"] {
        padding-left: 1.25rem !important
    }
}

[class*="u-!-margin-left-5"] {
    margin-left: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-5"] {
        margin-left: 1.5rem !important
    }
}

[class*="u-!-padding-left-5"] {
    padding-left: 1rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-5"] {
        padding-left: 1.5rem !important
    }
}

[class*="u-!-margin-left-6"] {
    margin-left: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-6"] {
        margin-left: 2rem !important
    }
}

[class*="u-!-padding-left-6"] {
    padding-left: 1.25rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-6"] {
        padding-left: 2rem !important
    }
}

[class*="u-!-margin-left-7"] {
    margin-left: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-7"] {
        margin-left: 2.5rem !important
    }
}

[class*="u-!-padding-left-7"] {
    padding-left: 1.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-7"] {
        padding-left: 2.5rem !important
    }
}

[class*="u-!-margin-left-8"] {
    margin-left: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-8"] {
        margin-left: 3.25rem !important
    }
}

[class*="u-!-padding-left-8"] {
    padding-left: 2rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-8"] {
        padding-left: 3.25rem !important
    }
}

[class*="u-!-margin-left-9"] {
    margin-left: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-margin-left-9"] {
        margin-left: 3.75rem !important
    }
}

[class*="u-!-padding-left-9"] {
    padding-left: 2.5rem !important
}

@media screen and (min-width: 760px) {
    [class*="u-!-padding-left-9"] {
        padding-left: 3.75rem !important
    }
}

.u-width-full {
    width: 100%
}

.u-width-four-fifths {
    width: 80%
}

.u-width-three-quarters {
    width: 75%
}

.u-width-two-thirds {
    width: 66.6666%
}

.u-width-three-fifths {
    width: 60%
}

.u-width-one-half {
    width: 50%
}

.u-width-two-fifths {
    width: 40%
}

.u-width-one-third {
    width: 33.3333%
}

.u-width-one-quarter {
    width: 25%
}

.u-width-one-fifth {
    width: 20%
}