.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(237,28,36,.25);
    box-shadow: 0 0 0 .25rem rgba(237,28,36,.25)
}

.nav-link.disabled,.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #ED1C24
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: 0.125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

nav {
    position: relative;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(0, 0, 0, 0.55);
    --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
    --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
    --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
    --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
    --bs-navbar-toggler-border-radius: 0.375rem;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

@media (min-width: 75rem) {
  .navbar-expand-xl {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.navbar {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

@media (min-width: 75rem) {
  .navbar {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-bottom: 0;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.navbar {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: 0.3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.25rem;
    --bs-navbar-toggler-padding-x: 0.75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

.navbar-collapse {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    -webkit-transition: var(--bs-navbar-toggler-transition);
    -o-transition: var(--bs-navbar-toggler-transition);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width: 36rem) {
    .navbar-expand-sm {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        -webkit-transform: none!important;
        -o-transform: none!important;
        transform: none!important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 48rem) {
    .navbar-expand-md {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        -webkit-transform: none!important;
        -o-transform: none!important;
        transform: none!important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 62rem) {
    .navbar-expand-lg {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        -webkit-transform: none!important;
        -o-transform: none!important;
        transform: none!important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 75rem) {
    .navbar-expand-xl {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        -webkit-transform: none!important;
        -o-transform: none!important;
        transform: none!important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 87.5rem) {
    .navbar-expand-xxl {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        -webkit-transform: none!important;
        -o-transform: none!important;
        transform: none!important;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: auto!important;
    height: auto!important;
    visibility: visible!important;
    background-color: transparent!important;
    border: 0!important;
    -webkit-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark,.navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    margin-bottom: 0
}

.header #navbar-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .25rem 0;
    background-color: #ed1c24
}

.header #navbar-top .purina-pet-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 288px;
    height: 28px
}

@media (min-width: 62rem) {
    .header #navbar-top .purina-pet-header {
        width:253px;
        height: 24px
    }
}

.header #navbar-top .purina-pet-header img {
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    border-radius: 0
}

.header #navbar-main.navbar {
    padding: 0;
    margin: 0
}

.header #navbar-main.navbar .navbar-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-height: 54px;
    max-width: 120px;
    padding: 0;
    margin: 0;
    background-color: #fff
}

.header #navbar-main.navbar .navbar-brand img {
    width: 54px;
    max-height: 100%;
    margin-right: 0
}

.header--common #navbar-main.navbar .navbar-brand img {
    width: 100px;
    max-height: 100%;
    margin-right: .625rem;
}

@media (min-width: 75rem) {
    .header #navbar-main.navbar .navbar-brand img {
        width:107px
    }
}

.header #navbar-main.navbar .container-fluid,.header #navbar-main.navbar .container-lg,.header #navbar-main.navbar .container-md,.header #navbar-main.navbar .container-sm,.header #navbar-main.navbar .container-xl,.header #navbar-main.navbar .container-xxl {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

@media (min-width: 75rem) {
    .header #navbar-main.navbar .container-fluid,.header #navbar-main.navbar .container-lg,.header #navbar-main.navbar .container-md,.header #navbar-main.navbar .container-sm,.header #navbar-main.navbar .container-xl,.header #navbar-main.navbar .container-xxl {
        -webkit-box-pack:start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.header #navbar-main.navbar .container-fluid .purina-mobile-nav-footer,.header #navbar-main.navbar .container-lg .purina-mobile-nav-footer,.header #navbar-main.navbar .container-md .purina-mobile-nav-footer,.header #navbar-main.navbar .container-sm .purina-mobile-nav-footer,.header #navbar-main.navbar .container-xl .purina-mobile-nav-footer,.header #navbar-main.navbar .container-xxl .purina-mobile-nav-footer {
    display: none
}

@media (max-width: 74.99875rem) {
  .header .navigation,
  .header #navbar-main.navbar .container-lg .menu--purinaone-cat-main-navigation,.header #navbar-main.navbar .container-md .menu--purinaone-cat-main-navigation,.header #navbar-main.navbar .container-sm .menu--purinaone-cat-main-navigation,.header #navbar-main.navbar .container-xl .menu--purinaone-cat-main-navigation,.header #navbar-main.navbar .container-xxl .menu--purinaone-cat-main-navigation {
        display:none
  }
}

.header #navbar-main.navbar .container-fluid .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-lg .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-md .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-sm .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-xl .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-xxl .menu--purinaone-cat-main-navigation ul {
    margin: 0 2rem
}

@media (min-width: 87.5rem) {
    .header #navbar-main.navbar .container-fluid .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-lg .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-md .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-sm .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-xl .menu--purinaone-cat-main-navigation ul,.header #navbar-main.navbar .container-xxl .menu--purinaone-cat-main-navigation ul {
        margin:0 1.5rem
    }
}

