@font-face {
    font-family: NandosHandAlt;
    src: url(/hc/theming_assets/01KK19AHW0EC4WW6EW2QWF1C8M) format("svg"), url(/hc/theming_assets/01JZ32868F8X4740844VD1M68H) format("woff"), url(/hc/theming_assets/01JZ3280V90YJG997Y3XN5SBMW) format("woff2")
}

@font-face {
    font-family: BarlowSemiBold;
  	font-weight: 600;
    src: url(/hc/theming_assets/01JZ3281JGRCTM2A9B2RR9BJD0) format("woff2");
}

@font-face {
    font-family: BarlowRegular;
    src: url(/hc/theming_assets/01JZ3280Y8WA4YVQ9N9YBAGZG7) format("woff2");
}

@font-face {
    font-family: icomoon;
    src: url(/hc/theming_assets/01JZ328695WASP1VE10PDANE9Y) format("woff")
}

.flex100 {
    flex: 0 0 100% !important
}

.hide {
    display: none !important
}

.max-height-0 {
    max-height: 0 !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-1 {
    opacity: 1 !important
}

.show {
    display: block !important
}

.show-inline {
    display: inline !important
}

.show-inline-block {
    display: inline-block !important
}

.show-flex {
    display: flex !important
}

.transition-none {
    transition: none !important
}

.pointer-events-none {
    pointer-events: none !important
}

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

* {
    box-sizing: border-box
}

body {
    background-color: #fff;
    color: #777;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

@media (min-width:1024px) {
    body>main {
        min-height: 65vh
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, sans-serif;
    font-weight: 400;
    margin-top: 0
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 22px
}

h3 {
    font-size: 18px;
    font-weight: 600
}

h4 {
    font-size: 16px
}

a {
    color: #00f;
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    text-decoration: underline
}

input,
textarea {
    color: #000;
    font-size: 14px
}

input {
    font-weight: 300;
    max-width: 100%;
    box-sizing: border-box;
    transition: border .12s ease-in-out
}

input:not([type=checkbox]) {
    outline: none
}

input:not([type=checkbox]):focus {
    border: 1px solid #000
}

input[disabled] {
    background-color: #ddd
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E") no-repeat #fff;
    background-position: right 10px center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 30px 8px 10px;
    outline: none;
    color: #555;
    width: 100%
}

select:focus {
    border: 1px solid #000
}

select::-ms-expand {
    display: none
}

textarea {
    border: 1px solid #ddd;
    border-radius: 2px;
    resize: vertical;
    width: 100%;
    outline: none;
    padding: 10px
}

textarea:focus {
    border: 1px solid #000
}

.container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%
}

@media (min-width:1160px) {
    .container {
        padding: 0;
        width: 90%
    }
}

.container-divider {
    border-top: 1px solid #ddd;
    margin-bottom: 20px
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.error-page {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%
}

@media (min-width:1160px) {
    .error-page {
        padding: 0;
        width: 90%
    }
}

.visibility-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.article-subscribe button,
.button,
.community-follow button,
.edit-profile-button a,
.pagination-first-link,
.pagination-last-link,
.pagination-next-link,
.pagination-prev-link,
.requests-table-toolbar .organization-subscribe button,
.section-subscribe button,
.subscriptions-subscribe button {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none
}

@media (min-width:768px) {

    .article-subscribe button,
    .button,
    .community-follow button,
    .edit-profile-button a,
    .pagination-first-link,
    .pagination-last-link,
    .pagination-next-link,
    .pagination-prev-link,
    .requests-table-toolbar .organization-subscribe button,
    .section-subscribe button,
    .subscriptions-subscribe button {
        width: auto
    }
}

.article-subscribe button.button-primary,
.article-subscribe button:active,
.article-subscribe button:focus,
.article-subscribe button:hover,
.article-subscribe button[data-selected=true],
.button-primary.pagination-first-link,
.button-primary.pagination-last-link,
.button-primary.pagination-next-link,
.button-primary.pagination-prev-link,
.button.button-primary,
.button:active,
.button:focus,
.button:hover,
.community-follow button.button-primary,
.community-follow button:active,
.community-follow button:focus,
.community-follow button:hover,
.edit-profile-button a.button-primary,
.edit-profile-button a:active,
.edit-profile-button a:focus,
.edit-profile-button a:hover,
.pagination-first-link:active,
.pagination-first-link:focus,
.pagination-first-link:hover,
.pagination-last-link:active,
.pagination-last-link:focus,
.pagination-last-link:hover,
.pagination-next-link:active,
.pagination-next-link:focus,
.pagination-next-link:hover,
.pagination-prev-link:active,
.pagination-prev-link:focus,
.pagination-prev-link:hover,
.requests-table-toolbar .organization-subscribe button.button-primary,
.requests-table-toolbar .organization-subscribe button:active,
.requests-table-toolbar .organization-subscribe button:focus,
.requests-table-toolbar .organization-subscribe button:hover,
.requests-table-toolbar .organization-subscribe button[data-selected=true],
.section-subscribe button.button-primary,
.section-subscribe button:active,
.section-subscribe button:focus,
.section-subscribe button:hover,
.section-subscribe button[data-selected=true],
.subscriptions-subscribe button.button-primary,
.subscriptions-subscribe button:active,
.subscriptions-subscribe button:focus,
.subscriptions-subscribe button:hover,
.subscriptions-subscribe button[data-selected=true] {
    background-color: #000;
    color: #fff;
    text-decoration: none
}

.article-subscribe button.button-primary:active,
.article-subscribe button.button-primary:focus,
.article-subscribe button.button-primary:hover,
.article-subscribe button[data-selected=true]:active,
.article-subscribe button[data-selected=true]:focus,
.article-subscribe button[data-selected=true]:hover,
.button-primary.pagination-first-link:active,
.button-primary.pagination-first-link:focus,
.button-primary.pagination-first-link:hover,
.button-primary.pagination-last-link:active,
.button-primary.pagination-last-link:focus,
.button-primary.pagination-last-link:hover,
.button-primary.pagination-next-link:active,
.button-primary.pagination-next-link:focus,
.button-primary.pagination-next-link:hover,
.button-primary.pagination-prev-link:active,
.button-primary.pagination-prev-link:focus,
.button-primary.pagination-prev-link:hover,
.button.button-primary:active,
.button.button-primary:focus,
.button.button-primary:hover,
.community-follow button.button-primary:active,
.community-follow button.button-primary:focus,
.community-follow button.button-primary:hover,
.edit-profile-button a.button-primary:active,
.edit-profile-button a.button-primary:focus,
.edit-profile-button a.button-primary:hover,
.requests-table-toolbar .organization-subscribe button.button-primary:active,
.requests-table-toolbar .organization-subscribe button.button-primary:focus,
.requests-table-toolbar .organization-subscribe button.button-primary:hover,
.requests-table-toolbar .organization-subscribe button[data-selected=true]:active,
.requests-table-toolbar .organization-subscribe button[data-selected=true]:focus,
.requests-table-toolbar .organization-subscribe button[data-selected=true]:hover,
.section-subscribe button.button-primary:active,
.section-subscribe button.button-primary:focus,
.section-subscribe button.button-primary:hover,
.section-subscribe button[data-selected=true]:active,
.section-subscribe button[data-selected=true]:focus,
.section-subscribe button[data-selected=true]:hover,
.subscriptions-subscribe button.button-primary:active,
.subscriptions-subscribe button.button-primary:focus,
.subscriptions-subscribe button.button-primary:hover,
.subscriptions-subscribe button[data-selected=true]:active,
.subscriptions-subscribe button[data-selected=true]:focus,
.subscriptions-subscribe button[data-selected=true]:hover {
    background-color: #000;
    border-color: #000
}

.article-subscribe button[data-disabled],
.button[data-disabled],
.community-follow button[data-disabled],
.edit-profile-button a[data-disabled],
.pagination-first-link[data-disabled],
.pagination-last-link[data-disabled],
.pagination-next-link[data-disabled],
.pagination-prev-link[data-disabled],
.requests-table-toolbar .organization-subscribe button[data-disabled],
.section-subscribe button[data-disabled],
.subscriptions-subscribe button[data-disabled] {
    cursor: default
}

.button-large,
input[type=submit] {
    cursor: pointer;
    background-color: #000;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.72;
    min-width: 190px;
    padding: 0 1.9286em;
    width: 100%
}

@media (min-width:768px) {

    .button-large,
    input[type=submit] {
        width: auto
    }
}

.button-large:active,
.button-large:focus,
.button-large:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover {
    background-color: #000
}

.button-large[disabled],
input[type=submit][disabled] {
    background-color: #ddd
}

.button-secondary {
    color: #aaa;
    border: 1px solid #ddd;
    background-color: transparent
}

.button-secondary:active,
.button-secondary:focus,
.button-secondary:hover {
    color: #777;
    border: 1px solid #ddd;
    background-color: #f7f7f7
}

.table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0
}

@media (min-width:768px) {
    .table {
        table-layout: auto
    }
}

.table th,
.table th a {
    color: #aaa;
    font-size: 13px;
    font-weight: 300;
    text-align: left
}

[dir=rtl] .table th,
[dir=rtl] .table th a {
    text-align: right
}

.table tr {
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 20px 0
}

@media (min-width:768px) {
    .table tr {
        display: table-row
    }
}

.table td {
    display: block
}

@media (min-width:768px) {
    .table td {
        display: table-cell
    }
}

@media (min-width:1024px) {

    .table td,
    .table th {
        padding: 20px 30px
    }
}

@media (min-width:768px) {

    .table td,
    .table th {
        padding: 10px 20px;
        height: 60px
    }
}

.form {
    max-width: 650px
}

.form-field~.form-field {
    margin-top: 25px
}

.form-field label {
    display: block;
    font-size: 13px;
    margin-bottom: 5px
}

.form-field input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    width: 100%
}

.form-field input:focus {
    border: 1px solid #000
}

.form-field input[type=text] {
    border: 1px solid #ddd;
    border-radius: 4px
}

.form-field input[type=text]:focus {
    border: 1px solid #000
}

.form-field input[type=checkbox] {
    width: auto
}

.form-field .nesty-input {
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    outline: none;
    vertical-align: middle
}

.form-field .hc-multiselect-toggle:focus,
.form-field .nesty-input:focus {
    border: 1px solid #000;
    text-decoration: none
}

.form-field .hc-multiselect-toggle:focus {
    outline: none
}

.form-field textarea {
    vertical-align: middle
}

.form-field input[type=checkbox]+label {
    margin: 0 0 0 10px
}

.form-field .optional {
    color: #aaa;
    margin-left: 4px
}

.form-field p {
    color: #aaa;
    font-size: 12px;
    margin: 5px 0
}

.form footer {
    margin-top: 40px;
    padding-top: 30px
}

.form footer a {
    color: #aaa;
    cursor: pointer;
    margin-right: 15px
}

.form .suggestion-list {
    font-size: 13px;
    margin-top: 30px
}

.form .suggestion-list label {
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 5px
}

.form .suggestion-list li {
    padding: 10px 0
}

.form .suggestion-list li a:visited {
    color: #009
}

.header {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    align-items: center;
    display: flex;
    height: 71px;
    justify-content: space-between
}

@media (min-width:1160px) {
    .header {
        padding: 0;
        width: 90%
    }
}

.logo img {
    max-height: 37px
}

.user-nav {
    display: inline-block;
    position: absolute;
    white-space: nowrap
}

@media (min-width:768px) {
    .user-nav {
        position: relative
    }
}

.user-nav[aria-expanded=true] {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .15), 0 4px 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ddd;
    right: 0;
    left: 0;
    top: 71px;
    z-index: 1
}

.user-nav[aria-expanded=true]>a {
    display: block;
    margin: 20px
}

.nav-wrapper a {
    border: 0;
    color: #00f;
    display: none;
    font-size: 14px;
    padding: 0 20px 0 0;
    width: auto
}

@media (min-width:768px) {
    .nav-wrapper a {
        display: inline-block
    }
}

[dir=rtl] .nav-wrapper a {
    padding: 0 0 0 20px
}

.nav-wrapper a:active,
.nav-wrapper a:focus,
.nav-wrapper a:hover {
    background-color: transparent;
    color: #00f;
    text-decoration: underline
}

.nav-wrapper a.sign-in {
    display: inline-block
}

@media (max-width:768px) {
    .nav-wrapper .hide-on-mobile {
        border: 0;
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        white-space: nowrap
    }
}

.nav-wrapper .menu-button {
    background: none;
    border: 0;
    color: #00f;
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    width: auto
}

@media (min-width:768px) {
    .nav-wrapper .menu-button {
        display: none
    }
}

.nav-wrapper .menu-button .icon-menu {
    vertical-align: middle;
    width: 13px;
    height: 13px
}

[dir=rtl] .nav-wrapper .menu-button {
    margin-left: 10px;
    margin-right: 0
}

.nav-wrapper .menu-button:active,
.nav-wrapper .menu-button:focus,
.nav-wrapper .menu-button:hover {
    background-color: transparent;
    color: #00f
}

.skip-navigation {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: center;
    left: -999px;
    margin: 20px;
    padding: 20px;
    overflow: hidden;
    position: absolute;
    top: auto;
    z-index: -999
}

[dir=rtl] .skip-navigation {
    left: auto;
    right: -999px
}

.skip-navigation:active,
.skip-navigation:focus {
    left: auto;
    overflow: auto;
    text-align: center;
    text-decoration: none;
    top: auto;
    z-index: 999
}

[dir=rtl] .skip-navigation:active,
[dir=rtl] .skip-navigation:focus {
    left: auto;
    right: auto
}

.user-info {
    display: inline-block
}

.user-info .dropdown-toggle:after {
    display: none
}

@media (min-width:768px) {
    .user-info .dropdown-toggle:after {
        display: inline-block
    }
}

.user-info>button {
    border: 0;
    color: #00f;
    min-width: 0;
    padding: 0;
    white-space: nowrap
}

.user-info>button:focus,
.user-info>button:hover {
    color: #00f;
    background-color: transparent
}

.user-info>button:after {
    color: #00f;
    padding-right: 15px
}

[dir=rtl] .user-info>button:after {
    padding-left: 15px;
    padding-right: 0
}

#user #user-name {
    display: none;
    font-size: 14px
}

@media (min-width:768px) {
    #user #user-name {
        display: inline-block
    }
}

#user #user-name:hover {
    text-decoration: underline
}

.user-avatar {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle
}

.avatar {
    display: inline-block;
    position: relative
}

.avatar img {
    height: 40px;
    width: 40px
}

.avatar .icon-agent {
    color: #000;
    border: 2px solid #fff;
    border-radius: 50%;
    bottom: -4px;
    background-color: #fff;
    font-size: 17px;
    height: 17px;
    line-height: 17px;
    position: absolute;
    right: -2px;
    text-align: center;
    width: 17px
}

.footer {
    border-top: 1px solid #ddd;
}

.footer a {
    color: #aaa
}

.footer-inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 5%;
    display: flex;
    justify-content: space-between
}

@media (min-width:1160px) {
    .footer-inner {
        padding: 0;
        width: 90%
    }
}

.footer-language-selector {
    color: #aaa;
    display: inline-block;
    font-weight: 300
}

.breadcrumbs {
    margin: 0 0 15px;
    padding: 0
}

@media (min-width:768px) {
    .breadcrumbs {
        margin: 0
    }
}

.breadcrumbs li {
    color: #aaa;
    display: inline;
    font-weight: 300;
    font-size: 13px;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis
}

.breadcrumbs li+li:before {
    content: ">";
    margin: 0 4px
}

.breadcrumbs li a:visited {
    color: #00f
}

.search {
    position: relative
}

.search input[type=search] {
    border: 1px solid #ddd;
    border-radius: 30px;
    box-sizing: border-box;
    color: #666;
    height: 40px;
    padding-left: 40px;
    padding-right: 20px;
    -webkit-appearance: none;
    width: 100%
}

[dir=rtl] .search input[type=search] {
    padding-right: 40px;
    padding-left: 20px
}

.search input[type=search]:focus {
    border: 1px solid #000;
    color: #555
}

.search-full input[type=search] {
    border: 1px solid #fff
}

.search-icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: 15px;
    z-index: 1;
    width: 18px;
    height: 18px;
    color: #777
}

[dir=rtl] .search-icon {
    right: 15px;
    left: auto
}

.search-container {
    position: relative
}

.hero {
    background-image: url(/hc/theming_assets/01JZ3288GTQCYA951NKEWC52CR);
    background-position: 50%;
    background-size: cover;
    height: 300px;
    padding: 0 20px;
    text-align: center;
    width: 100%
}

.hero-inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 610px;
    margin: 0 auto
}

.page-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0
}

@media (min-width:768px) {
    .page-header {
        align-items: baseline;
        flex-direction: row;
        margin: 0
    }
}

.page-header .section-subscribe {
    flex-shrink: 0;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .page-header .section-subscribe {
        margin-bottom: 0
    }
}

.page-header h1 {
    flex-grow: 1;
    margin-bottom: 10px
}

.page-header-description {
    font-style: italic;
    font-weight: 300;
    margin: 0 0 30px;
    word-break: break-word
}

@media (min-width:1024px) {
    .page-header-description {
        flex-basis: 100%
    }
}

.page-header .icon-lock {
    height: 20px;
    width: 20px;
    position: relative;
    left: -5px;
    vertical-align: baseline
}

.sub-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 30px;
    min-height: 50px;
    padding-bottom: 15px
}

@media (min-width:768px) {
    .sub-nav {
        align-items: baseline;
        flex-direction: row
    }
}

@media (min-width:768px) {
    .sub-nav input[type=search] {
        min-width: 300px
    }
}

.sub-nav input[type=search]:after {
    font-size: 15px
}

.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0
}

@media (min-width:768px) {
    .blocks-list {
        margin: 0 -15px
    }
}

.blocks-item {
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex: 1 0 340px;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: center
}

@media (min-width:768px) {
    .blocks-item {
        margin: 0 15px 30px
    }
}

.blocks-item:active,
.blocks-item:focus,
.blocks-item:hover {
    background-color: #000
}

.blocks-item:active *,
.blocks-item:focus *,
.blocks-item:hover * {
    color: #fff;
    text-decoration: none
}

.blocks-item-internal {
    background-color: transparent;
    border: 1px solid #ddd
}

.blocks-item-internal .icon-lock {
    height: 15px;
    width: 15px;
    bottom: 5px;
    position: relative
}

.blocks-item-internal a {
    color: #777
}

.blocks-item-link {
    color: #000;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    border-radius: inherit
}

.blocks-item-link:active,
.blocks-item-link:hover {
    text-decoration: none
}

.blocks-item-link:focus {
    outline: 0;
    box-shadow: 0 0 0 3px #000;
    text-decoration: none
}

.blocks-item-title {
    margin-bottom: 0;
    font-size: 16px
}

.blocks-item-description {
    font-weight: 300;
    margin: 0
}

.blocks-item-description:not(:empty) {
    margin-top: 10px
}

.section {
    margin-bottom: 40px
}

@media (min-width:768px) {
    .section {
        margin-bottom: 60px
    }
}

.home-section h2 {
    margin-bottom: 10px;
    text-align: center
}

