@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i");
.articles, .community, .activity, .powered-by-zendesk, .container-divider, .article-sidebar, .article-author, .icon-star { display: none; }

@font-face { font-family: 'Knockout'; src: url("https://theme.zdassets.com/theme_assets/9167607/9d57a5d659bb369b49f1a83acb4fd72c9af0b80b.ttf") format("truetype"); }

@font-face {
  font-family: 'FiraSansExtraCondensedBold';
  src: url(/hc/theming_assets/01HZKP04A7Y4BXAX2213Q4Q2RK);
  src: url(/hc/theming_assets/01HZKP04A7Y4BXAX2213Q4Q2RK) format('embedded-opentype'), 
  url(/hc/theming_assets/01HZKP04A7Y4BXAX2213Q4Q2RK) format('woff'), 
  url(/hc/theming_assets/01HZKP04A7Y4BXAX2213Q4Q2RK) format('truetype');
}

@font-face {
  font-family: 'RobotoRegular';
  src: url(/hc/theming_assets/01HZKP00ZNC2XHY5HH54X5PVGJ);
  src: url(/hc/theming_assets/01HZKP00ZNC2XHY5HH54X5PVGJ) format('embedded-opentype'), 
  url(/hc/theming_assets/01HZKP00ZNC2XHY5HH54X5PVGJ) format('woff'), 
  url(/hc/theming_assets/01HZKP00ZNC2XHY5HH54X5PVGJ) format('truetype');
}