.header #navbar-main.navbar .container-fluid .menu--purinaone-cat-main-navigation ul li a,.header #navbar-main.navbar .container-lg .menu--purinaone-cat-main-navigation ul li a,.header #navbar-main.navbar .container-md .menu--purinaone-cat-main-navigation ul li a,.header #navbar-main.navbar .container-sm .menu--purinaone-cat-main-navigation ul li a,.header #navbar-main.navbar .container-xl .menu--purinaone-cat-main-navigation ul li a,.header #navbar-main.navbar .container-xxl .menu--purinaone-cat-main-navigation ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-left: .5rem;
    margin-right: 0;
    padding: 0;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #fff
}

.header #navbar-main.navbar .container-fluid .menu--purinaone-cat-main-navigation ul li a::after,.header #navbar-main.navbar .container-lg .menu--purinaone-cat-main-navigation ul li a::after,.header #navbar-main.navbar .container-md .menu--purinaone-cat-main-navigation ul li a::after,.header #navbar-main.navbar .container-sm .menu--purinaone-cat-main-navigation ul li a::after,.header #navbar-main.navbar .container-xl .menu--purinaone-cat-main-navigation ul li a::after,.header #navbar-main.navbar .container-xxl .menu--purinaone-cat-main-navigation ul li a::after {
    content: "|";
    display: block;
    width: 20px;
    text-align: center
}

.header #navbar-main.navbar .container-fluid .menu--purinaone-cat-main-navigation ul li a:hover,.header #navbar-main.navbar .container-lg .menu--purinaone-cat-main-navigation ul li a:hover,.header #navbar-main.navbar .container-md .menu--purinaone-cat-main-navigation ul li a:hover,.header #navbar-main.navbar .container-sm .menu--purinaone-cat-main-navigation ul li a:hover,.header #navbar-main.navbar .container-xl .menu--purinaone-cat-main-navigation ul li a:hover,.header #navbar-main.navbar .container-xxl .menu--purinaone-cat-main-navigation ul li a:hover {
    color: #005359
}

.header .nav-item a:after,
.header #navbar-main.navbar .container-lg .menu--purina-main-navigation ul li a::after, .header #navbar-main.navbar .container-md .menu--purina-main-navigation ul li a::after, .header #navbar-main.navbar .container-sm .menu--purina-main-navigation ul li a::after, .header #navbar-main.navbar .container-xl .menu--purina-main-navigation ul li a::after, .header #navbar-main.navbar .container-xxl .menu--purina-main-navigation ul li a::after {
    content: "|";
    display: block;
    width: 20px;
    text-align: center;
    color: #fff;
}

.header #navbar-main.navbar .container-fluid .menu--purina-main-navigation ul li a, .header #navbar-main.navbar .container-lg .menu--purina-main-navigation ul li a, .header #navbar-main.navbar .container-md .menu--purina-main-navigation ul li a, .header #navbar-main.navbar .container-sm .menu--purina-main-navigation ul li a, .header #navbar-main.navbar .container-xl .menu--purina-main-navigation ul li a, .header #navbar-main.navbar .container-xxl .menu--purina-main-navigation ul li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-left: .5rem;
    margin-right: 0;
    padding: 0;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #fff;
}