.promoted-articles {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

@media (min-width:1024px) {
    .promoted-articles {
        flex-direction: row
    }
}

.promoted-articles-item {
    flex: 1 0 auto
}

@media (min-width:1024px) {
    .promoted-articles-item {
        align-self: flex-end;
        flex: 0 0 auto;
        padding-right: 30px;
        width: 33%
    }

    [dir=rtl] .promoted-articles-item {
        padding: 0 0 0 30px
    }
}

.promoted-articles-item:nth-child(3n) {
    padding-right: 0
}

.promoted-articles-item a {
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
    color: #777
}

.promoted-articles-item .icon-lock {
    vertical-align: baseline
}

.promoted-articles-item:last-child a {
    border: 0
}

@media (min-width:1024px) {
    .promoted-articles-item:last-child a {
        border-bottom: 1px solid #ddd
    }
}

.community {
    text-align: center
}

.community-image {
    min-height: 300px;
    background-image: url(/hc/theming_assets/01KK19AKXY91VZBPS7PRMGA2NK);
    background-position: 50%;
    background-repeat: no-repeat;
    max-width: 100%
}

.activity,
.community {
    border-top: 1px solid #ddd;
    padding: 30px 0
}

.recent-activity-header {
    margin-bottom: 10px;
    text-align: center
}

.recent-activity-list {
    padding: 0
}

.recent-activity-item {
    border-bottom: 1px solid #ddd;
    overflow: auto;
    padding: 20px 0
}

.recent-activity-item-parent {
    font-size: 16px
}

.recent-activity-item-link,
.recent-activity-item-parent {
    margin: 6px 0;
    color: #777;
    display: inline-block;
    width: 100%
}

@media (min-width:768px) {

    .recent-activity-item-link,
    .recent-activity-item-parent {
        width: 70%;
        margin: 0
    }
}

.recent-activity-item-link {
    font-size: 14px;
    font-weight: 300
}

.recent-activity-item-meta {
    margin: 15px 0 0;
    float: none
}

@media (min-width:768px) {
    .recent-activity-item-meta {
        margin: 0;
        float: right
    }

    [dir=rtl] .recent-activity-item-meta {
        float: left
    }
}

.recent-activity-item-comment,
.recent-activity-item-time {
    color: #aaa;
    display: inline-block;
    font-size: 13px;
    font-weight: 300
}

.recent-activity-item-comment {
    padding-left: 5px
}

[dir=rtl] .recent-activity-item-comment {
    padding: 0 5px 0 0
}

.recent-activity-item-comment:before {
    display: inline-block
}

.recent-activity-controls {
    padding-top: 15px
}

.recent-activity-accessibility-label {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.recent-activity-comment-icon svg {
    vertical-align: middle;
    color: #000;
    width: 16px;
    height: 16px
}

.recent-activity-comment-icon:after {
    content: attr(data-comment-count);
    margin-left: 3px
}

[dir=rtl] .recent-activity-comment-icon:after {
    margin-left: 0;
    margin-right: 3px
}

.category-container {
    display: flex;
    justify-content: flex-end
}

.category-content {
    flex: 1
}

@media (min-width:1024px) {
    .category-content {
        flex: 0 0 80%
    }
}

.section-tree {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:768px) {
    .section-tree {
        flex-direction: row
    }
}

.section-tree .section {
    flex: initial
}

@media (min-width:768px) {
    .section-tree .section {
        flex: 0 0 45%
    }
}

.section-tree-title {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600
}

.section-tree-title a {
    color: #777
}

.section-tree .see-all-articles {
    display: block;
    padding: 15px 0
}

.article-list-item {
    font-size: 16px;
    padding: 15px 0
}

.article-list-item a {
    color: #777
}

.icon-star {
    color: #000;
    font-size: 18px
}

.section-container {
    display: flex;
    justify-content: flex-end
}

.section-content {
    flex: 1
}

@media (min-width:1024px) {
    .section-content {
        flex: 0 0 80%
    }
}

.section-list {
    margin: 40px 0
}

.section-list--collapsed .section-list-item:nth-child(1n+6) {
    display: none
}

.section-list-item {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 0
}

.section-list-item:first-child {
    border-top: 1px solid #ddd
}

.section-list-item a {
    align-items: center;
    color: #777;
    display: flex;
    justify-content: space-between
}

.see-all-sections-trigger {
    cursor: pointer;
    display: block;
    padding: 15px;
    text-align: center
}

.see-all-sections-trigger[aria-hidden=true] {
    display: none
}

.article {
    flex: 1 0 auto
}

@media (min-width:1024px) {
    .article {
        flex: 1 0 66%;
        max-width: 66%;
        min-width: 640px;
        padding: 0 30px
    }
}

.article-container {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .article-container {
        flex-direction: row
    }
}

.article-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 20px
}

@media (min-width:768px) {
    .article-header {
        flex-direction: row;
        margin-top: 0
    }
}

.article-avatar {
    margin-right: 10px
}

.article-author {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .article-title {
        flex-basis: 100%
    }
}

.article-title .icon-lock {
    position: relative;
    left: -5px;
    vertical-align: baseline
}

.article [role=button] {
    flex-shrink: 0;
    width: 100%
}

@media (min-width:768px) {
    .article [role=button] {
        width: auto
    }
}

.article-info {
    max-width: 100%
}

.article-meta {
    display: inline-block;
    vertical-align: middle
}

.article-body img {
    height: auto;
    max-width: 100%
}

.article-body ol,
.article-body ul {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px
}

[dir=rtl] .article-body ol,
[dir=rtl] .article-body ul {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px
}

.article-body li>ol,
.article-body li>ul,
.article-body ol>ol,
.article-body ol>ul,
.article-body ul>ol,
.article-body ul>ul {
    margin: 0
}

.article-body ul {
    list-style-type: disc
}

.article-body a:visited {
    color: #009
}

.article-body code {
    padding: 0 5px;
    margin: 0 2px
}

.article-body code,
.article-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px
}

.article-body pre {
    padding: 10px 15px;
    overflow: auto;
    white-space: pre
}

.article-body blockquote {
    border-left: 1px solid #ddd;
    color: #aaa;
    font-style: italic;
    padding: 0 15px
}

.article-body>p:last-child {
    margin-bottom: 0
}

.article-content {
    line-height: 1.6;
    margin: 40px 0;
    word-wrap: break-word
}

.article-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.article-comment-count {
    color: #aaa;
    font-weight: 300
}

.article-comment-count:hover {
    text-decoration: none
}

.article-comment-count-icon {
    vertical-align: middle;
    color: #000;
    width: 18px;
    height: 18px
}

.article-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0
}

@media (min-width:1024px) {
    .article-sidebar {
        border: 0;
        flex: 0 0 17%;
        height: auto
    }
}

.article-relatives {
    border-top: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    padding: 20px 0
}

@media (min-width:768px) {
    .article-relatives {
        flex-direction: row
    }
}

.article-relatives>* {
    flex: 1 0 50%;
    min-width: 50%;
    overflow-wrap: break-word;
    margin-right: 0
}

.article-relatives>:last-child {
    padding: 0
}

@media (min-width:768px) {
    .article-relatives>* {
        padding-right: 20px
    }
}

.article-votes {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    text-align: center
}

.article-vote {
    margin: 10px 5px;
    min-width: 90px;
    width: auto
}

.article-more-questions {
    margin: 10px 0 20px;
    text-align: center
}

.article-return-to-top {
    border-top: 1px solid #ddd
}

@media (min-width:1024px) {
    .article-return-to-top {
        display: none
    }
}

.article-return-to-top a {
    color: #777;
    display: block;
    padding: 20px 0
}

.article-return-to-top a:focus,
.article-return-to-top a:hover {
    text-decoration: none
}

.article-return-to-top-icon {
    transform: rotate(.5turn)
}

.sidenav-title {
    font-size: 15px;
    position: relative;
    font-weight: 600
}

.sidenav-item {
    border-radius: 4px;
    color: #777;
    display: block;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px
}

.sidenav-item.current-article,
.sidenav-item:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none
}

.recent-articles li,
.related-articles li {
    margin-bottom: 15px
}

.attachments .attachment-item {
    padding-left: 20px;
    position: relative;
    margin-bottom: 10px
}

.attachments .attachment-item:last-child {
    margin-bottom: 0
}

.attachments .attachment-item .attachment-icon {
    color: #777;
    left: 0;
    position: absolute;
    top: 5px
}

[dir=rtl] .attachments .attachment-item {
    padding-left: 0;
    padding-right: 20px
}

[dir=rtl] .attachments .attachment-item .attachment-icon {
    left: auto;
    right: 0
}

.upload-dropzone span {
    color: #aaa
}

.share {
    padding: 0;
    white-space: nowrap
}

.share a,
.share li {
    display: inline-block
}

.share li {
    height: 25px;
    width: 25px
}

.share a {
    color: #aaa
}

.share a:hover {
    text-decoration: none;
    color: #000
}

.share a svg {
    height: 18px;
    width: 18px;
    display: block
}

.comment {
    border-bottom: 1px solid #ddd;
    padding: 20px 0
}

.comment-heading,
.recent-articles-title,
.related-articles-title {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 18px;
    font-weight: 600
}

.comment-overview {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0
}

.comment-overview p {
    margin-top: 0
}

.comment-callout {
    color: #aaa;
    display: inline-block;
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 0
}

.comment-callout a {
    color: #000
}

.comment-sorter {
    display: inline-block;
    float: right
}

.comment-sorter .dropdown-toggle {
    color: #aaa;
    font-weight: 300;
    font-size: 13px
}

[dir=rtl] .comment-sorter {
    float: left
}

.comment-wrapper {
    display: flex;
    position: relative
}

.comment-wrapper.comment-official {
    border: 1px solid #000;
    padding: 40px 20px 20px
}

@media (min-width:768px) {
    .comment-wrapper.comment-official {
        padding-top: 20px
    }
}

.comment-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%
}

[dir=rtl] .comment-info {
    padding-right: 0;
    padding-left: 20px
}

.comment-author {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .comment-author {
        justify-content: space-between
    }
}

.comment-avatar {
    margin-right: 10px
}

[dir=rtl] .comment-avatar {
    margin-left: 10px;
    margin-right: 0
}

.comment-meta {
    flex: 1 0 auto
}

.comment-labels {
    flex-basis: 100%
}

@media (min-width:768px) {
    .comment-labels {
        flex-basis: auto
    }
}

.comment .status-label:not(.status-label-official) {
    margin-top: 10px
}

@media (min-width:768px) {
    .comment .status-label:not(.status-label-official) {
        margin-top: 0
    }
}

.comment-form {
    display: flex;
    padding-top: 30px;
    word-wrap: break-word
}

.comment-container {
    width: 100%
}

.comment-form-controls {
    display: none;
    margin-top: 10px;
    text-align: left
}

@media (min-width:768px) {
    [dir=ltr] .comment-form-controls {
        text-align: right
    }
}

.comment-form-controls input[type=submit] {
    margin-top: 15px
}

@media (min-width:1024px) {
    .comment-form-controls input[type=submit] {
        margin-left: 15px
    }

    [dir=rtl] .comment-form-controls input[type=submit] {
        margin-left: 0;
        margin-right: 15px
    }
}

.comment-form-controls input[type=checkbox] {
    margin-right: 5px
}

.comment-form-controls input[type=checkbox] [dir=rtl] {
    margin-left: 5px
}

.comment-ccs {
    display: none
}

.comment-attachments,
.comment-ccs+textarea {
    margin-top: 10px
}

.comment-attachments a {
    color: #000
}

.comment-body {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    overflow-x: auto
}

.comment-body img {
    height: auto;
    max-width: 100%
}

.comment-body ol,
.comment-body ul {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px
}

[dir=rtl] .comment-body ol,
[dir=rtl] .comment-body ul {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px
}

.comment-body li>ol,
.comment-body li>ul,
.comment-body ol>ol,
.comment-body ol>ul,
.comment-body ul>ol,
.comment-body ul>ul {
    margin: 0
}

.comment-body ul {
    list-style-type: disc
}

.comment-body a:visited {
    color: #009
}

.comment-body code {
    padding: 0 5px;
    margin: 0 2px
}

.comment-body code,
.comment-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px
}

.comment-body pre {
    padding: 10px 15px;
    overflow: auto;
    white-space: pre
}

.comment-body blockquote {
    border-left: 1px solid #ddd;
    color: #aaa;
    font-style: italic;
    padding: 0 15px
}

.comment-mark-as-solved {
    display: inline-block
}

.vote {
    display: flex;
    flex-direction: column;
    text-align: center
}

.vote a:active,
.vote a:focus,
.vote a:hover {
    text-decoration: none
}

.vote-sum {
    color: #aaa;
    display: block;
    margin: 3px 0
}

[dir=rtl] .vote-sum {
    direction: ltr;
    unicode-bidi: bidi-override
}

.vote-up svg {
    transform: scaleY(-1)
}

.vote-down:hover,
.vote-up:hover {
    color: #000
}

.vote-down,
.vote-up {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #aaa;
    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vote-voted,
.vote-voted:hover {
    color: #000
}

.actions {
    text-align: center;
    flex-shrink: 0
}

.actions button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    min-height: 35px;
    min-width: 35px;
    display: flex;
    align-items: center;
    justify-content: center
}

.community-hero {
    background-image: url(/hc/theming_assets/01JZ328939D4SKJX3Y0J8RXY6N);
    margin-bottom: 10px
}

.community-footer {
    padding-top: 50px;
    text-align: center
}

.community-footer-title {
    font-size: 16px;
    margin-bottom: 20px
}

.community-featured-posts .title {
    font-size: 18px;
    font-weight: 600
}

.community-activity,
.community-featured-posts {
    padding-top: 40px;
    width: 100%
}

.community-header {
    margin-bottom: 30px
}

.community-header .title {
    margin-bottom: 0;
    font-size: 16px
}

.post-to-community {
    margin-top: 10px
}

@media (min-width:768px) {
    .post-to-community {
        margin: 0
    }
}

.topics {
    max-width: none;
    width: 100%
}

.topics-item .meta-group {
    justify-content: center;
    margin-top: 20px
}

.topic-header {
    border-bottom: 1px solid #ddd;
    font-size: 13px
}

@media (min-width:768px) {
    .topic-header {
        padding-bottom: 10px
    }
}

.topic-header .dropdown {
    display: block;
    border-top: 1px solid #ddd;
    padding: 10px 0
}

@media (min-width:768px) {
    .topic-header .dropdown {
        border-top: 0;
        display: inline-block;
        margin-right: 20px;
        padding: 0
    }
}

.no-posts-with-filter {
    margin-top: 20px;
    margin-bottom: 20px
}

.community-follow {
    margin-bottom: 10px;
    width: 100%
}

@media (min-width:768px) {
    .community-follow {
        margin-bottom: 0;
        width: auto
    }
}

.community-follow button {
    line-height: 30px;
    padding: 0 10px 0 15px;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .community-follow button {
        width: auto
    }
}

.community-follow button:hover {
    background-color: #000
}

.community-follow button:focus:after,
.community-follow button:hover:after {
    border-color: #fff;
    color: #fff
}

.community-follow button[data-selected=true] {
    background-color: #000;
    color: #fff
}

.community-follow button[data-selected=true]:after {
    border-left: 1px solid #fff;
    color: #fff
}

.community-follow button[data-selected=true]:hover {
    background-color: #000;
    border-color: #000
}

.community-follow button:after {
    border-left: 1px solid #000;
    content: attr(data-follower-count);
    color: #000;
    display: inline-block;
    font-family: Arial, sans-serif;
    margin-left: 15px;
    padding-left: 10px;
    position: absolute;
    right: 10px
}

@media (min-width:768px) {
    .community-follow button:after {
        position: static
    }
}

[dir=rtl] .community-follow button:after {
    border-left: 0;
    border-right: 1px solid #000;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0
}

.striped-list {
    padding: 0
}

.striped-list-item {
    align-items: flex-start;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 0
}

@media (min-width:768px) {
    .striped-list-item {
        align-items: center;
        flex-direction: row
    }
}

.striped-list-info {
    flex: 2
}

.striped-list-title {
    color: #00f;
    margin-bottom: 10px;
    margin-right: 5px
}

.striped-list-title:active,
.striped-list-title:focus,
.striped-list-title:hover {
    text-decoration: underline
}

.striped-list-title:visited {
    color: #009
}

.striped-list .meta-group {
    margin: 5px 0
}

.striped-list-count {
    color: #aaa;
    font-weight: 300;
    font-size: 13px;
    justify-content: flex-start;
    text-transform: capitalize
}

@media (min-width:768px) {
    .striped-list-count {
        display: flex;
        flex: 1;
        justify-content: space-around
    }
}

.striped-list-count-item:after {
    content: "\B7";
    display: inline-block;
    padding: 0 5px
}

@media (min-width:768px) {
    .striped-list-count-item:after {
        display: none
    }
}

.striped-list-count-item:last-child:after {
    display: none
}

.striped-list-number {
    font-weight: 300;
    text-align: center
}

@media (min-width:768px) {
    .striped-list-number {
        color: #777;
        display: block;
        font-weight: 400
    }
}

.status-label {
    background-color: #038153;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-right: 2px;
    padding: 3px 10px;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block
}

.status-label:active,
.status-label:focus,
.status-label:hover {
    text-decoration: none
}

.status-label-featured,
.status-label-official,
.status-label-pinned {
    background-color: #000
}

.status-label-official {
    border-radius: 0;
    margin-right: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%
}

@media (min-width:768px) {
    .status-label-official {
        border-radius: 0 0 4px 4px;
        right: 30px;
        width: auto
    }
}

[dir=rtl] .status-label-official {
    left: 30px;
    right: auto
}

.status-label-closed,
.status-label-not-planned {
    background-color: #e9ebed;
    color: #aaa
}

.status-label-pending,
.status-label-pending-moderation {
    background-color: #1f73b7;
    text-align: center
}

.status-label-open {
    background-color: #c72a1c
}

.status-label-solved {
    background-color: #68737d
}

.status-label-new {
    background-color: #ffb648;
    color: #703b15
}

.status-label-hold {
    background-color: #000
}

.status-label-closed,
.status-label-hold,
.status-label-new,
.status-label-open,
.status-label-pending,
.status-label-solved {
    text-transform: lowercase
}

.post {
    flex: 1;
    margin-bottom: 10px
}

@media (min-width:1024px) {
    .post {
        flex: 1 0 70%;
        max-width: 70%
    }
}

.post-container {
    display: flex;
    flex-direction: column
}

@media (min-width:1024px) {
    .post-container {
        flex-direction: row
    }
}

.post-header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .post-header {
        align-items: baseline;
        flex-direction: row
    }
}

.post-header .status-label {
    vertical-align: super
}

.post-title {
    margin-bottom: 20px;
    width: 100%
}

@media (min-width:768px) {
    .post-title {
        margin-bottom: 0;
        padding-right: 10px
    }
}

.post-title h1 {
    display: inline;
    vertical-align: middle
}

@media (min-width:768px) {
    .post-title h1 {
        margin-right: 5px
    }
}

.post-author {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

.post-avatar {
    margin-bottom: 30px
}

.post-content {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    word-break: break-word
}

.post-info-container {
    display: flex;
    margin-bottom: 40px
}

.post-info {
    min-width: 0;
    padding-right: 20px;
    width: 100%
}

[dir=rtl] .post-info {
    padding-right: 0;
    padding-left: 20px
}

.post-meta {
    display: inline-block;
    flex: 1;
    margin-left: 10px;
    vertical-align: middle
}

[dir=rtl] .post-meta {
    margin-left: 0;
    margin-right: 10px
}

.post-body img {
    height: auto;
    max-width: 100%
}

.post-body ol,
.post-body ul {
    padding-left: 20px;
    list-style-position: outside;
    margin: 20px 0 20px 20px
}

[dir=rtl] .post-body ol,
[dir=rtl] .post-body ul {
    padding-right: 20px;
    padding-left: 0;
    margin-left: 0;
    margin-right: 20px
}

.post-body li>ol,
.post-body li>ul,
.post-body ol>ol,
.post-body ol>ul,
.post-body ul>ol,
.post-body ul>ul {
    margin: 0
}

.post-body ul {
    list-style-type: disc
}

.post-body a:visited {
    color: #009
}

.post-body code {
    padding: 0 5px;
    margin: 0 2px
}

.post-body code,
.post-body pre {
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-radius: 3px
}

.post-body pre {
    padding: 10px 15px;
    overflow: auto;
    white-space: pre
}

.post-body blockquote {
    border-left: 1px solid #ddd;
    color: #aaa;
    font-style: italic;
    padding: 0 15px
}

.post-footer {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px
}

.post-comment-count {
    color: #aaa;
    font-weight: 300
}

.post-comment-count:hover {
    text-decoration: none
}

.post-comment-count .icon-comments {
    color: #000;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 5px;
    vertical-align: middle
}

.post-sidebar {
    border-top: 1px solid #ddd;
    flex: 1;
    padding: 30px 0;
    text-align: center
}

@media (min-width:1024px) {
    .post-sidebar {
        border: 0;
        flex: 1 0 30%;
        padding: 0 0 0 50px;
        text-align: initial
    }

    [dir=rtl] .post-sidebar {
        padding: 0 50px 0 0
    }
}

.post-sidebar-title {
    font-size: 18px;
    font-weight: 600
}

.post-comments {
    margin-bottom: 20px
}

@media (min-width:1024px) {
    .post-comments {
        margin-bottom: 0
    }
}

.collapsible-nav {
    flex-direction: column;
    font-size: 14px;
    position: relative
}

@media (min-width:768px) {
    .collapsible-nav {
        flex-direction: row
    }
}

.collapsible-nav-border {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd
}

@media (min-width:768px) {
    .collapsible-nav-border {
        border-top: 0
    }
}

.collapsible-nav-toggle {
    top: 22.5px;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    padding: 0;
    border: 0;
    background: none;
    width: 25px;
    height: 25px;
    border-radius: 50%
}

@media (min-width:768px) {
    .collapsible-nav-toggle {
        display: none
    }
}

[dir=rtl] .collapsible-nav-toggle {
    left: 0;
    right: auto
}

.collapsible-nav-toggle-icon {
    display: none
}

.collapsible-nav-toggle[aria-expanded=false] .chevron-icon,
.collapsible-nav-toggle[aria-expanded=true] .x-icon {
    display: inline-block
}

.collapsible-nav-toggle:focus {
    outline: none;
    border: 1px solid #000
}

.collapsible-nav-list {
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .collapsible-nav-list {
        flex-direction: row
    }
}

.collapsible-nav-list li {
    color: #777;
    line-height: 45px;
    order: 1
}

@media (min-width:768px) {
    .collapsible-nav-list li {
        line-height: normal;
        margin-right: 30px
    }

    [dir=rtl] .collapsible-nav-list li {
        margin-left: 30px;
        margin-right: 0
    }

    .collapsible-nav-list li a {
        text-decoration: none;
        padding: 15px 0
    }
}

.collapsible-nav-list li a {
    color: #777;
    display: block
}

@media (min-width:768px) {
    .collapsible-nav-list li:hover {
        border-bottom: 4px solid #ddd
    }

    .collapsible-nav-list li:hover a:not([aria-current=page]) {
        padding: 15px 0 11px;
        text-decoration: none
    }
}

.collapsible-nav-list li:not(.current),
.collapsible-nav-list li:not([aria-selected=true]) {
    display: none
}

@media (min-width:768px) {

    .collapsible-nav-list li:not(.current),
    .collapsible-nav-list li:not([aria-selected=true]) {
        display: block
    }
}

@media (min-width:768px) {
    .collapsible-nav-list li[aria-selected=true] {
        padding: 15px 0 11px
    }
}

.collapsible-nav-list li.current,
.collapsible-nav-list li[aria-selected=true] {
    order: 0;
    position: relative
}

@media (min-width:768px) {

    .collapsible-nav-list li.current,
    .collapsible-nav-list li[aria-selected=true] {
        border-bottom: 4px solid #000;
        order: 1
    }
}

.collapsible-nav-list li.current a,
.collapsible-nav-list li[aria-selected=true] a {
    color: #777
}

.collapsible-nav[aria-expanded=true] li:not(.current),
.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]) {
    display: block
}

.collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative
}

@media (min-width:1024px) {
    .collapsible-sidebar {
        max-height: none;
        padding: 0
    }
}

.collapsible-sidebar-title {
    margin-top: 0
}

.collapsible-sidebar-toggle {
    position: absolute;
    top: 22.5px;
    transform: translateY(-50%);
    right: 0;
    padding: 0;
    border: 0;
    background: none;
    width: 25px;
    height: 25px;
    border-radius: 50%
}

@media (min-width:1024px) {
    .collapsible-sidebar-toggle {
        display: none
    }
}

[dir=rtl] .collapsible-sidebar-toggle {
    left: 0;
    right: auto
}

.collapsible-sidebar-toggle-icon {
    display: none
}

.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon,
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
    display: inline-block
}

.collapsible-sidebar-toggle:focus {
    outline: none;
    border: 1px solid #000
}

.collapsible-sidebar-body {
    display: none
}

@media (min-width:1024px) {
    .collapsible-sidebar-body {
        display: block
    }
}

.collapsible-sidebar[aria-expanded=true] {
    max-height: none
}

.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body {
    display: block
}

.my-activities-nav {
    background-color: #f2f2f2;
    margin-bottom: 20px
}

.my-activities-sub-nav {
    margin-bottom: 30px
}

.my-activities-table .striped-list-title {
    display: block;
    margin-bottom: 10px;
    max-width: 350px;
    white-space: normal
}

@media (min-width:1024px) {
    .my-activities-table .striped-list-title {
        margin-bottom: 0;
        max-width: 500px;
        min-width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.my-activities-table thead {
    display: none
}

@media (min-width:768px) {
    .my-activities-table thead {
        display: table-header-group
    }
}

.my-activities-table td:first-child,
.my-activities-table th:first-child {
    padding-left: 0
}

@media (min-width:1024px) {

    .my-activities-table td:first-child,
    .my-activities-table th:first-child {
        width: 500px
    }
}

.my-activities-table td:last-child,
.my-activities-table th:last-child {
    padding-right: 0
}

.my-activities-table td:not(:first-child) {
    display: none
}

@media (min-width:768px) {
    .my-activities-table td:not(:first-child) {
        display: table-cell
    }
}

.requests-search {
    width: 100%
}

.requests-table-toolbar {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

@media (min-width:768px) {
    .requests-table-toolbar {
        flex-direction: row
    }
}

.requests-table-toolbar .search {
    flex: 1;
    width: 100%
}

.requests-table-toolbar .request-table-filter {
    width: 100%
}

@media (min-width:768px) {
    .requests-table-toolbar .request-table-filter {
        width: auto
    }
}

.requests-table-toolbar .request-filter {
    display: block
}

@media (min-width:768px) {
    .requests-table-toolbar .request-filter {
        margin: 0 0 0 30px
    }

    [dir=rtl] .requests-table-toolbar .request-filter {
        margin: 0 30px 0 0
    }
}

.requests-table-toolbar .request-filter-label {
    font-size: 13px;
    margin-top: 30px
}

@media (min-width:768px) {
    .requests-table-toolbar .request-filter-label {
        margin-top: 0
    }
}

.requests-table-toolbar select {
    max-height: 40px;
    margin-bottom: 30px;
    width: 100%
}

@media (min-width:768px) {
    .requests-table-toolbar select {
        margin-bottom: 0;
        max-width: 300px;
        width: auto
    }
}

@media (min-width:768px) {
    .requests-table-toolbar .organization-subscribe {
        margin-left: 10px
    }

    [dir=rtl] .requests-table-toolbar .organization-subscribe {
        margin: 0 10px 0 0
    }
}

.requests-table-toolbar .organization-subscribe button {
    line-height: 40px;
    max-height: 40px;
    padding: 0 20px
}

.requests-table-toolbar+.requests-search-info {
    margin-top: 15px
}

.requests-table-toolbar+.requests-search-info.meta-data:after {
    content: "";
    margin: 0
}

.requests-table-toolbar+.requests-search-info+.requests {
    margin-top: 20px
}

.requests-table-toolbar+.requests {
    margin-top: 40px
}

.requests .requests-table-meta {
    display: block
}

@media (min-width:768px) {
    .requests .requests-table-meta {
        display: none
    }
}

.requests .requests-table thead {
    display: none
}

@media (min-width:768px) {
    .requests .requests-table thead {
        display: table-header-group
    }
}

.requests .requests-table-info {
    display: block
}

@media (min-width:768px) {
    .requests .requests-table-info {
        display: table-cell;
        vertical-align: middle;
        width: auto
    }
}

.requests .requests-table .requests-link {
    position: relative
}

.requests .requests-table .requests-sort-symbol {
    position: absolute;
    left: calc(100% + 3px);
    bottom: 0;
    font-size: 10px
}

@media (min-width:768px) {
    .subscriptions-subscribe button {
        width: auto
    }
}

.subscriptions-table td:last-child {
    display: block
}

@media (min-width:768px) {
    .subscriptions-table td:last-child {
        display: table-cell
    }
}

.subscriptions-table td:first-child {
    display: flex;
    align-items: center
}

.subscriptions-table .user-avatar {
    margin-right: 10px
}

.subscriptions .striped-list-title {
    display: inline-block;
    vertical-align: middle
}

.contributions-table td:last-child {
    color: #aaa;
    font-size: 13px;
    font-weight: 300
}

@media (min-width:768px) {
    .contributions-table td:last-child {
        color: inherit;
        font-size: inherit;
        font-weight: inherit
    }
}

.no-activities {
    color: #aaa
}

.request-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:1024px) {
    .request-container {
        align-items: flex-start;
        flex-direction: row
    }
}

.request-container .comment-container {
    min-width: 0
}

.request-breadcrumbs {
    margin-bottom: 40px
}

@media (min-width:1024px) {
    .request-breadcrumbs {
        margin-bottom: 60px
    }
}

.request-main {
    flex: 1 0 auto;
    order: 1
}

.request-main .comment-fields,
.request-main .request-submit-comment {
    display: none
}

.request-main .comment-fields.shown {
    display: block
}

.request-main .request-submit-comment.shown {
    display: inline
}

@media (min-width:1024px) {
    .request-main {
        flex: 0 0 66%;
        order: 0;
        min-width: 0
    }
}

.request-main .comment-ccs,
.request-main .comment-form-controls {
    display: block
}

.request-main .comment-show-container {
    border-radius: 2px;
    border: 1px solid #ddd;
    color: #aaa;
    text-align: inherit;
    padding: 8px 25px;
    width: 100%
}

.request-main .comment-show-container.hidden {
    display: none
}

.request-main .form-field.comment-ccs>ul {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0
}

.request-main .form-field.comment-ccs>ul[data-hc-focus=true] {
    border: 1px solid #000
}

.request-main .form-field.comment-ccs>input[type=text] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0
}

.request-main .comment-ccs+textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0
}

.request-main .comment-ccs+textarea:focus {
    border-top: 1px solid #000
}

.request-main input#mark_as_solved {
    display: none
}

.request-title {
    width: 100%
}

@media (min-width:1024px) {
    .request-title {
        border-bottom: 1px solid #ddd;
        margin-bottom: 0;
        max-width: 66%;
        padding-bottom: 20px
    }
}

.request-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    order: 0
}

@media (min-width:1024px) {
    .request-sidebar {
        background-color: #f7f7f7;
        border: 0;
        font-size: 13px;
        flex: 0 0 auto;
        padding: 0 20px;
        width: 30%
    }
}

.request-sidebar h2 {
    font-size: 15px;
    font-weight: 600;
    position: relative
}

@media (min-width:1024px) {
    .request-sidebar h2 {
        display: none
    }
}

.request-details {
    border-bottom: 1px solid #ddd;
    font-size: 0;
    margin: 0;
    padding-bottom: 20px
}

.request-details:last-child {
    border: 0
}

.request-details dd,
.request-details dt {
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    margin: 20px 0 0
}

.request-details dd {
    padding: 0 10px;
    width: 60%
}

.request-details dd:after {
    content: "\A";
    white-space: pre
}

.request-details dt {
    color: #aaa;
    font-weight: 300;
    width: 40%
}

.request-details .request-collaborators {
    display: inline-block
}

.request-attachments dd,
.request-attachments dt {
    width: 100%
}

.request-attachments dd {
    margin: 10px 0 0
}

.request-form textarea {
    min-height: 120px
}

.request-follow-up {
    padding-top: 20px
}

.pagination {
    margin: 20px 0;
    text-align: center
}

.pagination-first,
.pagination-last,
.pagination-next,
.pagination-prev {
    display: inline-block
}

.pagination-first-link,
.pagination-last-link {
    padding: 0 10px
}

.pagination-first-text,
.pagination-last-text {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.pagination-next-link {
    padding-right: 10px
}

.pagination-next-text {
    margin-right: 10px
}

[dir=rtl] .pagination-next-link {
    padding-left: 10px
}

[dir=rtl] .pagination-next-text {
    margin-left: 10px
}

.pagination-prev-link {
    padding-left: 10px
}

.pagination-prev-text {
    margin-left: 10px
}

[dir=rtl] .pagination-prev-link {
    padding-right: 10px
}

[dir=rtl] .pagination-prev-text {
    margin-right: 10px
}

.meta-group {
    display: block
}

.meta-group * {
    display: inline
}

.meta-data {
    color: #aaa;
    font-size: 13px;
    font-weight: 300
}

.meta-data:not(:last-child):after {
    content: "\B7";
    margin: 0 5px
}

.profile-header {
    padding: 30px 0;
    background-color: #f7f7f7
}

.profile-header .container {
    display: flex;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .profile-header .container {
        flex-wrap: nowrap
    }
}

.profile-header .profile-info {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    min-width: 0
}

.profile-avatar {
    position: relative;
    line-height: 0;
    align-self: center;
    margin-right: 10px
}

[dir=rtl] .profile-avatar {
    margin-left: 10px;
    margin-right: 0
}

.profile-avatar .user-avatar {
    width: 65px;
    height: 65px
}

.profile-avatar .icon-agent {
    bottom: 0;
    right: 0
}

.profile-header .basic-info {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0
}

.profile-header .basic-info .name {
    margin: 0
}

.profile-header .options {
    display: flex;
    flex-basis: 100%;
    margin-top: 12px;
    align-items: flex-start;
    flex-wrap: wrap
}

@media (min-width:768px) {
    .profile-header .options {
        flex-wrap: nowrap;
        flex-basis: auto;
        margin-top: 0;
        margin-left: 10px
    }

    [dir=rtl] .profile-header .options {
        margin-left: 0;
        margin-right: 10px
    }

    .profile-header .options>:not(:last-child) {
        margin-bottom: 0;
        margin-right: 10px
    }

    [dir=rtl] .profile-header .options>:not(:last-child) {
        margin-left: 10px;
        margin-right: 0
    }
}

.edit-profile-button a {
    background-color: #000;
    border: 0;
    color: #fff;
    line-height: normal;
    padding: 8px 20px;
    outline-color: #000
}

.profile-header .description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 15px 0;
    flex-basis: 100%
}

.profile-stats {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%
}

.profile-stats .stat {
    display: flex;
    margin-bottom: 10px
}

.profile-stats .stat-label {
    color: #aaa;
    font-weight: 300;
    flex: 0 0 100px;
    margin-right: 10px
}

[dir=rtl] .profile-stats .stat-label {
    margin-left: 10px;
    margin-right: 0
}

.profile-stats-activity {
    border-top: 1px solid #ddd;
    margin-top: 15px
}

@media (min-width:768px) {
    .profile-stats-activity {
        border-top: 0;
        flex-direction: row
    }
}

@media (min-width:768px) {
    .profile-stats-activity .stat {
        flex-direction: column
    }
}

.profile-stats-activity .stat:first-child {
    margin-top: 10px
}

@media (min-width:768px) {
    .profile-stats-activity .stat:first-child {
        margin-top: 0
    }
}

@media (min-width:768px) {
    .profile-stats-activity .stat:not(:last-child) {
        margin-right: 40px
    }

    [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
        margin-left: 40px;
        margin-right: 0
    }
}

@media (min-width:768px) {
    .profile-stats-activity .stat-label {
        flex: 0 1 auto
    }
}

.profile-stats-counters {
    border-bottom: 1px solid #ddd
}

@media (min-width:768px) {
    .profile-stats-counters {
        flex: 0 0 200px;
        border-bottom: 0;
        margin-left: 40px
    }

    [dir=rtl] .profile-stats-counters {
        margin-left: 0;
        margin-right: 40px
    }
}

@media (min-width:1024px) {
    .profile-stats-counters {
        flex: 0 0 270px;
        margin-left: 60px
    }

    [dir=rtl] .profile-stats-counters {
        margin-right: 60px;
        margin-left: 0
    }
}

@media (min-width:768px) {
    .profile-stats-counters .stat {
        flex-direction: column
    }
}

@media (min-width:1024px) {
    .profile-stats-counters .stat {
        flex-direction: row
    }
}

@media (min-width:768px) {
    .profile-stats-counters .stat:not(:last-child) {
        margin-bottom: 15px
    }
}

@media (min-width:768px) {
    .profile-stats-counters .stat-label {
        flex: 0 1 auto
    }
}

@media (min-width:1024px) {
    .profile-stats-counters .stat-label {
        flex: 0 0 100px
    }
}

.profile-private-badge {
    flex-basis: 100%;
    border: 1px solid #000;
    border-radius: 4px;
    color: #000;
    padding: 5px 20px;
    font-size: 12px;
    text-align: center
}

.profile-private-badge .profile-private-icon {
    margin-left: 5px;
    line-height: 15px
}

@media (min-width:768px) {
    .profile-private-badge {
        flex-basis: auto
    }
}

.profile-nav {
    background-color: #f2f2f2;
    margin-bottom: 37px
}

.profile-section {
    width: 100%
}

@media (min-width:1024px) {
    .profile-section {
        width: calc(100% - 330px)
    }
}

.profile-section-header {
    display: flex;
    flex-wrap: wrap
}

.profile-section-title {
    flex-basis: 100%;
    margin-bottom: 0
}

.profile-section-description {
    flex-basis: 100%;
    padding: 10px 0;
    color: #aaa;
    font-weight: 300;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:768px) {
    .profile-section-description {
        flex: 1 0 50%;
        padding-bottom: 0
    }
}

.profile-section-sorter {
    flex-basis: 100%;
    border-top: 1px solid #eee;
    font-size: 13px
}

.profile-section-sorter .dropdown-toggle {
    padding: 10px 0;
    width: 100%
}

.profile-section-sorter .dropdown-toggle:after {
    position: absolute;
    right: 0
}

[dir=rtl] .profile-section-sorter .dropdown-toggle:after {
    left: 0;
    right: auto
}

@media (min-width:768px) {
    .profile-section-sorter .dropdown-toggle:after {
        position: relative
    }
}

@media (min-width:768px) {
    .profile-section-sorter {
        flex: 0 1 auto;
        padding-top: 0;
        border-top: 0;
        margin-left: 20px
    }

    [dir=rtl] .profile-section-sorter {
        margin-left: 0;
        margin-right: 20px
    }
}

.profile-contribution {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    padding: 20px 0;
    position: relative
}

.profile-contribution-header {
    margin-bottom: 5px
}

.profile-contribution-title {
    margin: 0 0 5px;
    display: inline;
    line-height: 21px;
    font-size: 15px;
    vertical-align: middle
}

.profile-contribution-body {
    margin: 10px 0
}

.profile-contribution-list>.profile-contribution {
    border-top: 1px solid #eee
}

@media (min-width:768px) {
    .profile-contribution-list>.profile-contribution {
        padding-left: 30px
    }

    [dir=rtl] .profile-contribution-list>.profile-contribution {
        padding-right: 30px;
        padding-left: 0
    }
}

.profile-contribution-list>.profile-contribution:last-child {
    border-bottom: 1px solid #eee
}

.profile-contribution-icon {
    left: 0;
    position: absolute;
    color: #ccc;
    line-height: 25px
}

[dir=rtl] .profile-contribution-icon {
    right: 0
}

.profile-contribution-icon svg {
    vertical-align: middle
}

.profile-contribution-list .profile-contribution-header {
    margin-left: 30px
}

[dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 30px;
    padding-left: 0
}

@media (min-width:768px) {
    .profile-contribution-list .profile-contribution-header {
        margin-left: 0
    }

    [dir=rtl] .profile-contribution-list .profile-contribution-header {
        padding-right: 0
    }
}

.profile-comments .profile-contribution-breadcrumbs {
    margin-left: 30px
}

[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 30px;
    padding-left: 0
}

@media (min-width:768px) {
    .profile-comments .profile-contribution-breadcrumbs {
        margin-left: 0
    }

    [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
        padding-right: 0
    }
}

.profile-section .no-activity,
.profile-section .private-activity {
    display: block;
    margin-top: 40px;
    color: #999
}

.private-activity-icon {
    margin-right: 10px
}

[dir=rtl] .private-activity-icon {
    margin-right: 0;
    margin-left: 10px
}

.profile-activity-list {
    margin-top: 25px
}

.profile-activity {
    position: relative;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .profile-activity {
        padding-left: 20px
    }

    [dir=rtl] .profile-activity {
        padding-right: 20px;
        padding-left: 0
    }
}

@media (min-width:768px) {
    .profile-activity:not(:last-child) {
        border-left: 1px solid #ddd
    }

    [dir=rtl] .profile-activity:not(:last-child) {
        border-left: 0;
        border-right: 1px solid #ddd
    }
}

.profile-activity-header {
    display: flex;
    align-items: center;
    margin-left: 35px
}

[dir=rtl] .profile-activity-header {
    margin-left: 0;
    margin-right: 35px
}

@media (min-width:768px) {
    .profile-activity-header {
        margin-left: 0
    }

    [dir=rtl] .profile-activity-header {
        margin-right: 0
    }
}

.profile-activity-header .user-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    min-width: 40px;
    align-self: flex-start
}

[dir=rtl] .profile-activity-header .user-avatar {
    margin-left: 10px;
    margin-right: 0
}

.profile-activity-description {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
    margin: 0;
    min-width: 0;
    width: 100%
}

.profile-activity-description span:first-child {
    font-weight: 600;
    display: inline
}

.profile-activity-contribution {
    padding: 20px;
    margin-top: 10px;
    border-radius: 8px;
    background-color: #f7f7f7
}

@media (min-width:768px) {
    .profile-activity-contribution {
        margin-top: 0;
        margin-left: 50px
    }

    [dir=rtl] .profile-activity-contribution {
        margin-left: 0;
        margin-right: 50px
    }
}

.profile-activity-icon {
    position: absolute;
    left: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: 50% 50%;
    text-align: center;
    color: #ccc
}

[dir=rtl] .profile-activity-icon {
    right: 0
}

@media (min-width:768px) {
    .profile-activity-icon {
        left: -14px
    }

    [dir=rtl] .profile-activity-icon {
        right: -14px
    }
}

.profile-activity-icon svg {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    margin: auto
}

.search-results {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width:1024px) {
    .search-results {
        flex-direction: row
    }
}

.search-results-column {
    flex: 1
}

@media (min-width:1024px) {
    .search-results-column {
        flex: 0 0 75%
    }
}

.search-results-sidebar {
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0
}

@media (min-width:1024px) {
    .search-results-sidebar {
        border: 0;
        flex: 0 0 20%;
        height: auto
    }
}

.search-results-sidebar .sidenav-item.current,
.search-results-sidebar .sidenav-item:hover {
    background-color: #e9ebed;
    color: inherit;
    text-decoration: none
}

.search-results-sidebar .sidenav-subitem {
    unicode-bidi: embed
}

.search-results-sidebar .collapsible-sidebar {
    margin-bottom: 30px
}

.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
    display: none
}

@media (min-width:1024px) {
    .search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
        display: block
    }
}

.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
    display: none
}

.search-results-sidebar .multibrand-filter-list .doc-count {
    color: #666
}

.search-results-sidebar .see-all-filters {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 10px;
    color: #00f
}

.search-results-sidebar .see-all-filters[aria-hidden=true] {
    display: none
}

.search-results-sidebar .see-all-filters:hover {
    text-decoration: underline
}

.search-results-sidebar .see-all-filters:after {
    content: " \2304";
    font-weight: 700
}

.search-results-subheading {
    font-size: 18px;
    font-weight: 600
}

.search-results-list {
    margin-bottom: 25px
}

.search-results-list>li {
    padding: 20px 0
}

.search-results-list>li:first-child {
    border-top: 1px solid #ddd
}

.search-results-list>li h2 {
    margin-bottom: 0
}

.search-results .meta-group {
    display: block;
    align-items: center;
    clear: both;
    color: #666
}

@media (min-width:1024px) {
    .search-results .meta-group {
        display: flex
    }
}

.search-results .meta-group>li {
    display: block
}

@media (min-width:1024px) {
    .search-results .meta-group>li {
        display: inline
    }
}

@media (min-width:1024px) {
    .search-results .meta-group li:first-child {
        flex: 1
    }
}

.search-results .meta-group .meta-data {
    color: inherit
}

[dir=ltr] .search-results .meta-group .meta-data:not(:last-child) {
    margin-right: 20px
}

[dir=rtl] .search-results .meta-group .meta-data:not(:last-child) {
    margin-left: 20px
}

.search-results .meta-group .meta-data:after {
    content: none
}

.search-results-description {
    margin-top: 10px;
    word-break: break-word
}