/***** Base *****/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { background-color: #fff; color: #000; font-family: "Roboto", 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: "Knockout", 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: #e3012b; text-decoration: none; }

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

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

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

input:focus { border: 1px solid #e3012b; }

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

select { -webkit-appearance: none; -moz-appearance: none; background: url(/hc/theming_assets/01HZKNZXV7E0005086KMDDNEDV) 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 #e3012b; }

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 #e3012b; }

.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%; } }

.dropdown-toggle { background: none; border: 0; padding: 0; text-align: initial; }

.dropdown-toggle:focus { outline: 0; text-decoration: underline; }

.dropdown-toggle::after { color: inherit; }

/***** Buttons *****/
.button, [role="button"] { border: 1px solid #e3012b; border-radius: 4px; color: #e3012b; cursor: pointer; display: inline-block; font-size: 12px; line-height: 2.34; margin: 0; padding: 0 20px; text-align: center; -webkit-transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out; -o-transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out; 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) { .button, [role="button"] { width: auto; } }

.button::after, [role="button"]::after { color: #e3012b; }

.button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] { background-color: #e3012b; color: #fff; text-decoration: none; }

.button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active { background-color: darken(#e3012b, 20%); border-color: darken(#e3012b, 20%); }

.button[data-disabled], [role="button"][data-disabled] { cursor: default; }

.button-large, input[type="submit"] { background-color: #e3012b; 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:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { background-color: #7d0118; }

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

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

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

/***** Tables *****/
.table { width: 100%; table-layout: fixed; }

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

.table th, .table th a { color: #333; 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; } }

/***** Forms *****/
.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 #e3012b; }

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

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

.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 .nesty-input:focus { border: 1px solid #e3012b; text-decoration: none; }

.form-field .hc-multiselect-toggle:focus { outline: none; border: 1px solid #e3012b; text-decoration: none; }

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

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

.form-field.required > label::after { content: "*"; color: #f00; margin-left: 2px; }

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

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

[data-loading="true"] input, [data-loading="true"] textarea { background: transparent url(/hc/theming_assets/01HZKP00G300H47N2HWYB9QCBH) 99% 50% no-repeat; background-size: 16px 16px; }

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

.form footer a { color: #333; 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: #7d0118; }

/***** Header *****/
.header { max-width: 1160px; margin: 0 auto; padding: 0 5%; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 71px; -webkit-box-pack: justify; -ms-flex-pack: justify; 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; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px #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: #e3012b; 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:hover, .nav-wrapper a:focus, .nav-wrapper a:active { background-color: transparent; color: #e3012b; text-decoration: underline; }

.nav-wrapper a.login { display: inline-block; }

.nav-wrapper .icon-menu { border: 0; color: #e3012b; cursor: pointer; display: inline-block; margin-right: 10px; padding: 0; width: auto; }

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

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

.nav-wrapper .icon-menu:hover, .nav-wrapper .icon-menu:focus, .nav-wrapper .icon-menu:active { background-color: transparent; color: #e3012b; }

/***** User info in header *****/
.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 > [role="button"] { border: 0; color: #e3012b; min-width: 0; padding: 0; white-space: nowrap; }

.user-info > [role="button"]:hover, .user-info > [role="button"]:focus { color: #e3012b; background-color: transparent; }

.user-info > [role="button"]::after { color: #e3012b; padding-right: 15px; }

[dir="rtl"] .user-info > [role="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 *****/
.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::before { background-color: #e3012b; border: 2px solid #fff; border-radius: 50%; bottom: -4px; color: #fff; content: "\1F464"; font-size: 14px; height: 14px; line-height: 14px; position: absolute; right: -2px; text-align: center; width: 14px; }

/***** Footer *****/
.footer { border-top: 1px solid #ddd; margin-top: 60px; padding: 30px 0; }

.footer a { color: #333; }

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

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

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

/***** Breadcrumbs *****/
.breadcrumbs { margin: 0 0 15px 0; padding: 0; }

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

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

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

.breadcrumbs li a:visited { color: #e3012b; }

/***** Search field *****/
.search { position: relative; }

.search input[type="search"] { border: 1px solid #ddd; border-radius: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999; 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 #e3012b; color: #555; }

.search::before { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #fff; color: #777; content: "\1F50D"; font-size: 18px; position: absolute; left: 15px; }

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

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

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

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

.page-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 10px 0; }

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

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

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

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

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

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

.page-header .icon-lock::before { content: "\1F512"; font-size: 20px; position: relative; left: -5px; vertical-align: baseline; }

.sub-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; min-height: 50px; padding-bottom: 15px; }

@media (min-width: 768px) { .sub-nav { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; list-style: none; padding: 0; }

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

.blocks-item { border: 1px solid #e3012b; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #e3012b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 340px; flex: 1 0 340px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 30px; max-width: 100%; text-align: center; }

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

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

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

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

.blocks-item-internal .icon-lock::before { content: "\1F512"; font-size: 15px; bottom: 5px; position: relative; }

.blocks-item-internal a { color: #000; }

.blocks-item-link { color: #e3012b; padding: 20px 30px; }

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

.blocks-item-title { margin-bottom: 0; }

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

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

/***** Homepage *****/
.section { margin-bottom: 40px; }

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

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

/***** Promoted articles *****/
.promoted-articles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 1024px) { .promoted-articles { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.promoted-articles-item { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

@media (min-width: 1024px) { .promoted-articles-item { -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 30px; width: 33%; /* Three columns on desktop */ }
  [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: #000; }

.promoted-articles-item .icon-lock::before { 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 section in homepage *****/
.community { text-align: center; }

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

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

/***** Recent activity *****/
.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-parent, .recent-activity-item-link { margin: 6px 0; color: #000; display: inline-block; width: 100%; }

@media (min-width: 768px) { .recent-activity-item-parent, .recent-activity-item-link { width: 70%; margin: 0; } }

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

.recent-activity-item-meta { margin: 15px 0 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-time, .recent-activity-item-comment { color: #333; 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-item-comment span::before { color: #e3012b; content: "\1F4AC"; display: inline-block; font-size: 15px; padding-right: 3px; vertical-align: middle; }

[dir="rtl"] .recent-activity-item-comment span::before { padding-left: 3px; }

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

/***** Category pages *****/
.category-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.category-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

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

.section-tree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 768px) { .section-tree { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.section-tree .section { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; }

@media (min-width: 768px) { .section-tree .section { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */ } }

.section-tree-title { margin-bottom: 0; }

.section-tree-title a { color: #000; }

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

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

.article-list-item a { color: #000; }

.article-list-item .icon-lock::before { vertical-align: baseline; }

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

/***** Section pages *****/
.section-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.section-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

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

.section-subscribe .dropdown-toggle::after { display: none; }

/***** Article *****/
.article { /* The article grid is defined this way to optimize readability: Sidebar | Content | Free space 17%     | 66%     | 17% */ -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

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

.article-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1024px) { .article-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.article-header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; margin-top: 20px; }

@media (min-width: 768px) { .article-header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 0; } }

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

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

@media (min-width: 768px) { .article-title { -ms-flex-preferred-size: 100%; flex-basis: 100%; /* Take entire row */ } }

.article-title .icon-lock::before { content: "\1F512"; font-size: 20px; position: relative; left: -5px; vertical-align: baseline; }

.article [role="button"] { -ms-flex-negative: 0; flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/ 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 ul, .article-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }

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

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

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

.article-body a:visited { color: #7d0118; }

.article-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; }

.article-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; }

.article-body blockquote { border-left: 1px solid #ddd; color: #333; 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 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px; }

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

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

.article-comment-count .icon-comments { color: #e3012b; content: "\1F4AC"; display: inline-block; font-size: 18px; padding: 5px; }

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

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

.article-relatives { border-top: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; }

@media (min-width: 768px) { .article-relatives { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.article-relatives > * { -webkit-box-flex: 1; -ms-flex: 1 0 50%; 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 { background: transparent; border: 1px solid #e3012b; color: #e3012b; margin: 10px 5px; min-width: 90px; width: auto; }

.article-vote::before { font-size: 8px; margin-right: 10px; }

[dir="rtl"] .article-vote::before { margin-right: 0; margin-left: 10px; }

.article-vote::after { content: attr(title); /* Yes/No label*/ }

.article-vote:focus, .article-vote:active { background-color: transparent; color: #e3012b; }

.article-vote:hover { background-color: #e3012b; }

.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after { color: #fff; }

.article-vote-up::before { content: "\2713"; }

.article-vote-down::before { content: "\2715"; }

.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: #000; display: block; padding: 20px 0; }

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

.article-return-to-top .icon-arrow-up::before { font-size: 16px; margin-left: 5px; }

[dir="rtl"] .article-return-to-top .icon-arrow-up::before { margin-right: 10px; }

.article-unsubscribe { background-color: #e3012b; color: #fff; text-decoration: none; }

.article-unsubscribe:hover { background-color: darken(#e3012b, 20%); border-color: darken(#e3012b, 20%); }

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

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

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

.recent-articles h3, .related-articles h3 { font-size: 15px; margin: 20px 0; }

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

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item { padding-left: 20px; position: relative; margin-bottom: 10px; }

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

.attachments .attachment-item::before { color: #000; content: "\1F4CE"; font-size: 15px; left: 0; position: absolute; top: 5px; }

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

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

.upload-dropzone span { color: #333; }

/***** Social share links *****/
.share { padding: 0; white-space: nowrap; }

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

.share a { border-radius: 50%; height: 25px; line-height: 25px; overflow: hidden; width: 25px; }

.share a::before { color: #333; display: block; font-size: 23px; text-align: center; width: 100%; }

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

.share a:hover::before { color: #e3012b; }

.share-twitter::before { content: "\e901"; }

.share-facebook::before { content: "\e903"; }

.share-linkedin::before { content: "\e900"; }

.share-googleplus::before { content: "\e902"; }

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment { border-bottom: 1px solid #ddd; padding: 20px 0; }

.comment-heading { margin-bottom: 5px; margin-top: 0; }

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

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

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

.comment-callout a { color: #e3012b; }

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

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

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

.comment-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.comment-wrapper.comment-official { border: 1px solid #e3012b; 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 { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; }

@media (min-width: 768px) { .comment-author { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }

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

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

.comment-meta { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.comment-labels { -ms-flex-preferred-size: 100%; flex-basis: 100%; }

@media (min-width: 768px) { .comment-labels { -ms-flex-preferred-size: auto; 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: -webkit-box; display: -ms-flexbox; 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-ccs + textarea { margin-top: 10px; }

.comment-attachments { margin-top: 10px; }

.comment-attachments a { color: #e3012b; }

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

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

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

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

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

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

.comment-body a:visited { color: #7d0118; }

.comment-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; }

.comment-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; }

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

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

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote { display: inline-block; text-align: center; width: 35px; }

.vote a { outline: none; }

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

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

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

.vote-up:hover::before, .vote-down:hover::before { color: #e3012b; }

.vote-up::before, .vote-down::before { color: #333; font-size: 24px; }

.vote-up::before { content: "\2B06"; }

.vote-down::before { content: "\2B07"; }

.vote-voted::before { color: #e3012b; }

.vote-voted:hover::before { color: #7d0118; }

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions { text-align: center; -ms-flex-negative: 0; flex-shrink: 0; /*Avoid collapsing elements in Safari*/ }

.actions .dropdown-toggle { font-size: 0; margin: 15px 0; }

.actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before { background-color: #f7f7f7; }

.actions .dropdown-toggle::before { background-color: transparent; border-radius: 50%; color: #333; content: "\2699"; display: block; font-size: 13px; margin: auto; padding: 5px; }

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

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

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

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

.community-header h4 { margin-bottom: 0; }

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

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

/* Community topics grid */
.topics { max-width: none; width: 100%; }

.topics-item .meta-group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; }

/* Community topic page */
.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; }

/* Topic, post and user follow button */
.community-follow { margin-bottom: 10px; width: 100%; }

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

.community-follow .dropdown { width: 100%; }

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

@media (min-width: 768px) { .community-follow [role="button"] { width: auto; } }

.community-follow [role="button"]:hover { background-color: #e3012b; }

.community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after { border-color: #fff; color: #fff; }

.community-follow [role="button"][aria-selected="true"] { background-color: #e3012b; color: #fff; }

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

.community-follow [role="button"][aria-selected="true"]:hover { background-color: darken(#e3012b, 20%); border-color: darken(#e3012b, 20%); }

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

@media (min-width: 768px) { .community-follow [role="button"]::after { position: static; } }

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

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list { padding: 0; }

.striped-list-item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #ddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px 0; }

@media (min-width: 768px) { .striped-list-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.striped-list-info { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }

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

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

.striped-list-title:visited { color: #7d0118; }

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

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

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

.striped-list-count-item::after { content: "·"; 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: #000; display: block; font-weight: 400; } }

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label { background-color: #1eb848; border-radius: 4px; color: #fff; font-size: 12px; margin-right: 2px; padding: 3px 10px; vertical-align: middle; white-space: nowrap; display: inline-block; }

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

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

.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-pending, .status-label-not-planned { background-color: #eee; color: #333; }

.status-label-pending { text-align: center; }

.status-label-open { background-color: #cc3340; }

.status-label-closed { background-color: #ddd; }

.status-label-solved { background-color: #999; }

.status-label-new { background-color: #ffd12a; }

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

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

/***** Post *****/
/* The post grid is defined this way: Content | Sidebar 70%     | 30% */
.post { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 10px; }

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

.post-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1024px) { .post-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.post-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; }

@media (min-width: 768px) { .post-header { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

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

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

.post-info-container { display: -webkit-box; display: -ms-flexbox; 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; -webkit-box-flex: 1; -ms-flex: 1; 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 ul, .post-body ol { padding-left: 20px; list-style-position: outside; margin: 20px 0 20px 20px; }

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

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

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

.post-body a:visited { color: #7d0118; }

.post-body code { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 0 5px; margin: 0 2px; }

.post-body pre { background: #f7f7f7; border: 1px solid #ddd; border-radius: 3px; padding: 10px 15px; overflow: auto; white-space: pre; }

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

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

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

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

.post-comment-count .icon-comments { color: #e3012b; content: "\1F4AC"; display: inline-block; font-size: 18px; padding: 5px; }

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

@media (min-width: 1024px) { .post-sidebar { border: 0; -webkit-box-flex: 1; -ms-flex: 1 0 30%; flex: 1 0 30%; padding: 0 0 0 50px; text-align: initial; }
  [dir="rtl"] .post-sidebar { padding: 0 50px 0 0; } }

.post-sidebar h5 { font-weight: 600; }

@media (min-width: 1024px) { .post-sidebar h5 { border-bottom: 1px solid #ddd; padding-bottom: 20px; } }

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

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

/* Navigation element that collapses on mobile */
.collapsible-nav { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 45px; overflow: hidden; font-size: 14px; }

@media (min-width: 768px) { .collapsible-nav { border: 0; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-height: none; } }

.collapsible-nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .collapsible-nav-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.collapsible-nav-list li { color: #000; line-height: 45px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; 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: #000; display: block; }

@media (min-width: 768px) { .collapsible-nav-list li:hover { border-bottom: 4px solid #ddd; }
  .collapsible-nav-list li:hover a { padding: 15px 0 11px 0; text-decoration: none; } }

.collapsible-nav-list li[aria-selected="true"] { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; position: relative; }

@media (min-width: 768px) { .collapsible-nav-list li[aria-selected="true"] { border-bottom: 4px solid #e3012b; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 15px 0 11px 0; } }

.collapsible-nav-list li[aria-selected="true"] a { color: #000; }

.collapsible-nav-list li[aria-selected="true"]::after { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "\25BE"; position: absolute; right: 0; }

@media (min-width: 768px) { .collapsible-nav-list li[aria-selected="true"]::after { display: none; } }

[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after { left: 0; right: auto; }

.collapsible-nav[aria-expanded="true"] { max-height: none; }

.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after { content: "\2715"; }

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar { -webkit-box-flex: 1; -ms-flex: 1; 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[aria-expanded="true"] { max-height: none; }

.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after { content: "\2715"; }

@media (min-width: 1024px) { .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after { display: none; } }

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

.collapsible-sidebar-title::after { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "\25BE"; position: absolute; right: 10px; }

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

[dir="rtl"] .collapsible-sidebar-title::after { left: 10px; right: auto; }

/***** My activities *****/
.my-activities-nav { background-color: #f2f2f2; border: 0; margin-bottom: 20px; }

.my-activities-sub-nav { background-color: transparent; border-bottom: 1px solid #ddd; margin-bottom: 30px; }

@media (min-width: 768px) { .my-activities-sub-nav li:hover { border-bottom: 4px solid #ddd; } }

.my-activities-sub-nav li[aria-selected="true"] { border-color: #e3012b; }

.my-activities-table .striped-list-title { /* My activities tables */ 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; -o-text-overflow: ellipsis; 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 th:first-child, .my-activities-table td:first-child { padding-left: 0; }

@media (min-width: 1024px) { .my-activities-table th:first-child, .my-activities-table td:first-child { width: 500px; } }

.my-activities-table th:last-child, .my-activities-table td: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 table */
.requests-search { width: 100%; }

.requests-table-toolbar { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 768px) { .requests-table-toolbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.requests-table-toolbar .search { -webkit-box-flex: 1; -ms-flex: 1; 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; } }

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

@media (min-width: 768px) { .requests-table-toolbar .organization-subscribe, .requests-table-toolbar .organization-unsubscribe { margin-left: 10px; }
  [dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"] .requests-table-toolbar .organization-unsubscribe { margin: 0 10px 0 0; } }

.requests-table-toolbar .organization-unsubscribe { background-color: #e3012b; color: #fff; }

.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; }

/* Following table */
.subscriptions-unsubscribe a { background: #e3012b; border-radius: 4px; color: #fff; display: inline-block; font-size: 12px; line-height: 2.34; padding: 0 20px; text-align: center; width: 100%; }

@media (min-width: 768px) { .subscriptions-unsubscribe a { width: auto; } }

.subscriptions-unsubscribe a:hover { background-color: #7d0118; text-decoration: none; }

.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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

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

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

/* Contributions table */
.contributions-table td:last-child { color: #333; 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: #333; }

/***** Request *****/
.request-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 1024px) { .request-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; 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 { -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; min-width: 0; } }

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

.request-main .comment-ccs { display: block; }

.request-main .comment-show-container { border-radius: 2px; border: 1px solid #ddd; color: #333; 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 #e3012b; }

.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 #e3012b; }

.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; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

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

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

@media (min-width: 1024px) { .request-sidebar h5 { 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 dt, .request-details dd { display: inline-block; vertical-align: top; font-size: 13px; margin: 20px 0 0 0; }

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

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

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

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

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

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

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

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

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

.pagination * { display: inline-block; }

.pagination li { border-radius: 50%; height: 40px; float: left; margin-left: 5px; width: 40px; }

@media (min-width: 768px) { .pagination li { height: 30px; width: 30px; } }

[dir="rtl"] .pagination li { float: right; }

.pagination li:hover:not(.pagination-current) { background-color: #f3f3f3; }

.pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a { color: #000; text-decoration: none; }

.pagination a, .pagination span { font-size: 15px; color: #333; padding: 10px 12px; }

@media (min-width: 768px) { .pagination a, .pagination span { font-size: 13px; padding: 5px 12px; } }

.pagination-current { background-color: #e3012b; }

.pagination-current a, .pagination-current span { color: #fff; }

.pagination-first { border-radius: 3px 0 0 3px; }

[dir="rtl"] .pagination-first { border-radius: 0 3px 3px 0; }

.pagination-last { border-radius: 0 3px 3px 0; }

[dir="rtl"] .pagination-last { border-radius: 3px 0 0 3px; }

/***** Metadata *****/
.meta-group { display: block; }

.meta-group * { display: inline; }

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

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

/***** Icons *****/
[class^="icon-"]::before, [class*=" icon-"]::before, .icon, .search::before, .recent-activity-item-comment span::before, .article-vote::before, .attachments .attachment-item::before, .share a::before, .vote-up::before, .vote-down::before, .actions .dropdown-toggle::before, .collapsible-nav-list li[aria-selected="true"]::after, .collapsible-sidebar-title::after, .search-result-votes::before, .search-result-meta-count::before { font-family: "copenhagen-icons"; font-style: normal; font-weight: normal; speak: none; line-height: 1em; vertical-align: middle; -webkit-font-smoothing: antialiased; }

.icon-lock::before { content: "\1F512"; }

.icon-star::before { content: "\2605"; }

.icon-linkedin::before { content: "\e900"; }

.icon-twitter::before { content: "\e901"; }

.icon-googleplus-::before { content: "\e902"; }

.icon-facebook::before { content: "\e903"; }

.icon-agent::before { content: "\1F464"; }

.icon-close::before { content: "\2715"; }

.icon-arrow-up::before { content: "\2B06"; }

.icon-arrow-down::before { content: "\2B07"; }

.icon-attachments::before { content: "\1F4CE"; }

.icon-comments::before { content: "\1F4AC"; }

.icon-search::before { content: "\1F50D"; }

.icon-vote::before { content: "\1F44D"; }

.icon-handle::before { content: "\25BE"; }

.icon-check::before { content: "\2713"; }

.icon-gear::before { content: "\2699"; }

.icon-menu::before { content: "\2630"; }

.icon-article::before { content: "\1F4C4"; }

.icon-post::before { content: "\1F4D4"; }

.icon-notification-alert::before { content: "\26A0"; }

.icon-notification-error::before { content: "\00D7"; }

.icon-notification-info::before { content: "\2139"; }

.icon-notification-success::before { content: "\2714"; }

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

.profile-header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

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

.profile-header .profile-info { -ms-flex-preferred-size: 100%; flex-basis: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 0; }

.profile-avatar { position: relative; line-height: 0; -ms-flex-item-align: center; -ms-grid-row-align: center; 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::before { 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; min-width: 0; }

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

.profile-header .options { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 12px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (min-width: 768px) { .profile-header .options { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-preferred-size: auto; 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; } }

.profile-header .options [data-action="edit-profile"] { background-color: #e3012b; border: 0; color: #fff; line-height: normal; padding: 8px 20px; outline-color: #e3012b; }

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

.profile-stats { font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-preferred-size: 100%; flex-basis: 100%; }

.profile-stats .stat { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; }

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

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

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

@media (min-width: 768px) { .profile-stats-activity { border-top: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

@media (min-width: 768px) { .profile-stats-activity .stat { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }

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

@media (min-width: 768px) { .profile-stats-counters { -webkit-box-flex: 0; -ms-flex: 0 0 200px; 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 { -webkit-box-flex: 0; -ms-flex: 0 0 270px; 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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

@media (min-width: 1024px) { .profile-stats-counters .stat { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } }

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

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

.profile-private-badge::after { content: "\1f512"; margin-left: 5px; font-family: "copenhagen-icons"; vertical-align: middle; line-height: 15px; }

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

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

.profile-section { width: 100%; }

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

.profile-section-header { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

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

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

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

.profile-section-sorter { -ms-flex-preferred-size: 100%; flex-basis: 100%; border-top: solid 1px #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: initial; }

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

@media (min-width: 768px) { .profile-section-sorter { -webkit-box-flex: 0; -ms-flex: 0 1 auto; 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 0; 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-list > .profile-contribution::before { left: 0; position: absolute; font-size: 16px; color: #ccc; font-family: "copenhagen-icons"; line-height: 25px; }

[dir="rtl"] .profile-contribution-list > .profile-contribution::before { right: 0; }

.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; }

.profile-section .private-activity::before { content: "\1f512"; font-family: "copenhagen-icons"; font-style: normal; font-size: 12px; font-weight: normal; vertical-align: middle; margin-right: 10px; }

[dir="rtl"] .profile-section .private-activity::before { 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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; -ms-flex-item-align: start; 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::before { position: absolute; left: 0; width: 28px; border-radius: 50%; content: ""; background-size: 14px 14px; background-repeat: no-repeat; background-color: #fff; background-position: 50% 50%; text-align: center; line-height: 40px; font-size: 16px; color: #ccc; font-family: "copenhagen-icons"; }

[dir="rtl"] .profile-activity::before { right: 0; }

@media (min-width: 768px) { .profile-activity::before { left: -14px; }
  [dir="rtl"] .profile-activity::before { right: -14px; } }

.profile-articles > .profile-contribution::before, .profile-activity-list > li[class$="-article"]::before { content: "\1f4c4"; }

.profile-posts > .profile-contribution::before, .profile-activity-list > li[class$="-post"]::before { content: "\1f4d4"; }

.profile-comments > .profile-contribution::before, .profile-activity-list > li[class$="-comment"]::before { content: "\1f4ac"; line-height: 35px; }

/***** Search results *****/
.search-results { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 1024px) { .search-results { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } }

.search-results-column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

@media (min-width: 1024px) { .search-results-column { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; } }

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

.search-results-list > li { border-bottom: 1px solid #ddd; padding: 20px 0; }

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

.search-result-description { margin-top: 15px; }

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

.search-result-votes::before, .search-result-meta-count::before { color: #e3012b; }

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

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

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

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

.search-result-votes::before { content: "\1F44D"; }

.search-result-meta-count::before { content: "\1F4AC"; }

.search-result .meta-group { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.search-result-breadcrumbs { margin: 0; }

.search-result-breadcrumbs li:last-child::after { content: "·"; display: inline-block; margin: 0 5px; }

/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger-box { top: 3px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; }

.hamburger--slider.is-active .hamburger-inner:before { display: none; }

.hamburger { padding: 0 0; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; -o-transition-property: opacity, filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; }

.hamburger:hover { opacity: 1; }

.hamburger-box { width: 21px; height: 16px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -1px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 21px; height: 2px; background-color: #000; border-radius: 0; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -7px; }

.hamburger-inner::after { bottom: -7px; }

/* Slider */
.hamburger--slider .hamburger-inner { top: 1px; }

.hamburger--slider .hamburger-inner::before { top: 7px; -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; }

.hamburger--slider .hamburger-inner::after { top: 14px; }

.hamburger--slider.is-active .hamburger-inner { -webkit-transform: translate3d(0, 7px, 0) rotate(45deg); transform: translate3d(0, 7px, 0) rotate(45deg); }

.hamburger--slider.is-active .hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-3px, -5px, 0); transform: rotate(-45deg) translate3d(-3px, -5px, 0); opacity: 0; }

.hamburger--slider.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -14px, 0) rotate(-90deg); transform: translate3d(0, -14px, 0) rotate(-90deg); }

.display-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }

.show { display: block !important; }

.hide { display: none !important; }

.opacity-0 { opacity: 0 !important; }

.opacity-1 { opacity: 1 !important; }

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

.color-white { color: #fff !important; }

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

@media (min-width: 1024px) { .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }
  .margin-auto { margin: auto !important; }
  .margin-left-1percent { margin-left: 1% !important; }
  .margin-right-1percent { margin-right: 1% !important; }
  .margin-right-2percent { margin-right: 2% !important; } }

::-webkit-input-placeholder { color: #c7c7c7 !important; }

:-moz-placeholder { color: #c7c7c7 !important; }

::-moz-placeholder { color: #c7c7c7 !important; }

:-ms-input-placeholder { color: #c7c7c7 !important; }

.focus-visible, .has-focus-upload-dropzone { outline: 5px auto #4d90fe !important; }

.page-id::before { background: #e3012b; content: ''; display: inline-block; height: 10px; position: absolute; /*top: 54px;*/ width: 17px; left: 50%; margin-left: -9px; }

@media (min-width: 1024px) { .page-id::before { /*top: 87px;*/ top: 37px; } }

.page-id span::before, .page-id span::after { background: #e3012b; content: ''; display: inline-block; height: 10px; position: absolute; /*top: 54px;*/ width: 17px; }

@media (min-width: 1024px) { .page-id span::before, .page-id span::after { /*top: 87px;*/ top: 37px; } }

.page-id span::before { left: 50%; margin-left: -40px; }

.page-id span::after { right: 50%; margin-right: -40px; }

.pagination { margin: 0; padding: 20px 0; }

.pagination li { border-radius: 0; height: 30px; margin: 0 5px 10px; width: 30px; }

.pagination li a, .pagination li span { color: #000; font-family: "Knockout", sans-serif; font-size: 17.5px; height: 100%; padding: 2px 12px; text-align: center; width: 100%; }

.pagination li.pagination-current { background: #e3012b; }

.pagination li.pagination-current span { color: #fff; }

.pagination li:hover:not(.pagination-current) { background: none; }

.pagination li a:hover, .pagination li a:active, .pagination li a:focus, .pagination li a:visited { text-decoration: none; }

* { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

*::before, *::after { -webkit-appearance: none; }

body { color: #000; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 1.6; opacity: 0; position: relative; }

@media (min-width: 1024px) { body { font-size: 18px; } }

.container, .error-page, .container-footer footer { border: 0; display: block; margin-top: 0; max-width: none; padding: 0; width: 100%; }

.container-header header, .container-footer .footer-inner { display: block; height: auto; margin: 0 auto; max-width: none; padding: 0; width: 100%; }

.container-header .notification-branding, .container-footer .footer-row-1, .container-footer .footer-row-2, .container-footer .footer-row-3, .container-footer .footer-row-4 { display: block; height: auto; margin: 0 auto; max-width: 1964px; padding: 0 20px; width: 100%; }

@media (min-width: 1024px) { .container-header .notification-branding, .container-footer .footer-row-1, .container-footer .footer-row-2, .container-footer .footer-row-3, .container-footer .footer-row-4 { padding: 0 32px; } }

.sub-nav { display: none; }

@media (min-width: 1024px) { .sub-nav { display: block; margin: 40px 32px 22px; min-height: auto; padding: 0; text-align: center; } }

.sub-nav .breadcrumbs li { color: #767676; font-size: 14px; font-weight: 400; text-transform: uppercase; }

.sub-nav .breadcrumbs li:last-child { color: #000; }

.sub-nav .breadcrumbs li + li::before { color: #767676; content: "/"; font-size: 14px; margin: 0; }

.sub-nav .breadcrumbs li a { color: #767676; font-size: 14px; font-weight: 400; }

.sub-nav .breadcrumbs li a:hover, .sub-nav .breadcrumbs li a:visited:hover { color: #000; text-decoration: none; }

.sub-nav .breadcrumbs li a:active, .sub-nav .breadcrumbs li a:focus, .sub-nav .breadcrumbs li a:visited { color: #767676; text-decoration: none; }

.body-section .sub-nav .breadcrumbs li:nth-child(4)::before { margin-right: 4px; }

.body-article .sub-nav .breadcrumbs li:nth-child(5)::before { margin-right: 4px; }

.page-header { margin: 10px 20px; text-align: center; }

.page-header .page-header-inner { width: 100%; }

.page-header .heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 40px; letter-spacing: 3px; line-height: 40px; padding-bottom: 14px; margin: 32px 0 17px; }

@media (min-width: 1024px) { .page-header .heading { font-size: 62px; line-height: 62px; } }

.page-header .description { color: #000; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 1.6; }

@media (min-width: 1024px) { .page-header .description { font-size: 18px; } }

@media (min-width: 1024px) { .page-header { margin: 0 32px; }
  .page-header .heading { margin-top: 0; } }

.section { margin: 0; }

.category-content, .section-content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }

.body-home form.search, .body-category form.search, .body-section form.search, .body-article form.search, .body-search-results form.search, .body-new-request form.search, .body-error form.search { margin: 25px auto 0; max-width: 635px; }

.body-home form.search::before, .body-category form.search::before, .body-section form.search::before, .body-article form.search::before, .body-search-results form.search::before, .body-new-request form.search::before, .body-error form.search::before { display: none; }

.body-home #query, .body-category #query, .body-section #query, .body-article #query, .body-search-results #query, .body-new-request #query, .body-error #query { border: 1px solid #000; border-color: #dcdcdc; border-radius: 0; color: #000; font-family: "Roboto", sans-serif; font-size: 14px; height: 45px; padding: 5px 8px; border: 0; height: 45px; padding-right: 45px; border: 1px solid #000; }

.body-home #query:focus, .body-category #query:focus, .body-section #query:focus, .body-article #query:focus, .body-search-results #query:focus, .body-new-request #query:focus, .body-error #query:focus { border-color: #dcdcdc; }

@media (min-width: 1024px) { .body-home #query, .body-category #query, .body-section #query, .body-article #query, .body-search-results #query, .body-new-request #query, .body-error #query { font-size: 16px; } }

.body-home .search input[type='submit'], .body-category .search input[type='submit'], .body-section .search input[type='submit'], .body-article .search input[type='submit'], .body-search-results .search input[type='submit'], .body-new-request .search input[type='submit'], .body-error .search input[type='submit'] { background-color: transparent; background-image: url(/hc/theming_assets/01HZKP01QNY5D9BX56Q8H6S3BH) no-repeat; background-image: url("https://theme.zdassets.com/theme_assets/9167607/e8300527015f6f2b8b3e2c131723bdd6bff6a10c.png"); background-repeat: no-repeat; background-position: 70% 50%; background-size: 28%; border-radius: 0; color: transparent; height: 45px; font-size: 0; min-width: unset; min-width: auto; padding: 0; width: 45px; position: absolute; right: 0; top: 0; }

.body-home .notification-notice { display: none; }

.body-home .hero-browse-our-faqs { margin-top: 20px; padding: 0 20px; }

.body-home .hero-browse-our-faqs .heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 30px; letter-spacing: 2.8px; line-height: 30px; padding-bottom: 10px; color: #fff; }

@media (min-width: 1024px) { .body-home .hero-browse-our-faqs .heading { font-size: 40px; line-height: 40px; } }

.body-home .hero-browse-our-faqs .hero, .body-home .hero-browse-our-faqs .browse-our-faqs { height: 310px; text-align: center; }

.body-home .hero-browse-our-faqs .hero { background-image: url("https://theme.zdassets.com/theme_assets/9167607/b52a2b126efa3b8f2ca4ce379fc2b6841ab61d93.jpg"); background-repeat: no-repeat; }

.body-home .hero-browse-our-faqs .hero .hero-inner { max-width: 415px; top: 0; }

.body-home .hero-browse-our-faqs .hero .heading { margin: 88px 0 64px; }

.body-home .hero-browse-our-faqs .hero form.search { margin: 0; }

.body-home .hero-browse-our-faqs .hero #query { border: 0; }

.body-home .hero-browse-our-faqs .browse-our-faqs { background-image: url("https://theme.zdassets.com/theme_assets/9167607/f2f9a04e4c377e7616f2c00ad2e8b1648c296ac4.jpg"); background-repeat: no-repeat; margin-top: 20px; }

.body-home .hero-browse-our-faqs .browse-our-faqs .heading { border-color: #fff; margin: 48px 0 18px; }

.body-home .hero-browse-our-faqs .browse-our-faqs p { color: #fff; margin-bottom: 38px; padding: 0 14px; }

.body-home .hero-browse-our-faqs .browse-our-faqs .btn-take-me-there { border: 0; border-radius: 0; display: inline-block; font-family: "Knockout", sans-serif; font-size: 18px; height: 45px; letter-spacing: 2px; line-height: 45px; max-width: 200px; min-width: 90px; padding: 0 40px; text-transform: uppercase; background: #e3012b; color: #fff; background: transparent; border: 1px solid #fff; line-height: 43px; }

.body-home .hero-browse-our-faqs .browse-our-faqs .btn-take-me-there:hover, .body-home .hero-browse-our-faqs .browse-our-faqs .btn-take-me-there:active, .body-home .hero-browse-our-faqs .browse-our-faqs .btn-take-me-there:focus, .body-home .hero-browse-our-faqs .browse-our-faqs .btn-take-me-there:visited { text-decoration: none; }

.body-home .hero-browse-our-faqs .browse-our-faqs .btn-take-me-there:hover { background: #ba0123; }

.body-home .hero-browse-our-faqs .browse-our-faqs .btn-take-me-there:hover { background: transparent; }

.body-home .get-in-touch { background: #f5f5f5; font-size: 14px; margin-top: 20px; padding: 0 20px; text-align: center; }

.body-home .get-in-touch .heading-get-in-touch { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 30px; letter-spacing: 2.8px; line-height: 30px; padding-bottom: 10px; margin: 33px 0 37px; }

@media (min-width: 1024px) { .body-home .get-in-touch .heading-get-in-touch { font-size: 40px; line-height: 40px; } }

.body-home .get-in-touch .contact-us, .body-home .get-in-touch .chat-with-us, .body-home .get-in-touch .online-form { text-align: left; }

.body-home .get-in-touch .contact-us .heading, .body-home .get-in-touch .chat-with-us .heading, .body-home .get-in-touch .online-form .heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 20px; letter-spacing: 1.5px; line-height: 20px; margin-bottom: 12px; }

@media (min-width: 1024px) { .body-home .get-in-touch .contact-us .heading, .body-home .get-in-touch .chat-with-us .heading, .body-home .get-in-touch .online-form .heading { font-size: 24px; line-height: 24px; } }

.body-home .get-in-touch .contact-us .address { display: block; margin-bottom: 8px; text-transform: uppercase; }

.body-home .get-in-touch .contact-us .contact-details .uk { display: block; margin-bottom: 8px; }

.body-home .get-in-touch .contact-us .contact-details .telephone-number { color: #000; display: block; font-weight: bold; }

.body-home .get-in-touch .contact-us .contact-details .telephone-number:hover, .body-home .get-in-touch .contact-us .contact-details .telephone-number:active, .body-home .get-in-touch .contact-us .contact-details .telephone-number:focus, .body-home .get-in-touch .contact-us .contact-details .telephone-number:visited { text-decoration: none; }

.body-home .get-in-touch .contact-us .opening-hours { border-bottom: 1px solid #d6d6d6; margin: 30px 0 35px; padding-bottom: 25px; }

.body-home .get-in-touch .contact-us .opening-hours p { margin: 10px 0; }

.body-home .get-in-touch .contact-us .opening-hours p:first-child { font-weight: bold; }

.body-home .get-in-touch .contact-us .opening-hours p a { color: #000; }

.body-home .get-in-touch .contact-us .opening-hours p a:hover, .body-home .get-in-touch .contact-us .opening-hours p a:active, .body-home .get-in-touch .contact-us .opening-hours p a:focus, .body-home .get-in-touch .contact-us .opening-hours p a:visited { text-decoration: none; }

.body-home .get-in-touch .chat-with-us a, .body-home .get-in-touch .online-form a { border: 0; border-radius: 0; display: inline-block; font-family: "Knockout", sans-serif; font-size: 18px; height: 45px; letter-spacing: 2px; line-height: 45px; max-width: 200px; min-width: 90px; padding: 0 40px; text-transform: uppercase; background: #000; color: #fff; }

.body-home .get-in-touch .chat-with-us a:hover, .body-home .get-in-touch .chat-with-us a:active, .body-home .get-in-touch .chat-with-us a:focus, .body-home .get-in-touch .chat-with-us a:visited, .body-home .get-in-touch .online-form a:hover, .body-home .get-in-touch .online-form a:active, .body-home .get-in-touch .online-form a:focus, .body-home .get-in-touch .online-form a:visited { text-decoration: none; }

.body-home .get-in-touch .chat-with-us a:hover, .body-home .get-in-touch .online-form a:hover { background: #2e2e2e; }

.body-home .get-in-touch { padding: 35px 0; }

@media (min-width: 768px) { .body-home .hero { background-position: 0 -50px; } }

@media (min-width: 1024px) { .body-home .hero { background-position: -204px 0; }
  .body-home .page-header .description { margin-bottom: 55px; }
  .body-home .hero-browse-our-faqs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 32px; }
  .body-home .hero-browse-our-faqs .hero, .body-home .hero-browse-our-faqs .browse-our-faqs { height: 580px; margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; }
  .body-home .hero-browse-our-faqs .hero .heading { margin-top: 218px; }
  .body-home .hero-browse-our-faqs .browse-our-faqs .heading { margin-top: 192px; }
  .body-home .get-in-touch { margin-top: 30px; padding: 0 32px 85px; }
  .body-home .get-in-touch .heading-get-in-touch { margin-top: 92px; }
  .body-home .get-in-touch .get-in-touch-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .body-home .get-in-touch .contact-us, .body-home .get-in-touch .chat-with-us-online-form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 435px; }
  .body-home .get-in-touch .online-form { border-right: 1px solid #d6d6d6; padding-right: 130px; }
  .body-home .get-in-touch .contact-us .address-contact-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .body-home .get-in-touch .contact-us .opening-hours { border: 0; margin-bottom: 0; padding: 0; }
  .body-home .get-in-touch .contact-us { padding-left: 130px; }
  .body-home .get-in-touch .online-form { padding-bottom: 0; } }

@media (min-width: 1240px) { .body-home .hero { background-position: -125px 0; } }

.body-category .section-tree { display: block; margin-top: 40px; padding: 0 20px; text-align: center; }

.body-category .section-tree .section:last-child a { margin-bottom: 0; }

.body-category .section-tree .heading span { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 30px; letter-spacing: 2.8px; line-height: 30px; padding-bottom: 10px; }

@media (min-width: 1024px) { .body-category .section-tree .heading span { font-size: 40px; line-height: 40px; } }

.body-category .section-tree a { background: #f5f5f5; display: inline-block; line-height: 150px; margin-bottom: 20px; min-height: 150px; padding: 0 20px; width: 100%; }

@media (min-width: 1024px) { .body-category .section-tree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 100px; padding: 0 32px; }
  .body-category .section-tree .section { -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; }
  .body-category .section-tree a { line-height: 300px; margin-bottom: 30px; min-height: 300px; }
  .body-category .container-footer .footer-row-1 { margin-top: 70px; } }

.body-section .section-heading, .body-article .section-heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 30px; letter-spacing: 2.8px; line-height: 30px; padding-bottom: 10px; margin: 34px auto 0; }

@media (min-width: 1024px) { .body-section .section-heading, .body-article .section-heading { font-size: 40px; line-height: 40px; } }

@media (min-width: 1024px) { .body-section .section-heading, .body-article .section-heading { margin-top: 92px; } }

.body-section .section-wrapper, .body-article .article-info { background: #f5f5f5; margin-top: 40px; padding: 0 20px 10px; text-align: center; }

@media (min-width: 1024px) { .body-section .section-wrapper, .body-article .article-info { margin-top: 100px; padding-bottom: 78px; } }

.body-section .section-wrapper ul.article-list, .body-article .article-heading { margin: 40px auto 20px; max-width: 635px; text-align: left; }

.body-section .section-wrapper ul.article-list li { padding: 15px 15px 15px 0; position: relative; border-bottom: 1px solid #000; }

.body-section .section-wrapper ul.article-list li::after { border-bottom: 1px solid black; border-right: 1px solid black; content: ''; display: inline-block; height: 8px; position: absolute; right: 2px; top: 25px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 8px; }

.body-section .section-wrapper ul.article-list li:first-child { border-top: 1px solid #000; }

.body-section .section-wrapper ul.article-list a { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 20px; letter-spacing: 1.5px; line-height: 20px; color: #000; text-decoration: none; }

@media (min-width: 1024px) { .body-section .section-wrapper ul.article-list a { font-size: 24px; line-height: 24px; } }

.body-section .section-wrapper ul.article-list a:hover, .body-section .section-wrapper ul.article-list a:active, .body-section .section-wrapper ul.article-list a:focus, .body-section .section-wrapper ul.article-list a:visited { color: #000; text-decoration: none; }

.body-article article { max-width: none; min-height: auto; padding: 0; }

.body-article .article-info .article-content { margin: 0; }

.body-article .article-info .article-heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 20px; letter-spacing: 1.5px; line-height: 20px; }

@media (min-width: 1024px) { .body-article .article-info .article-heading { font-size: 24px; line-height: 24px; } }

.body-article .article-info .article-body { font-size: 16px; text-align: left; margin: 0 auto 20px; max-width: 635px; }

.body-article .article-info .article-body .wysiwyg-text-align-left { text-align: left; }

.body-article .article-info .article-body .wysiwyg-text-align-center { text-align: center; }

.body-article .article-info .article-body .wysiwyg-text-align-right { text-align: right; }

.body-article .article-info .article-body .wysiwyg-font-size-small { font-size: 12px; }

.body-article .article-info .article-body .wysiwyg-font-size-medium { font-size: 14px; }

.body-article .article-info .article-body .wysiwyg-font-size-large { font-size: 16px; }

.body-article .article-info .article-body .wysiwyg-font-size-x-large { font-size: 18px; }

.body-article .article-info .article-body h1, .body-article .article-info .article-body h2, .body-article .article-info .article-body h3, .body-article .article-info .article-body h4, .body-article .article-info .article-body h5, .body-article .article-info .article-body h6 { font-family: "Roboto", sans-serif; font-size: 18px; font-weight: 600; text-align: left; }

.body-article .article-info .article-body table { width: 100%; }

.body-article .article-info .article-body table th, .body-article .article-info .article-body table td { border: 1px solid #000; }

.body-article .article-info .article-body iframe { width: 100%; }

.body-article .article-relatives { border: 0; display: block; margin: 20px 20px 0; padding: 0; }

.body-article .article-relatives .heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 30px; letter-spacing: 2.8px; line-height: 30px; padding-bottom: 10px; border: 0; color: #fff; margin: 0 0 18px; }

@media (min-width: 1024px) { .body-article .article-relatives .heading { font-size: 40px; line-height: 40px; } }

.body-article .article-relatives li { padding: 15px 15px 15px 0; position: relative; border-bottom: 1px solid #fff; font-size: 16px; margin: 0; }

.body-article .article-relatives li::after { border-bottom: 1px solid black; border-right: 1px solid black; content: ''; display: inline-block; height: 8px; position: absolute; right: 2px; top: 25px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 8px; }

.get-in-touch-body { margin-left: 10px; }
@media (min-width: 1024px) { .get-in-touch-body { margin-left: -55px; } }

.body-article .article-relatives li:first-child { border-top: 1px solid #fff; }

.body-article .article-relatives li::after { border-color: #fff; }

.body-article .article-relatives a { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 20px; letter-spacing: 1.5px; line-height: 20px; color: #000; text-decoration: none; color: #fff; }

@media (min-width: 1024px) { .body-article .article-relatives a { font-size: 24px; line-height: 24px; } }

.body-article .article-relatives a:hover, .body-article .article-relatives a:active, .body-article .article-relatives a:focus, .body-article .article-relatives a:visited { color: #000; text-decoration: none; }

.body-article .article-relatives a:hover, .body-article .article-relatives a:active, .body-article .article-relatives a:focus, .body-article .article-relatives a:visited { color: #fff; }

.body-article .article-relatives .related-articles, .body-article .article-relatives .recent-articles { padding: 35px 20px 40px; }

.body-article .article-relatives .related-articles { background: #000; margin-bottom: 20px; }

.body-article .article-relatives .recent-articles { background: #e3012b; }

@media (min-width: 1024px) { .body-article .article-relatives { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 30px 32px 0; }
  .body-article .article-relatives .heading { margin: 0 0 37px; }
  .body-article .article-relatives .related-articles, .body-article .article-relatives .recent-articles { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; min-width: auto; padding: 90px 40px 95px; }
  .body-article .article-relatives .related-articles { margin: 0; } }

.body-search-results .page-header, .body-new-request .page-header { margin: 0; padding: 0 20px 20px; }

@media (min-width: 1024px) { .body-search-results .page-header, .body-new-request .page-header { padding: 0 32px 65px; } }

.body-search-results { background: #f5f5f5; }

.body-search-results .search-results { background: #fff; padding-bottom: 20px; padding-top: 35px; }

.body-search-results .search-results section { margin: 0 auto; max-width: 895px; padding: 0 20px; width: 100%; }

.body-search-results .search-results .heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 30px; letter-spacing: 2.8px; line-height: 30px; padding-bottom: 10px; margin-bottom: -5px; word-break: break-all; }

@media (min-width: 1024px) { .body-search-results .search-results .heading { font-size: 40px; line-height: 40px; } }

.body-search-results .search-results .heading-no-results { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 20px; letter-spacing: 1.5px; line-height: 20px; border: 0; margin: 0 0 50px; padding: 0; }

@media (min-width: 1024px) { .body-search-results .search-results .heading-no-results { font-size: 24px; line-height: 24px; } }

.body-search-results .search-results form.search { max-width: 895px; }

.body-search-results .search-results .page-header-description { font-style: normal; margin-top: 15px; }

.body-search-results .search-results li { border-color: #000; }

.body-search-results .search-results li:first-child { border-color: #000; }

.body-search-results .search-results a { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 20px; letter-spacing: 1.5px; line-height: 20px; }

@media (min-width: 1024px) { .body-search-results .search-results a { font-size: 24px; line-height: 24px; } }

.body-search-results .search-results a:hover, .body-search-results .search-results a:active, .body-search-results .search-results a:focus, .body-search-results .search-results a:visited { text-decoration: none; }

.body-search-results .search-results .search-result-description { margin-top: 7px; }

.body-search-results .search-results em { background: #e3012b; color: #fff; font-style: normal; }

.body-search-results .pagination { background: #fff; padding-top: 0; }

.body-search-results .container-footer .footer-row-1 { display: none; }

@media (min-width: 1024px) { .body-search-results .search-results { padding-top: 90px; }
  .body-search-results .search-results form.search { margin-top: 45px; } }

.body-error { background: #f5f5f5; text-align: center; }

.body-error .page-header .heading { margin: 90px 0 25px; }

.body-error .error-body { margin: 0 auto; max-width: 442px; padding: 0 20px 100px; }

.body-error .error-body .heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 30px; letter-spacing: 2.8px; line-height: 30px; padding-bottom: 10px; border: 0; margin: 0; }

@media (min-width: 1024px) { .body-error .error-body .heading { font-size: 40px; line-height: 40px; } }

.body-error .error-body p { font-size: 16px; margin: 0 0 25px; }

.body-error .uk, .body-error .roi { display: block; font-size: 14px; }

.body-error .roi { margin-top: 5px; }

.body-error .telephone-number { color: #000; display: block; font-family: "Knockout", sans-serif; font-size: 20px; letter-spacing: 1.5px; margin-bottom: -2px; }

.body-error .telephone-number:hover, .body-error .telephone-number:active, .body-error .telephone-number:focus, .body-error .telephone-number:visited { text-decoration: none; }

.body-error .container-footer .footer-row-1 { display: none; }

.body-error .container-footer .footer-row-2 { background: #fff; }

@media (min-width: 1024px) { .body-error .page-header .heading { margin: 195px 0 35px; padding-bottom: 7px; }
  .body-error .error-body { padding: 0 32px 200px; }
  .body-error .error-body p { margin: 0 0 20px; }
  .body-error .error-body .contact-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .body-error .error-body .roi { margin: 0; }
  .body-error .error-body .telephone-number { font-size: 25px; } }

.body-new-request .request_subject, .body-new-request #request_description_hint, .body-new-request .datepicker, .body-new-request .form input[type*='submit'] { display: none; }

.body-new-request .request_custom_fields_360001338280, .body-new-request .request_custom_fields_360001331699, .body-new-request .request_custom_fields_360001193740, .body-new-request .request_custom_fields_360001192399, .body-new-request .request_custom_fields_360001192419 { display: none; }

.body-new-request .form-field { display: none; }

.body-new-request .form-field.request_custom_fields_360001190819 { display: block; }

.body-new-request .form footer { display: none; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 { display: block !important; margin: 0 0 50px; text-align: left; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 .checkbox-wrapper { position: relative; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 .checkbox-wrapper input[type='checkbox'] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; height: 18px; left: 2px; opacity: 0; position: absolute; top: 3px; width: 18px; z-index: 1; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 .checkbox-wrapper .checkmark { background: #fff; border: 1px solid #dcdcdc; display: inline-block; height: 18px; margin-right: 10px; position: relative; top: 3px; width: 18px; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 .checkbox-wrapper .checkmark::after { border: solid white; border-width: 0 3px 3px 0; content: ''; display: none; height: 9px; left: 5px; position: absolute; top: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 3px; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 .checkbox-wrapper input:checked ~ .checkmark { background: #000; border-color: #000; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 .checkbox-wrapper input:checked ~ .checkmark::after { display: block; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 label { display: inline; }

.body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 label a { color: #e3012b; }

@media (min-width: 1024px) { .body-new-request.enquiry-type-has-value .request_custom_fields_360002214600 { text-align: center; } }

.body-new-request .form { background: #f5f5f5; max-width: none; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; padding-top: 35px; }

.body-new-request .heading-form-description { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; font-size: 20px; letter-spacing: 1.5px; line-height: 20px; margin: 0 auto 32px; max-width: 340px; text-align: center; }

@media (min-width: 1024px) { .body-new-request .heading-form-description { font-size: 24px; line-height: 24px; } }

.body-new-request .request-form { margin: 0 auto; max-width: 635px; }

.body-new-request .form-field { margin-top: 15px; }

.body-new-request .form-field label { color: #000; font-family: "Roboto", sans-serif; font-size: 14px; }

.body-new-request .form-field label::after { color: #e3012b !important; }

.body-new-request .form-field input, .body-new-request .form-field .nesty-input, .body-new-request .form-field select { border: 1px solid #000; border-color: #dcdcdc; border-radius: 0; color: #000; font-family: "Roboto", sans-serif; font-size: 14px; height: 45px; padding: 5px 8px; }

.body-new-request .form-field input:focus, .body-new-request .form-field .nesty-input:focus, .body-new-request .form-field select:focus { border-color: #dcdcdc; }

@media (min-width: 1024px) { .body-new-request .form-field input, .body-new-request .form-field .nesty-input, .body-new-request .form-field select { font-size: 16px; } }

.body-new-request .form-field textarea { border: 1px solid #000; border-color: #dcdcdc; border-radius: 0; color: #000; font-family: "Roboto", sans-serif; font-size: 14px; height: 45px; padding: 5px 8px; height: 155px; }

.body-new-request .form-field textarea:focus { border-color: #dcdcdc; }

@media (min-width: 1024px) { .body-new-request .form-field textarea { font-size: 16px; } }

@media (min-width: 1024px) { .body-new-request .form-field textarea { height: 132px; } }

.body-new-request .form-field .nesty-input { line-height: 34px; padding-right: 45px; }

.body-new-request .form-field select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; padding-right: 45px; }

.body-new-request .form-field .nesty-input, .body-new-request .form-field .form-field-select-address { position: relative; }

.body-new-request .form-field .nesty-input::after, .body-new-request .form-field .form-field-select-address::after { border-bottom: 1px solid #000; border-right: 1px solid #000; bottom: 20px; content: ''; display: inline-block; height: 8px; position: absolute; right: 17px; top: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 8px; }

.body-new-request .request_custom_fields_360001192379 span { display: -webkit-box; display: -ms-flexbox; display: flex; }

.body-new-request .request_custom_fields_360001192379 span button { border: 0; border-radius: 0; display: inline-block; font-family: "Knockout", sans-serif; font-size: 18px; height: 45px; letter-spacing: 2px; line-height: 45px; max-width: 200px; min-width: 90px; padding: 0 40px; text-transform: uppercase; background: #000; color: #fff; line-height: 43px; margin-left: 10px; min-width: 120px; padding: 0; }

.body-new-request .request_custom_fields_360001192379 span button:hover, .body-new-request .request_custom_fields_360001192379 span button:active, .body-new-request .request_custom_fields_360001192379 span button:focus, .body-new-request .request_custom_fields_360001192379 span button:visited { text-decoration: none; }

.body-new-request .request_custom_fields_360001192379 span button:hover { background: #2e2e2e; }

.body-new-request .request_custom_fields_360001192379 .address_loading { display: none; font-size: 14px; font-style: italic; }

.body-new-request .request_custom_fields_360001193220 { position: relative; }

.body-new-request .request_custom_fields_360001193220:before { background-image: url("https://theme.zdassets.com/theme_assets/9167607/c62ba2d0d9a13df82a48a8e9c91a0e45d5f38eb1.png"); background-repeat: no-repeat; background-size: contain; bottom: 15px; content: ''; display: inline-block; height: 16px; position: absolute; right: 14px; width: 16px; }

.body-new-request .request_custom_fields_360001193220 input[type='date'] { background: #fff; }

.body-new-request .request_custom_fields_360001193220 .native-date-input { padding-right: 45px; }

.body-new-request .request_custom_fields_360001193220 .native-date-input::-webkit-inner-spin-button { display: none; -webkit-appearance: none; }

.body-new-request .time-of-visit-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }

.body-new-request .time-of-visit-wrapper .form-field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.body-new-request .time-of-visit-wrapper .form-field .nesty-input { min-width: auto; }

.body-new-request .time-of-visit-wrapper .form-field:nth-child(1) { margin-right: 5px; }

.body-new-request .time-of-visit-wrapper .form-field:nth-child(2) { margin-left: 5px; }

.body-new-request .time-of-visit-wrapper .form-field:nth-child(2) label { opacity: 0; white-space: nowrap; }

.body-new-request .form footer { margin: -15px 0 0; }

.body-new-request .form-field-attachments label { display: none; }

.body-new-request .form-field-attachments .upload-dropzone { border: 0; border-radius: 0; display: inline-block; font-family: "Knockout", sans-serif; font-size: 18px; height: 45px; letter-spacing: 2px; line-height: 45px; max-width: 200px; min-width: 90px; padding: 0 40px; text-transform: uppercase; background: #000; color: #fff; line-height: 47px; margin-bottom: 5px; max-width: 256px; padding: 0 25px; width: 100%; }

.body-new-request .form-field-attachments .upload-dropzone:hover, .body-new-request .form-field-attachments .upload-dropzone:active, .body-new-request .form-field-attachments .upload-dropzone:focus, .body-new-request .form-field-attachments .upload-dropzone:visited { text-decoration: none; }

.body-new-request .form-field-attachments .upload-dropzone:hover { background: #2e2e2e; }

.body-new-request .form-field-attachments .upload-dropzone[data-hc-focus='true'] { border: 0; }

.body-new-request .form-field-attachments .upload-dropzone input { padding: 45px; }

.body-new-request .form-field-attachments .upload-dropzone a, .body-new-request .form-field-attachments .upload-dropzone span { color: #fff; padding: 0; }

.body-new-request .form-field-attachments .upload-dropzone span::before { display: none; }

.body-new-request .form-field-attachments .upload-item { padding: 0; position: relative; width: 100%; }

.body-new-request .form-field-attachments .upload-item:hover { background: none; }

.body-new-request .form-field-attachments .upload-item:first-child { margin: 0; }

.body-new-request .form-field-attachments .upload-item .upload-link { border: 1px solid #000; border-radius: 0; font-size: 14px; height: 45px; line-height: 26px; max-width: none; padding: 10px 45px 10px 10px; width: 100%; }

.body-new-request .form-field-attachments .upload-item .upload-link::before { display: none; }

.body-new-request .form-field-attachments .upload-item .upload-progress { background-color: #e3012b; margin-top: 5px; }

.body-new-request .form-field-attachments .upload-item .upload-remove { height: 45px; margin: 0; position: absolute; right: 0; top: 0; width: 45px; }

.body-new-request .form-field-attachments .upload-item .upload-remove::before, .body-new-request .form-field-attachments .upload-item .upload-remove::after { background-color: #000; content: ''; height: 10px; position: absolute; right: 18px; top: 17px; width: 1px; }

.body-new-request .form-field-attachments .upload-item .upload-remove::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.body-new-request .form-field-attachments .upload-item .upload-remove::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.body-new-request .form-field-attachments #upload-error { margin: 0 0 10px; }

.body-new-request .g-recaptcha { line-height: 0; }

.body-new-request .notification-g-recaptcha { margin-top: 10px; }

.body-new-request .label-mandatory { color: #e3012b; font-size: 14px; margin: 35px 0; }

.body-new-request .btn-form-submit { border: 0; border-radius: 0; display: inline-block; font-family: "Knockout", sans-serif; font-size: 18px; height: 45px; letter-spacing: 2px; line-height: 45px; max-width: 200px; min-width: 90px; padding: 0 40px; text-transform: uppercase; background: #e3012b; color: #fff; width: unset; }

.body-new-request .btn-form-submit:hover, .body-new-request .btn-form-submit:active, .body-new-request .btn-form-submit:focus, .body-new-request .btn-form-submit:visited { text-decoration: none; }

.body-new-request .btn-form-submit:hover { background: #ba0123; }

.body-new-request .main-error-notification { background: #e3012b; color: #fff; display: none; font-size: 12px; margin-left: auto; margin-right: auto; max-width: 635px; min-height: 45px; padding: 13px 17px; }

.body-new-request .main-error-notification::before { border: 1px solid #fff; border-radius: 50%; color: #fff; content: '!'; display: inline-block; font-family: "Roboto", sans-serif; font-size: 8px; font-weight: normal; height: 12px; line-height: 12px; margin: -2px 5px 0 0; text-align: center; vertical-align: middle; width: 12px; }

.body-new-request .notification-error { background: #e3012b; border: 0; border-radius: 0; color: #fff; font-family: "Roboto", sans-serif; font-size: 12px; min-height: 45px; padding: 15px 17px; }

.body-new-request .notification-error::before { border-color: #fff; color: #fff; }

.body-new-request .has-error input, .body-new-request .has-error textarea, .body-new-request .has-error .nesty-input { border-color: #e3012b !important; }

.body-new-request .ghosted { cursor: not-allowed; opacity: .5; pointer-events: none; }

.body-new-request .ghosted .nesty-input, .body-new-request .ghosted select { pointer-events: none; }

.body-new-request .request_custom_fields_360001192299 { position: relative; }

.body-new-request .suggestions-container-wrapper { display: none; }

.body-new-request .suggestions-container-wrapper .suggestions-container { border: 1px solid #d6d6d6; border-radius: 0 !important; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 0; padding: 0 0; z-index: 1 !important; background: #fff; max-height: 225px; overflow-y: auto; position: absolute; top: 75px; width: 100%; z-index: 2 !important; }

.body-new-request .suggestions-container-wrapper .suggestions-container .suggestions-label { color: #000 !important; display: block; font-size: 14px; height: 45px; line-height: 45px; padding: 0 8px !important; text-transform: none; height: auto; line-height: 1.6; padding: 11px 8px 12px !important; }

.body-new-request .suggestions-container-wrapper .suggestions-container .suggestions-label:hover, .body-new-request .suggestions-container-wrapper .suggestions-container .suggestions-label:focus { background: #f5f5f5 !important; color: #000 !important; }

.body-new-request .suggestions-container-wrapper .suggestions-container .suggestions-label:hover, .body-new-request .suggestions-container-wrapper .suggestions-container .suggestions-label:focus { text-decoration: none; }

@media (min-width: 1024px) { .body-new-request .form { padding-top: 90px; }
  .body-new-request.enquiry-type-has-value .form-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .body-new-request.enquiry-type-has-value .form-fields-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .body-new-request.enquiry-type-has-value .form-fields { -webkit-columns: 1; columns: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; }
  .body-new-request.enquiry-type-has-value .form-field .nesty-input, .body-new-request.enquiry-type-has-value .form-field select { max-width: 100% !important; }
  .body-new-request.enquiry-type-has-value .request_custom_fields_360001192379 span { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .body-new-request.enquiry-type-has-value .request_custom_fields_360001192379 input { max-width: 178.5px; }
  .body-new-request.enquiry-type-has-value .request_custom_fields_360001192379 button { min-width: 120px; }
  .body-new-request.enquiry-type-has-value .form-field-attachments { max-width: 308.5px !important; }
  .body-new-request.enquiry-type-has-value .btn-form-submit-wrapper { text-align: center; }
  .body-new-request.enquiry-type-has-value .btn-form-submit-wrapper .btn-form-submit { margin: 0; }
  .body-new-request.enquiry-type-has-value.form-i-want-to-tell-you-about-a-recent-visit .request_custom_fields_360001192040 label { padding-top: 15px; }
  .body-new-request.enquiry-type-has-value.form-i-have-a-question-for-you .request_description { padding-bottom: 55px; }
  .body-new-request.enquiry-type-has-value.form-i-have-a-question-for-you footer { margin-bottom: 55px; margin-top: -55px; } }

.popup-thank-you { background: rgba(0, 0, 0, 0.75); bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; position: fixed; top: 0; width: 100%; z-index: 5; }

.popup-thank-you .popup-inner { background: #fff; margin: auto; max-width: 670px; padding: 55px 20px 0; text-align: center; width: 100%; }

.popup-thank-you .heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 40px; letter-spacing: 3px; line-height: 40px; padding-bottom: 14px; margin-bottom: 40px; max-width: 223px; }

@media (min-width: 1024px) { .popup-thank-you .heading { font-size: 62px; line-height: 62px; } }

@media (min-width: 1024px) { .popup-thank-you .heading { max-width: none; } }

.popup-thank-you a { border: 0; border-radius: 0; display: inline-block; font-family: "Knockout", sans-serif; font-size: 18px; height: 45px; letter-spacing: 2px; line-height: 45px; max-width: 200px; min-width: 90px; padding: 0 40px; text-transform: uppercase; background: #e3012b; color: #fff; cursor: pointer; display: block; margin-bottom: 60px; margin-left: auto; margin-right: auto; max-width: 223px; padding: 0 27px; }

.popup-thank-you a:hover, .popup-thank-you a:active, .popup-thank-you a:focus, .popup-thank-you a:visited { text-decoration: none; }

.popup-thank-you a:hover { background: #ba0123; }

.zEWidget-launcher { opacity: 0 !important; pointer-events: none; }

.zEWidget-launcher.display-chat { opacity: 1 !important; pointer-events: auto; }

.btn-chat-with-us { cursor: pointer; }

.btn-chat-with-us.disabled { cursor: not-allowed; opacity: .15; pointer-events: none; }

.dropdown-menu, .nesty-panel, zd-autocomplete { border: 1px solid #d6d6d6; border-radius: 0 !important; -webkit-box-shadow: none; box-shadow: none; margin: 0 0 0; padding: 0 0; z-index: 1 !important; }

.dropdown-menu a, .nesty-panel li, zd-autocomplete-option { color: #000 !important; display: block; font-size: 14px; height: 45px; line-height: 45px; padding: 0 8px !important; text-transform: none; }

.dropdown-menu a:hover, .dropdown-menu a:focus, .nesty-panel li:hover, .nesty-panel li:focus, zd-autocomplete-option:hover, zd-autocomplete-option:focus { background: #f5f5f5 !important; color: #000 !important; }

zd-autocomplete { margin-top: 0; }

zd-autocomplete-header { display: none !important; }

zd-autocomplete-option { color: #000 !important; }

zd-autocomplete-option:hover { background: #f5f5f5 !important; }

zd-autocomplete-breadcrumbs { color: #d6d6d6 !important; }

_:-ms-fullscreen, :root input::-ms-clear { -ms-flex-direction: column; flex-direction: column; }

_:-ms-fullscreen, :root .search input[type='submit'] { min-width: auto; }

_:-ms-fullscreen, :root input::-ms-clear { display: none; height: 0; width: 0; }

_:-ms-fullscreen .body-new-request .request_custom_fields_360001193220 .datepicker, :root .body-new-request .request_custom_fields_360001193220 .datepicker { display: block; }

_:-ms-fullscreen .body-new-request .request_custom_fields_360001193220 .native-date-input, :root .body-new-request .request_custom_fields_360001193220 .native-date-input { display: none; }

@media (max-width: 1023px) { _:-ms-fullscreen, :root .container-header nav .mobile-menu .mobile-menu-content { position: relative; }
  _:-ms-fullscreen, :root .container-header nav .mobile-menu ul { margin-top: -26.5px; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } }

@media (min-width: 1024px) { _:-ms-fullscreen, :root .body-home .get-in-touch .contact-us, .body-home .get-in-touch .chat-with-us-online-form { -ms-flex: none; flex: none; }
  _:-ms-fullscreen, :root .body-new-request.enquiry-type-has-value.form-i-have-a-question-for-you #request_custom_fields_360001193260_label { width: 308.5px; }
  _:-ms-fullscreen, :root .body-new-request.enquiry-type-has-value.form-i-have-a-question-for-you .request_anonymous_requester_email { margin-top: 136px; } }

#preview-bar-container ~ .page-id::before, #preview-bar-container ~ .page-id span::before, #preview-bar-container ~ .page-id span::after { top: 103px; }

@media (min-width: 1024px) { #preview-bar-container ~ .page-id::before, #preview-bar-container ~ .page-id span::before, #preview-bar-container ~ .page-id span::after { top: 136px; } }

.container-header { background: #fff; }

.container-header .header-inner { border-bottom: 1px solid #dbdbdb; }

.container-header .branding { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 53px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 1024px) { .container-header .branding { height: 86px; position: relative; } }

.container-header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; z-index: 4; }

@media (min-width: 1024px) { .container-header .logo { position: absolute; top: 26px; } }

.container-header .logo img { height: 25px; max-height: none; width: 79.78px; }

@media (min-width: 1024px) { .container-header .logo img { height: 34px; width: 108.5px; } }

.container-header nav .mobile-menu-button { z-index: 3; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.container-header nav .mobile-menu-button:focus { outline: none; }

@media (min-width: 1024px) { .container-header nav .mobile-menu-button { display: none; } }

.container-header nav .mobile-menu a { display: block; font-family: "Knockout", sans-serif; letter-spacing: 2px; text-transform: uppercase; }

.container-header nav .mobile-menu a:hover, .container-header nav .mobile-menu a:active, .container-header nav .mobile-menu a:focus, .container-header nav .mobile-menu a:visited { text-decoration: none; }

@media (max-width: 1023px) { .container-header nav .mobile-menu { background: #fff; display: none; text-align: center; width: 100%; z-index: 2; }
  .container-header nav .mobile-menu li { display: block; }
  .container-header nav .mobile-menu a { color: #000; font-size: 22px; line-height: 0.7; padding: 20px 20px; }
  .container-header nav .mobile-menu a:hover { color: #000; } }

@media (min-width: 1024px) { .container-header nav .mobile-menu li { display: inline-block; margin-left: 32px; }
  .container-header nav .mobile-menu li:first-child { margin: 0; }
  .container-header nav .mobile-menu a { color: #000; font-size: 18px; }
  .container-header nav .mobile-menu a:hover { color: #000; } }

@media (max-width: 1023px) { .container-header nav .mobile-menu { left: 0; position: absolute; top: 53px; }
  .container-header nav .mobile-menu .mobile-menu-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; min-height: 100vh; }
  .container-header nav .mobile-menu ul { margin: auto; position: relative; top: -26.5px; } }

@media (min-width: 1024px) { .container-header nav { margin: 35px auto auto; } }

.container-footer { background: #000; -webkit-box-shadow: 0 51vh 0 50vh #000; box-shadow: 0 51vh 0 50vh #000; color: #fff; position: relative; }

.container-footer .heading { color: #fff; font-family: Knockout; font-size: 18px; text-transform: uppercase; }

@media (min-width: 1024px) { .container-footer .heading { font-size: 18px; } }

.container-footer a { color: #fff; font-family: Knockout; font-size: 18px; text-transform: uppercase; }

@media (min-width: 1024px) { .container-footer a { font-size: 18px; } }

.container-footer a:hover, .container-footer a:active, .container-footer a:focus, .container-footer a:visited { color: #fff; text-decoration: none; }

.container-footer .footer-row-1 { background: #fff; }

.container-footer .footer-row-1 .online-survey { background-image: url("https://theme.zdassets.com/theme_assets/9167607/eef370314f9fd71af79ce5d880e760ac51e6f662.jpg"); background-repeat: no-repeat; background-position: -115px 0px; background-size: cover; padding: 0 38px 53px; text-align: center; }

.container-footer .footer-row-1 .online-survey .heading { color: #000; font-family: "Knockout", sans-serif; font-weight: normal; text-transform: uppercase; border-bottom: 3px solid #e3012b; display: inline-block; font-size: 30px; letter-spacing: 2.8px; line-height: 30px; padding-bottom: 10px; color: #fff; display: inline-block; }

@media (min-width: 1024px) { .container-footer .footer-row-1 .online-survey .heading { font-size: 40px; line-height: 40px; } }

.container-footer .footer-row-1 .online-survey p { margin-left: auto; margin-right: auto; max-width: 460px; }

.container-footer .footer-row-1 .online-survey a { border: 0; border-radius: 0; display: inline-block; font-family: "Knockout", sans-serif; font-size: 18px; height: 45px; letter-spacing: 2px; line-height: 45px; max-width: 200px; min-width: 90px; padding: 0 40px; text-transform: uppercase; background: #e3012b; color: #fff; background: transparent; border: 1px solid #fff; margin-top: 22px; line-height: 43px; }

.container-footer .footer-row-1 .online-survey a:hover, .container-footer .footer-row-1 .online-survey a:active, .container-footer .footer-row-1 .online-survey a:focus, .container-footer .footer-row-1 .online-survey a:visited { text-decoration: none; }

.container-footer .footer-row-1 .online-survey a:hover { background: #ba0123; }

.container-footer .footer-row-1 .online-survey a:hover { background: transparent; }

@media (min-width: 515px) { .container-footer .footer-row-1 .online-survey { background-position: 0 0; } }

@media (max-width: 1023px) { .container-footer .footer-row-1 { padding-bottom: 20px; padding-top: 20px; }
  .container-footer .footer-row-1 .online-survey .heading { margin: 58px 0 17px; } }

@media (min-width: 1024px) { .container-footer .footer-row-1 { padding-bottom: 30px; padding-top: 30px; }
  .container-footer .footer-row-1 .online-survey { height: 580px; }
  .container-footer .footer-row-1 .online-survey .heading { margin: 165px 0 12px; } }

@media (min-width: 1024px) { .container-footer .footer-row-1 .online-survey { background-position: 0 -32px; } }

.container-footer .footer-row-2 { background: #f5f5f5; text-align: center; }

.container-footer .footer-row-2 .heading { color: #000; font-weight: normal; letter-spacing: 2.3px; line-height: 30px; }

@media (max-width: 1023px) { .container-footer .footer-row-2 { padding-bottom: 33px; padding-left: 15px; padding-right: 15px; padding-top: 35px; }
  .container-footer .footer-row-2 .heading { font-size: 30px; margin-bottom: 14px; }
  .container-footer .footer-row-2 .google-play { margin-right: 11px; }
  .container-footer .footer-row-2 img { height: 41px; } }

@media (min-width: 1024px) { .container-footer .footer-row-2 { padding-bottom: 16px; padding-top: 25px; }
  .container-footer .footer-row-2 .heading { display: inline-block; font-size: 32px; left: -25px; margin: 0; position: relative; top: -15px; }
  .container-footer .footer-row-2 .google-play { margin-right: 6px; }
  .container-footer .footer-row-2 img { height: 50px; } }

.container-footer .footer-row-3 { text-align: center; }

.container-footer .footer-row-3 .heading, .container-footer .footer-row-3 a { letter-spacing: 1.4px; }

.container-footer .footer-row-3 .social-media li { display: inline-block; }

.container-footer .footer-row-3 .social-media li:first-child { margin-left: 0; }

.container-footer .footer-row-3 .social-media .fa { border: 1px solid #fff; border-radius: 44px; font-size: 26px; line-height: 1.7; height: 44px; width: 44px; }

@media (max-width: 1023px) { .container-footer .footer-row-3 { margin-top: 32px; }
  .container-footer .footer-row-3 .btn-quick-links { cursor: pointer; display: inline-block; height: 28px; position: relative; }
  .container-footer .footer-row-3 .btn-quick-links::after { content: ''; border-bottom: 1px solid #fff; border-right: 1px solid #fff; display: inline-block; height: 8px; position: absolute; right: -18px; top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 8px; }
  .container-footer .footer-row-3 .btn-quick-links.active::after { top: 12px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
  .container-footer .footer-row-3 .footer-links .quick-links { display: none; }
  .container-footer .footer-row-3 .footer-links .quick-links ul + ul { margin-top: 20px; }
  .container-footer .footer-row-3 .footer-links .quick-links ul + ul a { font-family: "Roboto", sans-serif; font-size: 14px; letter-spacing: 0; text-transform: none; }
  .container-footer .footer-row-3 .social-media .heading { border-top: 1px solid #fff; margin: 33px 0 14px; padding-top: 12px; }
  .container-footer .footer-row-3 .social-media li { margin-left: 14px; } }

@media (min-width: 1024px) { .container-footer .footer-row-3 { margin-top: 25px; }
  .container-footer .footer-row-3 .btn-quick-links { display: none; }
  .container-footer .footer-row-3 .footer-links-social-media-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .container-footer .footer-row-3 .footer-links { max-width: 651px; width: 50%; }
  .container-footer .footer-row-3 .footer-links .quick-links { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .container-footer .footer-row-3 .footer-links .quick-links ul { -webkit-columns: 140px; columns: 140px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: left; }
  .container-footer .footer-row-3 .footer-links ul + ul { display: none; }
  .container-footer .footer-row-3 .social-media { position: relative; top: 24px; }
  .container-footer .footer-row-3 .social-media .heading { text-align: left; }
  .container-footer .footer-row-3 .social-media li { margin-left: 16px; } }

.container-footer .footer-row-4 { text-align: center; }

.container-footer .footer-row-4 .legal-logo-copyright-wrapper { border-top: 1px solid #fff; margin-top: 20px; padding-top: 40px; }

.container-footer .footer-row-4 li { margin-bottom: 12px; }

.container-footer .footer-row-4 a { font-family: "Roboto", sans-serif; font-size: 14px; text-transform: none; }

.container-footer .footer-row-4 .copyright { font-size: 12px; margin: 8px 0 29px; text-transform: uppercase; }

@media (max-width: 1023px) { .container-footer .footer-row-4 .legal { display: none; }
  .container-footer .footer-row-4 .logo img { height: 26px; } }

@media (min-width: 1024px) { .container-footer .footer-row-4 .legal-logo-copyright-wrapper { margin-bottom: 43px; margin-top: 43px; padding-top: 62px; position: relative; text-align: right; }
  .container-footer .footer-row-4 .legal { display: inline; }
  .container-footer .footer-row-4 .legal ul { display: inline; }
  .container-footer .footer-row-4 .legal ul li { display: inline; margin-right: 12px; }
  .container-footer .footer-row-4 .legal ul li:last-child { margin: 0; }
  .container-footer .footer-row-4 .logo { left: 0; position: absolute; top: 25px; }
  .container-footer .footer-row-4 .logo img { height: 35px; } }

@media (min-width: 1150px) { .container-footer .footer-row-4 .legal ul li { margin-right: 34px; }
  .container-footer .footer-row-4 .legal ul li:last-child { margin-right: 34px; }
  .container-footer .footer-row-4 .copyright { display: inline; font-size: 14px; } }

#delivery_contact_direct_container, #employee_feedback_container {
  margin-top: 10px;
  display: none;
  font-size: large;
  text-align: justify;
}

.get-in-touch-body .online-form #online {
  margin-top:56px;
}

/***** Tiled Help Centre (styles taken from KFC, including tiles used in menu) *****/

/** Header **/
.headerWrap {
  position: sticky;
  background: rgb(255, 255, 255);
  top: 0px;
  z-index: 101;
}

#headerHideMobile {
  display: none;
}

.headerMobile {
  position: fixed;
  overflow: auto;
  width: 100%;
  height: calc(100vh - 80px);
  background: rgb(255, 255, 255);
  /*top: 80px;*/
  top: 130px;
  z-index: 101;
  
  display: none;
}

@media (min-width: 900px) {
	.headerMobile {
  	display: none;
	}
}

.headerMobileList {
  margin: 0px;
  padding: 0px;
  
  height: fit-content;
}

.headerMobileList2, #arrowUpSvg {
  display: none;
}

.headerMobileList2 {
  height: fit-content;
}

.headerMobileList > li.active ul {
  border-top: 1px solid rgb(208, 208, 208);
  margin-top: 20px;
}

.headerMobileList2 li {
  padding: 10px 20px !important;
}

#arrowDownSvg, #arrowUpSvg {
  right: -50px;
}

@media (max-width: 1048px) {
	.headerMobileList {
  	/*min-height: calc(100vh - 460px);*/
	}
}

.headerWrap ul, .headerWrap ol {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.headerMobileList > li {
	padding: 20px;
}

.headerMobileList li {
	text-align: center;
}

.headerMobileList li a {
  position: relative;
  text-transform: uppercase;
  font-family: FiraSansExtraCondensedBold, sans-serif;
  padding: 7px 0px;
  font-size: 18px;
  line-height: 19px;
  margin: 0px 15px;
  text-align: center;
  display: inline-block;
}

.headerMobileList > li.cta a {
  background: rgb(227, 1, 43);
  color: rgb(255, 255, 255);
  padding: 12px 26px;
}

.headerMobileList li a span {
  position: absolute;
  top: 8px;
  right: -28px;
  display: block;
}

.headerMain {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  height: 80px; 
}

@media (min-width: 900px) {
	.headerMain {
  	height: 100px;
	}
}

@media (min-width: 900px){
  .page-padding {
    padding: 0px 100px;
	}
}

@media (max-width: 900px){
  .page-padding {
    padding: 0px 20px;
	}
}

.headerMainDiv {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 30px;
}

@media (min-width: 900px) {
	.headerMainDiv {
  	display: none;
	}
}

.headerMainA {
  position: absolute;
  margin-left: -37.5px;
  top: 28px;
  left: 50%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  width: 81px;
}

@media (min-width: 900px) {
	.headerMainA {
  	width: 180px;
    position: static;
	}
}

@media (min-width: 900px) {
	.headerMainImg {
  	width: 112px;
	}
}

.headerMainUl {
  display: none;
  padding: 0px 20px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-left: auto !important;
}

@media (min-width: 900px) {
	.headerMainUl {
  	display: flex;
	}
}

.headerMainWrap ul, .headerMainWrap ol {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.headerMainUl li {
  padding: 30px 25px;
}

header a, footer a {
  color: rgb(0, 0, 0);
  text-decoration: none !important;
}

.headerMainUl li a {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  text-transform: uppercase;
  text-align: center;
  display: block;
  padding: 7px 0px;
  font-size: 18px;
  line-height: 19px;
}

.headerMainUl li:not(.cta) a {
  margin-top: 3px;
  border-bottom: 3px solid rgb(255, 255, 255);
}

.headerMainUl li.active:not(.cta) a, .headerMobileList > li.active > a {
  border-bottom: 3px solid rgb(228, 0, 43);
}

.footerWrap * {
  color: white !important;
}

.headerMainUl li {
  padding: 30px 25px;
}

.headerMainUl li.cta {
  margin-left: 25px;
  padding: 0px;
  background: rgb(227, 1, 43);
}

.headerMainUl li.cta a {
  color: rgb(255, 255, 255);
  padding: 12px 26px;
}

.headerMainAccWrap a:hover, .headerMainCartWrap a:hover, .headerMainUl li:not(.cta) a:hover {
  border-bottom: 3px solid rgb(228, 0, 43);
}

.headerMainAccWrap {
  margin-left: auto;
  margin-right: 15px;
}

.headerMainAccWrap .item {
  margin: 29px 0px 29px 15px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-top: 3px solid rgb(255, 255, 255);
  border-bottom: 3px solid rgb(255, 255, 255);
}

.headerMainAccWrap .item .svg {
  min-width: 20px;
  height: 30px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 5px;
}

.headerMainAccWrap .item .svg img {
  max-width: 100%;
}

.headerMainAccWrap .item .label {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 0px;
  font-size: 18px;
  line-height: 19px;
  display: none;
  margin: 0px 5px;
  overflow-wrap: break-word;
  max-width: 100px;
}

@media (min-width: 900px) {
	.headerMainAccWrap .item .label {
    display: block;
	}
}

.headerMainCartWrap .item {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  border-top: 3px solid rgb(255, 255, 255);
  border-bottom: 3px solid rgb(255, 255, 255);
}

.headerMainCartWrap .item .svg {
  min-width: 20px;
  height: 30px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 5px;
}

.headerMainCartWrap .item .svg img {
  max-width: 100%;
}

.headerMainCartWrap .item .label {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding: 7px 0px;
  font-size: 18px;
  line-height: 19px;
  display: none;
  margin: 0px 5px;
  overflow-wrap: break-word;
  max-width: 100px;
}

@media (min-width: 900px) {
	.headerMainCartWrap .item .label {
    display: block;
	}
}

.headerSecondDivWrap {
  display: none;
  transform: scaleY(0);
  margin: 0px 20px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  transform-origin: center top;
  transition: transform 0.3s ease-in-out 0s;
}

@media (min-width: 900px) {
	.headerSecondDivWrap .item .label {
    display: flex;
	}
}

.headerSecondDivUl {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
}

.headerWrap ul, .headerWrap ol {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.headerLocalOuterWrap {
  background-color: rgb(33, 33, 33);
  padding: 0px 103px;
  min-height: 57px;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
}

.headerLocalInnerWrap {
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}

.headerLocalSpan1 {
  color: white;
  font-weight: 400;
  font-size: 16px;
  line-height: 18.75px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.headerLocalSpan2 {
  margin-right: 8px;
  position: relative;
  top: 2px;
}

.headerLocalP {
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: 48px;
}

.headerLocalSpan1 p {
  margin-right: 9px;
}

.headerLocalSpan3 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  column-gap: 40px;
}

.headerLocalButton1 {
  margin: 0px;
  padding: 0px 40px;
  min-height: 37px;
  min-width: 55px;
  max-width: 300px;
  width: auto;
  border: none;
  line-height: 1em;
  font-size: 14px !important;
}

.headerLocalButton2 {
  color: white;
  background-color: transparent;
  border: 1px solid white;
  font-weight: 500;
  min-width: auto;
  font-size: 16px !important;
}


/******************************** START OF COPIED FROM KFC SITE/SOURCE - WILL BE REMOVING - HERE JUST FOR REF SO CAN SEE MEDIA QUERIES ETC **************************************************/


body * {
  color: rgb(0,0,0);
}

.storesWrap, .inputWrap, .txtWrap, .dateWrap {
  width: 500px;
  margin: auto;
  padding-bottom: 10px;
}

.dateWrap {
  width: fit-content;
  margin-top: 30px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.dateWrap {
    margin-top: 40px;
  }
}

.manualProductWrap {
  margin-top: 10px;
  margin-bottom: 30px;
}

.manualProductInputWrap {
  margin-top: 20px;
}

#txtAreaProduct {
  font-size: 16px;
}

#fieldContent {
  margin-top: 30px;
}

@media (max-width: 600px) {
	#fieldContent {
    margin-top: 0;
  }
}

/* Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#fieldContent {
    margin-top: -20px;
  }
}

@media (max-width: 600px) {
	.inputWrap, .storesWrap, .txtWrap {
    width: 100%;
    margin-top: 20px;
  }
}

/* Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.storesWrap, .txtWrap {
    width: 100%;
    margin-top: 40px;
  }
  
  .inputWrap:first-child {
    margin-top: 30px;
  }
}

#fieldName {
  text-align: center;
  text-transform: uppercase !important;
  font-size: 2rem;
  font-weight: bold;
  color: rgb(0,0,0);
  margin: 5px;
}

@media (max-width: 600px) {
	#fieldName {
    font-size: 1.5rem;
  }
} 

#fieldSubText {
  text-align: center;
  font-size: 16px;
  color: rgb(0,0,0);
  margin: 5px;
  font-family: RobotoRegular !important;
}

@media (max-width: 600px) {
	#fieldSubText {
    font-size: 14px;
  }
} 

.fieldHeading {
  margin-bottom: 0px;
}

.tile p {
  font-size: 1.5rem !important;
  max-width: 390px;
}

@media (max-width: 600px) {
	.tile p {
    font-size: 1.2rem !important;
  }
} 

.selectedItem {
  border: 2px solid blue !important;
}

.selectedProd {
  background: rgba(152, 251, 152, 0.1);
  border: 1px solid #000;
}

.selectedTile {
  border: 1px solid red;
}

.selectedOption > * {
  background-color: black !important;
  color: white !important;
  border-radius: 5px;
}

.selectedOptionWhiteText {
  color: white !important;
}

.option {
  cursor: pointer;
}

.productsWrapper {
  display: flex;
}

.productsNav {
  width: 300px;
  min-width: 300px;
  position: fixed;
}

.products {
  margin-left: 300px;
  display: flex;
  flex-wrap: wrap;
}

.productItemWrap {
  max-width: 260px;
  margin: 10px;
}

.body-new-request .form { /* override default zd style */
  padding-top: 20px;
}

.container-header {
  position: fixed;
  height: 100px;
  width: 100%;
  z-index: 1;
  
  top: 0; /*apply only for live sandbox theme*/
}

@media (max-width: 900px) {  
  .container-header {
    height: 80px;
  }
}

.main-wrapper {
  margin-top: 110px;
  min-height: 600px;
}

.disabled {
  cursor: none;
  opacity:0.6;
}

.componentSection {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: RobotoRegular !important;
}

.componentItem {
  cursor: pointer;
  font-family: RobotoRegular !important;
  font-weight: normal;
  padding: 1px 3px;
  margin-bottom: 5px;
}

.prodCompWrap {
  display: flex;
  border: 1px solid lightgray;
  padding: 15px;
  margin-left: 20px;
  margin-top: 10px;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  
  max-width: 90%; /* should sort display on mobile devices */
}

.prodCompWrap:not(:first-child) {
  margin-left: 20px;
}

.componentWrap {
  margin-left: 10px;
  flex-basis: 55%; /* added 14/09 to try and sort display of component items - was not using all space in this element */
}

.manualStoreWrap, .tooltipWrap {
  margin-top: 10px;
}

#lblManualStore {
  margin-top: 5px;
  display:inline-block;
}

#txtManualStore {
  display: block;
}

#main-content {
  /*max-width: 1900px;*/
  margin: 0 auto;
  min-height: 600px;
  padding-top: 90px;
  
  margin-top: -10px;
}

@media (max-width: 900px){
  #main-content {
    margin-top: -25px;
	}
}

/* Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#main-content {
    margin-top: -65px;
	}
}


.hardStop {
  text-align: justify;
  width: fit-content;
  max-width: 1100px;
  margin: 0 auto;
  font-family: RobotoRegular !important;  
  padding-top: 50px; /* Needed for display on live - need to fix what is causing the large header when live/not preview mode.... */  
}

.firstInput {
  padding-top: 30px;
}

.hardStop a {
  text-decoration: none !important;
  color: #e3012b !important;
}

.kfcBtn {
  background-color: rgb(227, 1, 43);
  color: rgb(245, 245, 245);
  font-weight: 700;
  padding: 0px 40px;
  letter-spacing: 0.075em;
  min-height: 50px;
  min-width: 55px;
  max-width: 300px;
  border: none;
  line-height: 1em;
  font-size: 18px !important;
  font-family: FiraSansExtraCondensedBold, sans-serif;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.kfcBtnSmall {
  width: 150px;
  font-size: 14px !important;
  padding: 0;
  text-decoration: none !important;
}

.kfcBtnDisabled {
  opacity: 0.5;  
  cursor: not-allowed;
}

#btnAttach, #btnRetry {
  font-size: 16px !important;
  background-color: #000;
  text-decoration: none !important;
  padding: 0 20px;
  width: fit-content;
}

#navButtons {
  height: 52px;
  border: 0px solid red;
  position: fixed;  
  /*top: 155px;*/ /*local theme*/
  top: 105px; /*live sandbox theme*/
  left: 0;
  right: 0;
  z-index: 999;
}

@media (max-width: 900px) {
	#navButtons {
    /*top: 140px;*/ /*local theme*/
    top: 90px; /*live sandbox theme*/
  }
}

#prevBtn {
  float:left;
  margin-left: 3px;
}

#contBtn {
  float:right;
  margin-right: 2px;
}

@media (max-width: 600px) {
	#prevBtn {
    font-size: 16px !important;
    padding: 0 10px;
  }
  #contBtn {
    font-size: 16px !important;
    padding: 0 10px;
  }
} 

/* Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#prevBtn {
    font-size: 16px !important;
    padding: 0 10px;
  }
  #contBtn {
    font-size: 16px !important;
    padding: 0 10px;
  }
}


#btnManualStore {
  width: fit-content;
  font-size: 15px !important;
  padding: 0 10px;
}

.formLabel {
  position: relative;
  display: block;
  margin-bottom: 0px;
  width: 100%;
  margin-right: 0px;
}

.formLabelInput {
  border: 1px solid rgb(234, 234, 234);
  border-image: initial;
  height: 55px;
  font-size: 18px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0px;
  appearance: none;
  color: inherit;
  /*padding: 17px 75px 17px 10px !important;*/
  padding: 10px !important;
}

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus, input[type=datetime-local]:focus, textarea:focus {
  border: 3px solid black;
}

input[type="datetime-local"] {
  font-size: 30px;
}

#main-content input, #txtAreaQuery, #txtAreaNoProof {
  font-family: RobotoRegular !important;
}

#remainingCharsWrap, #remainingProofCharsWrap {
  margin-top: 0;
}

#remainingChars, #remainingProofChars {
  color: rgb(227, 1, 43) !important;
}

/* File uploads/attachments */
#files {
  visibility: hidden;
  position: absolute;
}

.lblFileSizeErrorHide {
  display: none;
  color: red;
}

.lblFileSizeErrorShow {
  display: block;
}

#files-area {
}

.file-block {
  border-radius: 0px;
  border: 1px solid #000;
  margin: 5px 0;
  color: initial;
  display: inline-flex;
  & > span.name{
    padding-left: 10px;
    width: max-content;
    display: inline-flex;
  }
}

.file-delete{
  display: flex;
  width: 24px;
  color: initial;
  background-color: #6eb4ff00;
  font-size: large;
  justify-content: center;
  margin-right: 3px;
  cursor: pointer;
  /*&:hover{
    background-color: rgb(227, 1, 43, 0.3);
    border-radius: 0px;
  }*/
  & > span{
    transform: rotate(45deg);
  }
}


/* select2 component overrides */
.select2-selection--single, .select2-selection__arrow, .select2-search__field {
  height: 40px !important;
  font-family: RobotoRegular !important;
}

.select2-selection__rendered {
  line-height: 37px !important;
  font-size: large;
  font-family: RobotoRegular !important;
}

.select2-container > *, .select2-results__message {
  font-family: RobotoRegular !important;
}

@media (max-width: 800px){
  .storesWrap span.select2 {
    width: 100% !important;
	}
}

/* Copied from live KFC and renamed since dynamic names in live KFC */
h1, h2, h3, h4 {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  text-transform: uppercase;
}
h1 {
  font-size: 62px;
  line-height: 62px;
}
img {
  overflow-clip-margin: content-box;
  overflow: clip;
}
button {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}  
li {
  display: list-item;
  text-align: -webkit-match-parent;
}

/* Products, including left/top nav */
.mainProductsWrap * {
  line-height: 1;
}

@media (min-width: 900px) {
 div.mainProductsWrap {
    display: flex;
    padding: 0px 50px;
 }
}

a.scrollLink, a.scrollLink:hover {
  text-decoration: none;
}

/*div.topSticky {
  display: block;
}

@media (min-width: 900px) {
	div.topSticky {
  	display: none;
	}
}*/

div.left {
  display: block;
  
  min-width: fit-content;
}
@media (min-width: 900px) {  
  div.right {
    display: block;
    margin-left: 50px;
    padding-top: 30px;
  }
}
@media (max-width: 900px) {  
  div.right {
    margin: 0px 16px;
  }
}

/*div.topSticky {
  position: sticky;
  top: 157px;
  background: rgb(255, 255, 255);
  box-sizing: border-box;
  padding: 5px 8px;
  z-index: 100;
  overflow: hidden;
  width: 100%;  
}
div.topUlWrap {
	height: 50px;  
}
div.topUl {
  list-style: none;
  position: absolute;
  display: flex;
}
div.topLi {
  padding: 0px 20px;
}
div.topLi a {
  text-transform: uppercase;
  font-family: FiraSansExtraCondensedBold, sans-serif;
  width: 50px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  white-space: nowrap;
  color: rgb(182, 182, 182);
  box-sizing: border-box;
  padding: 0px;
}
div.topLi.active a {
  border-bottom: 3px solid rgb(227, 1, 43);
  color: rgb(0, 0, 0);
}*/

div.sticky {
  position: sticky;
  top: 180px;
  height: calc(100vh - 220px);
  overflow: hidden auto;
}
div.leftUlWrap {
  display: flex;
  position: relative;
  flex: 1 1 0%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 1900px;
  padding: 0px 35px;
  -webkit-box-align: center;
  align-items: center;
  margin: auto;
  background-color: white;
  color: rgb(0, 0, 0);
}
div.leftUlWrap2 {
  min-width: 260px;
}
ul.leftUl {
  display: flex;
  list-style: none;
  flex-direction: column;
  padding-left: 0px;
  -webkit-box-pack: center;
  justify-content: center;
  align-items: flex-start;
  flex: 1 1 0%;
  margin: 0px;
}
li.leftLi {
  padding: 0px 10px;
  width: 100%;
}
span.leftLiSpan {
  color: inherit;
  text-decoration: inherit;
}
span.leftLiSpan2 {
  cursor: pointer;
}
h3.leftLiH3Active {
  border-left: 5px solid rgb(227, 1, 43);
  font-size: 19px;
  padding-left: 20px;
  margin: 18px 0px;
  line-height: 20px;
  position: relative;
}
h3.leftLiH3 {
  border-left: 5px solid transparent;
  font-size: 19px;
  padding-left: 20px;
  margin: 18px 0px;
  line-height: 20px;
  position: relative;
}
hr.leftLiHr {
  margin-top: 1px;
  margin-bottom: 1px;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-image: initial;
  border-top: 1px solid rgb(228, 227, 227);
}
span.catHeading {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  font-size: 52px;
  line-height: 23px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 20px 0px;
  margin-bottom: 14px;
  
}
@media (max-width: 900px) {
 span.catHeading {
	 /*display: none;*/
   font-size: 24px;
 }
}
div.catHeadingSubText {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 900px) {
 div.catHeadingSubText {
    margin-bottom: 50px;
 }
}
div.productsWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 10px;
  -webkit-box-pack: start;
  justify-content: start;
}
div.prodWrapOuter {
  cursor: pointer;
  /*flex-basis: calc(33.33% - 14px);*/
  flex-basis: calc(40% - 14px);
  max-width: 260px;
  position: relative;
}

@media (min-width: 500px) and (max-width: 900px) {
 div.prodWrapOuter {
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    /*flex-basis: calc(33.33% - 14px);*/
  	flex-basis: calc(40% - 14px);
    margin: 0 0 20px;
   	/*max-width: calc(33.33% - 14px);*/
  	max-width: calc(40% - 14px);
 }
}
@media (max-width: 500px) {
 div.prodWrapOuter {
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-basis: calc(50% - 10px);
    margin: 0 0 20px;
    max-width: calc(50% - 10px);
 }
}
@media (max-width: 480px) {
 div.prodWrapOuter {
    flex-basis: 50%;
    width: 50%;
 }
}

div.prodWrapInner {
  cursor: pointer;
  /*flex-basis: calc(33.33% - 14px);*/
  flex-basis: calc(40% - 14px);
  margin-bottom: 30px;
  max-width: 260px;
  position: relative;
  
  /*min-width: 200px;*/ /* Added by me - Maybe contributing towards the display issue on mobile - overlapping????  */
}
@media (min-width: 500px) and (max-width: 900px) {
 div.prodWrapInner {
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    /*flex-basis: calc(33.33% - 14px);*/
   	flex-basis: calc(40% - 14px);
    margin: 0 0 20px;
    /*max-width: calc(33.33% - 14px);*/
   	max-width: calc(40% - 14px);
 }
}
@media (max-width: 500px) {
 div.prodWrapInner {
    box-sizing: border-box;
    display: flex;
    flex: 1 1;
    flex-basis: calc(50% - 10px);
    margin: 0 0 20px;
    max-width: calc(50% - 10px);
 }
}
@media (max-width: 480px) {
 div.prodWrapInner {
    flex-basis: 50%;
    width: 50%;
 }
} 

div.prodWrapOuter>div {
  display: flex;
  flex-basis: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
  width: 100%;
}
div.prodWrap {
  /*border: 0px;*/
  position: relative;
  max-width: 260px;
  flex-direction: column;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  
  /*padding: 5px;*/  /* Added by me - Maybe contributing towards the display issue on mobile - overlapping????  */
}
div.prodWrapInner>div {
  display: flex;
  flex-basis: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
  width: 100%;
}
div.prodImageWrap {
  padding-top: 70%;
  margin-bottom: 15px;
  position: relative;
}
div.prodImageWrap .ratio_in {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}
img.prodImage {
  max-width: 100%;
}
img.prodImage2 {
  cursor: pointer;
}
.prodImageWrap .ratio_in img {
  height: 100%;
  width: auto;
}
h3.prodName {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  text-transform: uppercase;
  /*padding: 0px;*/
  padding: 3px;
  margin: 0;
}
@media (min-width: 900px) {
 h3.prodName {
    font-weight: 500;
    font-size: 24px;
 }
}
@media (max-width: 900px) {
 h3.prodName {
    font-weight: 500;
    font-size: 18px;
 }
}
p.prodPrice {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
  /*padding: 0px;*/
  padding: 3px;
  margin-top: 0;
}
@media (min-width: 900px) {
 p.prodPrice {
    font-weight: 500;
    font-size: 24px;
 }
}
@media (max-width: 900px) {
 p.prodPrice {
    font-weight: 500;
    font-size: 18px;
 }
}
p.prodDesc {
  margin-bottom: 30px;
  font-weight: 400;
  -webkit-box-flex: 1;
  flex-grow: 1;
  /*padding: 0px;*/
  padding: 3px;
  font-family: RobotoRegular !important;
  margin-top: 0;
  line-height: 1.5;
}
@media (min-width: 900px) {
 p.prodDesc {
    font-size: 14px;
 }
}
@media (max-width: 900px) {
 p.prodDesc {
    font-size: 12px;
 }
}
button.prodAdd {
  font-family: FiraSansExtraCondensedBold, sans-serif;
  display: block;
  border: none;
  width: 100%;
  background: rgb(227, 1, 43);
  color: rgb(255, 255, 255);
  cursor: pointer;
}
@media (min-width: 900px) {
 button.prodAdd {
    font-size: 18px;
    padding: 15px;
 }
}
@media (max-width: 900px) {
 button.prodAdd {
    padding: 10px;
    font-size: 18px;
 }
}

div.components {
  display: flex;
  /*align-items: center;*/
  justify-content: center;  
  flex-wrap: wrap;
}


/* following for mobile top nav (and maybe prod display too) */
div.topNavWrap {
  position: sticky;
  top: 157px;
  background: rgb(255, 255, 255);
  box-sizing: border-box;
  padding: 5px 8px;
  z-index: 100;
  overflow: hidden;
  width: 100%;
}
div.topNav {
  height: 50px;
}
div.topNav ul {
  list-style: none;
  /* not sure on following: */
  position: absolute;
  display: flex;
}
div.topNav ul li {
  padding: 0px 20px;
}
div.topNav ul li a {
  text-transform: uppercase;
  font-family: FiraSansExtraCondensedBold, sans-serif;
  width: 50px;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
  white-space: nowrap;
  color: rgb(182, 182, 182);
  box-sizing: border-box;
  padding: 0px;
} 
div.topNav ul li.active a {
  border-bottom: 3px solid rgb(227, 1, 43);
  color: rgb(0, 0, 0);
}

/* Media queries added by me for hiding/showing top or left nav */
@media (max-width: 900px) {
 div.left {
    display: none;
 }
 div.topNavWrap {
    display: block;
 }
}

@media (min-width: 900px) {
 div.left {
    display: block;
 }
 div.topNavWrap {
    display: none;
 }
}

/* Popup */
.popupSubmit {
  width: 100%;
  max-width: 546px;
  background: rgb(255, 255, 255);
  z-index: 121;
  position: relative;
  /*top: 10px;*/
  /*margin: 50px auto;*/
  margin: 0 auto;
  margin-top: -20px;
  transform: none;
}

.popupSubmit .popupHeader {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  position: relative;
  -webkit-box-align: center;
  align-items: center;
}

.popupSvgWrap {
  cursor: pointer;
  font-size: 0px;
  position: absolute;
  z-index: 121;
}

@media (min-width: 900px) {
  .popupSvgWrap {
  	right: 30px;
  	top: 30px;
  }
}

@media (min-width: 900px) {
  .popupImg {
  	width: 112px;
  }
}

@media (min-width: 900px) {
  .popupSubmit .popupHeader img {
    display: none;
  }
}

.popupBanner {
  background-image: url("https://brand-uk.assets.kfc.co.uk/2022-09/localisation-desktop-popup-img.png");
  height: 250px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat; 
}

.popupMessageSection {
  padding: 60px 43px 70px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-direction: column;
  text-align: center;  
}

.popupMessageP {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  color: rgb(33, 33, 33);
  margin-bottom: 25px;
}


/* Summary */
.summaryWrap {
  width: 800px;
  margin: auto;
  padding-bottom: 10px;
}
@media (max-width: 800px) {
 	.summaryWrap {
    width: 95%;
  }
}


.summary {}

.summaryField {
  margin-top: 20px;
}

.summaryQuestion {
  margin-bottom: 0;
}

.summaryAnswer {}

.submitWrap {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.summaryWrap a {
  color: #e3012b !important;
  text-decoration: none;
}

.acknowledgeWrap {
  margin-top: 20px;
  text-align: center;
}

.acknowledgeWrap label {
  margin: 0;
}

#acknowledgeCheckbox {
  border: 1px solid black;
  margin-right: 10px;
  position: relative;
  
  /* copied from current HC */
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  height: 18px;
  left: 2px;
  top: 3px;
  width: 18px;
  z-index: 1;
}

#noProofCheckbox {
  border: 1px solid black;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  height: 18px;
  width: 18px;
}

/* Footer HTML copied from live with styles copied and renamed to suitable names instead of the generated dynamic names */
.footerWrap {
	background-color: rgb(0, 0, 0);
}

.footerWrap * {
  font-family: FiraSansExtraCondensedBold,sans-serif !important;
}

@media (max-width: 1048px) {
 .footerQLWrap2 {
  	padding: 25px 0px;
	}
}

.footerQLWrap {
  display: flex;
  position: relative;
  flex: 1 1 0%;
  -webkit-box-pack: center;
  justify-content: center;
  max-width: 1900px;
  padding: 0px 35px;
  -webkit-box-align: center;
  align-items: center;
  margin: auto;
  background-color: rgb(0, 0, 0);
  color: white;
}

@media (max-width: 1048px) {
 .footerQLWrap {
  	padding: 0px 15px;
	}
}

.footerQLWrap2 {
  position: relative;
  flex-direction: column;
  padding-top: 25px;
}

@media (min-width: 901px) {
 .footerQLWrap2 {
    display: none;
	}
}

.footerQLHeading {
  position: relative;
}

@media (max-width: 1048px) {
 .footerQLHeading {
  	font-size: 26px;
    margin-bottom: 10px;
	}
}

.footerQLHeading2 {
  margin-bottom: 40px;
}

.footerQLSpan {
  position: absolute;
  right: 30%;
}

.footerQLSpan2 {
  top: -11px;
  right: -40px;
}

.footerQLSVG {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

.footerQLUl {
  display: flex;
  list-style: none;
  flex-direction: column;
  padding-left: 0px;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
  flex: 1 1 0%;
  margin: 0px;
  
  display: none;
  text-align: center;
}

.footerQLUl2 {
  z-index: 10;
  width: 100%;
  top: 0px;
  background-color: black;
  margin-top: -20px;
  margin-bottom: 20px;
}

.footerQLLi {
  padding: 5px 0px;
}

@media (max-width: 1400px) {
  .footerQLLi {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 1048px) {
  .footerQLLi {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.footerQLLiSpan {
  color: inherit;
  text-decoration: inherit;
}

.footerQLLiHeading {
  cursor: pointer;
  border-bottom: none;
  white-space: nowrap;
}

#footerHideQL {
  display: none;
}

.footerHrWrap {
  display: block;
  position: relative;
  flex: 1 1 0%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 1900px;
  padding: 0px 35px;
  -webkit-box-align: center;
  align-items: center;
  margin: auto;
  background-color: rgb(0, 0, 0);
  color: white;
}

@media (max-width: 1048px) {
 .footerHrWrap {
  	padding: 0px 15px;
	}
}

.footerHrWrap2 {
  display: none;
}

@media (max-width: 1048px) {
 .footerHrWrap2 {
  	display: block;
	}
}

.footerHr {
  margin-top: 5px;
  margin-bottom: 5px;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-image: initial;
  border-top: 2px solid rgb(239, 239, 239);
}

.footerLinksWrap {
  display: flex;
  position: relative;
  flex: 1 1 0%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 1900px;
  padding: 0px 35px;
  align-items: flex-start;
  margin: auto;
  background-color: rgb(0, 0, 0);
  color: white;
}

.footerLinksWrap * {
  font-family:FiraSansExtraCondensedBold,sans-serif !important;
}

@media (max-width: 1048px) {
 .footerLinksWrap {
  	padding: 0px 15px;
	}
}

.footerLinksListWrap {
  display: flex;
  flex: 1 1 0%;
  -webkit-box-pack: start;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 35px 0px;
  flex-direction: row;
}

@media (max-width: 900px) {
 .footerLinksListWrap2 {
  	display: none;
	}
}

.footerLinksList {
  display: flex;
  list-style: none;
  flex-direction: column;
  padding-left: 0px;
  justify-content: space-around;
  align-items: flex-start;
  flex: 1 1 0%;
  margin: 0px;
}

.footerLinksListItem {
  /*padding: 5px 0px;*/
  margin-bottom: -20px;
}

@media (max-width: 1400px) {
 .footerLinksListItem {
  	padding-left: 0px;
    padding-right: 0px;
   /* Prob needs changing to margin - as above... */
	}
}

@media (max-width: 1048px) {
 .footerLinksListItem {
  	padding-left: 5px;
    padding-right: 5px;
   /* Prob needs changing to margin - as above... */
	}
}

.footerLinksListItemSpan {
  color: inherit;
  text-decoration: inherit;
}

.footerLinksListItemHeading {
  cursor: pointer;
  border-bottom: none;
  white-space: nowrap;
}

@media (max-width: 1048px) {
 .footerLinksListItemHeading {
  	padding: 5px;
   /* May need changing to margin? */
	}
}

.footerLinksListSocialWrap {
  display: flex;
  flex: 1 1 0%;
  -webkit-box-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  align-items: center;
  padding: 35px 0px;
  flex-direction: row;
}

@media (max-width: 1048px) {
 .footerLinksListSocialWrap2 {
  	padding-top: 15px;
    padding-bottom: 15px;
   /* May need changing to margin? */
	}
}

@media (max-width: 900px) {
 .footerLinksListSocialWrap2 {
  	-webkit-box-pack: center;
    justify-content: center;
	}
}

.footerLinksListSocialOuter {
  display: flex;
  list-style: none;
  flex-direction: column;
  padding-left: 0px;
  justify-content: space-around;
  align-items: flex-start;
  flex: 0 1 auto;
  margin: 0px;
}

@media (max-width: 900px) {
 .footerLinksListSocialOuter2 {
  	-webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
	}
}

.footerLinksListSocialHeading {
  position: relative;
 
}

@media (max-width: 1048px) {
 .footerLinksListSocialHeading {
  	font-size: 26px;
    margin-bottom: 10px;
	}
}

.footerLinksListSocialInner {
  display: flex;
  list-style: none;
  flex-direction: row;
  padding-left: 0px;
  justify-content: space-around;
  align-items: flex-end;
  flex: 0 1 auto;
  margin: 0px;
}

.footerLinksListSocialItem {
  padding: 5px 10px 5px 0px;
}

@media (max-width: 1400px) {
 .footerLinksListSocialItem {
  	padding-left: 0px;
    padding-right: 10px;
	}
}

.footerLinksListSocialItem a {
  color: inherit;
  text-decoration: inherit;
}

.footerLinksListSocialItem img {
  color: inherit;
  text-decoration: inherit;
}

@media (max-width: 900px) {
 .footerLinksListSocialWrap img {
  	padding-bottom: 20px;
	}
}

.footerWrap a {
  color: rgb(255, 255, 255);
}

.footerLinksListSocialItem2 {
  padding: 5px 10px;
}

.footerLinksListSocialItem3 {
  padding: 5px 0px 5px 10px;
}

.footerHrSepWrap {
  display: block;
  position: relative;
  flex: 1 1 0%;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 1900px;
  padding: 0px 35px;
  -webkit-box-align: center;
  align-items: center;
  margin: auto;
  background-color: rgb(0, 0, 0);
  color: white;
}

@media (max-width: 1048px) {
 .footerHrSepWrap {
  	padding: 0px 15px;
   /* May need changing to margin? */
	}
}

.footerHrSep {
  margin-top: 5px;
  margin-bottom: 5px;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-image: initial;
  border-top: 2px solid rgb(239, 239, 239);
}

.footerLegalWrap {
  display: flex;
  position: relative;
  flex: 1 1 0%;
  min-height: 50px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  max-width: 1900px;
  padding: 0px 35px;
  -webkit-box-align: center;
  align-items: center;
  margin: auto;
  background-color: rgb(0, 0, 0);
  color: white;
}

@media (max-width: 1048px) {
 .footerLegalWrap {
  	padding: 0px 15px;
	}
}

.footerLegalWrap2 {
  padding: 50px 35px;
  -webkit-box-align: baseline;
  align-items: baseline;
}

@media (max-width: 1200px) {
 .footerLegalWrap2 {
  	-webkit-box-align: center;
    align-items: center;
    height: 90px;
    flex-direction: column;
	}
}

@media (max-width: 900px) {
 .footerLegalWrap2 {
  	padding-bottom: 100px;
	}
}

@media (max-width: 1048px) {
 .footerLegalWrap2 {
  	padding-bottom: 10px;
	}
}

.footerLegalImage {
  width: 110px;
}

@media (max-width: 480px) {
 .footerLegalImage {
  	width: 80px;
	}
}

.footerLegalList {
  display: flex;
  list-style: none;
  flex-direction: row;
  padding-left: 0px;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
  flex: 0 1 auto;
  margin: 0px;
}

.footerLegalListItem {
  padding: 5px 20px 5px 0px;
}

@media (max-width: 1400px) {
 .footerLegalListItem {
  	padding-left: 0px;
    padding-right: 10px;
	}
}

@media (max-width: 1048px) {
 .footerLegalListItem {
  	padding-left: 5px;
    padding-right: 5px;
	}
}

@media (max-width: 900px) {
  .footerLegalList > :not(:last-child) {
  	display: none;
  }
}

.footerLegalListItemSpan {
  color: inherit;
  text-decoration: inherit;
}

.footerLegalListItemP {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 0px;
  /*color: inherit;*/
  color: #fff;
  text-transform: none;
}

@media (max-width: 900px) {
  .footerLinksListSocialOuter2 li p {
  	font-size: 12px;
  }
}

.footerLegalListItem2 {
  padding: 5px 20px;
}

.footerLegalListItem3 {
  padding: 5px 0px 5px 20px;
}

@media (max-width: 900px) {
  .footerLegalListItem3 {
  	padding: 5px 0px 5px 0px;
  }
}


/* Spinner (not from KFC) https://loading.io/css/ */
.spinnerWrap {
  text-align: center;
}

.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid rgb(227, 1, 43);
  border-color: rgb(227, 1, 43) transparent rgb(227, 1, 43) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Font Awesome */
.iconWrap {
  float: right;
}

.fontawesomeicon {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: green;
}

.faCheck::after {
  content: '\f058';
  font-family: 'Font Awesome 6 free';
  font-weight: 900;
  font-style: normal;
}

.fontawesomeiconLarge {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: red;
  position: absolute;
  top: 4px;
  right: 5px;
}

.faCheckLarge::after {
  content: '\f058';
  font-family: 'Font Awesome 6 free';
  font-weight: 900;
  font-style: normal;
  font-size: 30px;
  color: green;
}

/* help/info circle icon */
.faInfo::after {
  content: '\f05a';
  font-family: 'Font Awesome 6 free';
  font-weight: 900;
  font-style: normal;
}

.faInfoLarge::after {
  content: '\f05a';
  font-family: 'Font Awesome 6 free';
  font-weight: 900;
  font-style: normal;
  font-size: 30px;
  color: green;
  padding-left: 10px;
}

/* Overlay for selected products */
.overlay {
  position: absolute; 
  /*background: rgba(152, 251, 152, 0.5);*/
  background: rgba(152, 251, 152, 0.1);

  /* center overlay text */
  display: flex;
  align-items: center;
  justify-content: center;
}

.overlay_1 {
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 1rem;
}

.hidden {
  display: none !important;
}

/* Style copied from cfacom.css to match what is used in webform - need to rename classes once all working without loading css in doc head */
.tilesHeader{
  margin:0 auto;
  padding:0 16px;
  position:relative;
  text-align:center;
}
@media (min-width:1088px){
  .tilesHeader{
    padding:0 24px;
  }
}

.tilesHeader h1 {
  font-size: 28px;
  font-size: 2.8rem;
  display: block;
  margin: 0 auto;
  padding: 0 0 10px;
  font-family: apercu,sans-serif;
  font-weight: 700;
  line-height: 1.21429;
  letter-spacing: -1px;
  color: #004f71;
}
@media screen and (min-width:748px){
  .tilesHeader h1{
    box-flex:1;
    -moz-flex:1 1 auto;
    flex:1 1 auto;
    font-size:39px;
    font-size:3.9rem;
    letter-spacing:-1px;
    padding:0;
  }
}

.tileCards {
    margin: 40px auto 0;
    padding: 0 3px;
}
@media screen and (min-width:480px){
    .tileCards{
        padding:0 16px;
    }
}
@media (min-width:1088px){
    .tileCards{
        padding:0 24px;
    }
}

.tileCardsCategory {
  justify-content: center;
  text-align: center;
}

@media (max-width:600px){
  .tileCardsCategory {
    margin-top: 10px;
  }
}

ul.tileCards{
    display:flex;
    flex:0 0 auto;
    flex-basis:0;
    flex-direction:row;
    flex-grow:1;
    flex-wrap:wrap;
    justify-content:center;
    text-align:center;
}
ul.tileCards,ul.tileCards li{
    box-sizing:border-box;
    position:relative;
}

ul.tileCards li {
    flex: 0 0 auto;
    flex-basis: 100%;
    max-width: 100%;
}
@media (min-width:768px){
    ul.tileCards li{
        flex-basis:48.63%;
        max-width:48.63%;
        padding-left:20px;
    }
    ul.tileCards li:nth-child(odd){
        padding:0;
    }
}
@media (min-width:1088px){
    ul.tileCards li{
        /*flex-basis:22.95%;
        max-width:22.95%;*/
      	flex-basis:31.95%;
        max-width:31.95%;
    }
    ul.tileCards li:nth-child(odd){
        padding-left:20px;
    }
}

ul.tileCardsCategory li{
    box-sizing:border-box;
    flex:0 0 auto;
    position:relative;
    flex-basis:48.63%;
    margin:0 0 16px;
    max-width:48.63%;
    padding-left:10px;
    padding-right:10px;
}

ul.tileCardsCategory li a{
    display:inline-block;
    height:100%;
    transform:translateY(-4px);
    width:100%;
}
ul.tileCardsCategory li a:focus{
    outline:none;
}
@media screen and (min-width:768px){
    ul.tileCardsCategory li a:focus{
        outline:1px dotted #dd0031;
        outline-offset:2px;
    }
}
@media (min-width:768px){
    ul.tileCardsCategory li{
        margin:0 0 24px;
    }
    ul.tileCardsCategory li,ul.tileCardsCategory li:nth-child(odd){
        padding-left:12px;
        padding-right:12px;
    }
}
@media (min-width:1088px){
    ul.tileCardsCategory li{
        /*flex-basis:22.95%;
        margin:0;
        max-width:22.95%;*/      
      	flex-basis:31.95%;
        margin:0;
        max-width:31.95%;
    }
}
@media (max-width:600px){
  ul.tileCardsCategory li {
    margin: 0;
  }
}

/* Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	ul.tileCardsCategory li {
    margin: 0;
  }
}


.tileCardsCategory li div{
    background:#fff;
    box-shadow:0 2px 6px 0 rgba(0,0,0,.15);
    border-radius:8px;
    height:100%;
    padding:24px 10px;
    transform:translateY(0);
    transition:all .3s ease-in-out;
}
@media screen and (min-width:480px){
    .tileCardsCategory li div{
        padding:24px 16px;
    }
}
@media (min-width:1088px){
    .tileCardsCategory li div{
        padding:24px 27px;
    }
}

.tileCardsCategory p {
    font-size: 11px;
    font-size: 1.1rem;
    color: #004f71;
    font-family: caecilia,sans-serif;
    font-weight: 800;
    line-height: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.tileCardsCategory p:last-of-type {
    font-size: 17px;
    font-size: 1.7rem;
    color: #dd0031;
    font-family: apercu,sans-serif;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -.54px;
    margin: 8px auto 0;
    text-transform: none;
}
@media screen and (min-width:480px){
    .tileCardsCategory p:last-of-type{
        font-size:20px;
        font-size:2rem;
        font-weight:700
    }
}
@media screen and (min-width:800px){
    .tileCardsCategory p:last-of-type{
        font-size:25px;
        font-size:2.5rem
    }
}

.tileCardsCategory li div:hover{
    box-shadow:0 2px 18px 0 rgba(0,0,0,.2);
    transform:translateY(-1px)
}

/* breadcrumbs */
.breadcrumbsWrap {}

.breadcrumbsList {
  list-style: none;
}

.breadcrumbItem {
  display: inline-block;
  margin-right: 10px; /* add spacing between items */
}

.breadcrumbItemA {
  text-transform: uppercase;
}



/* my overrides */
li.tile {
  min-height: 150px !important;
  padding-top: 30px !important;
}

.tilesContainer * {
  font-family:FiraSansExtraCondensedBold,sans-serif !important;
}

.tilesContainer p {
  text-transform: uppercase !important;
  color: rgb(0,0,0);
  padding: 8px;
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width:480px){
  .tilesContainer p {
    font-size: 1rem !important;
  }
}

.inputRequired {
  font-size: 16px;
}

.hideKeepSpace {
  visibility: hidden;
}

.linkManual, .linkTooltip {
  text-decoration: none;
  margin-left: 3px;
  cursor: pointer;
  font-size: 16px;
}

.floatRight {
  float: right;
}

#linkCustomerEmail {
  display: block;
  margin-top: 20px;
}

.listStepsItem {
  font-size: 16px;
}

/* tooltip */
.tooltipKfcAccNo {
  background-image: url(/hc/theming_assets/01HZKP04EGDKQJNTNF50Z7KG70);
  height: 652px; /* resized from orig dimensions */
  width: 300px;
}


/* Products Top Nav (mobile) */
 @supports (display: grid) {
    /*.grid-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto 1fr auto;
      grid-template-areas: "header header header" "title title footer" "main main main";
    }
    @media screen and (max-width: 500px) {
      .grid-container {
        grid-template-columns: 1fr;
        grid-template-rows: 0.3fr 1fr auto 1fr;
        grid-template-areas: "header" "title" "main" "footer";
      }
    }*/
   
    @media (min-width: 900px) {
      .grid-container {
        display: none;
      }
    }   
  
    .grid-item {
      color: #fff;
      padding: 3.5em 1em;
      font-size: 1em;
      font-weight: 700;
    }
  
    .top-nav-main {
      color: #959595;
      background-color: white;
      grid-area: main;
      padding: 0;
      overflow-x: scroll;
      overflow-y: hidden;
    }  
 
    .top-nav-items {
      position: relative;
      width: 100%;
      overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
      transition: all 0.2s;
      transform: scale(0.98);
      will-change: transform;
      user-select: none;
      cursor: pointer;
    }
  
    .top-nav-item {
      display: inline-block;
      height: fit-content;
      width: fit-content;
      margin: 5px;
      padding: 5px;
    }
   
   	.top-nav-item.active {
      border-bottom: 3px solid red;
    }
  }

#recaptchaWrapper {
  width: fit-content;
  margin: 0 auto;
  padding-top: 20px;
}

.label-mandatory {
  display: none;
}

#maxFilesAllowed {
  margin-top: 10px;
  color: rgb(227, 1, 43) !important;
}

/* Positioning container (or use #proof instead) */
.tooltipWrap { position: relative; display: inline-block; }

/* Fully reset the button so it looks like just an icon */
.proofTooltipBtn {
  all: unset;             /* nuke UA / framework button styles */
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  line-height: 1;
  color: inherit;         /* keep icon color from surrounding text */
}
.proofTooltipBtn i { margin-left: 5px; color: inherit; }

/* Visible focus ring for keyboard users */
.proofTooltipBtn:focus-visible {
  outline: 2px solid #2684ff;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Tooltip visibility + look */
/* was: top:100%; margin-top:6px; */
#proofTip {
  position: absolute;
  bottom: 100%;           /* <-- place above */
  top: auto;
  left: 0;                /* JS will set an exact left so it centers over the button */
  margin-bottom: 6px;     /* gap between button and tooltip */
  transform: translateX(0); /* JS will overwrite to -50% when positioned */
  max-width: 500px;
  padding: 8px 10px;
  font-size: 0.9rem;
  background: #111;
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 6px 16px rgba(0,0,0,.2);
  z-index: 1000;
}

#proofTip[hidden] { display: none; }
.tooltipWrap { position: relative; display: inline-block; }

.noProofWrap, .noProofReasonWrap, #txtAreaNoProof {
  margin-top: 10px;
}

#lblNoProofCheckbox {
  margin-left: 5px;
}

#proofWrap {
  margin-bottom: 5px;
}