.header #navbar-main.navbar .container-fluid .menu--purina-main-navigation ul li a:hover, .header #navbar-main.navbar .container-lg .menu--purina-main-navigation ul li a:hover, .header #navbar-main.navbar .container-md .menu--purina-main-navigation ul li a:hover, .header #navbar-main.navbar .container-sm .menu--purina-main-navigation ul li a:hover, .header #navbar-main.navbar .container-xl .menu--purina-main-navigation ul li a:hover, .header #navbar-main.navbar .container-xxl .menu--purina-main-navigation ul li a:hover {
    color: #fbcbcd;
}

.header #navbar-main.navbar .container-fluid .menu--purinaone-cat-main-navigation ul li a:hover::after,.header #navbar-main.navbar .container-lg .menu--purinaone-cat-main-navigation ul li a:hover::after,.header #navbar-main.navbar .container-md .menu--purinaone-cat-main-navigation ul li a:hover::after,.header #navbar-main.navbar .container-sm .menu--purinaone-cat-main-navigation ul li a:hover::after,.header #navbar-main.navbar .container-xl .menu--purinaone-cat-main-navigation ul li a:hover::after,.header #navbar-main.navbar .container-xxl .menu--purinaone-cat-main-navigation ul li a:hover::after {
    color: #fff
}

.header #navbar-main.navbar .container-fluid .menu--purinaone-cat-main-navigation ul li:last-child a::after,.header #navbar-main.navbar .container-lg .menu--purinaone-cat-main-navigation ul li:last-child a::after,.header #navbar-main.navbar .container-md .menu--purinaone-cat-main-navigation ul li:last-child a::after,.header #navbar-main.navbar .container-sm .menu--purinaone-cat-main-navigation ul li:last-child a::after,.header #navbar-main.navbar .container-xl .menu--purinaone-cat-main-navigation ul li:last-child a::after,.header #navbar-main.navbar .container-xxl .menu--purinaone-cat-main-navigation ul li:last-child a::after {
    content: none
}

.header #navbar-main.navbar .container-fluid .mobile-toggle-btn,.header #navbar-main.navbar .container-lg .mobile-toggle-btn,.header #navbar-main.navbar .container-md .mobile-toggle-btn,.header #navbar-main.navbar .container-sm .mobile-toggle-btn,.header #navbar-main.navbar .container-xl .mobile-toggle-btn,.header #navbar-main.navbar .container-xxl .mobile-toggle-btn {
    position: absolute;
    right: 16px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.header #navbar-main.navbar .container-fluid .mobile-toggle-btn .mobile-toggle-line,.header #navbar-main.navbar .container-lg .mobile-toggle-btn .mobile-toggle-line,.header #navbar-main.navbar .container-md .mobile-toggle-btn .mobile-toggle-line,.header #navbar-main.navbar .container-sm .mobile-toggle-btn .mobile-toggle-line,.header #navbar-main.navbar .container-xl .mobile-toggle-btn .mobile-toggle-line,.header #navbar-main.navbar .container-xxl .mobile-toggle-btn .mobile-toggle-line {
    background-color: #fff
}

.header #navbar-main.navbar .container-fluid.mobile.open,.header #navbar-main.navbar .mobile.open.container-lg,.header #navbar-main.navbar .mobile.open.container-md,.header #navbar-main.navbar .mobile.open.container-sm,.header #navbar-main.navbar .mobile.open.container-xl,.header #navbar-main.navbar .mobile.open.container-xxl {
    position: absolute;
    top: -32px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 90vh;
    height: calc(90vh - 56px);
    width: calc(100vw - 75px);
    overflow: auto!important;
    padding: 1rem 2rem 3.125rem 2rem!important;
    border-radius: 8px 0 0 8px;
    background: #00828c;
    -webkit-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.header--common #navbar-main.navbar .container-fluid.mobile.open {
  top: 0;
  background: #ed1c24;
}