.search-result-title {
    font-size: 16px;
    display: inline-block
}

[dir=ltr] .search-result-icons {
    float: right
}

[dir=rtl] .search-result-icons {
    float: left
}

.search-result-meta-count,
.search-result-votes {
    color: #aaa;
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    padding: 4px 5px;
    position: relative
}

.search-result-meta-count-icon,
.search-result-votes-icon {
    color: #000;
    vertical-align: middle;
    width: 13px;
    height: 13px
}

[dir=ltr] .search-result-meta-count,
[dir=ltr] .search-result-votes {
    margin-left: 5px
}

[dir=ltr] .search-result-meta-count:before,
[dir=ltr] .search-result-votes:before {
    margin-right: 3px
}

[dir=rtl] .search-result-meta-count,
[dir=rtl] .search-result-votes {
    margin-right: 5px
}

[dir=rtl] .search-result-meta-count:before,
[dir=rtl] .search-result-votes:before {
    margin-left: 3px
}

.search-result .meta-group {
    align-items: center
}

.search-result-breadcrumbs {
    margin: 0
}

@media (min-width:1024px) {
    .search-result-breadcrumbs {
        display: table-row
    }
}

@media (min-width:1024px) {
    .search-result-breadcrumbs li {
        display: table-cell
    }
}

.search-result-breadcrumbs li,
.search-result-breadcrumbs li a,
.search-result-breadcrumbs li a:visited {
    color: inherit
}

.search-results-description em {
    font-style: normal;
    font-weight: 700
}

html[lang|=zh] .search-results-description em {
    font-style: normal;
    background: #ff0
}

.notification {
    border: 1px solid;
    display: table;
    font-family: sans-serif;
    font-size: 12px;
    padding: 13px 15px;
    transition: height .2s;
    width: 100%;
    color: #555
}

.notification a {
    color: #158ec2
}

.notification-inner {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px
}

.notification-dismiss,
.notification-icon,
.notification-text {
    display: table-cell;
    vertical-align: middle
}

.notification-text {
    padding: 0 15px;
    width: 100%
}

.notification+.notification {
    margin-bottom: -1px;
    position: relative;
    top: -1px
}

.notification-error {
    background: #ffeded;
    border-color: #f7cbcb
}

.notification-error .notification-icon:before,
.notification-error .notification-inline.notification-error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg fill='none' stroke='%23555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555'/%3E%3C/svg%3E")
}

.notification-notice {
    background: #dbf3ff;
    border-color: #b5e0f5
}

.notification-notice .notification-icon:before,
.notification-notice .notification-inline.notification-error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg fill='none' stroke='%23555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E")
}

.notification-alert {
    color: #ad5e18;
    background: #fff8ed;
    border-color: #fcdba9
}

.notification-alert .notification-icon:before,
.notification-alert .notification-inline.notification-error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E")
}

.notification-icon:before,
.notification-inline.notification-error:before {
    background-size: cover;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: middle
}

.notification-dismiss,
a.notification-dismiss {
    color: #555;
    cursor: pointer;
    opacity: .6;
    transition: opacity .1s ease;
    text-decoration: none !important
}

.notification-dismiss:hover {
    opacity: 1
}

.notification-inline {
    border-radius: 4px;
    line-height: 14px;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

[dir=rtl] .notification-inline {
    text-align: right
}

.notification-inline[aria-hidden=true] {
    display: none
}

.notification-inline.notification-error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
    margin: -2px 5px 0 0
}

[dir=rtl] .notification-inline.notification-error:before {
    margin: 0 0 0 5px
}

.notification-inline.notification-error {
    background-color: #fff0f1;
    border: 1px solid #e35b66;
    color: #cc3340
}

.notification-inline.notification-large {
    padding: 13px 15px;
    margin-bottom: 25px
}

.notification-left-aligned {
    text-align: left;
    padding-left: 0
}

html[dir=rtl] .notification-left-aligned {
    text-align: right;
    padding-left: auto;
    padding-right: 0
}

.dropdown {
    position: relative;
    display: inline-block
}

.dropdown-toggle {
    cursor: pointer;
    background: none;
    border: 0;
    display: inline-block;
    padding: 0;
    text-align: initial;
    vertical-align: middle
}

.dropdown-toggle:hover {
    text-decoration: none
}

.dropdown-toggle>* {
    display: inline-block
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
    display: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    left: 0;
    margin-top: 1px;
    min-width: 170px;
    padding: 10px 0;
    position: absolute;
    text-align: left;
    z-index: 1000
}

.dropdown-menu[aria-expanded=true] {
    display: block
}

.dropdown-menu [role=separator] {
    border-bottom: 1px solid #d8d8d8;
    color: #969696;
    display: block;
    font-weight: 400;
    font-size: 11px;
    padding: 5px 0;
    margin: 5px 20px 10px
}

.dropdown-menu [role=menuitem] {
    color: #333;
    cursor: pointer;
    display: block;
    padding: 7px 40px 7px 20px;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    text-align: start;
    line-height: inherit;
    width: 100%
}

[dir=rtl] .dropdown-menu [role=menuitem] {
    padding: 7px 20px 7px 40px
}

.dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitem]:hover {
    background: #f3f3f3;
    text-decoration: none;
    color: #333
}

.dropdown-menu [role=menuitem][aria-selected=true] {
    cursor: default
}

.dropdown-menu [role=menuitem][aria-selected=true]:after {
    content: "";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'/%3E%3C/svg%3E");
    display: inline-block;
    height: 12px;
    margin-left: 10px;
    width: 12px
}

[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]:after {
    margin-left: 0;
    margin-right: 10px;
    float: left
}

.dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitem][hidden] {
    display: none !important
}

.dropdown-menu-end {
    left: auto;
    right: 0
}

.dropdown-menu-top {
    bottom: 100%;
    margin-bottom: 1px
}

[dir=rtl] .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right
}

[dir=rtl] .dropdown-menu-end {
    left: 0;
    right: auto
}

.dropdown-chevron-icon {
    vertical-align: middle
}

ul.checkboxes {
    list-style: none;
    margin-left: 0;
    padding-left: 1em
}

[role=checkbox] {
    display: inline-block;
    position: relative;
    padding-left: 1.4em;
    cursor: default
}

[role=checkbox]:after,
[role=checkbox]:before {
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translate(-50%, -50%);
    content: ""
}

[role=checkbox]:before {
    width: 14px;
    height: 14px;
    border: 1px solid #a8a8a8;
    border-radius: .2em;
    background-image: linear-gradient(180deg, #eeedee, #fff 30%)
}

[role=checkbox]:active:before {
    background-image: linear-gradient(180deg, #bcb8bc, #eeedee 30%)
}

[role=checkbox][aria-checked=mixed]:before,
[role=checkbox][aria-checked=true]:before {
    border-color: #1a6be6;
    background: #609bfb;
    background-image: linear-gradient(180deg, #609bfb, #3a80e9)
}

[role=checkbox][aria-checked=mixed]:after {
    display: block;
    width: 8px;
    border-bottom: .125em solid #fff;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center center
}

[role=checkbox][aria-checked=mixed]:active:after,
[role=checkbox][aria-checked=true]:after {
    display: block;
    width: .25em;
    height: .4em;
    border: solid #fff;
    border-width: 0 .125em .125em 0;
    transform: translateY(-65%) translateX(-50%) rotate(45deg)
}

[role=checkbox][aria-checked=mixed]:active:before,
[role=checkbox][aria-checked=true]:active:before {
    background-image: linear-gradient(180deg, #3a80e9, #609bfb)
}

[role=checkbox]:focus {
    outline: none
}

[role=checkbox]:focus:before {
    width: 16px;
    height: 16px;
    box-sizing: content-box;
    border-color: #79adfb;
    border-width: 3px;
    border-radius: calc(.2em + 3px);
    box-shadow: inset 0 0 0 1px #1a6be6
}

.container-header {
    line-height: 21.5px
}

@media all {

    .container-header *,
    .container-header :after,
    .container-header :before {
        box-sizing: border-box
    }

    .container-header .header .logo__link {
        overflow: hidden;
        text-indent: 101%;
        white-space: nowrap
    }

    .container-header header,
    .container-header nav {
        display: block
    }


    .container-header ul {
        list-style: none
    }

    .container-header a {
        color: #ffffff;
    }

    .container-header a:hover {
       Text-decoration: none;
    }


    .container-header .header {
        /*position: fixed;*/
        top: 0;
        left: 0;
        height: 72px;
        /*z-index: 500*/
    }
}

@media (min-width:1200px) {
    .container-header .header {
        height: 72px
    }
}


@media (min-width:1200px) {

    .container-header .header .logo {
        flex: 0 0 30px
    }
}

@media (min-width:56.25rem) {
    .container-header .header .logo {
        flex: 0 0 114px
    }
}

@media all {
    .container-header .header .logo__link {
        width: 30px;
        height: 49px;
        display: block;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: contain;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:64rem) {
    .container-header .header .logo__link {
        width: 114px;
        height: 38px
    }
}

@media all {
    .container-header .navigation__link {
        font-family: BarlowSemiBold, Helvetica, Geneva, Arial, sans-serif;
        font-style: normal
    }

    .container-header .navigation__link span {
        font-weight: 400
    }
}

@media all {
    .container-header .navigation {
        padding: 4.4rem 0 0;
        width: 100%;
        height: 100%;
        display: none;
        overflow: hidden
    }
}

@media all {
    .container-header .navigation__items {
        display: block;
        height: 100%;
        background-color: #fff;
        overflow-y: auto;
        border-top: 4px solid #ce0a24;
        text-align: center
    }
}

@media (min-width:1200px) {
    .container-header .navigation {
        padding: 0 1.875rem;
        display: block;
        flex: 1
    }

    .container-header .navigation__items {
        border-top: none;
        overflow: visible;
        font-size: 0;
        position: relative;
        height: 100%;
        max-width: 660px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between
    }
}

@media all {
    .container-header .navigation__item {
        margin: 0 1.25rem;
        position: relative;
        text-align: left;
        border-bottom: 1px solid #dcdcdc;
        display: block
    }
}

@media (min-width:1200px) {
    .container-header .navigation__item {
        margin: 0;
        padding: 0;
        height: 100%;
        border-bottom: none;
        display: inline-block
    }
}

@media all {
    .container-header .navigation__item:last-child .navigation__link {
        font-weight: 400
    }
}

@media (min-width:75rem) {
    .container-header .navigation__items {
        padding: 0;
        max-width: 1440px
    }

    .container-header .navigation__item:last-child .navigation__link {
        padding-right: 0
    }
}

@media (min-width:1200px) {
    .container-header .navigation__item:last-child .navigation__link span {
        padding: 0 0 0 1.25rem;
        border-left: 1px solid #000
    }
}

@media all {
    .container-header .navigation__link {
        font-size: 18px;
        font-size: 1.125rem;
        padding: 2.1875rem 0;
        width: 100%;
        position: relative;
        display: inline-block;
        font-weight: 600;
        text-decoration: none;
        color: #000;
        text-transform: uppercase;
        white-space: nowrap
    }
}

@media (min-width:1200px) {
    .container-header .navigation__link {
        padding: 0;
        top: 28px;
        left: 0
    }
}

@media (min-width:75rem) {
    .container-header .navigation__link {
        padding: 0 1.25rem 0 0
    }
}

@media all {

    .container-header .navigation__link:focus,
    .container-header .navigation__link:hover {
        color: #ce0a24;
        text-decoration: none
    }
}

@media all {
    .container-header .navigation__content {
        background-color: #fff;
        display: none
    }
}

@media (min-width:1200px) {
    .container-header .navigation__content {
        padding: 1.25rem;
        position: absolute;
        top: 100%;
        left: -9999rem;
        border-top: 3px solid #ff2350
    }
}

@media all {
    .container-header .navigation .navigation-context-menu {
        padding: 0;
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #fff;
        border-top: 3px solid #ce0a24;
        min-width: 400px;
        max-width: 400px;
        max-height: calc(95vh - 80px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (min-width:1200px) {
    .container-header .navigation .navigation-context-menu {
        right: -15px
    }
}

@media all {
    .container-header .navigation .navigation-context-menu:empty {
        display: none
    }
}

@media all {
    .container-header .utility-nav {
        margin: 0 4.375rem 0 0;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        text-align: right
    }
}

@media (min-width:1200px) {
    .container-header .utility-nav {
        position: static;
        top: inherit;
        right: inherit
    }
}

@media all {
    .container-header .utility-nav.remove-rm {
        margin: 0
    }
}

@media all {
    .container-header .utility-nav__item {
        margin: 0 0 0 1.125rem;
        display: inline-block;
        height: 100%
    }
}

@media all {
    .container-header .utility-nav__item:first-child {
        margin-left: 0
    }
}

@media all {
    .container-header .utility-nav__item--search .utility-nav__link:before {
        content: "\E900";
        color: #01e2c2
    }
}

@media all {

    .container-header .utility-nav__item--search .utility-nav__link:focus:before,
    .container-header .utility-nav__item--search .utility-nav__link:hover:before {
        content: "\E901"
    }
}

@media all {
    .container-header .utility-nav__item--user .utility-nav__link:before {
        content: "\E902";
        color: #96c31e
    }
}

@media all {

    .container-header .utility-nav__item--user .utility-nav__link:focus:before,
    .container-header .utility-nav__item--user .utility-nav__link:hover:before {
        content: "\E903"
    }
}

@media all {
    .container-header .utility-nav__item--support .utility-nav__link:before {
        content: "\E904";
        color: #f701b5
    }
}

@media all {

    .container-header .utility-nav__item--support .utility-nav__link:focus:before,
    .container-header .utility-nav__item--support .utility-nav__link:hover:before {
        content: "\E905"
    }
}

@media all {
    .container-header .utility-nav__link {
        display: block;
        position: relative;
        left: 0;
        text-decoration: none
    }
}

@media all {
    .container-header .utility-nav__link:before {
        font-size: 30px;
        font-size: 1.875rem;
        font-family: icomoon !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1.1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media all {
    .container-header .utility-nav__link span {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

@media all {

    .container-header .utility-nav__link:focus,
    .container-header .utility-nav__link:hover {
        text-decoration: none
    }
}

.container-header .logo__link {
    background-image: url(https://www.nandos.co.uk/sites/all/themes/nandos/nandos-2015-styleguide-dist/images/layout/barci-Icon.svg)
}

@media screen and (min-width:64rem) {
    .container-header .logo__link {
        background-image: url(https://www.nandos.co.uk/sites/all/themes/nandos/nandos-2015-styleguide-dist/images/layout/barci.svg)
    }
}

.container-header .header .menu-toggle-desktop,
.container-header .header .menu-toggle-mobile {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 30px;
    height: 22px;
    transform: translateY(-50%) rotate(0);
    -webkit-animation: fadeInHam 1s 1 forwards;
    animation: fadeInHam 1s 1 forwards
}

.container-header .header .menu-toggle-desktop span,
.container-header .header .menu-toggle-mobile span {
    display: block;
    width: 100%;
    height: 4px;
    background-color: #ce0a24;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(0)
}

.container-header .header .menu-toggle-desktop span:first-child,
.container-header .header .menu-toggle-mobile span:first-child {
    top: 0
}

.container-header .header .menu-toggle-desktop span:nth-child(2),
.container-header .header .menu-toggle-mobile span:nth-child(2) {
    top: 9px
}

.container-header .header .menu-toggle-desktop span:nth-child(3),
.container-header .header .menu-toggle-mobile span:nth-child(3) {
    top: 18px
}

.container-header .header .menu-toggle-desktop--open span:first-child,
.container-header .header .menu-toggle-mobile--open span:first-child {
    top: 9px;
    transform: rotate(135deg)
}

.container-header .header .menu-toggle-desktop--open span:nth-child(2),
.container-header .header .menu-toggle-mobile--open span:nth-child(2) {
    opacity: 0;
    left: -30px
}

.container-header .header .menu-toggle-desktop--open span:nth-child(3),
.container-header .header .menu-toggle-mobile--open span:nth-child(3) {
    top: 9px;
    transform: rotate(-135deg)
}

.container-header .utility-nav {
    line-height: 19.2px
}

@media (min-width:1200px) {

    .container-header .header .menu-toggle-desktop,
    .container-header .header .menu-toggle-mobile {
        display: none;
        opacity: 0
    }
}

.container-header .navigation.show-nav {
    display: block;
    height: 100vh
}

.container-header header {
    max-width: none
}

.container-header .utility-nav__item--user {
    display: none
}

@media (min-width:768px) {
    .container-header .utility-nav__item--user {
        display: inline-block
    }
}

@media (min-width:768px) {
    .container-header .utility-nav__item--user a {
        position: relative;
        right: 1px;
        top: -5px
    }
}

@media (min-width:1200px) {
    .container-header .utility-nav__item--user a {
        left: 0;
        top: -10px
    }
}

@media (min-width:1440px) {
    .container-header .utility-nav__item--user a {
        top: -18px
    }
}

.container-header .utility-nav__item--order-online a,
.container-header .utility-nav__item--order-online a span {
    font-family: BarlowRegular !important
}

@media all {
    .container-header .utility-nav__item--order-online a {
        text-decoration: underline
    }

    .container-header .utility-nav__item--order-online *,
    .container-header .utility-nav__item--order-online :after,
    .container-header .utility-nav__item--order-online :before {
        box-sizing: border-box
    }

    .container-header .utility-nav__item--order-online a,
    .container-header .utility-nav__item--order-online span {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    .container-header .utility-nav__item--order-online a {
        color: #ff2350
    }

    .container-header .utility-nav__item--order-online a:hover {
        color: #f701b5
    }

    .container-header .utility-nav__item--order-online .cta {
        text-transform: uppercase
    }

    .container-header .utility-nav__item--order-online .cta,
    .container-header .utility-nav__item--order-online .cta:before {
        -webkit-backface-visibility: hidden
    }

    .container-header .utility-nav__item--order-online .cta span {
        text-align: center
    }

    .container-header .utility-nav__item--order-online .cta {
        padding: 1.5625rem 1.5625rem .3125rem 2.1875rem;
        font-size: 16px;
        font-size: 1rem;
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: auto;
        text-decoration: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .container-header .utility-nav__item--order-online .cta {
        padding: 1.5625rem 1.5625rem .25rem 2.1875rem;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta:before {
        position: absolute;
        top: 16px;
        left: 13px;
        width: 0;
        height: 0;
        border-color: #f701b5 transparent transparent;
        border-style: solid;
        border-width: 12px 8px 0;
        content: "";
        transform: translateY(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {

    .container-header .utility-nav__item--order-online .cta:after,
    .container-header .utility-nav__item--order-online .cta span:after,
    .container-header .utility-nav__item--order-online .cta span:before {
        -webkit-backface-visibility: hidden;
        content: ""
    }
}

@media (min-width:48rem) {
    .container-header .utility-nav__item--order-online .cta:before {
        top: 13px;
        left: 11px;
        border-width: 14px 9px 0
    }
}

@media (min-width:90rem) {
    .container-header .utility-nav__item--order-online .cta {
        padding: 1.875rem 1.875rem .4375rem 2.5rem;
        font-size: 20px;
        font-size: 1.25rem
    }

    .container-header .utility-nav__item--order-online .cta:before {
        left: 16px;
        border-width: 16px 9px 0
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta:after {
        position: absolute;
        bottom: 0;
        left: -1%;
        display: block;
        width: 102%;
        height: calc(100% - 30px);
        background: #01e2c2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta span {
        display: inline-block
    }
}

@media (min-width:90rem) {
    .container-header .utility-nav__item--order-online .cta:after {
        height: calc(100% - 33px)
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta:hover:after {
        width: 110%;
        background: #95e8db
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta:hover:before {
        -webkit-animation: cta-bounce .5s infinite alternate;
        animation: cta-bounce .5s infinite alternate
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta:hover span {
        background-color: #95e8db;
        transform: translate(0)
    }
}

@media all {

    .container-header .utility-nav__item--order-online .cta:hover span:after,
    .container-header .utility-nav__item--order-online .cta:hover span:before {
        border-color: transparent transparent #95e8db;
        transform: translate(0)
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta span {
        position: relative;
        z-index: 1;
        min-width: 70px;
        height: auto;
        padding: 0;
        font-weight: 600;
        line-height: 1.5rem;
        color: #000;
        background-color: #01e2c2
    }
}

@media all {

    .container-header .utility-nav__item--order-online .cta span:after,
    .container-header .utility-nav__item--order-online .cta span:before {
        position: absolute;
        top: -10px;
        z-index: -1;
        display: inline-block;
        height: 16px;
        border-color: transparent transparent #01e2c2;
        border-style: solid;
        border-width: 0 8px 12px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {

    .container-header .utility-nav__item--order-online .cta span:after,
    .container-header .utility-nav__item--order-online .cta span:before {
        top: -9px;
        border-width: 0 9px 14px
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta span:before {
        right: calc(100% + 15px);
        width: 50%
    }
}

@media all {
    .container-header .utility-nav__item--order-online .cta span:after {
        left: -14px;
        width: 200%
    }
}

@media (min-width:48rem) {
    .container-header .utility-nav__item--order-online .cta span:after {
        left: -15px
    }
}

@media (min-width:90rem) {

    .container-header .utility-nav__item--order-online .cta span:after,
    .container-header .utility-nav__item--order-online .cta span:before {
        top: -12px;
        border-width: 0 9px 16px
    }
}

@media all {
    .container-header .utility-nav__item--order-online .pane__content .cta {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem
    }
}

.container-header .utility-nav__item--order-online a {
    min-width: 165.92px
}

@media (min-width:768px) {
    .container-header .utility-nav__item--order-online a {
        min-width: 172.55px;
        top: 1px
    }
}

@media (min-width:1200px) {
    .container-header .utility-nav__item--order-online a {
        top: -4px
    }
}

@media (min-width:1440px) {
    .container-header .utility-nav__item--order-online a {
        min-width: 202.41px;
        top: -8px
    }
}

.container-header .utility-nav__item--order-online span {
    overflow: unset;
    width: 100%
}

.container-header .navigation__item--cta {
    border: 0;
    margin-bottom: 15px
}

.container-header .navigation__item--cta a,
.container-header .navigation__item--cta a span {
    font-family: BarlowRegular !important
}

@media all {
    .container-header .navigation__item--cta a {
        text-decoration: underline
    }

    .container-header .navigation__item--cta *,
    .container-header .navigation__item--cta :after,
    .container-header .navigation__item--cta :before {
        box-sizing: border-box
    }

    .container-header .navigation__item--cta a,
    .container-header .navigation__item--cta span {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    .container-header .navigation__item--cta a {
        color: #ff2350
    }

    .container-header .navigation__item--cta a:hover {
        color: #f701b5
    }

    .container-header .navigation__item--cta .cta {
        text-transform: uppercase
    }

    .container-header .navigation__item--cta .cta,
    .container-header .navigation__item--cta .cta:before {
        -webkit-backface-visibility: hidden
    }

    .container-header .navigation__item--cta .cta span {
        text-align: center
    }

    .container-header .navigation__item--cta .cta {
        padding: 1.5625rem 1.5625rem .3125rem 2.1875rem;
        font-size: 16px;
        font-size: 1rem;
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: auto;
        text-decoration: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .container-header .navigation__item--cta .cta {
        padding: 1.5625rem 1.5625rem .25rem 2.1875rem;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media all {
    .container-header .navigation__item--cta .cta:before {
        position: absolute;
        top: 16px;
        left: 13px;
        width: 0;
        height: 0;
        border-color: #f701b5 transparent transparent;
        border-style: solid;
        border-width: 12px 8px 0;
        content: "";
        transform: translateY(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {

    .container-header .navigation__item--cta .cta:after,
    .container-header .navigation__item--cta .cta span:after,
    .container-header .navigation__item--cta .cta span:before {
        -webkit-backface-visibility: hidden;
        content: ""
    }
}

@media (min-width:48rem) {
    .container-header .navigation__item--cta .cta:before {
        top: 13px;
        left: 11px;
        border-width: 14px 9px 0
    }
}

@media (min-width:90rem) {
    .container-header .navigation__item--cta .cta {
        padding: 1.875rem 1.875rem .4375rem 2.5rem;
        font-size: 20px;
        font-size: 1.25rem
    }

    .container-header .navigation__item--cta .cta:before {
        left: 16px;
        border-width: 16px 9px 0
    }
}

@media all {
    .container-header .navigation__item--cta .cta:after {
        position: absolute;
        bottom: 0;
        left: -1%;
        display: block;
        width: 102%;
        height: calc(100% - 30px);
        background: #01e2c2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {
    .container-header .navigation__item--cta .cta span {
        display: inline-block
    }
}

@media (min-width:90rem) {
    .container-header .navigation__item--cta .cta:after {
        height: calc(100% - 33px)
    }
}

@media all {
    .container-header .navigation__item--cta .cta:hover:after {
        width: 110%;
        background: #95e8db
    }
}

@media all {
    .container-header .navigation__item--cta .cta:hover:before {
        -webkit-animation: cta-bounce .5s infinite alternate;
        animation: cta-bounce .5s infinite alternate
    }
}

@media all {
    .container-header .navigation__item--cta .cta:hover span {
        background-color: #95e8db;
        transform: translate(0)
    }
}

@media all {

    .container-header .navigation__item--cta .cta:hover span:after,
    .container-header .navigation__item--cta .cta:hover span:before {
        border-color: transparent transparent #95e8db;
        transform: translate(0)
    }
}

@media all {
    .container-header .navigation__item--cta .cta span {
        position: relative;
        z-index: 1;
        min-width: 70px;
        height: auto;
        padding: 0;
        font-weight: 600;
        line-height: 1.5rem;
        color: #000;
        background-color: #01e2c2
    }
}

@media all {

    .container-header .navigation__item--cta .cta span:after,
    .container-header .navigation__item--cta .cta span:before {
        position: absolute;
        top: -10px;
        z-index: -1;
        display: inline-block;
        height: 16px;
        border-color: transparent transparent #01e2c2;
        border-style: solid;
        border-width: 0 8px 12px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {

    .container-header .navigation__item--cta .cta span:after,
    .container-header .navigation__item--cta .cta span:before {
        top: -9px;
        border-width: 0 9px 14px
    }
}

@media all {
    .container-header .navigation__item--cta .cta span:before {
        right: calc(100% + 15px);
        width: 50%
    }
}

@media all {
    .container-header .navigation__item--cta .cta span:after {
        left: -14px;
        width: 200%
    }
}

@media (min-width:48rem) {
    .container-header .navigation__item--cta .cta span:after {
        left: -15px
    }
}

@media (min-width:90rem) {

    .container-header .navigation__item--cta .cta span:after,
    .container-header .navigation__item--cta .cta span:before {
        top: -12px;
        border-width: 0 9px 16px
    }
}

@media all {
    .container-header .navigation__item--cta .pane__content .cta {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem
    }
}

.container-header .navigation__item--cta a {
    width: auto
}

.container-header .navigation__item--cta .cta span {
    background: #000;
    color: #fff
}

.container-header .navigation__item--cta .cta:after {
    background: #000
}

.container-header .navigation__item--cta .cta span:after,
.container-header .navigation__item--cta .cta span:before {
    border-color: transparent transparent #000
}

.container-header .navigation__item--cta .cta:before {
    border-color: #f701b5 transparent transparent
}

.container-header .navigation__item--cta .cta:hover span {
    background: #000;
    color: #fff
}

.container-header .navigation__item--cta .cta:hover:after {
    background: #000
}

.container-header .navigation__item--cta .cta:hover span:after,
.container-header .navigation__item--cta .cta:hover span:before {
    border-color: transparent transparent #000
}

.container-header .navigation__item--cta .cta:hover:before {
    border-color: #f701b5 transparent transparent
}

.container-header .navigation__item--cta a+a {
    float: right
}

@media (min-width:768px) {
    .container-header .navigation__item--cta a+a {
        float: none;
        margin-left: 16px
    }
}

@media (min-width:1200px) {
    .container-header .navigation__item--cta {
        display: none
    }
}

.show-overlay {
    overflow: hidden;
    position: relative
}

.show-overlay .menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 200%;
    height: 200%;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    z-index: 111;
    cursor: pointer
}

@media all {
    .container-footer a {
        text-decoration: underline
    }

    .container-footer *,
    .container-footer :after,
    .container-footer :before {
        box-sizing: border-box
    }

    .container-footer footer {
        display: block
    }

    .container-footer a,
    .container-footer div,
    .container-footer footer,
    .container-footer h6,
    .container-footer li,
    .container-footer span,
    .container-footer ul {
				border-top: none;
        font: inherit;
        vertical-align: baseline
    }

    .container-footer ul {
        list-style: none
    }

    .container-footer a {
        color: #ffffff
    }

    .container-footer a:hover {
    }

    .container-footer .icon:before {
        font-family: icomoon !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .container-footer .icon--twitter:before {
        content: "\F099"
    }

    .container-footer .icon--facebook-fill:before {
        content: "\E932"
    }

    .container-footer .icon--instagram:before {
        content: "\E933"
    }

    .container-footer .icon--snapchat:before {
        content: "\E934"
    }

    .container-footer .icon--youtube:before {
        content: "\F16A"
    }

    .container-footer .icon--spotify:before {
        content: "\E908"
    }

    .container-footer .footer,
    .container-footer .footer:after {
        clear: both
        border-top: none;
    }


    .container-footer .inner:after,
    .container-footer .inner:before {
        -webkit-flex-basis: 0;
        -webkit-order: 1;
        display: table;
        content: "";
        -webkit-box-ordinal-group: 2
    }

    .container-footer .inner {
        width: 100%;
        max-width: 1800px;
        margin: 0 auto
    }

    .container-footer .inner:after,
    .container-footer .inner:before {
        flex-basis: 0;
        order: 1
    }

    .container-footer .inner:after {
        clear: both
    }

    .container-footer .link {
        color: #771612
    }

    .container-footer .link:hover {
        text-decoration: underline
    }

    .container-footer .link--privacy {
        color: #fff
    }
}

@media (min-width:64rem) {
    .container-footer .social-links__item {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media all {
    .container-footer .social-links {
        display: block;
        width: 100%;
        max-width: 580px;
        margin: 0 auto;
        text-align: center
    }
}

@media (min-width:30rem) {
    .container-footer .social-links {
        display: table;
        float: left;
        table-layout: fixed;
        width: 66.67%
    }

    .container-footer .social-links+.social-links {
        width: 33.33%
    }
}

@media all {
    .container-footer .social-links__item {
        padding: .3125rem 7%;
        display: inline-block;
        text-align: center
    }
}

@media (min-width:30rem) {
    .container-footer .social-links__item {
        padding: 1.125rem 0;
        display: table-cell
    }
}

@media all {
    .container-footer .social-links__item .icon--youtube {
        font-size: 28px;
        font-size: 1.75rem
    }
}

@media (min-width:48rem) {
    .container-footer .social-links__item {
        padding: 1.25rem 0
    }
}

@media all {
    .container-footer .social-links-wrapper:after {
        clear: both
    }
}

@media all {

    .container-footer .footer-nav,
    .container-footer .footer-nav__title {
        font-family: BarlowSemiBold, Helvetica, Geneva, Arial, sans-serif;
        font-weight: 400 !important
    }
}




@media all {

    .container-footer .footer-nav,
    .container-footer .footer>.inner {
        position: relative;
        z-index: 10
    }
}

@media all {
    .container-footer .footer a:hover {
        
    }
}

@media all {
    .container-footer .footer__copyright {
        background: #1a1a1a;
        color: #fff;
        text-align: left;
        padding: .625rem 21px 1.75rem;
        max-width: 1280px;
    }
}

@media all {
    .container-footer .footer-nav {
        font-weight: 600;
        overflow: hidden
    }
}

@media (min-width:48rem) {
    .container-footer .footer__copyright {
        padding: 2rem 24px 1.75rem
    }

    .container-footer .footer-nav {
        padding: 2.875rem 0 2.25rem
    }
}

@media (min-width:75rem) {
    .container-footer .footer>.inner {
        font-size: 18px;
        font-size: 1.125rem;
        max-width: 1250px
    }

    .container-footer .footer-nav {
        padding: 3.375rem 0 2.625rem;
        display: flex;
        justify-content: space-between
    }
}

@media (min-width:112.5rem) {
    .container-footer .footer-nav {
        padding: 5.625rem 0 4.375rem
    }
}

@media all {
    .container-footer .footer-nav>.footer-nav__item {
        transition: background-color .75s;
        border-bottom: 1px solid #181818;
        padding: 0 2.125rem
    }
}

@media all {
    .container-footer .footer-nav>.footer-nav__item>.footer-nav__title {
        text-transform: uppercase;
        height: 50px;
        line-height: 50px
    }
}

@media (min-width:64rem) {
    .container-footer .footer-nav>.footer-nav__item>.footer-nav__title {
        height: 70px;
        line-height: 70px
    }
}

@media (min-width:75rem) {
    .container-footer .footer-nav>.footer-nav__item {
        border: 0;
        float: left;
        text-align: center;
        width: 15%;
        padding: 0
    }

    .container-footer .footer-nav>.footer-nav__item:nth-child(2)>.footer-nav__title:before {
        transform: translate(-50%) rotate(183deg)
    }

    .container-footer .footer-nav>.footer-nav__item:nth-child(3)>.footer-nav__title:before {
        transform: translate(-50%) rotate(178deg)
    }

    .container-footer .footer-nav>.footer-nav__item:nth-child(4)>.footer-nav__title:before {
        transform: translate(-50%) rotate(187deg)
    }

    .container-footer .footer-nav>.footer-nav__item:nth-child(5)>.footer-nav__title:before {
        transform: translate(-50%) rotate(185deg)
    }

    .container-footer .footer-nav>.footer-nav__item>.footer-nav__title {
        height: auto;
        line-height: inherit
    }

    .container-footer .footer-nav>.footer-nav__item>.footer-nav__title:before {
        content: "";
        display: block;
        background: url(https://www.nandos.co.uk/sites/all/themes/nandos/nandos-2015-styleguide-dist/images/layout/line.png) 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: 50%;
        transform: translate(-50%) rotate(187deg);
        height: 7px;
        width: 52px;
        top: 36px
    }

    .container-footer .footer-nav>.footer-nav__item .footer-nav__item {
        display: block;
        width: 100%;
        margin: 0 0 .6875rem
    }

    .container-footer .footer-nav>.footer-nav__item .footer-nav__item:last-child {
        margin: 0
    }
}

@media all {
    .container-footer .footer-nav>.footer-nav__item:last-child {
        border-bottom: 0
    }
}

@media all {
    .container-footer .footer-nav>.footer-nav__item .footer-nav__item {
        padding: 0 0 .9375rem .625rem;
        border: 0
    }
}

@media (min-width:75rem) {
    .container-footer .footer-nav>.footer-nav__item .footer-nav__item {
        font-size: 18px;
        font-size: 1.125rem;
        margin: 0 0 .5625rem;
        padding: 0
    }

    .container-footer .footer-nav .footer-nav {
        display: flex;
        flex-direction: column
    }
}

@media (min-width:90rem) {
    .container-footer .footer>.inner {
        max-width: 1164px
    }

    .container-footer .footer-nav>.footer-nav__item>.footer-nav__title:before {
        top: 45px
    }

    .container-footer .footer-nav>.footer-nav__item .footer-nav__item {
        font-size: 20px;
        font-size: 1.25rem;
        margin: 0 0 .6875rem
    }
}

@media all {
    .container-footer .footer-nav .footer-nav {
        padding: 0 0 1.3125rem
    }
}

@media all {
    .container-footer .footer-nav__title {
        font-weight: 600;
        position: relative;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media (min-width:48rem) {
    .container-footer .footer-nav__title {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (min-width:75rem) {
    .container-footer .footer-nav__title {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 2.5625rem
    }

    .container-footer .footer-nav__title:before {
        content: "";
        position: absolute
    }
}

@media (min-width:90rem) {
    .container-footer .footer-nav__title {
        font-size: 20px;
        font-size: 1.25rem;
        margin-bottom: 3.0625rem
    }
}

@media all {
    .container-footer .footer-nav__title span {
        color: #ff00b4;
        display: block;
        float: right
    }
}

@media all {
    .container-footer .footer-nav__link {
        color: #fff;
        font-size: 17px;
        font-size: 1.0625rem;
        text-decoration: none
    }
}

@media (min-width:48rem) {
    .container-footer .footer-nav__link {
        font-size: 18px;
        font-size: 1.125rem
    }

    .container-footer .social-links-wrapper>.inner {
        max-width: 580px
    }
}

@media (min-width:75rem) {
    .container-footer .footer-nav__link {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media (min-width:90rem) {
    .container-footer .footer-nav__link {
        font-size: 22px;
        font-size: 1.375rem
    }
}

@media all {
    .container-footer .footer-nav__link:first-letter {
        text-transform: uppercase
    }
}

@media all {
    .container-footer .footer-nav__link:hover {
        text-decoration: none;
        color: #ff00b4
    }
}

@media all {
    .container-footer .js .footer-nav__title {
        cursor: pointer
    }
}

@media all {
    .container-footer .social-links-wrapper {
        padding: 1.25rem 2.0625rem;
        background: #1a1a1a
    }
}

@media all {

    .container-footer .social-links-wrapper:after,
    .container-footer .social-links-wrapper:before {
        content: "";
        display: table;
        flex-basis: 0;
        order: 1
    }
}

@media (min-width:30rem) {
    .container-footer .social-links-wrapper {
        padding: 0 2.0625rem
    }
}

@media all {
    .container-footer .social-link {
        color: #fff;
        text-decoration: none;
        font-size: 25px;
        font-size: 1.5625rem
    }
}

@media (min-width:64rem) {
    .container-footer .js .footer-nav__title {
        cursor: default
    }

    .container-footer .social-link {
        font-size: 30px;
        font-size: 1.875rem
    }
}

@media all {
    .container-footer .social-link:hover {
        color: #ff00b4;
        text-decoration: none;
        transition: color .5s ease
    }
}

@media all {
    .container-footer .social-link .link__copy {
        display: none
    }
}

@media all {
    .container-footer .spacer {
        background: url(https://www.nandos.co.uk/sites/all/themes/nandos/nandos-2015-styleguide-dist/images/front/footer-border.jpg) 0 0 repeat-x #1a1a1a;
        background-size: 320px 13px;
        color: #fff;
        padding: 2.375rem 2.0625rem 0;
        text-align: center
    }
}

@media (min-width:48rem) {
    .container-footer .spacer {
        padding: 2.375rem 2.0625rem 1.125rem
    }
}

@media (min-width:75rem) {
    .container-footer .spacer {
        padding: 4.375rem 2.0625rem 1.25rem
    }
}

@media (min-width:112.5rem) {
    .container-footer .spacer {
        background: url(https://www.nandos.co.uk/sites/all/themes/nandos/nandos-2015-styleguide-dist/images/front/footer-border.jpg) 0 0 repeat-x #1a1a1a
    }
}

.container-footer body {
    margin: 0
}

.container-footer .footer-nav__item {
    transition: all .75s
}

.container-footer .footer-nav__title {
    -webkit-font-smoothing: antialiased
}

.container-footer .footer-nav .footer-nav {
    display: none
}

.container-footer .footer-nav__link {
    line-height: 21.6px !important;
    -webkit-font-smoothing: antialiased
}

.container-footer .footer-nav__item.active .footer-nav__title {
    color: #dcdcdc
}

.container-footer .footer-nav__item.active {
    background-color: #181818
}

.container-footer .footer__copyright {
   font-family: 'BarlowRegular';
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    padding-top: .72em
}

@media (max-width:1199px) {
    .container-footer .footer-nav__title {
        cursor: pointer
    }
}

@media (min-width:48rem) {
    .container-footer .footer__copyright {
        padding-top: 2.1rem
    }
}

@media (min-width:1200px) {
    .container-footer .footer-nav__title span {
        display: none
    }

    .container-footer .footer-nav .footer-nav {
        display: block
    }

    .container-footer .footer-nav__link {
        line-height: 26.4px !important
    }
}

.container-footer {
    font-size: 16px
}

.container-footer .footer__copyright,
.container-footer .social-links-wrapper {
    line-height: normal
}

.container-footer .social-links-wrapper {
    margin-bottom: -3px
}

@media (min-width:1200px) {
    .footer-nav__title {
        line-height: normal !important
    }
}

.footer-nav .footer-nav {
    line-height: normal
}

::-webkit-input-placeholder {
    color: #757575;
    font-family: BarlowRegular
}

:-moz-placeholder,
::-moz-placeholder {
    color: #757575;
    font-family: BarlowRegular
}

:-ms-input-placeholder {
    color: #757575;
    font-family: BarlowRegular
}

body {
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    background: #f7f4e8;
    opacity: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    margin-bottom: 30px
}

.black {
    color: #000 !important
}

.container-header .header .sub-nav {
    align-items: center;
    background: #01e2c2;
    display: flex;
    justify-content: center;
    padding: .8em 1em;
    position: relative;
    z-index: 1;
}

.container-header .header .sub-nav a {
    color: #000
}

.container-header .header .sub-nav .breadcrumbs {
    margin: 0;
    text-align: center
}

.container-header .header .sub-nav .breadcrumbs li {
    margin: 0 1em
}

.container-header .header .sub-nav .breadcrumbs li,
.container-header .header .sub-nav .breadcrumbs li a {
    color: #000 !important;
    text-decoration: none;
    white-space: nowrap;
    font-size: 18px
}

.container-header .header .sub-nav .breadcrumbs li,
.container-header .header .sub-nav .breadcrumbs li a:active,
.container-header .header .sub-nav .breadcrumbs li a:hover {
    color: #fff !important
}

.container-header .header .sub-nav .breadcrumbs li span {
    padding: 0 0 0 1.5em
}

.container-header .header .sub-nav .breadcrumbs li+li:before {
    border-bottom: 6px solid transparent;
    border-left: 11px solid #f701b5;
    border-top: 6px solid transparent;
    content: "";
    height: 0;
    margin: .15em -1.4em 0;
    position: absolute;
    width: 0
}

.hero-wrapper {
    background: #000;
    padding-bottom: 5px !important
}

.section-search {
    background-color: #faa500;
    background-image: url(/hc/theming_assets/01JZ3286J9QYZRAK3RWJ1HS3T2);
    background-position: 60px 25px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center
}

.section-search .section-search-inner a,
.section-search .section-search-inner a span {
    font-family: BarlowRegular !important
}

@media all {
    .section-search .section-search-inner a {
        text-decoration: underline
    }

    .section-search .section-search-inner *,
    .section-search .section-search-inner :after,
    .section-search .section-search-inner :before {
        box-sizing: border-box
    }

    .section-search .section-search-inner a,
    .section-search .section-search-inner span {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    .section-search .section-search-inner a {
        color: #ff2350
    }

    .section-search .section-search-inner a:hover {
        color: #f701b5
    }

    .section-search .section-search-inner .cta {
        text-transform: uppercase
    }

    .section-search .section-search-inner .cta,
    .section-search .section-search-inner .cta:before {
        -webkit-backface-visibility: hidden
    }

    .section-search .section-search-inner .cta span {
        text-align: center
    }

    .section-search .section-search-inner .cta {
        padding: 1.5625rem 1.5625rem .3125rem 2.1875rem;
        font-size: 16px;
        font-size: 1rem;
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: auto;
        text-decoration: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .section-search .section-search-inner .cta {
        padding: 1.5625rem 1.5625rem .25rem 2.1875rem;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media all {
    .section-search .section-search-inner .cta:before {
        position: absolute;
        top: 16px;
        left: 13px;
        width: 0;
        height: 0;
        border-color: #f701b5 transparent transparent;
        border-style: solid;
        border-width: 12px 8px 0;
        content: "";
        transform: translateY(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {

    .section-search .section-search-inner .cta:after,
    .section-search .section-search-inner .cta span:after,
    .section-search .section-search-inner .cta span:before {
        -webkit-backface-visibility: hidden;
        content: ""
    }
}

@media (min-width:48rem) {
    .section-search .section-search-inner .cta:before {
        top: 13px;
        left: 11px;
        border-width: 14px 9px 0
    }
}

@media (min-width:90rem) {
    .section-search .section-search-inner .cta {
        padding: 1.875rem 1.875rem .4375rem 2.5rem;
        font-size: 20px;
        font-size: 1.25rem
    }

    .section-search .section-search-inner .cta:before {
        left: 16px;
        border-width: 16px 9px 0
    }
}

@media all {
    .section-search .section-search-inner .cta:after {
        position: absolute;
        bottom: 0;
        left: -1%;
        display: block;
        width: 102%;
        height: calc(100% - 30px);
        background: #01e2c2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {
    .section-search .section-search-inner .cta span {
        display: inline-block
    }
}

@media (min-width:90rem) {
    .section-search .section-search-inner .cta:after {
        height: calc(100% - 33px)
    }
}

@media all {
    .section-search .section-search-inner .cta:hover:after {
        width: 110%;
        background: #95e8db
    }
}

@media all {
    .section-search .section-search-inner .cta:hover:before {
        -webkit-animation: cta-bounce .5s infinite alternate;
        animation: cta-bounce .5s infinite alternate
    }
}

@media all {
    .section-search .section-search-inner .cta:hover span {
        background-color: #95e8db;
        transform: translate(0)
    }
}

@media all {

    .section-search .section-search-inner .cta:hover span:after,
    .section-search .section-search-inner .cta:hover span:before {
        border-color: transparent transparent #95e8db;
        transform: translate(0)
    }
}

@media all {
    .section-search .section-search-inner .cta span {
        position: relative;
        z-index: 1;
        min-width: 70px;
        height: auto;
        padding: 0;
        font-weight: 600;
        line-height: 1.5rem;
        color: #000;
        background-color: #01e2c2
    }
}

@media all {

    .section-search .section-search-inner .cta span:after,
    .section-search .section-search-inner .cta span:before {
        position: absolute;
        top: -10px;
        z-index: -1;
        display: inline-block;
        height: 16px;
        border-color: transparent transparent #01e2c2;
        border-style: solid;
        border-width: 0 8px 12px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {

    .section-search .section-search-inner .cta span:after,
    .section-search .section-search-inner .cta span:before {
        top: -9px;
        border-width: 0 9px 14px
    }
}

@media all {
    .section-search .section-search-inner .cta span:before {
        right: calc(100% + 15px);
        width: 50%
    }
}

@media all {
    .section-search .section-search-inner .cta span:after {
        left: -14px;
        width: 200%
    }
}

@media (min-width:48rem) {
    .section-search .section-search-inner .cta span:after {
        left: -15px
    }
}

@media (min-width:90rem) {

    .section-search .section-search-inner .cta span:after,
    .section-search .section-search-inner .cta span:before {
        top: -12px;
        border-width: 0 9px 16px
    }
}

@media all {
    .section-search .section-search-inner .pane__content .cta {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem
    }
}

.section-search .section-search-inner .heading {
    color: #fff;
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #000
}

.section-search .section-search-inner #query {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #dcdcdc;
    border-radius: 0;
    color: #000;
    font-family: BarlowRegular;
    font-size: 20px;
    height: 48px;
    text-align: center;
    display: block;
    margin: 0 auto;
    max-width: 630px;
    padding: 10px;
    text-align: left
}

.section-search .section-search-inner input[type=submit] {
    display: none
}

.section-search .section-search-inner .cta {
    cursor: pointer
}

.section-contact-us {
    background-color: #00555a;
    background-image: url(/hc/theming_assets/01KK19AHYN3DESAM2HVX6TRHYR);
    background-position: -100px -100px;
    background-repeat: no-repeat;
    padding: 45px 20px 100px;
    position: relative;
    text-align: center
}

@media (min-width:600px) {
    .section-contact-us {
        background-size: 45%
    }
}

@media (min-width:1000px) {
    .section-contact-us {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

.section-contact-us .heading {
    color: #fff;
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 400
}

.section-contact-us p {
    color: #fff;
    display: none;
    font-size: 22px;
    margin: 0 auto;
    max-width: 700px
}

.section-contact-us a,
.section-contact-us a span {
    font-family: BarlowRegular !important
}

@media all {
    .section-contact-us a {
        text-decoration: underline
    }

    .section-contact-us *,
    .section-contact-us :after,
    .section-contact-us :before {
        box-sizing: border-box
    }

    .section-contact-us a,
    .section-contact-us span {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    .section-contact-us a {
        color: #ff2350
    }

    .section-contact-us a:hover {
        color: #f701b5
    }

    .section-contact-us .cta {
        text-transform: uppercase
    }

    .section-contact-us .cta,
    .section-contact-us .cta:before {
        -webkit-backface-visibility: hidden
    }

    .section-contact-us .cta span {
        text-align: center
    }

    .section-contact-us .cta {
        padding: 1.5625rem 1.5625rem .3125rem 2.1875rem;
        font-size: 16px;
        font-size: 1rem;
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: auto;
        text-decoration: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .section-contact-us .cta {
        padding: 1.5625rem 1.5625rem .25rem 2.1875rem;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media all {
    .section-contact-us .cta:before {
        position: absolute;
        top: 16px;
        left: 13px;
        width: 0;
        height: 0;
        border-color: #f701b5 transparent transparent;
        border-style: solid;
        border-width: 12px 8px 0;
        transform: translateY(0);
        backface-visibility: hidden
    }
}

@media all {

    .section-contact-us .cta:after,
    .section-contact-us .cta:before,
    .section-contact-us .cta span:after,
    .section-contact-us .cta span:before {
        content: "";
        -webkit-backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .section-contact-us .cta:before {
        top: 13px;
        left: 11px;
        border-width: 14px 9px 0
    }
}

@media (min-width:90rem) {
    .section-contact-us .cta {
        padding: 1.875rem 1.875rem .4375rem 2.5rem;
        font-size: 20px;
        font-size: 1.25rem
    }

    .section-contact-us .cta:before {
        left: 16px;
        border-width: 16px 9px 0
    }
}

@media all {
    .section-contact-us .cta:after {
        position: absolute;
        bottom: 0;
        left: -1%;
        display: block;
        width: 102%;
        height: calc(100% - 30px);
        background: #01e2c2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {
    .section-contact-us .cta span {
        display: inline-block
    }
}

@media (min-width:90rem) {
    .section-contact-us .cta:after {
        height: calc(100% - 33px)
    }
}

@media all {
    .section-contact-us .cta:hover:after {
        width: 110%;
        background: #95e8db
    }
}

@media all {
    .section-contact-us .cta:hover:before {
        -webkit-animation: cta-bounce .5s infinite alternate;
        animation: cta-bounce .5s infinite alternate
    }
}

@media all {
    .section-contact-us .cta:hover span {
        background-color: #95e8db;
        transform: translate(0)
    }
}

@media all {

    .section-contact-us .cta:hover span:after,
    .section-contact-us .cta:hover span:before {
        border-color: transparent transparent #95e8db;
        transform: translate(0)
    }
}

@media all {
    .section-contact-us .cta span {
        position: relative;
        z-index: 1;
        min-width: 70px;
        height: auto;
        padding: 0;
        font-weight: 600;
        line-height: 1.5rem;
        color: #000;
        background-color: #01e2c2
    }
}

@media all {

    .section-contact-us .cta span:after,
    .section-contact-us .cta span:before {
        position: absolute;
        top: -10px;
        z-index: -1;
        display: inline-block;
        height: 16px;
        border-color: transparent transparent #01e2c2;
        border-style: solid;
        border-width: 0 8px 12px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {

    .section-contact-us .cta span:after,
    .section-contact-us .cta span:before {
        top: -9px;
        border-width: 0 9px 14px
    }
}

@media all {
    .section-contact-us .cta span:before {
        right: calc(100% + 15px);
        width: 50%
    }
}

@media all {
    .section-contact-us .cta span:after {
        left: -14px;
        width: 200%
    }
}

@media (min-width:48rem) {
    .section-contact-us .cta span:after {
        left: -15px
    }
}

@media (min-width:90rem) {

    .section-contact-us .cta span:after,
    .section-contact-us .cta span:before {
        top: -12px;
        border-width: 0 9px 16px
    }
}

@media all {
    .section-contact-us .pane__content .cta {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem
    }
}

.section-contact-us a {
    line-height: 0 !important
}

.pagination a {
    background-color: #ff0;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    transition: none
}

.pagination a:hover {
    background-color: #ff9;
    color: #000
}

.pagination a .pagination-first-icon,
.pagination a .pagination-last-icon,
.pagination a .pagination-next-icon,
.pagination a .pagination-next-text,
.pagination a .pagination-prev-icon,
.pagination a .pagination-prev-text {
    position: relative;
    top: 1px
}

.icon-star {
    color: #f701b5
}

.body-article .section-search,
.body-category .section-search,
.body-error .section-search,
.body-new-request .section-search,
.body-search-results .section-search,
.body-section .section-search {
    height: auto;
    padding: 180px 20px 100px
}

.body-home .container-header .section-search {
    display: none
}

.body-home .hero-wrapper {
    position: relative;
    z-index: 2
}

.body-home .hero-wrapper .hero {
    background-image: url(/hc/theming_assets/01JZ3286M7P0VHFKK68XSWNPRF);
    /* background-position: 47% 47px;*/
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
    margin: 0
}

@media (min-width:768px) {
    .body-home .hero-wrapper .hero {
        background-position: 50% 10%;
        height: 600px
    }
}

.body-home .hero-wrapper .hero .hero-inner {
    top: 53%
}

.body-home .hero-wrapper .hero .hero-heading {
    color: #fff;
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    font-size: 60px;
    line-height: .9;
    text-align: center;
    transform: rotate(-3deg);
    position: relative;
    margin-bottom: 50px
}

.body-home .hero-wrapper .hero .hero-heading:after,
.body-home .hero-wrapper .hero .hero-heading:before {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: url(/hc/theming_assets/01JZ3286HHC1V3V1A7C4GNNZ3S) 0 0 no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 10px;
    left: 50%;
    position: absolute;
    width: 110px
}

@media (min-width:768px) {

    .body-home .hero-wrapper .hero .hero-heading:after,
    .body-home .hero-wrapper .hero .hero-heading:before {
        height: 14px;
        width: 139px
    }
}

.body-home .hero-wrapper .hero .hero-heading:before {
    transform: translate(-50%);
    top: -20px
}

@media (min-width:480px) {
    .body-home .hero-wrapper .hero .hero-heading:before {
        top: -30px
    }
}

.body-home .hero-wrapper .hero .hero-heading:after {
    bottom: -30px;
    transform: rotate(187deg) translate(-50%);
    transform-origin: 0 0
}

@media (min-width:480px) {
    .body-home .hero-wrapper .hero .hero-heading:after {
        bottom: -40px
    }
}

.body-home .hero-wrapper .hero .hero-description {
    color: #fff;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2;
    transform: rotate(-3deg)
}

.body-home .section-search {
    margin-top: -170px;
    padding: 200px 20px 70px;
    z-index: 1
}

@media (min-width:768px) {
    .body-home .section-search {
        padding-bottom: 100px
    }
}

.container {
    background-color: #f7f4e8;
    max-width: none;
    padding: 0;
    width: 100%
}

.category-container,
.error-container,
.new-request-container,
.search-results-container,
.section-container,
.section.knowledge-base,
article.article {
    display: block;
    padding: 35px 20px 100px;
    position: relative;
    text-align: center;
    z-index: 0
}

.category-container:after,
.category-container:before,
.error-container:after,
.error-container:before,
.new-request-container:after,
.new-request-container:before,
.search-results-container:after,
.search-results-container:before,
.section-container:after,
.section-container:before,
.section.knowledge-base:after,
.section.knowledge-base:before,
article.article:after,
article.article:before {
    content: "";
    display: inline-block;
    position: absolute;
    z-index: -1
}

.category-container:before,
.error-container:before,
.new-request-container:before,
.search-results-container:before,
.section-container:before,
.section.knowledge-base:before,
article.article:before {
    background: url(/hc/theming_assets/01KK19AH658M8B02PMKAAAD1VR) no-repeat;
    height: 160px;
    left: 0;
    top: 100px;
    width: 160px
}

@media (min-width:768px) {

    .category-container:before,
    .error-container:before,
    .new-request-container:before,
    .search-results-container:before,
    .section-container:before,
    .section.knowledge-base:before,
    article.article:before {
        height: 320px;
        left: 0;
        top: 50px;
        width: 320px
    }
}

.category-container:after,
.error-container:after,
.new-request-container:after,
.search-results-container:after,
.section-container:after,
.section.knowledge-base:after,
article.article:after {
    background: url(/hc/theming_assets/01KK19AGQZP0Q60PKHDJBCQWM2) no-repeat;
    height: 77px;
    right: 0;
    top: -15px;
    width: 77px
}

@media (min-width:768px) {

    .category-container:after,
    .error-container:after,
    .new-request-container:after,
    .search-results-container:after,
    .section-container:after,
    .section.knowledge-base:after,
    article.article:after {
        height: 160px;
        right: 15px;
        top: 15px;
        width: 160px
    }
}

.section-container,
.section-content,
article.article,
article.article .article-relatives,
section.article-info .article-body {
    text-align: left
}

.body-article .article-content,
.section-container .article-list,
.section-container article.article .article-relatives,
.section-content .article-list,
.section-content article.article .article-relatives,
article.article .article-list,
article.article .article-relatives,
article.article .article-relatives .article-list,
article.article .article-relatives article.article .article-relatives,
article.article article.article .article-relatives,
section.article-info,
section.article-info .article-body .article-list,
section.article-info .article-body article.article .article-relatives {
    margin: 0 auto;
    max-width: 1000px
}

.article-relatives section.related-articles .related-articles-title.heading {
    text-align: center
}

@media (min-width:768px) {
    .new-request-container {
        padding-bottom: 150px
    }
}

.body-article .page-header,
.body-category .page-header,
.body-error .page-header,
.body-new-request .page-header,
.body-search-results .page-header,
.body-section .page-header {
    display: block;
    margin: 20px 0;
    text-align: center
}

.body-article .page-header .heading,
.body-category .page-header .heading,
.body-error .page-header .heading,
.body-new-request .page-header .heading,
.body-search-results .page-header .heading,
.body-section .page-header .heading {
    color: #fff;
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #000;
    margin-bottom: 30px
}

.body-home .section.knowledge-base {
    margin: 0;
    padding: 40px 20px
}

@media (max-width:767px) {
    .body-home .section.knowledge-base:before {
        top: 130px
    }

    .body-home .section.knowledge-base:after {
        top: 15px
    }
}

@media (min-width:768px) {
    .body-home .section.knowledge-base {
        padding-bottom: 70px;
        padding-top: 70px
    }
}

.body-home .section.knowledge-base h2.heading {
    color: #fff;
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #000
}

.body-home .section.knowledge-base .categories {
    margin: 0 auto;
    max-width: 1360px
}

.body-home .blocks-item {
    border: 0;
    flex-direction: column;
    justify-content: flex-end
}

.body-home .blocks-item a,
.body-home .blocks-item a span {
    font-family: BarlowRegular !important
}

@media all {
    .body-home .blocks-item a {
        text-decoration: underline
    }

    .body-home .blocks-item *,
    .body-home .blocks-item :after,
    .body-home .blocks-item :before {
        box-sizing: border-box
    }

    .body-home .blocks-item a,
    .body-home .blocks-item span {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    .body-home .blocks-item a {
        color: #ff2350
    }

    .body-home .blocks-item a:hover {
        color: #f701b5
    }

    .body-home .blocks-item .cta {
        text-transform: uppercase
    }

    .body-home .blocks-item .cta,
    .body-home .blocks-item .cta:before {
        -webkit-backface-visibility: hidden
    }

    .body-home .blocks-item .cta span {
        text-align: center
    }

    .body-home .blocks-item .cta {
        padding: 1.5625rem 1.5625rem .3125rem 2.1875rem;
        font-size: 16px;
        font-size: 1rem;
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: auto;
        text-decoration: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .body-home .blocks-item .cta {
        padding: 1.5625rem 1.5625rem .25rem 2.1875rem;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media all {
    .body-home .blocks-item .cta:before {
        position: absolute;
        top: 16px;
        left: 13px;
        width: 0;
        height: 0;
        border-color: #f701b5 transparent transparent;
        border-style: solid;
        border-width: 12px 8px 0;
        transform: translateY(0);
        backface-visibility: hidden
    }
}

@media all {

    .body-home .blocks-item .cta:after,
    .body-home .blocks-item .cta:before,
    .body-home .blocks-item .cta span:after,
    .body-home .blocks-item .cta span:before {
        content: "";
        -webkit-backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .body-home .blocks-item .cta:before {
        top: 13px;
        left: 11px;
        border-width: 14px 9px 0
    }
}

@media (min-width:90rem) {
    .body-home .blocks-item .cta {
        padding: 1.875rem 1.875rem .4375rem 2.5rem;
        font-size: 20px;
        font-size: 1.25rem
    }

    .body-home .blocks-item .cta:before {
        left: 16px;
        border-width: 16px 9px 0
    }
}

@media all {
    .body-home .blocks-item .cta:after {
        position: absolute;
        bottom: 0;
        left: -1%;
        display: block;
        width: 102%;
        height: calc(100% - 30px);
        background: #01e2c2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {
    .body-home .blocks-item .cta span {
        display: inline-block
    }
}

@media (min-width:90rem) {
    .body-home .blocks-item .cta:after {
        height: calc(100% - 33px)
    }
}

@media all {
    .body-home .blocks-item .cta:hover:after {
        width: 110%;
        background: #95e8db
    }
}

@media all {
    .body-home .blocks-item .cta:hover:before {
        -webkit-animation: cta-bounce .5s infinite alternate;
        animation: cta-bounce .5s infinite alternate
    }
}

@media all {
    .body-home .blocks-item .cta:hover span {
        background-color: #95e8db;
        transform: translate(0)
    }
}

@media all {

    .body-home .blocks-item .cta:hover span:after,
    .body-home .blocks-item .cta:hover span:before {
        border-color: transparent transparent #95e8db;
        transform: translate(0)
    }
}

@media all {
    .body-home .blocks-item .cta span {
        position: relative;
        z-index: 1;
        min-width: 70px;
        height: auto;
        padding: 0;
        font-weight: 600;
        line-height: 1.5rem;
        color: #000;
        background-color: #01e2c2
    }
}

@media all {

    .body-home .blocks-item .cta span:after,
    .body-home .blocks-item .cta span:before {
        position: absolute;
        top: -10px;
        z-index: -1;
        display: inline-block;
        height: 16px;
        border-color: transparent transparent #01e2c2;
        border-style: solid;
        border-width: 0 8px 12px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {

    .body-home .blocks-item .cta span:after,
    .body-home .blocks-item .cta span:before {
        top: -9px;
        border-width: 0 9px 14px
    }
}

@media all {
    .body-home .blocks-item .cta span:before {
        right: calc(100% + 15px);
        width: 50%
    }
}

@media all {
    .body-home .blocks-item .cta span:after {
        left: -14px;
        width: 200%
    }
}

@media (min-width:48rem) {
    .body-home .blocks-item .cta span:after {
        left: -15px
    }
}

@media (min-width:90rem) {

    .body-home .blocks-item .cta span:after,
    .body-home .blocks-item .cta span:before {
        top: -12px;
        border-width: 0 9px 16px
    }
}

@media all {
    .body-home .blocks-item .pane__content .cta {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem
    }
}

@media (max-width:767px) {
    .body-home .blocks-item {
        margin-bottom: 45px
    }
}

.body-home .blocks-item:active,
.body-home .blocks-item:focus,
.body-home .blocks-item:hover {
    background: none
}

.body-home .blocks-item:active .blocks-item-title,
.body-home .blocks-item:focus .blocks-item-title,
.body-home .blocks-item:hover .blocks-item-title {
    color: #000
}

.body-home .blocks-item .blocks-item-title {
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    font-size: 28px;
    font-weight: 400
}

.body-home .blocks-item .cta:focus {
    box-shadow: none
}

.body-home .blocks-item .cta span {
    background-color: #ff0
}

.body-home .blocks-item .cta span:after,
.body-home .blocks-item .cta span:before {
    border-color: transparent transparent #ff0
}

.body-home .blocks-item .cta:after {
    background: #ff0
}

.body-home .blocks-item .cta:hover span {
    background-color: #ff9
}

.body-home .blocks-item .cta:hover span:after,
.body-home .blocks-item .cta:hover span:before {
    border-color: transparent transparent #ff9
}

.body-home .blocks-item .cta:hover:after {
    background: #ff9
}

.body-category .category-content .page-header {
    display: block
}

.body-category .category-content .section-tree-title a {
    color: #ff2350;
    font-family: BarlowSemiBold;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    display: inline-block;
    padding: 15px 0
}

.body-category .category-content .section-tree-title a:visited {
    color: #ff2350 !important
}

.body-category .category-content .section-tree-title a:hover {
    color: #f701b5 !important
}

@media (min-width:1024px) {
    .body-category .category-content .section-tree-title a {
        font-size: 22px
    }
}

.body-category .section-tree {
    display: block
}

.body-category .section-tree .section {
    margin: 0
}

.body-category .see-all-articles,
.body-category ul.article-list {
    display: none
}

.body-section .section-content .page-header {
    display: block
}

.body-section ul.article-list li {
    margin: 0;
    padding: 0
}

.body-section ul.article-list a {
    color: #ff2350;
    font-family: BarlowSemiBold;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    display: inline-block;
    padding: 15px 0
}

.body-section ul.article-list a:visited {
    color: #ff2350 !important
}

.body-section ul.article-list a:hover {
    color: #f701b5 !important
}

@media (min-width:1024px) {
    .body-section ul.article-list a {
        font-size: 22px
    }
}

.body-article .page-header-inner .heading {
    line-height: 1.35;
    margin: 0 auto 45px;
    max-width: 880px
}

.body-article .article {
    flex: 0 0 100%;
    max-width: none;
    min-width: auto
}

.body-article .article-content {
    color: #000;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 3rem
}

.body-article .article-content table {
    border-collapse: collapse
}

.body-article .article-content table td,
.body-article .article-content table th {
    border: 1px solid #dcdcdc
}

.body-article .article-content a {
    color: #ff2350 !important;
    text-decoration: underline
}

.body-article .article-content a:hover {
    color: #f701b5 !important;
    text-decoration: underline
}

.body-article .article-content ol,
.body-article .article-content ul {
    list-style-position: inside;
    margin: 0 20px;
    padding: 0
}

@media (min-width:1024px) {
    .body-article .article-content {
        font-size: 22px
    }
}

.body-article .article-content .wysiwyg-font-size-small {
    font-size: 14px
}

@media (min-width:1024px) {
    .body-article .article-content .wysiwyg-font-size-small {
        font-size: 18px
    }
}

.body-article .article-content .wysiwyg-font-size-medium {
    font-size: 18px
}

@media (min-width:1024px) {
    .body-article .article-content .wysiwyg-font-size-medium {
        font-size: 22px
    }
}

.body-article .article-content .wysiwyg-font-size-large {
    font-size: 22px
}

@media (min-width:1024px) {
    .body-article .article-content .wysiwyg-font-size-large {
        font-size: 26px
    }
}

.body-article .article-content .wysiwyg-font-size-x-large {
    font-size: 26px
}

@media (min-width:1024px) {
    .body-article .article-content .wysiwyg-font-size-x-large {
        font-size: 30px
    }
}

.body-article .article-content h1,
.body-article .article-content h2,
.body-article .article-content h3,
.body-article .article-content h4 {
    margin-bottom: 22px
}

.body-article .article-content h4 {
    font-size: 18px
}

@media (min-width:1024px) {
    .body-article .article-content h4 {
        font-size: 22px
    }
}

.body-article .article-content h3 {
    font-size: 22px
}

@media (min-width:1024px) {
    .body-article .article-content h3 {
        font-size: 26px
    }
}

.body-article .article-content h2 {
    font-size: 26px
}

@media (min-width:1024px) {
    .body-article .article-content h2 {
        font-size: 30px
    }
}

.body-article .article-content h1 {
    font-size: 30px
}

@media (min-width:1024px) {
    .body-article .article-content h1 {
        font-size: 34px
    }
}

.body-article .article-relatives {
    border-color: #dcdcdc;
    margin: 50px 0 0;
    padding: 40px 0 0;
    text-align: center
}

.body-article .article-relatives .heading {
    color: #fff;
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    color: #000;
    font-size: 32px;
    font-weight: 400;
    margin: 0 0 25px;
    padding-bottom: 0
}

.body-article .article-relatives ul li {
    margin: 0
}

.body-article .article-relatives ul a {
    color: #ff2350;
    font-family: BarlowSemiBold;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    display: inline-block;
    padding: 10px 0
}

.body-article .article-relatives ul a:visited {
    color: #ff2350 !important
}

.body-article .article-relatives ul a:hover {
    color: #f701b5 !important
}

@media (min-width:1024px) {
    .body-article .article-relatives ul a {
        font-size: 22px
    }
}

.body-new-request .message-success {
    z-index: -1
}

.body-new-request .message-success a,
.body-new-request .message-success a span {
    font-family: BarlowRegular !important
}

@media all {
    .body-new-request .message-success a {
        text-decoration: underline
    }

    .body-new-request .message-success *,
    .body-new-request .message-success :after,
    .body-new-request .message-success :before {
        box-sizing: border-box
    }

    .body-new-request .message-success a,
    .body-new-request .message-success span {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    .body-new-request .message-success a {
        color: #ff2350
    }

    .body-new-request .message-success a:hover {
        color: #f701b5
    }

    .body-new-request .message-success .cta {
        text-transform: uppercase
    }

    .body-new-request .message-success .cta,
    .body-new-request .message-success .cta:before {
        -webkit-backface-visibility: hidden
    }

    .body-new-request .message-success .cta span {
        text-align: center
    }

    .body-new-request .message-success .cta {
        padding: 1.5625rem 1.5625rem .3125rem 2.1875rem;
        font-size: 16px;
        font-size: 1rem;
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: auto;
        text-decoration: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .body-new-request .message-success .cta {
        padding: 1.5625rem 1.5625rem .25rem 2.1875rem;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media all {
    .body-new-request .message-success .cta:before {
        position: absolute;
        top: 16px;
        left: 13px;
        width: 0;
        height: 0;
        border-color: #f701b5 transparent transparent;
        border-style: solid;
        border-width: 12px 8px 0;
        content: "";
        transform: translateY(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {

    .body-new-request .message-success .cta:after,
    .body-new-request .message-success .cta span:after,
    .body-new-request .message-success .cta span:before {
        -webkit-backface-visibility: hidden;
        content: ""
    }
}

@media (min-width:48rem) {
    .body-new-request .message-success .cta:before {
        top: 13px;
        left: 11px;
        border-width: 14px 9px 0
    }
}

@media (min-width:90rem) {
    .body-new-request .message-success .cta {
        padding: 1.875rem 1.875rem .4375rem 2.5rem;
        font-size: 20px;
        font-size: 1.25rem
    }

    .body-new-request .message-success .cta:before {
        left: 16px;
        border-width: 16px 9px 0
    }
}

@media all {
    .body-new-request .message-success .cta:after {
        position: absolute;
        bottom: 0;
        left: -1%;
        display: block;
        width: 102%;
        height: calc(100% - 30px);
        background: #01e2c2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {
    .body-new-request .message-success .cta span {
        display: inline-block
    }
}

@media (min-width:90rem) {
    .body-new-request .message-success .cta:after {
        height: calc(100% - 33px)
    }
}

@media all {
    .body-new-request .message-success .cta:hover:after {
        width: 110%;
        background: #95e8db
    }
}

@media all {
    .body-new-request .message-success .cta:hover:before {
        -webkit-animation: cta-bounce .5s infinite alternate;
        animation: cta-bounce .5s infinite alternate
    }
}

@media all {
    .body-new-request .message-success .cta:hover span {
        background-color: #95e8db;
        transform: translate(0)
    }
}

@media all {

    .body-new-request .message-success .cta:hover span:after,
    .body-new-request .message-success .cta:hover span:before {
        border-color: transparent transparent #95e8db;
        transform: translate(0)
    }
}

@media all {
    .body-new-request .message-success .cta span {
        position: relative;
        z-index: 1;
        min-width: 70px;
        height: auto;
        padding: 0;
        font-weight: 600;
        line-height: 1.5rem;
        color: #000;
        background-color: #01e2c2
    }
}

@media all {

    .body-new-request .message-success .cta span:after,
    .body-new-request .message-success .cta span:before {
        position: absolute;
        top: -10px;
        z-index: -1;
        display: inline-block;
        height: 16px;
        border-color: transparent transparent #01e2c2;
        border-style: solid;
        border-width: 0 8px 12px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {

    .body-new-request .message-success .cta span:after,
    .body-new-request .message-success .cta span:before {
        top: -9px;
        border-width: 0 9px 14px
    }
}

@media all {
    .body-new-request .message-success .cta span:before {
        right: calc(100% + 15px);
        width: 50%
    }
}

@media all {
    .body-new-request .message-success .cta span:after {
        left: -14px;
        width: 200%
    }
}

@media (min-width:48rem) {
    .body-new-request .message-success .cta span:after {
        left: -15px
    }
}

@media (min-width:90rem) {

    .body-new-request .message-success .cta span:after,
    .body-new-request .message-success .cta span:before {
        top: -12px;
        border-width: 0 9px 16px
    }
}

@media all {
    .body-new-request .message-success .pane__content .cta {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem
    }
}

.body-new-request .message-success .cta:after {
    background: #ff0
}

.body-new-request .message-success .cta span {
    background-color: #ff0
}

.body-new-request .message-success .cta span:after,
.body-new-request .message-success .cta span:before {
    border-color: transparent transparent #ff0
}

.body-new-request .message-success .cta:hover:after {
    background: #ff9
}

.body-new-request .message-success .cta:hover span {
    background-color: #ff9
}

.body-new-request .message-success .cta:hover span:after,
.body-new-request .message-success .cta:hover span:before {
    border-color: transparent transparent #ff9
}

.body-new-request .asterisk {
    color: #f701b5
}

.body-new-request .heading-restaurant-form {
    color: #000
}

.body-new-request .form {
    margin: 0 auto
}

.body-new-request .suggestion-list {
    text-align: left
}

.body-new-request .suggestion-list label {
    display: none
}

.body-new-request .form-field.required>label:after {
    color: #f701b5;
    content: "*"
}

.body-new-request .form-field.required.form-field-suggestions-feature {
    display: flex;
    flex-direction: column
}

.body-new-request .form-field.required.form-field-suggestions-feature .combobox {
    order: 1
}

.body-new-request .form-field.required.form-field-suggestions-feature .notification-error {
    order: 2
}

.body-new-request .form-field label {
    color: #000;
    font-size: 20px;
    text-align: center
}

.body-new-request .form-field label .optional {
    display: none
}

.body-new-request .form-field.form-field-checkbox {
    margin: 0 0 37px;
    text-align: center
}

.body-new-request .form-field.form-field-checkbox label {
    display: inline-block;
    left: 12px;
    margin: 0;
    position: relative;
    top: 10px
}

.body-new-request .form-field.form-field-checkbox [role=checkbox]:after,
.body-new-request .form-field.form-field-checkbox [role=checkbox]:before {
    left: 10px
}

.body-new-request .form-field.form-field-checkbox [role=checkbox]:before {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    box-sizing: border-box;
    height: 20px;
    width: 20px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
}

.body-new-request .form-field.form-field-checkbox [role=checkbox][aria-checked=mixed]:before,
.body-new-request .form-field.form-field-checkbox [role=checkbox][aria-checked=true]:before {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 0
}

.body-new-request .form-field.form-field-checkbox [role=checkbox][aria-checked=mixed]:active:after,
.body-new-request .form-field.form-field-checkbox [role=checkbox][aria-checked=true]:after {
    border-color: #ff2350
}

.body-new-request .form-field.form-field-checkbox [role=checkbox]:focus:before {
    border-color: #dcdcdc;
    border-radius: 0;
    border-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

.body-new-request .form-field.form-field-checkbox [role=checkbox]:active:before,
.body-new-request .form-field.form-field-checkbox [role=checkbox][aria-checked=mixed]:active:before,
.body-new-request .form-field.form-field-checkbox [role=checkbox][aria-checked=true]:active:before {
    background: #fff
}

.body-new-request .form-field.form-field-checkbox [role=checkbox][aria-checked=mixed]:active:after,
.body-new-request .form-field.form-field-checkbox [role=checkbox][aria-checked=true]:after {
    border-width: 0 4px 4px 0;
    height: 18px;
    width: 7px;
    transform: translateY(-65%) translateX(-35%) rotate(45deg)
}

.body-new-request .form-field input:not([type=file]):not([type=checkbox]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #dcdcdc;
    border-radius: 0;
    color: #000;
    font-family: BarlowRegular;
    font-size: 20px;
    height: 48px;
    margin-bottom: 35px;
    text-align: center;
    text-align: left
}

.body-new-request .form-field input[type=date] {
    background: #fff;
    display: block;
    line-height: 27px;
    text-align: center;
    width: 100%
}

.body-new-request .form-field input[type=date]::-webkit-calendar-picker-indicator,
.body-new-request .form-field input[type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

.body-new-request .form-field .nesty-input,
.body-new-request .form-field textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #dcdcdc;
    border-radius: 0;
    color: #000;
    font-family: BarlowRegular;
    font-size: 20px;
    height: 48px;
    margin-bottom: 35px;
    text-align: center;
    text-align: left
}

.body-new-request .form-field .nesty-input {
    line-height: 48px
}

.body-new-request .form-field .nesty-input:after {
    color: #f701b5
}

.body-new-request .form-field .hc-multiselect .hc-multiselect-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #dcdcdc;
    border-radius: 0;
    color: #000;
    font-family: BarlowRegular;
    font-size: 20px;
    height: 48px;
    text-align: center;
    height: auto;
    margin: 0;
    min-height: 48px
}

.body-new-request .form-field .hc-multiselect .hc-multiselect-toggle:after {
    color: #f701b5
}

.body-new-request .form-field .hc-multiselect li {
    border-radius: 0
}

.body-new-request .form-field p {
    color: #757575;
    font-size: 15px;
    position: relative;
    text-align: center;
    top: -25px
}

.body-new-request .form-field-attachments .upload-dropzone {
    background: #ff0;
    border: 0
}

.body-new-request .form-field-attachments .upload-dropzone:hover {
    background: #ff9
}

.body-new-request .form-field-attachments .upload-dropzone a,
.body-new-request .form-field-attachments .upload-dropzone span {
    color: #000;
    font-size: 16px;
    text-transform: uppercase
}

@media (min-width:768px) {

    .body-new-request .form-field-attachments .upload-dropzone a,
    .body-new-request .form-field-attachments .upload-dropzone span {
        font-size: 17px
    }
}

.body-new-request .form-field-attachments .upload-item {
    float: none;
    text-align: center;
    width: 100%
}

.body-new-request .form-field-attachments .upload-item:hover {
    background: none
}

.body-new-request .form-field-attachments .upload-item svg {
    color: #f701b5;
    height: 16px;
    width: 16px
}

.body-new-request .form-field-attachments .upload-item .upload-item-icon {
    position: relative;
    top: -2px
}

.body-new-request .form-field-attachments .upload-item .upload-link {
    font-size: 16px
}

.body-new-request .form-field-attachments .upload-item .upload-remove {
    top: 4px
}

.body-new-request .form-field-attachments .upload-item .upload-progress {
    background-color: #f701b5
}

.body-new-request .form-field-attachments #upload-error {
    top: 0
}

.body-new-request .notification-error {
    background: transparent;
    border-color: transparent;
    border-radius: 0;
    color: #ff2350;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-top: 7px;
    position: relative;
    text-align: center;
    top: -30px
}

.body-new-request .notification-error:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cg fill='none' stroke='%23FF2350'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23FF2350'/%3E%3C/svg%3E");
    position: relative;
    top: -1px
}

.body-new-request .suggestion-list {
    margin: 0
}

.body-new-request .suggestion-list label {
    color: #000;
    font-size: 20px;
    text-align: center
}

.body-new-request .suggestion-list label .optional {
    display: none
}

.body-new-request .suggestion-list .searchbox {
    margin-bottom: 35px
}

.body-new-request .suggestion-list a {
    color: #ff2350;
    font-family: BarlowSemiBold;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
    padding: 15px 0
}

.body-new-request .suggestion-list a:visited {
    color: #ff2350 !important
}

.body-new-request .suggestion-list a:hover {
    color: #f701b5 !important
}

@media (min-width:1024px) {
    .body-new-request .suggestion-list a {
        font-size: 22px
    }
}

.body-new-request form footer {
    margin-top: 20px;
    padding: 0;
    text-align: center
}

.body-new-request form footer a,
.body-new-request form footer a span {
    font-family: BarlowRegular !important
}

@media all {
    .body-new-request form footer a {
        text-decoration: underline
    }

    .body-new-request form footer *,
    .body-new-request form footer :after,
    .body-new-request form footer :before {
        box-sizing: border-box
    }

    .body-new-request form footer a,
    .body-new-request form footer span {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: baseline
    }

    .body-new-request form footer a {
        color: #ff2350
    }

    .body-new-request form footer a:hover {
        color: #f701b5
    }

    .body-new-request form footer .cta {
        text-transform: uppercase
    }

    .body-new-request form footer .cta,
    .body-new-request form footer .cta:before {
        -webkit-backface-visibility: hidden
    }

    .body-new-request form footer .cta span {
        text-align: center
    }

    .body-new-request form footer .cta {
        padding: 1.5625rem 1.5625rem .3125rem 2.1875rem;
        font-size: 16px;
        font-size: 1rem;
        position: relative;
        display: inline-block;
        overflow: hidden;
        height: auto;
        text-decoration: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .body-new-request form footer .cta {
        padding: 1.5625rem 1.5625rem .25rem 2.1875rem;
        font-size: 17px;
        font-size: 1.0625rem
    }
}

@media all {
    .body-new-request form footer .cta:before {
        position: absolute;
        top: 16px;
        left: 13px;
        width: 0;
        height: 0;
        border-color: #f701b5 transparent transparent;
        border-style: solid;
        border-width: 12px 8px 0;
        transform: translateY(0);
        backface-visibility: hidden
    }
}

@media all {

    .body-new-request form footer .cta:after,
    .body-new-request form footer .cta:before,
    .body-new-request form footer .cta span:after,
    .body-new-request form footer .cta span:before {
        content: "";
        -webkit-backface-visibility: hidden
    }
}

@media (min-width:48rem) {
    .body-new-request form footer .cta:before {
        top: 13px;
        left: 11px;
        border-width: 14px 9px 0
    }
}

@media (min-width:90rem) {
    .body-new-request form footer .cta {
        padding: 1.875rem 1.875rem .4375rem 2.5rem;
        font-size: 20px;
        font-size: 1.25rem
    }

    .body-new-request form footer .cta:before {
        left: 16px;
        border-width: 16px 9px 0
    }
}

@media all {
    .body-new-request form footer .cta:after {
        position: absolute;
        bottom: 0;
        left: -1%;
        display: block;
        width: 102%;
        height: calc(100% - 30px);
        background: #01e2c2;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media all {
    .body-new-request form footer .cta span {
        display: inline-block
    }
}

@media (min-width:90rem) {
    .body-new-request form footer .cta:after {
        height: calc(100% - 33px)
    }
}

@media all {
    .body-new-request form footer .cta:hover:after {
        width: 110%;
        background: #95e8db
    }
}

@media all {
    .body-new-request form footer .cta:hover:before {
        -webkit-animation: cta-bounce .5s infinite alternate;
        animation: cta-bounce .5s infinite alternate
    }
}

@media all {
    .body-new-request form footer .cta:hover span {
        background-color: #95e8db;
        transform: translate(0)
    }
}

@media all {

    .body-new-request form footer .cta:hover span:after,
    .body-new-request form footer .cta:hover span:before {
        border-color: transparent transparent #95e8db;
        transform: translate(0)
    }
}

@media all {
    .body-new-request form footer .cta span {
        position: relative;
        z-index: 1;
        min-width: 70px;
        height: auto;
        padding: 0;
        font-weight: 600;
        line-height: 1.5rem;
        color: #000;
        background-color: #01e2c2
    }
}

@media all {

    .body-new-request form footer .cta span:after,
    .body-new-request form footer .cta span:before {
        position: absolute;
        top: -10px;
        z-index: -1;
        display: inline-block;
        height: 16px;
        border-color: transparent transparent #01e2c2;
        border-style: solid;
        border-width: 0 8px 12px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
}

@media (min-width:48rem) {

    .body-new-request form footer .cta span:after,
    .body-new-request form footer .cta span:before {
        top: -9px;
        border-width: 0 9px 14px
    }
}

@media all {
    .body-new-request form footer .cta span:before {
        right: calc(100% + 15px);
        width: 50%
    }
}

@media all {
    .body-new-request form footer .cta span:after {
        left: -14px;
        width: 200%
    }
}

@media (min-width:48rem) {
    .body-new-request form footer .cta span:after {
        left: -15px
    }
}

@media (min-width:90rem) {

    .body-new-request form footer .cta span:after,
    .body-new-request form footer .cta span:before {
        top: -12px;
        border-width: 0 9px 16px
    }
}

@media all {
    .body-new-request form footer .pane__content .cta {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem
    }
}

@-webkit-keyframes cta-bounce {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -2px, 0)
    }
}

@keyframes cta-bounce {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -2px, 0)
    }
}

.body-new-request form footer .form-submit {
    display: none
}

.body-new-request input:-webkit-autofill,
.body-new-request input:-webkit-autofill:focus,
.body-new-request input:-webkit-autofill:hover,
.body-new-request select:-webkit-autofill,
.body-new-request select:-webkit-autofill:focus,
.body-new-request select:-webkit-autofill:hover,
.body-new-request textarea:-webkit-autofill,
.body-new-request textarea:-webkit-autofill:focus,
.body-new-request textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.body-new-request .two-fields .form-field {
    margin-top: 0
}

@media (min-width:768px) {
    .body-new-request .two-fields {
        display: flex;
        justify-content: space-between
    }

    .body-new-request .two-fields .form-field {
        flex: 0 0 49%
    }
}

.body-new-request .hc-multiselect {
    text-align: center
}

.body-new-request .hc-multiselect [role=listbox]:focus {
    outline: 0
}

.body-new-request .hc-multiselect li[role=option] {
    outline: 0;
    padding: 5px 25px;
    background: #ff0;
    display: inline-block;
    position: relative;
    margin: 0 3.5px 7px
}

.body-new-request .hc-multiselect li[role=option]:hover {
    background: #ff9
}

.body-new-request .hc-multiselect li[role=option] span:first-child {
    font-size: 18px;
    margin-right: 5px
}

.body-new-request .hc-multiselect li[role=option] span+span {
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 6px;
    top: -4px
}

.body-new-request .hc-multiselect li[role=option] span+span:after,
.body-new-request .hc-multiselect li[role=option] span+span:before {
    background-color: #f701b5;
    content: " ";
    height: 15px;
    position: absolute;
    width: 3px;
    top: 11px
}

.body-new-request .hc-multiselect li[role=option] span+span:before {
    transform: rotate(45deg)
}

.body-new-request .hc-multiselect li[role=option] span+span:after {
    transform: rotate(-45deg)
}

.body-new-request .section-contact-us {
    display: none
}

.nesty-panel {
    border: 1px solid #dcdcdc;
    max-height: 254px;
    box-shadow: none;
    line-height: 48px;
    margin-top: 55px;
    z-index: 100
}

.nesty-panel li {
    background: #fff !important;
    color: #000;
    display: block;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    line-height: 1;
    padding: 13px 10px !important
}

.nesty-panel li:focus,
.nesty-panel li:hover {
    background: #ff0 !important;
    outline: none;
    text-decoration: none
}

.nesty-panel li:after {
    border-left-color: #f701b5
}

.nesty-panel li.nesty-collapse {
    color: #757575
}

.nesty-panel li.nesty-collapse:after {
    border-right-color: #f701b5
}

.suggestions-list-container-wrapper {
    display: none;
    margin-bottom: 35px;
    margin-top: -28px
}

.suggestions-list-container-wrapper .suggestions-list-container {
    border: 1px solid #dcdcdc;
    max-height: 254px;
    overflow: auto;
    text-align: left
}

.suggestions-list-container-wrapper li.focused a {
    background: #ff0 !important
}

.suggestions-list-container-wrapper li a {
    background: #fff !important;
    color: #000;
    display: block;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    line-height: 1;
    padding: 13px 10px !important
}

.suggestions-list-container-wrapper li a:focus,
.suggestions-list-container-wrapper li a:hover {
    background: #ff0 !important;
    outline: none;
    text-decoration: none
}

.suggestions-list-container-wrapper li a:active,
.suggestions-list-container-wrapper li a[aria-selected=true] {
    background: #ff9 !important
}

.message-success {
    display: none;
    background: #e7e7e7;
    padding: 20px 30px !important;
    position: relative;
    text-align: center
}

.message-success .text {
    color: #000;
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif !important;
    font-size: 30px;
    line-height: 1
}

.message-success .btn-close {
    position: absolute;
    right: 10px;
    top: 1px;
    background: none;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 35px
}

.message-success .btn-close span {
    display: inline-block;
    transform: rotate(45deg)
}

.has-message-success .sub-nav {
    display: none !important
}

.has-message-success .hero-wrapper {
    margin-top: 127px
}

:root .new-request-container:after,
:root .new-request-container:before,
_:-ms-fullscreen {
    background: none
}

.body-search-results .page-header {
    display: block
}

.body-search-results .page-header .page-header-description {
    color: #000;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px;
    color: #757575
}

@media (min-width:1024px) {
    .body-search-results .page-header .page-header-description {
        font-size: 22px
    }
}

.body-search-results .search-results-container {
    text-align: center
}

.body-search-results .search-results {
    display: block;
    margin: 0 auto;
    max-width: 800px
}

.body-search-results .search-results .no-results {
    color: #000;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px
}

@media (min-width:1024px) {
    .body-search-results .search-results .no-results {
        font-size: 22px
    }
}

.body-search-results .search-results .no-results a {
    color: #ff2350 !important;
    text-decoration: underline
}

.body-search-results .search-results .no-results a:hover {
    color: #f701b5 !important;
    text-decoration: underline
}

.body-search-results .search-results .search-results-list>li:first-child {
    border-color: #dcdcdc
}

.body-search-results .search-results .results-list-item-link {
    color: #ff2350;
    font-family: BarlowSemiBold;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline
}

.body-search-results .search-results .results-list-item-link:visited {
    color: #ff2350 !important
}

.body-search-results .search-results .results-list-item-link:hover {
    color: #f701b5 !important
}

@media (min-width:1024px) {
    .body-search-results .search-results .results-list-item-link {
        font-size: 22px
    }
}

.body-search-results .search-results .meta-group {
    display: block;
    margin: 7px 0 10px
}

.body-search-results .search-results .meta-group li {
    display: inline;
    margin: 0 16px
}

.body-search-results .search-results .meta-group li+li:before {
    border-bottom: 5px solid transparent;
    border-left: 8px solid #f701b5;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    margin: .45em -1.5em 0;
    position: absolute;
    width: 0
}

.body-search-results .search-results .meta-group a {
    color: #757575;
    font-size: 14px;
    white-space: nowrap
}

@media (min-width:1024px) {
    .body-search-results .search-results .meta-group a {
        font-size: 16px
    }
}

.body-search-results .search-results .search-results-description {
    color: #000;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px;
    margin: 0;
    text-align: center
}

@media (min-width:1024px) {
    .body-search-results .search-results .search-results-description {
        font-size: 22px
    }
}

.body-error main .page-header .page-header-description {
    font-family: NandosHandAlt, Helvetica, Arial, Geneva, sans-serif;
    font-size: 28px
}

.body-error main p {
    color: #000;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px
}

@media (min-width:1024px) {
    .body-error main p {
        font-size: 22px
    }
}

.body-error main a {
    color: #000;
    font-family: BarlowSemiBold, Helvetica, Arial, Geneva, sans-serif;
    font-size: 18px;
    color: #ff2350 !important;
    text-decoration: underline
}

@media (min-width:1024px) {
    .body-error main a {
        font-size: 22px
    }
}

.body-error main a:hover {
    color: #f701b5 !important;
    text-decoration: underline
}

zd-autocomplete {
    border-radius: 0;
    text-align: left
}

zd-autocomplete-multibrand {
    border-color: #dcdcdc;
    padding: 15px
}

zd-autocomplete-multibrand:last-child {
    border-radius: 0
}

zd-autocomplete-multibrand[aria-selected=true] {
    background-color: #ff0
}

zd-autocomplete-multibrand zd-autocomplete-title-multibrand {
    color: #ff2350;
    font-size: 16px
}

zd-autocomplete-multibrand zd-autocomplete-breadcrumbs-multibrand {
    color: #757575;
    font-size: 14px
}

#deliveroo_agent_only__omdnr_cscr {
    display: none;
}

/* ===== Nando's Footer - Zendesk Implementation ===== */

/* Reset & Base */
.container-footer {
  background: #000;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

.container-footer *,
.container-footer *::before,
.container-footer *::after {
  box-sizing: border-box;
}

.footer {
  width: 100%;
}

.footer__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 48px 24px 24px;
}

/* ===== Logo ===== */
.footer__logo {
  display: inline-flex;
  align-items: center;
  margin-bottom: 32px;
  text-decoration: none;
}

.footer__logo img,
.footer__logo svg {
  height: 37px;
  width: auto;
}


a.footer__btn {
    color: #000;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
}

/* ===== Link Grid ===== */
.footer__grid {
  display: grid;
      row-gap: 24px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.footer__section {
  border: 0;
  margin: 0;
  padding: 0;
  width: 97%;
}

.footer__heading {
    list-style: none;
    cursor: default;
    user-select: none;
    line-height: 26px;
    font-weight: 600;
    font-size: 18px;
    font-family: 'BarlowRegular';
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 16px;
    color: #ffffff;
      margin-bottom: 24px;
}

.footer__section summary::-webkit-details-marker {
  display: none;
}

.footer__section summary::marker {
  display: none;
  content: "";
}

.footer__chev {
    display: none;
    font-size: 14px;
    scale: 1.2;
    opacity: 1.7;
    transition: transform 200ms ease;
}

.footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 18px;
  width:98%;
}

.footer__links a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
      font-family: 'BarlowRegular';
  transition: color 150ms ease;
}

.footer__links a:hover,
.footer__links a:focus-visible {
  color: #fff;
  text-decoration: underline;
}

/* ===== Dotted Divider ===== */
.footer__dotted-divider {
  margin: 32px 0 32px;
  border: none;
  border-top: 3px dotted rgb(255 255 255) !important;
}

/* ===== Promo Section ===== */
.footer__promo {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 0px;
  align-items: start;
      max-width: 1280px;
}

.footer__section summary {
  pointer-events: none;
}

.footer__promo-card {
 
}

.footer__promo-title {
  font-family: 'NandosHandAlt', "Bangers", "Passion One", cursive, sans-serif!important;
  font-size: 28px!important;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
  line-height: 1.2;
}

.footer__promo-text {
    margin: 0 0 16px;
    color: rgba(255, 255, 255);
    font-size: 16px;
    line-height: 1.8;
    font-family: 'BarlowRegular';
    font-weight: 400;
}

.footer__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 24px;
  border-radius: 6px;
  background: #fff;
  color: #000;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 150ms ease, transform 100ms ease;
}

.footer__btn:hover,
.footer__btn:focus-visible {
  background: #f0f0f0;
}

.footer__btn:active {
  transform: scale(0.98);
}

.footer__store-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.footer__badge {
  display: inline-flex;
  overflow: hidden;
  transition: opacity 150ms ease;
}


.footer__badge img {
  height: 48px;
  width: auto;
  display: block;
}

/* ===== Social Icons ===== */
.footer__social {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 12px;
  padding-top: 8px;
}

.footer__social-link {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #fff;
}


.footer__social-link svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

/* ===== Bottom Copyright Bar ===== */
.footer__bar {
  margin-top: 32px;
  background: #1a1a1a;
}

.footer__copyright {
  max-width: 1350px;
  margin: 0 auto;
  padding: 16px 24px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.footer__copyright a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition: color 150ms ease;
}

.footer__copyright a:hover,
.footer__copyright a:focus-visible {
  color: #fff;
  text-decoration: underline;
}

.footer__links li {
    width: 94%;
}

/* ===== Tablet (max-width: 1024px) ===== */
@media (max-width: 1024px) {
  .footer__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
        row-gap: 35px;
  }

  .footer__promo {
    grid-template-columns: 1fr 1fr;
    gap: 28px 32px;
  }

  .footer__social {
    justify-content: flex-end;
    padding-top: 0;
    grid-column: - / 0;
  }
  
  
  .footer__links li {
      width: 100%;
  }
}

/* ===== Mobile (max-width: 640px) ===== */
@media (max-width: 640px) {
  .footer__inner {
    padding: 32px 16px 16px;
  }
 
   /* Re-enable accordion on mobile */
  .footer__section summary {
    pointer-events: auto;
  }
  

  .footer__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .footer__section {
    border-bottom: 1px solid #ffffff;
    padding: 0;
    width: 100%;
  }

  .footer__section:last-child {
    border-bottom: 1px solid #ffffff;
  }
  
  .footer__section:first-child {
    	border-bottom: 1px solid #ffffff;
      border-top: 1px solid #ffffff;
  }

  .footer__heading {
    margin: 0;
    padding: 24px 0;
    cursor: pointer;
    font-size: 18px;
  }

  .footer__chev {
    display: inline-block;
  }

  details[open] .footer__chev {
    transform: rotate(180deg);
  }

  .footer__section:not([open]) .footer__links {
    display: none;
  }

  .footer__links {
    padding: 0 0 18px;
    gap: 17px;
    margin-top:20px;
  }

  .footer__links a {
    font-size: 18px;
  }

  .footer__dotted-divider {
    display: none;
  }

  .footer__promo {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer__promo-card {
    max-width: none;
    margin-top: 30px;
  }

  .footer__promo-title {
    font-size: 24px;
  }

  .footer__social {
    justify-content: flex-start;
    gap: 14px;
  }

  .footer__social-link {
    width: 34px;
    height: 34px;
  }

  .footer__social-link svg {
    width: 32px;
    height: 24px;
  }

  .footer__copyright {
    padding: 14px 16px;
    font-size: 13px;
  }
}

@media (max-width: 400px) {
  .footer__store-badges {
    flex-direction: column;
  }

  .footer__badge img {
    height: 40px;
  }
}

/* ===== Mobile (max-width: 640px) ===== */
@media (max-width: 640px) {
  
  /* Re-enable accordion on mobile */
  .footer__section summary {
    pointer-events: auto;
  }

  /* Underline heading when open */
  .footer__section[open] .footer__heading {
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  /* Chevron base styles */
  .footer__chev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
        width: 24px;
        height: 24px;
        padding: 5px;
    border: 1px solid transparent;
    border-radius: 50%;
    transition: border-color 200ms ease, transform 200ms ease;
  }

  /* Rotate chevron when open */
  .footer__section[open] .footer__chev {
    transform: rotate(180deg);
  }

  /* Circle border only on focus/active 
  .footer__heading:focus .footer__chev,
  .footer__heading:focus-visible .footer__chev,
  .footer__heading:active .footer__chev {
    border-color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255,255,255,.12);
  } */

  /* Remove default focus outline on summary */
  .footer__heading:focus {
    outline: none;
  }

}


/* ===== Nando's Header - Zendesk Implementation ===== */

/* Reset & Base */
.container-header {
  background: #000;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  display: block;
  top: 0;
  position: sticky;
  z-index: 99;
}

.container-header *,
.container-header *::before,
.container-header *::after {
  box-sizing: border-box;
}

/* ===== Header Structure ===== */
.header {
  width: 100%;
  position: relative;
  z-index: 1000;
}

.header__inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  height: 64px;
  gap: 16px;
}

/* ===== Logo ===== */
.header__logo {
  display: block;
  flex-shrink: 0;
  height: 62px;
  width: 126px;
  background-image: url('https://www.nandos.co.uk/replatform/img/navigation/logo-background.svg');
  background-repeat: no-repeat;
  background-size: contain;
  padding: 26px 18px 18px 12px;
  text-decoration: none;
  margin-top: -1px;
}

.header__logo img {
  height: 100%;
  width: auto;
}

/* Mobile logo (Barci) - hidden by default */
.header__logo-mobile {
  display: none;
  flex-shrink: 0;
  text-decoration: none;
  padding: 8px 0;
}

.header__logo-mobile img {
  height: 36px;
  width: auto;
}

/* ===== Primary Navigation ===== */
.header__nav {
  display: flex!important;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.header__nav-list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 10px;
  margin-top: 6px;
}

@media (max-width: 767px) {
  .header__nav-list {
    display: none;
  }
}


.header__nav-item {
  position: relative;
}

.header__nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  color: #fff;
  text-decoration: none;
      font-family: 'BarlowSemiBold';
    font-size: 16px;
  white-space: nowrap;
  border-radius: 4px;
  transition: background 150ms ease;
  position: relative;
}

/* Hover underline effect */
.header__nav-link::after {
  content: '';
    position: absolute;
    bottom: -1px;
    left: 3px;
    right: 3px;
    height: 2px;
    background: #C8102E;
    transform: scaleX(0);
    transform-origin: center;
}

.header__nav-link:hover::after,
.header__nav-link:focus-visible::after {
  transform: scaleX(1);
}

.header__nav-link:hover,
.header__nav-link:focus-visible {
  background: transparent;
}

/* Remove dropdown chevrons - no longer needed */
.header__nav-link svg {
  display: none;
}

/* ===== More Dropdown ===== */
.header__more {
  position: relative;
      margin-top: 6px;
}

.header__more-btn {
  display: none; /* Hidden by default, shown via JS when needed */
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  color: #fff;
  background: none;
  border: none;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  border-radius: 4px;
  transition: background 150ms ease;
  font-family: inherit;
  position: relative;
}

/* Hover underline for More button */
.header__more-btn::after {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 14px;
  right: 14px;
  height: 3px;
  background: #C8102E;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 200ms ease;
}

.header__more-btn:hover::after,
.header__more-btn:focus-visible::after,
.header__more-btn[aria-expanded="true"]::after {
  transform: scaleX(1);
}

.header__more-btn:hover,
.header__more-btn:focus-visible {
  background: transparent;
}

.header__more-btn svg {
  width: 12px;
  height: 12px;
  opacity: 0.8;
  transition: transform 200ms ease;
}

.header__more-btn[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.header__more-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  min-width: 280px;
  max-height: 420px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 200ms ease, transform 200ms ease, visibility 200ms ease;
  z-index: 100;
}

.header__more-dropdown.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.header__more-list {
  list-style: none;
  margin: 0;
  padding: 8px 0;
}

.header__more-item {
  border-bottom: 1px solid #eee;
}

.header__more-item:last-child {
  border-bottom: none;
}

.header__more-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 20px;
  color: #000!important;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  transition: background 150ms ease;
}

.header__more-link:hover,
.header__more-link:focus-visible {
  background: #f5f5f5;
}

.header__more-link svg {
  display: none; /* Hide chevrons in dropdown too */
}

/* ===== Right Side Actions ===== */
.header__actions {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-left: auto;
  flex-shrink: 0;
  margin-top: 9px;
    margin-right: -5px;
}

.header__account-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  transition: background 150ms ease;
}

.header__account-link:hover,
.header__account-link:focus-visible {
    background: rgba(255, 255, 255, .12);
    border: 0.5px solid;
}

.header__account-link svg {
  width: 26px;
  height: 26px;
}

.header__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
      padding: 0 24px 0px 13px;
      background: #CE0A24;
  color: #fff;
  font-size: 18px;
      font-family: 'BarlowSemiBold';
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  white-space: nowrap;
  transition: background 150ms ease, transform 100ms ease;
}

.header__cta:hover,
.header__cta:focus-visible {
      text-decoration: underline !important;
    background-color: #ce0a24cc;

}

.header__cta::before {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 9px 5px 0;
    position: relative;
    transform: rotate(-6deg) translate(-100%);
    top: -9px;
    left: 3%;
    transition: border-color 150ms ease;
}

.header__cta:hover::before,
.header__cta:focus-visible::before {
  border-color: #fff transparent transparent;
}

.header__cta:active {
  transform: scale(0.98);
}

/* ===== Mobile Menu Toggle ===== */
.header__menu-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  gap: 3.5px;
}

.header__menu-toggle span {
  display: block;
  width: 15px;
  height: 1px;
  background: #fff;
  border-radius: 1px;
  /* transition: transform 200ms ease, opacity 200ms ease; */
}

.header__menu-toggle[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

.header__menu-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}

.header__menu-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-4px) rotate(-45deg);
}

/* ===== Mobile Overlay ===== */
.header__mobile-overlay {
  display: none;
  position: fixed;
  top: 64px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 999;
  overflow-y: auto;
  flex-direction: column;
}

.header__mobile-overlay.is-open {
  display: flex;
}

.header__mobile-nav {
  padding: 0;
  flex: 1;
}

.header__mobile-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header__mobile-item {
  border-bottom: 1px solid #A7A9B4;
}

.header__mobile-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'BarlowSemiBold';
    padding: 13px 16px;
    color: #000 !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}

.header__mobile-link svg {
  width: 12px;
  height: 12px;
  opacity: 0.5;
}

.header__mobile-footer {
  background: #fff;
  padding: 40px 24px;
  min-height: 150px;
}

/* ===== Responsive: Tablet (max-width: 1024px) ===== */
@media (max-width: 1024px) {
  .header__nav-link {
    padding: 10px 12px;
    font-size: 14px;
  }

  .header__nav-link::after {
    left: 12px;
    right: 12px;
  }

  .header__more-btn {
    padding: 10px 12px;
    font-size: 14px;
  }

  .header__more-btn::after {
    left: 12px;
    right: 12px;
  }

  .header__cta {

  }
}

/* ===== Responsive: Mobile (max-width: 767px) ===== */
@media (max-width: 767px) {
  .header__inner {
    padding: 0 0px;
    height: 60px;
  }

  /* Hide desktop logo, show mobile logo */
  .header__logo {
    display: none;
  }

  .header__logo-mobile {
    display: block;
  }

  .header__nav {
    display: none;
  }

  .header__more {
    display: none;
  }

  .header__account-link {
    display: none;
  }

  .header__menu-toggle {
    display: flex;
  }

  .header__cta {
    height: 40px;
        padding: 0 15px 0px 6px;
        font-size: 16px;
  }

  .header__actions {
    gap: 8px;
    margin-top: 0px;
  }

  .header__mobile-overlay {
    top: 60px;
  }
  .container-header .header {
    height: 60px; 
  }
  
}

/* ===== Hide items that overflow (controlled via JS) ===== */
.header__nav-item.is-hidden {
  display: none;
}

/* ===== Success Message ===== */
.message-success {
  display: none;
  background: #28a745;
  color: #fff;
  padding: 12px 24px;
  text-align: center;
}

.message-success .btn-close {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  margin-left: 12px;
}

.message-success .btn-close svg {
  fill: currentColor;
}