.header .navigation.mobile.open,
.header #navbar-main.navbar .mobile.open.container-lg .menu--purinaone-cat-main-navigation,.header #navbar-main.navbar .mobile.open.container-md .menu--purinaone-cat-main-navigation,.header #navbar-main.navbar .mobile.open.container-sm .menu--purinaone-cat-main-navigation,.header #navbar-main.navbar .mobile.open.container-xl .menu--purinaone-cat-main-navigation,.header #navbar-main.navbar .mobile.open.container-xxl .menu--purinaone-cat-main-navigation {
    display: block
}

.header #navbar-main.navbar .container-fluid.mobile.open .navbar-brand,.header #navbar-main.navbar .mobile.open.container-lg .navbar-brand,.header #navbar-main.navbar .mobile.open.container-md .navbar-brand,.header #navbar-main.navbar .mobile.open.container-sm .navbar-brand,.header #navbar-main.navbar .mobile.open.container-xl .navbar-brand,.header #navbar-main.navbar .mobile.open.container-xxl .navbar-brand {
    display: none
}

.header #navbar-main.navbar .container-fluid.mobile.open ul,.header #navbar-main.navbar .mobile.open.container-lg ul,.header #navbar-main.navbar .mobile.open.container-md ul,.header #navbar-main.navbar .mobile.open.container-sm ul,.header #navbar-main.navbar .mobile.open.container-xl ul,.header #navbar-main.navbar .mobile.open.container-xxl ul {
    position: relative;
    top: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 22px;
    margin: 0
}

.header #navbar-main.navbar .container-fluid.mobile.open ul li a,.header #navbar-main.navbar .mobile.open.container-lg ul li a,.header #navbar-main.navbar .mobile.open.container-md ul li a,.header #navbar-main.navbar .mobile.open.container-sm ul li a,.header #navbar-main.navbar .mobile.open.container-xl ul li a,.header #navbar-main.navbar .mobile.open.container-xxl ul li a {
    margin-left: 0;
    color: #fff!important;
    text-align: center
}

.header #navbar-main.navbar .container-fluid.mobile.open ul li a::after,.header #navbar-main.navbar .mobile.open.container-lg ul li a::after,.header #navbar-main.navbar .mobile.open.container-md ul li a::after,.header #navbar-main.navbar .mobile.open.container-sm ul li a::after,.header #navbar-main.navbar .mobile.open.container-xl ul li a::after,.header #navbar-main.navbar .mobile.open.container-xxl ul li a::after {
    content: none
}

.header #navbar-main.navbar .container-fluid.mobile.open .purina-mobile-nav-footer,.header #navbar-main.navbar .mobile.open.container-lg .purina-mobile-nav-footer,.header #navbar-main.navbar .mobile.open.container-md .purina-mobile-nav-footer,.header #navbar-main.navbar .mobile.open.container-sm .purina-mobile-nav-footer,.header #navbar-main.navbar .mobile.open.container-xl .purina-mobile-nav-footer,.header #navbar-main.navbar .mobile.open.container-xxl .purina-mobile-nav-footer {
    display: block;
    margin-top: 3.75rem
}

.header #navbar-main.navbar .container-fluid.mobile.open .purina-mobile-nav-footer img,.header #navbar-main.navbar .mobile.open.container-lg .purina-mobile-nav-footer img,.header #navbar-main.navbar .mobile.open.container-md .purina-mobile-nav-footer img,.header #navbar-main.navbar .mobile.open.container-sm .purina-mobile-nav-footer img,.header #navbar-main.navbar .mobile.open.container-xl .purina-mobile-nav-footer img,.header #navbar-main.navbar .mobile.open.container-xxl .purina-mobile-nav-footer img {
    width: 58px;
    height: auto;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 2.625rem;
    border-radius: 0
}

.header #navbar-main.navbar .container-fluid.mobile.open .purina-mobile-nav-footer p,.header #navbar-main.navbar .mobile.open.container-lg .purina-mobile-nav-footer p,.header #navbar-main.navbar .mobile.open.container-md .purina-mobile-nav-footer p,.header #navbar-main.navbar .mobile.open.container-sm .purina-mobile-nav-footer p,.header #navbar-main.navbar .mobile.open.container-xl .purina-mobile-nav-footer p,.header #navbar-main.navbar .mobile.open.container-xxl .purina-mobile-nav-footer p {
    font-size: .875rem;
    color: #fff
}

.header #navbar-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    -webkit-transition: height 0.6s ease-in-out, top 0.5s ease;
    -o-transition: height 0.6s ease-in-out, top 0.5s ease;
    transition: height 0.6s ease-in-out, top 0.5s ease;
    padding: 0;
}

.header #navbar-main {
    background: #00828c;
    height: 56px;
    top: 32px
}

.header--common #navbar-main {
    background: #ed1c24;
    height: 56px;
    top: 0
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: absolute!important;
}

.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

@media screen and (min-width: 75rem) {
  .header #navbar-main {
    padding: 1.125rem 0;
    height:76px;
  }
}

.mobile-toggle-btn {
    position: absolute;
    right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 24px;
    width: 24px;
    cursor: pointer;
    z-index: 999;
}

.mobile-toggle-line {
    height: 2px;
    width: 100%;
    background-color: #30261D;
    border-radius: 1px;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out;
}

.mobile-toggle-line:nth-child(1) {
    -webkit-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
}

.mobile-toggle-btn.mobile-toggle-close .mobile-toggle-line:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(0px, 0px);
    -o-transform: rotate(45deg) translate(0px, 0px);
    transform: rotate(45deg) translate(0px, 0px);
}

.mobile-toggle-btn.mobile-toggle-close .mobile-toggle-line:nth-child(2) {
    -webkit-transform: rotate(-45deg) translate(0, -6px);
    -o-transform: rotate(-45deg) translate(0, -6px);
    transform: rotate(-45deg) translate(0, -6px);
}

.mobile-toggle-btn.mobile-toggle-close .mobile-toggle-line:nth-child(3) {
    display: none;
}

@media screen and (min-width: 62rem) {
  .mobile-toggle-btn {
    right: 25px;
  }
}

@media screen and (min-width: 75rem) {
  .mobile-toggle-btn {
    display: none !important;
  }
}

@media screen and (min-width: 90rem) {
  .header #navbar-main.navbar .container-fluid .menu--purina-main-navigation ul, .header #navbar-main.navbar .container-lg .menu--purina-main-navigation ul, .header #navbar-main.navbar .container-md .menu--purina-main-navigation ul, .header #navbar-main.navbar .container-sm .menu--purina-main-navigation ul, .header #navbar-main.navbar .container-xl .menu--purina-main-navigation ul, .header #navbar-main.navbar .container-xxl .menu--purina-main-navigation ul {
    margin: 0 1.5rem;
  }
}

/*----------
   add
----------*/
.header {
  box-sizing: border-box;
}
.header * {
  font-family: Noto Sans JP,sans-serif !important;
  box-sizing: inherit;
}
main {
  padding-top: 88px;
}

.header .nav-item:last-child a:after {
  content: "" !important;
  display: none;
}

.header .nav-item a:hover {
  text-decoration: none;
}

.container-fluid--common:before {
  display: none;
}

.container--common,
.page-cats_and_dogs-breeds .page-wrapper {
  margin-top: 3.5rem !important;
}

.header--common #navbar-main.navbar .navbar-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    max-height: 54px;
    max-width: 120px;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

.header a:hover {
  opacity: 1;
}

/* PC */
@media screen and (min-width: 75rem) {
  main {
    padding-top: 108px;
  }

  .container--common,
  .page-cats_and_dogs-breeds .page-wrapper {
    margin-top: 4.75rem !important;
  }
  .header .nav {
    margin: 0 2rem;
  }
  .header #navbar-main.navbar .navbar-brand {
    max-width:237px;
    max-height: 72px
  }
  .header--common #navbar-main.navbar .navbar-brand img {
    width:150px;
    margin-right: 1.4375rem;
  }
}