@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500&display=swap");
@import url("https://fonts.googleapis.com/css?family=Fira+Sans");
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  font: inherit;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2em;
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

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

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

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

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7abaff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

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

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

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

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

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

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

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: flex;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: flex;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card .card-header {
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

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

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

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

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}

.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}

.toast.showing {
  opacity: 1;
}

.toast.show {
  display: block;
  opacity: 1;
}

.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

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

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

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

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

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

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

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

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.nq-article-card, #nextUpMobileContainer, #nextUpDesktopContainer, #propertyModule .property-search-large .property-search-container .search-field-container, #propertyModule .property-search-large .property-search-container .form-group-price, #propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul:after, .property-search-results .local-amenities-container, #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile form, #propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide, .property-recently-added-carousel-container .slick-slide .agent-price, #uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link, .block, .block a.more-link, section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-search button:after, section.block.mega-news-block .mage-news-container, section.block.most-popular-block, section.block.sport-block .sport-first-row, nav.top-nav, #articleV2 .article-row-container, #articleV2 .author-details, #articleV2 .livefeed #updateList .livefeed-item, #BlockArticleContainer #BlockArticleDisplay ul.article-tags, #BlockArticleContainer #BlockArticleDisplay .author-details, #BlockArticleContainer #article .article-row-container, #BlockArticleContainer .article-extra .article-continuation .author-details, #BlockArticleContainer .article-extra .article-continuation .article-hero, #BlockArticleContainer .article-extra .article-continuation .scrim .article-link, #BlockArticleContainer #article .livefeed #updateList .livefeed-item, .content-page.content-page-2-col,
.content-page .content-page-2-col, #searchResultsPage .pager-container, #searchResultsPage .search-results article.article-card, #searchResultsPage .archive-wrapper, .registration-footer-links, #journalist-bio-page #authBio, #journalist-bio-page #storyWrapper .content-card, #videoPage .latest-video-list .nq-article-card, #propertyModule.property-home section.fpc-container, #propertyModule.property-home a.more-link {
  *zoom: 1;
}

.nq-article-card:after, #nextUpMobileContainer:after, #nextUpDesktopContainer:after, #propertyModule .property-search-large .property-search-container .search-field-container:after, #propertyModule .property-search-large .property-search-container .form-group-price:after, #propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul:after, .property-search-results .local-amenities-container:after, #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile form:after, #propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide:after, .property-recently-added-carousel-container .slick-slide .agent-price:after, #uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link:after, .block:after, .block a.more-link:after, section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-search button:after, section.block.mega-news-block .mage-news-container:after, section.block.most-popular-block:after, section.block.sport-block .sport-first-row:after, nav.top-nav:after, #articleV2 .article-row-container:after, #articleV2 .author-details:after, #articleV2 .livefeed #updateList .livefeed-item:after, #BlockArticleContainer #BlockArticleDisplay ul.article-tags:after, #BlockArticleContainer #BlockArticleDisplay .author-details:after, #BlockArticleContainer #article .article-row-container:after, #BlockArticleContainer .article-extra .article-continuation .author-details:after, #BlockArticleContainer .article-extra .article-continuation .article-hero:after, #BlockArticleContainer .article-extra .article-continuation .scrim .article-link:after, #BlockArticleContainer #article .livefeed #updateList .livefeed-item:after, .content-page.content-page-2-col:after,
.content-page .content-page-2-col:after, #searchResultsPage .pager-container:after, #searchResultsPage .search-results article.article-card:after, #searchResultsPage .archive-wrapper:after, .registration-footer-links:after, #journalist-bio-page #authBio:after, #journalist-bio-page #storyWrapper .content-card:after, #videoPage .latest-video-list .nq-article-card:after, #propertyModule.property-home section.fpc-container:after, #propertyModule.property-home a.more-link:after, .nq-article-card:before, #nextUpMobileContainer:before, #nextUpDesktopContainer:before, #propertyModule .property-search-large .property-search-container .search-field-container:before, #propertyModule .property-search-large .property-search-container .form-group-price:before, .property-search-results .local-amenities-container:before, #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile form:before, #propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide:before, .property-recently-added-carousel-container .slick-slide .agent-price:before, #uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link:before, .block:before, .block a.more-link:before, section.block.mega-news-block .mage-news-container:before, section.block.most-popular-block:before, section.block.sport-block .sport-first-row:before, nav.top-nav:before, #articleV2 .article-row-container:before, #articleV2 .author-details:before, #articleV2 .livefeed #updateList .livefeed-item:before, #BlockArticleContainer #BlockArticleDisplay ul.article-tags:before, #BlockArticleContainer #BlockArticleDisplay .author-details:before, #BlockArticleContainer #article .article-row-container:before, #BlockArticleContainer .article-extra .article-continuation .author-details:before, #BlockArticleContainer .article-extra .article-continuation .article-hero:before, #BlockArticleContainer .article-extra .article-continuation .scrim .article-link:before, #BlockArticleContainer #article .livefeed #updateList .livefeed-item:before, .content-page.content-page-2-col:before,
.content-page .content-page-2-col:before, #searchResultsPage .pager-container:before, #searchResultsPage .search-results article.article-card:before, #searchResultsPage .archive-wrapper:before, .registration-footer-links:before, #journalist-bio-page #authBio:before, #journalist-bio-page #storyWrapper .content-card:before, #videoPage .latest-video-list .nq-article-card:before, #propertyModule.property-home section.fpc-container:before, #propertyModule.property-home a.more-link:before {
  content: " ";
  display: table;
}

.nq-article-card:after, #nextUpMobileContainer:after, #nextUpDesktopContainer:after, #propertyModule .property-search-large .property-search-container .search-field-container:after, #propertyModule .property-search-large .property-search-container .form-group-price:after, #propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul:after, .property-search-results .local-amenities-container:after, #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile form:after, #propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide:after, .property-recently-added-carousel-container .slick-slide .agent-price:after, #uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link:after, .block:after, .block a.more-link:after, section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-search button:after, section.block.mega-news-block .mage-news-container:after, section.block.most-popular-block:after, section.block.sport-block .sport-first-row:after, nav.top-nav:after, #articleV2 .article-row-container:after, #articleV2 .author-details:after, #articleV2 .livefeed #updateList .livefeed-item:after, #BlockArticleContainer #BlockArticleDisplay ul.article-tags:after, #BlockArticleContainer #BlockArticleDisplay .author-details:after, #BlockArticleContainer #article .article-row-container:after, #BlockArticleContainer .article-extra .article-continuation .author-details:after, #BlockArticleContainer .article-extra .article-continuation .article-hero:after, #BlockArticleContainer .article-extra .article-continuation .scrim .article-link:after, #BlockArticleContainer #article .livefeed #updateList .livefeed-item:after, .content-page.content-page-2-col:after,
.content-page .content-page-2-col:after, #searchResultsPage .pager-container:after, #searchResultsPage .search-results article.article-card:after, #searchResultsPage .archive-wrapper:after, .registration-footer-links:after, #journalist-bio-page #authBio:after, #journalist-bio-page #storyWrapper .content-card:after, #videoPage .latest-video-list .nq-article-card:after, #propertyModule.property-home section.fpc-container:after, #propertyModule.property-home a.more-link:after {
  clear: both;
}

.pull-right {
  float: right !important;
}

/* Header */
/* Blocks: General */
/* Primary Navigation */
/* Footer */
/* Social */
/* Callouts */
/* We have to put this here because the Fontello font data is always overriden when updated */
/*doc
---
title: Martini Frontend Icons
name: martini-icons
category: Icons
---

<p>To add new icons:</p>
<p>1. Visit <a href="http://fontello.com" target="_blank">http://fontello.com</a></p>
<p>2. Click the spanner icon at the top, choose "import".</p>
<p>3. Select <i>misc/responsive-static/fonts/fontello/config.json</i>.</p>
<p>4. Select new icons.</p>
<p>5. Click "Download webfont".</p>
<p>6. Replace the content of <i>misc/responsive-static/fonts/fontello</i> with the downloaded file.</p>

```html_example
<a href="/resources/responsive-static/fonts/fontello/demo.html" target="_blank">Click here to view current Fontello icon font library</a>


<h3>Demo:</h3>
<p>
<i class="m-icon-pencil"></i>
<i class="m-icon-comment"></i>
<i class="m-icon-plus-sign"></i>
<i class="m-icon-cog"></i>
</p>
```
*/
/* Top Navigation */
/* Primary Navigation: General */
/* Primary Navigation: Non-Sticky */
/* Primary Navigation: Mobile Sticky */
/* Primary Navigation: Dektop Sticky */
/* REMOVE */
/* nothing */
/* nothing */
/* nothing */
/*$nq-form-input-font-family: null !default;
$nq-form-input-font-size: null !default;
$nq-form-input-color: null !default;
$nq-form-input-bg-color: null !default;*/
/*doc
---
title: Standard Article Cards
name: standard-cards
category: Article Cards
---

"nq-sm-standard" for mobile, "nq-md-standard" for tablet, "nq-lg-standard" for desktop.

```html_example
<div class="row">
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-standard nq-md-standard nq-lg-standard article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-standard nq-md-standard nq-lg-standard article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-standard nq-md-standard nq-lg-standard article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
</div>
```
*/
/* STANDARD CARD */
/*doc
---
title: Tall Article Cards
name: tall-cards
category: Article Cards
---

"nq-sm-tall" for mobile, "nq-md-tall" for tablet, "nq-lg-tall" for desktop.

```html_example
<div class="row">
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-tall nq-md-tall nq-lg-tall article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-tall nq-md-tall nq-lg-tall article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-tall nq-md-tall nq-lg-tall article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
</div>
```
*/
/* TALL  CARD */
/*doc
---
title: Horizontal Article Cards
name: horizontal-cards
category: Article Cards
---

"nq-sm-horizontal" for mobile, "nq-md-horizontal" for tablet, "nq-lg-horizontal" for desktop.

```html_example
<div class="row">
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-horizontal nq-md-horizontal nq-lg-horizontal article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-horizontal nq-md-horizontal nq-lg-horizontal article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-horizontal nq-md-horizontal nq-lg-horizontal article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
</div>
```
*/
/* HORIZONTAL CARD */
/*doc
---
title: Mini Article Cards
name: mini-cards
category: Article Cards
---

"nq-sm-mini" for mobile, "nq-md-mini" for tablet, "nq-lg-mini" for desktop.

```html_example
<div class="row">
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-mini nq-md-mini nq-lg-mini article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-mini nq-md-mini nq-lg-mini article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
    <div class="col-md-4">
        <article class="nq-article-card nq-sm-mini nq-md-mini nq-lg-mini article-card-snap" data-position="%raw(i)">
            <div class="article-card-image">
                <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
            </div>
            <div class="nq-article-card-content">

                <div class="nq-article-card-label custom-label %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

                <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                <div class="nq-article-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                </div>
            </div>
        </article>
    </div>
</div>
```
*/
/* STANDARD CARD */
/* TALL PROPERTY CARD */
/* HORIZONTAL PROPERTY CARD */
body {
  font-family: "Roboto", sans-serif;
}

/*doc
---
title: Headings
name: Heading
category: Typography
---
```html_example
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
```
*/
.h1,
h1 {
  font-family: "Fira Sans", sans-serif;
  font-size: 38px;
  line-height: 52px;
  font-weight: 500;
}

.h1.headline,
h1.headline {
  font-size: 24px;
  line-height: 29px;
}

@media (min-width: 768px) {
  .h1.headline,
  h1.headline {
    font-size: 38px;
    line-height: 44px;
  }
}

.h2,
h2 {
  font-family: "Fira Sans", sans-serif;
  font-size: 26px;
  line-height: 38px;
  font-weight: 400;
}

.h3,
h3 {
  font-family: "Fira Sans", sans-serif;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.h4,
h4 {
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 17px;
  font-weight: 400;
}

/*doc
---
title: Paragraph
name: Paragraph
category: Typography
---
```html_example
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam turpis lorem, volutpat viverra neque vel, finibus aliquam orci. Donec placerat risus nulla. Suspendisse vitae ultricies leo. Nulla quis tempus orci. Donec feugiat enim nunc, id sollicitudin ante mollis vitae. In semper dui egestas dolor eleifend dignissim. Vivamus tempor porta tortor non gravida. Curabitur nec euismod purus, ac bibendum risus. Donec egestas leo eget leo aliquam vehicula.</p>
<p>Aliquam commodo massa sit amet felis gravida, pretium elementum dolor mattis. Curabitur non nulla in risus iaculis egestas eget at arcu. Proin non efficitur nulla. Vestibulum iaculis pharetra feugiat. Nulla a fringilla metus. Integer eu nunc vitae eros laoreet ultricies id sit amet justo. Phasellus quis aliquam lacus. Aenean in ex ultrices dolor mattis tincidunt. Donec sagittis dictum sem nec dignissim. Maecenas laoreet est interdum, eleifend ipsum non, congue est. Phasellus et sem ac arcu imperdiet euismod sed in elit. Duis blandit viverra massa nec semper. Maecenas eu libero sem. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
```
*/
.p,
p {
  font-family: "Roboto", sans-serif;
}

/*
* Weather fonts
* Created with iconvau.lt
*/
@font-face {
  font-family: "iconvault";
  font-weight: normal;
  font-style: normal;
  src: url("/resources/responsive-static/fonts/iconvault_forecastfont.eot");
  src: url("/resources/responsive-static/fonts/iconvault_forecastfont.eot?#iefix") format("embedded-opentype"), url("/resources/responsive-static/fonts/iconvault_forecastfont.woff") format("woff"), url("/resources/responsive-static/fonts/iconvault_forecastfont.ttf") format("truetype"), url("/resources/responsive-static/fonts/iconvault_forecastfont.svg#iconvault") format("svg");
}

.icon-cloud,
.icon-drizzle,
.icon-frosty,
.icon-hail,
.icon-mist,
.icon-moon,
.icon-night,
.icon-rain,
.icon-showers,
.icon-sleet,
.icon-snowy,
.icon-sun,
.icon-sunny,
.icon-sunrise,
.icon-sunset,
.icon-thunder,
.icon-windy,
.icon-windyrain,
.icon-windysnow {
  text-decoration: inherit;
  font-family: 'iconvault';
  font-size: 6em;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 479px) and (max-width: 678px) {
  .icon-cloud,
  .icon-drizzle,
  .icon-frosty,
  .icon-hail,
  .icon-mist,
  .icon-moon,
  .icon-night,
  .icon-rain,
  .icon-showers,
  .icon-sleet,
  .icon-snowy,
  .icon-sun,
  .icon-sunny,
  .icon-sunrise,
  .icon-sunset,
  .icon-thunder,
  .icon-windy,
  .icon-windyrain,
  .icon-windysnow {
    position: absolute;
    display: inline-block;
    text-decoration: inherit;
    text-transform: none;
    font-family: "iconvault";
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
  }
}

/* -----BaseCloud----- */
.base-cloud:before {
  position: absolute;
  content: '\f105';
  color: #cccccc;
  font-family: 'iconvault';
}

/* -----windyraincloud----- */
.windyrain-cloud:before {
  position: absolute;
  content: '\f111';
  color: #cccccc;
  font-family: 'iconvault';
}

/* -----Windysnowcloud----- */
.windysnow-cloud:before {
  position: absolute;
  content: '\f109';
  color: #cccccc;
  font-family: 'iconvault';
}

/* -----Basethundercloud----- */
.base-thunder-cloud:before {
  position: absolute;
  content: '\f105';
  color: #000;
  font-family: 'iconvault';
}

/* -----Thunder----- */
.icon-thunder:before {
  position: absolute;
  content: "\f114";
  color: orange;
}

/* -----Sunny----- */
.icon-sunny:after {
  position: absolute;
  content: "\f101";
  color: orange;
}

/* -----Drizzle----- */
.icon-drizzle:before {
  position: absolute;
  content: "\f10a";
  color: #82b2e4;
}

/* -----Hail----- */
.icon-hail:before {
  position: absolute;
  content: "\f10f";
  color: #cccccc;
}

/* -----Showers----- */
.icon-showers:before {
  position: absolute;
  content: "\f104";
  color: #82b2e4;
}

/* -----Rainy----- */
.icon-rain:before {
  position: absolute;
  content: "\f107";
  color: #4681c3;
}

/* -----Snowy----- */
.icon-snowy:before {
  position: absolute;
  content: "\f10b";
  color: #acd3f3;
}

/* -----Frosty----- */
.icon-frosty:before {
  position: absolute;
  content: "\f102";
  color: #85d8f7;
}

/* -----Windy----- */
.icon-windy:before {
  position: absolute;
  content: "\f115";
  color: #cccccc;
}

/* -----WindyRain----- */
.icon-windyrain:before {
  position: absolute;
  content: "\f10e";
  color: #acd3f3;
}

/* -----WindySnow----- */
.icon-windysnow:before {
  position: absolute;
  content: "\f103";
  color: #acd3f3;
}

/* -----Sleet----- */
.icon-sleet:before {
  position: absolute;
  content: "\f10c";
  color: #acd3f3;
}

/* -----Moon----- */
.icon-moon:after {
  position: absolute;
  content: "\f10d";
  color: orange;
}

/* -----Night----- */
.icon-night:after {
  position: absolute;
  content: "\f100";
  color: orange;
}

/* -----Sun----- */
.icon-sun:after {
  position: absolute;
  content: "\f113";
  color: orange;
}

/* -----Cloud----- */
.icon-cloud:after {
  position: absolute;
  content: "\f106";
  color: #cccccc;
}

/* -----Sunrise----- */
.icon-sunrise:before {
  position: absolute;
  content: '\f112';
  color: orange;
}

/* -----Sunset----- */
.icon-sunset:before {
  position: absolute;
  content: '\f110';
  color: #f96f23;
}

/* -----Mist----- */
.icon-mist:before {
  position: absolute;
  content: '\f108';
  color: #cccccc;
}

/*doc
---
title: Education Icons
name: education-icons
category: Icons
---
```html_example
    <i class="edu-icon edu-icon-boys"></i>
    <i class="edu-icon edu-icon-exams"></i>
    <i class="edu-icon edu-icon-girls"></i>
    <i class="edu-icon edu-icon-ofsted1"></i>
    <i class="edu-icon edu-icon-ofsted2"></i>
    <i class="edu-icon edu-icon-ofsted3"></i>
    <i class="edu-icon edu-icon-ofsted4"></i>
    <i class="edu-icon edu-icon-teacher"></i>
    <i class="edu-icon edu-icon-ofstedUnknown"></i>
```
*/
/*
 *  Education Icons
 */
@font-face {
  font-family: "education-icons";
  src: url("/resources/responsive-static/fonts/education-icons.eot");
  src: url("/resources/responsive-static/fonts/education-icons.eot?#iefix") format("embedded-opentype"), url("/resources/responsive-static/fonts/education-icons.woff") format("woff"), url("/resources/responsive-static/fonts/education-icons.ttf") format("truetype"), url("/resources/responsive-static/fonts/education-icons.svg#education-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class*=" edu-icon-"]:before,
[class^="edu-icon-"]:before {
  font-family: "education-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div.edu-icon {
  text-align: center;
}

i.edu-icon {
  margin: 0;
}

.edu-icon-boys:before {
  content: "\e000";
}

.edu-icon-exams:before {
  content: "\e001";
}

.edu-icon-girls:before {
  content: "\e002";
}

.edu-icon-ofsted1:before {
  content: "\e003";
}

.edu-icon-ofsted2:before {
  content: "\e004";
}

.edu-icon-ofsted3:before {
  content: "\e005";
}

.edu-icon-ofsted4:before {
  content: "\e006";
}

.edu-icon-teacher:before {
  content: "\e007";
}

.edu-icon-ofstedUnknown {
  display: none;
}

body {
  background-color: #f5f5f5;
  background-image: none;
}

img {
  max-width: 100%;
}

/* BOOTSTRAP OVERRIDES */
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.container {
  padding-right: 6px;
  padding-left: 6px;
}

.container {
  max-width: 970px;
  background-color: #f5f5f5;
  /*@include media-breakpoint-up(sm) {
        padding: 0;
    }*/
}

.row {
  margin-right: -6px;
  margin-left: -6px;
}

.row:before {
  content: none;
}

.row:after {
  content: '';
}

/* This is to stop the takeover div from applying a pointer to all elements on the page. */
#redesign-content {
  cursor: default;
}

#redesign-content .container {
  position: relative;
}

/* This is to force the background to be correct colour. @mubs advberts are overriding it to white and
 * we cannot change it at his end because it would make all legacy sites have different bg */
#takeover {
  background-color: #F5F5F5 !important;
}

@media (min-width: 768px) {
  .show-on-mobile {
    display: none;
  }
}

.show-on-desktop {
  display: none;
}

@media (min-width: 768px) {
  .show-on-desktop {
    display: inherit;
  }
}

.showcase-carousel {
  overflow: hidden;
  max-height: 400px;
}

.showcase-carousel.slick-initialized {
  max-height: none;
}

.gold-template .nq-primary-font-family {
  font-family: "Fira Sans";
}

.gold-template .nq-secondary-font-family {
  font-family: "Roboto";
}

.gold-template .nq-primary-colour {
  color: #222;
}

.gold-template .nq-secondary-colour {
  color: #34ADFF;
}

.gold-template .nq-primary-bg-colour {
  background-color: #3c3c3c;
}

.gold-template .nq-secondary-bg-colour {
  background-color: #34ADFF;
}

.gold-template .nq-primary-border-colour {
  border-color: #3c3c3c !important;
}

.gold-template .nq-secondary-border-colour {
  border-color: #34ADFF;
}

.gold-template .nq-black-text {
  color: #000;
}

.gold-template .nq-white-text {
  color: #FFF;
}

.gold-template .nq-grey-text {
  color: #D8D8D8;
}

.gold-template .nq-black-bg {
  background-color: #000;
}

.gold-template .nq-white-bg {
  background-color: #FFF;
}

.gold-template .nq-grey-bg {
  background-color: #D8D8D8;
}

.gold-template .nq-body-bg-colour {
  background-color: #f5f5f5;
}

.gold-template .nq-button-gold {
  display: block;
  padding: 10px;
  margin: auto;
  height: 39px;
  appearance: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  text-align: center;
  background-color: #34ADFF;
  color: #222;
}

/* UNIVERSAL CARD STYLES */
.nq-article-card {
  position: relative;
  background-color: #FFF;
  box-shadow: 0;
  margin-bottom: 12px;
  /* Card snap */
  /* Card Highlighted */
}

.nq-article-card .article-card-image:hover + .nq-article-card-content a {
  color: #D8232A;
}

.nq-article-card a {
  color: #2A2A2A;
}

.nq-article-card a:focus, .nq-article-card a:hover {
  color: #D8232A;
  text-decoration: none;
}

.nq-article-card .nq-article-card-label {
  background-color: #000;
  color: #FFF;
}

.nq-article-card .nq-article-card-label h4 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.nq-article-card .nq-article-card-label.sponsored-label {
  background-color: #001B69;
  color: #FFF;
}

.nq-article-card .nq-article-meta {
  color: #747474;
  font-size: 14px;
  font-weight: 100;
}

.nq-article-card .nq-article-meta a {
  color: #747474 !important;
}

.nq-article-card .nq-article-meta a:focus, .nq-article-card .nq-article-meta a:hover {
  text-decoration: none;
}

.nq-article-card .nq-article-meta .m2-icon-chat {
  color: #D8232A;
  margin-right: 4px;
  margin-left: 5px;
}

.nq-article-card.article-card-snap {
  height: calc(100% - 18px);
  margin-bottom: 12px;
}

.nq-article-card.article-card-highlighted {
  background-color: #D8232A;
}

.nq-article-card.article-card-highlighted .article-card-image:hover + .nq-article-card-content a {
  color: #FFF;
}

.nq-article-card.article-card-highlighted .nq-article-meta,
.nq-article-card.article-card-highlighted .nq-article-meta > a.comments-count,
.nq-article-card.article-card-highlighted a {
  color: #FFF !important;
}

.nq-article-card.article-card-highlighted .nq-article-card-headline {
  font-weight: 600;
}

/* STANDARD CARD RESPONSIVE CLASSES */
@media screen and (max-width: 575px) {
  .nq-sm-standard {
    padding: 3%;
  }
  .nq-sm-standard .article-card-image {
    width: 45%;
    margin-right: 10px;
    float: left;
    position: relative;
    margin-bottom: 5px;
  }
  .nq-sm-standard .article-card-image a {
    display: block;
    width: 100%;
    padding-top: 66.604919935%;
    background: url("/resources/responsive-static/images/article-image-placeholder.gif") center center;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .nq-sm-standard .article-card-image a .lazy,
  .nq-sm-standard .article-card-image a img {
    width: 100%;
    margin-top: -66.604919935%;
    display: block;
    min-height: 1rem;
  }
  .nq-sm-standard .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 25px;
    height: 25px;
  }
  .nq-sm-standard .nq-article-card-media-label h4 {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
  .nq-sm-standard .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
    font-size: 15px;
  }
  .nq-sm-standard .nq-article-card-content {
    float: left;
    width: 50%;
  }
  .nq-sm-standard .nq-article-card-content .nq-article-card-label {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
  }
  .nq-sm-standard .nq-article-card-content .nq-article-card-label h4 {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
  }
  .nq-sm-standard .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 74px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-sm-standard .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-sm-standard .nq-article-card-content .nq-article-card-headline {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    font-weight: 500;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .nq-md-standard {
    padding: 3%;
  }
  .nq-md-standard .article-card-image {
    width: 45%;
    margin-right: 10px;
    float: left;
    position: relative;
    margin-bottom: 5px;
  }
  .nq-md-standard .article-card-image a {
    display: block;
    width: 100%;
    padding-top: 66.604919935%;
    background: url("/resources/responsive-static/images/article-image-placeholder.gif") center center;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .nq-md-standard .article-card-image a .lazy,
  .nq-md-standard .article-card-image a img {
    width: 100%;
    margin-top: -66.604919935%;
    display: block;
    min-height: 1rem;
  }
  .nq-md-standard .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 25px;
    height: 25px;
  }
  .nq-md-standard .nq-article-card-media-label h4 {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
  .nq-md-standard .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
    font-size: 15px;
  }
  .nq-md-standard .nq-article-card-content {
    float: left;
    width: 50%;
  }
  .nq-md-standard .nq-article-card-content .nq-article-card-label {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
  }
  .nq-md-standard .nq-article-card-content .nq-article-card-label h4 {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
  }
  .nq-md-standard .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 74px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-md-standard .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-md-standard .nq-article-card-content .nq-article-card-headline {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    font-weight: 500;
  }
}

@media screen and (min-width: 992px) {
  .nq-lg-standard {
    padding: 3%;
  }
  .nq-lg-standard .article-card-image {
    width: 45%;
    margin-right: 10px;
    float: left;
    position: relative;
    margin-bottom: 5px;
  }
  .nq-lg-standard .article-card-image a {
    display: block;
    width: 100%;
    padding-top: 66.604919935%;
    background: url("/resources/responsive-static/images/article-image-placeholder.gif") center center;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .nq-lg-standard .article-card-image a .lazy,
  .nq-lg-standard .article-card-image a img {
    width: 100%;
    margin-top: -66.604919935%;
    display: block;
    min-height: 1rem;
  }
  .nq-lg-standard .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 25px;
    height: 25px;
  }
  .nq-lg-standard .nq-article-card-media-label h4 {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
  }
  .nq-lg-standard .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
    font-size: 15px;
  }
  .nq-lg-standard .nq-article-card-content {
    float: left;
    width: 50%;
  }
  .nq-lg-standard .nq-article-card-content .nq-article-card-label {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
  }
  .nq-lg-standard .nq-article-card-content .nq-article-card-label h4 {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
  }
  .nq-lg-standard .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 74px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-lg-standard .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-lg-standard .nq-article-card-content .nq-article-card-headline {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    font-weight: 500;
  }
}

/* HORIZONTAL CARD RESPONSIVE CLASSES */
@media screen and (max-width: 575px) {
  .nq-sm-horizontal .article-card-image {
    width: 31%;
    float: left;
    position: relative;
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 575px) and (min-width: 992px) {
  .nq-sm-horizontal .article-card-image {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .nq-sm-horizontal .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 50px;
    height: 50px;
  }
  .nq-sm-horizontal .nq-article-card-media-label h4 {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
  }
  .nq-sm-horizontal .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
  }
  .nq-sm-horizontal .nq-article-card-content {
    float: left;
    width: 69%;
  }
  .nq-sm-horizontal .nq-article-card-content .nq-article-card-label {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }
  .nq-sm-horizontal .nq-article-card-content .nq-article-card-label h4 {
    padding: 5px 10px;
    margin: 0;
  }
  .nq-sm-horizontal .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 74px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-sm-horizontal .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-sm-horizontal .nq-article-card-content .nq-article-card-headline {
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    padding: 10px;
    font-weight: 500;
  }
}

@media screen and (max-width: 575px) and (min-width: 992px) {
  .nq-sm-horizontal .nq-article-card-content .nq-article-card-headline {
    line-height: 26px;
  }
}

@media screen and (max-width: 575px) and (min-width: 992px) {
  .nq-sm-horizontal .nq-article-card-content {
    width: 50%;
  }
}

@media screen and (max-width: 575px) {
  .nq-sm-horizontal .nq-article-meta {
    margin-left: 10px;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .nq-md-horizontal .article-card-image {
    width: 31%;
    float: left;
    position: relative;
    margin-bottom: 6px;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) and (min-width: 992px) {
  .nq-md-horizontal .article-card-image {
    width: 50%;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .nq-md-horizontal .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 50px;
    height: 50px;
  }
  .nq-md-horizontal .nq-article-card-media-label h4 {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
  }
  .nq-md-horizontal .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
  }
  .nq-md-horizontal .nq-article-card-content {
    float: left;
    width: 69%;
  }
  .nq-md-horizontal .nq-article-card-content .nq-article-card-label {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }
  .nq-md-horizontal .nq-article-card-content .nq-article-card-label h4 {
    padding: 5px 10px;
    margin: 0;
  }
  .nq-md-horizontal .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 74px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-md-horizontal .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-md-horizontal .nq-article-card-content .nq-article-card-headline {
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    padding: 10px;
    font-weight: 500;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) and (min-width: 992px) {
  .nq-md-horizontal .nq-article-card-content .nq-article-card-headline {
    line-height: 26px;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) and (min-width: 992px) {
  .nq-md-horizontal .nq-article-card-content {
    width: 50%;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .nq-md-horizontal .nq-article-meta {
    margin-left: 10px;
  }
}

@media screen and (min-width: 992px) {
  .nq-lg-horizontal .article-card-image {
    width: 31%;
    float: left;
    position: relative;
    margin-bottom: 6px;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .nq-lg-horizontal .article-card-image {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .nq-lg-horizontal .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 50px;
    height: 50px;
  }
  .nq-lg-horizontal .nq-article-card-media-label h4 {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
  }
  .nq-lg-horizontal .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
  }
  .nq-lg-horizontal .nq-article-card-content {
    float: left;
    width: 69%;
  }
  .nq-lg-horizontal .nq-article-card-content .nq-article-card-label {
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }
  .nq-lg-horizontal .nq-article-card-content .nq-article-card-label h4 {
    padding: 5px 10px;
    margin: 0;
  }
  .nq-lg-horizontal .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 74px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-lg-horizontal .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-lg-horizontal .nq-article-card-content .nq-article-card-headline {
    font-size: 21px;
    font-weight: 400;
    line-height: 30px;
    padding: 10px;
    font-weight: 500;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .nq-lg-horizontal .nq-article-card-content .nq-article-card-headline {
    line-height: 26px;
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .nq-lg-horizontal .nq-article-card-content {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .nq-lg-horizontal .nq-article-meta {
    margin-left: 10px;
  }
}

/* TALL CARD RESPONSIVE CLASSES */
@media screen and (max-width: 575px) {
  .nq-sm-tall {
    padding-bottom: 30px;
  }
  .nq-sm-tall .article-card-image {
    position: relative;
  }
  .nq-sm-tall .article-card-image a {
    display: block;
    width: 100%;
    padding-top: 66.604919935%;
    background: url("/resources/responsive-static/images/article-image-placeholder.gif") center center;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .nq-sm-tall .article-card-image a .lazy,
  .nq-sm-tall .article-card-image a img {
    margin-top: -66.604919935%;
    display: block;
    min-height: 1rem;
  }
  .nq-sm-tall .nq-article-meta {
    position: absolute;
    bottom: 5px;
    left: 10px;
  }
  .nq-sm-tall img {
    width: 100%;
  }
  .nq-sm-tall .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 50px;
    height: 50px;
  }
  .nq-sm-tall .nq-article-card-media-label h4 {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
  }
  .nq-sm-tall .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
  }
  .nq-sm-tall .nq-article-card-content .nq-article-card-label {
    position: absolute;
    top: 0;
    left: 0;
  }
  .nq-sm-tall .nq-article-card-content .nq-article-card-label h4 {
    padding: 5px 10px;
    margin: 0;
  }
  .nq-sm-tall .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 75px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-sm-tall .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-sm-tall .nq-article-card-content .nq-article-card-headline {
    font-size: 21px;
    font-weight: 400;
    line-height: 27px;
    padding: 10px;
    font-weight: 500;
  }
  .nq-sm-tall.article-card-lead .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 21px;
    width: 106px;
    background-size: 21px;
    background-position-y: -19px;
  }
  .nq-sm-tall.article-card-lead .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 21px;
    background-size: 21px;
    background-position-y: 1px;
  }
  .nq-sm-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 26px;
    line-height: 38px;
  }
}

@media screen and (max-width: 575px) and (max-width: 991.98px) {
  .nq-sm-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 575px) and (max-width: 991.98px) and (max-width: 767.98px) {
  .nq-sm-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 22px;
    line-height: 26px;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .nq-md-tall {
    padding-bottom: 30px;
  }
  .nq-md-tall .article-card-image {
    position: relative;
  }
  .nq-md-tall .article-card-image a {
    display: block;
    width: 100%;
    padding-top: 66.604919935%;
    background: url("/resources/responsive-static/images/article-image-placeholder.gif") center center;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .nq-md-tall .article-card-image a .lazy,
  .nq-md-tall .article-card-image a img {
    margin-top: -66.604919935%;
    display: block;
    min-height: 1rem;
  }
  .nq-md-tall .nq-article-meta {
    position: absolute;
    bottom: 5px;
    left: 10px;
  }
  .nq-md-tall img {
    width: 100%;
  }
  .nq-md-tall .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 50px;
    height: 50px;
  }
  .nq-md-tall .nq-article-card-media-label h4 {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
  }
  .nq-md-tall .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
  }
  .nq-md-tall .nq-article-card-content .nq-article-card-label {
    position: absolute;
    top: 0;
    left: 0;
  }
  .nq-md-tall .nq-article-card-content .nq-article-card-label h4 {
    padding: 5px 10px;
    margin: 0;
  }
  .nq-md-tall .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 75px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-md-tall .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-md-tall .nq-article-card-content .nq-article-card-headline {
    font-size: 21px;
    font-weight: 400;
    line-height: 27px;
    padding: 10px;
    font-weight: 500;
  }
  .nq-md-tall.article-card-lead .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 21px;
    width: 106px;
    background-size: 21px;
    background-position-y: -19px;
  }
  .nq-md-tall.article-card-lead .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 21px;
    background-size: 21px;
    background-position-y: 1px;
  }
  .nq-md-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 26px;
    line-height: 38px;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) and (max-width: 991.98px) {
  .nq-md-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) and (max-width: 991.98px) and (max-width: 767.98px) {
  .nq-md-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 22px;
    line-height: 26px;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .nq-md-tall .nq-article-card-media-label {
    width: 45px;
    height: 45px;
  }
  .nq-md-tall .nq-article-card-media-label h4 {
    font-size: 26px;
    line-height: 45px;
  }
}

@media screen and (min-width: 992px) {
  .nq-lg-tall {
    padding-bottom: 30px;
  }
  .nq-lg-tall .article-card-image {
    position: relative;
  }
  .nq-lg-tall .article-card-image a {
    display: block;
    width: 100%;
    padding-top: 66.604919935%;
    background: url("/resources/responsive-static/images/article-image-placeholder.gif") center center;
    background-size: auto auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .nq-lg-tall .article-card-image a .lazy,
  .nq-lg-tall .article-card-image a img {
    margin-top: -66.604919935%;
    display: block;
    min-height: 1rem;
  }
  .nq-lg-tall .nq-article-meta {
    position: absolute;
    bottom: 5px;
    left: 10px;
  }
  .nq-lg-tall img {
    width: 100%;
  }
  .nq-lg-tall .nq-article-card-media-label {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.74);
    color: #FFF;
    width: 50px;
    height: 50px;
  }
  .nq-lg-tall .nq-article-card-media-label h4 {
    font-size: 30px;
    line-height: 50px;
    text-align: center;
  }
  .nq-lg-tall .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
    margin-right: 2px;
  }
  .nq-lg-tall .nq-article-card-content .nq-article-card-label {
    position: absolute;
    top: 0;
    left: 0;
  }
  .nq-lg-tall .nq-article-card-content .nq-article-card-label h4 {
    padding: 5px 10px;
    margin: 0;
  }
  .nq-lg-tall .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 14px;
    width: 75px;
    background-size: 15px;
    background-position-y: -14px;
  }
  .nq-lg-tall .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-lg-tall .nq-article-card-content .nq-article-card-headline {
    font-size: 21px;
    font-weight: 400;
    line-height: 27px;
    padding: 10px;
    font-weight: 500;
  }
  .nq-lg-tall.article-card-lead .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 21px;
    width: 106px;
    background-size: 21px;
    background-position-y: -19px;
  }
  .nq-lg-tall.article-card-lead .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 21px;
    background-size: 21px;
    background-position-y: 1px;
  }
  .nq-lg-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 26px;
    line-height: 38px;
  }
}

@media screen and (min-width: 992px) and (max-width: 991.98px) {
  .nq-lg-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 992px) and (max-width: 991.98px) and (max-width: 767.98px) {
  .nq-lg-tall.article-card-highlighted .nq-article-card-headline {
    font-size: 22px;
    line-height: 26px;
  }
}

/* MINI CARD RESPONSIVE CLASSES */
@media screen and (max-width: 575px) {
  .nq-sm-mini {
    padding: 3%;
    border-left: 2px solid #D8232A;
  }
  .nq-sm-mini img {
    display: none;
  }
  .nq-sm-mini .nq-article-card-content .nq-article-card-label {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
  }
  .nq-sm-mini .nq-article-card-content .nq-article-card-label h4 {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
  }
  .nq-sm-mini .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 15px;
    width: 74px;
    background-size: 15px;
    background-position-y: -15px;
  }
  .nq-sm-mini .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-sm-mini .nq-article-card-content .nq-article-card-headline {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    font-weight: 500;
  }
  .nq-sm-mini .nq-article-card-content .nq-article-meta {
    display: none;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .nq-md-mini {
    padding: 3%;
    border-left: 2px solid #D8232A;
  }
  .nq-md-mini img {
    display: none;
  }
  .nq-md-mini .nq-article-card-content .nq-article-card-label {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
  }
  .nq-md-mini .nq-article-card-content .nq-article-card-label h4 {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
  }
  .nq-md-mini .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 15px;
    width: 74px;
    background-size: 15px;
    background-position-y: -15px;
  }
  .nq-md-mini .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-md-mini .nq-article-card-content .nq-article-card-headline {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    font-weight: 500;
  }
  .nq-md-mini .nq-article-card-content .nq-article-meta {
    display: none;
  }
}

@media screen and (min-width: 992px) {
  .nq-lg-mini {
    padding: 3%;
    border-left: 2px solid #D8232A;
  }
  .nq-lg-mini img {
    display: none;
  }
  .nq-lg-mini .nq-article-card-content .nq-article-card-label {
    display: inline-block;
    padding: 4px 10px;
    margin-bottom: 7px;
  }
  .nq-lg-mini .nq-article-card-content .nq-article-card-label h4 {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
  }
  .nq-lg-mini .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite {
    height: 15px;
    width: 74px;
    background-size: 15px;
    background-position-y: -15px;
  }
  .nq-lg-mini .nq-article-card-content .nq-article-card-label.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
    height: 17px;
    background-size: 15px;
  }
  .nq-lg-mini .nq-article-card-content .nq-article-card-headline {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    font-weight: 500;
  }
  .nq-lg-mini .nq-article-card-content .nq-article-meta {
    display: none;
  }
}

/* Styles for standalone labels */
.nq-article-card-label-standalone {
  line-height: 16px;
  background-color: #000;
}

.nq-article-card-label-standalone h4 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  margin: 0;
}

.nq-article-card-label-standalone.nq-article-inline-card-label {
  display: inline-block;
  padding: 5px 10px;
}

.nq-article-card-label-standalone.sponsored-label {
  background-color: #001B69;
  color: #FFF;
}

/* Styles for article cards and standalone labels. */
.nq-article-card .nq-article-card-label.property-featured-label,
.nq-article-card-label-standalone.property-featured-label,
.nq-article-card-label.property-featured-label {
  background-color: #FED800;
  padding: 0 10px;
}

.nq-article-card .nq-article-card-label.property-featured-label h4,
.nq-article-card-label-standalone.property-featured-label h4,
.nq-article-card-label.property-featured-label h4 {
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
}

.nq-article-card .nq-article-card-label.property-featured-label.invert-label,
.nq-article-card-label-standalone.property-featured-label.invert-label,
.nq-article-card-label.property-featured-label.invert-label {
  background-color: transparent;
}

.nq-article-card .nq-article-card-label.property-featured-label.invert-label h4,
.nq-article-card-label-standalone.property-featured-label.invert-label h4,
.nq-article-card-label.property-featured-label.invert-label h4 {
  color: #FED800;
}

.nq-article-card .nq-article-card-label.property-sold-label,
.nq-article-card-label-standalone.property-sold-label,
.nq-article-card-label.property-sold-label {
  background-color: #D0011B;
}

.nq-article-card .nq-article-card-label.property-sold-label h4,
.nq-article-card-label-standalone.property-sold-label h4,
.nq-article-card-label.property-sold-label h4 {
  color: #FFF;
  text-transform: initial;
  display: inline-block;
}

.nq-article-card .nq-article-card-label.property-sold-label.invert-label,
.nq-article-card-label-standalone.property-sold-label.invert-label,
.nq-article-card-label.property-sold-label.invert-label {
  background-color: transparent;
}

.nq-article-card .nq-article-card-label.property-sold-label.invert-label h4,
.nq-article-card-label-standalone.property-sold-label.invert-label h4,
.nq-article-card-label.property-sold-label.invert-label h4 {
  color: #D0011B;
}

.nq-article-card .nq-article-card-label.property-private-label,
.nq-article-card-label-standalone.property-private-label,
.nq-article-card-label.property-private-label {
  background-color: #000000;
}

.nq-article-card .nq-article-card-label.property-private-label h4,
.nq-article-card-label-standalone.property-private-label h4,
.nq-article-card-label.property-private-label h4 {
  color: #FFF;
  text-transform: initial;
  display: inline-block;
}

.nq-article-card .nq-article-card-label.property-private-label.invert-label,
.nq-article-card-label-standalone.property-private-label.invert-label,
.nq-article-card-label.property-private-label.invert-label {
  background-color: transparent;
}

.nq-article-card .nq-article-card-label.property-private-label.invert-label h4,
.nq-article-card-label-standalone.property-private-label.invert-label h4,
.nq-article-card-label.property-private-label.invert-label h4 {
  color: #000000;
}

.nq-article-card .nq-article-card-label.property-let-agreed-label,
.nq-article-card-label-standalone.property-let-agreed-label,
.nq-article-card-label.property-let-agreed-label {
  background-color: #E06520;
}

.nq-article-card .nq-article-card-label.property-let-agreed-label h4,
.nq-article-card-label-standalone.property-let-agreed-label h4,
.nq-article-card-label.property-let-agreed-label h4 {
  color: #FFF;
  text-transform: initial;
  display: inline-block;
}

.nq-article-card .nq-article-card-label.property-let-agreed-label.invert-label,
.nq-article-card-label-standalone.property-let-agreed-label.invert-label,
.nq-article-card-label.property-let-agreed-label.invert-label {
  background-color: transparent;
}

.nq-article-card .nq-article-card-label.property-let-agreed-label.invert-label h4,
.nq-article-card-label-standalone.property-let-agreed-label.invert-label h4,
.nq-article-card-label.property-let-agreed-label.invert-label h4 {
  color: #E06520;
}

.nq-article-card .nq-article-card-label.property-under-offer-label,
.nq-article-card-label-standalone.property-under-offer-label,
.nq-article-card-label.property-under-offer-label {
  background-color: #B06918;
}

.nq-article-card .nq-article-card-label.property-under-offer-label h4,
.nq-article-card-label-standalone.property-under-offer-label h4,
.nq-article-card-label.property-under-offer-label h4 {
  color: #FFF;
  text-transform: initial;
  display: inline-block;
}

.nq-article-card .nq-article-card-label.property-under-offer-label.invert-label,
.nq-article-card-label-standalone.property-under-offer-label.invert-label,
.nq-article-card-label.property-under-offer-label.invert-label {
  background-color: transparent;
}

.nq-article-card .nq-article-card-label.property-under-offer-label.invert-label h4,
.nq-article-card-label-standalone.property-under-offer-label.invert-label h4,
.nq-article-card-label.property-under-offer-label.invert-label h4 {
  color: #B06918;
}

.nq-article-card .nq-article-card-label.property-reduced-label,
.nq-article-card-label-standalone.property-reduced-label,
.nq-article-card-label.property-reduced-label {
  background-color: #417505;
}

.nq-article-card .nq-article-card-label.property-reduced-label h4,
.nq-article-card-label-standalone.property-reduced-label h4,
.nq-article-card-label.property-reduced-label h4 {
  color: #FFF;
  text-transform: initial;
  display: inline-block;
}

.nq-article-card .nq-article-card-label.property-reduced-label.invert-label,
.nq-article-card-label-standalone.property-reduced-label.invert-label,
.nq-article-card-label.property-reduced-label.invert-label {
  background-color: transparent;
}

.nq-article-card .nq-article-card-label.property-reduced-label.invert-label h4,
.nq-article-card-label-standalone.property-reduced-label.invert-label h4,
.nq-article-card-label.property-reduced-label.invert-label h4 {
  color: #417505;
}

.nq-article-card .nq-article-card-label.property-new-label,
.nq-article-card-label-standalone.property-new-label,
.nq-article-card-label.property-new-label {
  background-color: #00824F;
}

.nq-article-card .nq-article-card-label.property-new-label h4,
.nq-article-card-label-standalone.property-new-label h4,
.nq-article-card-label.property-new-label h4 {
  color: #FFF;
  text-transform: initial;
  display: inline-block;
}

.nq-article-card .nq-article-card-label.property-new-label.invert-label,
.nq-article-card-label-standalone.property-new-label.invert-label,
.nq-article-card-label.property-new-label.invert-label {
  background-color: transparent;
}

.nq-article-card .nq-article-card-label.property-new-label.invert-label h4,
.nq-article-card-label-standalone.property-new-label.invert-label h4,
.nq-article-card-label.property-new-label.invert-label h4 {
  color: #00824F;
}

.nq-article-card .nq-article-card-label.breaking-label,
.nq-article-card-label-standalone.breaking-label,
.nq-article-card-label.breaking-label {
  background-color: #D8232A;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.updated-label,
.nq-article-card-label-standalone.updated-label,
.nq-article-card-label.updated-label {
  background-color: #F6E61F;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.updated-label h4,
.nq-article-card-label-standalone.updated-label h4,
.nq-article-card-label.updated-label h4 {
  color: #000;
}

.nq-article-card .nq-article-card-label.community-contribution-label,
.nq-article-card-label-standalone.community-contribution-label,
.nq-article-card-label.community-contribution-label {
  background-color: #F6E61F;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.community-contribution-label h4,
.nq-article-card-label-standalone.community-contribution-label h4,
.nq-article-card-label.community-contribution-label h4 {
  color: #000;
}

.nq-article-card .nq-article-card-label.custom-callout-label,
.nq-article-card-label-standalone.custom-callout-label,
.nq-article-card-label.custom-callout-label {
  background-color: #F6E61F;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.custom-callout-label h4,
.nq-article-card-label-standalone.custom-callout-label h4,
.nq-article-card-label.custom-callout-label h4 {
  color: #000;
}

.nq-article-card .nq-article-card-label.content-level-tagging-label,
.nq-article-card-label-standalone.content-level-tagging-label,
.nq-article-card-label.content-level-tagging-label {
  background-color: #0286c7;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.revealed-label,
.nq-article-card-label-standalone.revealed-label,
.nq-article-card-label.revealed-label {
  background-color: #153444;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.feature-label,
.nq-article-card-label-standalone.feature-label,
.nq-article-card-label.feature-label {
  background-color: #30286C;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.exclusive-label,
.nq-article-card-label-standalone.exclusive-label,
.nq-article-card-label.exclusive-label {
  background-color: #8D1E84;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.premium-label,
.nq-article-card-label-standalone.premium-label,
.nq-article-card-label.premium-label {
  background-color: #976F2A;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.commercial-label,
.nq-article-card-label-standalone.commercial-label,
.nq-article-card-label.commercial-label {
  background-color: #501A81;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.live-label,
.nq-article-card-label-standalone.live-label,
.nq-article-card-label.live-label {
  background-color: #D8232A;
  color: #FFF;
  padding: 0 10px;
}

.nq-article-card .nq-article-card-label.live-label h4,
.nq-article-card-label-standalone.live-label h4,
.nq-article-card-label.live-label h4 {
  display: inline-block;
}

.nq-article-card .nq-article-card-label.live-label .blink,
.nq-article-card-label-standalone.live-label .blink,
.nq-article-card-label.live-label .blink {
  font-size: 13px;
  margin-right: 9px;
  -webkit-animation: blinker 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
  -moz-animation: blinker 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
  -o-animation: blinker 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
  animation: blinker 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}

@-webkit-keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.nq-article-card .nq-article-card-label.inline-label,
.nq-article-card-label-standalone.inline-label,
.nq-article-card-label.inline-label {
  display: inline-block;
  padding: 5px 10px;
}

.nq-article-card .nq-article-card-label.stars-label,
.nq-article-card-label-standalone.stars-label,
.nq-article-card-label.stars-label {
  padding: 5px 8px;
  background-color: #F6E61F;
  color: #FFF;
}

.nq-article-card .nq-article-card-label.stars-label .star-ratings-sprite,
.nq-article-card-label-standalone.stars-label .star-ratings-sprite,
.nq-article-card-label.stars-label .star-ratings-sprite {
  background: url("/resources/responsive-static/images/starsprite.png") repeat-x;
  font-size: 0;
  height: 21px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 105px;
  margin: 0 auto;
  background-size: 20px;
  background-position-y: -20px;
}

.nq-article-card .nq-article-card-label.stars-label .star-ratings-sprite-rating,
.nq-article-card-label-standalone.stars-label .star-ratings-sprite-rating,
.nq-article-card-label.stars-label .star-ratings-sprite-rating {
  background: url("/resources/responsive-static/images/starsprite.png") repeat-x;
  background-position-y: 0;
  float: left;
  height: 20px;
  display: block;
  background-size: 21px;
}

.nq-article-card .nq-article-card-label.new-car-review-label,
.nq-article-card-label-standalone.new-car-review-label,
.nq-article-card-label.new-car-review-label {
  background-color: #F8E71C;
  color: #000;
}

.nq-article-card-label-standalone.nq-article-inline-card-label.live-label {
  padding: 5px 10px;
}

/*doc
---
title: Loader
name: loader
category: Components
---
```html_example
<div style="background-color: #2c3e50; height: 260px; display: inline-block; width: 100%;">
    <div class="loading-container">
        <div class="loader">Loading...</div>
    </div>
</div>
```
*/
.loader,
.loader:after,
.loader:before {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loader.invert {
  color: #D8232A;
}

.loader:after,
.loader:before {
  position: absolute;
  top: 0;
  content: '';
}

.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  100%,
  80% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

@keyframes load1 {
  0%,
  100%,
  80% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

.redesign-cta {
  background-color: #e6e6e6;
  padding: 15px;
  color: #3e3e3e;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  border-left: solid 2px #D8232A;
  margin-bottom: 0;
}

.redesign-cta p {
  font-family: "Roboto", sans-serif;
}

.redesign-cta form {
  width: 100%;
}

.redesign-cta button {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  width: 100%;
  background-color: #D8232A;
  color: #FFF;
}

.redesign-cta button:hover {
  opacity: 0.9;
}

.redesign-cta input {
  border: solid 1px #000;
}

.cta-component-full-width {
  margin-bottom: 15px;
}

.cta-component-full-width p {
  margin: 0;
  padding: 0;
  line-height: 20px;
}

.cta-component-full-width button,
.cta-component-full-width input {
  margin-top: 15px;
}

.cta-component-full-width button {
  float: right;
  padding: 5px 7px;
  border: 0;
  cursor: pointer;
}

@media (min-width: 992px) {
  .cta-component-full-width button {
    margin-right: 10px;
  }
}

.cta-component-full-width input {
  width: 100%;
  height: 34px;
  padding-left: 5px;
}

@media (min-width: 768px) {
  .cta-component-full-width {
    padding-right: 0;
  }
  .cta-component-full-width button,
  .cta-component-full-width input {
    margin-top: 7px;
  }
}

.cta-component-half-width {
  margin-bottom: 18px;
}

.cta-component-half-width .redesign-cta p {
  line-height: 20px;
}

.cta-component-half-width .redesign-cta input {
  width: 100%;
  height: 34px;
  padding-left: 5px;
}

.cta-component-half-width .redesign-cta button {
  float: right;
  padding: 5px 7px;
  border: 0;
  cursor: pointer;
}

@media (min-width: 992px) {
  .cta-component-half-width .redesign-cta {
    height: 130px;
  }
}

.cta-component-half-width .cta-ad {
  text-align: center;
  margin-top: 15px;
}

@media (min-width: 992px) {
  .cta-component-half-width .cta-ad {
    text-align: center;
    margin-top: 0;
  }
}

.cta-component-contributions {
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}

.cta-component-contributions a {
  padding: 5px 13px;
  border: 0;
  cursor: pointer;
  color: #FFF;
  background-color: #D8232A;
  font-size: 15px;
  text-align: center;
}

.cta-component-contributions a:hover {
  background-color: #b51d23;
  text-decoration: none;
}

.cta-component-contributions i {
  display: none;
  width: 60px;
  margin-right: 10px;
  float: left;
  font-size: 47px;
  color: #D8232A;
}

@media (min-width: 576px) {
  .cta-component-contributions {
    text-align: center;
  }
  .cta-component-contributions a {
    display: block;
  }
  .cta-component-contributions p {
    text-align: center;
  }
}

@media (min-width: 992px) {
  .cta-component-contributions {
    text-align: left;
  }
  .cta-component-contributions p {
    text-align: left;
  }
  .cta-component-contributions i {
    display: block;
  }
}

/* Engage */
.redesign-cta a,
.redesign-cta button,
.redesign-cta p {
  font-weight: 500;
}

.cta-component-full-width input {
  width: 100%;
}

@media (min-width: 768px) {
  .cta-component-full-width input {
    width: 98%;
  }
}

.news-around-you {
  margin-bottom: 25px;
  padding: 15px;
  box-shadow: 0;
  background-color: #FFF;
  font-family: "Roboto", sans-serif;
}

.news-around-you h3 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  color: #2A2A2A;
}

.news-around-you a {
  height: 100%;
  display: flex;
  min-height: 34px;
  margin-top: 10px;
  padding: 7px;
  text-align: center;
  background-color: #F7F7F7;
  color: #2A2A2A;
  overflow: hidden;
  text-overflow: ellipsis;
}

.news-around-you a span {
  margin: auto;
}

.news-around-you a:hover {
  color: #2A2A2A;
  text-decoration: none;
  background-color: #eaeaea;
}

.news-around-you .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.news-around-you .row > [class*='col-'] {
  display: block;
  flex-direction: column;
}

@media (min-width: 768px) {
  .news-around-you .row > [class*='col-'] {
    display: flex;
  }
}

section.multimedia-block {
  margin-bottom: 20px;
  background-color: #105E8B;
  color: #FFF;
  text-align: center;
  overflow: hidden;
}

section.multimedia-block .media-container {
  text-align: center;
  position: relative;
}

section.multimedia-block .media-container img.editor-image {
  width: 100%;
  height: auto;
}

section.multimedia-block .media-container .media-container-gradient-top {
  position: absolute;
  top: 0;
  width: 100%;
  height: 50px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0) 100%);
}

section.multimedia-block .media-container .media-container-gradient-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 100%);
}

section.multimedia-block .panel-photo li {
  display: none;
}

section.multimedia-block .panel-photo li.current {
  display: block;
}

section.multimedia-block h3 {
  padding: 15px;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 0;
}

section.multimedia-block a {
  color: #FFF;
  text-decoration: none;
}

section.multimedia-block a:hover {
  color: #FFF;
  text-decoration: none;
}

section.multimedia-block .media-list {
  margin: 0 15px;
  padding-bottom: 1px;
}

section.multimedia-block .media-list li {
  margin-top: 15px;
  padding: 3px;
}

@media (min-width: 992px) {
  section.multimedia-block {
    text-align: left;
  }
}

section.multimedia-block.single-image h3 {
  padding: 10px 15px;
}

section.multimedia-block.single-image .media-container {
  margin-bottom: 2px;
}

section.multimedia-block.multiple-image {
  padding-bottom: 10px;
}

section.multimedia-block.multiple-image .panel-photo {
  margin-bottom: 3px;
}

section.multimedia-block.multiple-image .panel-thumbnails {
  margin-bottom: 3px;
}

section.multimedia-block.multiple-image .panel-thumbnails img {
  width: 100%;
  object-fit: cover;
}

section.multimedia-block.multiple-image .media-list {
  margin: 0 12px;
  padding-bottom: 1px;
}

section.multimedia-block.multiple-image .media-list li {
  margin-top: 10px;
  padding: 2px 8px 0;
}

@media (min-width: 768px) {
  section.multimedia-block.multiple-image .media-list li {
    margin-top: 0;
    padding: 2px 4px 2px 2px;
  }
}

@media (min-width: 992px) {
  section.multimedia-block.multiple-image {
    text-align: left;
    padding-bottom: 0;
  }
}

@media (max-width: 767.98px) {
  section.multimedia-block.multiple-image .panel-photo img {
    width: 100%;
    margin-left: -2px;
    margin-right: -2px;
  }
}

section.multimedia-block.multiple-video ol.vjs-playlist {
  background-color: #105E8B;
  color: #FFF;
}

section.multimedia-block.multiple-video ol.vjs-playlist .vjs-playlist-description {
  display: none !important;
}

section.multimedia-block.multiple-video ol.vjs-playlist .vjs-playlist-name {
  white-space: normal !important;
  height: 70px !important;
  line-height: 16px !important;
}

section.multimedia-block.multiple-video ol.vjs-playlist li {
  margin-bottom: 0 !important;
}

section.multimedia-block.multiple-video .media-list {
  text-align: center;
}

section.multimedia-block.multiple-video .media-list img {
  padding-top: 3px;
}

section.multimedia-block.multiple-video .media-list h3 {
  padding-top: 0;
  text-align: left;
}

@media (min-width: 768px) {
  section.multimedia-block.multiple-video .media-list h3 {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 992px) {
  section.multimedia-block.multiple-video .media-list h3 {
    text-align: left;
    padding-top: 0;
  }
}

section.multimedia-block.multiple-video .media-list li {
  margin: 0;
  padding: 0;
  margin-top: 15px;
}

section.multimedia-block.live-block {
  box-shadow: 0;
  position: relative;
}

section.multimedia-block.live-block .mb-more-link {
  padding: 15px;
  display: block;
}

section.multimedia-block.live-block .mb-live-label {
  padding: 15px 15px 0;
}

section.multimedia-block.live-block .mb-live-label i {
  margin-right: 10px;
}

section.multimedia-block.live-block .mb-live-label h4 {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

section.multimedia-block.live-block .mb-live-label .blink {
  -webkit-animation: blinker 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
  -moz-animation: blinker 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
  -o-animation: blinker 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
  animation: blinker 1.2s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}

@-webkit-keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-moz-keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@-o-keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

section.multimedia-block.live-block h3 {
  padding-top: 0;
}

section.multimedia-block.live-block .article-container {
  max-height: 400px;
  position: relative;
  overflow-y: scroll;
}

section.multimedia-block.live-block .article-container article {
  background-color: #FFF;
}

section.multimedia-block.live-block .article-container article a {
  color: #2A2A2A;
}

section.multimedia-block.live-block .article-container article p {
  margin: 0;
  padding: 15px;
  font-family: "Fira Sans", sans-serif;
}

section.multimedia-block.live-block .article-container article .time {
  display: block;
  padding: 5px 15px;
  font-family: "Roboto", sans-serif;
  background-color: #c06468;
  color: #FFF;
}

section.multimedia-block.live-block .article-container article h3 {
  margin-bottom: 0;
  padding: 15px;
  color: #2A2A2A;
}

/*doc
---
title: Admin Links
name: admin-links
category: Components
---
```html_example
<div class="admin-links" style="position: relative; height: 109px; width: 100px;">
    <ul class="admin-social-stats" data-article-id="%raw(id)">
    </ul>
    <ul class="admin-links-v2" style="margin-top: 0;">
        <li class="info" style="display: block;">
            <a class="admin-info" title="Info" href="/admin/article_information/?id=%raw(id)"><i class="m-icon-info"></i></a>
        </li>
        <li class="bump" style="display: block;">
            <a class="admin-bump inlineBump" title="Bump" class="inlineBump" data-id="%raw(id)" href=""><i class="m-icon-bullhorn"></i></a>
        </li>
        <li class="delete" style="display: block;">
            <a class="admin-delete inlineDelete" title="Delete" class="inlineDelete" data-id="%raw(id)" href=""><i class="m-icon-trash"></i></a>
        </li>
        <li style="display: block;">
            <a class="admin-edit" title="Edit" href="/admin/?article_id=%raw(id)"><i class="m-icon-pencil"></i></a>
        </li>
    </ul>
</div>
```
*/
.admin-config-link {
  text-align: center;
  margin-bottom: 0;
}

.admin-config-link a {
  margin: 0;
  float: right;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  opacity: 0.3;
  font-size: 14px;
  display: block;
  border: solid 1px rgba(255, 255, 255, 0.34);
  border-right: 0;
  background-color: #383838;
  color: #fff;
  padding: 0 5px;
}

.admin-config-link a:hover {
  background-color: #4e4e4e;
  opacity: 1;
  text-decoration: none;
}

.admin-config-link-v2 {
  background-color: #3188E5;
  color: #FFF;
  float: right;
  z-index: 2;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 24px;
  line-height: 40px;
  position: absolute;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
  top: -5px;
  right: -5px;
  transition: color 0.3s ease;
}

.admin-config-link-v2:focus, .admin-config-link-v2:hover {
  color: #363636;
}

.admin-config-link-v2.block-has-heading {
  top: -5px;
}

.admin-config-warning {
  position: relative;
}

.bowie-block .admin-config-link-v2,
.disaster-block .admin-config-link-v2,
.headline-over-pic-block .admin-config-link-v2,
.showcase-block .admin-config-link-v2,
.single-short-block .admin-config-link-v2 {
  top: -5px;
}

.admin-links-v2 {
  float: left;
  margin-top: -95px;
}

.admin-links-v2 li {
  display: none;
  padding-bottom: 6px;
}

.admin-links-v2 li a {
  background-color: #464646;
  text-align: center;
  width: 27px;
  display: block;
  border-radius: 5px;
  color: #FFF !important;
  border: solid 1px rgba(222, 222, 222, 0.43);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.admin-links-v2 li a:hover {
  color: #FFF;
}

.admin-links-v2 li:last-child a {
  background-color: #464646;
  text-align: center;
  width: 27px;
  display: block;
  border-radius: 5px;
  color: #FFF;
}

.admin-links-v2 li.delete a {
  background-color: #ea2e2e;
}

.admin-links-v2 li.bump a {
  background-color: #149655;
}

.admin-links-v2 li.info a {
  background-color: #3bc1d0;
}

/* Add classes here of all blocks, components that contain admin links to enable showing on hover */
.bowie-block:hover .admin-links-toggler,
.content-card:hover .admin-links-toggler,
.disaster-block:hover .admin-links-toggler,
.headline-over-pic-block:hover .admin-links-toggler,
.nq-article-card:hover .admin-links-toggler,
.showcase-block:hover .admin-links-toggler,
.single-short-block:hover .admin-links-toggler {
  cursor: pointer;
}

.bowie-block:hover .admin-links-v2 li,
.content-card:hover .admin-links-v2 li,
.disaster-block:hover .admin-links-v2 li,
.headline-over-pic-block:hover .admin-links-v2 li,
.nq-article-card:hover .admin-links-v2 li,
.showcase-block:hover .admin-links-v2 li,
.single-short-block:hover .admin-links-v2 li {
  display: block;
}

.bowie-block:hover article .admin-links-v2 li,
.content-card:hover article .admin-links-v2 li,
.disaster-block:hover article .admin-links-v2 li,
.headline-over-pic-block:hover article .admin-links-v2 li,
.nq-article-card:hover article .admin-links-v2 li,
.showcase-block:hover article .admin-links-v2 li,
.single-short-block:hover article .admin-links-v2 li {
  display: none;
}

.admin-links {
  margin: 0;
  position: absolute;
  bottom: 5px;
  right: 8px;
  border-radius: 5px;
  z-index: 3000002;
}

.admin-links:hover {
  opacity: 1;
}

.admin-links ul.admin-button-small {
  float: left;
  display: block;
}

.admin-links ul.admin-button-small li {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 0;
  margin-right: -4px;
}

.admin-links ul.admin-button-small li a {
  color: #fff;
  padding: 2px 6px;
  text-align: center;
  font-size: 14px;
  display: block;
  border: solid 1px rgba(255, 255, 255, 0.34);
  border-right: 0;
  background-color: #383838;
}

.admin-links ul.admin-button-small li a:hover {
  background-color: #4e4e4e;
}

.admin-links ul.admin-button-small li a.admin-edit {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.admin-links ul.admin-button-small li a.admin-delete {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: solid 1px rgba(255, 255, 255, 0.34);
  background-color: #ab2b07;
}

.admin-links ul.admin-button-small li a.admin-delete:hover {
  background-color: #c3350d;
}

.admin-links ul.admin-social-stats {
  display: flex;
}

.admin-links ul.admin-social-stats li {
  display: inline-flex;
}

.admin-links ul.admin-social-stats li .m-icon-facebook {
  margin-right: -5px;
}

.admin-links ul.admin-social-stats li .m-icon-eye {
  margin-right: -1px;
}

.admin-links .admin-links-container {
  position: absolute;
  min-width: 220px;
  bottom: 35px;
  right: 5px;
  background: #fff;
  min-height: 160px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 3px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);
  padding: 10px;
  display: none;
}

@media (max-width: 767.98px) {
  .admin-links .admin-links-container {
    bottom: 30px;
  }
}

.admin-links .admin-links-container .actions {
  float: left;
}

.admin-links .admin-links-container .actions a {
  color: #188AE2 !important;
  font-weight: bold;
}

.admin-links .admin-links-container .info {
  color: #6C757D;
  letter-spacing: 0;
  line-height: 13px;
  float: right;
}

.admin-links .admin-links-container .info .label {
  font-weight: bold;
}

.admin-links .admin-links-container li {
  padding-bottom: 6px;
}

@media (max-width: 991.98px) {
  .admin-links .admin-links-container .actions {
    float: none;
  }
  .admin-links .admin-links-container .info {
    float: none;
  }
}

.admin-links .admin-links-toggler {
  position: relative;
  right: 0;
  bottom: 0;
  background-color: #e5f7d3;
  border-radius: 5px;
  display: block;
  margin-right: 6px;
  padding: 3px 6px;
  height: 26px;
  font-size: 14px;
  margin-top: 1px;
}

.admin-header-container {
  padding-bottom: 25px;
}

.admin-header-container .admin-header {
  width: 100%;
  height: 30px;
  overflow: hidden;
  padding-left: 10px;
  border-radius: 5px;
  font-size: 14px;
  display: block;
  background-color: #3188E5;
  color: #fff;
  padding: 0 5px;
}

@media (max-width: 991.98px) {
  .admin-header-container .admin-header {
    height: auto;
  }
}

.admin-header-container .admin-header:hover {
  background-color: #3188E5;
  text-decoration: none;
}

.admin-header-container .admin-header ul {
  position: relative;
  float: left;
  z-index: auto;
  margin: 0;
}

.admin-header-container .admin-header ul li {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
  margin-left: -3px;
}

.admin-header-container .admin-header ul li.cog-container {
  padding: 0 9px 0 0;
}

.admin-header-container .admin-header ul li.cog-container i {
  font-size: 20px;
}

.admin-header-container .admin-header ul li a {
  color: #fff;
  font-weight: 500;
  opacity: 1;
  font-size: 12px;
}

.admin-header-container .admin-header ul li a:hover {
  text-decoration: none;
}

@media (max-width: 575.98px) {
  .admin-header-container .admin-header ul li a {
    font-size: 11px;
  }
}

.admin-header-container .admin-header ul li span.badge {
  position: relative;
  bottom: 5px;
  font-size: 8px;
  padding: 1px;
}

.admin-header-container .admin-header ul li:last-of-type > span {
  display: none;
}

.admin-header-container .admin-header ul .link-separator {
  padding: 0 7px;
}

.mini-banners {
  margin-bottom: 25px;
  text-align: center;
}

.mini-banners .dfp-ad {
  width: 300px;
  display: inline-block;
  margin: 5px;
}

.mini-banners .dfp-ad:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .mini-banners .dfp-ad:first-child {
    margin: 5px;
  }
}

.mini-banners .dfp-ad:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .mini-banners .dfp-ad:last-child {
    margin: 5px;
  }
}

/*doc
---
title: Cookie Warning
name: cookie-warning
category: Components
---
```html_example
<div id="pecr-cookie-warning" style="bottom: 0; position: relative;">
    <p>We use cookies to give you the best experience on our website and bring you more relevant advertising.</p>
    <a href="http://www.newsquest.co.uk/cookie-policy/">Learn more about cookies</a>
    <button id="acceptCookieWarning" class="button tiny">OK</button>
</div>
```
*/
@media screen and (min-width: 1024px) {
  #pecr-cookie-warning {
    max-width: 968px;
    margin-left: calc(50% - 484px);
    padding: 10px;
    /* border: 2px solid $nq-primary-colour; */
    border-bottom: none;
    border-radius: 5px;
    /* box-shadow: 0 0 10px 2px rgba(0,0,0,0.7); */
  }
}

@media screen and (max-width: 1023px) {
  #pecr-cookie-warning {
    padding: 10px 5px;
    border-top: solid 4px #D8232A;
  }
}

#pecr-cookie-warning {
  position: fixed;
  bottom: -300px;
  background-color: #CCCCCC;
  width: 100%;
  /* text-align: center; */
  font-family: 'Roboto', sans-serif;
  z-index: 3000010;
}

#pecr-cookie-warning p {
  color: #333333;
}

#pecr-cookie-warning a,
#pecr-cookie-warning button,
#pecr-cookie-warning p {
  font-family: 'Roboto', sans-serif;
  display: inline-block;
  margin: 0;
}

#pecr-cookie-warning a:first-of-type {
  margin: 0 0 10px;
}

#pecr-cookie-warning a {
  color: #D8232A;
  margin: 10px 10px 0;
  font-weight: 600;
}

#pecr-cookie-warning a:focus, #pecr-cookie-warning a:hover {
  color: #e14349;
}

#pecr-cookie-warning button {
  background-color: #D8232A;
  border: 0;
  color: #FFF;
  font-weight: 500;
  cursor: pointer;
  float: right;
}

#pecr-cookie-warning button:focus, #pecr-cookie-warning button:hover {
  background-color: #e14349;
}

@media (min-width: 992px) {
  #pecr-cookie-warning a {
    margin-top: 0;
  }
}

/*doc
---
title: Breaking News
name: breaking-news
category: Components
---
```html_example
<div id="breakingNewsBanner" data-headline="breaking news article test" data-url="/news/15485793.breaking-news-article-test/?ref=nab" data-id="15485793" style="display: block; position: static; height: 100px; margin: 0;">
    <a href="#" class="close"><i class="m-icon-cancel-1" aria-hidden="true"></i></a>
    <a href="/news/15485793.breaking-news-article-test/?ref=nab"><div class="nq-article-card-label-standalone nq-article-inline-card-label breaking-label"><h4>Breaking</h4></div><article><h2>Man eats dog</h2></article></a>
</div>
```
*/
#breakingNewsBanner {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 170px auto 0;
  background: #333333;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
  z-index: 3000004;
}

#breakingNewsBanner a:focus, #breakingNewsBanner a:hover {
  text-decoration: none;
}

#breakingNewsBanner .breaking-label,
#breakingNewsBanner article {
  margin-left: 15px;
}

#breakingNewsBanner .breaking-label h2,
#breakingNewsBanner article h2 {
  color: #FFF;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 10px;
}

#breakingNewsBanner .close {
  opacity: 1;
  text-shadow: none;
}

#breakingNewsBanner .close i {
  color: #FFF;
  margin-top: 10px;
  margin-right: 10px;
  display: block;
  font-size: 14px;
}

#adblockThankyou {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding: 30px 10px;
  text-align: center;
  color: #FFF;
  font-family: "Fira Sans", sans-serif;
  z-index: 3000009;
  background: #96181d;
  background: rgba(150, 24, 29, 0.95);
  display: none;
}

#adblockThankyou h3 {
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
}

#__nq__hh {
  width: 100%;
  position: fixed;
  bottom: 0;
  padding-bottom: 42px;
  text-align: center;
  color: #FFF;
  z-index: 3000009;
  background: #96181d;
  background: rgba(150, 24, 29, 0.95);
}

#__nq__hh p {
  padding: 10px 10px 0;
  margin-bottom: 8px;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#__nq__hh p a {
  color: #FFF;
  text-decoration: underline;
}

#__nq__hh #line1 {
  padding-top: 20px;
  font-size: 31px;
  font-weight: 700;
  line-height: 41px;
}

#__nq__hh #line2 {
  font-size: 20px;
  line-height: 26px;
}

.hidden {
  display: none;
}

.globalWarning {
  display: none !important;
  visibility: hidden !important;
  line-height: 1em;
  direction: rtl;
  position: fixed;
  top: 0;
  left: -175px;
  background-color: #D8232A;
  color: #FFF;
  width: 10%;
  min-width: 200px;
  padding: 10px;
  height: 100%;
  overflow-y: auto;
  border-right: solid 3px #FFF;
  box-shadow: 3px -1px 2px 0 rgba(0, 0, 0, 0.15);
  transition: all 0.5s ease;
  padding-right: 25px;
  text-align: center;
}

.globalWarning p,
.globalWarning ul {
  direction: ltr;
  text-align: left;
}

.globalWarning ul > li a {
  color: #FFF;
  display: block;
  width: 100%;
  padding: 3px 6px;
  font-size: 14px;
  font-weight: 500;
}

.globalWarning ul > li a:focus, .globalWarning ul > li a:hover {
  color: #D8232A;
  text-decoration: none;
  background-color: #FFF;
}

.globalWarning:after {
  font-family: "fontello";
  content: '\e819';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 29px;
  right: 8px;
  font-size: 20px;
  font-weight: 800;
}

.globalWarning:hover {
  left: 0;
}

.faux-link {
  z-index: 1;
}

.element-over-faux-link {
  z-index: 2;
}

.ugc-fixed {
  position: fixed;
  left: 0;
  right: 0;
}

.ugc-blur {
  filter: blur(10px);
  -webkit-filter: blur(10px);
}

.i-dont-have-image-link {
  color: #D8232A;
  cursor: pointer;
  text-decoration: none;
  text-align: left;
  margin-top: 5px;
  font-size: 16px;
}

.ugc-upload-button {
  cursor: pointer;
}

.contribution-card {
  margin-bottom: 20px;
}

.contribution-card h1 {
  padding: 10px;
  font-weight: 600;
  color: #000;
  font-size: 14pt;
}

.contribution-card .contribution-image {
  text-align: center;
}

.contribution-card .contribution-image img {
  max-width: 100%;
  border: 0;
}

.contribution-card .contribution-image i {
  color: #e14349;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.contribution-card .contribution-info {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  padding-bottom: 5px;
  clear: both;
}

.contribution-card .contribution-info .contribution-by {
  font-size: 12pt;
  padding-top: 10px;
}

.contribution-card .contribution-info .contribution-by span {
  font-weight: 600;
}

.contribution-card .contribution-info .contribution-caption {
  font-size: 12pt;
  font-style: italic;
  padding-top: 10px;
}

.contribution-card .contribution-text {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12pt;
  font-style: italic;
}

.contribution-card.ugc-2 .contribution-image:nth-of-type(2) {
  margin-top: 5px;
}

/* TODO: Sandeeps code above needs to removed from global scope. (e.g. within the #user-contributions-overlay ID)*/
#user-contributions-overlay {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.68);
  display: none;
  overflow-y: scroll;
  z-index: 3000012;
  font-family: "Fira Sans", sans-serif;
}

#user-contributions-overlay input {
  border: 0;
}

#user-contributions-overlay p {
  font-family: "Fira Sans", sans-serif;
}

#user-contributions-overlay .container {
  background-color: transparent;
}

#user-contributions-overlay h2.contribution-message {
  font-size: 34px;
  font-weight: 500;
}

#user-contributions-overlay p.contribution-message {
  font-size: 20px;
}

#user-contributions-overlay .close-overlay,
#user-contributions-overlay .reset-overlay {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  position: fixed;
  top: 0;
  margin: 15px;
  cursor: pointer;
}

#user-contributions-overlay .close-overlay i,
#user-contributions-overlay .reset-overlay i {
  color: #e14349;
}

#user-contributions-overlay .close-overlay {
  right: 10px;
}

#user-contributions-overlay .reset-overlay {
  left: 0;
}

#user-contributions-overlay > .container {
  max-width: 800px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 500px;
  margin: auto;
}

#user-contributions-overlay > .container h2 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
}

#user-contributions-overlay > .container h2 .light-heading {
  font-weight: 500;
}

#user-contributions-overlay .switch-contribution-mode {
  float: right;
  color: #000;
  margin-top: 10px;
  text-decoration: underline;
  cursor: pointer;
}

#user-contributions-overlay .switch-contribution-mode:hover {
  text-decoration: none;
}

#user-contributions-overlay.ugc-fix-to-top > .container {
  position: initial;
  margin-top: 60px;
  margin-bottom: 20px;
}

#user-contributions-overlay.ugc-fix-to-top > .close-overlay,
#user-contributions-overlay.ugc-fix-to-top > .reset-overlay {
  position: absolute;
}

#user-contributions-overlay input,
#user-contributions-overlay textarea {
  border-radius: 2px;
  border: solid 1px #909090;
}

#user-contributions-overlay .custom-control-indicator {
  border-radius: 1px;
  border: solid 1px #909090;
}

.modal-open #user-contributions-overlay .modal {
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  bottom: 0;
  margin: auto;
}

/* Text contributions template */
#user-contributions-overlay .ugc-text-contribution-container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#user-contributions-overlay .ugc-text-contribution-container textarea {
  width: 100%;
  height: 200px;
  margin-top: 20px;
  padding: 5px;
}

#user-contributions-overlay .ugc-text-contribution-container .row {
  margin-bottom: 10px;
}

#user-contributions-overlay .ugc-text-contribution-container label {
  color: #000;
  margin-top: 5px;
}

#user-contributions-overlay .ugc-text-contribution-container input {
  width: 100%;
  padding: 3px 3px 3px 5px;
}

#user-contributions-overlay .ugc-text-contribution-container input[type="checkbox"] {
  float: left;
  width: auto;
  margin-right: 10px;
}

#user-contributions-overlay .ugc-text-contribution-container p {
  color: #000;
  font-family: "Fira Sans", sans-serif;
}

#user-contributions-overlay .ugc-text-contribution-container button {
  color: #FFF;
  background-color: #dc2930;
  font-weight: 700;
  border-radius: 0;
  border: none;
  margin-top: 10px;
  width: 100%;
  box-shadow: none;
  margin-bottom: 30px;
  padding: 5px 20px;
  cursor: pointer;
}

#user-contributions-overlay .ugc-text-contribution-container .dont-credit-container {
  padding-top: 4px;
}

/* Register & Login template */
#user-contributions-overlay .ugc-login-container,
#user-contributions-overlay .ugc-register-container {
  margin-top: 20px;
  /* Main content */
  /* Sidebar */
}

#user-contributions-overlay .ugc-login-container label,
#user-contributions-overlay .ugc-register-container label {
  font-weight: 700;
}

#user-contributions-overlay .ugc-login-container input,
#user-contributions-overlay .ugc-register-container input {
  border: solid 1px #909090;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}

#user-contributions-overlay .ugc-login-container button.login-user,
#user-contributions-overlay .ugc-login-container button.register-user,
#user-contributions-overlay .ugc-register-container button.login-user,
#user-contributions-overlay .ugc-register-container button.register-user {
  margin-top: 45px;
  margin-bottom: 10px;
  padding: 5px 10px;
  float: right;
  border-radius: 0;
  border: 0;
  color: #ffffff;
  background-color: #D8232A;
  cursor: pointer;
}

#user-contributions-overlay .ugc-login-container button.login-user:hover,
#user-contributions-overlay .ugc-login-container button.register-user:hover,
#user-contributions-overlay .ugc-register-container button.login-user:hover,
#user-contributions-overlay .ugc-register-container button.register-user:hover {
  color: #b51d23;
}

#user-contributions-overlay .ugc-login-container p,
#user-contributions-overlay .ugc-register-container p {
  margin-bottom: 10px;
  line-height: 18px;
}

#user-contributions-overlay .ugc-login-container .ugc-login-form,
#user-contributions-overlay .ugc-register-container .ugc-login-form {
  margin-top: 20px;
}

#user-contributions-overlay .ugc-login-container .inline-radio-group label,
#user-contributions-overlay .ugc-register-container .inline-radio-group label {
  margin-right: 10px;
  display: inline-block;
}

#user-contributions-overlay .ugc-login-container .inline-radio-group input,
#user-contributions-overlay .ugc-register-container .inline-radio-group input {
  width: auto;
  margin-top: 4px;
  float: left;
}

#user-contributions-overlay .ugc-login-container .large-checkbox-container,
#user-contributions-overlay .ugc-register-container .large-checkbox-container {
  position: relative;
  padding-left: 33px;
  padding-right: 30px;
  display: block;
  margin-top: 19px;
  font-size: 12px;
}

#user-contributions-overlay .ugc-login-container .large-checkbox-container input,
#user-contributions-overlay .ugc-register-container .large-checkbox-container input {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
}

#user-contributions-overlay .ugc-login-container > .col-md-8,
#user-contributions-overlay .ugc-register-container > .col-md-8 {
  background-color: #fff;
  padding: 0 15px;
}

#user-contributions-overlay .ugc-login-container > .col-md-8 h3,
#user-contributions-overlay .ugc-register-container > .col-md-8 h3 {
  font-weight: 700;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#user-contributions-overlay .ugc-login-container > .col-md-8 .login-link,
#user-contributions-overlay .ugc-register-container > .col-md-8 .login-link {
  text-decoration: underline;
  color: #D8232A;
  cursor: pointer;
}

#user-contributions-overlay .ugc-login-container > .col-md-8 .login-link:hover,
#user-contributions-overlay .ugc-register-container > .col-md-8 .login-link:hover {
  color: #b51d23;
}

#user-contributions-overlay .ugc-login-container > .col-md-4,
#user-contributions-overlay .ugc-register-container > .col-md-4 {
  color: #fff;
  background-color: #D8232A;
  padding: 0 15px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 h3,
#user-contributions-overlay .ugc-register-container > .col-md-4 h3 {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 ul,
#user-contributions-overlay .ugc-register-container > .col-md-4 ul {
  margin-top: 25px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 ul li,
#user-contributions-overlay .ugc-register-container > .col-md-4 ul li {
  padding-left: 39px;
  position: relative;
  margin-bottom: 20px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 ul li i,
#user-contributions-overlay .ugc-register-container > .col-md-4 ul li i {
  font-size: 25px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 35px;
  height: 35px;
}

#user-contributions-overlay .ugc-login-container > .col-md-4 a,
#user-contributions-overlay .ugc-register-container > .col-md-4 a {
  color: #fff;
  text-align: left;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
  margin-top: 40px;
}

#user-contributions-overlay .ugc-login-container select,
#user-contributions-overlay .ugc-register-container select {
  width: 100%;
  background-color: #fff;
  border: solid 1px #c1c1c1;
  padding: 5px;
}

#user-contributions-overlay .ugc-login-container .close-overlay-trigger,
#user-contributions-overlay .ugc-register-container .close-overlay-trigger {
  cursor: pointer;
}

#user-contributions-overlay .ugc-login-container .close-overlay-trigger:hover,
#user-contributions-overlay .ugc-register-container .close-overlay-trigger:hover {
  text-decoration: underline;
}

#user-contributions-overlay .ugc-loggedin-container {
  margin-top: 20px;
}

#user-contributions-overlay .ugc-loggedin-container button {
  border-radius: 0;
  border: 0;
  background-color: #D8232A;
  color: #FFF;
  padding: 5px 20px;
  cursor: pointer;
}

#user-contributions-overlay[data-stage="LoginSuccess"] .container {
  text-align: center;
}

#user-contributions-overlay .loading-overlay,
#user-contributions-overlay .loading-overlay:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

#user-contributions-overlay .loading-overlay {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 5px;
  position: fixed;
  text-indent: -9999em;
  border-top: 1.1em solid #a20808;
  border-right: 1.1em solid #a20808;
  border-bottom: 1.1em solid #a20808;
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  background-color: #fb7676;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 768px) {
  .contribution-card.ugc-3 .contribution-image:nth-of-type(2) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-3 .contribution-image:nth-of-type(3) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(1) {
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(2) {
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(3) {
    clear: both;
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(4) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
}

a.contribution-top-cta {
  background-color: #D8232A;
  color: #ffffff;
  padding: 2px 6px;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
}

a.contribution-top-cta:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #b51d23;
}

a.contribution-top-cta:visited {
  color: #ffffff;
}

#ugcCta {
  clear: both;
  width: 100%;
  margin-top: 10px;
}

#ugcCta .left {
  width: 100%;
}

#ugcCta .left h2 {
  font-size: 18pt;
  font-weight: 600;
  line-height: 32px;
}

#ugcCta .left p {
  padding-top: 10px;
  font-size: 12pt;
  padding-right: 5px;
}

#ugcCta .right {
  width: 100%;
}

#ugcCta .right img {
  max-width: 100%;
}

#ugcCta a.cta {
  background-color: #D8232A;
  display: block;
  margin-top: 10px;
  text-align: center;
  padding: 8px;
  color: #ffffff;
  font-size: 12pt;
}

#ugcCta a.cta:hover {
  background-color: #b51d23;
}

#ugcCta a.cta-disabled {
  color: #3f3f3f;
  background-color: #e3e3eb;
  cursor: not-allowed;
}

#ugcCta a.cta-disabled:hover {
  color: #e3e3eb;
}

#user-contributions-overlay .ugc-upload-container.ugc-error {
  border: 2px #BB0000 dashed;
  box-shadow: 0;
}

#user-contributions-overlay .ugc-upload-container.ugc-error .key-message i {
  color: #BB0000;
}

#user-contributions-overlay .ugc-upload-container.ugc-error h3 {
  font-weight: 600;
  font-size: 14pt;
}

#user-contributions-overlay .ugc-upload-container.ugc-success {
  border: 2px #0CBB00 dashed;
  box-shadow: 0;
}

#user-contributions-overlay .ugc-upload-container.ugc-success .key-message i {
  color: #0CBB00;
}

#user-contributions-overlay .ugc-upload-container {
  width: 100%;
  height: 300px;
  position: relative;
  border: 2px #000000 dashed;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0;
  margin-top: 20px;
}

#user-contributions-overlay .ugc-upload-container:hover {
  background-color: #FFF;
}

#user-contributions-overlay .ugc-upload-container input.ugc-upload-file {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

#user-contributions-overlay .ugc-upload-container .key-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  height: 65px;
}

#user-contributions-overlay .ugc-upload-container .key-message i {
  font-size: 45px;
  color: #e14349;
}

#user-contributions-overlay .ugc-upload-container .key-message .key-message-text {
  font-size: 20px;
}

#user-contributions-overlay .ugc-upload-container-small {
  max-height: 165px;
}

#user-contributions-overlay[data-stage="UploadContribution"] textarea {
  height: 190px;
  padding: 10px;
  font-size: 16px;
}

#user-contributions-overlay[data-stage="UploadContribution"] input[type="text"] {
  padding: 5px 5px 5px 10px;
  font-size: 16px;
  border: solid 1px #909090;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list {
  margin-top: 20px;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6 {
  margin-bottom: 10px;
  text-align: center;
  height: 200px;
  position: relative;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6 img {
  width: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  height: auto;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6 input.ugc-upload-file {
  left: 0;
  top: 0;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6.has-image .ugc-hover-delete-image {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list .col-md-6.has-image .ugc-hover-delete-image i {
  color: #fff;
  font-size: 41px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 50px;
  width: 100%;
  text-align: center;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list.no-images .col-md-6 {
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list.no-images .col-md-6 .ugc-upload-container {
  max-height: 400px;
}

#user-contributions-overlay[data-stage="UploadContribution"] .row.ugc-multiple-image-list.no-transitions .col-md-6 {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

#user-contributions-overlay[data-stage="UploadContribution"] .image-upload-temporary-image {
  display: none !important;
}

@media screen and (min-width: 768px) {
  #ugcCta .left {
    width: 50%;
    float: left;
  }
  #ugcCta .right {
    width: 50%;
    float: right;
  }
}

@media screen and (max-width: 992px) {
  .ugc-text-contribution-container input[type="text"] {
    margin-bottom: 5px;
  }
}

.i-dont-have-image-link {
  color: #FFF;
}

#user-contributions-overlay {
  background: rgba(0, 0, 0, 0.68);
}

#user-contributions-overlay .close-overlay,
#user-contributions-overlay .reset-overlay {
  color: #FFF;
}

#user-contributions-overlay .close-overlay i,
#user-contributions-overlay .reset-overlay i {
  color: #FFF;
}

#user-contributions-overlay > .container h2 {
  color: #FFF;
}

#user-contributions-overlay .ugc-text-contribution-container label,
#user-contributions-overlay .ugc-text-contribution-container p {
  color: #FFF;
}

#user-contributions-overlay .ugc-text-contribution-container label a,
#user-contributions-overlay .ugc-text-contribution-container p a {
  color: #FFF;
  text-decoration: underline;
}

#ugcCollectionDisplay p.ugcCollectionDescription {
  font-weight: bold;
}

#ugcContributionDisplay {
  margin-bottom: 20px;
}

#ugcContributionDisplay .ugcContributionAuthor {
  font-weight: 600;
  line-height: 35px;
  margin-top: 5px;
}

#ugcContributionDisplay p.ugcContributionCaption {
  font-size: 15px;
}

#ugcContributionDisplay .ugc-contribution-media {
  margin-bottom: 25px;
}

#ugcContributionDisplay p.ugcContributionText {
  font-style: italic;
  border-left: solid 2px #D8232A;
  padding-left: 10px;
  margin-bottom: 0;
}

#ugcContributionDisplay .ugcContributionSocialFb {
  color: #fff;
  background-color: #3B5998;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  border: 0;
  margin-right: 10px;
  font-size: 16px;
  cursor: pointer;
  padding: 0;
  margin-top: -7px;
  float: left;
  text-align: center;
  padding-top: 6px;
}

#ugcContributionDisplay .ugcContributionSocialTwitter {
  color: #fff;
  background-color: #1DA1F2;
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  border: 0;
  font-size: 16px;
  cursor: pointer;
  padding: 0;
  margin-top: -7px;
  float: left;
  text-align: center;
  padding-top: 6px;
}

#ugcContributionDisplay .ugcContributionImageContainer {
  text-align: center;
}

#user-contributions-overlay-single-step {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #F2F2F2;
  display: none;
  overflow-y: scroll;
  z-index: 3000012;
  font-family: "Fira Sans", sans-serif;
}

#user-contributions-overlay-single-step .require-field {
  color: #c10000;
}

#user-contributions-overlay-single-step input {
  border: 0;
}

#user-contributions-overlay-single-step p {
  font-family: "Fira Sans", sans-serif;
}

#user-contributions-overlay-single-step .container {
  background-color: transparent;
}

#user-contributions-overlay-single-step h2.contribution-message {
  font-size: 34px;
  font-weight: 500;
}

#user-contributions-overlay-single-step p.contribution-message {
  font-size: 20px;
}

#user-contributions-overlay-single-step .ugc-nav-header {
  position: relative;
  height: 40px;
}

#user-contributions-overlay-single-step .ugc-nav-header .close-overlay,
#user-contributions-overlay-single-step .ugc-nav-header .reset-overlay {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  position: absolute;
  top: 0;
  cursor: pointer;
}

#user-contributions-overlay-single-step .ugc-nav-header .close-overlay i,
#user-contributions-overlay-single-step .ugc-nav-header .reset-overlay i {
  color: #e14349;
}

#user-contributions-overlay-single-step .ugc-nav-header .close-overlay {
  right: 10px;
}

#user-contributions-overlay-single-step .ugc-nav-header .reset-overlay {
  left: 0;
}

#user-contributions-overlay-single-step .ugc-content {
  padding: 20px 5%;
}

#user-contributions-overlay-single-step .ugc-content p.intro {
  font-size: 18px;
  font-weight: 600;
}

#user-contributions-overlay-single-step > .container {
  box-shadow: 0;
  background-color: #FFF;
  padding: 20px;
  max-width: 90%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 500px;
  margin: auto;
}

#user-contributions-overlay-single-step > .container h2 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
}

#user-contributions-overlay-single-step > .container h2 .light-heading {
  font-weight: 500;
}

#user-contributions-overlay-single-step .switch-contribution-mode {
  float: right;
  color: #000;
  margin-top: 10px;
  text-decoration: underline;
  cursor: pointer;
}

#user-contributions-overlay-single-step .switch-contribution-mode:hover {
  text-decoration: none;
}

#user-contributions-overlay-single-step.ugc-fix-to-top > .container {
  position: initial;
  margin-top: 60px;
  margin-bottom: 20px;
}

#user-contributions-overlay-single-step.ugc-fix-to-top > .close-overlay,
#user-contributions-overlay-single-step.ugc-fix-to-top > .reset-overlay {
  position: absolute;
}

#user-contributions-overlay-single-step input,
#user-contributions-overlay-single-step textarea {
  border-radius: 2px;
  border: solid 1px #909090;
}

#user-contributions-overlay-single-step .custom-control-indicator {
  border-radius: 1px;
  border: solid 1px #909090;
}

@media (max-width: 991.98px) {
  #user-contributions-overlay-single-step .name-row .form-group {
    margin-bottom: 0;
  }
  #user-contributions-overlay-single-step .name-row #contrib_lastname {
    margin-bottom: 20px;
  }
}

@media (max-width: 767.98px) {
  #user-contributions-overlay-single-step .invisible {
    display: none;
  }
}

.modal-open #user-contributions-overlay-single-step .modal {
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  bottom: 0;
  margin: auto;
}

/* Text contributions template */
#user-contributions-overlay-single-step .ugc-text-contribution-container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container textarea {
  width: 100%;
  height: 200px;
  padding: 5px;
  margin-bottom: 10px;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container label {
  color: #000;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container input {
  width: 100%;
  padding: 3px 3px 3px 5px;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container input[type="checkbox"] {
  float: left;
  width: auto;
  margin-right: 10px;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container input[name="title"] {
  margin-bottom: 10px;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container p {
  color: #000;
  font-family: "Fira Sans", sans-serif;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container button {
  color: #FFF;
  background-color: #dc2930;
  font-weight: 700;
  border-radius: 0;
  border: none;
  margin-top: 10px;
  width: 100%;
  box-shadow: none;
  margin-bottom: 30px;
  padding: 10px 20px;
  cursor: pointer;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container button.disabled {
  opacity: 0.65;
}

#user-contributions-overlay-single-step .ugc-text-contribution-container .dont-credit-container {
  padding-top: 4px;
  font-weight: 600;
}

/* Register & Login template */
#user-contributions-overlay-single-step .ugc-login-container,
#user-contributions-overlay-single-step .ugc-register-container {
  margin-top: 20px;
  /* Main content */
  /* Sidebar */
}

#user-contributions-overlay-single-step .ugc-login-container .inline-radio-group,
#user-contributions-overlay-single-step .ugc-register-container .inline-radio-group {
  margin-top: 35px;
}

#user-contributions-overlay-single-step .ugc-login-container .inline-radio-group input,
#user-contributions-overlay-single-step .ugc-register-container .inline-radio-group input {
  margin-top: 6px;
  margin-right: 5px;
}

#user-contributions-overlay-single-step .ugc-login-container label,
#user-contributions-overlay-single-step .ugc-register-container label {
  font-weight: 400;
}

#user-contributions-overlay-single-step .ugc-login-container input,
#user-contributions-overlay-single-step .ugc-register-container input {
  border: solid 1px #909090;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
}

#user-contributions-overlay-single-step .ugc-login-container button.login-user,
#user-contributions-overlay-single-step .ugc-login-container button.register-user,
#user-contributions-overlay-single-step .ugc-register-container button.login-user,
#user-contributions-overlay-single-step .ugc-register-container button.register-user {
  margin-top: 45px;
  margin-bottom: 10px;
  padding: 5px 10px;
  float: right;
  border-radius: 0;
  border: 0;
  color: #ffffff;
  background-color: #D8232A;
  cursor: pointer;
}

#user-contributions-overlay-single-step .ugc-login-container button.login-user:focus, #user-contributions-overlay-single-step .ugc-login-container button.login-user:hover,
#user-contributions-overlay-single-step .ugc-login-container button.register-user:focus,
#user-contributions-overlay-single-step .ugc-login-container button.register-user:hover,
#user-contributions-overlay-single-step .ugc-register-container button.login-user:focus,
#user-contributions-overlay-single-step .ugc-register-container button.login-user:hover,
#user-contributions-overlay-single-step .ugc-register-container button.register-user:focus,
#user-contributions-overlay-single-step .ugc-register-container button.register-user:hover {
  background-color: #b51d23;
  color: #FFF;
}

#user-contributions-overlay-single-step .ugc-login-container p,
#user-contributions-overlay-single-step .ugc-register-container p {
  margin-bottom: 10px;
  line-height: 18px;
}

#user-contributions-overlay-single-step .ugc-login-container .ugc-login-form,
#user-contributions-overlay-single-step .ugc-register-container .ugc-login-form {
  margin-top: 20px;
}

#user-contributions-overlay-single-step .ugc-login-container .inline-radio-group label,
#user-contributions-overlay-single-step .ugc-register-container .inline-radio-group label {
  margin-right: 10px;
  display: inline-block;
}

#user-contributions-overlay-single-step .ugc-login-container .inline-radio-group input,
#user-contributions-overlay-single-step .ugc-register-container .inline-radio-group input {
  width: auto;
  margin-top: 4px;
  float: left;
}

#user-contributions-overlay-single-step .ugc-login-container .large-checkbox-container,
#user-contributions-overlay-single-step .ugc-register-container .large-checkbox-container {
  position: relative;
  padding-left: 33px;
  padding-right: 30px;
  display: block;
  margin-top: 19px;
  font-size: 12px;
}

#user-contributions-overlay-single-step .ugc-login-container .large-checkbox-container input,
#user-contributions-overlay-single-step .ugc-register-container .large-checkbox-container input {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 20px;
  margin: auto;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-8,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-8 {
  background-color: #fff;
  padding: 0 15px;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-8 h3,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-8 h3 {
  font-weight: 700;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-8 .login-link,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-8 .login-link {
  text-decoration: underline;
  color: #D8232A;
  cursor: pointer;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-8 .login-link:hover,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-8 .login-link:hover {
  color: #b51d23;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-4,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-4 {
  color: #fff;
  background-color: #D8232A;
  padding: 20px 30px;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-4 h3,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-4 h3 {
  color: #fff;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 22px;
  line-height: 33px;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-4 ul,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-4 ul {
  margin-top: 25px;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-4 ul li,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-4 ul li {
  padding-left: 39px;
  position: relative;
  margin-bottom: 20px;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-4 ul li i,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-4 ul li i {
  font-size: 25px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 35px;
  height: 35px;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-4 a,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-4 a {
  color: #fff;
  text-align: left;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
  margin-top: 40px;
  text-align: center;
  padding: 10px;
  font-weight: 600;
  border: solid 1px #FFF;
  font-family: "Roboto", sans-serif;
}

#user-contributions-overlay-single-step .ugc-login-container > .col-md-4 a:focus, #user-contributions-overlay-single-step .ugc-login-container > .col-md-4 a:hover,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-4 a:focus,
#user-contributions-overlay-single-step .ugc-register-container > .col-md-4 a:hover {
  text-decoration: none;
}

#user-contributions-overlay-single-step .ugc-login-container select,
#user-contributions-overlay-single-step .ugc-register-container select {
  width: 100%;
  background-color: #fff;
  border: solid 1px #c1c1c1;
  padding: 5px;
}

#user-contributions-overlay-single-step .ugc-login-container .close-overlay-trigger,
#user-contributions-overlay-single-step .ugc-register-container .close-overlay-trigger {
  cursor: pointer;
}

#user-contributions-overlay-single-step .ugc-login-container .close-overlay-trigger:hover,
#user-contributions-overlay-single-step .ugc-register-container .close-overlay-trigger:hover {
  text-decoration: underline;
}

#user-contributions-overlay-single-step .ugc-loggedin-container {
  margin-top: 20px;
}

#user-contributions-overlay-single-step .ugc-loggedin-container button {
  border-radius: 0;
  border: 0;
  background-color: #D8232A;
  color: #FFF;
  padding: 5px 20px;
  cursor: pointer;
}

#user-contributions-overlay-single-step[data-stage="LoginSuccess"] .container {
  text-align: center;
}

#user-contributions-overlay-single-step .loading-overlay,
#user-contributions-overlay-single-step .loading-overlay:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

#user-contributions-overlay-single-step .loading-overlay {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  font-size: 5px;
  position: fixed;
  text-indent: -9999em;
  border-top: 1.1em solid #a20808;
  border-right: 1.1em solid #a20808;
  border-bottom: 1.1em solid #a20808;
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  background-color: #fb7676;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media screen and (min-width: 768px) {
  .contribution-card.ugc-3 .contribution-image:nth-of-type(2) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-3 .contribution-image:nth-of-type(3) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(1) {
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(2) {
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(3) {
    clear: both;
    margin-top: 10px;
    float: left;
    width: 49%;
  }
  .contribution-card.ugc-4 .contribution-image:nth-of-type(4) {
    margin-top: 10px;
    float: left;
    width: 49%;
  }
}

a.contribution-top-cta {
  background-color: #D8232A;
  color: #ffffff;
  padding: 2px 6px;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 10px;
}

a.contribution-top-cta:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #b51d23;
}

a.contribution-top-cta:visited {
  color: #ffffff;
}

#assignment-add-response .close-cta span {
  color: #D8232A;
}

#assignment-add-response .modal-body {
  min-height: 200px;
}

#assignment-add-response .modal-body .mandatory-question {
  color: #F34942;
}

#assignment-add-response a {
  color: #D8232A;
}

#assignment-add-response button#send-assignment-response {
  background-color: #D8232A;
  color: #fff;
}

.modal-header .close-cta {
  font-size: 2.0rem;
  opacity: 1;
}

.modal-header .close-cta h5 {
  font-weight: bold;
}

#successfully-added-response .btn {
  background-color: #D8232A;
  color: #fff;
}

#ugcCta {
  clear: both;
  width: 100%;
  padding: 15px 20px 15px 15px;
  background-color: #EAEAEA;
  border-top: 3px solid #D8232A;
  margin-bottom: 15px;
}

#ugcCta .main-section {
  width: 100%;
}

#ugcCta .main-section h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

#ugcCta .main-section p {
  font-size: 15px;
  line-height: 20px;
}

#ugcCta a.cta {
  display: block;
  height: 36px;
  width: 228px;
  background-color: #D8232A;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  line-height: 21px;
  margin: 15px 0;
  color: #ffffff;
}

#ugcCta a.cta:hover {
  background-color: #b51d23;
}

#ugcCta a.cta-disabled {
  color: #3f3f3f;
  background-color: #e3e3eb;
  cursor: not-allowed;
  width: 100%;
}

#ugcCta a.cta-disabled:hover {
  color: #e3e3eb;
}

#ugcCta small {
  display: block;
  font-size: 12px;
  line-height: 17px;
}

#ugcCta small a {
  color: #D8232A;
}

#user-contributions-overlay-single-step .ugc-upload-container.ugc-error {
  border: 2px #BB0000 dashed;
  box-shadow: 0;
}

#user-contributions-overlay-single-step .ugc-upload-container.ugc-error .key-message i {
  color: #BB0000;
}

#user-contributions-overlay-single-step .ugc-upload-container.ugc-error h3 {
  font-weight: 600;
  font-size: 14pt;
}

#user-contributions-overlay-single-step .ugc-upload-container.ugc-success {
  border: 2px #0CBB00 dashed;
  box-shadow: 0;
}

#user-contributions-overlay-single-step .ugc-upload-container.ugc-success .key-message i {
  color: #0CBB00;
}

#user-contributions-overlay-single-step .ugc-image-list-container {
  height: 125px;
}

@media (max-width: 991.98px) {
  #user-contributions-overlay-single-step .ugc-image-list-container {
    height: 355px;
  }
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button {
  width: 20%;
  height: 100px;
  position: relative;
  border: 3px #D8232A solid;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  float: left;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button:hover {
  background-color: #D8232A;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button:hover .key-message i,
#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button:hover .key-message p {
  color: #FFF;
}

@media (max-width: 991.98px) {
  #user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button {
    width: 100%;
    margin-bottom: 10px;
  }
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button input.ugc-upload-file {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button .key-message {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  height: 77px;
  color: #D8232A;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button .key-message i {
  font-size: 36px;
  color: #D8232A;
  line-height: 42px;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button .key-message .key-message-text {
  font-size: 20px;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button .key-message p {
  color: #D8232A;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 14px;
  line-height: 17px;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button .key-message p span {
  display: block;
  text-decoration: underline;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled {
  border-color: #a2a2a2;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled i {
  color: #a2a2a2;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled p {
  color: #a2a2a2;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled:focus, #user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled:hover {
  background-color: #FFF;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled:focus i, #user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled:hover i {
  color: #a2a2a2;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled:focus p, #user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled:hover p {
  color: #a2a2a2;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-upload-button.upload-button-disabled input {
  visibility: hidden;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list {
  width: 80%;
  float: left;
}

@media (max-width: 991.98px) {
  #user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list {
    width: 100%;
    margin-bottom: 20px;
  }
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list li {
  position: relative;
  width: calc(25% - 10px);
  height: 100px;
  border: 3px #6d6d6d dashed;
  float: left;
  display: inline-block;
  margin: 0 5px;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}

@media (max-width: 991.98px) {
  #user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list li {
    width: calc(50% - 10px);
    margin-bottom: 10px;
  }
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list li input.ugc-upload-file {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list li img {
  max-width: 100%;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list li i {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  font-size: 30px;
  color: #FFF;
  cursor: pointer;
  background-color: #D8232A;
  border-radius: 50%;
  opacity: 0.8;
}

#user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list li:focus i, #user-contributions-overlay-single-step .ugc-image-list-container .ugc-image-list li:hover i {
  display: block;
}

#user-contributions-overlay-single-step .ugc-upload-container-small {
  max-height: 165px;
}

#user-contributions-overlay-single-step[data-stage="UploadContribution"] {
  /*.row.ugc-multiple-image-list {
        margin-top: 20px;

        .col-md-6 {
            margin-bottom: 10px;
            text-align: center;
            height: 200px;
            position: relative;

            img {
                width: auto;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                max-width: 100%;
                max-height: 100%;
                height: auto;
            }

            input.ugc-upload-file {
                left: 0;
                top: 0;
            }

            &.has-image {
                .ugc-hover-delete-image {
                    position: absolute;
                    background-color: rgba(0,0,0,0.3);
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    cursor: pointer;

                    i {
                        color: #fff;
                        font-size: 41px;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        margin: auto;
                        height: 50px;
                        width: 100%;
                        text-align: center;
                    }
                }
            }
        }

        &.no-images {
            .col-md-6 {
                width: 100%;
                -webkit-transition: all 500ms ease;
                -moz-transition: all 500ms ease;
                -o-transition: all 500ms ease;
                transition: all 500ms ease;

                .ugc-upload-container {
                    max-height: 400px;
                }
            }
        }
        // Used to stop transitions on overlay loading
        &.no-transitions {
            .col-md-6 {
                -webkit-transition: none;
                -moz-transition: none;
                -o-transition: none;
                transition: none;
            }
        }
    }

    .image-upload-temporary-image {
        display: none !important;
    }*/
}

#user-contributions-overlay-single-step[data-stage="UploadContribution"] textarea {
  height: 120px;
  padding: 10px;
  font-size: 16px;
}

#user-contributions-overlay-single-step[data-stage="UploadContribution"] input[type="text"] {
  padding: 5px 5px 5px 10px;
  font-size: 16px;
  border: solid 1px #909090;
}

#ugcContribution {
  display: inline-block;
  padding: 5px;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

#ugcContribution p {
  padding: 10px 20px;
  font-size: 12pt;
}

#ugcContribution .ugc-contribution-media {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

#ugcContribution .left {
  width: 100%;
}

#ugcContribution .left p {
  padding: 20px;
}

#ugcContribution .right {
  width: 100%;
}

#ugcContribution .right img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  #ugcCta .left {
    width: 50%;
    float: left;
  }
  #ugcCta .right {
    width: 50%;
    float: right;
  }
  #ugcContribution .left {
    width: 50%;
    float: left;
  }
  #ugcContribution .right {
    width: 50%;
    float: right;
  }
}

@media screen and (max-width: 992px) {
  .ugc-text-contribution-container input[type="text"] {
    margin-bottom: 5px;
  }
}

/*@if $nq-variant == 'engage' {
    .i-dont-have-image-link {
        color: $nq-white;
    }

    #user-contributions-overlay-single-step {
        background: rgba(0,0,0,0.68);

        .close-overlay,
        .reset-overlay {
            color: $nq-white;

            i {
                color: $nq-white;
            }
        }

        > .container h2 {
            color: $nq-white;
        }

        .ugc-text-contribution-container {
            label,
            p {
                color: $nq-white;

                a {
                    color: $nq-white;
                    text-decoration: underline;
                }
            }
        }
    }
}*/
section.most-popular-component {
  background-color: #FFF;
  box-shadow: none;
  margin-bottom: 25px;
  background-color: #FFF;
}

section.most-popular-component h2 {
  font-family: "Roboto", sans-serif;
  color: #105E8B;
}

section.most-popular-component a.more-link {
  background-color: #fff;
  padding: 10px 15px;
  color: #D8232A;
}

section.most-popular-component a.more-link:hover {
  text-decoration: none;
}

section.most-popular-component .loading-container {
  height: 300px;
}

section.most-popular-component .loading-container .loader,
section.most-popular-component .loading-container .loader:after,
section.most-popular-component .loading-container .loader:before {
  background-color: #105E8B;
  color: #105E8B;
}

section.most-popular-component h2 {
  padding: 15px 15px 5px;
}

section.most-popular-component ol {
  counter-reset: item-counter;
  padding: 0 15px 0 49px;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  font-weight: 400;
}

section.most-popular-component ol > li {
  margin: 0 0 8px;
  padding: 0 0 5px;
}

section.most-popular-component ol > li:before {
  content: counter(item-counter);
  counter-increment: item-counter;
  float: left;
  margin-left: -45px;
  text-align: center;
  text-indent: 4px;
  position: relative;
  font-weight: 500;
  width: 35px;
  font-size: 26px;
  font-family: "Roboto", sans-serif;
  color: #105E8B;
  margin-top: 4px;
}

section.most-popular-component ol > li > a {
  color: #2A2A2A;
}

section.most-popular-component ol > li > a:hover {
  text-decoration: none;
  color: #105E8B;
}

/*doc
---
title: Social Buttons
name: Social-buttons
category: Components
---
```html_example
<div class="social-circles-component">
    <button class="button button-with-icon bg-fb custom-sharing" data-share-url="https://www.facebook.com/sharer/sharer.php?u=" data-share-path="%escape(facebook_share_path_v2)">
        <span class="fa fa-facebook"></span>
    </button>
    <button class="button button-with-icon bg-twitter custom-sharing" data-share-url="https://twitter.com/share?url=" data-share-path="%raw(twitter_video_share_path)" data-share-headline="%escape(title)">
        <span class="fa fa-twitter"></span>
    </button>
    <button class="button button-with-icon custom-sharing bg-googleplus mobile-hide" data-share-url="https://plus.google.com/share?url=%raw(video_url)%3fref%3Dgplrec" data-share-path="">
        <span class="fa fa-google-plus"></span>
    </button>
    <a href="whatsapp://send?text=%raw(social_media_headline_url)%0A%0A%raw(video_url)%3fref%3Dwa" class="whatsapp-link">
        <button class="button button-with-icon bg-whatsapp" >
            <span class="fa fa-whatsapp"></span>
        </button>
    </a>
    <a href="/my/account/emailthispage/" class="email-link" onclick="var s=s_gi('newsquestgroupprod'); s.events='event31';s.linkTrackVars='eVar2,eVar4,eVar5,eVar6,eVar10,eVar16,eVar17,eVar18,eVar19,eVar25,eVar43,events';s.linkTrackEvents='event31';s.tl(this,'o','Email to a friend');">
        <button class="button button-with-icon bg-default bg-email">
            <span class="fa fa-envelope"></span>
        </button>
    </a>
</div>
```
*/
.social-circles-component button {
  width: 35px;
  height: 35px;
  border-radius: 40px;
  border: 0;
  margin-right: 10px;
  font-size: 16px;
  cursor: pointer;
  padding: 0;
}

@media (max-width: 575.98px) {
  .social-circles-component button {
    margin-right: 5px;
  }
}

.social-circles-component .bg-fb {
  color: #fff;
  background-color: #3B5998;
}

.social-circles-component .bg-fb:hover {
  background-color: #344e86;
}

.social-circles-component .bg-fb-messenger {
  color: #fff;
  background-color: #0084FF;
}

.social-circles-component .bg-fb-messenger:hover {
  background-color: #0077e6;
}

.social-circles-component .bg-twitter {
  color: #fff;
  background-color: #1DA1F2;
}

.social-circles-component .bg-twitter:hover {
  background-color: #0d95e8;
}

.social-circles-component .bg-googleplus {
  color: #fff;
  background-color: #DD4B39;
}

.social-circles-component .bg-googleplus:hover {
  background-color: #d73925;
}

.social-circles-component .bg-whatsapp {
  color: #fff;
  background-color: #25D366;
}

.social-circles-component .bg-whatsapp:hover {
  background-color: #21bd5c;
}

.social-circles-component .bg-email {
  color: #fff;
  background-color: #bb3510;
}

.social-circles-component .bg-email:hover {
  background-color: #a42e0e;
}

.social-circles-component .email-link,
.social-circles-component .whatsapp-link,
.social-circles-component .fb-messenger-link {
  width: 40px;
  display: inline-block;
  margin-right: 10px;
}

@media (max-width: 575.98px) {
  .social-circles-component .email-link,
  .social-circles-component .whatsapp-link,
  .social-circles-component .fb-messenger-link {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .social-circles-component .whatsapp-link {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .social-circles-component .mobile-hide {
    display: none;
  }
}

.social-circles-component .comments-button {
  color: #D8232A;
}

.social-circles-component .comments-button i {
  vertical-align: middle;
  font-size: 31px;
  margin-left: 10px;
}

@media (max-width: 575.98px) {
  .social-circles-component .comments-button i {
    margin-left: 5px;
  }
}

.social-circles-component .comments-button span {
  font-size: 19px;
}

.social-circles-component .comments-button span.comment-number-text {
  display: none;
}

@media (min-width: 576px) {
  .social-circles-component .comments-button span.comment-number-text {
    display: inline-block;
  }
}

.social-circles-component .comments-button:hover {
  color: #e14349;
  text-decoration: none;
}

.social-circles-component-v2 button {
  width: 30px;
  height: 30px;
  border-radius: 40px;
  border: 0;
  margin-right: 2px;
  font-size: 17px;
  cursor: pointer;
  padding: 0;
}

@media (max-width: 575.98px) {
  .social-circles-component-v2 button {
    margin-right: 5px;
  }
}

.social-circles-component-v2 .bg-fb {
  color: #fff;
  background-color: #3B5998;
}

.social-circles-component-v2 .bg-fb:hover {
  background-color: #344e86;
}

.social-circles-component-v2 .bg-fb-messenger {
  color: #fff;
  background-color: #0084FF;
}

.social-circles-component-v2 .bg-fb-messenger:hover {
  background-color: #0077e6;
}

.social-circles-component-v2 .fb-messenger-link:hover {
  text-decoration: none;
}

.social-circles-component-v2 .bg-twitter {
  color: #fff;
  background-color: #1DA1F2;
}

.social-circles-component-v2 .bg-twitter:hover {
  background-color: #0d95e8;
}

.social-circles-component-v2 .bg-googleplus {
  color: #fff;
  background-color: #DD4B39;
}

.social-circles-component-v2 .bg-googleplus:hover {
  background-color: #d73925;
}

.social-circles-component-v2 .bg-whatsapp {
  color: #fff;
  background-color: #25D366;
}

.social-circles-component-v2 .bg-whatsapp:hover {
  background-color: #21bd5c;
}

.social-circles-component-v2 .bg-linkedin {
  color: #fff;
  background-color: #2877B8;
}

.social-circles-component-v2 .bg-linkedin:hover {
  background-color: #2369a3;
}

.social-circles-component-v2 .bg-email {
  color: #fff;
  background-color: #153444;
}

.social-circles-component-v2 .bg-email:hover {
  background-color: #0f2531;
}

.social-circles-component-v2 .email-link,
.social-circles-component-v2 .whatsapp-link,
.social-circles-component-v2 .fb-messenger-link {
  display: inline-block;
}

@media (max-width: 575.98px) {
  .social-circles-component-v2 .email-link,
  .social-circles-component-v2 .whatsapp-link,
  .social-circles-component-v2 .fb-messenger-link {
    margin-right: 0;
  }
}

.social-circles-component-v2 .email-link {
  margin-right: 0;
}

@media (min-width: 769px) {
  .social-circles-component-v2 .whatsapp-link,
  .social-circles-component-v2 .fb-messenger-link {
    display: none;
  }
}

@media (max-width: 768px) {
  .social-circles-component-v2 .mobile-hide {
    display: inline-block;
  }
}

@media (max-width: 768px) and (max-width: 575.98px) {
  .social-circles-component-v2 .mobile-hide {
    display: none;
  }
}

.social-circles-component-v2 .bg-ellipsis {
  color: #D8232A;
  background-color: transparent;
  font-size: 20px;
  vertical-align: middle;
}

@media (min-width: 576px) {
  .social-circles-component-v2 .bg-ellipsis {
    display: none;
  }
}

.social-circles-component-v2 .comments-button {
  display: inline-block;
  color: #D8232A;
  margin-top: 5px;
  margin-right: 5px;
  height: 30px;
  background-color: #D8232A;
  color: #FFF;
  border-radius: 32px;
  padding: 4px 17px 1px;
}

.social-circles-component-v2 .comments-button i {
  vertical-align: middle;
  font-size: 25px;
}

.social-circles-component-v2 .comments-button i.m-icon-angle-down, .social-circles-component-v2 .comments-button i.m-icon-angle-up {
  float: right;
  font-size: 23px;
  margin-top: -1px;
}

@media screen and (max-width: 381px) {
  .social-circles-component-v2 .comments-button i.m-icon-angle-down, .social-circles-component-v2 .comments-button i.m-icon-angle-up {
    margin-top: -1px;
  }
}

.social-circles-component-v2 .comments-button span.comment-text-container {
  font-weight: 500;
  font-size: 15px;
  margin-left: -3px;
}

.social-circles-component-v2 .comments-button span.comment-number-text {
  display: none;
}

@media (min-width: 576px) {
  .social-circles-component-v2 .comments-button span.comment-number-text {
    display: inline-block;
  }
}

.social-circles-component-v2 .comments-button:hover {
  color: #e14349;
  text-decoration: none;
}

@media screen and (max-width: 381px) {
  .social-circles-component-v2 .comments-button {
    padding: 0 17px;
  }
}

.social-circles-component-v2 .comments-button i.m-icon-chat {
  font-size: 17px;
}

.social-circles-component-v2 .comments-button i.m-icon-angle-down, .social-circles-component-v2 .comments-button i.m-icon-angle-up {
  font-size: 20px;
  margin-top: -4px;
}

@media screen and (max-width: 381px) {
  .social-circles-component-v2 .comments-button i.m-icon-angle-down, .social-circles-component-v2 .comments-button i.m-icon-angle-up {
    margin-top: 0;
  }
}

.social-circles-component-v2 .comments-button span {
  display: inline-block;
  margin-top: 0;
}

@media screen and (max-width: 381px) {
  .social-circles-component-v2 .comments-button span {
    margin-top: 5px;
  }
}

.social-circles-component-v2 .comments-button:hover {
  color: #FFF;
  opacity: 0.8;
}

@media screen and (max-width: 381px) {
  .social-circles-component-v2 .comments-button span.comment-text {
    display: none;
  }
}

.social-circles-component-v2.top-socialbar .comments-button i.m-icon-angle-down,
.social-circles-component-v2.top-socialbar .comments-button i.m-icon-angle-up {
  display: none;
}

.m-form .from-to-date > div {
  width: 49%;
  display: inline-block;
}

.m-form .from-to-date > div > span {
  display: block;
  width: 100%;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.m-form label {
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.m-form input,
.m-form select {
  border-radius: 0;
}

.m-form input:focus,
.m-form select:focus {
  outline: none;
}

.m-form .form-radio-group label {
  margin-right: 5px;
}

.m-form label.mandatory:after {
  content: '*';
  color: red;
  margin-left: 3px;
}

.m-form p.mandatory:before {
  content: '*';
  color: red;
  margin-right: 3px;
}

.m-form .form-check-label.no-padding {
  padding: 0;
}

.m-form .parsley-error {
  border-color: red;
}

.m-form li.parsley-required,
.m-form li.parsley-type,
.m-form li.parsley-equalto,
.m-form li.parsley-minlength,
.m-form li.parsley-maxlength,
.m-form li.parsley-length,
.m-form li.parsley-min,
.m-form li.parsley-max,
.m-form li.parsley-range,
.m-form li.parsley-pattern,
.m-form li.parsley-mincheck,
.m-form li.parsley-maxcheck,
.m-form li.parsley-check {
  color: red;
}

/*doc
---
title: Standard Button
name: standard-button
category: Buttons
---
```html_example
<button class="button btn btn-martini" type="submit">Standard button</button>
```
*/
/*doc
---
title: Facebook Button
name: facebook-button
category: Buttons
---
```html_example
<button class="button btn btn-martini btn-facebook" type="submit">Facebook button</button>
```
*/
/*doc
---
title: Wide Button
name: wide-button
category: Buttons
---
```html_example
<button class="button btn btn-martini btn-wide" type="submit">Standard button</button>
```
*/
.social-networks-buttons li {
  display: inline-block;
  width: auto;
}

.social-networks-buttons li:not(:last-of-type) {
  margin-right: 10px;
}

.btn {
  /* Google button */
}

.btn.btn-martini {
  background-color: #752209;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
  border-radius: 0;
  border: 0;
  cursor: pointer;
}

.btn.btn-martini:focus, .btn.btn-martini:hover {
  opacity: 0.8;
}

.btn.btn-martini-primary {
  background-color: #D8232A;
  font-family: "Fira Sans", sans-serif;
  color: #FFF;
  border-radius: 0;
  border: 2px solid #D8232A;
  cursor: pointer;
}

.btn.btn-martini-primary:focus, .btn.btn-martini-primary:hover {
  opacity: .8;
}

.btn.btn-martini-primary.outline {
  background: none;
  color: #D8232A;
}

.btn.btn-facebook {
  background-color: #14497f;
  color: #FFF;
  padding: 5px 10px 5px 5px;
  border-radius: 0;
  font-weight: 500;
}

.btn.btn-facebook.m-bottom {
  margin-bottom: 10px;
}

.btn.btn-google {
  background-color: #FFF;
  padding: 5px 10px 5px 5px;
  color: #343a40;
  border: 1px solid #ced4da;
}

.btn.btn-google.m-bottom {
  margin-bottom: 10px;
}

.btn.btn-google i::before {
  color: #343a40;
}

.btn.btn-wide {
  min-width: 250px;
  max-width: 100%;
}

.btn.btn-right {
  float: right;
}

#DFP_leaderboard_1,
#DFP_standard_mpu_2 {
  margin-bottom: 20px;
}

#DFP_article_fluid_1 > div {
  font-size: 0;
}

section.mega-news-main #DFP_high_vis {
  text-align: center;
}

.top-dfp-ad {
  min-height: 90px;
  padding-bottom: 20px;
}

.top-dfp-ad #DFP_top_leaderboard {
  background-color: #f5f5f5;
}

.top-dfp-ad #DFP_top_leaderboard.is-sticky > div {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3000008;
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  border-top: 10px solid #f5f5f5 !important;
  background-color: rgba(245, 245, 245, 0.72);
}

@media (max-width: 767.98px) {
  .top-dfp-ad {
    min-height: 75px;
    padding-bottom: 0;
  }
}

.has-relative-skin .top-dfp-add {
  margin-top: -24px;
}

.dfp-top-ad-container {
  padding: 0;
  max-width: 970px;
  width: 100%;
}

@media (min-width: 992px) {
  .dfp-top-ad-container {
    width: 970px;
  }
}

/* Mobile sticky leadboard ad */
@media (max-width: 991.98px) {
  #DFP_bottom_leaderboard {
    background-color: #FFF;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 0 !important;
    z-index: 1;
    border-top: solid 1px #dcdcdc;
  }
  .disable-mobile-leaderboard-sticky #DFP_bottom_leaderboard {
    background-color: transparent;
    position: relative;
    padding-bottom: 25px !important;
    border-top: 0;
  }
}

#DFP_teads {
  font-size: 0;
}

.comment-moderation-rules {
  margin-bottom: 1rem;
  border-radius: 0;
}

.comment-moderation-rules .card-title {
  background-color: #e14349;
  color: #FFF;
  padding: 1.25rem;
  margin-bottom: 0;
}

.comment-moderation-rules .comment-moderation-rules-link {
  margin-bottom: 1rem;
}

.comments-wrapper {
  padding-bottom: 25px;
}

.comments-wrapper #emailMeUponNewComment .subscribe-email {
  margin-top: -40px;
  margin-bottom: 25px;
  padding-left: 15px;
}

.comments-wrapper .key-line {
  border-top: 2px solid #D8232A;
  margin-top: 10px;
  margin-bottom: 10px;
}

.comments-wrapper .comment-body br {
  font-size: 20px;
}

.comments-wrapper .comment-body {
  margin-bottom: 10px;
}

.comments-wrapper .comment-body .comment-text {
  word-break: break-word;
}

.comments-wrapper h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

.comments-wrapper .comments-headline.has-comments {
  float: left;
}

.comments-wrapper .comments-headline.has-comments h2 {
  display: inline-block;
}

.comments-wrapper form.post-comment {
  background-color: #e6e6e6;
  padding: 25px 15px 15px;
}

.comments-wrapper form.post-comment h3 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}

.comments-wrapper form.post-comment textarea {
  width: 100%;
  padding: 5px 15px;
  min-height: 65px;
}

.comments-wrapper form.post-comment textarea:focus {
  padding-top: 10px;
  border-color: #fff;
  box-shadow: 0;
  outline: none;
}

.comments-wrapper form.post-comment p.comment-disclaimer {
  font-size: 14px;
  padding-bottom: 20px;
  font-family: "Fira Sans", sans-serif;
  color: #000;
  border-bottom: 1px solid #FFF;
}

.comments-wrapper form.post-comment .emailMeUponComment {
  float: left;
}

.comments-wrapper form.post-comment button.post-comment {
  background-color: #D8232A;
  border: 0;
  border-radius: 0;
  padding: 5px 10px;
  font-size: 16px;
  float: right;
  cursor: pointer;
}

.comments-wrapper form.post-comment button.post-comment:hover {
  background-color: #c21f26;
}

.comments-wrapper .comment-status {
  font-size: 18px;
}

.comments-wrapper .comment-status a {
  color: #D8232A;
  font-weight: 600;
}

.comments-wrapper .comment-status.unverified {
  background-color: lightpink;
  padding: 16px;
}

.comments-wrapper .comment {
  position: relative;
  background-color: #FFF;
  box-shadow: 0;
}

.comments-wrapper .comment button.suspend {
  display: block;
}

.comments-wrapper .comment a {
  color: #000;
}

.comments-wrapper .comment a:hover {
  color: #D8232A;
}

.comments-wrapper .comment span.comment-username {
  float: left;
  padding-bottom: 5px;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.comments-wrapper .comment .timestamp {
  font-size: 12px;
  color: #808080;
}

.comments-wrapper .comment .quote-preview {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}

.comments-wrapper .comment button.button-post-comment {
  padding: 5px 10px;
  background-color: #D8232A;
  cursor: pointer;
  border: 0;
  border-radius: 0;
}

.comments-wrapper .comment button.button-post-comment:hover {
  background-color: #c21f26;
}

.comments-wrapper .comment blockquote {
  font-style: italic;
  border: 1px solid #eaeaea;
  padding: 10px;
  color: #808080;
}

.comments-wrapper .comment span.timestamp {
  float: right;
}

.comments-wrapper .comment button.quote,
.comments-wrapper .comment button.reply {
  border: 0;
  cursor: pointer;
}

.comments-wrapper .comment button.reply {
  color: #FFF;
  background-color: #D8232A;
  padding: 5px 10px;
  border-radius: 0;
  font-size: 16px;
  margin-right: 20px;
}

.comments-wrapper .comment button.reply:hover {
  background-color: #c21f26;
}

.comments-wrapper .comment button.quote {
  color: #000;
  border: 1px solid #D8232A;
  background-color: #FFF;
  border-radius: 0;
}

.comments-wrapper .comment .comment-score,
.comments-wrapper .comment button.comment-thumbs-up {
  float: left;
  padding: 4px 10px;
  border: 0;
  background-color: #f0f6ea;
  color: #000;
  cursor: pointer;
}

.comments-wrapper .comment .comment-score i,
.comments-wrapper .comment button.comment-thumbs-up i {
  margin-right: 5px;
  color: #73A03B;
}

.comments-wrapper .comment span.comment-thumbs-up {
  float: left;
  padding: 4px 10px;
  border: 0;
  background-color: #FFF;
  color: #000;
}

.comments-wrapper .comment span.comment-thumbs-up i {
  margin-right: 5px;
  color: #73A03B;
}

.comments-wrapper .comment .comment-report {
  border: 0;
  float: right;
  background-color: #FFF;
  font-size: 14px;
  padding: 5px;
  color: #999999;
  cursor: pointer;
  margin-bottom: 15px;
}

.comments-wrapper .comment .comment-report:hover {
  color: #D8232A;
}

.comments-wrapper .parent-comment {
  padding: 20px;
  margin-top: 15px;
}

.comments-wrapper .nested-comment {
  margin-top: 0;
  padding-top: 15px;
  box-shadow: none;
  border-top: 1px solid #eaeaea;
}

.comments-wrapper .nested-comment-1,
.comments-wrapper .nested-comment-2,
.comments-wrapper .nested-comment-3,
.comments-wrapper .nested-comment-4 {
  padding-left: 30px;
}

.comments-wrapper .delete-comment-form,
.comments-wrapper .edit-comment-form,
.comments-wrapper .reply-area {
  background-color: #EFDEE0;
  padding: 15px;
}

.comments-wrapper .delete-comment-form.nested-comment-1, .comments-wrapper .delete-comment-form.nested-comment-2, .comments-wrapper .delete-comment-form.nested-comment-3, .comments-wrapper .delete-comment-form.nested-comment-4,
.comments-wrapper .edit-comment-form.nested-comment-1,
.comments-wrapper .edit-comment-form.nested-comment-2,
.comments-wrapper .edit-comment-form.nested-comment-3,
.comments-wrapper .edit-comment-form.nested-comment-4,
.comments-wrapper .reply-area.nested-comment-1,
.comments-wrapper .reply-area.nested-comment-2,
.comments-wrapper .reply-area.nested-comment-3,
.comments-wrapper .reply-area.nested-comment-4 {
  padding-left: 30px;
}

.comments-wrapper .delete-comment-form .source-comment,
.comments-wrapper .edit-comment-form .source-comment,
.comments-wrapper .reply-area .source-comment {
  background-color: transparent;
}

.comments-wrapper .delete-comment-form .button,
.comments-wrapper .edit-comment-form .button,
.comments-wrapper .reply-area .button {
  float: left;
  margin-right: 15px;
  padding: 4px 10px;
  border: 0;
  color: #FFF;
  background-color: #D8232A;
  cursor: pointer;
}

.comments-wrapper textarea {
  width: 100%;
}

.comment-moderation-rules-v3 {
  margin-bottom: 1rem;
  border-radius: 0;
}

.comment-moderation-rules-v3 .card-title {
  background-color: #e14349;
  color: #FFF;
  padding: 1.25rem;
  margin-bottom: 0;
}

.comment-moderation-rules-v3 .comment-moderation-rules-link {
  margin-bottom: 1rem;
}

#comments-form-wrapper .tp-container-inner iframe {
  width: 100% !important;
}

#piano-above-comments {
  margin-bottom: 20px;
}

#piano-above-comments .tp-container-inner iframe {
  width: 100% !important;
}

.comments-wrapper-v3 {
  padding-bottom: 25px;
  margin-top: 15px;
}

.comments-wrapper-v3 .comment-sort-bar {
  background-color: #eee;
  margin-top: 32px;
}

.comments-wrapper-v3 .comment-sort-bar label {
  color: #4a4a4a;
  float: left;
  padding-top: 8px;
  margin-left: 10px;
}

.comments-wrapper-v3 .comment-sort-bar select {
  font-weight: 500;
}

.comments-wrapper-v3 #emailMeUponNewComment .subscribe-email {
  margin-top: -76px;
  font-size: 12px;
  width: calc(100% - 160px);
  position: relative;
}

.comments-wrapper-v3 #emailMeUponNewComment .subscribe-email input {
  float: left;
  position: absolute;
  top: 0;
  left: 10px;
}

.comments-wrapper-v3 #emailMeUponNewComment .subscribe-email label {
  position: absolute;
  left: 31px;
  top: -2px;
}

@media (max-width: 767.98px) {
  .comments-wrapper-v3 #emailMeUponNewComment .subscribe-email {
    margin-top: -50px;
  }
}

@media (min-width: 768px) {
  .comments-wrapper-v3 #emailMeUponNewComment .subscribe-email {
    margin-top: -48px;
  }
}

.comments-wrapper-v3 .key-line {
  border-top: 2px solid #D8232A;
  margin-top: 10px;
  margin-bottom: 10px;
}

.comments-wrapper-v3 .comment-body br {
  font-size: 20px;
}

.comments-wrapper-v3 .comment-body {
  margin-bottom: 10px;
}

.comments-wrapper-v3 .comment-body .comment-text {
  word-break: break-word;
  font-size: 14px;
  line-height: 20px;
}

.comments-wrapper-v3 .comment-body .comment-text span.mobile-admin-user {
  padding-left: 0;
  display: block;
}

.comments-wrapper-v3 h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

.comments-wrapper-v3 form.post-comment {
  background-color: #e6e6e6;
  padding: 25px 15px 15px;
}

@media (max-width: 767.98px) {
  .comments-wrapper-v3 form.post-comment {
    padding-bottom: 20px;
  }
}

.comments-wrapper-v3 form.post-comment h3 {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}

.comments-wrapper-v3 form.post-comment textarea {
  width: 100%;
  padding: 5px 15px;
  min-height: 65px;
}

.comments-wrapper-v3 form.post-comment textarea:focus {
  padding-top: 10px;
  border-color: #fff;
  box-shadow: 0;
  outline: none;
}

.comments-wrapper-v3 form.post-comment p.comment-disclaimer {
  font-size: 14px;
  padding-bottom: 20px;
  font-family: "Fira Sans", sans-serif;
  color: #000;
  border-bottom: 1px solid #FFF;
}

.comments-wrapper-v3 form.post-comment .emailMeUponComment {
  float: left;
}

.comments-wrapper-v3 form.post-comment button.post-comment {
  background-color: #D8232A;
  border: 0;
  border-radius: 0;
  padding: 5px 10px;
  font-size: 16px;
  float: right;
  cursor: pointer;
}

.comments-wrapper-v3 form.post-comment button.post-comment:hover {
  background-color: #c21f26;
}

.comments-wrapper-v3 .comment-status {
  font-size: 18px;
}

.comments-wrapper-v3 .comment-status a {
  color: #D8232A;
  font-weight: 600;
}

.comments-wrapper-v3 .comment-status.unverified {
  background-color: lightpink;
  padding: 16px;
}

.comments-wrapper-v3 .comment {
  position: relative;
  background-color: #FFF;
}

.comments-wrapper-v3 .comment.is-admin {
  background-color: #e3f1ff;
  padding-right: 10px;
}

.comments-wrapper-v3 .comment button.suspend {
  display: block;
}

.comments-wrapper-v3 .comment a {
  color: #000;
}

.comments-wrapper-v3 .comment a:hover {
  color: #D8232A;
}

.comments-wrapper-v3 .comment .comment-item-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.comments-wrapper-v3 .comment span.comment-username {
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: wrap;
  max-width: 250px;
}

.comments-wrapper-v3 .comment .comment-username--subscriber {
  font-size: 0.8rem;
  font-weight: 400;
}

.comments-wrapper-v3 .comment span.comment-alias-user-id {
  font-size: 12px;
  color: #808080;
  padding-bottom: 5px;
}

.comments-wrapper-v3 .comment span.comment-alias-user-id a.set-alias-link {
  color: #808080;
}

.comments-wrapper-v3 .comment span.mobile-admin-user {
  font-family: "Noto Serif", serif;
  font-size: 14px;
  font-weight: 600;
  padding-left: 5px;
}

.comments-wrapper-v3 .comment .timestamp {
  font-size: 12px;
  color: #808080;
}

.comments-wrapper-v3 .comment .quote-preview {
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
}

.comments-wrapper-v3 .comment button.button-post-comment {
  padding: 5px 10px;
  background-color: #D8232A;
  cursor: pointer;
  border: 0;
  border-radius: 0;
}

.comments-wrapper-v3 .comment button.button-post-comment:hover {
  background-color: #c21f26;
}

.comments-wrapper-v3 .comment blockquote {
  font-style: italic;
  background-color: #F8F8F8;
  padding: 15px;
  color: #808080;
  margin-right: 60px;
}

.comments-wrapper-v3 .comment blockquote strong {
  font-family: "Fira Sans", sans-serif;
  display: block;
  color: #000;
}

.comments-wrapper-v3 .comment span.timestamp {
  white-space: nowrap;
}

.comments-wrapper-v3 .comment button.quote,
.comments-wrapper-v3 .comment button.reply {
  border: 0;
  cursor: pointer;
}

.comments-wrapper-v3 .comment button.reply {
  color: #FFF;
  background-color: #D8232A;
  padding: 5px 10px;
  border-radius: 0;
  font-size: 16px;
  margin-right: 20px;
}

.comments-wrapper-v3 .comment button.reply:hover {
  background-color: #c21f26;
}

.comments-wrapper-v3 .comment button.quote {
  color: #000;
  border: 1px solid #D8232A;
  background-color: #FFF;
  border-radius: 0;
}

.comments-wrapper-v3 .comment .comment-score,
.comments-wrapper-v3 .comment button.comment-thumbs-up {
  float: right;
  padding: 4px 10px;
  border: 0;
  background-color: #f0f6ea;
  color: #000;
  cursor: pointer;
  font-size: 14px;
}

.comments-wrapper-v3 .comment .comment-score i,
.comments-wrapper-v3 .comment button.comment-thumbs-up i {
  margin-right: 5px;
  color: #73A03B;
  font-size: 15px;
}

.comments-wrapper-v3 .comment span.comment-thumbs-up {
  float: right;
  padding: 4px 10px;
  border: 0;
  background-color: #FFF;
  color: #000;
  font-size: 14px;
}

.comments-wrapper-v3 .comment span.comment-thumbs-up i {
  margin-right: 5px;
  color: #73A03B;
  font-size: 15px;
}

.comments-wrapper-v3 .comment .comment-report {
  border: 0;
  float: right;
  background-color: #FFF;
  font-size: 14px;
  padding: 5px;
  color: #999999;
  cursor: pointer;
  margin-bottom: 15px;
}

.comments-wrapper-v3 .comment .comment-report:hover {
  color: #D8232A;
}

.comments-wrapper-v3 .parent-comment {
  padding: 20px;
  border-bottom: solid 6px #eeeeee;
}

.comments-wrapper-v3 .nested-comment {
  margin-top: 16px;
  padding-top: 15px;
  box-shadow: none;
  border-top: 1px solid #9d9d9d;
}

.comments-wrapper-v3 .nested-comment-1,
.comments-wrapper-v3 .nested-comment-2,
.comments-wrapper-v3 .nested-comment-3,
.comments-wrapper-v3 .nested-comment-4 {
  padding-left: 30px;
}

.comments-wrapper-v3 .delete-comment-form,
.comments-wrapper-v3 .edit-comment-form,
.comments-wrapper-v3 .reply-area {
  background-color: #EFDEE0;
  padding: 15px;
}

.comments-wrapper-v3 .delete-comment-form.nested-comment-1, .comments-wrapper-v3 .delete-comment-form.nested-comment-2, .comments-wrapper-v3 .delete-comment-form.nested-comment-3, .comments-wrapper-v3 .delete-comment-form.nested-comment-4,
.comments-wrapper-v3 .edit-comment-form.nested-comment-1,
.comments-wrapper-v3 .edit-comment-form.nested-comment-2,
.comments-wrapper-v3 .edit-comment-form.nested-comment-3,
.comments-wrapper-v3 .edit-comment-form.nested-comment-4,
.comments-wrapper-v3 .reply-area.nested-comment-1,
.comments-wrapper-v3 .reply-area.nested-comment-2,
.comments-wrapper-v3 .reply-area.nested-comment-3,
.comments-wrapper-v3 .reply-area.nested-comment-4 {
  padding-left: 30px;
}

.comments-wrapper-v3 .delete-comment-form .source-comment,
.comments-wrapper-v3 .edit-comment-form .source-comment,
.comments-wrapper-v3 .reply-area .source-comment {
  background-color: transparent;
}

.comments-wrapper-v3 .delete-comment-form .button,
.comments-wrapper-v3 .edit-comment-form .button,
.comments-wrapper-v3 .reply-area .button {
  float: left;
  margin-right: 15px;
  padding: 4px 10px;
  border: 0;
  color: #FFF;
  background-color: #D8232A;
  cursor: pointer;
}

.comments-wrapper-v3 .delete-comment-form {
  margin-top: 15px;
}

@media (max-width: 575.98px) {
  .comments-wrapper-v3 .delete-comment-form button {
    margin-bottom: 5px;
  }
}

@media (min-width: 576px) {
  .comments-wrapper-v3 .mobile-admin-user {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
  .comments-wrapper-v3 .nested-comment-1,
  .comments-wrapper-v3 .nested-comment-2,
  .comments-wrapper-v3 .nested-comment-3,
  .comments-wrapper-v3 .nested-comment-4 {
    padding-left: 0;
  }
  .comments-wrapper-v3 blockquote {
    margin-right: 0 !important;
  }
  .comments-wrapper-v3 .admin-user {
    display: none;
  }
}

.comments-wrapper-v3 textarea {
  width: 100%;
}

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__wrap .fotorama__wrap--css3 .fotorama__wrap--slide .fotorama__wrap--toggle-arrows .fotorama__wrap--no-controls {
  width: 100% !important;
  float: none;
}

.fotorama--fullscreen .fotorama__img {
  max-width: 100% !important;
  height: auto !important;
  left: 0 !important;
  right: 0 !important;
  margin: auto;
  top: 0 !important;
}

.fotorama__img.fotorama__img--full {
  margin-top: 67px;
}

.fotorama--fullscreen {
  width: 0% !important;
  left: 0 !important;
  position: relative !important;
  z-index: 3000012;
}

.fotorama__wrap .fotorama__wrap--css3 .fotorama__wrap--slide .fotorama__wrap--toggle-arrows .fotorama__wrap--no-controls {
  width: 75% !important;
  float: left;
}

.fotorama--fullscreen .fotorama__stage__shaft.moregalleries {
  width: 100% !important;
}

.fullscreen {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: rgba(0, 0, 0, 0.5);
}

.fotorama--fullscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  float: none !important;
  z-index: 3000012;
  background: rgba(0, 0, 0, 0.5);
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
  background: rgba(0, 0, 0, 0.9);
}

/* last of sandeep edit */
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

.fotorama--fullscreen,
.fotorama__img {
  max-width: 99999px !important;
  max-height: 99999px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.fotorama__wrap .fotorama__grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.fotorama__grabbing * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.fotorama__spinner {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
}

.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
  outline: 0;
}

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
  content: '';
  border-radius: inherit;
  background-color: rgba(0, 175, 234, 0.5);
}

.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
  -webkit-transform: none !important;
  transform: none !important;
}

.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
  transition-property: -webkit-transform, width;
  transition-property: transform, width;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: 0;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fotorama__select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.fotorama__nav,
.fotorama__nav__frame {
  margin: auto;
  padding: 0;
}

.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}

.fotorama__nav__frame,
.fotorama__thumb-border {
  box-sizing: content-box;
}

.fotorama__caption__wrap {
  box-sizing: border-box;
}

.fotorama--hidden,
.fotorama__load {
  position: absolute;
  left: -99999px;
  top: -99999px;
  z-index: 99;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
  -webkit-tap-highlight-color: transparent;
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  background: no-repeat;
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__video-close,
  .fotorama__video-play {
    background: 0 0/96px 160px no-repeat;
  }
}

.fotorama__thumb {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, 0.2);
}

@media print {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__thumb-border,
  .fotorama__video-close,
  .fotorama__video-play {
    background: none !important;
  }
}

.fotorama {
  min-width: 1px;
  overflow: hidden;
}

.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
  display: none;
}

.fotorama__wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  direction: ltr;
  z-index: 1000;
}

.fotorama__wrap--rtl .fotorama__stage__frame {
  direction: rtl;
}

.fotorama__nav,
.fotorama__stage {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}

.fotorama__wrap--pan-y {
  -ms-touch-action: pan-y;
}

.fotorama__wrap .fotorama__pointer {
  cursor: pointer;
}

.fotorama__wrap--slide .fotorama__stage__frame {
  opacity: 1 !important;
}

.fotorama__stage__frame {
  overflow: hidden;
}

.fotorama__stage__frame.fotorama__active {
  z-index: 1008;
}

.fotorama__wrap--fade .fotorama__stage__frame {
  display: none;
}

.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
  display: block;
  left: 0;
  top: 0;
}

.fotorama__wrap--fade .fotorama__fade-front {
  z-index: 1008;
}

.fotorama__wrap--fade .fotorama__fade-rear {
  z-index: 1007;
}

.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  z-index: 1009;
}

.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
  display: none;
}

.fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border: none !important;
}

.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
  display: none;
}

.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
  display: block;
}

.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
  max-width: 99999px !important;
}

.fotorama__wrap--only-active .fotorama__stage__frame {
  visibility: hidden;
}

.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
  visibility: visible;
}

.fotorama__nav {
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: none;
  white-space: nowrap;
  z-index: 1005;
}

.fotorama__nav__shaft {
  position: relative;
  left: 0;
  top: 0;
  text-align: left;
}

.fotorama__nav__frame {
  position: relative;
  cursor: pointer;
}

.fotorama__nav--dots {
  display: block;
}

.fotorama__nav--dots .fotorama__nav__frame {
  width: 18px;
  height: 30px;
}

.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
  display: none;
}

.fotorama__nav--thumbs {
  display: block;
}

.fotorama__nav--thumbs .fotorama__nav__frame {
  padding-left: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
  padding-right: 0 !important;
}

.fotorama__nav--thumbs .fotorama__nav__frame--dot {
  display: none;
}

.fotorama__dot {
  display: block;
  width: 4px;
  height: 4px;
  position: relative;
  top: 12px;
  left: 6px;
  border-radius: 6px;
  border: 1px solid #7f7f7f;
}

.fotorama__nav__frame:focus .fotorama__dot:after {
  padding: 1px;
  top: -1px;
  left: -1px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
  width: 0;
  height: 0;
  border-width: 3px;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
  padding: 3px;
  top: -3px;
  left: -3px;
}

.fotorama__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.fotorama__nav__frame:focus .fotorama__thumb {
  z-index: 1002;
}

.fotorama__thumb-border {
  position: absolute;
  z-index: 1009;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #00afea;
  background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.25), rgba(64, 64, 64, 0.1));
}

.fotorama__caption {
  position: absolute;
  z-index: 10012;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.fotorama__caption a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.5);
}

.fotorama__caption a:hover {
  color: #333;
  border-color: rgba(51, 51, 51, 0.5);
}

.fotorama__wrap--rtl .fotorama__caption {
  left: auto;
  right: 0;
}

.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
  display: none;
}

.fotorama__caption__wrap {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 10px;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.fotorama__wrap--css3 .fotorama__spinner {
  -webkit-animation: spinner 24s infinite linear;
  animation: spinner 24s infinite linear;
}

.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 0.3s;
}

.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}

.fotorama__select {
  cursor: auto;
}

.fotorama__video {
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 10010;
}

@-moz-document url-prefix() {
  .fotorama__active {
    box-shadow: 0 0 0 transparent;
  }
}

.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  position: absolute;
  z-index: 10011;
  cursor: pointer;
}

.fotorama__arr {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
}

.fotorama__arr--prev {
  left: 2px;
  background-position: 0 0;
}

.fotorama__arr--next {
  right: 2px;
  background-position: -32px 0;
}

.fotorama__arr--disabled {
  pointer-events: none;
  cursor: default;
  *display: none;
  opacity: 0.1;
}

.fotorama__fullscreen-icon {
  width: 32px;
  height: 32px;
  top: 2px;
  right: 2px;
  background-position: 0 -32px;
  z-index: 10020;
}

.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
  border-radius: 50%;
}

.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -32px -32px;
}

.fotorama__video-play {
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  background-position: 0 -64px;
  opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
  display: none;
}

.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
  opacity: 1;
  display: block;
}

.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background-position: -64px -32px;
}

.fotorama__video-close {
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  background-position: -64px 0;
  z-index: 10020;
  opacity: 0;
}

.fotorama__wrap--css2 .fotorama__video-close {
  display: none;
}

.fotorama__wrap--css3 .fotorama__video-close {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--video .fotorama__video-close {
  display: block;
  opacity: 1;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  opacity: 0;
}

.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  opacity: 1;
}

.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
  opacity: 0 !important;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
  display: none;
}

.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
  display: block;
}

.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
  display: none !important;
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
  -webkit-transform: translate3d(-48px, 0, 0);
  transform: translate3d(-48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
  -webkit-transform: translate3d(48px, 0, 0);
  transform: translate3d(48px, 0, 0);
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
  -webkit-transform: translate3d(32px, -32px, 0) !important;
  transform: translate3d(32px, -32px, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
  -webkit-transform: translate3d(-48px, 0, 0) !important;
  transform: translate3d(-48px, 0, 0) !important;
}

.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
  -webkit-transform: translate3d(48px, 0, 0) !important;
  transform: translate3d(48px, 0, 0) !important;
}

.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
}

.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  z-index: 10010;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 1px 100%, 5px 100%;
}

.fotorama__nav:before,
.fotorama__stage:before {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 0 0, 0 0;
  left: -10px;
}

.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
  left: 0;
}

.fotorama__nav:after,
.fotorama__stage:after {
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 100% 0, 100% 0;
  right: -10px;
}

.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
  right: 0;
}

.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
  display: none;
}

/*custom styling*/
.fotorama-wrapper {
  position: relative;
  width: 100%;
}

.fotorama-wrapper .nq-article-card-label-standalone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

.fotorama__html {
  padding-top: 40px;
  text-align: center;
}

body.fullscreen .fotorama-socialbar {
  display: block;
}

.fotorama__caption {
  display: none;
}

.fotorama-overlay {
  position: absolute;
  display: none;
  z-index: 2999998;
  color: #ffffff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  bottom: 0;
  right: 0;
  left: 0;
  top: 40%;
}

.fotorama-overlay .fr-gallery-view-button {
  display: inline-block;
}

.fotorama-overlay .fa {
  font-size: 11pt;
}

#gallery_interstitial_skip,
.fotorama-overlay > span {
  width: auto;
  /* Default below - should get overwritten in scheme.scss */
  background-color: #A01016;
  padding: 10px 20px;
  font-size: 14pt;
}

#gallery_interstitial_skip {
  display: inline-block;
  margin-top: 20px;
  color: #ffffff;
}

#fotoramaTrigger {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 3000003;
}

.fotorama__arr,
.fotorama__fullscreen-icon {
  opacity: 0;
}

.fotorama-caption-container {
  width: 100%;
  color: #ffffff;
  background-color: #000000;
  position: absolute !important;
  z-index: 3000013;
  box-sizing: border-box;
  padding: 20px;
  bottom: 40px;
  left: 0;
  display: none;
}

.fotorama-caption-container h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600px;
  text-align: left;
}

.fotorama-caption-container p {
  font-size: 14px;
  text-align: left;
}

.bg-black {
  background-color: #000000;
}

.fotorama-socialbar {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px auto auto;
  text-align: center;
  display: none;
  z-index: 3000013;
}

.fotorama-socialbar .bg-fb {
  background-color: #3b5998;
}

.fotorama-socialbar .bg-twitter {
  background-color: #55acee;
}

.fotorama-socialbar .bg-whatsapp {
  background-color: #25D366;
}

.fotorama-socialbar .bg-default {
  background-color: #bb3510;
}

.fotorama-button:hover {
  background-color: white;
  border: 1px solid #e3e3eb;
  color: #D8232A;
  cursor: pointer;
  transition: all 0.3s linear 0s;
}

.fotorama-button {
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  width: 35px;
  transition: all 0.3s linear 0s;
  text-align: center;
  padding: 1px;
}

.fotorama-button {
  border: 1px solid transparent;
  color: white;
}

.fotorama-button {
  font-size: 18px;
  height: 35px;
  min-width: 35px;
}

.fotorama-button {
  display: inline-block;
  margin: 5px;
}

.fotorama-socialbar-wrapper {
  display: block;
  font-weight: 600;
  text-align: center;
}

.fotorama-socialbar-wrapper > a {
  display: inline-block;
}

.fotorama-feature {
  display: none;
}

.fotorama-close-btn {
  display: none;
  position: fixed;
  top: 10px;
  right: 20px;
  width: 35px;
  color: white;
  font-size: 14pt;
  cursor: pointer;
  background-color: #000000;
  z-index: 3000013;
}

.fotorama-close-btn i {
  padding-top: 6px;
}

.fotorama-caption-btn {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  color: white;
  font-size: 12pt;
  cursor: pointer;
  background-color: #000000;
  z-index: 3000013;
  padding: 0 10px;
}

.fotorama-caption-btn i {
  padding-top: 7px;
  color: #000000;
  background-color: #ffffff;
  border-radius: 25px !important;
  color: #000000;
  height: 25px !important;
  min-width: 25px !important;
  padding-top: 2px;
  width: 25px;
}

.fotorama-counter {
  position: fixed;
  color: white;
  z-index: 3000013;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
}

.fotorama-counter h3 {
  background: rgba(0, 0, 0, 0.8);
  width: auto;
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
}

.fotorama-more {
  margin-top: 100px;
  text-align: center;
  display: none;
  position: absolute;
  left: 50px;
  right: 50px;
  z-index: 3000013;
  top: 0;
}

.fotorama-more h1 {
  font-size: 35px;
  font-weight: 600;
  width: 100%;
  margin-left: auto;
  color: #ffffff;
}

.fotorama-gallery-thumb a {
  color: #ffffff;
  text-decoration: none;
}

.fotorama-gallery-thumb h4 {
  margin-top: 15px;
}

.fotorama-gallery-thumb img {
  max-width: 100%;
}

.fotorama-gallery-thumb {
  width: 40%;
  display: inline-block;
  margin: 10px;
  vertical-align: top;
}

.fotorama-gallery-thumb:nth-of-type(3) {
  display: none;
}

.fotorama-gallery-thumb:nth-of-type(4) {
  display: none;
}

/* Mobile and desktop specific styles. */
div.fotorama-mobile .fotorama-caption-btn {
  display: block;
}

div.fotorama-mobile .fotorama__arr {
  opacity: 1;
}

div.fotorama-desktop .fotorama-caption-btn,
div.fotorama-desktop .fotorama-share-btn {
  display: none;
}

div.fotorama-desktop .fotorama-caption-container,
div.fotorama-desktop .fotorama-mpu,
div.fotorama-desktop .fotorama__nav-wrap {
  display: block;
}

div.fotorama-desktop .fotorama__arr {
  opacity: 1;
}

/* Caption Specific Styles */
div.fotorama-caption-open .fotorama-counter, div.fotorama-caption-open .fotorama-caption-container,
div.fotorama-caption-open .fotorama-caption-btn,
div.fotorama-caption-open .fotorama-mpu,
div.fotorama-caption-open .fotorama-socialbar,
div.fotorama-caption-open .hide-on-content-slide {
  display: none !important;
}

@media only screen and (min-width: 600px) {
  .fotorama-gallery-thumb {
    width: 20%;
    margin: 10px;
  }
  .fotorama-gallery-thumb:nth-of-type(3) {
    display: inline-block;
  }
  .fotorama-gallery-thumb:nth-of-type(4) {
    display: inline-block;
  }
}

.fotorama-caption-container,
.fotorama-mpu {
  display: none;
}

@media only screen and (min-width: 768px) {
  body.fullscreen .fotorama-caption-container,
  body.fullscreen .fotorama-mpu {
    display: block;
  }
  .fotorama-caption-container {
    color: #ffffff;
    background-color: transparent;
    position: absolute !important;
    z-index: 3000013;
    width: 300px;
    top: 280px;
    right: 90px;
    left: auto;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    bottom: auto;
  }
  .fotorama-caption-btn {
    display: none !important;
  }
  .fotorama-share-btn {
    display: none !important;
  }
  /*.fotorama-close-btn {
    display: none;
  }*/
  .fotorama-close-btn i {
    padding-top: 13px;
  }
  .fotorama-socialbar {
    margin-top: 0;
    margin-bottom: 20px;
    top: 0;
    left: 10px;
  }
  .fotorama-more h1 {
    width: 100%;
  }
  .gallery_socialbar {
    width: 37%;
  }
  .fotorama-socialbar-wrapper {
    text-align: left;
  }
  .fotorama-button {
    width: 50px;
    height: 50px;
    font-size: 16pt;
  }
  .fotorama-mpu {
    right: 90px;
    top: 25px;
    width: 300px;
    z-index: 3000013;
    position: absolute;
  }
  .fotorama__wrap .fotorama__wrap--css3 .fotorama__wrap--slide .fotorama__wrap--toggle-arrows .fotorama__wrap--no-controls {
    width: 25% !important;
    float: left;
  }
  .fotorama--fullscreen .fotorama__stage__shaft {
    width: calc(100% - 410px) !important;
    height: calc(100% - 10px);
  }
  .fotorama__img.fotorama__img--full {
    padding-left: 50px !important;
  }
  .fotorama-overlay {
    position: absolute;
    top: 40%;
    display: none;
    left: 0;
    right: 0;
    color: #ffffff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .fotorama-overlay .fr-gallery-view-button {
    display: inline-block;
  }
  .fotorama-overlay .fa {
    font-size: 25pt;
  }
  .fotorama-overlay > span {
    font-size: 25pt;
  }
}

.fotorama__arr.fotorama__arr--prev {
  margin-left: 30px;
}

.fotorama__arr.fotorama__arr--prev:before {
  font-family: "fontello";
  content: '\e817';
  color: #FFF;
  font-size: 40px;
  margin-right: 30px;
  height: 60px;
}

.fotorama__arr.fotorama__arr--next {
  margin-right: 30px;
}

.fotorama__arr.fotorama__arr--next:after {
  font-family: "fontello";
  content: '\e816';
  color: #FFF;
  font-size: 40px;
  margin-right: 30px;
  height: 60px;
}

#DFP_gallery_interstitial {
  margin-top: 20px;
}

/*end of styling*/
@media only screen and (min-width: 768px) {
  .fotorama {
    min-height: 350px;
  }
}

@media only screen and (max-width: 768px) {
  .fotorama {
    min-height: 200px;
  }
}

.date-picker-component table th {
  text-align: center;
  vertical-align: middle;
}

.date-picker-component table th.next,
.date-picker-component table th.prev {
  width: 40px;
  height: 40px;
  background-color: #4ab0ea;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 15px;
}

.date-picker-component table th.next:hover,
.date-picker-component table th.prev:hover {
  background-color: #1c9be5;
}

.date-picker-component table th.datepicker-switch {
  font-size: 24px;
}

.date-picker-component table th.dow {
  line-height: 35px;
}

.date-picker-component table td {
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  color: #ffffff;
  background-color: #4ab0ea;
  cursor: pointer;
}

.date-picker-component table td:hover {
  background-color: #1c9be5;
}

.date-picker-component table td.new,
.date-picker-component table td.old {
  background-color: #78c4ef;
}

.date-picker-component table td.new:hover,
.date-picker-component table td.old:hover {
  background-color: #4ab0ea;
}

.date-picker-component table td.today {
  background-color: #105E8B;
}

.modal-backdrop.fade.in {
  opacity: 0.8;
  background-color: #fff;
}

/* Minor fix for ekko lightbox modal */
.modal-open .ekko-lightbox.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 1;
  height: 100vh;
}

.ekko-lightbox.modal .modal-content {
  border-radius: 0;
}

.ekko-lightbox.modal .modal-dialog {
  top: 50%;
  transform: translateY(-50%);
}

.ekko-lightbox.modal .ekko-lightbox-container .ekko-lightbox-nav-overlay a:first-child {
  float: left;
}

.ekko-lightbox.modal .ekko-lightbox-container .ekko-lightbox-nav-overlay a:last-child {
  float: right;
}

.ekko-lightbox.modal .ekko-lightbox-container .ekko-lightbox-nav-overlay a:hover {
  text-decoration: none;
}

[data-toggle="lightbox"] {
  position: relative;
  display: block;
}

[data-toggle="lightbox"] img {
  max-width: 100%;
}

[data-toggle="lightbox"] i {
  position: absolute;
  font-size: 50px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  margin: auto;
  color: #fff;
  opacity: 0.7;
}

.modal-dialog .modal-content {
  box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.15);
}

.modal {
  z-index: 3000016;
}

.polar-label {
  display: inline-block;
  margin: 0 15px;
  background-color: #5B1C94;
  border-top: 0;
  padding: 5px 3px;
  margin-top: 5px;
}

.polar-label h4 {
  color: #FFF;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  margin: 0;
}

/* Different cards */
.article-card-standard .polar-label {
  margin-top: 5px;
  margin-bottom: 5px;
}

.article-card-tall .polar-label {
  margin-top: 5px;
}

.article-card-horizontal .polar-label {
  margin-top: 5px;
}

#article .polar-label {
  margin-left: 0;
  padding: 5px 15px;
}

.martini-flash {
  z-index: 3000014 !important;
}

/*doc
---
title: Feed Icons
name: feed-icons
category: Icons
---
```html_example
<div style="display: inline-block;">
    <div class="liveBar"></div>
    <div class="liveConversion"></div>
    <div class="liveDrinks"></div>
    <div class="liveDropGoal"></div>
    <div class="liveEnd"></div>
    <div class="liveFifty"></div>
    <div class="liveFour"></div>
    <div class="liveFull"></div>
    <div class="liveGoal"></div>
    <div class="liveHalf"></div>
    <div class="liveHockeyGoal"></div>
    <div class="liveHundred"></div>
    <div class="liveLunch"></div>
    <div class="liveNotOut"></div>
    <div class="liveOut"></div>
    <div class="livePenalty"></div>
    <div class="livePost"></div>
    <div class="liveRedCard"></div>
    <div class="liveRugbyPenalty"></div>
    <div class="liveSix"></div>
    <div class="liveSpeedway"></div>
    <div class="liveStart"></div>
    <div class="liveSubstitution"></div>
    <div class="liveTea"></div>
    <div class="liveTea"></div>
    <div class="liveTry"></div>
    <div class="liveYellowCard"></div>
</div>
```
*/
.liveBar,
.liveConversion,
.liveDrinks,
.liveDropGoal,
.liveEnd,
.liveFifty,
.liveFour,
.liveFull,
.liveGoal,
.liveHalf,
.liveHockeyGoal,
.liveHundred,
.liveLunch,
.liveNotOut,
.liveOut,
.livePenalty,
.livePost,
.liveRedCard,
.liveRugbyPenalty,
.liveSix,
.liveSpeedway,
.liveStart,
.liveSubstitution,
.liveTea,
.liveTea,
.liveTry,
.liveYellowCard {
  background: url("/resources/responsive-static/images/sports_events.png") no-repeat scroll 100% -70px transparent;
  content: " ";
  float: left;
  height: 60px;
  position: relative;
  width: 50px;
  text-align: center;
  margin-right: 10px;
}

#eventList .liveBar,
#eventList .liveConversion,
#eventList .liveDrinks,
#eventList .liveDropGoal,
#eventList .liveEnd,
#eventList .liveFull,
#eventList .liveGoal,
#eventList .liveHalf,
#eventList .liveHockeyGoal,
#eventList .liveLunch,
#eventList .livePenalty,
#eventList .livePost,
#eventList .liveRugbyPenalty,
#eventList .liveSpeedway,
#eventList .liveStart,
#eventList .liveSubstitution,
#eventList .liveTea,
#eventList .liveTry,
.liveBar,
.liveConversion,
.liveDrinks,
.liveDropGoal,
.liveEnd,
.liveFull,
.liveGoal,
.liveHalf,
.liveHockeyGoal,
.liveLunch,
.livePenalty,
.livePost,
.liveRugbyPenalty,
.liveSpeedway,
.liveStart,
.liveSubstitution,
.liveTea,
.liveTry {
  text-shadow: 0 0 3px black;
  color: #FFF;
}

.liveGoal,
.liveHockeyGoal {
  content: "Goal";
}

.liveHockeyGoal {
  background-position: 100% -1107px;
}

.livePenalty {
  content: "Penalty";
}

/*
.liveGoal .liveTime,
.liveSpeedway .liveTime,
.liveTry .liveTime,
.liveConversion .liveTime,
.liveDropGoal .liveTime,
.liveHockeyGoal .liveTime {
   background-color: #99cc00;
   border-bottom: 1px solid #83af00;
   text-shadow: -1px -1px 0 #83AF00;
   color: #FFF;
}
.livePenalty .liveTime,
.liveRugbyPenalty .liveTime {
   background-color: #cc0000;
   border-bottom: 1px solid #cc3333;
   text-shadow: -1px -1px 0 #cc3333;
   color: #FFF;
}
.liveStart .liveTime,
.liveHalf .liveTime,
.liveFull .liveTime {
   background-color: #DCDCDC;
   border-bottom: 1px solid #BBB;
   text-shadow: 1px 1px 0 #EEE;
}
*/
.liveRedCard {
  background-position: 100% -140px;
}

.liveYellowCard {
  background-position: 100% -210px;
}

.livePost {
  content: "Post";
  background-position: 100% -905px;
}

.liveBar {
  content: "Bar";
  background-position: 100% -975px;
}

.liveSubstitution {
  content: "Substitution";
  background-position: 100% -1040px;
}

.liveStart {
  background-position: 100% 0;
  content: "Kick-off";
}

.liveHalf {
  background-position: 100% 0;
  content: "Half-time";
}

.liveFull {
  background-position: 100% 0;
  content: "Full-time";
}

.liveSix {
  background-position: 100% -280px;
}

.liveFour {
  background-position: 100% -350px;
}

.liveFifty {
  background-position: 100% -560px;
}

.liveHundred {
  background-position: 100% -630px;
}

.liveOut {
  background-position: 100% -420px;
}

.liveNotOut {
  background-position: 100% -490px;
}

.liveTea {
  background-position: 100% -700px;
  content: "Tea";
}

.liveLunch {
  background-position: 100% -700px;
  content: "Lunch";
}

.liveDrinks {
  background-position: 100% -700px;
  content: "Drinks";
}

.liveEnd {
  background-position: 100% -700px;
  content: "Close of play";
}

.liveTry {
  background-position: 100% -760px;
  content: "Try";
}

.liveConversion {
  background-position: 100% -760px;
  content: "Conversion";
}

.liveDropGoal {
  background-position: 100% -760px;
  content: "Drop goal";
}

.liveRugbyPenalty {
  background-position: 100% -760px;
  content: "Penalty";
}

.liveSpeedway {
  background-position: 100% -835px;
}

.liveDailyWeatherBad {
  content: "\f0c2";
}

.liveDailyWeatherGood {
  content: "\f185";
}

.liveDailyCinema {
  content: "\f008";
}

.liveDailyTravel {
  content: "\f018";
}

.liveDailyEvent {
  content: "\f145";
}

.liveDailyComment {
  content: "\f10d";
}

.liveDailyTwitter {
  content: "\f099";
}

.liveDailySport {
  content: "\f091";
}

.liveDailyPicture {
  content: "\f030";
}

.liveDailyTelephone {
  content: "\f095";
}

.liveDailyEmail {
  content: "\f0e0";
}

.promoted-block {
  margin-bottom: 25px;
}

.promoted-block h1.page-section,
.promoted-block h2.page-section {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-size: 30px;
}

.promoted-block .ob-widget-header {
  padding-bottom: 0 !important;
}

/**
 * Images inserted by journos
 **/
.editor-image {
  border-style: none;
}

@media (max-width: 767.98px) {
  .editor-image {
    text-align: center;
    display: block;
  }
}

.video-js .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.45);
  transition: background 1s;
}

.video-js .vjs-big-play-button:before {
  background-color: #105E8B;
  width: 40px;
  height: 40px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 41px;
  border-radius: 50%;
  font-size: 32px;
  color: #4ab0ea;
}

.video-js:focus .vjs-big-play-button, .video-js:hover .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.58);
  transition: background 0.5s;
}

.vjs-playlist .vjs-playlist-item {
  height: 79px !important;
}

.vjs-playlist .vjs-playlist-name {
  font-family: "Fira Sans", sans-serif;
}

.vjs-playlist .vjs-playlist-now-playing {
  opacity: 0.6;
}

.vjs-playlist .vjs-playlist-now-playing:before {
  background-color: rgba(26, 26, 26, 0.71);
}

.vjs-playlist time {
  font-weight: 600;
}

.vjs-playlist cite {
  line-height: 20px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.pagination {
  justify-content: center;
}

.pagination-form {
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.pagination-form input {
  margin: 0 10px;
}

.pagination-form button {
  margin-left: 10px;
}

/**
 * Compatibility for verticals (iframe) elements being cut and pasted
 * from Isle of Wight County Press
 **/
.PHPFrameOuter {
  width: 100%;
  height: 100%;
  min-height: 1900px;
}

.PHPMobFrameOuter {
  width: 100%;
  height: 100%;
  min-height: 800px;
}

.PHPFrameOuter_iframe {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  margin: 0 auto;
  border: 0;
  height: 100%;
  width: 100%;
  min-height: 1900px;
  margin: 0 auto;
}

.PHPMobFrameOuter_iframe {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  margin: 0 auto;
  border: 0;
  height: 100%;
  width: 100%;
  min-height: 800px;
  margin: 0 auto;
}

.PHPFrameOuter.mobile-show,
.PHPMobFrameOuter.mobile-show {
  display: none;
}

.PHPFrameOuter.hidden-desktop,
.PHPMobFrameOuter.hidden-desktop {
  display: none !important;
}

.PHPFrameOuter.hide-desktop,
.PHPMobFrameOuter.hide-desktop {
  display: none !important;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .PHPFrameOuter.hidden-desktop,
  .PHPMobFrameOuter.hidden-desktop {
    display: block;
  }
  .PHPFrameOuter.hide-tablet,
  .PHPMobFrameOuter.hide-tablet {
    display: none !important;
  }
  .PHPFrameOuter.show-tablet,
  .PHPMobFrameOuter.show-tablet {
    display: block !important;
  }
}

@media screen and (min-width: 569px) and (max-width: 768px) {
  .PHPFrameOuter.tablet-hide,
  .PHPMobFrameOuter.tablet-hide {
    display: none !important;
  }
}

@media screen and (max-width: 568px) {
  .PHPFrameOuter.hide-mobile,
  .PHPMobFrameOuter.hide-mobile {
    display: none !important;
  }
  .PHPFrameOuter.show-mobile,
  .PHPMobFrameOuter.show-mobile {
    display: block !important;
  }
}

.tp-modal {
  z-index: 3000015 !important;
}

.tp-backdrop {
  z-index: 3000005 !important;
}

.tp-modal-header {
  margin: 30px 30px 30px 30px;
}

.tp-modal-header h2 {
  font-size: 26px;
  color: #000;
}

#piano-block-interstitial .tp-container-inner iframe {
  width: 100% !important;
}

.tp-modal-body {
  margin: 30px 30px 30px 30px;
}

.tp-modal-body .icon.card {
  position: inherit;
  display: inline-block;
  flex-direction: column;
  border: none;
  border-radius: none;
}

.tp-modal-body label {
  margin-bottom: 0;
}

.tp-modal-body .floating-table {
  margin: -30px 0 0 0 !important;
}

.tp-modal-body .floating-table.grayed {
  border-top: none;
}

#checkout-container {
  background-color: #f5f5f5;
}

#checkout-container a:not([href]):not([tabindex]) {
  color: #fff !important;
}

#checkout-container .msg a:not([href]):not([tabindex]) {
  color: #0257d8 !important;
}

#checkout-container #checkout-container {
  background-color: #f5f5f5;
}

#checkout-container .container {
  max-width: 970px;
  margin: 0 auto;
}

#checkout-container a.btn:not([href]):not([tabindex]) {
  color: #fff;
  text-decoration: none;
}

#checkout-container #subscriptionsContainer .plan .payment-options-actions a {
  margin: 15px 0;
  font-family: "Roboto",sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #fff;
}

#checkout-container .selectable-list-item {
  border: none;
}

#checkout-container .receipt .content {
  text-align: center;
  margin: 0px;
  width: 100%;
  line-height: 25px;
  color: inherit;
}

#checkout-container .receipt .access-footer {
  border-top: none;
  width: 100%;
}

#checkout-container .receipt .access-footer .access-footer-content {
  text-align: center;
  margin: 30px 30px 30px 30px;
}

#nextUpMobileContainer {
  opacity: 0;
  background-color: #D8232A;
  position: fixed;
  bottom: -450px;
  left: 0;
  width: 100%;
  padding: 6px 10px 0;
  min-height: 60px;
  font-family: 'Fira Sans', sans-serif;
  z-index: 3000006;
  overflow: hidden;
  border-bottom: 1px solid white;
  vertical-align: middle;
  line-height: 45px;
}

#nextUpMobileContainer .divider {
  height: 42px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  right: 14%;
  top: 8px;
}

@media screen and (orientation: landscape) {
  #nextUpMobileContainer {
    display: none;
  }
}

#nextUpMobileContainer a {
  color: #FFF;
}

#nextUpMobileContainer h4 {
  color: #FFF;
  font-weight: 600;
  font-family: 'Fira Sans', sans-serif;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 15px;
  float: right;
}

#nextUpMobileContainer h4 i {
  font-size: 16px;
  float: right;
}

#nextUpMobileContainer span {
  display: inline-block;
  vertical-align: middle;
}

#nextUpMobileContainer .close-nuo {
  width: 10%;
  float: right;
  margin-top: 14px;
}

#nextUpMobileContainer .headline-nuo {
  width: 85%;
}

#nextUpMobileContainer h6 {
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  max-height: 46px;
}

#nextUpMobileContainer h6 a {
  font-weight: 400;
}

#nextUpMobileContainer a.nu-more-news {
  float: right;
  font-weight: 500;
}

#nextUpDesktopContainer {
  opacity: 0;
  background-color: #FFF;
  position: fixed;
  left: 0;
  width: 100%;
  padding: 4px 5px 10px;
  height: 86px;
  font-family: 'Fira Sans', sans-serif;
  z-index: 3000006;
  box-shadow: 0 2px 6px 0 rgba(136, 136, 136, 0.11);
  overflow: hidden;
}

#nextUpDesktopContainer .close-button {
  position: absolute;
  top: 0;
  right: 8px;
  width: 25px;
  height: 25px;
  z-index: 5;
  cursor: pointer;
  font-size: 20px;
}

#nextUpDesktopContainer.nextUpDesktopPosTop {
  top: -86px;
  border-bottom: solid 1px #e4e4e4;
}

#nextUpDesktopContainer.nextUpDesktopPosBottom {
  bottom: -86px;
  border-top: solid 1px #e4e4e4;
}

#nextUpDesktopContainer .slick-next,
#nextUpDesktopContainer .slick-prev {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: 56px;
  top: 0;
  position: absolute;
  cursor: pointer;
  outline: none;
  font-size: 21px;
}

#nextUpDesktopContainer .slick-next:focus, #nextUpDesktopContainer .slick-next:hover,
#nextUpDesktopContainer .slick-prev:focus,
#nextUpDesktopContainer .slick-prev:hover {
  color: #D8232A;
}

#nextUpDesktopContainer .slick-next.slick-disabled,
#nextUpDesktopContainer .slick-prev.slick-disabled {
  opacity: 0.2;
}

#nextUpDesktopContainer .slick-next.slick-disabled:focus, #nextUpDesktopContainer .slick-next.slick-disabled:hover,
#nextUpDesktopContainer .slick-prev.slick-disabled:focus,
#nextUpDesktopContainer .slick-prev.slick-disabled:hover {
  color: #000;
}

#nextUpDesktopContainer .slick-prev {
  left: 0;
  background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 100%);
  width: 57px;
  text-align: left;
  z-index: 1;
  position: absolute;
  left: -5px;
  bottom: 0;
}

#nextUpDesktopContainer .slick-next {
  right: 0;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 50%, white 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 50%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 50%, white 100%);
  width: 57px;
  text-align: right;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
}

#nextUpDesktopContainer .slick-list .slick-slide {
  position: relative;
  padding-left: 25px;
}

#nextUpDesktopContainer .slick-list .slick-slide img {
  max-height: 52px;
}

#nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-label {
  height: 13px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 12px;
}

#nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-num {
  float: left;
  margin-top: 14px;
  position: absolute;
  left: 4px;
  font-weight: 600;
  text-align: center;
  color: #D8232A;
}

#nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-row {
  height: 100px;
}

#nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-row .nudc-slide-left {
  width: 25%;
  float: left;
}

#nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-row .nudc-slide-right {
  float: right;
  width: 74%;
}

#nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-row .nudc-slide-right h3 {
  height: 50px;
}

#nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-row .nudc-slide-right h3 a {
  font-size: 13px;
  color: #000;
  line-height: 16px;
  padding: 0 5px;
  display: block;
}

#nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-row .nudc-slide-right h3 a:focus, #nextUpDesktopContainer .slick-list .slick-slide .nudc-slide-row .nudc-slide-right h3 a:hover {
  color: #D8232A;
  text-decoration: none;
}

@media (max-width: 767.98px) {
  #nextUpDesktopContainer {
    display: none;
  }
}

.most-popular-component-v3 .mpcv3-nav-tabs li {
  width: calc(50% - 6px);
  display: inline-block;
}

.most-popular-component-v3 .mpcv3-nav-tabs li a {
  padding: 7px 4px;
  color: #105E8B;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

.most-popular-component-v3 .mpcv3-nav-tabs li a:focus, .most-popular-component-v3 .mpcv3-nav-tabs li a:hover {
  text-decoration: none;
}

.most-popular-component-v3 .mpcv3-nav-tabs li a.active {
  background-color: #105E8B;
  color: #FFF;
}

@media (max-width: 991.98px) {
  .most-popular-component-v3 .mpcv3-nav-tabs {
    display: block;
  }
  .most-popular-component-v3 .mpcv3-nav-tabs li {
    display: inline-block;
  }
}

@media (max-width: 767.98px) {
  .most-popular-component-v3 .mpcv3-nav-tabs li a {
    font-size: 18px;
  }
}

.most-popular-component-v3 .mpcv3-container {
  box-shadow: none;
  margin-bottom: 25px;
  background-color: #FFF;
}

.most-popular-component-v3 .mpcv3-container h2 {
  font-family: "Roboto", sans-serif;
  color: #105E8B;
}

.most-popular-component-v3 .mpcv3-container .loading-container {
  height: 300px;
}

.most-popular-component-v3 .mpcv3-container .loading-container .loader,
.most-popular-component-v3 .mpcv3-container .loading-container .loader:after,
.most-popular-component-v3 .mpcv3-container .loading-container .loader:before {
  background-color: #105E8B;
  color: #105E8B;
}

.most-popular-component-v3 .mpcv3-container h2 {
  padding: 15px 15px 5px;
}

.most-popular-component-v3 .mpcv3-container ol {
  counter-reset: item-counter;
  padding: 0;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  font-weight: 400;
}

.most-popular-component-v3 .mpcv3-container ol > li {
  margin: 0 0 20px;
  padding: 0 15px 5px 50px;
}

.most-popular-component-v3 .mpcv3-container ol > li img {
  margin-top: 5px;
  border: solid 1px #cecece;
}

.most-popular-component-v3 .mpcv3-container ol > li .item-count {
  float: left;
  margin-left: -45px;
  text-align: center;
  text-indent: 4px;
  position: relative;
  font-weight: 600;
  width: 35px;
  font-size: 26px;
  font-family: "Roboto", sans-serif;
  color: #105E8B;
  margin-top: 5px;
  line-height: 28px;
}

.most-popular-component-v3 .mpcv3-container ol > li.advert {
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
}

@media screen and (max-width: 350px) {
  .most-popular-component-v3 .mpcv3-container ol > li.advert {
    margin-left: -15px;
  }
}

.most-popular-component-v3 .mpcv3-container ol > li:last-child {
  margin: 0;
}

.most-popular-component-v3 .mpcv3-container ol > li:not(.advert) a {
  font-size: 15px;
  line-height: 20px;
  color: #2A2A2A;
}

.most-popular-component-v3 .mpcv3-container ol > li:not(.advert) a:hover {
  text-decoration: none;
  color: #105E8B;
}

.most-popular-component-v3 .mpcv3-container ol > li:not(.advert) a span {
  opacity: 0.4;
  font-size: 14px;
}

.most-popular-component-v3 .mpcv3-container ol > li:not(.advert) a span:before {
  margin-right: 4px;
}

.most-popular-component-v3 .mpcv3-container .most-popular-tabbed {
  padding-top: 5px;
  display: none;
}

.most-popular-component-v3 .mpcv3-container .active {
  display: block;
}

@media (min-width: 768px) {
  .most-popular-component-v3 .mpcv3-container {
    display: block;
  }
}

.most-popular-component-v3 .mpcv3-nav-tabs li a {
  text-transform: none;
}

#adminNoticeBar #adminMessageBar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999;
  color: #FFF;
}

#adminNoticeBar .container {
  max-width: 1400px;
}

#adminNoticeBar .nq-cb-notice-container {
  position: relative;
}

#adminNoticeBar .nq-cb-notice-container.success,
#adminNoticeBar .nq-cb-notice-container.success .container {
  background-color: #155724 !important;
}

#adminNoticeBar .nq-cb-notice-container.info,
#adminNoticeBar .nq-cb-notice-container.info .container {
  background-color: #0062cc !important;
}

#adminNoticeBar .nq-cb-notice-container.danger,
#adminNoticeBar .nq-cb-notice-container.danger .container, #adminNoticeBar .nq-cb-notice-container.warning,
#adminNoticeBar .nq-cb-notice-container.warning .container {
  background-color: #721c24 !important;
}

#adminNoticeBar .nq-cb-notice-container .asb-admin-message-heading {
  padding-right: 9px;
  padding-left: 9px;
  width: 160px;
}

#adminNoticeBar .nq-cb-notice-container .asb-admin-message {
  width: calc(100% - 160px);
  padding-left: 10px;
}

#adminNoticeBar .nq-cb-notice-container h2 {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 14px;
  font-family: "Roboto", sans-serif;
  line-height: 16px;
  margin-top: 9px;
  border-right: solid 1px #FFF;
  width: 100%;
  font-weight: 600;
  padding-top: 8px;
  padding-bottom: 10px;
}

#adminNoticeBar .nq-cb-notice-container p {
  font-size: 14px;
  padding-top: 5px;
  margin: 0;
  padding-bottom: 5px;
  line-height: 20px;
}

#adminNoticeBar .nq-cb-notice-container p a {
  color: #FFF;
  font-weight: bold;
  text-decoration: underline;
}

#adminNoticeBar .nq-cb-notice-container .nq-cb-notice-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  color: #FFF;
}

@media (max-width: 767.98px) {
  #adminNoticeBar .order-md-11 {
    height: 1px;
  }
  #adminNoticeBar .order-md-11 .nq-cb-notice-close {
    margin-top: 5px;
  }
  #adminNoticeBar .nq-cb-notice-container h2 {
    border: 0;
  }
  #adminNoticeBar .nq-cb-notice-container p {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 480px) {
  #adminNoticeBar {
    display: none;
  }
}

#adminStatsBar {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 999999999;
  background-color: #2c3e50;
  color: #fff;
  padding: 10px 5px;
}

#adminStatsBar a {
  color: #fff;
  text-decoration: none;
}

#adminStatsBar .container {
  max-width: 1400px;
  background-color: #2c3e50;
  height: 30px;
  padding: 0;
}

#adminStatsBar a.brand {
  font-size: 24px;
  height: 30px;
  width: 45px;
  display: inline-block;
  position: relative;
  float: left;
}

#adminStatsBar a.brand .cocktailstick {
  position: absolute;
  color: red;
  margin-left: -19px;
  margin-top: -9px;
}

#adminStatsBar a.brand .cherry {
  position: absolute;
  background-color: olive;
  width: 7px;
  height: 7px;
  right: 23px;
  top: 8px;
  border-radius: 50%;
}

#adminStatsBar a.brand sup {
  font-size: 9px;
  display: block;
  position: absolute;
  top: 5px;
  right: 3px;
}

#adminStatsBar .asb-menu-trigger {
  float: right;
  font-size: 25px;
  cursor: pointer;
}

#adminStatsBar .asb-content {
  width: calc(100% - 50px);
}

#adminStatsBar .asb-content-left {
  height: 33px;
  width: auto;
  margin-right: 20px;
  float: left;
  overflow: hidden;
}

#adminStatsBar .asb-content-left > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

#adminStatsBar .asb-content-left > ul > li {
  display: inline-block;
  border-left: solid 2px #4a66bc;
  padding-left: 5px;
  height: 33px;
  float: left;
  margin-left: 10px;
  overflow: hidden;
}

#adminStatsBar .asb-content-left > ul > li.asb-stats-link {
  font-weight: 500;
  text-decoration: underline;
  width: 66px;
}

#adminStatsBar .asb-content-left > ul > li.asb-stats-article-views, #adminStatsBar .asb-content-left > ul > li.asb-stats-articles {
  border-left: solid 2px #c1c4c9;
}

#adminStatsBar .asb-content-left > ul > li.asb-stats-uniques #adminStatsBar .asb-content-left > ul > li.asb-stats-contrib {
  border-left: solid 2px #b39c43;
}

#adminStatsBar .asb-content-left > ul > li.asb-stats-socials {
  border-left: solid 2px #8e8bb7;
}

#adminStatsBar .asb-content-left > ul > li .stats {
  display: block;
  font-weight: 700;
}

#adminStatsBar .asb-content-left > ul > li a {
  max-width: 100%;
  text-overflow: ellipsis;
}

@media (max-width: 1104px) {
  #adminStatsBar .asb-content-left > ul > li.asb-stats-socials {
    display: none;
  }
}

@media (max-width: 1028px) {
  #adminStatsBar .asb-content-left > ul > li.asb-stats-contrib {
    display: none;
  }
}

@media (max-width: 942px) {
  #adminStatsBar .asb-content-left > ul > li.asb-stats-uniques {
    display: none;
  }
}

@media (max-width: 876px) {
  #adminStatsBar .asb-content-left > ul > li.asb-stats-articles {
    display: none;
  }
}

@media (max-width: 810px) {
  #adminStatsBar .asb-content-left > ul > li.asb-stats-article-views {
    display: none;
  }
}

#adminStatsBar .asb-more-less {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  cursor: pointer;
  margin-right: 15px;
  float: left;
}

#adminStatsBar .asb-more-less #asb-see-more {
  width: 52px;
  display: inline-block;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown {
  text-transform: none;
  display: none;
  height: calc(100vh - 50px);
  width: 100vw;
  bottom: 50px;
  left: 0;
  z-index: 30000001;
  position: fixed;
  padding: 25px;
  max-height: 430px;
  background-color: #2c3e50;
  cursor: default;
  -webkit-box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  overflow-x: auto;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-dropdown-container {
  max-width: 1400px;
  margin: 0 auto;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row {
  width: 70%;
  float: left;
  padding: 5px 0 5px 5px;
  height: 70px;
  box-sizing: border-box;
  display: block;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row .figures-title {
  height: 20px;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li {
  display: inline-block;
  border-left: solid 2px #4a66bc;
  padding-left: 5px;
  height: 33px;
  float: left;
  margin-left: 10px;
  overflow: hidden;
  max-width: 80px;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-article-views, #adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-articles, #adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-contrib, #adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-socials, #adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-uniques {
  width: 80px;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-articles {
  border-left: solid 2px #c1c4c9;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-contrib, #adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-uniques {
  border-left: solid 2px #b39c43;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li.asb-stats-socials {
  border-left: solid 2px #8e8bb7;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li .stats {
  display: block;
  font-weight: 500;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-row > ul > li a {
  display: block;
  top: 0;
  font-weight: 400;
  line-height: 18px;
  max-width: 100%;
  text-overflow: ellipsis;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-help {
  width: 30%;
  float: right;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  border-left: 1px solid white;
  padding: 5px 5px 5px 10px;
  box-sizing: border-box;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-help li {
  margin-bottom: 14px;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-help li h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 15px;
  line-height: 16px;
  margin-bottom: 2px;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-help li p {
  margin-bottom: 8px;
}

#adminStatsBar .asb-more-less .asb-stats-dropdown .asb-figures-help li .asb-timer {
  color: #C5D9B2;
}

#adminStatsBar .asb-content-right {
  float: right;
}

#adminStatsBar .asb-content-right > div {
  display: inline-block;
  float: left;
}

#adminStatsBar .asb-content-right .asb-piano {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  margin-right: 25px;
}

#adminStatsBar .asb-content-right .asb-piano > span {
  cursor: pointer;
}

#adminStatsBar .asb-content-right .asb-site-info {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  margin-right: 25px;
}

#adminStatsBar .asb-content-right .asb-site-info > span {
  cursor: pointer;
}

#adminStatsBar .asb-content-right .asb-site-info .asb-site-info-dropdown {
  display: none;
  bottom: 50px;
  z-index: 99999999;
  position: absolute;
  padding: 10px;
  background-color: #2c3e50;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
}

#adminStatsBar .asb-content-right .asb-site-info .asb-site-info-dropdown p {
  margin-bottom: 5px;
  line-height: 14px;
}

#adminStatsBar .asb-content-right .asb-help {
  font-size: 12px;
  font-weight: 500;
  line-height: 30px;
  margin-right: 25px;
}

#adminStatsBar .asb-content-right .asb-help > span {
  cursor: pointer;
}

#adminStatsBar .asb-content-right .asb-help .asb-help-dropdown {
  display: none;
  bottom: 50px;
  z-index: 99999999;
  position: absolute;
  padding: 10px;
  background-color: #2c3e50;
  -webkit-box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#adminStatsBar .asb-content-right .asb-help .asb-help-dropdown p {
  margin-bottom: 5px;
  line-height: 14px;
}

#adminStatsBar .asb-content-right .asb-search {
  margin-right: 25px;
  line-height: 30px;
  cursor: pointer;
  max-width: 20px;
}

#adminStatsBar .asb-content-right .asb-search .asb-search-dropdown {
  display: none;
  bottom: 50px;
  z-index: 99999999;
  position: absolute;
  padding: 10px;
  background-color: #2c3e50;
  -webkit-box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 -5px 3px 0 rgba(0, 0, 0, 0.12);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-left: -200px;
}

#adminStatsBar .asb-content-right .asb-search .asb-search-dropdown p {
  margin-bottom: 5px;
  line-height: 14px;
}

#adminStatsBar .asb-close {
  line-height: 30px;
  float: right;
  cursor: pointer;
}

@media screen and (max-width: 730px) {
  #adminStatsBar {
    display: none;
  }
}

.article-body blockquote {
  font-family: "Fira Sans", sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
}

.article-body blockquote:before {
  content: "\201C";
  font-family: "Noto Serif", serif;
  font-size: 130px;
  line-height: 97px;
  float: left;
  height: 50px;
  width: 60px;
  margin-right: 10px;
  color: #D8232A;
  font-style: initial;
}

#nq-galleries-v2 {
  position: relative;
}

#nq-galleries-v2 .in-article-image-container {
  max-height: 350px;
  width: 100%;
  display: inline-block;
  position: relative;
}

#nq-galleries-v2 .in-article-image-container img {
  max-height: 350px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

#nq-galleries-v2 .in-article-image-trigger {
  position: absolute;
  top: 40%;
  margin: auto;
  right: 0;
  background-color: #A01016;
  color: #FFF;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: 400;
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  font-size: 20pt;
  display: table;
  left: 50%;
  transform: translate(-50%, 0);
}

#nq-galleries-v2 .in-article-image-trigger i {
  margin-right: 5px;
}

#nq-galleries-v2 .in-article-image-trigger:focus, #nq-galleries-v2 .in-article-image-trigger:hover {
  background-color: #96290a;
}

#nq-galleries-v2 .in-article-image-trigger__compacted {
  top: auto;
  left: auto;
  right: 18px;
  bottom: 20px;
  margin: 0;
  padding: 5px 10px;
  transform: none;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #1b1b1b;
  padding: 75px;
  z-index: 9999999999;
  /* mobile */
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-slide-count-desktop {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  text-align: center;
  color: #fff;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-slide-count-desktop > span {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0 5px;
  display: inline;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  font-family: "Fira Sans", sans-serif;
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-slide-count-desktop {
    display: none;
  }
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery {
  float: left;
  width: calc(100% - 415px);
  height: calc(100vh - 185px);
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-close {
  position: fixed;
  top: 15px;
  right: 35px;
  color: #FFF;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 25px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-close:focus, #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-close:hover {
  background-color: #FFF;
  color: #000;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-next,
#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-prev {
  position: fixed;
  background: none;
  border: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: auto;
  top: 0;
  bottom: 0;
  font-size: 30px;
  color: #FFF;
  line-height: 50px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: none;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-next:focus, #nq-galleries-v2 .nq-galleries-v2-full-screen .slick-next:hover,
#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-prev:focus,
#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-prev:hover {
  background-color: #FFF;
  color: #000;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-prev {
  left: 15px;
  padding-right: 10px;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-next {
  right: 15px;
  padding-left: 10px;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-track {
  height: calc(100vh - 193px);
  transform: none !important;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-slide img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-slide {
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-slide > div {
  height: 100%;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .slick-slide > div .main-image {
  height: 100%;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-content {
  float: right;
  width: 400px;
  text-align: left;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-content .nq-v2-fs-gallery-caption {
  color: #FFF;
  font-size: 22px;
  margin-top: 40px;
  display: block;
  width: 350px;
  margin-left: 10px;
  line-height: 27px;
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-content .nq-v2-fs-gallery-caption {
    display: none;
  }
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-nav {
  position: fixed;
  bottom: 10px;
  left: 0;
  right: 0;
  width: 100%;
  height: 78px;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-nav img {
  max-width: 100%;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-nav .slick-list {
  max-height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-nav .slick-track {
  height: 78px !important;
  display: flex;
  justify-content: center;
  transform: none !important;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-nav .slick-slide img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-nav .slick-slide {
  text-align: center;
  background-color: #252525;
  border: solid 1px #252525;
  width: 100px !important;
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-nav .slick-slide {
    width: 100% !important;
  }
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-nav .slick-slide.slick-current {
  border: solid 2px #00AFEA;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-interstitial {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000;
  z-index: 2;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-interstitial .nq-v2-gallery-interstitial-ad {
  margin-top: 100px;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-interstitial .nq-v2-gallery-interstitial-next-slide-container {
  width: 300px;
  margin: auto;
  position: relative;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-interstitial .nq-v2-gallery-interstitial-next-slide-container__landscape {
  position: absolute;
  right: 15px;
  top: 3px;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-interstitial .nq-v2-gallery-interstitial-next-slide {
  background-color: #bb3510;
  color: #FFF;
  padding: 10px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 100;
  -webkit-transition: background-color 200ms linear;
  -ms-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
  position: absolute;
  right: 0;
  margin-top: 10px;
}

#nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer {
  display: none;
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer .nq-v2-gallery-mobile-caption div h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer .nq-v2-gallery-mobile-caption div h2 {
    font-size: 18px;
    line-height: 21px;
  }
}

@media (max-width: 1199.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .slick-arrow {
    z-index: 1;
    bottom: 57px;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .slick-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    padding: 10px 0;
  }
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen {
    padding: 0;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery {
    float: none;
    width: 100%;
    height: 100vh;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .slick-track {
    height: calc(100vh - 57px);
    transform: none !important;
    width: 80% !important;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .slick-track img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .slide img {
    position: static;
  }
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .main-image img {
    position: absolute;
    max-height: 400px;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-ad {
    display: none;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-fs-gallery-close {
    right: 5px;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    color: #FFF;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer .nq-v2-gallery-mobile-caption {
    display: none;
    position: absolute;
    bottom: 33px;
    background-color: rgba(0, 0, 0, 0.44);
    width: 100%;
    height: 102px;
    padding: 15px;
    overflow-y: hidden;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer .nq-v2-gallery-mobile-caption > div {
    height: 100%;
    overflow: scroll;
  }
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer .nq-v2-gallery-slide-count {
    display: inline-block;
    position: absolute;
    bottom: 6px;
    left: 20px;
    width: 125px;
    text-align: left;
  }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer .nq-v2-gallery-slide-count {
    background-color: rgba(0, 0, 0, 0.44);
    bottom: 0;
    left: 50%;
    text-align: center;
    width: auto;
    padding: 0 2px;
  }
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer .nq-v2-gallery-show-caption-button {
    display: inline-block;
    position: absolute;
    bottom: 6px;
    right: 20px;
    width: 125px;
    text-align: right;
    cursor: pointer;
  }
}

@media (max-width: 991.98px) and (max-width: 991.98px) {
  #nq-galleries-v2 .nq-galleries-v2-full-screen .nq-v2-gallery-mobile-footer .nq-v2-gallery-show-caption-button {
    background-color: rgba(0, 0, 0, 0.44);
    bottom: 0;
    right: 0;
    width: 110px;
    text-align: center;
  }
}

#nq-galleries-v2 span.classic-images {
  display: none;
}

#nq-galleries-v2 .social-components {
  position: absolute;
  top: 0;
  left: 0;
}

#nq-galleries-v2 .social-components .social-buttons-social-bar {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px auto auto;
  text-align: center;
  z-index: 3000013;
}

#nq-galleries-v2 .social-components .social-buttons-social-bar .social-buttons-socialbar-wrapper {
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: -5px;
  left: 10px;
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .social-components .social-buttons-social-bar .social-buttons-socialbar-wrapper {
    top: 5px;
  }
}

#nq-galleries-v2 .social-components .social-buttons-social-bar .social-button {
  width: 50px;
  height: 50px;
  min-width: 50px;
  display: inline-block;
  margin: 5px;
  font-size: 16pt;
  border-radius: 35px;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  transition: all 0.3s linear 0s;
  text-align: center;
  padding: 1px;
  border: 1px solid transparent;
  color: white;
}

@media (max-width: 991.98px) {
  #nq-galleries-v2 .social-components .social-buttons-social-bar .social-button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    font-size: 12pt;
  }
}

#nq-galleries-v2 .social-components .social-buttons-social-bar .social-button:hover {
  background-color: white;
  border: 1px solid #e3e3eb;
  color: #D8232A;
  cursor: pointer;
  transition: all 0.3s linear 0s;
}

#nq-galleries-v2 .social-components .social-buttons-social-bar .bg-fb {
  background-color: #3b5998;
}

#nq-galleries-v2 .social-components .social-buttons-social-bar .bg-twitter {
  background-color: #55acee;
}

#nq-galleries-v2 .social-components .social-buttons-social-bar .bg-whatsapp {
  background-color: #25D366;
}

#nq-galleries-v2 .social-components .social-buttons-social-bar .bg-email {
  background-color: #153444;
}

#nq-galleries-v2 .nq-v2-fs-gallery .slick-active {
  position: absolute !important;
  left: 0 !important;
}

#propertyModule .average-properties {
  padding: 15px;
}

#propertyModule .average-properties h3 {
  color: #D8232A;
}

#propertyModule .average-properties .average-property {
  background-color: #EFEFEF;
  margin-top: 15px;
  padding: 10px;
  overflow: hidden;
}

#propertyModule .average-properties .average-property .property-type {
  float: left;
}

#propertyModule .average-properties .average-property .property-type-price {
  float: right;
  color: #CF1A1B;
  font-weight: 600;
}

#propertyModule .average-properties .divider {
  width: 80%;
  height: 2px;
  background-color: #efefef;
  margin: 10px auto 20px;
}

#propertyModule .average-properties p {
  margin-top: 10px;
  font-size: 14px;
}

#propertyModule .average-properties .cta {
  text-align: center;
}

#propertyModule .average-properties .cta a {
  display: block;
  width: 220px;
  margin: 10px auto;
  padding: 5px;
}

#propertyModule .average-properties .cta .council-tax {
  border: 1px solid #D8232A;
  color: #D8232A;
}

#propertyModule .average-properties .cta .detailed-price {
  background-color: #D8232A;
  color: #FFF;
}

#propertyModule .featured-property-carousel-container {
  box-shadow: 0;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel {
  background-color: #D8232A;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .slick-slider .slick-track {
  max-height: 278px;
  overflow: hidden;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-image-container {
  float: left;
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-image-container {
    width: 66%;
  }
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-image-container img {
  height: auto;
  max-height: 280px;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-image-container .featured-property-label {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FED802;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
  padding: 5px 10px;
  font-weight: 500;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details {
  float: right;
  padding: 0 10px;
  text-align: center;
  width: 100%;
}

@media (min-width: 576px) {
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details {
    text-align: left;
    width: 34%;
  }
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a {
  color: #FFF;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a h3 {
  font-family: "Fira Sans", sans-serif;
  padding-top: 15px;
  font-weight: 600;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a:focus, #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a:hover {
  text-decoration: none;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a .property-price {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 21px;
  margin-top: 12px;
}

@media (min-width: 576px) {
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a .property-price {
    text-align: right;
  }
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a .property-price .pricePrefix {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

@media (min-width: 992px) {
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a .property-price {
    font-size: 29px;
    line-height: 32px;
  }
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a .agentLogo {
  text-align: center;
  margin-top: 12px;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details a .agentLogo img {
  display: inline-block;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container {
  background-color: #FFF;
  border: solid 1px #D8232A;
  text-align: center;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container button {
  background-color: transparent;
  border: 0;
  color: #BA360F;
  outline: 0;
  cursor: pointer;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container .slick-prev {
  float: left;
  line-height: 32px;
  margin-left: 5%;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container .slick-next {
  float: right;
  line-height: 32px;
  margin-right: 5%;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container ul.slick-dots {
  margin-bottom: 10px;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container ul.slick-dots li {
  display: inline-block;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container ul.slick-dots li button {
  border-radius: 50%;
  background-color: #D8D8D8;
  font-size: 0;
  width: 13px;
  height: 13px;
  margin-right: 10px;
  padding: 0;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container ul.slick-dots li:last-child button {
  margin-right: 0;
}

#propertyModule .featured-property-carousel-container .featured-property-carousel-nav-container ul.slick-dots li.slick-active button {
  background-color: #D8232A;
}

@media (max-width: 991.98px) {
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-image-container {
    width: 100%;
  }
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details {
    width: 100%;
    /* clearfix */
    *zoom: 1;
  }
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details .agentLogo {
    float: left;
    margin-bottom: 10px;
    text-align: left !important;
  }
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details .agentLogo img {
    width: 88%;
    height: auto;
  }
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details .property-price {
    font-size: 25px !important;
    line-height: initial !important;
    text-align: right;
    margin-top: 30px !important;
  }
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details:after, #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details:before {
    content: " ";
    display: table;
  }
  #propertyModule .featured-property-carousel-container .featured-property-carousel .fpc-details:after {
    clear: both;
  }
}

#propertyModule .property-local-area {
  padding: 15px;
  background-color: #FFF;
  margin-bottom: 20px;
}

#propertyModule .property-local-area h3 {
  font-family: "Roboto", sans-serif;
  color: #000;
}

#propertyModule .property-local-area.local-area-is-lettings .local-area-list {
  text-align: center;
}

#propertyModule .property-local-area #local-area-map-canvas {
  height: 250px;
  margin-top: 25px;
}

#propertyModule .property-local-area .council-tax-button {
  background-color: #D8232A;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  display: block;
  margin-top: 20px;
  color: #FFF;
  text-decoration: none;
  padding: 7px;
}

#propertyModule .property-local-area .council-tax-button:focus, #propertyModule .property-local-area .council-tax-button:hover {
  opacity: 0.9;
}

@media (min-width: 768px) {
  #propertyModule .property-local-area .council-tax-button {
    width: 50%;
  }
}

#propertyModule .property-local-area .local-area-list {
  background-color: #EFEFEF;
  margin-top: 15px;
  padding: 10px;
  overflow: hidden;
  text-align: center;
}

#propertyModule .property-local-area .local-area-list a {
  color: #000;
  font-weight: 500;
  display: block;
  text-decoration: none;
}

#propertyModule .property-local-area .local-area-list .property-type {
  float: left;
}

#propertyModule .property-local-area .local-area-list .property-type-price {
  float: right;
  color: #CF1A1B;
  font-weight: 600;
}

#propertyModule .property-local-area .divider {
  width: 80%;
  height: 2px;
  background-color: #efefef;
  margin: 10px auto 20px;
}

#propertyModule .property-local-area p {
  margin-top: 10px;
  font-size: 14px;
}

#propertyModule .property-local-area .cta {
  text-align: center;
}

#propertyModule .property-local-area .cta a {
  display: block;
  width: 220px;
  margin: 10px auto;
  padding: 5px;
  text-decoration: none;
}

#propertyModule .property-local-area .cta .council-tax {
  border: 1px solid #D8232A;
  color: #D8232A;
}

#propertyModule .property-local-area .cta .detailed-price {
  background-color: #D8232A;
  color: #FFF;
}

#propertyModule .property-search-large {
  background-color: #000;
  padding-bottom: 40px;
  margin-bottom: 20px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
  background: -moz-linear-gradient(0.44deg, rgba(13, 38, 106, 0) 0%, rgba(24, 47, 110, 0.97) 100%, rgba(24, 47, 110, 0.98) 100%), url("/resources/responsive-static/images/property/search-background.png") no-repeat center center;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(0.44deg, rgba(13, 38, 106, 0) 0%, rgba(24, 47, 110, 0.97) 100%, rgba(24, 47, 110, 0.98) 100%), url("/resources/responsive-static/images/property/search-background.png") no-repeat center center;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(0.44deg, rgba(13, 38, 106, 0) 0%, rgba(24, 47, 110, 0.97) 100%, rgba(24, 47, 110, 0.98) 100%), url("/resources/responsive-static/images/property/search-background.png") no-repeat center center;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* IE6-9 */
}

#propertyModule .property-search-large .form-group {
  margin-bottom: 0;
}

#propertyModule .property-search-large h1 {
  font-family: "Fira Sans", sans-serif;
  font-size: 30px;
  font-weight: 400;
  color: #FFF;
  text-align: center;
  padding: 20px 5px;
  line-height: 37px;
}

#propertyModule .property-search-large .property-search-container {
  max-width: 90%;
  padding: 0 20px;
  margin: 0 auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  /* Styles for collapsed search */
}

#propertyModule .property-search-large .property-search-container form label {
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
}

@media (min-width: 768px) {
  #propertyModule .property-search-large .property-search-container {
    padding: 0 20px;
  }
}

#propertyModule .property-search-large .property-search-container .search-field-container .buy-rent-switch {
  float: left;
  width: 96px;
}

#propertyModule .property-search-large .property-search-container .search-field-container .buy-rent-switch > span {
  width: 96px;
  background-color: #D8232A;
  color: #FFF;
  line-height: 50px;
  line-height: 38px;
  display: inline-block;
  padding-left: 10px;
  cursor: pointer;
}

#propertyModule .property-search-large .property-search-container .search-field-container .buy-rent-switch > span.option {
  display: none;
  position: absolute;
  z-index: 999;
}

#propertyModule .property-search-large .property-search-container .search-field-container .buy-rent-switch > span.option:hover {
  background-color: #e24c52;
}

#propertyModule .property-search-large .property-search-container .search-field-container .buy-rent-switch > span i {
  float: right;
}

#propertyModule .property-search-large .property-search-container .search-field-container input {
  float: right;
  width: calc(100% - 96px);
  height: 38px;
  border: 0;
}

#propertyModule .property-search-large .property-search-container .search-field-container .property-search-icon {
  float: right;
  margin-top: -32px;
  margin-right: 5px;
  font-size: 22px;
  border-left: solid 2px #d8d8d8;
  height: 26px;
  display: none;
}

#propertyModule .property-search-large .property-search-container .search-field-container .property-search-icon i {
  float: right;
  margin-top: -4px;
  color: #D8232A;
}

@media screen and (min-width: 425px) {
  #propertyModule .property-search-large .property-search-container .search-field-container .property-search-icon {
    display: block;
  }
}

#propertyModule .property-search-large .property-search-container input,
#propertyModule .property-search-large .property-search-container select {
  border-radius: 0;
}

#propertyModule .property-search-large .property-search-container .form-group-price label {
  display: block;
}

#propertyModule .property-search-large .property-search-container .form-group-price select {
  display: inline-block;
  width: 48%;
}

#propertyModule .property-search-large .property-search-container .form-group-price select.price-min {
  float: left;
}

#propertyModule .property-search-large .property-search-container .form-group-price select.price-max {
  float: right;
}

#propertyModule .property-search-large .property-search-container button {
  margin-top: 31px;
  display: block;
  width: 100%;
  border-radius: 0;
  background-color: #D8232A;
  border-color: #D8232A;
  cursor: pointer;
  outline: 0;
}

#propertyModule .property-search-large .property-search-container button:focus, #propertyModule .property-search-large .property-search-container button:hover {
  opacity: 0.9;
}

#propertyModule .property-search-large .property-search-container.property-search-active {
  background-color: rgba(255, 255, 255, 0.84);
  margin: 0 auto;
}

#propertyModule .property-search-large .property-search-container.property-search-active .form-group {
  margin-bottom: 20px;
}

#propertyModule .property-search-large .property-search-container.property-search-active .hide-when-collapsed {
  display: inline-block;
}

#propertyModule .property-search-large .property-search-container.property-search-active .hide-when-collapsed-flex {
  display: flex;
}

#propertyModule .property-search-large .property-search-container.property-search-active .property-search-icon {
  display: none;
}

#propertyModule .property-search-large .property-search-container.property-search-active .search-field-container {
  padding-top: 20px;
}

#propertyModule .property-search-large .property-search-container.property-search-active .search-field-container input {
  border: 1px solid rgba(0, 0, 0, 0.15);
  height: 40px;
  margin-top: -1px;
  border-left: 0;
}

#propertyModule .property-search-large .hide-when-collapsed,
#propertyModule .property-search-large .hide-when-collapsed-flex {
  display: none;
}

#propertyModule .property-search-large .property-search-tabs-container {
  max-width: 90%;
  padding: 20px 20px 0;
  margin: 0 auto;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab {
  background-color: #e24c52;
  display: inline-block;
  padding: 3px 0 4px 10px;
  color: #FFF;
  cursor: pointer;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab.ps-tab-popular {
  margin-right: 10px;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab i:before {
  margin-left: 0;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab.active {
  border-bottom: 0;
  color: #FFF;
  background-color: #D8232A;
}

@media screen and (max-width: 357px) {
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab {
    font-size: 14px;
  }
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab.ps-tab-popular {
    margin-right: 10px;
  }
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab .tab-hide-mobile {
    display: none;
  }
}

@media screen and (min-width: 357px) and (max-width: 389px) {
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab {
    font-size: 14px;
    padding: 3px 10px 4px;
  }
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab i {
    display: none;
  }
}

@media screen and (min-width: 390px) and (max-width: 429px) {
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tabs .property-search-tab {
    font-size: 14px;
  }
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents {
  display: block;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content {
  background-color: #D8232A;
  padding: 10px;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul {
  margin-bottom: 0;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul li {
  display: inline-block;
  width: 100%;
  margin-bottom: 8px;
  float: left;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul li a {
  color: #FFF;
  font-size: 14px;
}

@media screen and (min-width: 375px) and (max-width: 576px) {
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul li {
    width: 49%;
  }
}

@media (min-width: 576px) {
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul li {
    width: 32%;
  }
}

@media (min-width: 768px) {
  #propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents .property-search-tab-content ul li {
    width: 24%;
  }
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents #recentTab ul > li {
  width: 100%;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents #recentTab .add-current-search {
  width: 100%;
  border-top: solid 1px #FFF;
  display: block;
  color: #FFF;
  font-size: 14px;
  padding: 10px 0 0;
}

#propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents #recentTab .add-current-search:focus, #propertyModule .property-search-large .property-search-tabs-container .property-search-tab-contents #recentTab .add-current-search:hover {
  text-decoration: none;
}

#propertyModule .property-search-small .nq-article-card {
  padding: 10px;
}

#propertyModule .property-search-small .nq-article-card input,
#propertyModule .property-search-small .nq-article-card select {
  border-radius: 0;
}

#propertyModule .property-search-small .nq-article-card button {
  background-color: #D8232A;
  border-radius: 0;
  outline: 0;
  margin-bottom: 10px;
  cursor: pointer;
}

#propertyModule .property-search-small .nq-article-card button:focus, #propertyModule .property-search-small .nq-article-card button:hover {
  outline: 0;
  opacity: 0.9;
}

@media (min-width: 768px) {
  #propertyModule .property-search-small .nq-article-card button {
    margin-bottom: 0;
  }
}

#propertyModule .property-search-small .nq-article-card label {
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
}

#propertyModule .property-search-small .nq-article-card .search-field {
  width: calc(100% - 95px);
}

#propertyModule .property-search-small .nq-article-card .buy-rent-switch {
  float: left;
  width: 95px;
}

#propertyModule .property-search-small .nq-article-card .buy-rent-switch > span {
  width: 95px;
  background-color: #D8232A;
  color: #FFF;
  line-height: 50px;
  line-height: 38px;
  display: inline-block;
  padding-left: 10px;
  cursor: pointer;
}

#propertyModule .property-search-small .nq-article-card .buy-rent-switch > span.option {
  display: none;
  position: absolute;
  z-index: 999;
}

#propertyModule .property-search-small .nq-article-card .buy-rent-switch > span.option:hover {
  background-color: #e24c52;
}

#propertyModule .property-search-small .nq-article-card .buy-rent-switch > span i {
  float: right;
}

#propertyModule .property-search-small .nq-article-card .similar-properties {
  display: inline-block;
  color: #D8232A;
  padding: 5px 10px;
}

#propertyModule .property-search-small .nq-article-card .similar-properties.active {
  background-color: #D8232A;
  color: #FFF;
}

#propertyModule .property-search-small .nq-article-card ul.similar-properties-list {
  display: none;
  position: absolute;
  z-index: 999;
  padding-top: 20px;
  background-color: #D8232A;
}

#propertyModule .property-search-small .nq-article-card ul.similar-properties-list.active {
  display: block;
}

#propertyModule .property-search-small .nq-article-card ul.similar-properties-list li {
  display: inline-block;
  margin: 10px;
  width: 40%;
}

#propertyModule .property-search-small .nq-article-card ul.similar-properties-list li a {
  color: #fff;
}

#propertyModule .property-search-small .nq-article-card ul.similar-properties-list li a .location {
  float: left;
  max-width: calc(100% - 59px);
  height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
}

#propertyModule .property-search-small .nq-article-card ul.similar-properties-list li a .number {
  float: left;
  padding-left: 10px;
}

#propertyModule .autocomplete__results {
  position: relative;
  float: left;
  width: 100%;
  z-index: 99;
}

#propertyModule .refine-form .autocomplete__results {
  width: 300px;
}

#propertyModule .refine-form p.alert {
  width: 300px;
}

#propertyModule .autocomplete__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background: white;
  display: block !important;
}

#propertyModule .autocomplete__list__item {
  border-bottom: 1px solid silver;
  background: white;
  cursor: pointer;
  display: block !important;
}

#propertyModule .autocomplete__list__item:last-child {
  border-bottom: 0;
}

#propertyModule .autocomplete__list__item--disabled {
  color: gray;
  cursor: default;
}

#propertyModule .autocomplete__list__item--highlighted {
  background: whitesmoke;
}

#propertyModule .autocomplete__list__item__search-term {
  background-color: yellow;
  display: inline !important;
  width: auto !important;
  float: none !important;
}

@media (min-width: 576px) {
  #propertyModule .property-search-small .nq-article-card ul.similar-properties-list {
    padding-left: 10px;
  }
  #propertyModule .property-search-small .nq-article-card ul.similar-properties-list li {
    width: 45%;
  }
}

@media (min-width: 768px) {
  #propertyModule .property-search-small .nq-article-card button {
    margin-top: 32px;
  }
  #propertyModule .property-search-small .nq-article-card ul.similar-properties-list li {
    width: 22%;
  }
}

.property-search-results {
  /* Amenities */
}

.property-search-results .nq-article-card {
  /* TALL PROPERTY CARD RESPONSIVE CLASSES */
  /* HORIZONTAL PROPERTY CARD RESPONSIVE CLASSES */
}

@media screen and (max-width: 575px) {
  .property-search-results .nq-article-card.nq-property-sm-tall .property-image-container {
    max-width: 100%;
    float: none;
    height: 216px;
    width: 100%;
    background-color: #eaeaea;
    position: relative;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .property-image-container .property-image {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .details {
    padding: 10px;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .details h3 {
    margin-bottom: 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 18px;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .details h3.address {
    height: 48px;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .price-container {
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .price-container .agent {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    max-width: 100px;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .price-container .price {
    float: right;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .price-container .price h3 {
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .price-container .price h3.guide {
    font-size: 14px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .price-container .price h3.property-price {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .price-container:after, .property-search-results .nq-article-card.nq-property-sm-tall .price-container:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-sm-tall .price-container:after {
    clear: both;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .property-search-results .nq-article-card.nq-property-md-tall .property-image-container {
    max-width: 100%;
    float: none;
    height: 216px;
    width: 100%;
    background-color: #eaeaea;
    position: relative;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .property-image-container .property-image {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .details {
    padding: 10px;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .details h3 {
    margin-bottom: 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 18px;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .details h3.address {
    height: 48px;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .price-container {
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .price-container .agent {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    max-width: 100px;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .price-container .price {
    float: right;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .price-container .price h3 {
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .price-container .price h3.guide {
    font-size: 14px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .price-container .price h3.property-price {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .price-container:after, .property-search-results .nq-article-card.nq-property-md-tall .price-container:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-md-tall .price-container:after {
    clear: both;
  }
}

@media screen and (min-width: 992px) {
  .property-search-results .nq-article-card.nq-property-lg-tall .property-image-container {
    max-width: 100%;
    float: none;
    height: 216px;
    width: 100%;
    background-color: #eaeaea;
    position: relative;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .property-image-container .property-image {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .details {
    padding: 10px;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .details h3 {
    margin-bottom: 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 18px;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .details h3.address {
    height: 48px;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .price-container {
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .price-container .agent {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    max-width: 100px;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .price-container .price {
    float: right;
    text-align: right;
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .price-container .price h3 {
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .price-container .price h3.guide {
    font-size: 14px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .price-container .price h3.property-price {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .price-container:after, .property-search-results .nq-article-card.nq-property-lg-tall .price-container:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-lg-tall .price-container:after {
    clear: both;
  }
}

@media screen and (max-width: 575px) {
  .property-search-results .nq-article-card.nq-property-sm-horizontal {
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .property-image-container {
    width: 20%;
    float: left;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .property-image-container .property-image {
    height: auto;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .details {
    float: left;
    width: 45%;
    padding: 10px 0 10px 15px;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .details h3 {
    margin-bottom: 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 18px;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .details h3.address {
    height: 48px;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container {
    float: left;
    width: 35%;
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container .agent {
    width: 35%;
    float: left;
    padding: 10px 0 10px 15px;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container .price {
    width: 65%;
    float: right;
    text-align: right;
    padding: 10px 15px 10px 10px;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container .price h3 {
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container .price h3.guide {
    font-size: 14px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container .price h3.property-price {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container:after, .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal .price-container:after {
    clear: both;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal:after, .property-search-results .nq-article-card.nq-property-sm-horizontal:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-sm-horizontal:after {
    clear: both;
  }
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .property-search-results .nq-article-card.nq-property-md-horizontal {
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .property-image-container {
    width: 20%;
    float: left;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .property-image-container .property-image {
    height: auto;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .details {
    float: left;
    width: 45%;
    padding: 10px 0 10px 15px;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .details h3 {
    margin-bottom: 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 18px;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .details h3.address {
    height: 48px;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .price-container {
    float: left;
    width: 35%;
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .price-container .agent {
    width: 35%;
    float: left;
    padding: 10px 0 10px 15px;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .price-container .price {
    width: 65%;
    float: right;
    text-align: right;
    padding: 10px 15px 10px 10px;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .price-container .price h3 {
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .price-container .price h3.guide {
    font-size: 14px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .price-container .price h3.property-price {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .price-container:after, .property-search-results .nq-article-card.nq-property-md-horizontal .price-container:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal .price-container:after {
    clear: both;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal:after, .property-search-results .nq-article-card.nq-property-md-horizontal:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-md-horizontal:after {
    clear: both;
  }
}

@media screen and (min-width: 992px) {
  .property-search-results .nq-article-card.nq-property-lg-horizontal {
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .property-image-container {
    width: 20%;
    float: left;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .property-image-container .property-image {
    height: auto;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .details {
    float: left;
    width: 45%;
    padding: 10px 0 10px 15px;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .details h3 {
    margin-bottom: 0;
    font-family: "Fira Sans", sans-serif;
    font-size: 18px;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .details h3.address {
    height: 48px;
    overflow: hidden;
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container {
    float: left;
    width: 35%;
    /* Clearfix */
    *zoom: 1;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container .agent {
    width: 35%;
    float: left;
    padding: 10px 0 10px 15px;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container .price {
    width: 65%;
    float: right;
    text-align: right;
    padding: 10px 15px 10px 10px;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container .price h3 {
    font-family: "Roboto", sans-serif;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container .price h3.guide {
    font-size: 14px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container .price h3.property-price {
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 0;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container:after, .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal .price-container:after {
    clear: both;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal:after, .property-search-results .nq-article-card.nq-property-lg-horizontal:before {
    content: " ";
    display: table;
  }
  .property-search-results .nq-article-card.nq-property-lg-horizontal:after {
    clear: both;
  }
}

.property-search-results .local-amenities-container {
  margin-top: 20px;
  margin-bottom: 18px;
}

.property-search-results .local-amenities-container .amenities-ad {
  float: none;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .property-search-results .local-amenities-container .amenities-ad {
    float: left;
    max-width: 300px;
    margin-bottom: 0;
  }
}

.property-search-results .local-amenities-container .amenities-content {
  float: none;
  width: 100%;
}

@media (min-width: 768px) {
  .property-search-results .local-amenities-container .amenities-content {
    float: right;
    width: calc(100% - 318px);
  }
}

.property-search-results .local-amenities-container .amenities-content .nq-article-card {
  padding: 15px;
}

.property-search-results .local-amenities-container .amenities-content .nq-article-card h3 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
}

.property-search-results .local-amenities-container .amenities-content .nq-article-card span {
  display: block;
  padding-top: 15px;
  font-size: 18px;
}

.property-search-results .local-amenities-container .amenities-content .nq-article-card span a {
  display: table;
}

.property-search-results .local-amenities-container .amenities-content .nq-article-card span i {
  width: 40px;
  color: #D8232A;
  padding-right: 10px;
  font-size: 24px;
  display: table-cell;
  vertical-align: middle;
}

.property-search-results .local-amenities-container .amenities-content .nq-article-card .cta {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.property-search-results .local-amenities-container .amenities-content .nq-article-card .cta a {
  color: #D8232A;
}

.property-search-results article.property-search-result {
  margin-top: 15px;
  background-color: #FFF;
  clear: both;
  overflow-x: hidden;
}

.property-search-results article.property-search-result .property-image-container {
  max-width: 180px;
  height: 100%;
  float: left;
  width: 100%;
  background-color: #d2d2d2;
  position: relative;
}

@media (min-width: 992px) {
  .property-search-results article.property-search-result .property-image-container {
    max-width: 100%;
    float: none;
    height: 204px;
  }
}

.property-search-results article.property-search-result .property-image-container .property-image {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.property-search-results article.property-search-result .agent {
  float: left;
}

.property-search-results article.property-search-result .details {
  padding: 10px;
}

.property-search-results article.property-search-result .details .bedrooms {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
}

.property-search-results article.property-search-result .details .address {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
}

.property-search-results article.property-search-result .price-container {
  clear: both;
}

.property-search-results article.property-search-result .price-container .price {
  float: right;
  padding: 10px;
  text-align: right;
}

.property-search-results article.property-search-result .price-container .price .property-price {
  line-height: 25px;
  margin-bottom: 0;
}

.property-search-results article.property-search-result .price-container .price h3 {
  font-size: 24px;
  font-family: "Roboto", sans-serif;
}

.property-search-results article.property-search-result .price-container .price .guide {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

.property-search-results article.property-search-result .nq-article-card-label-standalone {
  font-size: 14px;
  float: right;
  padding: 0;
  background-color: #FFF;
}

.property-search-results article.property-search-result .nq-article-card-label-standalone h4 {
  text-transform: none;
}

.property-search-results[data-type="grid"] .agent {
  padding: 10px;
}

.property-search-results[data-type="grid"] .property-image {
  display: block;
  margin: auto;
  width: 100%;
  height: auto;
}

.property-search-results[data-type="grid"] .details {
  float: none;
}

.property-search-results[data-type="grid"] .details .address {
  height: 50px;
  overflow: hidden;
}

.property-search-results[data-type="grid"] .cta-component-half-width .redesign-cta {
  margin: 15px 0;
}

.property-search-results[data-type="grid"] .cta-component-half-width .redesign-cta button {
  width: auto;
  padding: 5px 10px;
  float: left;
  font-size: 14px;
}

.property-search-results[data-type="grid"] .cta-component-half-width .redesign-cta button:nth-of-type(1) {
  margin-right: 15px;
}

.property-search-results[data-type="grid"] .cta-component-half-width .redesign-cta input {
  padding: 4px 0 4px 9px;
}

.property-search-results[data-type="list"] article.property-search-result {
  margin-top: 15px;
  background-color: #FFF;
  clear: both;
}

.property-search-results[data-type="list"] article.property-search-result a {
  color: #2A2A2A;
}

.property-search-results[data-type="list"] article.property-search-result .agent {
  margin-left: 10px;
  float: left;
  padding-bottom: 10px;
}

.property-search-results[data-type="list"] article.property-search-result .image-container {
  width: 100%;
}

.property-search-results[data-type="list"] article.property-search-result .property-price {
  font-weight: 500;
}

.property-search-results .cta-ad {
  max-width: 728px;
  width: 100%;
  margin: auto;
}

.property-search-results .redesign-cta {
  max-width: 728px;
  width: 100%;
  margin: 15px auto;
}

.property-search-results .redesign-cta button {
  width: auto;
  margin-top: 10px;
  border: 0;
  padding: 2px 20px;
}

.property-search-results .redesign-cta input {
  width: 100%;
  padding: 0 4px;
}

.property-views {
  margin-top: 15px;
  text-align: center;
  margin-bottom: 15px;
}

.property-views .property-view {
  display: inline-block;
  font-size: 14px;
  font-family: "Fira Sans", sans-serif;
  color: #D8232A;
  margin-right: 10px;
}

.property-views .property-view a {
  color: #979797;
  text-decoration: none;
}

.property-views .property-view a:hover {
  text-decoration: none;
}

.property-views .property-view a.active {
  font-weight: 500;
  color: #D8232A;
}

.property-views .property-view i {
  font-size: 18px;
  padding-right: 5px;
}

.property-views .property-view.sort-by {
  color: #2A2A2A;
  font-weight: 600;
  display: block;
}

.property-views .property-view.sort-by select {
  background-color: #FFF;
  padding: 5px;
  border-radius: 0;
  width: 80%;
  margin-bottom: 15px;
  font-weight: 400;
  margin-left: 10px;
  font-size: 12px;
  color: #828282;
}

.property-views .filter {
  display: none;
}

@media (min-width: 576px) {
  .property-search-results[data-type="list"] .redesign-cta {
    max-width: 728px;
    width: 100%;
  }
  .property-search-results[data-type="list"] .redesign-cta input {
    width: 100%;
  }
  .property-search-results[data-type="grid"] article.property-search-result .agent {
    max-width: 35%;
  }
  .property-search-results[data-type="grid"] .redesign-cta button {
    margin-right: 15px;
    margin-top: 10px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .property-views {
    text-align: left;
    height: 33px;
    position: relative;
  }
  .property-views .property-view.sort-by {
    position: absolute;
    display: inline-block;
    width: 200px;
    z-index: 2;
  }
  .property-views .property-view.sort-by select {
    width: auto;
    margin-bottom: 0;
  }
  .property-views .filter {
    position: absolute;
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
  }
  .local-amenities .amenities-ad {
    text-align: left;
  }
  .property-search-results[data-type="list"] .redesign-cta input {
    width: calc(100% - 230px);
  }
  .property-search-results[data-type="list"] .redesign-cta .buttons {
    width: 210px;
    margin-left: 15px;
  }
  .property-search-results[data-type="list"] .redesign-cta .buttons button {
    margin-top: 0;
  }
  .property-search-results[data-type="list"] article.property-search-result .property-image-container {
    max-width: 180px;
    height: auto;
    float: left;
    background-color: #FFF;
  }
  .property-search-results[data-type="list"] article.property-search-result .property-image-container .property-image {
    position: relative;
  }
  .property-search-results[data-type="list"] article.property-search-result .details {
    float: left;
    width: calc(70% - 220px);
  }
  .property-search-results[data-type="list"] article.property-search-result .price-container {
    clear: none;
    width: 30%;
    float: right;
  }
  .property-search-results[data-type="list"] article.property-search-result .price-container .price {
    padding-top: 15px;
  }
  .property-search-results[data-type="list"] article.property-search-result .price-container .agent {
    float: left;
    padding-bottom: 0;
    margin: 15px 10px 0;
    max-width: 80px;
  }
  .property-search-results[data-type="grid"] .details {
    float: left;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .property-search-results[data-type="list"] article.property-search-result .details {
    width: calc(60% - 220px);
  }
  .property-search-results[data-type="list"] article.property-search-result .price-container {
    width: 35%;
  }
  .property-search-results[data-type="list"] article.property-search-result .price-container .agent {
    max-width: 96px;
  }
  .property-search-results[data-type="grid"] article.property-search-result .agent {
    width: auto;
  }
  .property-search-results[data-type="grid"] .cta-component-half-width .redesign-cta button {
    margin-top: 0;
  }
  .property-search-results[data-type="grid"] .cta-component-half-width .cta-ad {
    text-align: center;
  }
}

/* Pagination */
#searchResultsPage {
  margin-top: 20px;
}

#searchResultsPage .page-of {
  font-size: 14px;
}

#searchResultsPage .back-to-top-pagination {
  text-align: center;
}

#searchResultsPage .back-to-top-pagination a {
  font-size: 14px;
  color: #D8232A;
}

#searchResultsPage .back-to-top-pagination a:focus, #searchResultsPage .back-to-top-pagination a:hover {
  text-decoration: none;
}

#propertyModule .featured-agents-container {
  background-color: #D8232A;
  padding: 2px;
  font-family: "Open Sans";
  margin-bottom: 20px;
}

#propertyModule .featured-agents-container button,
#propertyModule .featured-agents-container h2,
#propertyModule .featured-agents-container h4,
#propertyModule .featured-agents-container input,
#propertyModule .featured-agents-container p {
  font-family: "Open Sans";
}

#propertyModule .featured-agents-container h2 {
  font-weight: 600;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .fa-top-bar .heading-container {
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 20px;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .fa-top-bar .heading-container h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #FFF;
  font-size: 24px;
  line-height: 27px;
}

@media (min-width: 576px) {
  #propertyModule .featured-agents-container .featured-agents-block-inner .fa-top-bar .heading-container h2 {
    text-align: left;
    line-height: 38px;
  }
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent {
  color: #fff;
  font-size: 12px;
  text-align: left;
  padding-left: 20px;
  padding-top: 5px;
  padding-right: 28px;
}

@media (min-width: 768px) {
  #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent {
    text-align: center;
    padding-left: 0;
    padding-top: 15px;
  }
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent form {
  display: inline;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent input.form-control {
  background: none;
  border: 0;
  width: calc(100% - 21px);
  float: right;
  color: #FFF;
  padding: 1px 0 0 10px;
  /* DO NOT GROUP THESE - If one is invalid, all will be. */
}

@media (min-width: 768px) {
  #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent input.form-control {
    width: 124px;
  }
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent input.form-control::-webkit-input-placeholder {
  opacity: 1;
  color: #FFF;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent input.form-control:-moz-placeholder {
  opacity: 1;
  color: #FFF;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent input.form-control:-ms-input-placeholder {
  opacity: 1;
  color: #FFF;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent input.form-control::-moz-placeholder {
  opacity: 1;
  color: #FFF;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent img {
  max-width: 120px;
  margin-left: 2px;
  margin-right: 10px;
  margin-top: -2px;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-desktop {
  display: none;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile {
  display: block;
  margin-bottom: 10px;
  height: 20px;
  margin-top: 0;
  padding-top: 0;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile form {
  float: right;
  width: 130px;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile form i {
  float: left;
  margin-top: 2px;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile form input {
  padding-left: 0;
}

@media (min-width: 576px) {
  #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent {
    font-size: 15px;
    text-align: right;
  }
  #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent img {
    max-width: 100px;
  }
}

@media (min-width: 768px) {
  #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-desktop {
    display: block;
  }
  #propertyModule .featured-agents-container .featured-agents-block-inner .search-agent.search-agent-mobile {
    display: none;
  }
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container {
  background-color: #f0f0f0;
  margin: 10px;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .featured-agents-carousel {
  padding: 15px 30px;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide {
  margin: 15px;
  background-color: #FFF;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide img {
  width: 50%;
  float: left;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide h4 {
  width: 50%;
  float: right;
  padding: 5px;
  height: 81px;
  font-size: 14px;
  display: table;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide h4 a {
  font-weight: 600;
  color: #000;
  display: table-cell;
  vertical-align: middle;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide h4 a:focus, #propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-slide .agent-slide h4 a:hover {
  text-decoration: none;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-arrow {
  background: none;
  border: 0;
  cursor: pointer;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-arrow:focus, #propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-arrow:hover {
  outline: none;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

#propertyModule .featured-agents-container .featured-agents-block-inner .featured-agents-carousel-container .slick-next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

.property-most-popular-carousel-container h2 {
  font-weight: 100;
  font-family: "Roboto", sans-serif;
}

.property-most-popular-carousel-container .slick-dots li button,
.property-most-popular-carousel-container .slick-next,
.property-most-popular-carousel-container .slick-prev {
  cursor: pointer;
}

.property-most-popular-carousel-container .slick-slide {
  margin: 10px;
  background-color: #FFF;
}

.property-most-popular-carousel-container .slick-slide img {
  width: 100%;
}

.property-most-popular-carousel-container .slick-slide h3 {
  padding: 10px 10px 0;
  font-size: 16px;
}

.property-most-popular-carousel-container .slick-slide h3 > a {
  color: #000;
}

.property-most-popular-carousel-container .slick-slide h3 > a:focus, .property-most-popular-carousel-container .slick-slide h3 > a:hover {
  color: #D8232A;
  text-decoration: none;
}

.property-most-popular-carousel-container .slick-slide h4 {
  font-weight: 600;
  font-size: 16px;
  padding: 0 10px 10px;
  font-family: "Roboto", sans-serif;
}

.property-most-popular-carousel-container .slick-slide h4 > a {
  color: #000;
}

.property-most-popular-carousel-container .slick-slide h4 > a:focus, .property-most-popular-carousel-container .slick-slide h4 > a:hover {
  color: #D8232A;
  text-decoration: none;
}

.property-most-popular-carousel-container .property-most-popular-carousel-nav-container {
  text-align: center;
}

.property-most-popular-carousel-container .property-most-popular-carousel-nav-container button,
.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul,
.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul > li {
  display: inline-block;
  background: none;
  border: 0;
}

.property-most-popular-carousel-container .property-most-popular-carousel-nav-container button:focus, .property-most-popular-carousel-container .property-most-popular-carousel-nav-container button:hover,
.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul:focus,
.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul:hover,
.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul > li:focus,
.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul > li:hover {
  outline: 0;
}

.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul > li {
  font-size: 0;
}

.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul > li button:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: #d8d8d8;
  border-radius: 50%;
}

.property-most-popular-carousel-container .property-most-popular-carousel-nav-container ul > li.slick-active button:after {
  background-color: #D8232A;
}

.property-recently-added-carousel-container h2 {
  font-weight: 100;
  font-family: "Roboto", sans-serif;
  color: #D8232A;
}

.property-recently-added-carousel-container .slick-dots li button,
.property-recently-added-carousel-container .slick-next,
.property-recently-added-carousel-container .slick-prev {
  cursor: pointer;
}

.property-recently-added-carousel-container .slick-slide {
  margin: 10px;
  background-color: #FFF;
}

.property-recently-added-carousel-container .slick-slide > img {
  width: 100%;
}

.property-recently-added-carousel-container .slick-slide h3 {
  padding: 10px 10px 0;
}

.property-recently-added-carousel-container .slick-slide h3 a {
  display: block;
  font-size: 18px;
  height: 50px;
  overflow: hidden;
  color: #000;
}

.property-recently-added-carousel-container .slick-slide h3 a:focus, .property-recently-added-carousel-container .slick-slide h3 a:hover {
  color: #D8232A;
  text-decoration: none;
}

.property-recently-added-carousel-container .slick-slide .agent-price {
  margin-bottom: 10px;
}

.property-recently-added-carousel-container .slick-slide .agent-price img {
  width: 34%;
  float: left;
  padding-left: 10px;
}

.property-recently-added-carousel-container .slick-slide .agent-price > div {
  width: 60%;
  float: right;
  text-align: right;
  padding-right: 10px;
}

.property-recently-added-carousel-container .slick-slide .agent-price > div.pricePrefix {
  font-size: 14px;
}

.property-recently-added-carousel-container .slick-slide .agent-price > div.price {
  font-size: 22px;
  font-weight: 600;
  line-height: 22px;
}

.property-recently-added-carousel-container .slick-slide .agent-price > div.price-label {
  font-size: 14px;
  font-weight: 400;
}

.property-recently-added-carousel-container .slick-slide .agent-price > div.price-label.new-listing {
  color: #00824f;
}

.property-recently-added-carousel-container .slick-slide .agent-price > div.price-label.sold-listing {
  color: #d0011b;
}

.property-recently-added-carousel-container .property-recently-added-carousel-nav-container {
  text-align: center;
}

.property-recently-added-carousel-container .property-recently-added-carousel-nav-container button,
.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul,
.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul > li {
  display: inline-block;
  background: none;
  border: 0;
}

.property-recently-added-carousel-container .property-recently-added-carousel-nav-container button:focus, .property-recently-added-carousel-container .property-recently-added-carousel-nav-container button:hover,
.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul:focus,
.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul:hover,
.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul > li:focus,
.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul > li:hover {
  outline: 0;
}

.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul > li {
  font-size: 0;
}

.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul > li button:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: #d8d8d8;
  border-radius: 50%;
}

.property-recently-added-carousel-container .property-recently-added-carousel-nav-container ul > li.slick-active button:after {
  background-color: #D8232A;
}

#propertyModule .property-accordian {
  background-color: #FFF;
  margin-bottom: 18px;
  font-family: "Roboto", sans-serif;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

#propertyModule .property-accordian #property-accordion-list {
  padding: 0 10px;
}

#propertyModule .property-accordian h3 {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  color: #D8232A;
  font-family: "Roboto", sans-serif;
  line-height: 25px;
  padding: 7px;
}

#propertyModule .property-accordian h3 a {
  color: #D8232A;
}

#propertyModule .property-accordian h3 a:focus, #propertyModule .property-accordian h3 a:hover {
  text-decoration: none;
  color: #D8232A;
}

#propertyModule .property-accordian .card {
  border: 0;
  border-bottom: solid 1px #e4e4e4;
}

#propertyModule .property-accordian .card .card-header {
  background: none;
  border: 0;
}

#propertyModule .property-accordian .card .card-header h5 a {
  color: #000;
  font-size: 16px;
}

#propertyModule .property-accordian .card .card-header h5 a:focus, #propertyModule .property-accordian .card .card-header h5 a:hover {
  text-decoration: none;
}

#propertyModule .property-accordian .card .card-body ul {
  margin: 0 20px;
}

#propertyModule .property-accordian .card .card-body ul li {
  background-color: #f0f0f0;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 10px;
  font-size: 14px;
}

#propertyModule .property-accordian .card .card-body ul li a {
  display: inline-block;
  color: #000;
}

#propertyModule .property-accordian .card .card-body ul li a:focus, #propertyModule .property-accordian .card .card-body ul li a:hover {
  text-decoration: none;
}

#propertyModule .property-accordian .card .card-body ul li:focus, #propertyModule .property-accordian .card .card-body ul li:hover {
  background-color: #cecece;
}

#propertyModule .property-accordian .card:last-child {
  border: 0;
}

.lm-find-car-review {
  background-color: #FFF;
  text-align: center;
  padding: 10px;
  margin-bottom: 12px;
  position: absolute;
  bottom: -15px;
  width: 300px;
}

@media screen and (min-width: 992px) {
  .lm-find-car-review {
    position: absolute;
    bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .lm-find-car-review {
    position: static;
    margin-bottom: 15px;
    width: 100%;
  }
}

@media (max-width: 991.98px) and (min-width: 768px) {
  .lm-find-car-review {
    bottom: 0;
    margin-bottom: 0;
  }
}

.lm-find-car-review h2 {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 15px;
  text-transform: none;
}

.lm-find-car-review p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  font-family: "Fira Sans", sans-serif;
}

.lm-find-car-review .em-dots span {
  letter-spacing: 0;
}

.lm-find-car-review form .btn {
  width: 100%;
  border-radius: 1px;
  background-color: #467dc7;
  cursor: pointer;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .lm-find-car-review form .form-group,
  .lm-find-car-review p {
    display: none;
  }
}

#BlockLocalMotorsReviewDisplay .new-car-review {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: 900;
  line-height: 34px;
  text-transform: none;
}

#BlockLocalMotorsReviewDisplay .new-car-review span {
  color: #323132;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  line-height: 17px;
}

#BlockLocalMotorsReviewDisplay .new-car-review span img {
  margin-top: -6px;
}

#BlockLocalMotorsReviewDisplay .new-car-review img {
  display: inline-block;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsReviewDisplay .new-car-review span {
    display: block;
    line-height: 30px;
  }
  #BlockLocalMotorsReviewDisplay .new-car-review span img {
    display: block;
  }
}

#BlockLocalMotorsReviewDisplay .main-container {
  background-color: #FFFFFF;
  box-shadow: 0;
  padding: 10px 25px;
  margin-bottom: 20px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsReviewDisplay .main-container {
    padding: 10px;
  }
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .headline {
  margin-bottom: 15px;
  font-family: "Fira Sans", sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 36px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .headline .price {
  padding-left: 20px;
  font-family: "Fira Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
  text-align: right;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .headline .price {
    display: block;
    text-align: left;
    padding-left: 0;
  }
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container {
  display: block;
  overflow: hidden;
  position: relative;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left {
  float: left;
  width: calc(100% - 318px);
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-image-top {
  margin-bottom: 10px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main p {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 9px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main p:first-of-type {
  font-weight: bold;
  margin-bottom: 20px;
  width: calc(100% - 85px);
  float: left;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main p:nth-of-type(2) {
  clear: both;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial {
  position: relative;
  width: 82px;
  height: 82px;
  line-height: 82px;
  float: right;
  text-align: center;
  border-radius: 50%;
  background-image: url("/resources/responsive-static/images/motors/gradient-light-red.png");
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial .score {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #FFF;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-size: 17px;
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial .needle-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 82px;
  height: 82px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial .needle-container .needle {
  position: absolute;
  margin: auto;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 20px solid #FFF;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial .scale {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -5px;
  left: 0;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .top-socialbar {
  margin-bottom: 20px;
  clear: both;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats {
  margin-bottom: 40px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats h3 {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats .stat {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  position: relative;
  margin-top: 10px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats .stat .rating {
  float: right;
  width: 90px;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  background-color: #F5F5F5;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats .stat .rating-bar {
  height: 2px;
  width: 90px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: none;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats .stat .rating-bar .progress-bar {
  background-color: #DA3A15;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a {
  text-decoration: none;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review {
  height: 55px;
  width: 100%;
  background-color: #467DC7;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review:hover {
  background-color: #025286;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review span {
  line-height: 55px;
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review span {
    line-height: 20px;
  }
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right {
  float: right;
  max-width: 300px;
  text-align: center;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right #DFP_standard_mpu_1 {
  margin-bottom: 15px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance {
  text-align: left;
  min-height: 55px;
  height: auto;
  width: 100%;
  background-color: #D8D8D8;
  margin-bottom: 20px;
  padding: 10px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a span,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a span {
  width: 55%;
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  line-height: 19px;
  float: left;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a .brand-logo,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a .brand-logo {
  width: 45%;
  float: right;
  text-align: right;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a .brand-logo i,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a .brand-logo i {
  font-size: 35px;
  line-height: 35px;
  color: #FFF;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a .brand-logo img,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a .brand-logo img {
  vertical-align: top;
  display: inline-block;
  max-height: 35px;
  line-height: 35px;
  max-width: 100px;
  margin-top: 9px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a:focus,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a:focus {
  outline: none;
  border: 0;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 250px;
  height: auto;
  width: 300px;
  background-color: #F5F5F5;
  box-shadow: 0;
  padding: 15px;
  text-align: center;
  margin-bottom: 0;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review h3 {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review p {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review select {
  height: 35px;
  width: 270px;
  max-width: 100%;
  padding: 0 10px;
  display: inline-block;
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
  margin-bottom: 15px;
  color: #464A4C;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  line-height: 18px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review form .btn {
  width: 100%;
  border-radius: 1px;
  background-color: #467dc7;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left,
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right {
    width: 100%;
    max-width: none;
    float: none;
    margin-bottom: 20px;
  }
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main p:first-of-type {
    width: auto;
    float: none;
  }
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review span {
    line-height: inherit;
  }
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review {
    width: 100%;
    position: relative;
  }
}

#BlockLocalMotorsForSale h2 {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 26px;
  text-transform: uppercase;
  margin-left: 10px;
}

#BlockLocalMotorsForSale h2 span {
  color: #D8232A;
  font-weight: normal;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
  text-transform: none;
}

#BlockLocalMotorsForSale h2 span i {
  padding-right: 5px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsForSale h2 span {
    display: block;
  }
}

@media screen and (max-width: 642px) {
  #BlockLocalMotorsForSale .for-sale-slider .slick-slide {
    overflow: hidden;
  }
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card {
  max-height: 345px;
  margin: 0 10px 20px;
  background-color: #FFF;
  box-shadow: 0;
}

@media screen and (min-width: 642px) {
  #BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card {
    max-width: 300px;
  }
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a:hover {
  text-decoration: none;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-image {
  height: 220px;
  max-height: 220px;
  overflow: hidden;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-image picture {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info {
  height: 120px;
  padding: 0 10px;
  position: relative;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info h3 {
  color: #D8232A;
  font-weight: 900;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  line-height: 22px;
  margin-top: 8px;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info p {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  #BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info p {
    display: block;
  }
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info .price {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 21px;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 10px;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls {
  text-align: center;
  position: relative;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsForSale .for-sale-carousel-controls {
    margin-bottom: 22px;
  }
}

#BlockLocalMotorsForSale .for-sale-carousel-controls .see-all {
  position: absolute;
  top: 6px;
  right: 8px;
  color: #D8232A;
  font-size: 15px;
  line-height: 15px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsForSale .for-sale-carousel-controls .see-all {
    top: 32px;
  }
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div {
  display: inline-block;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div .slick-dots {
  display: inline-block;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div .slick-dots > li {
  display: inline-block;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div .slick-dots > li button {
  border: 0;
  font-size: 0;
  background-color: #c6c6c6;
  width: 10px;
  height: 10px;
  display: inline-block;
  line-height: 20px;
  padding: 0;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div .slick-dots > li.slick-active button {
  background-color: #D8232A;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div.slick-arrow {
  color: #D8232A;
  font-size: 15px;
  line-height: 18px;
  font-family: "Fira Sans", sans-serif;
  cursor: pointer;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div.slick-arrow.slick-disabled {
  color: #606060;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div.slick-arrow.left-arrow {
  margin-right: 5px;
}

#BlockLocalMotorsSimilarReviews .carousel-container {
  background-color: #FFF;
  padding: 15px;
  margin-bottom: 18px;
}

#BlockLocalMotorsSimilarReviews .carousel-container h2 {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel {
  max-height: 245px;
  overflow: hidden;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card {
  text-align: left;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a {
  text-decoration: none;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a h3 {
  color: #D8232A;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  margin: 5px 5px 0;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a picture {
  overflow: hidden;
  padding: 0 5px;
  height: 190px;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a picture img {
  width: 100%;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a .price-range {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.75px;
  line-height: 19px;
  margin: 5px 5px 0;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a:focus {
  outline: none;
  border: 0;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls {
  text-align: center;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div {
  display: inline-block;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div .slick-dots {
  display: inline-block;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div .slick-dots > li {
  display: inline-block;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div .slick-dots > li button {
  border: 0;
  font-size: 0;
  background-color: #c6c6c6;
  width: 10px;
  height: 10px;
  display: inline-block;
  line-height: 20px;
  padding: 0;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div .slick-dots > li.slick-active button {
  background-color: #D8232A;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div.slick-arrow {
  color: #D8232A;
  font-size: 15px;
  line-height: 18px;
  font-family: "Fira Sans", sans-serif;
  cursor: pointer;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div.slick-arrow.slick-disabled {
  color: #606060;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div.slick-arrow.left-arrow {
  margin-right: 5px;
}

.em-dots div {
  width: 13px;
  height: 13px;
  display: inline-block;
  border-radius: 50%;
  margin-top: 10px;
}

.em-dots div:nth-child(1) {
  background-color: #ff0000;
}

.em-dots div:nth-child(2) {
  background-color: #7c7c7c;
}

.em-dots div:nth-child(3) {
  background-color: #000000;
}

.lm-featured-cars {
  background-color: #FFF;
  padding: 15px;
  margin-bottom: 18px;
}

.lm-featured-cars h2 {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 0;
}

.lm-featured-cars h2 .sub-header {
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  font-family: "Roboto", sans-serif;
  color: #4a4a4a;
  text-transform: none;
}

@media (max-width: 991.98px) {
  .lm-featured-cars h2 .sub-header {
    display: block;
  }
}

.lm-featured-cars .car-card {
  box-shadow: 0;
  background-color: #ebebeb;
  height: 280px;
  margin-top: 8px;
}

@media (max-width: 991.98px) {
  .lm-featured-cars .car-card {
    margin-top: 15px;
  }
}

.lm-featured-cars .car-card a {
  text-decoration: none;
}

.lm-featured-cars .car-card a:focus {
  outline: none;
  border: 0;
}

.lm-featured-cars .car-card a .car-image {
  height: 190px;
  overflow: hidden;
}

.lm-featured-cars .car-card a .car-image img,
.lm-featured-cars .car-card a .car-image picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lm-featured-cars .car-card .car-card-content {
  padding: 15px;
}

.lm-featured-cars .car-card .car-card-content h3 {
  color: #D8232A;
  font-size: 18px;
  line-height: 22px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 3px;
  font-weight: 700;
}

.lm-featured-cars .car-card .car-card-content p {
  font-family: "Roboto", sans-serif;
  margin-bottom: 0;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .lm-featured-cars .car-card .car-card-content p {
    display: block;
  }
}

.lm-featured-cars .car-card .car-card-content p.price {
  color: #D8232A;
}

@media (max-width: 991.98px) {
  .lm-featured-cars .car-search {
    margin-top: 17px;
  }
}

.lm-featured-cars .car-search h2 {
  margin-bottom: 20px;
}

@media (max-width: 991.98px) {
  .lm-featured-cars .car-search .em-dots {
    display: none;
  }
}

.lm-featured-cars .car-search .custom-select {
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
  appearance: listbox;
  width: 100%;
  padding-right: 0.75rem;
}

.lm-featured-cars .car-search .custom-select.fail {
  box-shadow: 0 0 8px 1px #FF0000;
}

.lm-featured-cars .car-search .search-price-toggle .form-check-inline {
  height: 20px;
  margin: 2px 0 15px;
  width: 50%;
}

.lm-featured-cars .car-search .search-price-toggle .form-check-input {
  width: 10%;
  position: absolute;
  margin: 0;
  top: 2px;
}

.lm-featured-cars .car-search .search-price-toggle .custom-toggle-check {
  width: 0;
  height: 16px;
  position: absolute;
  background-color: #4799FE;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.7);
  top: 2px;
}

.lm-featured-cars .car-search .search-price-toggle .form-check-label {
  width: 80%;
  cursor: pointer;
  padding: 0;
}

@media (max-width: 991.98px) {
  .lm-featured-cars .car-search .search-price-toggle .form-check-label {
    width: 90%;
  }
}

@media (max-width: 767.98px) {
  .lm-featured-cars .car-search .search-price-toggle .form-check-label {
    width: 80%;
  }
}

.lm-featured-cars .car-search .search-price-toggle .monthly-price {
  float: left;
  text-align: right;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.lm-featured-cars .car-search .search-price-toggle .monthly-price .form-check-input {
  right: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 99;
}

.lm-featured-cars .car-search .search-price-toggle .monthly-price .custom-toggle-check {
  right: 0;
  border-radius: 50%;
}

.lm-featured-cars .car-search .search-price-toggle .monthly-price .form-check-input:checked ~ .custom-toggle-check {
  width: 16px;
  transition: width 0.2s;
}

.lm-featured-cars .car-search .search-price-toggle .monthly-price .form-check-label {
  position: absolute;
  left: 0;
}

.lm-featured-cars .car-search .search-price-toggle .retail-price {
  float: right;
  text-align: left;
  position: relative;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.lm-featured-cars .car-search .search-price-toggle .retail-price .form-check-input {
  left: 0;
  cursor: pointer;
  opacity: 0;
  z-index: 99;
}

.lm-featured-cars .car-search .search-price-toggle .retail-price .custom-toggle-check {
  left: 0;
  border-radius: 50%;
}

.lm-featured-cars .car-search .search-price-toggle .retail-price .form-check-input:checked ~ .custom-toggle-check {
  width: 16px;
  transition: width 0.2s;
}

.lm-featured-cars .car-search .search-price-toggle .retail-price .form-check-label {
  position: absolute;
  right: 0;
}

.lm-featured-cars .car-search .search-price-toggle .connector {
  height: 20px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  width: 40px;
  border-radius: 10px;
  background-color: #B6D6FF;
  top: 2px;
}

.lm-featured-cars .car-search .em-dots {
  display: inline-block;
  margin-left: 5px;
  position: relative;
}

.lm-featured-cars .car-search .em-dots span {
  font-size: 43px;
  margin-left: -8px;
}

.lm-featured-cars .car-search .btn {
  width: 100%;
  background-color: #467dc7;
}

.lm-blog {
  background-color: #FFF;
  margin-bottom: 18px;
}

.lm-blog h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: 15px;
  padding-left: 15px;
}

.lm-blog h2 img {
  margin-top: -3px;
}

.lm-blog .blog-card a {
  text-decoration: none;
}

@media (min-width: 768px) {
  .lm-blog .blog-card a picture {
    height: 200px;
    overflow: hidden;
  }
  .lm-blog .blog-card a picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    max-width: none;
  }
}

.lm-blog .blog-card a h3 {
  color: #000;
  padding: 15px;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
}

.lm-blog .blog-card a:focus {
  outline: none;
  border: 0;
}

.lm-blog .read-more-full-width {
  width: 100%;
  background-color: #FFF;
  text-align: right;
  font-size: 15px;
  padding-bottom: 10px;
  padding-right: 10px;
  border-top: solid 1px #EBEBEB;
  padding-top: 15px;
}

.lm-blog .read-more-full-width a {
  color: #D8232A;
}

.lm-featured-dealers h2 {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.lm-featured-dealers form {
  padding-bottom: 20px;
}

.lm-featured-dealers form h3 {
  margin-bottom: 20px;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

.lm-featured-dealers form .form-group {
  margin-bottom: 27px;
}

.lm-featured-dealers form #distance-select {
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
  appearance: listbox;
}

.lm-featured-dealers form .btn {
  width: 100%;
  background-color: #467dc7;
}

.lm-featured-dealers form .em-dots {
  text-align: center;
}

.lm-featured-dealers form .em-dots span {
  font-size: 47px;
}

.lm-featured-dealers .dealers-carousel {
  max-height: 300px;
  overflow: hidden;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card {
  background-color: #FFF;
  height: 130px;
  margin: 0 15px 15px 0;
  padding: 10px;
  border: solid 1px #EAEAEA;
  position: relative;
}

@media (max-width: 991.98px) {
  .lm-featured-dealers .dealers-carousel .dealer-col .dealer-card {
    margin: 0 15px 15px 0;
  }
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a {
  text-decoration: none;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a h3 {
  color: #D8232A;
  font-weight: 900;
  font-size: 18px;
  line-height: 22px;
  font-family: "Roboto", sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-location-details {
  max-height: 52px;
  overflow: hidden;
  width: 100%;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-location-details picture {
  float: left;
  margin-right: 10px;
  width: 40%;
  max-width: 111px;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-location-details .dealer-location {
  float: left;
  color: #818081;
  font-size: 14px;
  line-height: 18px;
  max-width: 50%;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-ctas {
  position: absolute;
  bottom: 8px;
  width: 92%;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-ctas > div {
  display: inline-block;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-ctas > div.dealer-phone {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 26px;
  font-weight: 900;
  vertical-align: middle;
  float: left;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-ctas > div.dealer-button {
  float: right;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-ctas > div.dealer-button .btn {
  margin-left: 10px;
  background-color: #FFF;
  border: solid 1px #D8232A;
  font-size: 15px;
  line-height: 20px;
  padding: 2px 10px;
  color: #000;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a .dealer-ctas > div.dealer-button .btn i::before {
  margin: 0;
  width: 0;
}

.lm-featured-dealers .dealers-carousel .dealer-col .dealer-card a:focus {
  outline: none;
  border: 0;
}

.lm-featured-dealers .dealers-carousel-controls {
  text-align: center;
}

.lm-featured-dealers .dealers-carousel-controls > div {
  display: inline-block;
}

.lm-featured-dealers .dealers-carousel-controls > div .slick-dots {
  display: inline-block;
}

.lm-featured-dealers .dealers-carousel-controls > div .slick-dots > li {
  display: inline-block;
}

.lm-featured-dealers .dealers-carousel-controls > div .slick-dots > li button {
  border: 0;
  font-size: 0;
  background-color: #c6c6c6;
  width: 10px;
  height: 10px;
  display: inline-block;
  line-height: 20px;
  padding: 0;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}

.lm-featured-dealers .dealers-carousel-controls > div .slick-dots > li.slick-active button {
  background-color: #D8232A;
}

.lm-featured-dealers .dealers-carousel-controls > div.slick-arrow {
  color: #D8232A;
  font-size: 15px;
  line-height: 18px;
  font-family: 'Fira Sans', sans-serif;
  cursor: pointer;
}

.lm-featured-dealers .dealers-carousel-controls > div.slick-arrow.slick-disabled {
  color: #606060;
}

.lm-featured-dealers .dealers-carousel-controls > div.slick-arrow.left-arrow {
  margin-right: 5px;
}

.lm-sell-your-car-banner {
  position: relative;
  background: #ffffff;
  background: -moz-linear-gradient(-20deg, #ffffff 50%, #ffeab0 50%);
  background: -webkit-linear-gradient(-20deg, #ffffff 50%, #ffeab0 50%);
  background: linear-gradient(110deg, #ffffff 50%, #ffeab0 50%);
  min-height: 156px;
}

@media (max-width: 1199.98px) {
  .lm-sell-your-car-banner {
    background: -moz-linear-gradient(0deg, #ffffff 50%, #ffeab0 50%);
    background: -webkit-linear-gradient(0deg, #ffffff 50%, #ffeab0 50%);
    background: linear-gradient(90deg, #ffffff 50%, #ffeab0 50%);
  }
}

@media (max-width: 767.98px) {
  .lm-sell-your-car-banner {
    background: none;
    height: auto;
  }
}

.lm-sell-your-car-banner .or-circle {
  background-color: #FFF;
  height: 84px;
  color: #FFC72D;
  font-size: 38px;
  line-height: 84px;
  text-align: center;
  font-weight: 900;
  font-family: "Roboto", sans-serif;
}

@media (min-width: 768px) {
  .lm-sell-your-car-banner .or-circle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 84px;
    border-radius: 50%;
    margin: auto;
  }
}

.lm-sell-your-car-banner .list-col {
  padding: 15px 60px 5px 20px;
}

@media (max-width: 767.98px) {
  .lm-sell-your-car-banner .list-col {
    background-color: #FFF;
    padding: 10px 10px 0;
    margin-bottom: -10px;
    display: flex;
    flex-direction: column;
  }
}

.lm-sell-your-car-banner .list-col h2 {
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  text-transform: none;
  margin-bottom: 10px;
}

.lm-sell-your-car-banner .list-col .btn {
  display: block;
  color: #FFF;
  background-color: #467DC7;
  width: 100%;
  margin-bottom: 10px;
}

.lm-sell-your-car-banner .list-col p {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.lm-sell-your-car-banner .list-col .em-dots {
  text-align: center;
  min-width: 50px;
}

@media (max-width: 767.98px) {
  .lm-sell-your-car-banner .list-col .em-dots {
    display: none;
  }
}

.lm-sell-your-car-banner .list-col .em-dots span {
  font-size: 45px;
}

@media (max-width: 767.98px) {
  .lm-sell-your-car-banner .list-col .sell-your-car {
    order: 1;
  }
}

.lm-sell-your-car-banner .sell-col {
  padding: 15px 20px 5px 60px;
}

@media (max-width: 767.98px) {
  .lm-sell-your-car-banner .sell-col {
    padding: 10px;
    background-color: #ffeab0;
  }
}

.lm-sell-your-car-banner .sell-col h2 {
  color: #323132;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  margin-bottom: 10px;
}

.lm-sell-your-car-banner .sell-col .btn {
  display: block;
  color: #FFF;
  background-color: #467DC7;
  width: 100%;
  margin-bottom: 10px;
}

@media (max-width: 991.98px) {
  .lm-sell-your-car-banner .sell-col .btn {
    font-size: 10.5pt;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  .lm-sell-your-car-banner .sell-col .btn {
    font-size: 12pt;
  }
}

.lm-sell-your-car-banner .sell-col p {
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.lm-sell-your-car-banner .sell-col .tootle-logo {
  height: 32px;
  width: 81px;
  margin-right: 1.5rem;
}

.lm-sell-your-car-banner .sell-col .sell-col-mob-layout {
  display: none;
}

@media (max-width: 767.98px) {
  .lm-sell-your-car-banner .sell-col .sell-col-mob-layout {
    display: block;
  }
}

.lm-sell-your-car-banner .sell-col .sell-col-mob-layout h2 {
  padding: 5px 15px 0 5px;
}

.lm-sell-your-car-banner .sell-col .sell-col-mob-layout .tootle-logo {
  height: 44px;
  width: 112px;
  padding-bottom: 5px;
}

@media (max-width: 767.98px) {
  .lm-sell-your-car-banner .sell-col .sell-col-desktop-layout {
    display: none;
  }
}

.lm-sell-your-car-banner {
  background: none;
  min-height: auto;
  font-size: 13px;
  line-height: 1.231;
  min-height: 100%;
  font-family: Lato,sans-serif;
  color: #000;
  font-weight: 400;
}

.lm-sell-your-car-banner h3 {
  font-family: "Roboto", sans-serif;
}

#SellYourCarCTA {
  margin: 40px auto;
  background: #ebebeb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#SellYourCarCTA > div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}

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

#SellYourCarCTA h3 span.emf-emblem {
  font-size: 0.8em;
  margin: -4px 5px -1px 0;
  display: inline-block;
  vertical-align: middle;
}

#SellYourCarCTA .btn {
  margin: 15px 0;
  text-align: left;
  font-size: 15px;
  vertical-align: middle;
  display: inline-block;
  font-weight: 600;
}

#SellYourCarCTA .SellENM {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 20px 40px 20px 20px;
}

#SellYourCarCTA .SellENM .btn {
  margin: 16px 0;
  background: #467dc7;
}

#SellYourCarCTA .SellWizzle {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  padding: 20px 20px 20px 10px;
  background: #1aa2eb;
  color: #fff;
}

#SellYourCarCTA .SellWizzle:before {
  position: absolute;
  display: block;
  content: "";
  left: -30px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 186px 30px;
  border-color: transparent transparent #1aa2eb;
}

#SellYourCarCTA .SellWizzle .WizzleLogo {
  height: 36px;
  margin: 15px 0;
  vertical-align: middle;
}

#SellYourCarCTA .SellWizzle .btn {
  background: #fff;
  color: #1394d9;
  margin-left: 15px;
}

@media only screen and (max-width: 710px) {
  #SellYourCarCTA {
    display: block;
    text-align: center;
  }
  #SellYourCarCTA .SellENM, #SellYourCarCTA .SellWizzle {
    padding: 20px;
  }
  #SellYourCarCTA .SellENM:before, #SellYourCarCTA .SellWizzle:before {
    display: none;
  }
  #SellYourCarCTA .SellWizzle .btn {
    margin: 16px;
  }
}

#WizzlePage .Introduction {
  max-width: 890px;
  margin: 0 auto;
  text-align: center;
  padding: 50px;
  color: #555;
}

#WizzlePage .Introduction .Introduction p {
  line-height: 1.8em;
  margin: 30px auto;
  font-size: 1.15em;
}

#WizzlePage .Introduction .Introduction p:last-child {
  margin-bottom: 0;
}

#WizzlePage .Introduction .Introduction .btn-primary {
  color: #fff;
  background-color: #1aa2eb;
  border-color: #1394d9;
  font-size: 1.2em;
}

#WizzlePage .Introduction .Introduction .btn-primary .fa {
  margin-left: 5px;
}

#WizzleFull {
  padding: 50px;
  margin-bottom: 50px;
  background: #ddd 50% no-repeat;
  background: #ccc;
  background: linear-gradient(180deg, #ccc 1%, #eee);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ccc",endColorstr="#eee",GradientType=0);
  background: url(/i/audi-a3.jpg) 0 no-repeat;
  background-size: cover;
}

#WizzleFull .FormPanel {
  padding: 20px;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  width: 300px;
  margin-right: auto;
}

#WizzleFull .FormPanel .Field {
  margin: 20px 0;
}

#WizzleFull .FormPanel input {
  font-family: inherit;
  font-size: 16px;
  padding: 10px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  display: block;
  width: 100%;
}

#WizzleFull .FormPanel input.VRM {
  background: #ffc107;
  font-weight: 900;
  text-transform: uppercase;
  color: #000;
}

#WizzleFull .FormPanel ::-webkit-input-placeholder {
  text-transform: capitalize;
}

#WizzleFull .FormPanel :-ms-input-placeholder {
  text-transform: capitalize;
}

#WizzleFull .FormPanel ::placeholder {
  text-transform: capitalize;
}

#WizzleFull .FormPanel .btn {
  background: #467dc7;
  font-size: 16px;
  text-align: left;
  position: relative;
  padding: 10px;
}

#WizzleFull .FormPanel .btn i.fa {
  margin-left: 5px;
  position: absolute;
  right: 10px;
  top: 14px;
}

#WizzleFrame {
  min-height: 660px;
  display: block;
  width: 100%;
  border: none;
  margin-bottom: 50px;
}

.emf-emblem .path2:before {
  content: "\23fa";
  color: #ed1f24;
}

.emf-emblem .path3:before {
  content: "\23fa";
  margin-left: -0.4em;
  color: #999;
}

.emf-emblem .path4:before {
  content: "\23fa";
  margin-left: -0.4em;
  color: #000;
}

.lm-news-block {
  margin-bottom: 18px;
}

.lm-news-block #news-cards {
  margin-bottom: 10px;
}

@media (max-width: 991.98px) {
  .lm-news-block #news-cards article {
    height: auto;
    box-sizing: content-box;
  }
  .lm-news-block #news-cards article .article-card-image {
    margin-bottom: 0;
  }
}

.lm-news-block > h2 {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  text-transform: none;
}

.lm-news-block a.more-link {
  color: #D8232A;
}

.lm-news-block .local-area-block {
  margin-bottom: 0;
}

.lm-news-block .local-area-block .travel-block {
  min-height: 345px;
}

.lm-news-block .nq-lg-horizontal .article-card-image {
  margin-bottom: 0;
}

#BlockLocalMotorsReviewDisplay .new-car-review {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: 900;
  line-height: 34px;
  text-transform: none;
}

#BlockLocalMotorsReviewDisplay .new-car-review span {
  color: #323132;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  line-height: 17px;
}

#BlockLocalMotorsReviewDisplay .new-car-review span img {
  margin-top: -6px;
}

#BlockLocalMotorsReviewDisplay .new-car-review img {
  display: inline-block;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsReviewDisplay .new-car-review span {
    display: block;
    line-height: 30px;
  }
  #BlockLocalMotorsReviewDisplay .new-car-review span img {
    display: block;
  }
}

#BlockLocalMotorsReviewDisplay .main-container {
  background-color: #FFFFFF;
  box-shadow: 0;
  padding: 10px 25px;
  margin-bottom: 20px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsReviewDisplay .main-container {
    padding: 10px;
  }
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .headline {
  margin-bottom: 15px;
  font-family: "Fira Sans", sans-serif;
  font-size: 26px;
  font-weight: bold;
  line-height: 36px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .headline .price {
  padding-left: 20px;
  font-family: "Fira Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 29px;
  text-align: right;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .headline .price {
    display: block;
    text-align: left;
    padding-left: 0;
  }
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container {
  display: block;
  overflow: hidden;
  position: relative;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left {
  float: left;
  width: calc(100% - 318px);
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-image-top {
  margin-bottom: 10px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main p {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 9px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main p:first-of-type {
  font-weight: bold;
  margin-bottom: 20px;
  width: calc(100% - 85px);
  float: left;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main p:nth-of-type(2) {
  clear: both;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial {
  position: relative;
  width: 82px;
  height: 82px;
  line-height: 82px;
  float: right;
  text-align: center;
  border-radius: 50%;
  background-image: url("/resources/responsive-static/images/motors/gradient-light-red.png");
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial .score {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #FFF;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  font-size: 17px;
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial .needle-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 82px;
  height: 82px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial .needle-container .needle {
  position: absolute;
  margin: auto;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 20px solid #FFF;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .review-dial .scale {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -5px;
  left: 0;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main .top-socialbar {
  margin-bottom: 20px;
  clear: both;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats {
  margin-bottom: 40px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats h3 {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats .stat {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  position: relative;
  margin-top: 10px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats .stat .rating {
  float: right;
  width: 90px;
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  background-color: #F5F5F5;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats .stat .rating-bar {
  height: 2px;
  width: 90px;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: none;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .review-stats .stat .rating-bar .progress-bar {
  background-color: #DA3A15;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a {
  text-decoration: none;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review {
  height: 55px;
  width: 100%;
  background-color: #467DC7;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review:hover {
  background-color: #025286;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review span {
  line-height: 55px;
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review span {
    line-height: 20px;
  }
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right {
  float: right;
  max-width: 300px;
  text-align: center;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right #DFP_standard_mpu_1 {
  margin-bottom: 15px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance {
  text-align: left;
  min-height: 55px;
  height: auto;
  width: 100%;
  background-color: #D8D8D8;
  margin-bottom: 20px;
  padding: 10px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a span,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a span {
  width: 55%;
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  line-height: 19px;
  float: left;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a .brand-logo,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a .brand-logo {
  width: 45%;
  float: right;
  text-align: right;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a .brand-logo i,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a .brand-logo i {
  font-size: 35px;
  line-height: 35px;
  color: #FFF;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a .brand-logo img,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a .brand-logo img {
  vertical-align: top;
  display: inline-block;
  max-height: 35px;
  line-height: 35px;
  max-width: 100px;
  margin-top: 9px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .finance a:focus,
#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right .insurance a:focus {
  outline: none;
  border: 0;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review {
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 250px;
  height: auto;
  width: 300px;
  background-color: #F5F5F5;
  box-shadow: 0;
  padding: 15px;
  text-align: center;
  margin-bottom: 0;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review h3 {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 15px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review p {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 20px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review select {
  height: 35px;
  width: 270px;
  max-width: 100%;
  padding: 0 10px;
  display: inline-block;
  border: 1px solid #D9D9D9;
  background-color: #FFFFFF;
  margin-bottom: 15px;
  color: #464A4C;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  line-height: 18px;
}

#BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review form .btn {
  width: 100%;
  border-radius: 1px;
  background-color: #467dc7;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left,
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-right {
    width: 100%;
    max-width: none;
    float: none;
    margin-bottom: 20px;
  }
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left .article-main p:first-of-type {
    width: auto;
    float: none;
  }
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .article-row-container-left a .full-review span {
    line-height: inherit;
  }
  #BlockLocalMotorsReviewDisplay .main-container .article-wrapper .article-row-container .find-review {
    width: 100%;
    position: relative;
  }
}

#BlockLocalMotorsForSale h2 {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 20px;
  font-weight: 900;
  line-height: 26px;
  text-transform: uppercase;
  margin-left: 10px;
}

#BlockLocalMotorsForSale h2 span {
  color: #D8232A;
  font-weight: normal;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
  text-transform: none;
}

#BlockLocalMotorsForSale h2 span i {
  padding-right: 5px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsForSale h2 span {
    display: block;
  }
}

@media screen and (max-width: 642px) {
  #BlockLocalMotorsForSale .for-sale-slider .slick-slide {
    overflow: hidden;
  }
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card {
  max-height: 345px;
  margin: 0 10px 20px;
  background-color: #FFF;
  box-shadow: 0;
}

@media screen and (min-width: 642px) {
  #BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card {
    max-width: 300px;
  }
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a:hover {
  text-decoration: none;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-image {
  height: 220px;
  max-height: 220px;
  overflow: hidden;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-image picture {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info {
  height: 120px;
  padding: 0 10px;
  position: relative;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info h3 {
  color: #D8232A;
  font-weight: 900;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  line-height: 22px;
  margin-top: 8px;
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info p {
  color: #000000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  #BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info p {
    display: block;
  }
}

#BlockLocalMotorsForSale .for-sale-slider .car-for-sale-card a .sale-info .price {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 21px;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 10px;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls {
  text-align: center;
  position: relative;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsForSale .for-sale-carousel-controls {
    margin-bottom: 22px;
  }
}

#BlockLocalMotorsForSale .for-sale-carousel-controls .see-all {
  position: absolute;
  top: 6px;
  right: 8px;
  color: #D8232A;
  font-size: 15px;
  line-height: 15px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsForSale .for-sale-carousel-controls .see-all {
    top: 32px;
  }
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div {
  display: inline-block;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div .slick-dots {
  display: inline-block;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div .slick-dots > li {
  display: inline-block;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div .slick-dots > li button {
  border: 0;
  font-size: 0;
  background-color: #c6c6c6;
  width: 10px;
  height: 10px;
  display: inline-block;
  line-height: 20px;
  padding: 0;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div .slick-dots > li.slick-active button {
  background-color: #D8232A;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div.slick-arrow {
  color: #D8232A;
  font-size: 15px;
  line-height: 18px;
  font-family: "Fira Sans", sans-serif;
  cursor: pointer;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div.slick-arrow.slick-disabled {
  color: #606060;
}

#BlockLocalMotorsForSale .for-sale-carousel-controls > div.slick-arrow.left-arrow {
  margin-right: 5px;
}

#BlockLocalMotorsSimilarReviews .carousel-container {
  background-color: #FFF;
  padding: 15px;
  margin-bottom: 18px;
}

#BlockLocalMotorsSimilarReviews .carousel-container h2 {
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel {
  max-height: 245px;
  overflow: hidden;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card {
  text-align: left;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a {
  text-decoration: none;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a h3 {
  color: #D8232A;
  font-weight: 900;
  font-size: 18px;
  line-height: 24px;
  margin: 5px 5px 0;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a picture {
  overflow: hidden;
  padding: 0 5px;
  height: 190px;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a picture img {
  width: 100%;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a .price-range {
  color: #000000;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.75px;
  line-height: 19px;
  margin: 5px 5px 0;
}

#BlockLocalMotorsSimilarReviews .carousel-container .reviews-carousel .similar-review-card a:focus {
  outline: none;
  border: 0;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls {
  text-align: center;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div {
  display: inline-block;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div .slick-dots {
  display: inline-block;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div .slick-dots > li {
  display: inline-block;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div .slick-dots > li button {
  border: 0;
  font-size: 0;
  background-color: #c6c6c6;
  width: 10px;
  height: 10px;
  display: inline-block;
  line-height: 20px;
  padding: 0;
  border-radius: 50%;
  margin-right: 5px;
  cursor: pointer;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div .slick-dots > li.slick-active button {
  background-color: #D8232A;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div.slick-arrow {
  color: #D8232A;
  font-size: 15px;
  line-height: 18px;
  font-family: "Fira Sans", sans-serif;
  cursor: pointer;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div.slick-arrow.slick-disabled {
  color: #606060;
}

#BlockLocalMotorsSimilarReviews .reviews-carousel-controls > div.slick-arrow.left-arrow {
  margin-right: 5px;
}

#BlockLocalMotorsLatestReview {
  margin-bottom: 18px;
}

#BlockLocalMotorsLatestReview aside #DFP_standard_mpu_1 {
  max-width: 300px;
}

#BlockLocalMotorsLatestReview article {
  max-height: 525px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsLatestReview article {
    padding-bottom: 10px;
    margin-bottom: 0;
  }
}

@media (max-width: 767.98px) {
  #BlockLocalMotorsLatestReview article {
    margin-bottom: 25px;
  }
}

#BlockLocalMotorsLatestReview article .article-card-image {
  max-height: 415px;
  overflow: hidden;
}

#BlockLocalMotorsLatestReview article .nq-article-card-content {
  height: 115px;
  padding: 15px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsLatestReview article .nq-article-card-content {
    height: 100px;
    width: 70%;
  }
}

#BlockLocalMotorsLatestReview article .nq-article-card-content .car-review-headline {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 26px;
  font-weight: bold;
  line-height: 36px;
  padding: 0;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsLatestReview article .nq-article-card-content .car-review-headline {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: bold;
    line-height: 26px;
  }
}

#BlockLocalMotorsLatestReview article .nq-article-card-content .review-dial {
  margin-top: 5px;
  position: absolute;
  width: 82px;
  height: 82px;
  line-height: 82px;
  float: right;
  text-align: center;
  border-radius: 50%;
  right: 18px;
  bottom: 18px;
  background-image: url("/resources/responsive-static/images/motors/gradientLanding.png");
}

#BlockLocalMotorsLatestReview article .nq-article-card-content .review-dial .score {
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  background-color: #D8232A;
  color: #FFF;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 900;
  display: inline-block;
  vertical-align: middle;
}

#BlockLocalMotorsLatestReview article .nq-article-card-content .review-dial .needle-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 82px;
  height: 82px;
}

#BlockLocalMotorsLatestReview article .nq-article-card-content .review-dial .needle-container .needle {
  position: absolute;
  margin: auto;
  top: 50px;
  left: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 20px solid #D8232A;
}

#BlockLocalMotorsLatestReview article .nq-article-card-content .review-dial .scale {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -5px;
  left: 0;
  font-family: Roboto;
  color: #FFF;
  font-size: 12px;
  font-weight: 900;
  line-height: 16px;
}

#BlockLocalMotorsLatestReview article .nq-article-card-content .price-container span {
  color: #FFFFFF;
  font-family: "Noto Serif";
  font-size: 22px;
  line-height: 30px;
}

@media (max-width: 991.98px) {
  #BlockLocalMotorsLatestReview article .nq-article-card-content .price-container span {
    color: #FFFFFF;
    font-family: "Noto Serif";
    font-size: 18px;
    line-height: 24px;
  }
}

/*
   Chrome spinnaz
*/
#motors-spinner {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.motors-spinner-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: #FFF;
  opacity: 0.7;
  border-radius: 10px;
}

.motors-loading-text {
  color: #000;
  font-size: 30px;
  display: inline-block;
  z-index: 999;
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  line-height: 42px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.motors-spinner {
  display: inline-block;
  z-index: 999;
  position: absolute;
  font-size: 30px;
  top: 20%;
  left: 40%;
}

.motors-spinner .em-dots div {
  display: inline-block;
}

.motors-spinner .em-dots div:first-child {
  -moz-animation: bounce 0.6s ease-in-out infinite;
  -o-animation: bounce 0.6s ease-in-out infinite;
  -webkit-animation: bounce 0.6s ease-in-out infinite;
  animation: bounce 0.6s ease-in-out infinite;
}

.motors-spinner .em-dots div:nth-child(2) {
  -moz-animation: bounce 0.6s ease-in-out 0.2s infinite;
  -o-animation: bounce 0.6s ease-in-out 0.2s infinite;
  -webkit-animation: bounce 0.6s ease-in-out 0.2s infinite;
  animation: bounce 0.6s ease-in-out 0.2s infinite;
}

.motors-spinner .em-dots div:nth-child(3) {
  -moz-animation: bounce 0.6s ease-in-out 0.4s infinite;
  -o-animation: bounce 0.6s ease-in-out 0.4s infinite;
  -webkit-animation: bounce 0.6s ease-in-out 0.4s infinite;
  animation: bounce 0.6s ease-in-out 0.4s infinite;
}

@-moz-keyframes bounce {
  50% {
    -moz-transform: translate(0px, 5px);
    -o-transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    transform: translate(0px, 5px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@-webkit-keyframes bounce {
  50% {
    -moz-transform: translate(0px, 5px);
    -o-transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    transform: translate(0px, 5px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@-o-keyframes bounce {
  50% {
    -moz-transform: translate(0px, 5px);
    -o-transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    transform: translate(0px, 5px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@-ms-keyframes bounce {
  50% {
    -moz-transform: translate(0px, 5px);
    -o-transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    transform: translate(0px, 5px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@keyframes bounce {
  50% {
    -moz-transform: translate(0px, 5px);
    -o-transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    transform: translate(0px, 5px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}

@media screen and (max-width: 728px) {
  #piano-message {
    position: fixed !important;
    bottom: 60px !important;
    width: 100% !important;
    z-index: 5000010 !important;
  }
}

#bottom-expandable-wrapper {
  position: fixed;
  width: 100%;
  bottom: -120px;
  z-index: 5000010;
  background-color: #34ADFF;
  min-height: 60px;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.35);
}

#bottom-expandable-wrapper.shown {
  bottom: 0px;
}

@media screen and (max-width: 728px) {
  #bottom-expandable-wrapper.shown {
    bottom: 50px;
  }
}

#bottom-expandable-wrapper.shown.open .message-wrapper {
  max-height: 85vh;
  overflow: auto;
  overflow-x: hidden;
}

#bottom-expandable-wrapper.shown.open i {
  transform: rotate(180deg);
}

#bottom-expandable-wrapper .message-wrapper {
  transition: all 0.5s;
  overflow: hidden;
  min-height: 60px;
  max-height: 60px;
  width: 100%;
}

#bottom-expandable-wrapper .invisible-target {
  position: absolute;
  height: 30px;
  top: -25px;
  width: 100%;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  #bottom-expandable-wrapper .invisible-target {
    height: 80px;
  }
}

#bottom-expandable-wrapper .arrow-container {
  background-color: #34ADFF;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  z-index: -1;
  cursor: pointer;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.35);
}

#bottom-expandable-wrapper .arrow-container i {
  color: #FFF;
  transition: transform 0.2s;
}

#bottom-expandable-wrapper #piano-message {
  width: 100%;
  text-align: center;
}

#bottom-expandable-wrapper-offer {
  position: fixed;
  width: 100%;
  bottom: -120px;
  z-index: 5000010;
  background-color: #d22d2e;
  min-height: 60px;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.35);
}

#bottom-expandable-wrapper-offer.shown {
  bottom: 0px;
}

@media screen and (max-width: 728px) {
  #bottom-expandable-wrapper-offer.shown {
    bottom: 50px;
  }
}

#bottom-expandable-wrapper-offer.shown.open .message-wrapper {
  max-height: 85vh;
  overflow: auto;
  overflow-x: hidden;
}

#bottom-expandable-wrapper-offer.shown.open i {
  transform: rotate(180deg);
}

#bottom-expandable-wrapper-offer .message-wrapper {
  transition: all 0.5s;
  overflow: hidden;
  min-height: 60px;
  max-height: 60px;
  width: 100%;
}

#bottom-expandable-wrapper-offer .invisible-target {
  position: absolute;
  height: 30px;
  top: -25px;
  width: 100%;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  #bottom-expandable-wrapper-offer .invisible-target {
    height: 80px;
  }
}

#bottom-expandable-wrapper-offer .arrow-container {
  background-color: #d22d2e;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  text-align: center;
  z-index: -1;
  cursor: pointer;
  box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.35);
}

#bottom-expandable-wrapper-offer .arrow-container i {
  color: #FFF;
  transition: transform 0.2s;
}

#bottom-expandable-wrapper-offer #piano-message {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 500px) {
  .invisible-target {
    display: none;
  }
  .arrow-container {
    display: none;
  }
}

.adlight-explanation {
  color: #000;
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
  font-size: 12px;
  display: block;
  text-align: left;
  padding-left: 24px;
  margin-bottom: 6px;
}

@media screen and (max-width: 500px) {
  .adlight-explanation {
    text-align: center;
    padding-left: 0;
  }
}

.adlight-explanation a {
  margin-left: 4px;
  color: #3D3D3D;
  font-weight: normal;
  border-bottom: 2px #FACC01 solid;
}

.adlight-explanation a:hover {
  text-decoration: none;
}

#adlight-explanation-modal .modal-dialog {
  max-width: 380px;
  border-top: 12px #FACC01 solid;
  padding: 24px;
  padding-top: 16px;
  background-color: #fff;
  max-height: 480px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 380px;
  margin: 0;
}

#adlight-explanation-modal #adlight-explanation-modal-main-logo {
  width: 300px;
}

#adlight-explanation-modal #adlight-explanation-modal-image {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
}

#adlight-explanation-modal p {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin-bottom: 10px;
  font-family: "Fira Sans", sans-serif;
}

#adlight-explanation-modal p:last-of-type {
  padding-right: 125px;
  font-style: italic;
  color: #3D3D3D;
  position: relative;
  z-index: 10;
  margin-bottom: 30px;
}

#adlight-explanation-modal .btn.btn-secondary {
  background-color: #FACC01 !important;
  color: #3D3D3D;
  border: none !important;
  font-family: "Fira Sans", sans-serif;
  font-weight: bold;
  padding-left: 36px;
  padding-right: 36px;
  font-size: 16px;
}

.jw-outer {
  position: relative;
  padding-bottom: 10px;
}

.jw-outer .jw-inner {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 75px;
  height: 75px;
  color: black;
  display: block;
  background-color: white;
  opacity: .8;
  text-align: center;
  z-index: 3000017;
}

.jw-outer .jw-inner:hover {
  cursor: pointer;
  opacity: .7;
}

.jw-outer .jw-inner .jw-inner-font {
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
}

.jw-outer .jw-timer {
  position: absolute;
  width: 8em;
  text-align: center;
  z-index: 3000016;
  display: block;
  background-color: white;
  color: black;
  padding: 5px;
  top: 0px;
}

/* Placeholder for any popouty styling */
#playerDock.popout-player .jw-wrapper {
  /*border: 1px solid black;*/
}

#DeliverySubsBottomSheet {
  margin: auto;
  max-width: 970px;
}

#DeliverySubsBottomSheet h3 {
  font-family: "Fira Sans", sans-serif;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  margin-bottom: 15px;
}

#DeliverySubsBottomSheet .card {
  width: 100%;
  min-height: 133px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 21px;
  margin-bottom: 20px;
}

@media (max-width: 767.98px) {
  #DeliverySubsBottomSheet .card {
    width: 50%;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px 20px 20px;
  }
}

#DeliverySubsBottomSheet .card img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin-right: 50px;
}

@media (max-width: 767.98px) {
  #DeliverySubsBottomSheet .card img {
    margin-right: 0;
  }
}

#DeliverySubsBottomSheet .card .text-content {
  max-width: 600px;
}

@media (max-width: 767.98px) {
  #DeliverySubsBottomSheet .card .text-content {
    padding-top: 20px;
  }
}

#DeliverySubsBottomSheet .card .text-content p {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 23px;
}

#DeliverySubsBottomSheet .card .text-content a {
  margin-top: 20px;
  display: block;
  font-weight: bold;
  color: #3c7aa4;
}

@media (max-width: 575.98px) {
  #modal-find-out-why {
    max-height: 90%;
    margin-top: 70px;
    z-index: 9999999;
  }
}

#modal-find-out-why .message-bar {
  width: 100%;
  height: 12px;
  position: relative;
  z-index: 9999;
}

#modal-find-out-why .modal-body {
  padding: 35px;
}

#modal-find-out-why .modal-body .find-out-why-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  opacity: 1;
  text-shadow: none;
}

#modal-find-out-why .modal-body h3 {
  font-size: 26px;
  line-height: 34px;
  letter-spacing: -0.39px;
  font-weight: bold;
  margin-bottom: 25px;
  padding-right: 30px;
}

#modal-find-out-why .modal-body p {
  font-size: 17px;
  line-height: 21px;
  letter-spacing: -0.25px;
}

#modal-find-out-why .modal-body h6 {
  font-size: 17px;
  line-height: 25px;
  letter-spacing: -0.25px;
  font-weight: bold;
}

#uber-interstitial {
  background-color: #D8232A;
  color: #fff;
  padding: 0 15px;
  margin: 20px 0;
}

#uber-interstitial .uber-interstitial__title h2 {
  font-size: 24px;
  margin: 0;
  padding: 15px 15px 0 0;
}

#uber-interstitial .uber-interstitial__headline-list {
  display: grid;
  grid-template-columns: auto auto auto;
  padding-bottom: 15px;
  padding-top: 15px;
}

@media (max-width: 767.98px) {
  #uber-interstitial .uber-interstitial__headline-list {
    grid-template-columns: auto;
  }
}

#uber-interstitial .uber-interstitial__headline-list > div {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 15px;
}

#uber-interstitial .uber-interstitial__headline-list > div:first-child, #uber-interstitial .uber-interstitial__headline-list > div:nth-child(4n) {
  padding-left: 0;
}

#uber-interstitial .uber-interstitial__headline-list > div:nth-child(3n) {
  border-right: none;
}

#uber-interstitial .uber-interstitial__headline-list > div:nth-last-child(-n+3) {
  border-bottom: none;
  padding-bottom: 0;
}

@media (max-width: 767.98px) {
  #uber-interstitial .uber-interstitial__headline-list > div:nth-last-child(-n+3) {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
}

#uber-interstitial .uber-interstitial__headline-list > div:nth-child(-n+3) {
  padding-top: 0;
}

@media (max-width: 767.98px) {
  #uber-interstitial .uber-interstitial__headline-list > div:nth-child(-n+3) {
    padding-top: 10px;
  }
}

@media (max-width: 767.98px) {
  #uber-interstitial .uber-interstitial__headline-list > div {
    padding: 10px 0;
    border-right: none;
  }
  #uber-interstitial .uber-interstitial__headline-list > div:last-child {
    border-bottom: none;
  }
}

#uber-interstitial .uber-interstitial__headline-list > div a {
  text-decoration: none;
}

#uber-interstitial .uber-interstitial__headline-list > div a h2 {
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
}

#uber-interstitial .uber-interstitial__headline-list > div a h2:hover {
  text-decoration: underline;
}

#uber-interstitial .uber-interstitial__more-news-button {
  width: 100%;
  text-align: right;
}

#uber-interstitial .uber-interstitial__more-news-button a {
  display: block;
  color: #fff;
  font-weight: bold;
  padding-bottom: 15px;
}

#uber-interstitial .uber-interstitial__more-news-button a i {
  font-size: 11px;
}

.block-lead-story {
  position: relative;
  overflow: hidden;
}

.block-lead-story .block-lead-story__block-label {
  color: #000;
  background-color: #FFF900;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 9px 4px;
  margin-bottom: 0;
}

.block-lead-story .block-lead-story__headline {
  color: #FFF;
  background-color: #D8232A;
  font-family: "Fira Sans", sans-serif;
  font-size: 38px;
  font-weight: 300;
  line-height: 46px;
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .block-lead-story .block-lead-story__headline {
    min-width: 35%;
    max-width: 35%;
  }
}

.block-lead-story .block-lead-story__link {
  display: block;
  color: inherit;
}

.block-lead-story .block-lead-story__timestamp {
  color: inherit;
  background-color: transparent;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 19px;
  text-transform: initial;
}

.block-lead-story.block-lead-story--standard-lead {
  display: flex;
}

@media (max-width: 767.98px) {
  .block-lead-story.block-lead-story--standard-lead {
    flex-direction: column;
  }
}

.block-lead-story.block-lead-story--standard-lead .block-lead-story__headline {
  order: 2;
  padding: 18px 21px;
  line-height: 40px;
}

@media (max-width: 767.98px) {
  .block-lead-story.block-lead-story--standard-lead .block-lead-story__headline {
    padding: 10px;
  }
}

.block-lead-story.block-lead-story--standard-lead .block-lead-story__link {
  margin-bottom: 22px;
}

.block-lead-story.block-lead-story--standard-lead .block-lead-story__timestamp {
  display: block;
}

.block-lead-story.block-lead-story--standard-lead .block-lead-story__image {
  order: 1;
}

.block-lead-story.block-lead-story--standard-lead .block-lead-story__image a {
  display: block;
  height: 100%;
}

.block-lead-story.block-lead-story--standard-lead .block-lead-story__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991.98px) {
  .block-lead-story.block-lead-story--standard-lead .block-lead-story__headline {
    font-size: 27px;
  }
}

@media (max-width: 767.98px) {
  .block-lead-story.block-lead-story--standard-lead .block-lead-story__headline {
    font-size: 21px;
  }
}

@media (max-width: 575.98px) {
  .block-lead-story.block-lead-story--standard-lead .block-lead-story__image {
    width: 100vw;
  }
  .block-lead-story.block-lead-story--standard-lead .block-lead-story__headline {
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    line-height: 30px;
  }
  .block-lead-story.block-lead-story--standard-lead .block-lead-story__link {
    margin-bottom: 0;
  }
}

@media (max-width: 360px) {
  .block-lead-story.block-lead-story--standard-lead {
    flex-direction: column;
  }
  .block-lead-story.block-lead-story--standard-lead .block-lead-story__headline {
    position: relative;
    bottom: unset;
  }
}

.block-lead-story.block-lead-story--headline-over-image {
  display: flex;
}

.block-lead-story.block-lead-story--headline-over-image .block-lead-story__headline {
  position: absolute;
  bottom: 0;
  background: transparent;
  left: 15px;
  bottom: 13px;
  line-height: inherit;
}

.block-lead-story.block-lead-story--headline-over-image .block-lead-story__link {
  background: #e14349;
  background: rgba(225, 67, 73, 0.9);
  white-space: pre-wrap;
  display: inline;
  line-height: 62px;
  padding: 5px;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 15px 0 0 rgba(225, 67, 73, 0.9), -15px 0 0 rgba(225, 67, 73, 0.9);
  position: relative;
  bottom: 14px;
}

.block-lead-story.block-lead-story--headline-over-image .block-lead-story__timestamp {
  display: block;
}

.block-lead-story.block-lead-story--headline-over-image .block-lead-story__timestamp span {
  background: #e14349;
  background: rgba(225, 67, 73, 0.9);
  display: inline;
  padding: 15px;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 15px 0 0 rgba(225, 67, 73, 0.9), -15px 0 0 rgba(225, 67, 73, 0.9);
}

.block-lead-story.block-lead-story--headline-over-image .block-lead-story__image {
  order: 1;
  width: 100vw;
}

.block-lead-story.block-lead-story--headline-over-image .block-lead-story__image img {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}

@media (max-width: 945px) {
  .block-lead-story.block-lead-story--headline-over-image .block-lead-story__headline {
    font-size: 27px;
  }
  .block-lead-story.block-lead-story--headline-over-image .block-lead-story__link {
    line-height: 47px;
  }
}

@media (max-width: 700px) {
  .block-lead-story.block-lead-story--headline-over-image .block-lead-story__headline {
    font-size: 21px;
  }
  .block-lead-story.block-lead-story--headline-over-image .block-lead-story__link {
    line-height: 38px;
  }
}

@media (max-width: 480px) {
  .block-lead-story.block-lead-story--headline-over-image .block-lead-story__headline {
    font-size: 16px;
  }
  .block-lead-story.block-lead-story--headline-over-image .block-lead-story__link {
    line-height: 32px;
  }
}

#uber-three-column-small {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767.98px) {
  #uber-three-column-small {
    flex-direction: column;
  }
}

#uber-three-column-card {
  display: flex;
  flex-wrap: wrap;
}

@media (max-width: 767.98px) {
  #uber-three-column-card {
    flex-direction: column;
  }
}

#uber-most-popular .uber-most-popular__tabs li {
  display: inline-block;
}

#uber-most-popular .uber-most-popular__tabs li a {
  padding: 7px 12px;
  color: #105E8B;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

#uber-most-popular .uber-most-popular__tabs li a:focus, #uber-most-popular .uber-most-popular__tabs li a:hover {
  text-decoration: none;
}

#uber-most-popular .uber-most-popular__tabs li a.active {
  background-color: #105E8B;
  color: #FFF;
}

#uber-most-popular .uber-most-popular__content {
  background-color: #FFF;
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 25px;
}

#uber-most-popular .uber-most-popular__content h2 {
  font-family: "Roboto", sans-serif;
  color: #105E8B;
  padding: 15px 15px 5px;
}

#uber-most-popular .uber-most-popular__content .loading-container {
  height: 300px;
}

#uber-most-popular .uber-most-popular__content .loading-container .loader,
#uber-most-popular .uber-most-popular__content .loading-container .loader:after,
#uber-most-popular .uber-most-popular__content .loading-container .loader:before {
  background-color: #105E8B;
  color: #105E8B;
}

#uber-most-popular .uber-most-popular__content ol {
  padding: 0;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
}

#uber-most-popular .uber-most-popular__content ol > li {
  margin: 0 0 8px;
  padding: 0 15px 5px 50px;
}

#uber-most-popular .uber-most-popular__content ol > li .item-count {
  float: left;
  margin-left: -45px;
  text-align: center;
  text-indent: 4px;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: 500;
  color: #105E8B;
  width: 35px;
  margin-top: 4px;
}

#uber-most-popular .uber-most-popular__content ol > li > a {
  color: #2A2A2A;
}

#uber-most-popular .uber-most-popular__content ol > li > a:hover {
  text-decoration: none;
  color: #105E8B;
}

#uber-most-popular .uber-most-popular__content ol > li > a span {
  opacity: 0.4;
  font-size: 14px;
}

#uber-most-popular .uber-most-popular__content ol > li > a span:before {
  margin-right: 4px;
}

#uber-most-popular .uber-most-popular__content .most-popular-tab {
  width: 100%;
  padding-top: 25px;
  display: none;
}

#uber-most-popular .uber-most-popular__content .most-popular-tab.active {
  display: block;
}

#uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link {
  background: rgba(255, 255, 255, 0.6);
  padding: 10px 15px;
  color: #D8232A;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
}

#uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link:focus, #uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link:hover {
  text-decoration: none;
  color: #e14349;
}

#uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link i {
  float: right;
  margin-left: 5px;
  margin-top: 1px;
}

#uber-most-popular .uber-most-popular__content .most-popular-tab a.more-link i:before {
  margin: 0;
  width: 10px;
}

#uber-most-popular .uber-most-popular__content .most-popular-tab .loading-container {
  margin: auto;
  width: 100%;
}

#uber-most-popular .uber-most-popular__content .most-popular-list {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto auto;
  grid-template-rows: repeat(5, auto);
}

@media (max-width: 767.98px) {
  #uber-most-popular .uber-most-popular__content .most-popular-list {
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: auto;
  }
}

#uber-most-popular .uber-most-popular__content .most-popular-list li {
  padding: 0 15px 15px 50px;
}

#uber-eight-small-one-headline .story-cluster {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#uber-eight-small-one-headline .story-cluster .small-column-cluster {
  display: flex;
  flex-direction: column;
}

#uber-three-column-cards-with-mpu-ad .article-cluster {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  width: 100%;
}

@media (max-width: 767.98px) {
  #uber-three-column-cards-with-mpu-ad .article-cluster {
    grid-template-columns: auto;
  }
}

#uber-three-column-small-with-mpu-and-viz-ad .article-cluster {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  width: 100%;
}

@media (max-width: 767.98px) {
  #uber-three-column-small-with-mpu-and-viz-ad .article-cluster {
    grid-template-columns: auto;
  }
}

#uber-ad-replacement-puzzles {
  position: relative;
  width: 300px;
  height: 600px;
  padding: 15px;
  border-top: 10px solid #34ADFF;
  border-bottom: 10px solid #3C3C3C;
  color: #fff;
  background-image: url("/resources/responsive-static/images/uber/man-with-tablet.png");
  background-size: cover;
}

@media (max-width: 767.98px) {
  #uber-ad-replacement-puzzles {
    display: none;
  }
}

#uber-ad-replacement-puzzles::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(60, 60, 60, 0.48);
}

#uber-ad-replacement-puzzles .included-with-sub {
  position: relative;
  font-size: 12px;
}

#uber-ad-replacement-puzzles .layout-cols {
  position: relative;
  display: flex;
  height: calc(100% - 35px);
}

#uber-ad-replacement-puzzles .layout-cols .info-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 20px;
}

#uber-ad-replacement-puzzles .layout-cols .info-col .main-content h5 {
  font-size: 27px;
}

#uber-ad-replacement-puzzles .layout-cols .info-col .main-content .sub-benefits {
  font-size: 14px;
}

#uber-ad-replacement-puzzles .layout-cols .info-col .main-content .puzzle-list > p {
  font-size: 12px;
  margin-bottom: 3px;
}

#uber-ad-replacement-puzzles .layout-cols .info-col .cta-section p {
  font-size: 16px;
  margin-bottom: 30px;
}

#uber-ad-replacement-puzzles .layout-cols .info-col .cta-section a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  width: 128px;
  background-color: #34ADFF;
  color: #222222;
  font-size: 18px;
  font-weight: bold;
}

#uber-ad-replacement-puzzles .layout-cols .info-col .cta-section a:hover {
  text-decoration: none;
}

#uber-ad-replacement-puzzles .layout-cols .graphic-col {
  min-width: 50px;
  height: 100%;
  background-image: url("/resources/responsive-static/images/uber/horizontal-puzzles.png");
  background-size: cover;
}

#uber-ad-replacement-newsroom {
  position: relative;
  width: 300px;
  height: 250px;
  padding: 10px 21px;
  border-top: 10px solid #34ADFF;
  border-bottom: 10px solid #3C3C3C;
  color: #fff;
  background-image: url("/resources/responsive-static/images/uber/pointing-fingers.png");
  background-size: cover;
}

@media (max-width: 767.98px) {
  #uber-ad-replacement-newsroom {
    display: none;
  }
}

#uber-ad-replacement-newsroom::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(60, 60, 60, 0.48);
}

#uber-ad-replacement-newsroom .included-with-sub {
  position: relative;
  font-size: 12px;
  margin-bottom: 10px;
}

#uber-ad-replacement-newsroom .main-content {
  position: relative;
}

#uber-ad-replacement-newsroom .main-content h5 {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 20px;
}

#uber-ad-replacement-newsroom .main-content p {
  font-size: 15px;
}

#uber-ad-replacement-newsroom .btn-cta {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  width: 128px;
  background-color: #34ADFF;
  color: #222222;
  font-size: 18px;
  font-weight: bold;
}

#uber-ad-replacement-newsroom .btn-cta:hover {
  text-decoration: none;
}

#uber-ad-replacement-rewards {
  position: relative;
  width: 300px;
  height: 250px;
  padding: 10px 5px 10px 20px;
  border-top: 10px solid #34ADFF;
  border-bottom: 10px solid #3C3C3C;
  color: #fff;
  background-image: url("/resources/responsive-static/images/uber/woman-with-phone.png");
  background-size: cover;
}

@media (max-width: 767.98px) {
  #uber-ad-replacement-rewards {
    display: none;
  }
}

#uber-ad-replacement-rewards::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(60, 60, 60, 0.5);
}

#uber-ad-replacement-rewards .included-with-sub {
  position: relative;
  font-size: 12px;
  margin-bottom: 5px;
}

#uber-ad-replacement-rewards .main-content {
  position: relative;
}

#uber-ad-replacement-rewards .main-content h5 {
  font-size: 23px;
  font-weight: bold;
  padding-right: 40px;
}

#uber-ad-replacement-rewards .main-content p {
  font-size: 14px;
  margin-bottom: 0;
  padding-right: 70px;
}

#uber-ad-replacement-rewards .main-content p a {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}

#uber-ad-replacement-rewards .main-content .newsquest-rewards-img {
  height: 62px;
  width: 177px;
  float: right;
  background-image: url("/resources/responsive-static/images/uber/newsquest-rewards.png");
  background-size: cover;
}

#uber-ad-replacement-advertising {
  position: relative;
  width: 300px;
  height: 120px;
  padding: 10px;
  border-top: 10px solid #34ADFF;
  border-bottom: 10px solid #3C3C3C;
  color: #fff;
  background-image: url("/resources/responsive-static/images/uber/woman-with-guitar.png");
  background-size: cover;
}

@media (max-width: 767.98px) {
  #uber-ad-replacement-advertising {
    display: none;
  }
}

#uber-ad-replacement-advertising::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(60, 60, 60, 0.48);
}

#uber-ad-replacement-advertising .included-with-sub {
  position: relative;
  font-size: 12px;
  line-height: 12px;
}

#uber-ad-replacement-advertising .main-content {
  position: relative;
}

#uber-ad-replacement-advertising .main-content h5 {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 0;
}

#uber-ad-replacement-advertising .main-content p {
  font-size: 13px;
  margin-bottom: 0;
  line-height: 16px;
}

/* Universal styles applied to all blocks */
.block {
  margin-top: 0;
  margin-bottom: 25px;
  position: relative;
  /* More buttons */
}

.block a.more-link {
  background: rgba(255, 255, 255, 0.6);
  padding: 10px 15px;
  color: #D8232A;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
}

.block a.more-link:focus, .block a.more-link:hover {
  text-decoration: none;
  color: #e14349;
}

.block a.more-link i {
  float: right;
  margin-left: 5px;
  margin-top: 1px;
}

.block a.more-link i:before {
  margin: 0;
  width: 10px;
}

/* Sometimes headings of blocks are outside of the actual block - TODO: Look into this, for now make it global.*/
.block-heading {
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
  text-transform: none;
  color: #BB3510;
}

.block-heading a {
  color: #BB3510;
  text-decoration: none;
}

.block-heading a:focus, .block-heading a:hover {
  color: #EA4214;
}

section.block.article-standard-block {
  background-color: #FFF;
  border: solid 1px #EBEBEB;
  padding: 10px;
}

section.block.article-standard-block h2 {
  font-family: "Fira Sans", sans-serif;
  padding-bottom: 0;
}

/* Engage */
section.block.article-standard-block h2 {
  font-family: "Fira Sans", sans-serif;
}

.block-heading {
  font-family: "Roboto", sans-serif !important;
}

/*doc
---
title: Featurettes
name: featurettes
category: Blocks
---
```html_example
<section class="block featurettes-block" data-name="%raw(block_name)" data-variant="%raw(block_variant)">
    <div class="row">
        <div class="col-md-6">
            <article class="nq-article-card article-card-highlighted article-card-snap %if(imageid)%else()featurettes-no-image %endif()clearfix" data-position="%raw(i)">

                <div class="article-info">
                    <h3><a href="%raw(url)">Dog eats man</a></h3>
                    <p><a href="%raw(url)">This is an article</a></p>
                </div>
            </article>
        </div>
        <div class="col-md-6">
            <article class="nq-article-card article-card-highlighted article-card-snap %if(imageid)%else()featurettes-no-image %endif()clearfix" data-position="%raw(i)">

                <div class="article-info">
                    <h3><a href="%raw(url)">Dog eats man</a></h3>
                    <p><a href="%raw(url)">This is an article</a></p>
                </div>
            </article>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <article class="nq-article-card article-card-highlighted article-card-snap %if(imageid)%else()featurettes-no-image %endif()clearfix" data-position="%raw(i)">

                <div class="article-info">
                    <h3><a href="%raw(url)">Dog eats man</a></h3>
                    <p><a href="%raw(url)">This is an article</a></p>
                </div>
            </article>
        </div>
        <div class="col-md-6">
            <article class="nq-article-card article-card-highlighted article-card-snap %if(imageid)%else()featurettes-no-image %endif()clearfix" data-position="%raw(i)">

                <div class="article-info">
                    <h3><a href="%raw(url)">Dog eats man</a></h3>
                    <p><a href="%raw(url)">This is an article</a></p>
                </div>
            </article>
        </div>
    </div>
</section>
```
*/
section.block.featurettes-block {
  margin-bottom: 16px;
}

section.block.featurettes-block h2 {
  color: #000;
  font-family: "Roboto", sans-serif;
}

section.block.featurettes-block .nq-article-card {
  padding: 15px;
  margin-bottom: 12px;
}

section.block.featurettes-block .article-image {
  float: left;
  min-width: 140px;
  padding-right: 15px;
}

section.block.featurettes-block .article-card.featurettes-no-image .article-info {
  width: 100%;
}

section.block.featurettes-block .article-info {
  color: #FFF;
  float: left;
  width: calc(100% - 175px);
}

section.block.featurettes-block .article-info h3 {
  margin-bottom: 5px;
}

section.block.featurettes-block .article-info h3 a:hover {
  text-decoration: none;
}

section.block.featurettes-block .article-info p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin-bottom: 0;
}

section.block.featurettes-block .article-info p:focus,
section.block.featurettes-block .article-info p a:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  section.block.featurettes-block .article-info {
    padding-bottom: 0;
  }
}

section.block.featurettes-block .nq-article-card.article-card-snap {
  height: calc(100% - 13px);
  margin-bottom: 7px;
}

section.block.featurettes-block .article-image {
  padding-bottom: 6px;
}

/*doc
---
title: Homes
name: homes
category: Blocks
---
```html_example
<div id="homes-block" data-name="Homes Block (Scottish sites only)" data-variant=""><section class="block homes-block" data-name="" data-variant="">
    <div class="homes-block-inner">
        <div class="row homes-top-bar">
            <div class="col-md-6 heading-container">
                <h2><a href="http://www.s1homes.com">Featured homes</a></h2>
            </div>
            <div class="col-md-6 bought-to-you-by">
                Powered by <img src="http://www.s1homes.com/images/homepage-opt/homes_logo.jpg">
            </div>
        </div>
        <div class="homes-block-container row">
            <div class="col-md-8 homes-block-carousel">
                <div class="homes-carousel slick-initialized slick-slider"><div class="carousel-prev slick-arrow" style="display: block;"><i class="m-icon-left-open"></i></div>
                    <div aria-live="polite" class="slick-list draggable"><div class="slick-track" role="listbox" style="opacity: 1; width: 2896px; transform: translate3d(-543px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-3" aria-hidden="true" tabindex="-1" style="width: 161px;">
                            <a href="http://www.s1homes.com/property-for-sale/2018010921002759.shtml" tabindex="-1"><img class="property_image" alt="" src="http://www.s1homes.com/property_images/SlaterHoggHowisonFalkirk/2018/2018010921002759/image1-280x210.jpg"></a>
                            <h4><a href="http://www.s1homes.com/property-for-sale/2018010921002759.shtml" tabindex="-1">Avonbridge Road <span>£295,000</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Slamannan</p>
                            </div>
                        </div><div class="slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" tabindex="-1" style="width: 161px;">
                            <a href="http://www.s1homes.com/property-for-sale/2018010921211445.shtml" tabindex="-1"><img class="property_image" alt="" src="http://www.s1homes.com/property_images/SlaterHoggHowisonStirling/2018/2018010921211445/image1-280x210.jpg"></a>
                            <h4><a href="http://www.s1homes.com/property-for-sale/2018010921211445.shtml" tabindex="-1">Main Street <span>£350,000</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Thornhill (Stirling (Area))</p>
                            </div>
                        </div><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 161px;">
                            <a href="http://www.s1homes.com/property-for-sale/2018011009104953.shtml" tabindex="-1"><img class="property_image" alt="" src="http://www.s1homes.com/property_images/DelmorEstateAgentsLtdCowdenbeath/2018/2018011009104953/image1-280x210.jpg"></a>
                            <h4><a href="http://www.s1homes.com/property-for-sale/2018011009104953.shtml" tabindex="-1">23 Dalbeath Crescent <span>£95,000</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Cowdenbeath</p>
                            </div>
                        </div><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide10" style="width: 161px;">
                            <a href="http://www.s1homes.com/property-for-sale/2018011009462635.shtml" tabindex="0"><img class="property_image" alt="" src="http://www.s1homes.com/property_images/YourMoveDalkeith/2018/2018011009462635/image1-280x210.jpg"></a>
                            <h4><a href="http://www.s1homes.com/property-for-sale/2018011009462635.shtml" tabindex="0">Pentland Crescent <span>£135,000</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Rosewell</p>
                            </div>
                        </div><div class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide11" style="width: 161px;">
                            <a href="http://www.s1homes.com/property-for-sale/2018011009454112.shtml" tabindex="0"><img class="property_image" alt="" src="http://www.s1homes.com/property_images/HomeConnexionsGiffnock/2018/2018011009454112/image1-280x210.jpg"></a>
                            <h4><a href="http://www.s1homes.com/property-for-sale/2018011009454112.shtml" tabindex="0">Newton Avenue <span>£125,000</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Cambuslang</p>
                            </div>
                        </div><div class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide12" style="width: 161px;">
                            <a href="http://www.s1homes.com/property-for-sale/2018011009225838.shtml" tabindex="0"><img class="property_image" alt="" src="http://www.s1homes.com/property_images/JewelHomesSales/2018/2018011009225838/image1-280x210.jpg"></a>
                            <h4><a href="http://www.s1homes.com/property-for-sale/2018011009225838.shtml" tabindex="0">Kirkton Crescent <span>£110,000</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Coatbridge</p>
                            </div>
                        </div><div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide13" style="width: 161px;">
                            <a href="http://www.s1homes.com/property-for-sale/2018011009185923.shtml" tabindex="-1"><img class="property_image" alt="" src="http://www.s1homes.com/property_images/DelmorEstateAgentsLtdLeven/2018/2018011009185923/image1-280x210.jpg"></a>
                            <h4><a href="http://www.s1homes.com/property-for-sale/2018011009185923.shtml" tabindex="-1">Toll Road <span>£108,000</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Cellardyke</p>
                            </div>
                        </div><div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide13" style="width: 161px;">
                            <a href="http://www.s1homes.com/property-for-sale/2018011009185923.shtml" tabindex="-1"><img class="property_image" alt="" src="http://www.s1homes.com/property_images/DelmorEstateAgentsLtdLeven/2018/2018011009185923/image1-280x210.jpg"></a>
                            <h4><a href="http://www.s1homes.com/property-for-sale/2018011009185923.shtml" tabindex="-1">Toll Road <span>£108,000</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Cellardyke</p>
                            </div>
                        </div></div></div>
                <div class="carousel-next slick-arrow" style="display: block;"><i class="m-icon-right-open"></i></div></div>
            </div>
            <div class="col-md-4 homes-block-search">
                <h3>Search for homes</h3>
                <form method="post" action="http://www.s1homes.com/property-for-sale/forsale_search_results.cgi">
                    <div class="form-group">
                        <input type="keywords" class="form-control" placeholder="Enter keyword">
                    </div>
                    <button type="submit" class="btn btn-primary">Search</button>
                </form>
            </div>
        </div>
    </div>
</section></div>
```
*/
section.block.homes-block {
  background-color: #0073C6;
  padding: 2px;
  font-family: 'Open Sans';
}

section.block.homes-block button,
section.block.homes-block h2,
section.block.homes-block h4,
section.block.homes-block input,
section.block.homes-block p {
  font-family: 'Open Sans';
}

section.block.homes-block h2 {
  font-weight: 600;
}

section.block.homes-block .homes-top-bar .heading-container {
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 20px;
}

section.block.homes-block .homes-top-bar .heading-container h2 {
  margin: 0;
  padding: 0;
  text-align: center;
}

section.block.homes-block .homes-top-bar .heading-container h2 > a {
  color: #FFF;
  font-size: 24px;
}

section.block.homes-block .homes-top-bar .heading-container h2 > a:focus, section.block.homes-block .homes-top-bar .heading-container h2 > a:hover {
  text-decoration: none;
}

@media (min-width: 576px) {
  section.block.homes-block .homes-top-bar .heading-container h2 {
    margin: 0 0 0 10px;
    text-align: left;
  }
}

section.block.homes-block .homes-top-bar .bought-to-you-by {
  color: #fff;
  font-style: italic;
  font-size: 12px;
  text-align: center;
  padding-top: 15px;
  padding-right: 28px;
}

section.block.homes-block .homes-top-bar .bought-to-you-by img {
  max-width: 120px;
  margin-left: 2px;
  margin-right: 10px;
  margin-top: -2px;
}

@media (min-width: 576px) {
  section.block.homes-block .homes-top-bar .bought-to-you-by {
    font-size: 15px;
    text-align: right;
  }
  section.block.homes-block .homes-top-bar .bought-to-you-by img {
    max-width: 100px;
  }
}

section.block.homes-block .homes-block-container {
  background-color: #f0f0f0;
  margin: 10px;
}

section.block.homes-block .homes-block-container .homes-block-search {
  background-color: #d8d8d8;
  border-bottom: solid 5px #0073C6;
  padding: 15px;
}

section.block.homes-block .homes-block-container .homes-block-search h3 {
  font-family: 'Open Sans';
  font-size: 14px;
  padding-top: 5px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 5px;
}

section.block.homes-block .homes-block-container .homes-block-search .form-group {
  margin-bottom: 10px;
}

section.block.homes-block .homes-block-container .homes-block-search button {
  background-color: #06206A;
  border: 0;
  float: right;
  padding: 5px 15px;
  margin-bottom: 5px;
}

section.block.homes-block .homes-block-container .homes-block-search button:hover {
  opacity: 0.9;
}

@media (min-width: 576px) {
  section.block.homes-block .homes-block-container .homes-block-search button {
    border-bottom: 0;
  }
}

@media (min-width: 576px) {
  section.block.homes-block .homes-block-container .homes-block-search {
    border-bottom: 0;
  }
}

section.block.homes-block .homes-block-container .homes-carousel {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

section.block.homes-block .homes-block-container .homes-carousel .carousel-prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 20px;
  margin: auto;
  cursor: pointer;
  color: #06206A;
  font-size: 20px;
}

section.block.homes-block .homes-block-container .homes-carousel .carousel-next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  margin: auto;
  cursor: pointer;
  color: #06206A;
  font-size: 20px;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-arrow {
  background: none;
  border: 0;
  cursor: pointer;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-arrow:focus, section.block.homes-block .homes-block-container .homes-carousel .slick-arrow:hover {
  outline: none;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-dots li {
  display: inline-block;
  margin: 0 3px;
  vertical-align: text-bottom;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-dots li > button {
  background-color: #d9d9d9;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-dots li.slick-active > button {
  background-color: #D8232A;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list {
  width: calc(100% - 60px);
  margin-left: 25px;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide {
  background-color: #fff;
  height: 250px;
  border: solid 1px #d0d0d0;
  position: relative;
  margin: 10px;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide .property_image {
  margin: 10px;
  max-width: calc(100% - 20px);
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide h4 {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 5px 0;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide h4 a {
  color: #06206A;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide h4 a span {
  display: block;
  margin: 16px 5px 10px;
  font-size: 13px;
  font-family: 'Open Sans';
  font-weight: 400;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide h4 a:focus, section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide h4 a:hover {
  color: #0073C6;
  text-decoration: none;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide .location-container {
  bottom: 0;
  position: absolute;
  width: 100%;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide .location-container hr {
  border-top: dashed 1px #d7d7d7;
  margin: 0;
}

section.block.homes-block .homes-block-container .homes-carousel .slick-list .slick-slide .location-container p {
  text-align: center;
  margin: 5px;
  color: #686868;
  font-size: 16px;
  font-weight: 600;
}

/*doc
---
title: Jobs
name: jobs
category: Blocks
---
```html_example
<section class="block jobs-block">
    <div class="jobs-block-inner">
        <div class="row jobs-top-bar">
            <div class="col-md-6 heading-container">
                <h2><a href="/jobs/">Featured jobs</a></h2>
            </div>
            <div class="col-md-6 bought-to-you-by">
                Powered by <img src="http://www.s1jobs.com/ui/images/general/logo.png">
            </div>
        </div>
        <div class="jobs-block-container row">
            <div class="col-md-8 jobs-block-carousel">
                <div class="jobs-carousel slick-initialized slick-slider"><div class="carousel-prev slick-arrow" style="display: block;"><i class="m-icon-left-open"></i></div>
                    <div aria-live="polite" class="slick-list draggable"><div class="slick-track" role="listbox" style="opacity: 1; width: 4706px; transform: translate3d(-543px, 0px, 0px);"><div class="slick-slide slick-cloned" data-slick-index="-3" aria-hidden="true" tabindex="-1" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680160375.html" tabindex="-1">SAP Integration Consultant (Field-Home Based UK) <span>Excellent Salary...</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div><div class="slick-slide slick-cloned" data-slick-index="-2" aria-hidden="true" tabindex="-1" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680158608.html" tabindex="-1">**DB Pensions Administrators - Glasgow** <span></span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div><div class="slick-slide slick-cloned" data-slick-index="-1" aria-hidden="true" tabindex="-1" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680157836.html" tabindex="-1">Pensions Administrator - Glasgow <span>£20000 -...</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div><div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide20" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680168918.html" tabindex="0">Account Manager <span>£35000.00 -...</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div><div class="slick-slide slick-active" data-slick-index="1" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide21" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680168471.html" tabindex="0">Procurement/Supply Chain Manager X 4 <span>£24-37K</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div><div class="slick-slide slick-active" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide22" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680168469.html" tabindex="0">Sales Executive Account Manager <span>£21k -...</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div><div class="slick-slide" data-slick-index="3" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide23" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680168468.html" tabindex="-1">Inbound Customer Service Advisor  - January Start  <span>£17,143  -...</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div><div class="slick-slide" data-slick-index="4" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide24" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680166666.html" tabindex="-1">Claims Advisor <span>£17,000 -...</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div><div class="slick-slide" data-slick-index="5" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide25" style="width: 161px;">
                            <h4><a href="http://www.s1jobs.com/job/680164316.html" tabindex="-1">Dutch speaking Customer Service Advisor <span>Up to £18500...</span></a></h4>
                            <div class="location-container">
                                <hr>
                                <p><i class="m-icon-location"></i>Glasgow</p>
                            </div>
                        </div></div></div>
                <div class="carousel-next slick-arrow" style="display: block;"><i class="m-icon-right-open"></i></div></div>
            </div>
            <div class="col-md-4 jobs-block-search">
                <h3>Search jobs today</h3>
                <form method="post" action="http://www.s1jobs.com/jobs/find">
                    <div class="form-group">
                        <input name="keywords_required" class="form-control" placeholder="Enter job / keyword">
                    </div>

                    <div class="form-group">
                        <input name="location" class="form-control" placeholder="Search location" value="Glasgow">
                    </div>

                    <button type="submit" class="btn btn-primary">Search</button>
                </form>
            </div>
        </div>
    </div>
</section>
```
*/
section.block.jobs-block {
  background-color: #0073C6;
  padding: 2px;
  font-family: 'Open Sans';
}

section.block.jobs-block button,
section.block.jobs-block h2,
section.block.jobs-block h4,
section.block.jobs-block input,
section.block.jobs-block p {
  font-family: 'Open Sans';
}

section.block.jobs-block h2 {
  font-weight: 600;
}

section.block.jobs-block .jobs-top-bar .heading-container {
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 20px;
}

section.block.jobs-block .jobs-top-bar .heading-container h2 {
  margin: 0;
  padding: 0;
  text-align: center;
}

section.block.jobs-block .jobs-top-bar .heading-container h2 > a {
  color: #FFF;
  font-size: 24px;
}

section.block.jobs-block .jobs-top-bar .heading-container h2 > a:focus, section.block.jobs-block .jobs-top-bar .heading-container h2 > a:hover {
  text-decoration: none;
}

@media (min-width: 576px) {
  section.block.jobs-block .jobs-top-bar .heading-container h2 {
    margin: 0 0 0 10px;
    text-align: left;
  }
}

section.block.jobs-block .jobs-top-bar .bought-to-you-by {
  color: #fff;
  font-style: italic;
  font-size: 12px;
  text-align: center;
  padding-top: 15px;
  padding-right: 28px;
}

section.block.jobs-block .jobs-top-bar .bought-to-you-by img {
  max-width: 120px;
  margin-left: 2px;
  margin-right: 10px;
  margin-top: -2px;
}

@media (min-width: 576px) {
  section.block.jobs-block .jobs-top-bar .bought-to-you-by {
    font-size: 15px;
    text-align: right;
  }
  section.block.jobs-block .jobs-top-bar .bought-to-you-by img {
    max-width: 100px;
  }
}

section.block.jobs-block .jobs-block-container {
  background-color: #f0f0f0;
  margin: 10px;
}

section.block.jobs-block .jobs-block-container .jobs-block-search {
  background-color: #d8d8d8;
  border-bottom: solid 5px #0073C6;
  padding: 15px;
}

section.block.jobs-block .jobs-block-container .jobs-block-search h3 {
  font-family: 'Open Sans';
  font-size: 14px;
  padding-top: 5px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 5px;
}

section.block.jobs-block .jobs-block-container .jobs-block-search .form-group {
  margin-bottom: 10px;
}

section.block.jobs-block .jobs-block-container .jobs-block-search button {
  background-color: #06206A;
  border: 0;
  float: right;
  padding: 5px 15px;
  margin-bottom: 5px;
}

section.block.jobs-block .jobs-block-container .jobs-block-search button:hover {
  opacity: 0.9;
}

@media (min-width: 576px) {
  section.block.jobs-block .jobs-block-container .jobs-block-search button {
    border-bottom: 0;
  }
}

@media (min-width: 576px) {
  section.block.jobs-block .jobs-block-container .jobs-block-search {
    border-bottom: 0;
  }
}

section.block.jobs-block .jobs-block-container .jobs-carousel {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .carousel-prev {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 20px;
  margin: auto;
  cursor: pointer;
  color: #06206A;
  font-size: 20px;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .carousel-next {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  margin: auto;
  cursor: pointer;
  color: #06206A;
  font-size: 20px;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list {
  width: calc(100% - 60px);
  margin-left: 25px;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide {
  background-color: #fff;
  height: 170px;
  border: solid 1px #d0d0d0;
  position: relative;
  margin: 10px;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide h4 {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin: 10px 5px 0;
  max-height: 100px;
  overflow: hidden;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide h4 a {
  display: block;
  color: #06206A;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide h4 a span {
  display: block;
  margin: 10px 5px;
  font-size: 13px;
  font-family: 'Open Sans';
  font-weight: 400;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide h4 a:focus, section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide h4 a:hover {
  color: #0073C6;
  text-decoration: none;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide .location-container {
  bottom: 0;
  position: absolute;
  width: 100%;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide .location-container hr {
  border-top: dashed 1px #d7d7d7;
  margin: 0;
}

section.block.jobs-block .jobs-block-container .jobs-carousel .slick-list .slick-slide .location-container p {
  text-align: center;
  margin: 5px;
  color: #686868;
  font-size: 14px;
  font-weight: 600;
}

section.block.jobs-block.jobs-block-vertical .jobs-top-bar {
  display: block;
}

section.block.jobs-block.jobs-block-vertical .jobs-top-bar .heading-container {
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 10px 0 0;
}

section.block.jobs-block.jobs-block-vertical .jobs-top-bar .heading-container h2 {
  text-align: center;
  margin: 0;
}

section.block.jobs-block.jobs-block-vertical .jobs-top-bar .bought-to-you-by {
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 10px 0;
}

section.block.jobs-block.jobs-block-vertical .jobs-block-container {
  display: block;
}

section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-carousel {
  width: 100%;
  max-width: 100%;
}

section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-search {
  width: 100%;
  max-width: 100%;
  padding-bottom: 40px;
}

section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-search h3 {
  padding-top: 0;
}

/*doc
---
title: Local area
name: local-area
category: Blocks
---
```html_example
<section class="block local-area-block">
    <div class="row">
        <div class="xs-col-12 col-md-4">
            <article class="nq-article-card travel-block">
                <h3><a href="/li/traffic_and_travel.in.%escape(localinfo_name)/?ref=ltp">Traffic &amp; travel</a></h3>
                <p class="status-update">85 Incidents. Last updated at 07:48</p>
                <ul data-count="3">
                    <li class="severe-travel">
                        <h4><a href="/li/traffic.detail.11433604/?ref=ltp">M5 Worcestershire</a></h4>
                        <p>Delays and queueing traffic due to earlier overturned lorry. All lanes have been re-opened. Travel time is around 20 minutes</p>
                    </li>


                    <li class="severe-travel">
                        <h4><a href="/li/traffic.detail.11434725/?ref=ltp">A435 Birmingham Road Mappleborough Green</a></h4>
                        <p>Road closed due to fallen tree</p>
                    </li>


                    <li class="severe-travel">
                        <h4><a href="/li/traffic.detail.11434683/?ref=ltp">A441 Alvechurch</a></h4>
                        <p>Road closed due to fallen power cables</p>
                    </li>


                    <li class="moderate-travel">
                        <h4><a href="/li/traffic.detail.11435142/?ref=ltp">A456 Worcester Road and Kidderminster Road Hagley</a></h4>
                        <p>Traffic heavier than normal</p>
                    </li>


                    <li class="moderate-travel">
                        <h4><a href="/li/traffic.detail.11435595/?ref=ltp">B4008 Hardwicke</a></h4>
                        <p>Partially blocked due to broken down car</p>
                    </li>

                </ul>
                <div class="more-links">
                    <a class="more-list" href="/li/traffic_and_travel.in.%escape(localinfo_name)/">More...</a>
                    <div class="local-area-border"></div>

                    <a class="more-local" href="/li/traffic_and_travel.in.%escape(localinfo_name)/">More traffic &amp; travel</a>
                </div>

            </article>
        </div>

        <div class="xs-col-12 col-md-4">
            <article class="nq-article-card whats-on-block">
                <h3><a href="/leisure/">What's on today</a></h3>

                <ul data-count="4">
                    <li class="row">
                        <div class="col-4">
                            <p class="time">2pm</p>
                        </div>

                        <div class="col-8">
                            <p><a href="/events/Worcester/1261853.Event.Sleeping_Beauty/?ref=wo">Sleeping Beauty</a></p>
                        </div>
                    </li>


                    <li class="row">
                        <div class="col-4">
                            <p class="time">2pm</p>
                        </div>

                        <div class="col-8">
                            <p><a href="/events/Malvern/1270269.Event.Sole_Mates/?ref=wo">Sole Mates</a></p>
                        </div>
                    </li>


                    <li class="row">
                        <div class="col-4">
                            <p class="time">6pm</p>
                        </div>

                        <div class="col-8">
                            <p><a href="/events/Worcester/1261370.Event.Worcester_pin_meeting/?ref=wo">Worcester pin meeting</a></p>
                        </div>
                    </li>


                    <li class="row">
                        <div class="col-4">
                            <p class="time">6pm</p>
                        </div>

                        <div class="col-8">
                            <p><a href="/events/Worcester/1261855.Event.Sleeping_Beauty/?ref=wo">Sleeping Beauty</a></p>
                        </div>
                    </li>


                    <li class="row">
                        <div class="col-4">
                            <p class="time">7:30pm</p>
                        </div>

                        <div class="col-8">
                            <p><a href="/events/Droitwich_Spa/1273292.Event._Sir_John_Pakington___Droitwich_s_forgotten_MP_/?ref=wo">'Sir John Pakington - Droitwich's forgotten MP'</a></p>
                        </div>
                    </li>
                </ul>

                <div class="more-links">
                    <a class="more-list" href="/leisure/?ref=wo">What's on Today Continued...</a>
                    <div class="local-area-border"></div>
                    <a class="more-local" href="/leisure/?ref=wo">Cinema and event listings</a>
                </div>

            </article>
        </div>

        <div class="xs-col-12 col-md-4">
            <article class="nq-article-card local-info-block">
                <h3><a href="/li/">Local info</a></h3>
                <p>Enter a postcode, town or place</p>
                <form class="row" method="post" action="/li/">
                    <div class="col-8">
                        <input type="text" name="location" value="Worcester">
                    </div>
                    <div class="col-4 pl-0">
                         <button>Search</button>
                    </div>
                </form>

                <p class="research-title">Find out about local...</p>
                <div class="row">
                    <div class="col-12 col-lg-6"><a href="/li/crime.in.%raw(localinfo_name)" class="amenity">Crime</a></div>
                    <div class="col-12 col-lg-6"><a href="/li/sold_house_prices_street_list.in.%raw(localinfo_name)" class="amenity">House Prices</a></div>
                </div>
                <div class="row">
                    <div class="col-12 col-lg-6"><a href="/li/hospitals.in.%raw(localinfo_name)" class="amenity">Healthcare</a></div>
                    <div class="col-12 col-lg-6"><a href="/education/" class="amenity">Schools</a></div>
                </div>

            </article>
        </div>
    </div>
</section>
```
*/
section.block.local-area-block .nq-article-card {
  border: solid 1px #EBEBEB;
  padding: 15px;
}

section.block.local-area-block .nq-article-card p {
  font-family: "Fira Sans", sans-serif;
}

section.block.local-area-block .nq-article-card h3 {
  font-weight: 700;
}

section.block.local-area-block .nq-article-card h3 a {
  color: #000;
}

section.block.local-area-block .nq-article-card h3 a:hover {
  color: #D8232A;
  text-decoration: none;
}

section.block.local-area-block .nq-article-card h4 a {
  color: #000;
}

section.block.local-area-block .nq-article-card h4 a:hover {
  color: #D8232A;
}

section.block.local-area-block .nq-article-card .more-links {
  text-align: center;
}

section.block.local-area-block .nq-article-card .more-links .local-area-border {
  width: 100%;
  background-color: #d4d4d4;
  height: 1px;
}

section.block.local-area-block .nq-article-card .more-links a.more-list {
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}

section.block.local-area-block .nq-article-card .more-links a.more-local {
  margin-top: 20px;
  padding: 5px 20px;
  background-color: #D8232A;
  color: #FFF;
  display: inline-block;
}

section.block.local-area-block .nq-article-card .more-links a.more-local:hover {
  text-decoration: none;
  background-color: #b51d23;
}

section.block.local-area-block .nq-article-card.travel-block .severe-travel {
  border-left: 4px solid #FF3102;
}

section.block.local-area-block .nq-article-card.travel-block .moderate-travel {
  border-left: 4px solid #FFB22C;
}

section.block.local-area-block .nq-article-card.travel-block .good-travel {
  border-left: 4px solid #008D22;
}

section.block.local-area-block .nq-article-card.travel-block ul li {
  padding-left: 10px;
}

section.block.local-area-block .nq-article-card.travel-block ul li:nth-of-type(1n+4) {
  display: none;
}

section.block.local-area-block .nq-article-card.travel-block ul li h4 {
  font-weight: 700;
  margin-bottom: 2px;
}

section.block.local-area-block .nq-article-card.travel-block ul li p {
  font-size: 15px;
}

section.block.local-area-block .nq-article-card.travel-block p.status-update {
  font-family: "Roboto", sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #D8232A;
}

section.block.local-area-block .nq-article-card.whats-on-block {
  font-family: "Roboto", sans-serif;
}

section.block.local-area-block .nq-article-card.whats-on-block ul li:nth-of-type(1n+5) {
  display: none;
}

section.block.local-area-block .nq-article-card.whats-on-block p > a {
  color: #000;
}

section.block.local-area-block .nq-article-card.whats-on-block p > a:hover {
  color: #D8232A;
}

section.block.local-area-block .nq-article-card.whats-on-block .time {
  font-weight: 700;
}

section.block.local-area-block .nq-article-card.local-info-block {
  font-family: "Roboto", sans-serif;
}

section.block.local-area-block .nq-article-card.local-info-block form {
  padding-bottom: 20px;
  border-bottom: 1px solid #d4d4d4;
}

section.block.local-area-block .nq-article-card.local-info-block form input {
  width: 100%;
  height: 32px;
  background-color: #e6e6e6;
  border: 0;
  padding: 0 10px;
  font-size: 14px;
  color: #5d5d5d;
}

section.block.local-area-block .nq-article-card.local-info-block form button {
  width: 95%;
  height: 32px;
  padding: 5px;
  color: #FFF;
  background-color: #D8232A;
  border: 0;
}

section.block.local-area-block .nq-article-card.local-info-block form button:focus, section.block.local-area-block .nq-article-card.local-info-block form button:hover {
  background-color: #b51d23;
  outline: 0;
}

section.block.local-area-block .nq-article-card.local-info-block p.research-title {
  padding-top: 20px;
  font-weight: 700;
}

section.block.local-area-block .nq-article-card.local-info-block a.amenity {
  padding: 10px 5px;
  background-color: #f0f0f0;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
}

section.block.local-area-block .nq-article-card.local-info-block a.amenity:hover {
  background-color: #e3e3e3;
  color: black;
  text-decoration: none;
}

@media (min-width: 768px) {
  section.block.local-area-block .nq-article-card .more-links a.more-list {
    display: none;
  }
}

section.block.mega-news-block {
  margin-bottom: 10px;
  margin-top: 10px;
  /* Aside */
}

section.block.mega-news-block h1 {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 38px;
  text-transform: none;
  margin: 0;
}

section.block.mega-news-block h1 a {
  color: #105E8B;
}

section.block.mega-news-block h1 a:hover {
  color: #136da2;
  text-decoration: none;
}

section.block.mega-news-block .mage-news-container .mage-news-container-left {
  float: none;
  width: 100%;
  border: solid 1px #EBEBEB;
}

@media (min-width: 768px) {
  section.block.mega-news-block .mage-news-container .mage-news-container-left {
    float: left;
    width: calc(100% - 318px);
  }
}

section.block.mega-news-block .mage-news-container .mage-news-container-right {
  float: none;
  width: 100%;
}

section.block.mega-news-block .mage-news-container .mage-news-container-right .side-ad {
  text-align: center;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  section.block.mega-news-block .mage-news-container .mage-news-container-right {
    float: right;
    max-width: 300px;
  }
}

section.block.mega-news-block section.mega-news-main .mega-news-more-link {
  text-align: right;
  padding: 15px 0 15px 15px;
  margin-bottom: 15px;
}

section.block.mega-news-block section.mega-news-main .mega-news-more-link a {
  padding: 10px 15px;
  background-color: #FFF;
  color: #D8232A;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
}

section.block.mega-news-block section.mega-news-main .mega-news-more-link a:hover {
  color: #b51d23;
  text-decoration: none;
}

@media (min-width: 768px) {
  section.block.mega-news-block section.mega-news-main .mega-news-more-link {
    margin-bottom: 0;
  }
}

section.block.mega-news-block section.mega-news-main .article-card-lead h3.article-card-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
}

section.block.mega-news-block section.mega-news-main .article-card-lead img {
  width: 100%;
}

section.block.mega-news-block section.mega-news-main .article-card-lead .live-label {
  position: absolute;
  padding: 7px 15px;
  top: 0;
  left: 0;
  margin: 0;
  background-color: #d8232a;
}

section.block.mega-news-block section.mega-news-main .article-card-horizontal h3 {
  padding-top: 10px;
}

section.block.mega-news-block section.mega-news-main .article-card-horizontal .article-card-meta {
  bottom: 10px;
}

@media screen and (min-width: 47em) and (max-width: 62em) {
  section.block.mega-news-block section.mega-news-main .article-card-horizontal h3 {
    font-size: 17px;
    line-height: 24px;
  }
}

@media screen and (max-width: 62em) {
  section.block.mega-news-block section.mega-news-main .article-card-horizontal h3 {
    padding-top: 0;
  }
}

section.block.mega-news-block aside .side-ad #DFP_premium_mpu > div {
  margin-bottom: 18px;
}

section.block.mega-news-block aside .football-teaser {
  margin-bottom: 25px;
}

section.block.mega-news-block aside section.mega-news-most-popular {
  background-color: #FFF;
  box-shadow: none;
  margin-top: 0;
  margin-bottom: 25px;
  background-color: #FFF;
}

section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs {
  margin: 15px 0 0 15px;
}

section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li {
  display: inline-block;
}

section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li a {
  padding: 7px 5px;
  color: #105E8B;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li a:focus, section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li a:hover {
  text-decoration: none;
}

section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li a.active {
  background-color: #105E8B;
  color: #FFF;
}

section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li:first-child {
  margin-right: 5px;
}

@media (max-width: 991.98px) {
  section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs {
    display: block;
  }
  section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li {
    display: inline-block;
  }
}

@media screen and (max-width: 380px) {
  section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li {
    width: 48%;
  }
  section.block.mega-news-block aside section.mega-news-most-popular .mega-news-mp-tabs li a {
    padding: 7px 3px;
    font-size: 14px;
  }
}

section.block.mega-news-block aside section.mega-news-most-popular h2 {
  font-family: "Roboto", sans-serif;
  color: #105E8B;
}

section.block.mega-news-block aside section.mega-news-most-popular .loading-container {
  height: 300px;
}

section.block.mega-news-block aside section.mega-news-most-popular .loading-container .loader,
section.block.mega-news-block aside section.mega-news-most-popular .loading-container .loader:after,
section.block.mega-news-block aside section.mega-news-most-popular .loading-container .loader:before {
  background-color: #105E8B;
  color: #105E8B;
}

section.block.mega-news-block aside section.mega-news-most-popular h2 {
  padding: 15px 15px 5px;
}

section.block.mega-news-block aside section.mega-news-most-popular ol {
  counter-reset: item-counter;
  padding: 0;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  font-weight: 400;
}

section.block.mega-news-block aside section.mega-news-most-popular ol > li {
  margin: 0 0 8px;
  padding: 0 15px 5px 50px;
}

section.block.mega-news-block aside section.mega-news-most-popular ol > li .item-count {
  float: left;
  margin-left: -45px;
  text-align: center;
  text-indent: 4px;
  position: relative;
  font-weight: 500;
  width: 35px;
  font-size: 26px;
  font-family: "Roboto", sans-serif;
  color: #105E8B;
  margin-top: 4px;
}

section.block.mega-news-block aside section.mega-news-most-popular ol > li > a {
  color: #2A2A2A;
}

section.block.mega-news-block aside section.mega-news-most-popular ol > li > a:hover {
  text-decoration: none;
  color: #105E8B;
}

section.block.mega-news-block aside section.mega-news-most-popular ol > li > a span {
  opacity: 0.4;
  font-size: 14px;
}

section.block.mega-news-block aside section.mega-news-most-popular ol > li > a span:before {
  margin-right: 4px;
}

section.block.mega-news-block aside section.mega-news-most-popular ol > li.advert {
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
}

section.block.mega-news-block aside section.mega-news-most-popular .most-popular-tabbed {
  padding-top: 25px;
  display: none;
}

section.block.mega-news-block aside section.mega-news-most-popular .active {
  display: block;
}

@media (min-width: 768px) {
  section.block.mega-news-block aside section.mega-news-most-popular {
    display: block;
  }
}

/* Mega news - most popular tabs - also used on article pages */
/*aside .mega-news-mp-tabs {
    display: block;
    margin-bottom: 0;
    margin-bottom: -1px;

    .mp-tab {
        font-family: $nq-mostpopular-tab-font-family;
        font-weight: $nq-mostpopular-tab-font-weight;
        display: inline-block;
        font-size: 22px;
        width: 135px;
        text-align: center;
        line-height: 25px;
        cursor: pointer;

        a {
            text-decoration: none;
            color: #000;
            padding: 10px;
            display: block;
        }

        &.most-commented-tab {
            min-width: 153px;
        }

        &.active a,
        a.active {
            background-color: $nq-mostpopular-active-tab-bg-color;
            color: $nq-mostpopular-active-tab-text-color;
        }
        @include media-breakpoint-up(md) {
            a {
                padding: 9px;
            }
        }
        @include media-breakpoint-up(lg) {
            width: 135px;
            line-height: 25px;
            font-size: 22px;
            padding: 0;
        }
    }
    @include media-breakpoint-up(md) {
        display: flex;
        margin-bottom: -1px;
    }
}*/
/* MEGA NEWS SEMI TIER */
section.block.mega-news-block section.mega-news-main {
  background-color: #FFF;
}

section.block.mega-news-block section.mega-news-main h1 {
  padding: 15px;
}

section.block.mega-news-block section.mega-news-main article.article-card.article-card-horizontal {
  border-bottom: 1px solid #EAEAEA;
}

section.block.mega-news-block aside section.mega-news-most-popular h2 {
  color: #000;
}

section.block.mega-news-block.long-news-list {
  background-color: #FFF;
}

section.block.mega-news-block.long-news-list #DFP_standard_mpu_1 {
  margin-bottom: 25px;
}

section.block.mega-news-block.long-news-list .cta-ad {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 30px;
}

section.block.mega-news-block .row.cta-article {
  margin-bottom: 18px;
}

/*doc
---
title: Most popular
name: most-popular
category: Blocks
---
```html_example
<section class="block most-popular-block" id="mostFullBlock" data-name="%raw(block_name)" data-variant="%raw(block_variant)">
    <ul class="most-popular-tabs" role="tablist">
        <li role="presentation" class="nav-item mp-tab most-read-tab"><a href="#tab1" class="active" aria-controls="tab1" role="tab" data-toggle="tab" id="mostPopularTab">Most popular</a></li>
        <li role="presentation" class="nav-item mp-tab most-commented-tab"><a href="#tab2" aria-controls="tab2" role="tab" data-toggle="tab" id="mostCommentedTab">Most commented</a></li>
    </ul>

    <div class="most-tab-content">
        <div id="tab1" role="tabpanel" class="most-popular-content most-popular-tabbed active">
            <ol class="most-popular-list" id="MostRead1" data-limit="15" data-offset="0" data-module="most-read" data-category="Most read" data-contains-advert="true" data-processed="yes">

                <li>
                    <span class="item-count">1</span>
                    <a href="http://www.worcesternews.co.uk/news/15803988.Man_hit_by_tree_as_Storm_Eleanor_causes_chaos_around_the_county/?ref=mr&amp;lp=1">Man hit by tree as Storm Eleanor causes chaos around the county</a>
                </li><li>
                    <span class="item-count">2</span>
                    <a href="http://www.worcesternews.co.uk/news/15802952.Warndon_murder_probe__Man_arrested_on_suspicion_of_killing_Worcester_woman_Julie_Fox/?ref=mr&amp;lp=2">Warndon murder probe: Man arrested on suspicion of killing Worcester woman Julie Fox</a>
                </li><li>
                    <span class="item-count">3</span>
                    <a href="http://www.worcesternews.co.uk/news/regional/15803270.M5_fully_re_opened_nearly_12_hours_after_crash/?ref=mr&amp;lp=3">M5 fully re-opened nearly 12 hours after crash</a>
                </li><li>
                    <span class="item-count">4</span>
                    <a href="http://www.worcesternews.co.uk/news/15802473.Everything_you_need_to_know_about_the_roadworks_coming_to_New_Road/?ref=mr&amp;lp=4">Everything you need to know about the roadworks coming to New Road</a>
                </li><li>
                    <span class="item-count">5</span>
                    <a href="http://www.worcesternews.co.uk/news/15803135.Suspected_drug_dealer_Jamal_Deen_tied_cocaine_to_his_genitals/?ref=mr&amp;lp=5">Suspected drug dealer Jamal Deen tied cocaine to his genitals</a>
                </li>
            <li>
                    <span class="item-count">6</span>
                    <a href="http://www.worcesternews.co.uk/news/15802080.PUB_SPY__Flawless_roast_complete_with_two_sensational_sides/?ref=mr&amp;lp=6">PUB SPY: Flawless roast complete with two sensational sides</a>
                </li><li>
                    <span class="item-count">7</span>
                    <a href="http://www.worcesternews.co.uk/news/15802114.Man_appears_in_court_charged_with_murder_in_Worcestershire/?ref=mr&amp;lp=7">Man appears in court charged with murder in Worcestershire</a>
                </li><li>
                    <span class="item-count">8</span>
                    <a href="http://www.worcesternews.co.uk/sport/15803351.Lance_s_future_still_to_be_resolved__says_Warriors_boss/?ref=mr&amp;lp=8">Lance's future still to be resolved, says Warriors boss</a>
                </li><li>
                    <span class="item-count">9</span>
                    <a href="http://www.worcesternews.co.uk/news/15802454.Woman_found_dead_in_Bromsgrove_named_locally/?ref=mr&amp;lp=9">Woman found dead in Bromsgrove named locally</a>
                </li><li>
                    <span class="item-count">10</span>
                    <a href="http://www.worcesternews.co.uk/news/15803121.Appeal_to_find_stolen_dog_goes_viral/?ref=mr&amp;lp=10">Appeal to find stolen dog goes viral</a>
                </li><li>
                    <span class="item-count">11</span>
                    <a href="http://www.worcesternews.co.uk/news/15802927.FIGHT__Worcester_councillor_and_Katie_Hopkins_cross_swords_on_Twitter/?ref=mr&amp;lp=11">FIGHT! Worcester councillor and Katie Hopkins cross swords on Twitter</a>
                </li><li>
                    <span class="item-count">12</span>
                    <a href="http://www.worcesternews.co.uk/news/15804018.Wednesday__39_s_traffic_and_travel_report_in_Worcestershire/?ref=mr&amp;lp=12">Wednesday's traffic and travel report in Worcestershire</a>
                </li><li>
                    <span class="item-count">13</span>
                    <a href="http://www.worcesternews.co.uk/news/15803025.Mosque_feeds_more_than_60_homeless_people_at_hostel_on_New_Year_s_Day/?ref=mr&amp;lp=13">Mosque feeds more than 60 homeless people at hostel on New Year's Day</a>
                </li><li>
                    <span class="item-count">14</span>
                    <a href="http://www.worcesternews.co.uk/news/15803001.Noah_brings_New_Year_baby_joy_to_family/?ref=mr&amp;lp=14">Noah brings New Year baby joy to family</a>
                </li><li>
                    <span class="item-count">15</span>
                    <a href="http://www.worcesternews.co.uk/news/15802568.Flood_alert_as_more_rainfall_expected_overnight/?ref=mr&amp;lp=15">Flood alert as more rainfall expected overnight</a>
                </li></ol>

            <div class="c-align semi-loud see-more-stories">
                <a href="#most-full-block" class="pull-right more-link read-more1" data-open="1">
                    Read more <i class="m-icon-right-open-1"></i>
                </a>
            </div>
        </div>

        <div id="tab2" role="tabpanel" class="most-popular-content most-popular-tabbed">
            <ol class="most-popular-list" id="MostCommented" %if(display_most_commented_panel)data-comment-count="yes"%endif() data-limit="10" data-offset="0" data-module="most-read" data-category="Most commented">
                <li style="display: none">
                    <span class="item-count"></span>
                    <a href="#"></a>
                </li>
            </ol>
        </div>
    </div>
</section>
```
*/
section.block.mega-news-block,
section.block.mega-news-block.long-news-list,
section.mega-news-most-popular {
  /* Mega news - most popular tabs */
}

section.block.mega-news-block .mega-news-mp-tabs li,
section.block.mega-news-block.long-news-list .mega-news-mp-tabs li,
section.mega-news-most-popular .mega-news-mp-tabs li {
  display: inline-block;
}

section.block.mega-news-block .mega-news-mp-tabs li a,
section.block.mega-news-block.long-news-list .mega-news-mp-tabs li a,
section.mega-news-most-popular .mega-news-mp-tabs li a {
  padding: 7px 12px;
  color: #105E8B;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

section.block.mega-news-block .mega-news-mp-tabs li a:focus, section.block.mega-news-block .mega-news-mp-tabs li a:hover,
section.block.mega-news-block.long-news-list .mega-news-mp-tabs li a:focus,
section.block.mega-news-block.long-news-list .mega-news-mp-tabs li a:hover,
section.mega-news-most-popular .mega-news-mp-tabs li a:focus,
section.mega-news-most-popular .mega-news-mp-tabs li a:hover {
  text-decoration: none;
}

section.block.mega-news-block .mega-news-mp-tabs li a.active,
section.block.mega-news-block.long-news-list .mega-news-mp-tabs li a.active,
section.mega-news-most-popular .mega-news-mp-tabs li a.active {
  background-color: #105E8B;
  color: #FFF;
}

@media (max-width: 991.98px) {
  section.block.mega-news-block .mega-news-mp-tabs,
  section.block.mega-news-block.long-news-list .mega-news-mp-tabs,
  section.mega-news-most-popular .mega-news-mp-tabs {
    display: block;
  }
  section.block.mega-news-block .mega-news-mp-tabs li,
  section.block.mega-news-block.long-news-list .mega-news-mp-tabs li,
  section.mega-news-most-popular .mega-news-mp-tabs li {
    display: inline-block;
  }
}

@media screen and (max-width: 380px) {
  section.block.mega-news-block .mega-news-mp-tabs li,
  section.block.mega-news-block.long-news-list .mega-news-mp-tabs li,
  section.mega-news-most-popular .mega-news-mp-tabs li {
    width: 48%;
  }
  section.block.mega-news-block .mega-news-mp-tabs li a,
  section.block.mega-news-block.long-news-list .mega-news-mp-tabs li a,
  section.mega-news-most-popular .mega-news-mp-tabs li a {
    padding: 7px 3px;
    font-size: 15px;
  }
}

section.block.most-popular-block {
  background-color: #FFF;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.19);
  border: solid 1px #EBEBEB;
  /* Mega news - most popular tabs */
}

section.block.most-popular-block .most-popular-content h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-bottom: 20px;
}

section.block.most-popular-block .most-popular-content h2 a {
  color: #105E8B;
}

section.block.most-popular-block .most-popular-content h2 a:focus, section.block.most-popular-block .most-popular-content h2 a:hover {
  color: #136da2;
}

section.block.most-popular-block .most-popular-content .loading-container {
  height: 300px;
}

section.block.most-popular-block .most-popular-content .loading-container .loader,
section.block.most-popular-block .most-popular-content .loading-container .loader:after,
section.block.most-popular-block .most-popular-content .loading-container .loader:before {
  background-color: #105E8B;
  color: #105E8B;
}

section.block.most-popular-block .most-popular-content h2 {
  padding: 15px 15px 5px;
}

section.block.most-popular-block .most-popular-content ol {
  counter-reset: item-counter;
  margin-left: 55px;
  margin-bottom: 0;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  font-weight: 400;
}

section.block.most-popular-block .most-popular-content ol > li {
  width: 100%;
  padding: 10px 20px 0 0;
  float: left;
  min-height: 60px;
}

section.block.most-popular-block .most-popular-content ol > li .item-count {
  float: left;
  margin-left: -45px;
  text-align: center;
  text-indent: 4px;
  position: relative;
  font-weight: 500;
  width: 35px;
  font-size: 26px;
  font-family: "Roboto", sans-serif;
  color: #105E8B;
}

section.block.most-popular-block .most-popular-content ol > li > a {
  color: #2A2A2A;
}

section.block.most-popular-block .most-popular-content ol > li > a:hover {
  text-decoration: none;
  color: #105E8B;
}

section.block.most-popular-block .most-popular-content ol > li > a span {
  opacity: 0.4;
  font-size: 14px;
}

section.block.most-popular-block .most-popular-content ol > li > a span:before {
  margin-right: 4px;
}

@media (min-width: 576px) {
  section.block.most-popular-block .most-popular-content ol li {
    width: 43%;
    margin: 0 7% 10px 0;
    padding: 0;
  }
  section.block.most-popular-block .most-popular-content.most-popular-tabbed a.more-link {
    margin-top: -20px;
  }
}

@media screen and (min-width: 928px) {
  section.block.most-popular-block .most-popular-content ol {
    margin-left: 0;
  }
  section.block.most-popular-block .most-popular-content ol li {
    width: 33%;
    margin: 0 0 10px;
    padding: 0 9px;
    min-height: 90px;
  }
  section.block.most-popular-block .most-popular-content ol li > a {
    display: block;
    width: 83%;
    float: left;
  }
  section.block.most-popular-block .most-popular-content ol li .item-count {
    margin-left: 0;
    margin-right: 10px;
  }
}

section.block.most-popular-block .most-popular-content.most-popular-tabbed {
  padding-top: 25px;
  display: none;
}

section.block.most-popular-block .most-popular-content.active {
  display: block;
}

section.block.most-popular-block .most-popular-tabs {
  margin: 15px 0 0 15px;
}

section.block.most-popular-block .most-popular-tabs li {
  display: inline-block;
}

section.block.most-popular-block .most-popular-tabs li a {
  padding: 7px 12px;
  color: #105E8B;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

section.block.most-popular-block .most-popular-tabs li a:focus, section.block.most-popular-block .most-popular-tabs li a:hover {
  text-decoration: none;
}

section.block.most-popular-block .most-popular-tabs li a.active {
  background-color: #105E8B;
  color: #FFF;
}

section.block.most-popular-block .most-popular-tabs li:first-child {
  margin-right: 5px;
}

@media (max-width: 991.98px) {
  section.block.most-popular-block .most-popular-tabs {
    display: block;
  }
  section.block.most-popular-block .most-popular-tabs li {
    display: inline-block;
  }
}

@media screen and (max-width: 380px) {
  section.block.most-popular-block .most-popular-tabs li {
    width: 48%;
  }
  section.block.most-popular-block .most-popular-tabs li a {
    padding: 7px 3px;
    font-size: 15px;
  }
}

section.block.most-popular-block .most-tab-content {
  margin-top: -1px;
}

section.block.most-popular-block {
  box-shadow: none;
}

section.block.most-popular-block h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

section.block.most-popular-block h2 a {
  color: #000;
}

section.block.most-popular-block h2 a:focus, section.block.most-popular-block h2 a:hover {
  color: #000;
}

section.block.most-popular-block .most-popular-tabs li a {
  text-transform: none;
}

section.block.sport-block {
  background-color: #FFF;
  border: solid 1px #EBEBEB;
  padding: 10px;
}

section.block.sport-block .sport-first-row .sport-first-row-left {
  float: none;
  width: 100%;
}

@media (min-width: 768px) {
  section.block.sport-block .sport-first-row .sport-first-row-left {
    float: left;
    width: calc(100% - 318px);
  }
}

section.block.sport-block .sport-first-row .sport-first-row-right {
  float: none;
  width: 100%;
}

section.block.sport-block .sport-first-row .sport-first-row-right .articles-ad {
  text-align: center;
  margin-bottom: 18px;
}

@media (min-width: 768px) {
  section.block.sport-block .sport-first-row .sport-first-row-right {
    float: right;
    max-width: 300px;
    margin-bottom: 0;
  }
}

section.block.sport-block .mpu {
  margin-bottom: 25px;
}

#footballResults {
  width: 300px;
  margin-bottom: 15px;
}

#footballResults h3 {
  color: #323132;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
}

#footballResults .date {
  height: 17px;
  width: 100%;
  color: #000000;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  position: relative;
}

#footballResults .date span {
  position: absolute;
  top: 0;
  cursor: pointer;
}

#footballResults .date .date-back {
  left: 10px;
}

#footballResults .date .date-forward {
  right: 10px;
}

#footballResults .date div {
  width: 100%;
  text-align: center;
  display: inline-block;
}

#footballResults .competitions-dropdown {
  height: 38px;
  width: 100%;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #000000;
  outline: none;
  height: 44px;
  background-color: #fff;
  border: 0;
  padding: 0 10px;
  margin: 10px 0;
  border-top: 2px solid #CFCECE;
}

#footballResults #results {
  background-color: #F5F5F5;
}

#footballResults #results .result-wrapper {
  border-bottom: 2px solid #E0DFDF;
}

#footballResults #results .result-wrapper .result {
  width: 100%;
  height: 41px;
  line-height: 41px;
}

#footballResults #results .result-wrapper .result .highlight {
  font-weight: bold;
}

#footballResults #results .result-wrapper .result span {
  display: inline-block;
  vertical-align: bottom;
  line-height: normal;
}

#footballResults #results .result-wrapper .result span.score {
  width: 60px;
  background-color: #AF2127;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 600;
}

#footballResults #results .result-wrapper .result span.home_team {
  width: 35%;
  padding: 2px;
  text-align: right;
  color: #000000;
  font-family: "Fira Sans";
  font-size: 14px;
  margin-right: 10px;
}

#footballResults #results .result-wrapper .result span.away_team {
  width: 34%;
  padding: 2px;
  text-align: left;
  color: #000000;
  font-family: "Fira Sans";
  font-size: 14px;
  margin-left: 10px;
}

#footballResults #results .result-wrapper .result-info {
  padding-bottom: 10px;
}

#footballResults #results .result-wrapper .result-info .status {
  width: 100%;
  text-align: center;
  color: #9B9B9B;
  font-family: "Fira Sans";
  font-size: 12px;
  line-height: 14px;
  padding-top: 5px;
}

#footballResults #results .result-wrapper .result-info .comments {
  width: 100%;
  font-size: 12px;
  text-align: center;
}

#footballResults #results .last-updated {
  color: #9B9B9B;
  margin-top: 10px;
  width: 100%;
  font-family: "Fira Sans";
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
  text-align: left;
}

#footballLeague {
  width: 300px;
  margin-bottom: 15px;
}

#footballLeague h3 {
  color: #323132;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
}

#footballLeague .sport-league {
  width: 100%;
}

#footballLeague .sport-league .competitions-dropdown {
  height: 38px;
  width: 100%;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #000000;
  outline: none;
  height: 44px;
  background-color: #fff;
  border: 0;
  padding: 0 10px;
  margin: 10px 0;
  border-top: 2px solid #CFCECE;
}

#footballLeague .sport-league .league {
  table-layout: fixed;
}

#footballLeague .sport-league .league .league-header th {
  color: #9B9B9B;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 0 8px;
  text-align: center;
}

#footballLeague .sport-league .league .league-header th:last-child {
  color: #D8232A;
}

#footballLeague .sport-league .league .league-header th:first-child {
  width: 130px;
  text-align: left;
}

#footballLeague .sport-league .league tr {
  height: 32px;
}

#footballLeague .sport-league .league tr td:first-child {
  width: 130px;
  text-align: left;
  padding-left: 10px;
  white-space: nowrap;
}

#footballLeague .sport-league .league tr td:first-child.highlighted {
  font-weight: bold;
  position: relative;
}

#footballLeague .sport-league .league tr td:first-child.highlighted .highlight {
  position: absolute;
  height: 100%;
  width: 300px;
  left: 0;
  bottom: 0;
  border-bottom: 2px solid black;
  border-left: 5px solid #AF2127;
}

#footballLeague .sport-league .league tr:nth-child(even) {
  background-color: #ffffff;
}

#footballLeague .sport-league .league td {
  height: 32px;
  font-family: "Fira Sans";
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
}

#footballLeague .sport-league .last-updated {
  color: #9B9B9B;
  margin-top: 10px;
  width: 100%;
  font-family: "Fira Sans";
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
  text-align: left;
}

#footballFixtures {
  width: 300px;
  margin-bottom: 15px;
}

#footballFixtures h3 {
  color: #323132;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 40px;
}

#footballFixtures .date {
  height: 17px;
  width: 100%;
  color: #000000;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  position: relative;
}

#footballFixtures .date span {
  position: absolute;
  top: 0;
  cursor: pointer;
}

#footballFixtures .date span.date-back {
  left: 10px;
}

#footballFixtures .date span.date-forward {
  right: 10px;
}

#footballFixtures .date div {
  width: 100%;
  text-align: center;
  display: inline-block;
}

#footballFixtures .competitions-dropdown {
  height: 38px;
  width: 100%;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: #000000;
  outline: none;
  height: 44px;
  background-color: #fff;
  border: 0;
  padding: 0 10px;
  margin: 10px 0;
  border-top: 2px solid #CFCECE;
}

#footballFixtures #fixtures {
  background-color: #F5F5F5;
}

#footballFixtures #fixtures .fixture-wrapper {
  border-bottom: 2px solid #E0DFDF;
}

#footballFixtures #fixtures .fixture-wrapper .fixture {
  width: 100%;
  height: 41px;
  line-height: 41px;
}

#footballFixtures #fixtures .fixture-wrapper .fixture .highlight {
  font-weight: bold;
}

#footballFixtures #fixtures .fixture-wrapper .fixture span {
  display: inline-block;
  vertical-align: bottom;
  line-height: normal;
}

#footballFixtures #fixtures .fixture-wrapper .fixture span.date-fix {
  width: 60px;
  background-color: #D8D8D8;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #000000;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 600;
}

#footballFixtures #fixtures .fixture-wrapper .fixture span.home_team {
  width: 35%;
  padding: 2px;
  text-align: right;
  color: #000000;
  font-family: "Fira Sans";
  font-size: 14px;
  margin-right: 10px;
}

#footballFixtures #fixtures .fixture-wrapper .fixture span.away_team {
  width: 34%;
  padding: 2px;
  text-align: left;
  color: #000000;
  font-family: "Fira Sans";
  font-size: 14px;
  margin-left: 10px;
}

#footballFixtures #fixtures .fixture-wrapper .fixture-info {
  padding-bottom: 10px;
}

#footballFixtures #fixtures .fixture-wrapper .fixture-info .status {
  width: 100%;
}

#footballFixtures #fixtures .fixture-wrapper .fixture-info .comments {
  width: 100%;
  font-size: 12px;
  text-align: center;
}

@media (max-width: 767.98px) {
  #footballLeague {
    width: 100%;
  }
  #footballLeague .league {
    width: 100%;
  }
  #footballResults {
    width: 100%;
  }
  #footballFixtures {
    width: 100%;
  }
}

section.block.national-sport-block {
  background-color: #FFF;
  border: solid 1px #EBEBEB;
  padding: 10px;
}

section.block.national-sport-block .mpu {
  margin-bottom: 25px;
}

section.block.national-sport-block #DFP_standard_mpu_2 {
  text-align: center;
}

section.block.national-sport-block .show-on-mobile .more-link {
  margin-bottom: 0;
}

section.block.trending-block {
  background-color: #FFF;
  box-shadow: 0;
  padding: 10px;
  /* We initially hide the element so that it doesnt cause the page to jump and load un-styled content. */
  /* Loading */
}

section.block.trending-block .trending-block-carousel {
  visibility: hidden;
  max-height: 150px;
}

section.block.trending-block .loading-container {
  height: 100px;
}

section.block.trending-block .loading-container .loader {
  color: #D8232A;
  background-color: #D8232A;
}

section.block.trending-block .loading-container .loader:after, section.block.trending-block .loading-container .loader:before {
  background: #D8232A;
}

section.block.trending-block .item {
  height: 100%;
  margin: 14px;
}

section.block.trending-block h2 {
  color: #2A2A2A;
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
}

section.block.trending-block .carousel-container {
  padding: 0 5px 10px;
  border-bottom: solid 1px #eaeaea;
}

section.block.trending-block .carousel-controls {
  text-align: center;
  margin-top: 10px;
}

section.block.trending-block .carousel-controls div {
  display: inline-block;
}

section.block.trending-block .carousel-controls .slick-dots {
  margin: 0;
}

section.block.trending-block .carousel-controls .slick-dots li {
  display: inline-block;
  margin: 0 3px;
  vertical-align: text-bottom;
}

section.block.trending-block .carousel-controls .slick-dots li > button {
  background-color: #d9d9d9;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

section.block.trending-block .carousel-controls .slick-dots li.slick-active > button {
  background-color: #D8232A;
}

section.block.trending-block .carousel-controls .carousel-next,
section.block.trending-block .carousel-controls .carousel-prev {
  cursor: pointer;
  font-weight: 500;
}

section.block.trending-block .carousel-controls .carousel-next[aria-disabled="true"],
section.block.trending-block .carousel-controls .carousel-prev[aria-disabled="true"] {
  opacity: 0.5;
}

section.block.trending-block .image-container {
  position: relative;
  width: 100%;
  max-height: 170px;
  max-width: 300px;
}

section.block.trending-block .image-container img {
  max-height: 100%;
  object-fit: cover;
  width: 100%;
}

section.block.trending-block .image-container span {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF;
  color: #D8232A;
  font-size: 21px;
  height: 30px;
  width: 39px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
  padding-top: 3px;
}

section.block.trending-block h4 {
  display: block;
  margin-top: 5px;
}

section.block.trending-block h4 a {
  color: #2A2A2A;
  line-height: 20px;
  font-family: "Fira Sans", sans-serif;
  display: block;
}

section.block.trending-block h4 a:focus, section.block.trending-block h4 a:hover {
  color: #D8232A;
  text-decoration: none;
}

section.block.trending-block .site {
  display: block;
  color: #D8232A;
  font-weight: 700;
  font-size: 12px;
  margin-top: 10px;
}

section.block.trending-block .site:focus, section.block.trending-block .site:hover {
  color: #e14349;
  text-decoration: none;
}

/* Engage */
section.block.trending-block {
  background-color: inherit;
  box-shadow: none;
}

section.block.trending-block .carousel-container {
  padding: 0;
  border: 0;
}

section.block.trending-block .item {
  background-color: #FFF;
}

section.block.trending-block .item .site,
section.block.trending-block .item h4 {
  padding: 5px 10px;
}

section.block.trending-block .item h4 {
  font-weight: bold;
}

section.block.trending-block .item .image-container span {
  bottom: 0;
  top: auto;
}

#articleListPage section.article-4-in-a-row .article-card-highlighted .nq-article-card-headline, #articleListPage section.article-4-in-a-row .nq-article-card .nq-article-card-headline, #articleListPageWrapper section.article-4-in-a-row .article-card-highlighted .nq-article-card-headline, #articleListPageWrapper section.article-4-in-a-row .nq-article-card .nq-article-card-headline {
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  font-weight: 500;
}

/*doc
---
title: Disaster
name: disaster
category: Blocks
---
```html_example
<section class="block disaster-block" data-name="%raw(block_name)" data-variant="%raw(block_variant)">
        <div class="nq-article-card-label-standalone nq-article-inline-card-label disaster-label element-over-faux-link %raw(block_label_style)"><h4>Label Block</h4></div>

    <article class="row" data-position="%raw(i)">
        <div class="col-md-8 col-sm-push-4 disaster-image">
            <a href="%raw(article_link)">
                <img src="/resources/static/nile/img/default_image.png" alt="">
            </a>
        </div>

        <div class="col-md-4 disaster-info col-sm-pull-8">
            <a class="disaster-link faux-link" href="%raw(article_link)"></a>
                <h3>Dog eats man</h3>
            <div class="disaster-meta element-over-faux-link">
                <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>50</span></a>
            </div>
        </div>

    </article>
</section>
```
*/
section.block.disaster-block {
  position: relative;
  background-color: #D8232A;
  box-shadow: 0;
}

section.block.disaster-block .disaster-link {
  position: absolute;
  display: block;
  width: calc(100% - 10px);
  height: 100%;
}

section.block.disaster-block .disaster-label > .nq-article-card-label {
  position: absolute;
  padding: 7px 15px;
  top: 0;
  left: 9px;
  text-transform: uppercase;
  font-weight: 300;
  color: #FFF;
}

section.block.disaster-block .disaster-label > .nq-article-card-label.stars-label {
  z-index: 1;
}

section.block.disaster-block .disaster-label > .nq-article-card-label.stars-label .star-ratings-sprite {
  width: 104px;
  background-size: 21px;
  background-position-y: -20px;
}

section.block.disaster-block .nq-article-card-media-label {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 10px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.74);
  color: #FFF;
  width: 50px;
  height: 50px;
}

@media (min-width: 992px) {
  section.block.disaster-block .nq-article-card-media-label {
    right: 30px;
  }
}

section.block.disaster-block .nq-article-card-media-label h4 {
  font-size: 30px;
  line-height: 50px;
  text-align: center;
}

section.block.disaster-block .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
  margin-right: 2px;
}

section.block.disaster-block .disaster-image img {
  margin-right: -1px;
}

section.block.disaster-block .flex-last {
  order: initial;
}

section.block.disaster-block .disaster-info {
  padding-left: 0;
}

section.block.disaster-block .disaster-info h3 {
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  color: #FFF;
  padding: 10px 20px 5px;
}

section.block.disaster-block .disaster-info .disaster-meta {
  color: #FFF;
  padding: 0 20px 10px;
  font-size: 14px;
  position: relative;
}

section.block.disaster-block .disaster-info .disaster-meta a {
  color: #FFF;
}

section.block.disaster-block .disaster-info .disaster-meta a:hover {
  text-decoration: none;
}

section.block.disaster-block .disaster-info .disaster-meta .m2-icon-chat {
  padding: 5px;
  font-size: 13px;
}

@media (min-width: 768px) {
  section.block.disaster-block .disaster-info h3 {
    padding: 10px;
    font-size: 34px;
    line-height: 40px;
  }
  section.block.disaster-block .disaster-info .disaster-meta {
    padding: 0 10px 0;
  }
  section.block.disaster-block .flex-last {
    order: 1;
  }
}

@media (min-width: 992px) {
  section.block.disaster-block .disaster-info h3 {
    padding: 20px 10px 10px 0;
    font-size: 38px;
    line-height: 40px;
  }
  section.block.disaster-block .disaster-info .disaster-meta {
    padding: 0 0 10px;
  }
}

/*doc
---
title: Single short
name: single-short
category: Blocks
---
```html_example
<section class="block single-short-block" data-name="%raw(block_name)" data-variant="%raw(block_variant)">
    <article class="short-content" data-position="%raw(i)">
        <div class="custom-label nq-article-card-label-standalone  element-over-faux-link %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>
        <h3>
            <a href="%raw(article_link)">Dog eats man</a>

            <div class="short-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>50</span></a>
            </div>
        </h3>
    </article>
</section>

```
*/
section.block.single-short-block {
  background-color: #FFF;
  color: #FFF;
  border-left: solid 2px #D8232A;
}

section.block.single-short-block:hover {
  background-color: #EBEBEB;
}

section.block.single-short-block .short-content {
  margin: 0;
  width: 100%;
  padding: 5px 15px;
}

section.block.single-short-block .short-content h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0;
}

section.block.single-short-block .short-content h3 a {
  color: #105E8B;
}

section.block.single-short-block .short-content h3 a:focus, section.block.single-short-block .short-content h3 a:hover {
  color: #105E8B;
  text-decoration: none;
}

section.block.single-short-block .short-content .short-meta {
  display: inline-block;
  color: #105E8B;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}

section.block.single-short-block .short-content .short-meta a {
  color: #105E8B;
}

section.block.single-short-block .short-content .short-meta a:focus, section.block.single-short-block .short-content .short-meta a:hover {
  text-decoration: none;
}

section.block.single-short-block .short-content .short-meta .m2-icon-chat {
  color: #105E8B;
  margin-right: 4px;
  margin-left: 5px;
  font-size: 13px;
}

section.block.single-short-block .short-content .short-meta .topic:before {
  color: #FFF;
  content: "•";
  font-size: 20px;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

section.block.single-short-block .short-content .short-meta .topic:focus, section.block.single-short-block .short-content .short-meta .topic:hover {
  color: #FFF;
  text-decoration: none;
}

section.block.single-short-block .short-content .nq-article-card-label-standalone {
  display: inline-block;
  padding: 2px 10px;
  height: auto;
}

section.block.single-short-block .short-content .nq-article-card-label-standalone h4 {
  font-size: 12px;
  line-height: 16px;
}

section.block.single-short-block .short-content .nq-article-card-label-standalone.stars-label .star-ratings-sprite {
  background-size: 21px;
  height: 20px;
}

section.block.single-short-block .short-image {
  margin-right: 10px;
  display: none;
}

section.block.single-short-block .short-image img {
  max-width: 150px;
}

@media (min-width: 576px) {
  section.block.single-short-block .short-image {
    display: block;
  }
}

/*doc
---
title: Headline over pic
name: headline-over-pic
category: Blocks
---
```html_example
<section class="block headline-over-pic-block" data-name="%raw(block_name)" data-variant="%raw(block_variant)">

    <div class="nq-article-card-label-standalone nq-article-inline-card-label hop-label faux-link %raw(block_label_style)"><h4>ARTICLE LABEL</h4></div>

    <div class="row">
        <article class="col-md-12" data-position="%raw(i)">
            <a class="hop-image" href="%raw(article_link)">
                <img src="/resources/static/nile/img/default_image.png" alt="">
            </a>
            <div class="hop-info">
                <h3><a href="%raw(article_link)">Dog eats man</a></h3>
                <div class="hop-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>50</span></a>
                </div>
            </div>
        </article>
    </div>
</section>
```
*/
section.block.headline-over-pic-block {
  position: relative;
  overflow: hidden;
  background-color: #D8232A;
}

section.block.headline-over-pic-block .hop-label > .nq-article-card-label {
  position: absolute;
  padding: 7px 15px;
  top: 0;
  left: 0;
  text-transform: uppercase;
  color: #FFF;
}

section.block.headline-over-pic-block .hop-label > .nq-article-card-label.stars-label {
  z-index: 2;
}

section.block.headline-over-pic-block .hop-label > .nq-article-card-label.stars-label .star-ratings-sprite {
  width: 104px;
  background-size: 21px;
  background-position-y: -20px;
}

section.block.headline-over-pic-block .nq-article-card-media-label {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.74);
  color: #FFF;
  width: 35px;
  height: 35px;
}

section.block.headline-over-pic-block .nq-article-card-media-label h4 {
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

section.block.headline-over-pic-block .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
  margin-right: 2px;
}

@media (min-width: 768px) {
  section.block.headline-over-pic-block .nq-article-card-media-label {
    width: 50px;
    height: 50px;
    bottom: 10px;
    top: initial;
  }
  section.block.headline-over-pic-block .nq-article-card-media-label h4 {
    font-size: 30px;
    line-height: 50px;
  }
}

section.block.headline-over-pic-block a.hop-image {
  overflow: hidden;
  width: 100%;
  max-height: 400px;
  display: block;
  position: relative;
}

section.block.headline-over-pic-block a.hop-image img {
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin-top: 0;
}

section.block.headline-over-pic-block .hop-info {
  padding-right: 10px;
  max-width: 90%;
  position: absolute;
  bottom: 0;
}

section.block.headline-over-pic-block .hop-info h3 {
  display: inline-block;
  font-size: 38px;
  font-weight: 400;
  line-height: 46px;
  color: #FFF;
  margin: 0;
}

section.block.headline-over-pic-block .hop-info h3 a {
  color: #FFF;
  padding: 0 5px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-color: #e14349;
}

section.block.headline-over-pic-block .hop-info h3 a:focus, section.block.headline-over-pic-block .hop-info h3 a:hover {
  text-decoration: none;
  color: #fff;
}

@media (min-width: 768px) {
  section.block.headline-over-pic-block .hop-info h3 a {
    padding: 0 15px;
  }
}

@media (max-width: 767.98px) {
  section.block.headline-over-pic-block .hop-info h3 {
    font-size: 21px;
    line-height: 24px;
  }
}

section.block.headline-over-pic-block .hop-info .hop-meta {
  display: inline-block;
  padding-left: 15px;
  color: #FFF;
  padding: 5px;
  font-size: 12px;
  position: relative;
  background-color: #e14349;
}

section.block.headline-over-pic-block .hop-info .hop-meta a {
  color: #FFF;
}

section.block.headline-over-pic-block .hop-info .hop-meta a:focus, section.block.headline-over-pic-block .hop-info .hop-meta a:hover {
  text-decoration: none;
  color: #FFF;
}

section.block.headline-over-pic-block .hop-info .hop-meta .m2-icon-chat {
  margin-right: 4px;
  margin-left: 5px;
  font-size: 13px;
}

section.block.headline-over-pic-block .hop-info .hop-meta .timestamp {
  margin-left: 15px;
}

@media (max-width: 767.98px) {
  section.block.headline-over-pic-block .hop-info .hop-meta .timestamp {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  section.block.headline-over-pic-block .hop-info .hop-meta {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  section.block.headline-over-pic-block .hop-info {
    position: absolute;
    bottom: 0;
  }
  section.block.headline-over-pic-block .hop-info h3 a {
    background: #e14349;
    background: rgba(225, 67, 73, 0.9);
  }
  section.block.headline-over-pic-block .hop-info .hop-meta {
    background: #e14349;
    background: rgba(225, 67, 73, 0.9);
  }
}

/*doc
---
title: Showcase
name: showcase
category: Blocks
---
```html_example
<section class="block showcase-block" data-name="%raw(block_name)" data-variant="%raw(block_variant)">
    <div class="showcase-carousel">
        <div class="item">
            <div class="custom-label nq-article-card-label-standalone element-over-faux-link %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

            <article class="row" data-position="%raw(i)">
                <div class="col-md-8 col-sm-push-4 showcase-image">
                    <a href="%raw(article_link)">
                        <img src="/resources/static/nile/img/default_image.png" alt="">
                        <div class="nq-article-card-media-label nq-article-card-media-label-gallery element-over-faux-link"><h4><i class="m-icon-camera"></i></h4></div>
                    </a>
                </div>

                <div class="col-md-4 showcase-info col-sm-pull-8">
                    <a class="showcase-link faux-link" href="%raw(article_link)"></a>
                    <h3>Dog eats man</h3>
                    <div class="showcase-meta element-over-faux-link">
                        <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                        <!-- a class="topic" href="#">Accident</a> -->
                        <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                    </div>
                </div>
            </article>
        </div>
        <div class="item">
            <div class="custom-label nq-article-card-label-standalone element-over-faux-link %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

            <article class="row" data-position="%raw(i)">
                <div class="col-md-8 col-sm-push-4 showcase-image">
                    <a href="%raw(article_link)">
                        <img src="/resources/static/nile/img/default_image.png" alt="">
                        <div class="nq-article-card-media-label nq-article-card-media-label-gallery element-over-faux-link"><h4><i class="m-icon-camera"></i></h4></div>
                    </a>
                </div>

                <div class="col-md-4 showcase-info col-sm-pull-8">
                    <a class="showcase-link faux-link" href="%raw(article_link)"></a>
                    <h3>Dog eats man</h3>
                    <div class="showcase-meta element-over-faux-link">
                        <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                        <!-- a class="topic" href="#">Accident</a> -->
                        <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                    </div>
                </div>
            </article>
        </div>
        <div class="item">
            <div class="custom-label nq-article-card-label-standalone element-over-faux-link %raw(article_label_style)"><h4>ARTICLE LABEL</h4></div>

            <article class="row" data-position="%raw(i)">
                <div class="col-md-8 col-sm-push-4 showcase-image">
                    <a href="%raw(article_link)">
                        <img src="/resources/static/nile/img/default_image.png" alt="">
                        <div class="nq-article-card-media-label nq-article-card-media-label-gallery element-over-faux-link"><h4><i class="m-icon-camera"></i></h4></div>
                    </a>
                </div>

                <div class="col-md-4 showcase-info col-sm-pull-8">
                    <a class="showcase-link faux-link" href="%raw(article_link)"></a>
                    <h3>Dog eats man</h3>
                    <div class="showcase-meta element-over-faux-link">
                        <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                        <!-- a class="topic" href="#">Accident</a> -->
                        <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                    </div>
                </div>
            </article>
        </div>
    </div>
    <ul class="row showcase-carousel-controls">
    <li class="col-md-4">
        <span>Article Headline</span>
    </li>
    <li class="col-md-4">
        <span>Article Headline</span>
    </li>
    <li class="col-md-4">
        <span>Article Headline</span>
    </li>
    </ul>
</section>
```
*/
section.block.showcase-block {
  position: relative;
  background-color: #D8232A;
  box-shadow: 0;
  /* carousel controls */
}

section.block.showcase-block .slick-slide {
  position: relative;
}

section.block.showcase-block .slick-slide img {
  display: inline-block;
  margin-right: -1px;
}

section.block.showcase-block .slick-arrow {
  display: none;
}

section.block.showcase-block .flex-last {
  order: initial;
}

section.block.showcase-block .showcase-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

section.block.showcase-block .nq-article-card-label-standalone {
  position: absolute;
  padding: 7px 15px;
  height: auto;
  top: 0;
  left: 0;
  color: #FFF;
}

section.block.showcase-block .nq-article-card-label-standalone.stars-label {
  z-index: 1;
}

section.block.showcase-block .nq-article-card-label-standalone.stars-label .star-ratings-sprite {
  background-size: 21px;
  height: 20px;
}

section.block.showcase-block .nq-article-card-media-label {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 10px;
  right: 18px;
  background-color: rgba(0, 0, 0, 0.74);
  color: #FFF;
  width: 50px;
  height: 50px;
}

@media (min-width: 768px) {
  section.block.showcase-block .nq-article-card-media-label {
    right: 25px;
  }
}

section.block.showcase-block .nq-article-card-media-label h4 {
  font-size: 30px;
  line-height: 50px;
  text-align: center;
}

section.block.showcase-block .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
  margin-right: 2px;
}

section.block.showcase-block .showcase-info h3 {
  font-size: 35px;
  font-weight: 400;
  line-height: 39px;
  color: #FFF;
  padding: 10px;
}

@media (min-width: 992px) {
  section.block.showcase-block .showcase-info h3 {
    padding-left: 0;
  }
}

@media (max-width: 767.98px) {
  section.block.showcase-block .showcase-info h3 {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 0;
  }
}

section.block.showcase-block .showcase-info .showcase-meta {
  color: #FFF;
  padding: 0 10px 5px;
  font-size: 18px;
  position: relative;
}

section.block.showcase-block .showcase-info .showcase-meta a {
  color: #FFF;
}

section.block.showcase-block .showcase-info .showcase-meta a:hover {
  text-decoration: none;
}

section.block.showcase-block .showcase-info .showcase-meta .m2-icon-chat {
  padding: 5px;
  font-size: 13px;
}

@media (min-width: 768px) {
  section.block.showcase-block .showcase-info .showcase-meta {
    padding-left: 0;
  }
}

section.block.showcase-block ul.showcase-carousel-controls {
  margin: 0;
  font-family: "Fira Sans", sans-serif;
}

section.block.showcase-block ul.showcase-carousel-controls li {
  background-color: #b51d23;
  padding: 10px 20px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  transition: all ease 1s;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

section.block.showcase-block ul.showcase-carousel-controls li.active, section.block.showcase-block ul.showcase-carousel-controls li:hover {
  background-color: #96181d;
  box-shadow: inset 0 0 9px rgba(0, 0, 0, 0.18);
}

section.block.showcase-block ul.showcase-carousel-controls li span {
  opacity: 0.7;
}

@media (max-width: 767.98px) {
  section.block.showcase-block ul.showcase-carousel-controls li {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
  }
}

section.block.showcase-block ul.showcase-carousel-controls li.active span {
  opacity: 1;
}

@media (min-width: 768px) {
  section.block.showcase-block .showcase-info h3 {
    padding-top: 10px;
  }
  section.block.showcase-block .flex-last {
    order: 1;
  }
}

@media (min-width: 992px) {
  section.block.showcase-block .showcase-info h3 {
    padding-top: 50px;
  }
}

section.block.showcase-block ul.showcase-carousel-controls li span {
  opacity: 0.7;
}

section.block.showcase-block ul.showcase-carousel-controls li.active span {
  opacity: 1;
}

/*doc
---
title: Bowie
name: bowie
category: Blocks
---
```html_example
<section class="block bowie-block" data-name="%raw(block_name)" data-variant="%raw(block_variant)">
    <div class="row">
        <article class="col-md-8" data-position="%raw(i)">
            <a href="%raw(article_link)">
                <img src="/resources/static/nile/img/default_image.png" alt="">
            </a>

            <div class="custom-label nq-article-card-label-standalone bowie-label element-over-faux-link %raw(article_label_style)"><h4>Article Label</h4></div>

            <div class="bowie-info">
                <h3 class="h1"><a href="%raw(article_link)">Dog eats man</a></h3>
                <div class="bowie-meta">
                    <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                    <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>50</span></a>
                </div>
            </div>
        </article>
        <div class="col-md-4 bowie-related">
            <p class="bowie-related-tag">This is a sample article text.</p>

            <ul class="bowie-related-list">
                <li><a href="%raw(article_link)">Related article one</a></li>
                <li><a href="%raw(article_link)">Related article two</a></li>
                <li><a href="%raw(article_link)">Related article three</a></li>
                <li><a href="%raw(article_link)">Related article four</a></li>
            </ul>
        </div>
    </div>
</section>
```
*/
section.block.bowie-block {
  position: relative;
  overflow: hidden;
  background-color: #D8232A;
}

section.block.bowie-block .bowie-info {
  margin-top: -105px;
}

section.block.bowie-block .bowie-info h3 {
  display: inline-block;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  width: 90%;
  color: #FFF;
  margin: 0;
}

section.block.bowie-block .bowie-info h3 a {
  color: #FFF;
  padding: 0 5px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  background-color: #e14349;
}

section.block.bowie-block .bowie-info h3 a:focus, section.block.bowie-block .bowie-info h3 a:hover {
  text-decoration: none;
  color: #fff;
}

@media (min-width: 768px) {
  section.block.bowie-block .bowie-info h3 a {
    padding: 0 15px;
  }
}

@media (min-width: 768px) {
  section.block.bowie-block .bowie-info h3 {
    font-size: 38px;
    line-height: 46px;
  }
}

section.block.bowie-block .bowie-info .bowie-meta {
  display: inline-block;
  padding-left: 15px;
  color: #FFF;
  padding: 5px;
  font-size: 14px;
  position: relative;
  background-color: #e14349;
}

section.block.bowie-block .bowie-info .bowie-meta a {
  color: #FFF;
}

section.block.bowie-block .bowie-info .bowie-meta a:focus, section.block.bowie-block .bowie-info .bowie-meta a:hover {
  text-decoration: none;
  color: #FFF;
}

section.block.bowie-block .bowie-info .bowie-meta .m2-icon-chat {
  margin-right: 4px;
  margin-left: 5px;
  font-size: 13px;
}

@media (min-width: 768px) {
  section.block.bowie-block .bowie-info {
    margin-top: -50px;
  }
}

section.block.bowie-block .bowie-label {
  position: absolute;
  padding: 7px 15px;
  top: 0;
  left: 6px;
  text-transform: uppercase;
  font-weight: 300;
  color: #FFF;
}

section.block.bowie-block .bowie-label.stars-label .star-ratings-sprite {
  background-size: 21px;
  height: 20px;
}

section.block.bowie-block .nq-article-card-media-label {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 10px;
  right: 20px;
  background-color: rgba(0, 0, 0, 0.74);
  color: #FFF;
  width: 50px;
  height: 50px;
}

@media (min-width: 768px) {
  section.block.bowie-block .nq-article-card-media-label {
    right: 25px;
  }
}

section.block.bowie-block .nq-article-card-media-label h4 {
  font-size: 30px;
  line-height: 50px;
  text-align: center;
}

section.block.bowie-block .nq-article-card-media-label.nq-article-card-media-label-gallery h4 {
  margin-right: 2px;
}

section.block.bowie-block .bowie-related {
  padding: 10px 30px;
}

section.block.bowie-block .bowie-related .bowie-related-tag {
  margin-top: 15px;
  font-weight: 700;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
}

section.block.bowie-block .bowie-related .bowie-related-list {
  padding-right: 15px;
}

section.block.bowie-block .bowie-related .bowie-related-list li {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: dashed 1px #e14349;
  font-size: 14px;
  line-height: 17px;
  font-family: "Fira Sans", sans-serif;
}

section.block.bowie-block .bowie-related .bowie-related-list li a {
  color: #fff;
}

section.block.bowie-block .bowie-related .bowie-related-list li:first-child {
  padding-top: 0;
}

section.block.bowie-block .bowie-related .bowie-related-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

@media (min-width: 768px) {
  section.block.bowie-block .bowie-related {
    padding: 10px;
  }
}

@media (min-width: 768px) {
  section.block.bowie-block .bowie-info {
    margin: 0;
    position: absolute;
    bottom: 0;
  }
  section.block.bowie-block .bowie-info h3 a {
    background: #e14349;
    background: rgba(225, 67, 73, 0.9);
  }
  section.block.bowie-block .bowie-info .bowie-meta {
    background: #e14349;
    background: rgba(225, 67, 73, 0.9);
  }
}

#whats-on section.block.events-block .events-container,
#articleListPageWrapper section.block.mega-news-block .events-container {
  margin-top: 30px;
}

@media (max-width: 767.98px) {
  #whats-on section.block.events-block .events-container,
  #articleListPageWrapper section.block.mega-news-block .events-container {
    display: none;
  }
}

#whats-on section.block.events-block .events-container h3,
#articleListPageWrapper section.block.mega-news-block .events-container h3 {
  font-weight: bold;
}

#whats-on section.block.events-block .events-container .events,
#articleListPageWrapper section.block.mega-news-block .events-container .events {
  padding-bottom: 0;
  margin-bottom: 0;
}

#whats-on section.block.events-block .events-container .events li,
#articleListPageWrapper section.block.mega-news-block .events-container .events li {
  border-left: 3px solid #D8232A;
  padding-left: 15px;
  margin-bottom: 15px;
}

#whats-on section.block.events-block .events-container .events li a,
#articleListPageWrapper section.block.mega-news-block .events-container .events li a {
  font-size: 16px;
  text-decoration: none;
  color: inherit;
  font-weight: bold;
}

#whats-on section.block.events-block .events-container .events-button,
#articleListPageWrapper section.block.mega-news-block .events-container .events-button {
  color: #D8232A;
  padding-top: 0;
}

#whats-on section.block.events-block .events-container .events-button:after,
#articleListPageWrapper section.block.mega-news-block .events-container .events-button:after {
  content: '>';
  padding-left: 3px;
}

#whats-on section.block.events-block .side-ad,
#articleListPageWrapper section.block.mega-news-block .side-ad {
  text-align: center;
  margin-top: 45px;
}

#whats-on section.article-events-search,
#articleListPageWrapper section.article-events-search {
  background-color: transparent !important;
}

#whats-on section.article-events-search .events-search,
#articleListPageWrapper section.article-events-search .events-search {
  min-height: 210px;
  padding: 15px 15px;
  margin: -10px !important;
  background-color: #E6E6E6;
}

#whats-on section.article-events-search .events-search .search-container,
#articleListPageWrapper section.article-events-search .events-search .search-container {
  padding: 10px 15px;
  margin-bottom: -5px;
}

@media (min-width: 576px) {
  #whats-on section.article-events-search .events-search .search-container,
  #articleListPageWrapper section.article-events-search .events-search .search-container {
    margin-bottom: -15px;
    min-height: 185px;
  }
  #whats-on section.article-events-search .events-search .search-container.alt,
  #articleListPageWrapper section.article-events-search .events-search .search-container.alt {
    padding: 10px 0;
  }
}

#whats-on section.article-events-search .events-search .events-button-bg,
#articleListPageWrapper section.article-events-search .events-search .events-button-bg {
  width: 100%;
  height: 36px;
  background-color: #D8232A;
  font-weight: bold;
  color: white;
}

#whats-on section.article-events-search .events-search .events-button-bg.alt,
#articleListPageWrapper section.article-events-search .events-search .events-button-bg.alt {
  background-color: #3FA86C;
}

#whats-on section.article-events-search .events-search h2,
#articleListPageWrapper section.article-events-search .events-search h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 0;
}

#whats-on section.article-events-search .events-search p,
#articleListPageWrapper section.article-events-search .events-search p {
  font-size: 16px;
  line-height: 20px;
  font-family: "Fira Sans", sans-serif;
}

@media (min-width: 576px) {
  #whats-on section.article-events-search .events-search p,
  #articleListPageWrapper section.article-events-search .events-search p {
    min-height: 75px;
  }
}

#whats-on section.article-events-search .events-search .events-search-bg,
#articleListPageWrapper section.article-events-search .events-search .events-search-bg {
  width: 100%;
  background-image: url("/resources/responsive-static/images/events/back-baby.jpg");
  background-color: white;
  box-sizing: border-box;
  background-size: 120%;
  background-position: 0 15px;
  background-repeat: no-repeat;
  padding: 15px;
  margin-top: -15px;
}

@media (max-width: 768px) {
  #whats-on section.article-events-search .events-search .events-search-bg,
  #articleListPageWrapper section.article-events-search .events-search .events-search-bg {
    background-size: 150%;
    background-position: top left;
    margin-top: 0;
  }
  #whats-on section.article-events-search .events-search .events-search-bg .events-button-bg,
  #articleListPageWrapper section.article-events-search .events-search .events-search-bg .events-button-bg {
    width: 80%;
    display: block;
    margin: auto;
  }
}

#whats-on section.article-events-search .events-search .events-search-bg p,
#articleListPageWrapper section.article-events-search .events-search .events-search-bg p {
  width: 65%;
}

#whats-on section.article-4-in-a-row {
  padding-top: 10px;
}

#whats-on section.article-4-in-a-row .article-card-highlighted, #whats-on section.article-4-in-a-row .nq-article-card {
  background-color: white;
  margin-bottom: 0;
}

#whats-on section.article-4-in-a-row .article-card-highlighted .nq-article-card-headline, #whats-on section.article-4-in-a-row .nq-article-card .nq-article-card-headline {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #2A2A2A;
}

#whats-on section.article-4-in-a-row .article-card-highlighted .nq-article-card-headline:hover, #whats-on section.article-4-in-a-row .nq-article-card .nq-article-card-headline:hover {
  color: #005085;
  text-decoration: none;
}

@media screen and (max-width: 992px) {
  #whats-on section.article-events-with-ad #top-row div:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #whats-on section.article-events-with-ad #top-row div:last-child {
    margin-bottom: 10px;
    text-align: center;
  }
}

#whats-on section.block {
  background-color: white;
  padding: 10px;
}

#whats-on section.block .block-heading {
  font-family: "Fira Sans", sans-serif;
  color: #2A2A2A;
  font-size: 24px;
  font-weight: 600;
}

/*doc
---
title: Featurettes
name: featurettes
category: Blocks
---
```html_example
<section class="block featurettes-block" data-name="%raw(block_name)" data-variant="%raw(block_variant)">
    <div class="row">
        <div class="col-md-6">
            <article class="nq-article-card article-card-highlighted article-card-snap %if(imageid)%else()featurettes-no-image %endif()clearfix" data-position="%raw(i)">

                <div class="article-info">
                    <h3><a href="%raw(url)">Dog eats man</a></h3>
                    <p><a href="%raw(url)">This is an article</a></p>
                </div>
            </article>
        </div>
        <div class="col-md-6">
            <article class="nq-article-card article-card-highlighted article-card-snap %if(imageid)%else()featurettes-no-image %endif()clearfix" data-position="%raw(i)">

                <div class="article-info">
                    <h3><a href="%raw(url)">Dog eats man</a></h3>
                    <p><a href="%raw(url)">This is an article</a></p>
                </div>
            </article>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <article class="nq-article-card article-card-highlighted article-card-snap %if(imageid)%else()featurettes-no-image %endif()clearfix" data-position="%raw(i)">

                <div class="article-info">
                    <h3><a href="%raw(url)">Dog eats man</a></h3>
                    <p><a href="%raw(url)">This is an article</a></p>
                </div>
            </article>
        </div>
        <div class="col-md-6">
            <article class="nq-article-card article-card-highlighted article-card-snap %if(imageid)%else()featurettes-no-image %endif()clearfix" data-position="%raw(i)">

                <div class="article-info">
                    <h3><a href="%raw(url)">Dog eats man</a></h3>
                    <p><a href="%raw(url)">This is an article</a></p>
                </div>
            </article>
        </div>
    </div>
</section>
```
*/
section.block.featurettes-block {
  margin-bottom: 16px;
}

section.block.featurettes-block h2 {
  color: #000;
  font-family: "Roboto", sans-serif;
}

section.block.featurettes-block .nq-article-card {
  padding: 15px;
  margin-bottom: 12px;
}

section.block.featurettes-block .article-image {
  float: left;
  min-width: 140px;
  padding-right: 15px;
}

section.block.featurettes-block .article-card.featurettes-no-image .article-info {
  width: 100%;
}

section.block.featurettes-block .article-info {
  color: #FFF;
  float: left;
  width: calc(100% - 175px);
}

section.block.featurettes-block .article-info h3 {
  margin-bottom: 5px;
}

section.block.featurettes-block .article-info h3 a:hover {
  text-decoration: none;
}

section.block.featurettes-block .article-info p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin-bottom: 0;
}

section.block.featurettes-block .article-info p:focus,
section.block.featurettes-block .article-info p a:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  section.block.featurettes-block .article-info {
    padding-bottom: 0;
  }
}

section.block.featurettes-block .nq-article-card.article-card-snap {
  height: calc(100% - 13px);
  margin-bottom: 7px;
}

section.block.featurettes-block .article-image {
  padding-bottom: 6px;
}

section.block.topic-block .nq-article-card {
  padding-bottom: 50px;
}

section.block.topic-block .nq-article-card .nq-article-meta {
  position: inherit;
  margin-left: 10px;
}

section.block.topic-block .nq-article-card .nq-article-card-label {
  top: 58px;
}

section.block.topic-block .nq-article-card .nq-article-card-headline {
  padding-bottom: 0;
}

section.block.topic-block .nq-article-card h3.topic-title {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 22px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  margin-bottom: 0;
}

section.block.topic-block .nq-article-card h3.topic-title a {
  color: #D8232A;
}

section.block.topic-block .nq-article-card h3.topic-title a:hover {
  text-decoration: none;
  color: #e14349;
}

section.block.topic-block .nq-article-card .live-label {
  height: auto;
}

section.block.topic-block .nq-article-card .live-label i {
  margin-right: 0;
}

section.block.topic-block .nq-article-card .live-label h4 {
  padding-right: 0;
}

section.block.topic-block .nq-article-card a.topic-more-link {
  display: inline-block;
  position: absolute;
  bottom: 5px;
  text-align: right;
  color: #D8232A;
  width: calc(100% - 20px);
  margin-left: 10px;
  border-top: solid 1px #dedede;
  padding-top: 4px;
  padding-right: 21px;
  font-size: 14px;
}

section.block.topic-block .nq-article-card a.topic-more-link:after {
  content: '\e81a';
  font-family: "fontello";
  float: right;
  margin-right: -12px;
}

section.block.topic-block .nq-article-card a.topic-more-link:focus, section.block.topic-block .nq-article-card a.topic-more-link:hover {
  color: #e14349;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  section.block.topic-block .nq-article-card a.topic-more-link span {
    display: none;
  }
}

@media (max-width: 767.98px) {
  section.block.topic-block .nq-article-card a.topic-more-link span {
    display: inline;
  }
}

section.block.topic-block .article-card-tall {
  padding: 0 15px;
}

section.block.topic-block .article-card-tall h3.topic-title {
  font-family: "Fira Sans", sans-serif;
  padding-left: 0;
}

section.block.topic-block .article-card-tall h3.topic-title a {
  color: #000000;
}

section.block.topic-block .article-card-tall h3.topic-title a:focus, section.block.topic-block .article-card-tall h3.topic-title a:hover {
  color: #000000;
}

section.block.topic-block .article-card-tall h3.article-card-title {
  padding: 10px 0;
}

section.block.topic-block .article-card-tall a.topic-more-link {
  right: 20px;
}

@media (max-width: 991.98px) {
  section.block.topic-block .article-card-tall {
    padding-bottom: 50px;
  }
  section.block.topic-block .article-card-image img {
    margin-right: 10px;
  }
  section.block.topic-block h3.article-card-title {
    width: 51%;
  }
}

/*doc
---
title: Columnists Block
name: columnists-block
category: Blocks
---
```html_example
<section class="block columnists-block" data-name="%raw(block_name)" data-variant="%raw(block_variant)">
    <div class="columnist-block-carousel">
        <div class="carousel-container">
            <div class="columnists-carousel" data-util="equal-height" data-util-equal-height-el=".item">
            <article class="nq-article-card item">
                <a href="%raw(columnist_link)" class="columnist-author">Alison Rowat</a>
                <span class="columnist-quote">&ldquo;</span>
                <a href="%raw(article_link)" class="columnist-text">Alison Rowat's TV review: McMafia, Spiral, Girlfriends, Great Art, Tom Kerridge's Lose Weight for Good</a>
                <div class="columnist-image">
                    <a href="%raw(article_link)">
                        <img src="/resources/images/6389981?htype=&amp;type=display" martini-mobile-src="/resources/images/6389981?htype=&amp;type=display" martini-desktop-src="/resources/images/6389981?htype=&amp;type=display" alt="Alison Rowat">
                    </a>
                </div>
            </article>
            <article class="nq-article-card item">
                <a href="%raw(columnist_link)" class="columnist-author">Alison Rowat</a>
                <span class="columnist-quote">&ldquo;</span>
                <a href="%raw(article_link)" class="columnist-text">Alison Rowat's TV review: McMafia, Spiral, Girlfriends, Great Art, Tom Kerridge's Lose Weight for Good</a>
                <div class="columnist-image">
                    <a href="%raw(article_link)">
                        <img src="/resources/images/6389981?htype=&amp;type=display" martini-mobile-src="/resources/images/6389981?htype=&amp;type=display" martini-desktop-src="/resources/images/6389981?htype=&amp;type=display" alt="Alison Rowat">
                    </a>
                </div>
            </article>
            <article class="nq-article-card item">
                <a href="%raw(columnist_link)" class="columnist-author">Alison Rowat</a>
                <span class="columnist-quote">&ldquo;</span>
                <a href="%raw(article_link)" class="columnist-text">Alison Rowat's TV review: McMafia, Spiral, Girlfriends, Great Art, Tom Kerridge's Lose Weight for Good</a>
                <div class="columnist-image">
                    <a href="%raw(article_link)">
                        <img src="/resources/images/6389981?htype=&amp;type=display" martini-mobile-src="/resources/images/6389981?htype=&amp;type=display" martini-desktop-src="/resources/images/6389981?htype=&amp;type=display" alt="Alison Rowat">
                    </a>
                </div>
            </article>
            <article class="nq-article-card item">
                <a href="%raw(columnist_link)" class="columnist-author">Alison Rowat</a>
                <span class="columnist-quote">&ldquo;</span>
                <a href="%raw(article_link)" class="columnist-text">Alison Rowat's TV review: McMafia, Spiral, Girlfriends, Great Art, Tom Kerridge's Lose Weight for Good</a>
                <div class="columnist-image">
                    <a href="%raw(article_link)">
                        <img src="/resources/images/6389981?htype=&amp;type=display" martini-mobile-src="/resources/images/6389981?htype=&amp;type=display" martini-desktop-src="/resources/images/6389981?htype=&amp;type=display" alt="Alison Rowat">
                    </a>
                </div>
            </article>
            <article class="nq-article-card item">
                <a href="%raw(columnist_link)" class="columnist-author">Alison Rowat</a>
                <span class="columnist-quote">&ldquo;</span>
                <a href="%raw(article_link)" class="columnist-text">Alison Rowat's TV review: McMafia, Spiral, Girlfriends, Great Art, Tom Kerridge's Lose Weight for Good</a>
                <div class="columnist-image">
                    <a href="%raw(article_link)">
                        <img src="/resources/images/6389981?htype=&amp;type=display" martini-mobile-src="/resources/images/6389981?htype=&amp;type=display" martini-desktop-src="/resources/images/6389981?htype=&amp;type=display" alt="Alison Rowat">
                    </a>
                </div>
            </article>
            </div>
        </div>

        <div class="carousel-controls">
            <div class="arrow_container"></div>
            <div class="dots_container"></div>
            <div class="dots"></div>
        </div>
    </div>
</section>
```
*/
section.block.columnists-block {
  /* We initially hide the element so that it doesnt cause the page to jump and load un-styled content. */
  /* Loading */
}

section.block.columnists-block .columnist-block-carousel {
  visibility: hidden;
  max-height: 150px;
}

section.block.columnists-block .loading-container {
  height: 100px;
}

section.block.columnists-block .loading-container .loader {
  color: #D8232A;
  background-color: #D8232A;
}

section.block.columnists-block .loading-container .loader:after, section.block.columnists-block .loading-container .loader:before {
  background: #D8232A;
}

section.block.columnists-block .nq-article-card {
  position: relative;
  height: 100%;
  margin: 14px;
  padding: 15px;
  overflow: hidden;
}

section.block.columnists-block .nq-article-card p {
  display: block;
}

section.block.columnists-block .nq-article-card .columnist-author {
  display: block;
  color: #D8232A;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  font-family: "Roboto", sans-serif;
  padding: 0;
  margin-bottom: 15px;
  text-decoration: none;
}

section.block.columnists-block .nq-article-card .columnist-quote {
  color: #CDCDCD;
  display: block;
  font-size: 69px;
  font-family: arial;
  font-weight: 500;
  padding-top: 20px;
  padding-bottom: 0;
  margin: 0;
  line-height: 0;
}

section.block.columnists-block .nq-article-card .columnist-text {
  color: #2d2d2d;
  margin: 0 0 30px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  font-family: "Fira Sans", sans-serif;
  text-decoration: none;
}

section.block.columnists-block .nq-article-card .columnist-image {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: auto;
  margin: 0 auto;
  max-width: 300px;
}

section.block.columnists-block .nq-article-card .columnist-image img {
  width: 100%;
  height: 200px;
  padding: 10px;
  margin: 0 auto;
  max-width: 200px;
  background-color: #FFF;
}

section.block.columnists-block .carousel-container {
  padding: 0 5px 10px;
  border-bottom: solid 1px #eaeaea;
}

section.block.columnists-block .carousel-controls {
  text-align: center;
  margin-top: 10px;
}

section.block.columnists-block .carousel-controls div {
  display: inline-block;
}

section.block.columnists-block .carousel-controls .slick-dots li {
  display: inline-block;
  margin: 0 3px;
  vertical-align: text-bottom;
}

section.block.columnists-block .carousel-controls .slick-dots li > button {
  background-color: #d9d9d9;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  border: 0;
  margin: 0;
  padding: 0;
}

section.block.columnists-block .carousel-controls .slick-dots li.slick-active > button {
  background-color: #D8232A;
}

section.block.columnists-block .carousel-controls .carousel-next,
section.block.columnists-block .carousel-controls .carousel-prev {
  cursor: pointer;
  font-weight: 500;
}

section.block.columnists-block .carousel-controls .carousel-next[aria-disabled="true"],
section.block.columnists-block .carousel-controls .carousel-prev[aria-disabled="true"] {
  opacity: 0.5;
}

/*doc
---
title: Ballots
name: ballots
category: Article Components
---
```html_example
<div class="ballot-card">
    <div class="row section-poll">
        <div class="col-md-12">
            <form>
                <input type="hidden" name="callbackuri" value="%escape(callbackuri)"/>

                <a name="ballotid%escape(ballotid)"></a>
                <h3>Reader vote</h3>
                <div class="poll-options-container">
                    <h4>Question One <span class="multiple">Tick all that apply.</span></h4>
                    <ul class="poll-options">
                        <li>
                            <div class="ballot-option option-1">
                                <input id="option-1" type="checkbox" value="1" name="options[]" class="radio" />
                                <label for="option-1"><div class="option-outer-1"><div class="option-inner"></div></div></label>
                                Option One
                            </div>
                        </li>
                        <li>
                            <div class="ballot-option option-2">
                                <input id="option-2" type="checkbox" value="2" name="options[]" class="radio" />
                                <label for="option-2"><div class="option-outer-2"><div class="option-inner"></div></div></label>
                                Option Two
                            </div>
                        </li>
                        <li>
                            <div class="ballot-option option-3">
                                <input id="option-3" type="checkbox" value="3" name="options[]" class="radio" />
                                <label for="option-3"><div class="option-outer-3"><div class="option-inner"></div></div></label>
                                Option Three
                            </div>
                        </li>
                        <li>
                            <div class="ballot-option option-4">
                                <input id="option-4" type="checkbox" value="4" name="options[]" class="radio" />
                                <label for="option-4"><div class="option-outer-4"><div class="option-inner"></div></div></label>
                                Option Four
                            </div>
                        </li>
                        <li>
                            <div class="ballot-option option-5">
                                <input id="option-5" type="checkbox" value="5" name="options[]" class="radio" />
                                <label for="option-5"><div class="option-outer-5"><div class="option-inner"></div></div></label>
                                Option Five
                            </div>
                        </li>
                    </ul>
                    <button id="ballot_submit_%raw(id)" data-multiple="%if(multiple)yes%endif()" data-id="%raw(id)" type="button" class="btn btn-martini btn-right ballotForm">Vote</button>
                </div>
            </form>
        </div>
    </div>
</div>
```
*/
/* Ballot styles */
.ballot-card {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #FFF;
  padding: 15px;
  margin-bottom: 20px;
  margin-top: 15px;
}

.ballot-card ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.ballot-card .section-poll h3 {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  margin-bottom: 24px;
}

.ballot-card .section-poll h4 {
  font-weight: bold;
  line-height: 22px;
  margin-bottom: 20px;
}

.ballot-card .section-poll h4.multiple {
  font-weight: normal;
  font-style: italic;
}

.ballot-card .section-poll .poll-closes {
  text-align: right;
  font-size: 16px;
  font-family: "Fira Sans", sans-serif;
  color: #9b9b9b;
}

.ballot-card .section-poll .votes-cast {
  font-family: "Roboto", sans-serif;
}

.ballot-card .section-poll li {
  font-family: "Fira Sans", sans-serif;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old),
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) {
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label {
  display: inline-block;
  margin-left: -2em;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label > div,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label > div {
  display: inline-block;
  width: 27px;
  height: 27px;
  vertical-align: middle;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label > div.option-outer-1,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label > div.option-outer-1 {
  background: #5fb100;
  border: 1px solid #5fb100;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label > div.option-outer-2,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label > div.option-outer-2 {
  background: #d0011b;
  border: 1px solid #d0011b;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label > div.option-outer-3,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label > div.option-outer-3 {
  background: #005be2;
  border: 1px solid #005be2;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label > div.option-outer-4,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label > div.option-outer-4 {
  background: #f6a623;
  border: 1px solid #f6a623;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label > div.option-outer-5,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label > div.option-outer-5 {
  background: #212121;
  border: 1px solid #212121;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label > div > div,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label > div > div {
  background: #fff;
  content: '';
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old) + label > div > div {
  width: 20px;
  height: 20px;
  margin: 3px;
  border-radius: 10px;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old) + label > div > div {
  width: 15px;
  height: 15px;
  margin: 5px;
  border-radius: 4px;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-1,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-1 {
  background: #fff;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-1 > div,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-1 > div {
  background: #5fb100;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-2,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-2 {
  background: #fff;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-2 > div,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-2 > div {
  background: #d0011b;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-3,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-3 {
  background: #fff;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-3 > div,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-3 > div {
  background: #005be2;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-4,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-4 {
  background: #fff;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-4 > div,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-4 > div {
  background: #f6a623;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-5,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-5 {
  background: #fff;
}

.ballot-card .section-poll .poll-options-container .ballot-option input[type=checkbox]:not(old):checked + label > div.option-outer-5 > div,
.ballot-card .section-poll .poll-options-container .ballot-option input[type=radio]:not(old):checked + label > div.option-outer-5 > div {
  background: #212121;
}

.ballot-card .section-poll .poll-results-container li {
  margin-bottom: 20px;
}

.ballot-card .section-poll .poll-results-container li .vote-percentage {
  float: right;
  background-color: #d4d9db;
  width: 70px;
  text-align: center;
}

.ballot-card .section-poll .poll-results-container .progress {
  border-radius: 0;
  background-color: #d4d9db;
}

.ballot-card .section-poll .poll-results-container .progress-bar {
  height: 35px;
}

.ballot-card .section-poll .poll-results-container .progress-bar.option-1 {
  background-color: #5fb100;
}

.ballot-card .section-poll .poll-results-container .progress-bar.option-2 {
  background-color: #d0011b;
}

.ballot-card .section-poll .poll-results-container .progress-bar.option-3 {
  background-color: #005be2;
}

.ballot-card .section-poll .poll-results-container .progress-bar.option-4 {
  background-color: #f6a623;
}

.ballot-card .section-poll .poll-results-container .progress-bar.option-5 {
  background-color: #212121;
}

@media screen and (max-width: 480px) {
  .ballot-card .section-poll .poll-closes {
    text-align: left;
    margin-bottom: 20px;
  }
}

/*doc
---
title: Interstitial
name: interstitial
category: Blocks
---
```html_example
<div id="interstitialA" class="interstitial-block interstitial-block-dark interstitial-block-v2">
    <section data-name="%raw(block_name)" data-variant="%raw(block_variant)">
        <h2 class="interstitial-block-heading"><a href="%raw(block_link)">Interstitial Heading</a></h2>
        <div class="row">
            <div class="col-md-12 col-lg-4">
                <article class="nq-article-card nq-sm-tall nq-md-horizontal nq-lg-tall article-card-snap" data-position="%raw(i)">
                    <div class="article-card-image">
                        <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
                    </div>
                    <div class="nq-article-card-content">

                        <div class="nq-article-card-label custom-label"><h4>LABEL</h4></div>

                        <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                        <div class="nq-article-meta">
                            <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                            <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                        </div>
                    </div>
                </article>
            </div>
            <div class="col-md-6 col-lg-4">
                <article class="nq-article-card nq-sm-tall nq-md-horizontal nq-lg-tall article-card-snap" data-position="%raw(i)">
                    <div class="article-card-image">
                        <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
                    </div>
                    <div class="nq-article-card-content">

                        <div class="nq-article-card-label custom-label"><h4>LABEL</h4></div>

                        <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                        <div class="nq-article-meta">
                            <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                            <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                        </div>
                    </div>
                </article>
            </div>
            <div class="col-md-6 col-lg-4">
                <article class="nq-article-card nq-sm-tall nq-md-horizontal nq-lg-tall article-card-snap" data-position="%raw(i)">
                    <div class="article-card-image">
                        <a href="%raw(article_link)"><img src="/resources/static/nile/img/default_image.png" alt=""></a>
                    </div>
                    <div class="nq-article-card-content">

                        <div class="nq-article-card-label custom-label"><h4>LABEL</h4></div>

                        <a href="%raw(article_link)"><h2 class="nq-article-card-headline">Dog eats man</h2></a>

                        <div class="nq-article-meta">
                            <span class="timestamp"><span itemprop="dateModified" class="formatTimeStampEs6" data-timestamp="%raw(timestamp)" data-format="homepage" data-hide-old-dates="true"></span></span>
                            <a title="Read comments" class="comments-count" href="%raw(article_link)#comments-anchor"><span><i class="m-icon-chat"></i>100</span></a>
                        </div>
                    </div>
                </article>
            </div>
        </div>

        <div class="read-more-row">
            <a href="%escape(block_link)">Read more news <i class="m-icon-right-open-1"></i></a>
        </div>
    </section>
</div>
```
*/
.interstitial-block {
  margin-bottom: 18px;
  /* Override height of tall cards to reduce impact of small headlines. */
}

@media (max-width: 991.98px) {
  .interstitial-block {
    margin-bottom: 32px;
  }
}

@media (min-width: 992px) {
  .interstitial-block.interstitial-block-v1 .row {
    margin: 0 10px;
  }
  .interstitial-block.interstitial-block-v1 .row .nq-article-card.nq-lg-tall {
    padding: 5px 10px;
  }
}

.interstitial-block.interstitial-block-v1 .nq-article-meta {
  display: none;
}

.interstitial-block.interstitial-block-v1.interstitial-block-dark {
  background-color: #D8232A;
}

.interstitial-block.interstitial-block-v1.interstitial-block-dark .nq-article-card a {
  color: #FFF !important;
}

.interstitial-block.interstitial-block-v1.interstitial-block-dark .read-more-row a {
  color: #FFF;
}

.interstitial-block.interstitial-block-v1.interstitial-block-dark .interstitial-block-heading a {
  color: #FFF;
}

.interstitial-block.interstitial-block-v1.interstitial-block-light {
  background-color: #FFF;
  border: 1px solid #cccccc;
}

.interstitial-block.interstitial-block-v1.interstitial-block-light .nq-article-card a {
  color: #2A2A2A;
}

.interstitial-block.interstitial-block-v1.interstitial-block-light .nq-article-card a:focus, .interstitial-block.interstitial-block-v1.interstitial-block-light .nq-article-card a:hover {
  color: #D8232A !important;
}

.interstitial-block.interstitial-block-v1.interstitial-block-light .read-more-row a {
  color: #2A2A2A;
}

.interstitial-block.interstitial-block-v1.interstitial-block-light .interstitial-block-heading a {
  color: #b9361c;
}

.interstitial-block.interstitial-block-v1 .nq-article-card {
  background-color: transparent;
  box-shadow: none;
  height: 100%;
  padding: 5px 30px;
}

.interstitial-block.interstitial-block-v1 .nq-article-card img {
  border: solid 1px #9B9B9B;
}

.interstitial-block.interstitial-block-v1 .interstitial-block-heading {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 10px 0 0 15px;
}

.interstitial-block.interstitial-block-v1 .interstitial-block-heading a {
  text-decoration: none;
}

.interstitial-block.interstitial-block-v1 .read-more-row {
  text-align: right;
  padding: 10px;
  font-size: 16px;
}

.interstitial-block.interstitial-block-v1 .read-more-row a {
  text-decoration: none;
}

.interstitial-block.interstitial-block-v2 .row {
  margin: 0 1px;
}

@media (max-width: 991.98px) {
  .interstitial-block.interstitial-block-v2 .row {
    margin: 0;
  }
}

@media (max-width: 767.98px) {
  .interstitial-block.interstitial-block-v2 .row {
    margin-right: 1px;
    margin-left: 0;
  }
}

.interstitial-block.interstitial-block-v2 .row .col-sm-12,
.interstitial-block.interstitial-block-v2 .row .col-md-4 {
  margin-top: -1px;
}

@media (max-width: 991.98px) {
  .interstitial-block.interstitial-block-v2 .row .col-sm-12,
  .interstitial-block.interstitial-block-v2 .row .col-md-4 {
    margin-top: 0;
    margin-bottom: 1px;
    padding-right: 9.5px;
    padding-left: 9.5px;
  }
}

.interstitial-block.interstitial-block-v2 .row .col-sm-12,
.interstitial-block.interstitial-block-v2 .row .col-md-4,
.interstitial-block.interstitial-block-v2 .row .col-md-12,
.interstitial-block.interstitial-block-v2 .row .col-lg-4 {
  padding-right: 8.5px;
  padding-left: 8.5px;
}

@media (max-width: 767.98px) {
  .interstitial-block.interstitial-block-v2 .row .col-sm-12,
  .interstitial-block.interstitial-block-v2 .row .col-md-4,
  .interstitial-block.interstitial-block-v2 .row .col-md-12,
  .interstitial-block.interstitial-block-v2 .row .col-lg-4 {
    margin-bottom: -9px;
  }
}

.interstitial-block.interstitial-block-v2 .interstitial-block-heading {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  padding: 10px 0 0 15px;
}

@media (max-width: 767.98px) {
  .interstitial-block.interstitial-block-v2 .interstitial-block-heading {
    padding: 2px 0 2px 15px;
    margin-bottom: 2px;
  }
}

.interstitial-block.interstitial-block-v2 .interstitial-block-heading a {
  color: #FFF;
  text-decoration: none;
}

.interstitial-block.interstitial-block-v2 .read-more-row {
  display: block;
  margin-top: -1px;
  text-align: right;
  padding: 2px;
}

@media (max-width: 991.98px) {
  .interstitial-block.interstitial-block-v2 .read-more-row {
    padding: 6.5px 4.5px;
  }
}

@media (max-width: 767.98px) {
  .interstitial-block.interstitial-block-v2 .read-more-row {
    margin-top: 0;
  }
}

.interstitial-block.interstitial-block-v2 .read-more-row a {
  color: #FFF;
  text-decoration: none;
}

.interstitial-block.interstitial-block-v2.interstitial-block-dark {
  background-color: #D8232A;
}

.interstitial-block.interstitial-block-v2.interstitial-block-dark .read-more-row {
  background-color: #ac1c21;
}

.interstitial-block .nq-article-card-headline {
  min-height: 65px;
}

#football-teaser {
  border-top: 1px solid #105E8B;
  border-bottom: 1px solid #105E8B;
  background-color: #fff;
  max-width: 300px;
  width: 100%;
  padding-bottom: 20px;
}

#football-teaser hr {
  margin: 0 0 5px 0;
}

@media (max-width: 991.98px) {
  #football-teaser {
    max-width: 100%;
    padding-bottom: 10px;
  }
}

#football-teaser .team-data-teaser {
  width: 100%;
}

@media (max-width: 575.98px) {
  #football-teaser .team-data-teaser .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

#football-teaser .team-data-teaser .teaser-nav-tabs {
  padding: 15px 10px;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item {
  display: inline-block;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item:first-child {
  margin-right: 5px;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item a {
  padding: 7px 5px;
  color: #105E8B;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item a:focus, #football-teaser .team-data-teaser .teaser-nav-tabs .nav-item a:hover {
  text-decoration: none;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item a.active {
  background-color: #105E8B;
  color: #FFF;
}

#football-teaser .team-data-teaser .tab-content .btn-results-link {
  padding: 5px 25px;
  background-color: #F2F3F3;
  display: inline-block;
  margin: 10px 0;
  color: #105E8B;
}

#football-teaser .team-data-teaser .tab-content .results-section {
  padding: 5px;
}

#football-teaser .team-data-teaser .tab-content .results-section h6 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

#football-teaser .team-data-teaser .tab-content .results-section a {
  color: #105E8B;
}

#football-teaser .team-data-teaser .tab-content .results-section a.match-report {
  text-decoration: underline;
}

#football-teaser .team-data-teaser .tab-content .results-section .score-container {
  display: inline-block;
  background-color: #FFD230;
  height: 30px;
  width: 40px;
}

#football-teaser .team-data-teaser .tab-content .results-section .score-container span {
  font-weight: 600;
  line-height: 31px;
}

#football-teaser .team-data-teaser .tab-content .results-section .small-heading {
  font-size: 12px;
}

#football-teaser .team-data-teaser .tab-content .results-section .match-progress {
  font-size: 13px;
  color: #888;
}

#football-teaser .team-data-teaser .tab-content .results-section .team-name {
  font-size: 14px;
  display: inline-block;
  line-height: 18px;
}

#football-teaser .team-data-teaser .tab-content .results-section .team-name.selected-team {
  font-weight: bold;
}

#football-teaser .team-data-teaser .tab-content .results-section .time-container {
  background-color: #D7D7D7;
  font-weight: 600;
  font-size: 18px;
  height: 30px;
  width: 83px;
  display: inline-block;
}

#football-teaser .team-data-teaser .tab-content .table-section table {
  padding: 0 10px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr.selected-team {
  border: 1px solid #eee;
  border-left: 2px solid #105E8B;
  font-weight: bold;
  padding-left: 9px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr th {
  font-size: 13px;
  color: #323132;
  text-align: center;
  padding-bottom: 5px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr th:last-child {
  padding-right: 5px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr td {
  color: #323132;
  font-size: 14px;
  vertical-align: middle;
  width: calc(100% / 8);
  padding-right: 30px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr td.table-position {
  font-weight: bold;
  font-size: 26px;
  padding: 0 10px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr td.team {
  min-width: 85px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr td.points {
  font-weight: bold;
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
}

#football-teaser .team-data-teaser .tab-content .table-section .full-table-container {
  text-align: center;
}

#football-teaser .team-data-teaser .tab-content .table-section hr {
  margin: 10px 0 2px 0;
}

/* Top nav */
nav.top-nav {
  width: 100%;
  background-color: #E0E0E0;
  font-weight: 500;
  font-size: 14px;
  border-top: solid 1px #D8232A;
  height: 33px;
  border-bottom: solid 1px #CFCECE;
}

nav.top-nav ul {
  float: left;
  width: calc(100% - 43px);
  overflow: hidden;
  height: 32px;
}

@media (min-width: 576px) {
  nav.top-nav ul {
    width: calc(100% - 430px);
  }
}

nav.top-nav ul .primary-links {
  display: inline-block;
}

nav.top-nav ul li {
  vertical-align: middle;
}

nav.top-nav ul li:first-child {
  display: inline-block;
}

nav.top-nav ul li a {
  display: table-cell;
  color: #000;
  padding: 7px 8px;
  font-family: "Fira Sans", sans-serif;
  line-height: 18px;
}

nav.top-nav ul li a img {
  max-width: 80px;
  max-height: 30px;
}

nav.top-nav ul li a:focus {
  text-decoration: none;
}

nav.top-nav ul li a:hover {
  text-decoration: underline;
}

nav.top-nav ul li a.there-with-you {
  background-color: #D8232A;
  color: #FFF;
  margin: 0 8px;
  line-height: 35px;
  padding: 0 5px;
}

nav.top-nav ul li a.there-with-you:hover {
  text-decoration: none;
}

nav.top-nav ul li a.subscribe {
  background-color: #976F2A;
  color: #FFF;
  text-transform: uppercase;
  margin: 0 8px;
  line-height: 35px;
  padding: 0 5px;
}

nav.top-nav ul li a.subscribe:focus, nav.top-nav ul li a.subscribe:hover {
  opacity: 0.8;
}

nav.top-nav ul li a.subscribe, nav.top-nav ul li a.legacy-subscribe {
  background-color: #976F2A;
  color: #FFF;
  text-transform: uppercase;
  margin: 0 8px;
  line-height: 35px;
  padding: 0 5px;
}

nav.top-nav ul li a.subscribe:focus, nav.top-nav ul li a.subscribe:hover, nav.top-nav ul li a.legacy-subscribe:focus, nav.top-nav ul li a.legacy-subscribe:hover {
  opacity: 0.8;
}

nav.top-nav ul li a.gold-text {
  color: #966F28;
  font-weight: bold;
}

nav.top-nav ul li a.inverted {
  background-color: #D8232A;
  color: white;
}

nav.top-nav ul li a.gold {
  background-color: #966F28;
  color: white;
  font-weight: bold;
}

nav.top-nav ul li a.localiq {
  background-color: #04334E;
}

nav.top-nav ul li a.cn-jobs {
  background-color: #344784;
  color: white;
  padding: 1px 8px 2px 8px;
}

nav.top-nav ul li a.bordered {
  border: 4px solid #D8232A;
  padding: 1px 5px;
}

nav.top-nav ul li a.top-vertical-en {
  text-transform: uppercase;
}

nav.top-nav ul li a.legacy-capitalise {
  text-transform: uppercase;
}

nav.top-nav ul li a.top-vertical-s1 {
  text-transform: lowercase;
}

@media (max-width: 991.98px) {
  nav.top-nav ul li a.top-vertical-s1 {
    text-transform: capitalize;
  }
}

nav.top-nav ul li a.top-vertical-s1 img {
  float: left;
  width: 20px;
  margin-right: 2px;
  margin-top: -1px;
}

@media (max-width: 991.98px) {
  nav.top-nav ul li a.top-vertical-s1 img {
    display: none;
  }
}

@media (min-width: 576px) {
  nav.top-nav ul li {
    display: inline-block;
  }
}

nav.top-nav .top-bar-right {
  float: right;
  display: inline-block;
  height: 32px;
  position: relative;
}

nav.top-nav .top-bar-right .widget-weather {
  display: inline-block;
}

nav.top-nav .top-bar-right .widget-weather a {
  text-decoration: none;
}

nav.top-nav .top-bar-right .widget-weather p {
  display: inline-block;
  font-size: 13px;
  color: #D8232A;
  margin-bottom: 0;
  font-weight: 500;
  margin-top: 6px;
  margin-right: 10px;
}

nav.top-nav .top-bar-right .widget-weather .weather-icon {
  display: inline-block;
  float: left;
  margin-left: -30px;
  margin-top: 1px;
}

nav.top-nav .top-bar-right .widget-weather .weather-icon div {
  font-size: 30px;
  margin-top: -3px;
}

nav.top-nav .top-bar-right .widget-weather .weather-icon div:before {
  color: #888;
  font-size: 35px;
  line-height: 32px;
  position: absolute;
  text-indent: -8px;
  text-shadow: 0 1px 1px white;
}

nav.top-nav .top-bar-right .widget-weather .weather-icon div.icon-sun {
  margin-top: -7px;
  width: 34px;
}

nav.top-nav .top-bar-right .widget-weather .weather-icon div.icon-mist {
  margin-top: 2px;
}

@media (max-width: 991.98px) {
  nav.top-nav .top-bar-right .widget-weather {
    display: none;
  }
}

nav.top-nav .top-bar-right .social-icon-container {
  position: relative;
  display: inline-block;
}

nav.top-nav .top-bar-right .social {
  height: 32px;
  display: none;
  background-color: rgba(255, 255, 255, 0.36);
  border-right: solid 1px #979797;
  border-left: solid 1px #979797;
  padding: 0 10px;
  /* Tooltips */
}

nav.top-nav .top-bar-right .social .social-icon {
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  color: #FFF;
  display: inline-block;
  margin: 6px 4px;
  padding-top: 1px;
  cursor: pointer;
}

nav.top-nav .top-bar-right .social .social-icon[data-social="fb"] {
  background-color: #3B5998;
}

nav.top-nav .top-bar-right .social .social-icon[data-social="tw"] {
  background-color: #1DA1F2;
}

nav.top-nav .top-bar-right .social .social-icon[data-social="li"] {
  background-color: #0077B5;
}

nav.top-nav .top-bar-right .social .social-icon[data-social="in"] {
  background-color: #405DE6;
}

nav.top-nav .top-bar-right .social .social-icon .m-icon-instagram {
  margin-right: -1px;
}

@media (min-width: 576px) {
  nav.top-nav .top-bar-right .social {
    display: inline-block;
  }
}

nav.top-nav .top-bar-right .social .social-tooltip {
  display: none;
  position: absolute;
  padding: 10px;
  color: #FFF;
  top: 45px;
  left: -86px;
  right: 0;
  margin: auto;
  width: 200px;
  font-family: "Fira Sans", sans-serif;
  text-align: center;
  font-weight: 600;
  box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.23);
  z-index: 3000010;
}

nav.top-nav .top-bar-right .social .social-tooltip a {
  font-family: "Roboto", sans-serif;
  color: #FFF;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.17);
  display: block;
  margin-bottom: 10px;
  border-radius: 3px;
  font-weight: 500;
}

nav.top-nav .top-bar-right .social .social-tooltip a:first-child {
  margin-top: 10px;
}

nav.top-nav .top-bar-right .social .social-tooltip a:last-child {
  margin-bottom: 0;
}

nav.top-nav .top-bar-right .social .social-tooltip a:focus, nav.top-nav .top-bar-right .social .social-tooltip a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.36);
}

nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-fb {
  background-color: #3B5998;
}

nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-fb:before {
  border-bottom: 11px solid #3B5998;
}

nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-tw {
  background-color: #1DA1F2;
}

nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-tw:before {
  border-bottom: 11px solid #1DA1F2;
}

nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-li {
  background-color: #0077B5;
}

nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-li:before {
  border-bottom: 11px solid #0077B5;
}

nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-in {
  background-color: #405DE6;
}

nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-in:before {
  border-bottom: 11px solid #405DE6;
}

nav.top-nav .top-bar-right .social .social-tooltip:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  left: 0;
  top: -10px;
  right: 0;
  margin: auto;
}

nav.top-nav .top-bar-right .account {
  height: 32px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 10px;
  position: relative;
}

nav.top-nav .top-bar-right .account .accountHeaderTopDropdownContent {
  width: 100px;
  min-width: auto;
  padding-top: 3px;
  padding-bottom: 0;
  margin-left: -65px;
  border-radius: 0;
  border: solid 1px #e8e8e8;
  margin-top: 0;
  border-top: 0;
}

nav.top-nav .top-bar-right .account .accountHeaderTopDropdownContent .dropdown-item {
  font-size: 14px;
  padding: 5px 10px;
}

nav.top-nav .top-bar-right .account.user-is-logged-in .user-icon {
  background-color: #D8232A;
}

nav.top-nav .top-bar-right .account.user-is-not-logged-in .user-icon {
  background-color: #a5a6a7;
}

nav.top-nav .top-bar-right .account .user-icon {
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  color: #FFF;
  display: inline-block;
  margin: 6px 4px;
  padding-top: 1px;
}

nav.top-nav .top-bar-right .account .user-icon:focus, nav.top-nav .top-bar-right .account .user-icon:hover {
  opacity: 0.8;
}

nav.top-nav .top-bar-right .account .user-icon:after {
  display: none;
}

nav.top-nav .top-bar-right .account .register,
nav.top-nav .top-bar-right .account .signin {
  font-family: "Fira Sans", sans-serif;
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

nav.top-nav .top-bar-right .account .register:hover,
nav.top-nav .top-bar-right .account .signin:hover {
  text-decoration: underline;
}

nav.top-nav .top-bar-right .account .line {
  margin: 0 8px;
  border-right: solid 1px #979797;
}

#redesign-header {
  width: 100%;
  margin-bottom: 20px;
  background-color: #FFF;
  border-bottom: 1px solid #DFDFDF;
  z-index: 10;
  /* Standard list style */
  /* It's in this file because it's used by both top and primary nav */
}

#redesign-header .header-poppy {
  width: 58px;
  height: 51px;
  padding-left: 15px;
  box-sizing: content-box;
  /* Old Way with png dimensions

        Herald is special
        &[alt="HeraldScotland Poppy"] {
            left: 730px !important;
        }

        Mobile Positions for special sites

        &[alt="HeraldScotland Poppy"],
        &[alt="The National Poppy"] {
            top: 12px;
            @include media-breakpoint-down(sm) {
                left: auto !important;
                top: 5px;
            }
        }*/
}

@media (max-width: 991.98px) {
  #redesign-header .header-poppy {
    width: 30px;
    height: 27px;
    margin-left: 0;
    position: absolute;
    top: 5px;
    right: 350px;
  }
}

@media (max-width: 767.98px) {
  #redesign-header .header-poppy {
    right: 5px;
  }
}

#redesign-header ul {
  margin: 0;
  padding: 0;
}

#redesign-header ul li {
  display: inline-block;
}

#redesign-header .nav-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

#redesign-header .site-brand {
  text-align: left;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  position: relative;
  min-height: 90px;
}

@media (max-width: 992px) {
  #redesign-header .site-brand a {
    margin-right: auto;
  }
}

#redesign-header .site-brand > a > img {
  max-height: 83px;
  max-width: 620px;
}

@media (max-width: 991.98px) {
  #redesign-header .site-brand > a > img {
    height: auto !important;
  }
}

@media (max-width: 960px) {
  #redesign-header .site-brand > a > img {
    max-width: 420px;
  }
}

@media (max-width: 480px) {
  #redesign-header .site-brand > a > img {
    max-width: 100%;
  }
}

#redesign-header .site-brand > a > img.brand-dimensions-provided {
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

#redesign-header .site-brand-sticky {
  visibility: hidden;
  width: 0;
  opacity: 0;
  padding: 0;
  float: left;
  background-color: #FFF;
  text-align: center;
  transition: width 0.2s linear;
}

#redesign-header .site-brand-sticky a {
  padding: 0 !important;
}

#redesign-header .site-brand-sticky a img {
  display: inline-block;
  max-height: 30px;
  margin-top: -2px;
}

@media (max-width: 767.98px) {
  #redesign-header .site-brand-sticky {
    display: none !important;
  }
}

#redesign-header .earpiece-ad {
  display: none;
  width: 300px;
  height: 80px;
  position: absolute;
  right: 0;
  top: 5px;
}

#redesign-header .earpiece-ad img {
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #redesign-header .earpiece-ad {
    display: block;
  }
}

@media (min-width: 992px) {
  #redesign-header .earpiece-ad {
    position: static;
    float: right;
  }
}

.spacer {
  width: 100%;
  margin: 220px;
  z-index: -1;
}

.new-navigation {
  background-color: #FFF;
  margin-bottom: 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 3000011;
  /* Top nav */
  /* Non-sticky Primary Nav styles */
}

.new-navigation nav.top-nav {
  width: 100%;
  background-color: #E0E0E0;
  font-weight: 500;
  font-size: 14px;
  border-top: solid 1px #D8232A;
  height: 33px;
  border-bottom: solid 1px #CFCECE;
  *zoom: 1;
}

.new-navigation nav.top-nav ul {
  float: left;
  width: calc(100% - 43px);
  overflow: hidden;
  height: 32px;
}

@media (min-width: 576px) {
  .new-navigation nav.top-nav ul {
    width: calc(100% - 430px);
  }
}

.new-navigation nav.top-nav ul .primary-links {
  display: inline-block;
}

.new-navigation nav.top-nav ul li:first-child {
  display: inline-block;
}

.new-navigation nav.top-nav ul li a {
  display: inline-block;
  color: #000;
  padding: 7px 8px;
  font-family: 'Roboto', sans-serif;
  line-height: 18px;
  cursor: pointer;
}

.new-navigation nav.top-nav ul li a img {
  max-width: 80px;
  max-height: 30px;
}

.new-navigation nav.top-nav ul li a:focus {
  text-decoration: none;
}

.new-navigation nav.top-nav ul li a:hover {
  text-decoration: underline;
}

.new-navigation nav.top-nav ul li a.subscribe, .new-navigation nav.top-nav ul li a.legacy-subscribe {
  background-color: #976F2A;
  color: #FFF;
  text-transform: uppercase;
  margin: 0 8px;
  line-height: 35px;
  padding: 0 5px;
}

.new-navigation nav.top-nav ul li a.subscribe:focus, .new-navigation nav.top-nav ul li a.subscribe:hover, .new-navigation nav.top-nav ul li a.legacy-subscribe:focus, .new-navigation nav.top-nav ul li a.legacy-subscribe:hover {
  opacity: 0.8;
}

.new-navigation nav.top-nav ul li a.gold-text {
  color: #966F28;
  font-weight: bold;
}

.new-navigation nav.top-nav ul li a.inverted {
  background-color: #D8232A;
  color: white;
  font-weight: bold;
}

.new-navigation nav.top-nav ul li a.gold {
  background-color: #966F28;
  color: white;
  font-weight: bold;
}

.new-navigation nav.top-nav ul li a.localiq {
  background-color: #04334E;
  height: 32px;
  padding: 7px 5px;
}

.new-navigation nav.top-nav ul li a.cn-jobs {
  height: 32px;
  padding: 2px 5px;
  background-color: #344784;
}

.new-navigation nav.top-nav ul li a.bordered {
  border: 4px solid #D8232A;
  padding: 1px 5px;
}

.new-navigation nav.top-nav ul li a.top-vertical-en {
  text-transform: uppercase;
}

.new-navigation nav.top-nav ul li a.legacy-capitalise {
  text-transform: capitalize;
}

.new-navigation nav.top-nav ul li a.top-vertical-s1 {
  text-transform: lowercase;
}

@media (max-width: 991.98px) {
  .new-navigation nav.top-nav ul li a.top-vertical-s1 {
    text-transform: capitalize;
  }
}

.new-navigation nav.top-nav ul li a.top-vertical-s1 img {
  float: left;
  width: 20px;
  margin-right: 2px;
  margin-top: -1px;
}

@media (max-width: 991.98px) {
  .new-navigation nav.top-nav ul li a.top-vertical-s1 img {
    display: none;
  }
}

@media (min-width: 576px) {
  .new-navigation nav.top-nav ul li {
    display: inline-block;
  }
}

.new-navigation nav.top-nav .top-bar-right {
  float: right;
  display: inline-block;
  height: 32px;
  position: relative;
}

.new-navigation nav.top-nav .top-bar-right .widget-weather {
  display: inline-block;
}

.new-navigation nav.top-nav .top-bar-right .widget-weather a {
  text-decoration: none;
}

.new-navigation nav.top-nav .top-bar-right .widget-weather p {
  display: inline-block;
  font-size: 13px;
  color: #D8232A;
  margin-bottom: 0;
  font-weight: 500;
  margin-top: 6px;
  margin-right: 10px;
}

.new-navigation nav.top-nav .top-bar-right .widget-weather .weather-icon {
  display: inline-block;
  float: left;
  margin-left: -30px;
  margin-top: 1px;
}

.new-navigation nav.top-nav .top-bar-right .widget-weather .weather-icon div {
  font-size: 30px;
  margin-top: -3px;
}

.new-navigation nav.top-nav .top-bar-right .widget-weather .weather-icon div:before {
  color: #888;
  font-size: 35px;
  line-height: 32px;
  position: absolute;
  text-indent: -8px;
  text-shadow: 0 1px 1px white;
}

.new-navigation nav.top-nav .top-bar-right .widget-weather .weather-icon div.icon-sun {
  margin-top: -7px;
  width: 34px;
}

.new-navigation nav.top-nav .top-bar-right .widget-weather .weather-icon div.icon-mist {
  margin-top: 2px;
}

@media (max-width: 991.98px) {
  .new-navigation nav.top-nav .top-bar-right .widget-weather {
    display: none;
  }
}

.new-navigation nav.top-nav .top-bar-right .social-icon-container {
  position: relative;
  display: inline-block;
}

.new-navigation nav.top-nav .top-bar-right .social {
  height: 32px;
  display: none;
  background-color: rgba(255, 255, 255, 0.36);
  border-right: solid 1px #979797;
  border-left: solid 1px #979797;
  padding: 0 10px;
  /* Tooltips */
}

.new-navigation nav.top-nav .top-bar-right .social .social-icon {
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  color: #FFF;
  display: inline-block;
  margin: 6px 4px;
  padding-top: 1px;
  cursor: pointer;
}

.new-navigation nav.top-nav .top-bar-right .social .social-icon[data-social="fb"] {
  background-color: #3B5998;
}

.new-navigation nav.top-nav .top-bar-right .social .social-icon[data-social="tw"] {
  background-color: #1DA1F2;
}

.new-navigation nav.top-nav .top-bar-right .social .social-icon[data-social="li"] {
  background-color: #0077B5;
}

.new-navigation nav.top-nav .top-bar-right .social .social-icon[data-social="in"] {
  background-color: #405DE6;
}

.new-navigation nav.top-nav .top-bar-right .social .social-icon .m-icon-instagram {
  margin-right: -1px;
}

@media (min-width: 576px) {
  .new-navigation nav.top-nav .top-bar-right .social {
    display: inline-block;
  }
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip {
  display: none;
  position: absolute;
  padding: 10px;
  color: #FFF;
  top: 45px;
  left: -86px;
  right: 0;
  margin: auto;
  width: 200px;
  font-family: "Fira Sans", sans-serif;
  text-align: center;
  font-weight: 600;
  box-shadow: 0 2px 19px 0 rgba(0, 0, 0, 0.23);
  z-index: 3000010;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip a {
  font-family: "Roboto", sans-serif;
  color: #FFF;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.17);
  display: block;
  margin-bottom: 10px;
  border-radius: 3px;
  font-weight: 500;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip a:first-child {
  margin-top: 10px;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip a:last-child {
  margin-bottom: 0;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip a:focus, .new-navigation nav.top-nav .top-bar-right .social .social-tooltip a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.36);
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-fb {
  background-color: #3B5998;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-fb:before {
  border-bottom: 11px solid #3B5998;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-tw {
  background-color: #1DA1F2;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-tw:before {
  border-bottom: 11px solid #1DA1F2;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-li {
  background-color: #0077B5;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-li:before {
  border-bottom: 11px solid #0077B5;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-in {
  background-color: #405DE6;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip.social-tooltip-in:before {
  border-bottom: 11px solid #405DE6;
}

.new-navigation nav.top-nav .top-bar-right .social .social-tooltip:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  left: 0;
  top: -10px;
  right: 0;
  margin: auto;
}

.new-navigation nav.top-nav .top-bar-right .account {
  height: 32px;
  display: inline-block;
  padding-left: 5px;
  padding-right: 10px;
  position: relative;
  margin-top: 0;
  padding-top: 0;
}

.new-navigation nav.top-nav .top-bar-right .account .accountHeaderTopDropdownContent {
  width: 100px;
  min-width: auto;
  padding-top: 3px;
  padding-bottom: 0;
  margin-left: -65px;
  border-radius: 0;
  border: solid 1px #e8e8e8;
  margin-top: 0;
  border-top: 0;
}

.new-navigation nav.top-nav .top-bar-right .account .accountHeaderTopDropdownContent .dropdown-item {
  font-size: 14px;
  padding: 5px 10px;
}

.new-navigation nav.top-nav .top-bar-right .account.user-is-logged-in .user-icon {
  background-color: #D8232A;
}

.new-navigation nav.top-nav .top-bar-right .account.user-is-not-logged-in .user-icon {
  background-color: #a5a6a7;
}

.new-navigation nav.top-nav .top-bar-right .account .user-icon {
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  color: #FFF;
  display: inline-block;
  margin: 6px 4px;
  padding-top: 1px;
  float: none;
}

.new-navigation nav.top-nav .top-bar-right .account .user-icon:focus, .new-navigation nav.top-nav .top-bar-right .account .user-icon:hover {
  opacity: 0.8;
}

.new-navigation nav.top-nav .top-bar-right .account .user-icon:after {
  display: none;
}

.new-navigation nav.top-nav .top-bar-right .account .register,
.new-navigation nav.top-nav .top-bar-right .account .signin {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 14px;
  text-decoration: none;
}

.new-navigation nav.top-nav .top-bar-right .account .register:hover,
.new-navigation nav.top-nav .top-bar-right .account .signin:hover {
  text-decoration: underline;
}

.new-navigation nav.top-nav .top-bar-right .account .line {
  margin: 0 8px;
  border-right: solid 1px #979797;
}

.new-navigation nav.top-nav:after, .new-navigation nav.top-nav:before {
  content: " ";
  display: table;
}

.new-navigation nav.top-nav:after {
  clear: both;
}

.new-navigation #secondary-nav {
  padding: 5px 0;
  border-bottom: 1px solid #DFDFDF;
  font-family: "Fira Sans", sans-serif;
}

.new-navigation #secondary-nav.expanded-sub-nav {
  background: #D8232A;
  padding-top: 10px !important;
  padding-right: 160px;
  box-shadow: 0px 25px 25px 8px rgba(0, 0, 0, 0.47);
  border-bottom: none !important;
}

.new-navigation #secondary-nav.expanded-sub-nav a {
  color: #fff !important;
}

.new-navigation #secondary-nav.expanded-sub-nav a:first-child {
  border-left: 3px solid #FFF;
  margin-left: 0;
  padding-left: 5px;
}

.new-navigation #secondary-nav a {
  color: #D8232A;
  text-decoration: none;
  font-weight: 500;
  margin: 0 7px;
}

.new-navigation #secondary-nav a.col {
  padding-left: 9px;
  padding-right: 9px;
}

.new-navigation #secondary-nav a#show-more {
  display: none;
}

.new-navigation #secondary-nav a#show-more i {
  font-size: 20px;
  vertical-align: middle;
}

.new-navigation #secondary-nav a:first-child {
  padding-left: 0;
}

.new-navigation #secondary-nav a:first-child.sport-arrow {
  border: none;
  background-color: #E2E2E2;
  padding-right: 5px;
  font-weight: 600;
}

.new-navigation #secondary-nav a:first-child.sport-arrow::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 7px solid #E2E2E2;
  top: 0;
  right: -6px;
}

@media (min-width: 992px) {
  .new-navigation #secondary-nav a:nth-child(n + 3) {
    display: inline !important;
  }
  .new-navigation #secondary-nav a#show-more {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .new-navigation #secondary-nav a {
    font-size: 16px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
  }
  .new-navigation #secondary-nav a:nth-child(n + 3) {
    display: none;
  }
  .new-navigation #secondary-nav a#show-more {
    display: inline-block;
  }
}

@media (max-width: 767.98px) {
  .new-navigation #secondary-nav a {
    font-size: 13px;
  }
}

.new-navigation #secondary-nav.features-bar .admin-edit {
  background-color: #464646;
  text-align: center;
  width: 27px;
  display: block;
  border-radius: 5px;
  color: #FFF;
  border: solid 1px rgba(222, 222, 222, 0.43);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.new-navigation #secondary-nav.features-bar a:first-child {
  border-left: 3px solid #105E8B;
  margin-left: 0;
  padding-left: 5px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky {
  background-color: #000000;
  z-index: 3000005;
  height: 38px;
  width: 850px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .nav-container {
  z-index: 3000005;
  height: 100%;
  overflow: hidden;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left {
  width: calc(100% - 65px);
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu {
  font-size: 15px;
  min-height: 37px;
  z-index: 3000005;
  -webkit-transform: translate3d(0, 0, 0);
  list-style: none;
}

@media (max-width: 991.98px) {
  .new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu {
    overflow: hidden;
    max-height: 37px;
  }
  .new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li i.m-icon-angle-down {
    display: none;
  }
  .new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul {
    display: none !important;
    list-style: none;
  }
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li {
  position: relative;
  margin: 0 4px;
  float: left;
  /* Dropdown */
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li a {
  color: #FFF;
  font-weight: 400;
  padding: 3px 5px;
  display: inline-block;
  line-height: 32px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li a:focus, .new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li a:hover {
  text-decoration: none;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li a i.m-icon-angle-down {
  float: right;
  width: 17px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li:first-child {
  min-height: 38px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li.touch-event, .new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li:hover {
  background-color: #FFF;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li.touch-event a, .new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li:hover a {
  color: #000;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li.touch-event > ul, .new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li:hover > ul {
  display: block;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 37px;
  background-color: #FFF;
  width: 190px;
  border: solid 1px #e6e2e2;
  border-top: 0;
  box-shadow: 4px 4px 2px 0 rgba(0, 0, 0, 0.15);
  list-style: none;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul li {
  margin: 0;
  width: 100%;
  height: auto;
  border-bottom: solid 1px #a9a9a9;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul li a {
  padding: 8px;
  color: #000;
  line-height: 20px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul li a:hover {
  color: #D8232A;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul li:last-child {
  border: 0;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right {
  display: inline-block;
  height: 100%;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right > div {
  display: inline-block;
  float: left;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search {
  font-size: 23px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search > a {
  color: #FFF;
  width: 42px;
  text-align: center;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search .m-icon-cancel-1 {
  font-size: 20px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .burger-bar {
  font-size: 23px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .burger-bar a {
  color: #FFF;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .line {
  display: none;
  border-left: solid 1px #7d7d7d;
  width: 1px;
  height: 100%;
}

@media (min-width: 768px) {
  .new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .line {
    display: inline-block;
  }
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip {
  display: none;
  background-color: #f5f5f5;
  padding: 5px 10px 10px;
  position: absolute;
  right: 15px;
  border: solid 1px #dcdcdc;
  border-top: 0;
  top: 37px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip input {
  font-size: 15px;
  padding: 5px 10px;
  font-weight: 600;
  border: 0;
  max-width: 200px;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip input:focus {
  outline: none;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip button {
  background: none;
  border: 0;
  float: right;
  background-color: #FFF;
  font-size: 20px;
  margin-top: 4px;
  height: 32px;
  color: #424242;
  cursor: pointer;
}

.new-navigation nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip button:focus {
  outline: none;
}

.new-navigation #expando-menu {
  background: #D8232A;
  color: #fff;
  transition: opacity .5s;
  opacity: 1;
  margin-right: -9px;
  margin-left: -9px;
  font-family: "Roboto", sans-serif;
}

.new-navigation #expando-menu.collapsed {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

.new-navigation #expando-menu .col {
  border-bottom: 1px solid rgba(216, 216, 216, 0.5);
  padding-left: 9px;
  padding-right: 9px;
}

.new-navigation #expando-menu .col:last-child {
  border: none;
}

.new-navigation #expando-menu .col ul {
  margin-left: -9px;
}

.new-navigation #expando-menu .col li {
  font-size: 15px;
  line-height: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 1px solid rgba(216, 216, 216, 0.5);
  padding-left: 9px;
  transition: all .1s;
  cursor: pointer;
}

.new-navigation #expando-menu .col li a {
  color: #fff;
}

.new-navigation #expando-menu .col li:first-child {
  padding-top: 10px;
}

.new-navigation #expando-menu .col li:hover {
  padding-left: 14px;
  border-left: 2px solid white;
}

.new-navigation #expando-menu #overflow {
  font-family: "Fira Sans", sans-serif;
}

.new-navigation #expando-menu #overflow.col {
  background: #b51d23;
  margin-bottom: -39px;
}

.new-navigation #expando-menu #overflow .map-link {
  position: absolute;
  bottom: 10px;
  left: 5px;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  font-family: "Roboto", sans-serif;
}

.new-navigation #expando-menu #overflow #overflow-list {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: -16px;
  background-color: #cf2228;
}

.new-navigation #expando-menu #overflow #overflow-list li {
  border-left: none;
  font-weight: bold;
}

#redesign-mega-menu {
  width: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  position: fixed;
  overflow-y: auto;
  z-index: 3000012;
}

@media (min-width: 992px) {
  #redesign-mega-menu .top-bar-desktop {
    display: flex;
  }
  #redesign-mega-menu .top-bar-desktop .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  #redesign-mega-menu .top-bar-desktop .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

#redesign-mega-menu .top-bar-desktop .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 991.98px) {
  #redesign-mega-menu .top-bar-mobile .row {
    display: flex;
  }
  #redesign-mega-menu .top-bar-mobile .col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  #redesign-mega-menu .top-bar-mobile .col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  #redesign-mega-menu .top-bar-mobile .mira-search-bar {
    margin: auto;
  }
}

#redesign-mega-menu .mega-menu-header {
  background-color: #F1F1F1;
  padding: 23px 40px;
  height: 83px;
  border-bottom: 1px solid #D8D8D8;
  position: fixed;
  z-index: 1;
  width: 100%;
}

#redesign-mega-menu .mega-menu-header .top-bar-mobile {
  display: none;
}

#redesign-mega-menu .mega-menu-header .primary-links {
  display: inline-block;
  padding: 6px 0;
}

#redesign-mega-menu .mega-menu-header .primary-links li {
  display: inline-block;
  list-style-type: none;
}

#redesign-mega-menu .mega-menu-header .primary-links li:first-child {
  margin-right: 0.5rem;
}

#redesign-mega-menu .mega-menu-header .primary-links li a {
  color: #000;
  padding: 7px 8px;
  font-family: 'Roboto', sans-serif;
  line-height: 18px;
  background-color: transparent;
  font-size: 16px;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.gold-text {
  color: #966F28;
  font-weight: bold;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.inverted {
  background-color: #D8232A;
  color: white;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.gold {
  background-color: #966F28;
  color: white;
  font-weight: bold;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.localiq {
  background-color: #04334E;
  padding: 7px 5px;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.localiq img {
  height: 20px;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.cn-jobs {
  background-color: #344784;
  color: white;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.cn-jobs img {
  height: 32px;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.bordered {
  border: 4px solid #D8232A;
  padding: 1px 5px;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.top-vertical-en {
  text-transform: uppercase;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.subscribe, #redesign-mega-menu .mega-menu-header .primary-links li a.legacy-subscribe {
  background-color: #976F2A;
  color: #FFF;
  text-transform: uppercase;
  margin: 0 8px;
  line-height: 35px;
  padding: 0 5px;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.subscribe:focus, #redesign-mega-menu .mega-menu-header .primary-links li a.subscribe:hover, #redesign-mega-menu .mega-menu-header .primary-links li a.legacy-subscribe:focus, #redesign-mega-menu .mega-menu-header .primary-links li a.legacy-subscribe:hover {
  opacity: 0.8;
}

#redesign-mega-menu .mega-menu-header .primary-links li a.legacy-capitalise {
  text-transform: uppercase;
}

#redesign-mega-menu .mega-menu-header .mira-search-bar input {
  width: 332px;
  height: 37px;
  border: 1px solid #D8D8D8;
  display: inline-block;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 0 5px;
}

#redesign-mega-menu .mega-menu-header .mira-search-bar input {
  font-size: 16px;
}

#redesign-mega-menu .mega-menu-header .mira-search-bar .mira-search-button {
  width: 45px;
  background-color: #D8232A;
  color: #fff;
  border: none;
  display: inline-block;
  border-radius: 0;
  -webkit-appearance: none;
  padding: 7px 0;
  font-size: 16px;
  font-weight: 400;
  height: 38px;
  line-height: 24px;
  margin-bottom: 5px;
}

#redesign-mega-menu .mega-menu-header .mira-search-bar .mira-search-button i {
  font-size: 20px;
  margin: 0;
}

#redesign-mega-menu .mega-menu-header .cancel-button {
  padding: 3px 9px;
}

#redesign-mega-menu .mega-menu-header .cancel-button i {
  color: #D8232A;
  font-size: 20px;
  cursor: pointer;
}

#redesign-mega-menu .top-bar-spacer {
  height: 83px;
}

#redesign-mega-menu .top-links {
  background-color: #F1F1F1;
}

#redesign-mega-menu .top-links li {
  padding-bottom: 3px;
  padding-top: 3px;
}

#redesign-mega-menu .top-links .top-nav-area-2 {
  width: 100%;
  margin-bottom: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

@media (min-width: 768px) {
  #redesign-mega-menu .top-links .top-nav-area-2 {
    columns: 4;
  }
}

#redesign-mega-menu .top-links a {
  color: #D8232A;
  font-weight: 600;
  font-size: 16px;
}

#redesign-mega-menu .top-links a:hover {
  text-decoration: none;
}

#redesign-mega-menu .link-list {
  padding: 17px 80px 10px 80px;
}

@media (max-width: 767.98px) {
  #redesign-mega-menu .link-list {
    padding: 17px 35px 10px 35px;
  }
}

#redesign-mega-menu .main-list {
  padding-top: 24px;
  padding-bottom: 100px;
}

#redesign-mega-menu .main-list .list-section {
  margin-top: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(153, 153, 153, 0.3);
}

@media (min-width: 768px) {
  #redesign-mega-menu .main-list .list-section .row {
    display: flex;
    flex-wrap: wrap;
  }
  #redesign-mega-menu .main-list .list-section .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #redesign-mega-menu .main-list .list-section .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (max-width: 767.98px) {
  #redesign-mega-menu .main-list .list-section .row {
    display: flex;
    flex-wrap: wrap;
  }
  #redesign-mega-menu .main-list .list-section .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #redesign-mega-menu .main-list .list-section .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

#redesign-mega-menu .main-list .list-section div {
  padding-top: 2px;
  padding-bottom: 2px;
}

#redesign-mega-menu .main-list .list-section h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 0;
  color: #000;
  display: block;
  margin-bottom: 10px;
}

#redesign-mega-menu .main-list .list-section a {
  color: #D8232A;
  font-size: 15px;
}

#redesign-mega-menu .main-list .list-section a:hover {
  text-decoration: none;
}

#redesign-mega-menu .main-list .list-section:last-child {
  border: none;
}

@media (max-width: 575.98px) {
  #redesign-mega-menu .main-list .list-section {
    padding-bottom: 11px;
  }
  #redesign-mega-menu .main-list .list-section .col-md-12 {
    padding-top: 0;
  }
  #redesign-mega-menu .main-list .list-section .col-md-3 a {
    font-size: 15px;
    line-height: 17px;
  }
  #redesign-mega-menu .main-list .list-section .row {
    padding-top: 0;
  }
  #redesign-mega-menu .main-list .list-section h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

#redesign-mega-menu .expanded-sub-nav {
  background: #D8232A;
  box-shadow: 0px 25px 25px 8px rgba(0, 0, 0, 0.47);
  border-bottom: none !important;
  padding: 10px 40px 5px 40px;
  font-weight: 600;
  position: fixed;
  bottom: 0;
  width: 100%;
}

#redesign-mega-menu .expanded-sub-nav a {
  color: #fff !important;
  padding-left: 0;
  font-size: 16px;
  display: inline-block;
  width: auto;
  white-space: nowrap;
}

#redesign-mega-menu .expanded-sub-nav a:hover {
  text-decoration: none;
}

#redesign-mega-menu .expanded-sub-nav a:after {
  pointer-events: none;
  content: '•';
  margin-left: 10px;
}

#redesign-mega-menu .expanded-sub-nav a.prefix {
  padding-left: 0px;
  font-weight: normal;
}

#redesign-mega-menu .expanded-sub-nav a.prefix:after {
  display: none;
}

#redesign-mega-menu .expanded-sub-nav a:last-child:after {
  display: none;
}

@media (max-width: 767.98px) {
  #redesign-mega-menu .expanded-sub-nav a {
    line-height: 24px;
    font-size: 13px;
  }
}

@media (max-width: 1199.98px) {
  #redesign-mega-menu .expanded-sub-nav {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (max-width: 991.98px) {
  #redesign-mega-menu .mega-menu-header {
    min-height: 108px;
  }
  #redesign-mega-menu .mega-menu-header .top-bar-desktop {
    display: none;
  }
  #redesign-mega-menu .mega-menu-header .top-bar-mobile {
    display: block;
  }
  #redesign-mega-menu .mega-menu-header .top-bar-mobile .hide-mega-menu {
    line-height: 35px;
  }
  #redesign-mega-menu .link-list {
    padding-top: 33px;
  }
  #redesign-mega-menu .main-list {
    padding-top: 0;
  }
}

@media (max-width: 575.98px) {
  #redesign-mega-menu .mega-menu-header {
    padding: 5px 25px 0 25px;
  }
  #redesign-mega-menu .mega-menu-header .mira-search-bar {
    padding: 0;
  }
  #redesign-mega-menu .mega-menu-header .mira-search-bar input {
    font-size: 16px;
    width: calc(100% - 45px);
  }
  #redesign-mega-menu .top-bar-spacer {
    height: 95px;
  }
  #redesign-mega-menu .expanded-sub-nav {
    padding: 10px 20px;
  }
  #redesign-mega-menu .link-list {
    padding: 17px 25px 10px 25px;
  }
  #redesign-mega-menu .main-list {
    padding-top: 0;
  }
  #redesign-mega-menu .main-list .list-section {
    margin-top: 15px;
  }
  #redesign-mega-menu .main-list .list-section div {
    padding-top: 10px;
    padding-bottom: 0;
  }
  #redesign-mega-menu .main-list .list-section a {
    font-size: 13px;
    line-height: 15px;
    display: block;
  }
  #redesign-mega-menu .main-list .list-section .col-md-12 a {
    display: inline-block;
  }
  #redesign-mega-menu .main-list .list-section:last-child {
    margin-bottom: 100px;
  }
  #redesign-mega-menu .top-links a {
    font-size: 17px;
    line-height: 20px;
    display: block;
  }
}

#redesign-mega-menu .mega-bottom {
  background-color: #f5f5f5;
  width: 100%;
  padding: 30px 25px;
  border-top: solid 3px #cacaca;
}

#redesign-mega-menu .mega-bottom .mega-bottom-container {
  max-width: 1200px;
  margin: 0 auto;
}

#redesign-mega-menu .mega-bottom .mega-bottom-container ul li {
  display: inline-block;
  width: 100%;
  border-bottom: solid 1px #d6d6d6;
  margin-bottom: 35px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#redesign-mega-menu .mega-bottom .mega-bottom-container ul li a {
  color: #1c1c1c;
  font-weight: 500;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
}

#redesign-mega-menu .mega-bottom .mega-bottom-container ul li a:focus, #redesign-mega-menu .mega-bottom .mega-bottom-container ul li a:hover {
  color: #000;
  text-decoration: none;
}

@media (min-width: 576px) {
  #redesign-mega-menu .mega-bottom .mega-bottom-container ul li {
    width: calc(48% - 25px);
    margin-right: 25px;
  }
}

@media (min-width: 768px) {
  #redesign-mega-menu .mega-bottom .mega-bottom-container ul li {
    width: calc(24% - 25px);
    margin-right: 25px;
  }
  #redesign-mega-menu .mega-bottom .mega-bottom-container ul li:last-child {
    margin-right: 0;
  }
}

/* General Primary Nav styles */
#redesign-header nav.primary-nav {
  display: block;
  width: 100%;
  font-family: "Fira Sans", sans-serif;
  clear: both;
  height: 37px;
  box-shadow: 0 7px 8px 0 rgba(136, 136, 136, 0.2);
}

#redesign-header nav.primary-nav .nav-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  height: 37px;
}

#redesign-header nav.primary-nav .nav-container .primary-nav-left {
  float: left;
}

#redesign-header nav.primary-nav .nav-container .primary-nav-left .primary-nav-menu {
  /* Home icon */
}

#redesign-header nav.primary-nav .nav-container .primary-nav-left .primary-nav-menu li:first-child {
  float: left;
}

#redesign-header nav.primary-nav .nav-container .primary-nav-left .primary-nav-menu li:first-child i {
  font-size: 20px;
}

#redesign-header nav.primary-nav .nav-container .primary-nav-left .primary-nav-menu li.nav-highlight {
  background-color: #0072CD;
  height: 37px;
}

#redesign-header nav.primary-nav .nav-container .primary-nav-right {
  float: right;
}

#redesign-header nav.primary-nav.is-sticky {
  display: block !important;
}

/* Non-sticky Primary Nav styles */
#redesign-header nav.primary-nav.primary-nav-non-sticky {
  background-color: #000000;
  z-index: 3000005;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .nav-container {
  z-index: 3000005;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left {
  width: calc(100% - 65px);
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu {
  font-size: 15px;
  min-height: 37px;
  z-index: 3000005;
  -webkit-transform: translate3d(0, 0, 0);
}

@media (max-width: 991.98px) {
  #redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu {
    overflow: hidden;
    max-height: 37px;
  }
  #redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li i.m-icon-angle-down {
    display: none;
  }
  #redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul {
    display: none !important;
  }
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li {
  position: relative;
  margin: 0 4px;
  float: left;
  /* Dropdown */
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li a {
  color: #FFF;
  font-weight: 400;
  padding: 3px 5px;
  display: inline-block;
  line-height: 32px;
  text-transform: none;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li a:focus, #redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li a:hover {
  text-decoration: none;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li a i.m-icon-angle-down {
  float: right;
  width: 17px;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li:first-child {
  min-height: 38px;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li.touch-event, #redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li:hover {
  background-color: #FFF;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li.touch-event a, #redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li:hover a {
  color: #000;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li.touch-event > ul, #redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li:hover > ul {
  display: block;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul {
  display: none;
  position: absolute;
  left: 0;
  top: 37px;
  background-color: #FFF;
  width: 190px;
  border: solid 1px #e6e2e2;
  border-top: 0;
  box-shadow: 4px 4px 2px 0 rgba(0, 0, 0, 0.15);
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul li {
  margin: 0;
  width: 100%;
  height: auto;
  border-bottom: solid 1px #a9a9a9;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul li a {
  padding: 8px;
  color: #000;
  line-height: 20px;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul li a:hover {
  color: #D8232A;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-left ul.primary-nav-menu li > ul li:last-child {
  border: 0;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right {
  display: inline-block;
  height: 100%;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right > div {
  display: inline-block;
  float: left;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search {
  font-size: 23px;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search > a {
  color: #FFF;
  width: 42px;
  text-align: center;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search .m-icon-cancel-1 {
  font-size: 20px;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .burger-bar {
  font-size: 23px;
  cursor: pointer;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .burger-bar a {
  color: #FFF;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .line {
  display: none;
  border-left: solid 1px #7d7d7d;
  width: 1px;
  height: 100%;
}

@media (min-width: 768px) {
  #redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .line {
    display: inline-block;
  }
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip {
  display: none;
  background-color: #f5f5f5;
  padding: 5px 10px 10px;
  position: absolute;
  right: 15px;
  border: solid 1px #dcdcdc;
  border-top: 0;
  top: 37px;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip input {
  font-size: 15px;
  padding: 5px 10px;
  font-weight: 600;
  border: 0;
  max-width: 200px;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip input:focus {
  outline: none;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip button {
  background: none;
  border: 0;
  float: right;
  background-color: #FFF;
  font-size: 20px;
  margin-top: 4px;
  height: 32px;
  color: #424242;
  cursor: pointer;
}

#redesign-header nav.primary-nav.primary-nav-non-sticky .primary-nav-right .search-tooltip button:focus {
  outline: none;
}

/* Desktop Sticky Primary Nav styles */
#redesign-header nav.primary-nav.primary-nav-desktop-sticky {
  display: none;
  background-color: #FFF;
}

/* Mobile Sticky Primary Nav styles */
#redesign-header nav.primary-nav.primary-nav-mobile-sticky {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFF;
  z-index: 3000007;
  border-top: solid 1px #D8232A;
  border-bottom: solid 1px #CFCECE;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .nav-container {
  z-index: 3000007;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left {
  width: calc(100% - 76px);
  overflow: hidden;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu {
  font-size: 14px;
  height: 37px;
  z-index: 3000007;
  -webkit-transform: translate3d(0, 0, 0);
  /* Social buttons */
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button {
  padding: 3px 1px 0;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing {
  display: inline-block;
  height: 29px;
  padding: 0 17px;
  color: #FFF;
  float: left;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing i,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing i {
  font-size: 20px;
  padding-top: 4px;
  display: block;
  line-height: 22px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing i.fa.fa-envelope,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing i.fa.fa-envelope {
  padding: 4px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing:focus, #redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing:hover,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing:focus,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing:hover {
  text-decoration: none;
  opacity: 0.9;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing.home-button,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing.home-button {
  color: #000;
  display: none;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing.snb-facebook,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing.snb-facebook {
  background-color: #3B5998;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing.snb-twitter,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing.snb-twitter {
  background-color: #1DA1F2;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.other-sharing.snb-email,
#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.social-nav-button > a.custom-sharing.snb-email {
  background-color: #bb3510;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li {
  position: relative;
}

@media (min-width: 768px) {
  #redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li {
    padding: 0 5px;
  }
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li:first-child {
  height: 34px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li:first-child i {
  font-size: 23px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li a {
  color: #000;
  font-weight: 500;
  padding: 3px;
  display: inline-block;
  line-height: 30px;
  text-transform: none;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li a:focus, #redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li a:hover {
  text-decoration: none;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li a i.m-icon-angle-down {
  float: right;
  width: 17px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li a.subscribe {
  background-color: #976F2A;
  color: #FFF;
  font-weight: 500;
  padding: 0 7px;
  line-height: 26px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.touch-event, #redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li:hover {
  background-color: #FFF;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li.touch-event a, #redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-left ul.primary-nav-menu li:hover a {
  color: #000;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right {
  display: inline-block;
  height: 100%;
  position: relative;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right > div {
  display: inline-block;
  float: right;
  padding-right: 5px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account {
  height: 32px;
  display: inline-block;
  float: right;
  padding-top: 2px;
  position: relative;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account.user-is-logged-in .user-icon {
  background-color: #D8232A;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account.user-is-not-logged-in .user-icon {
  background-color: #a5a6a7;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account .user-icon {
  font-size: 12px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  color: #FFF;
  display: inline-block;
  margin: 6px 4px;
  padding-top: 1px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account .user-icon:focus, #redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account .user-icon:hover {
  opacity: 0.8;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account .user-icon:after {
  display: none;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account .accountHeaderDropdownContent {
  width: 100px;
  min-width: auto;
  padding-top: 3px;
  padding-bottom: 0;
  margin-left: -50px;
  border-radius: 0;
  border: solid 1px #e8e8e8;
  margin-top: -1px;
  border-top: 0;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .account .accountHeaderDropdownContent .dropdown-item {
  font-size: 14px;
  padding: 5px 10px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .burger-bar {
  font-size: 23px;
}

#redesign-header nav.primary-nav.primary-nav-mobile-sticky .primary-nav-right .burger-bar a {
  color: #000;
}

footer {
  background-color: #000;
  border-bottom: solid 5px #D8232A;
  color: #FFF;
  padding-bottom: 20px;
  position: relative;
}

@media (min-width: 768px) {
  footer {
    padding-bottom: 80px;
  }
}

footer .container {
  background-color: #000;
  padding: 15px;
}

footer .adchoices-logo {
  width: 14px;
  margin-left: 2px;
  margin-top: -2px;
}

footer a {
  font-weight: 600;
  color: #FFF;
}

footer a:focus, footer a:hover {
  color: #FFF;
  text-decoration: none;
}

footer nav {
  margin-bottom: 10px;
}

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

footer nav ul li {
  display: inline-block;
  font-size: 12px;
  margin-right: 20px;
  margin-bottom: 5px;
}

footer .ipso-regulated {
  margin-bottom: 10px;
}

footer .ipso-regulated p {
  font-size: 12px;
  margin: 0;
  line-height: 14px;
}

footer .ipso-regulated div.ipso-logo {
  display: block;
  float: left;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

footer .ipso-regulated div.ipso-logo span {
  display: block;
  font-family: 'Times New Roman', Times, serif;
  font-size: 34px;
  border-bottom: solid 1px #FFF;
  margin-bottom: 5px;
  margin-top: -4px;
}

footer .ipso-regulated > div:first-child {
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  footer .ipso-regulated > div:first-child {
    margin-bottom: 0;
    padding-left: 23px;
  }
}

@media (min-width: 768px) {
  footer .ipso-regulated > div:first-child {
    padding: 0 6px 6px;
  }
}

@media (min-width: 576px) {
  footer .ipso-regulated {
    margin-bottom: 0;
  }
}

footer .footer-copyright {
  font-size: 13px;
}

footer .adblock-debug {
  font-size: 12px;
  color: #000;
}

footer .footer-left {
  margin-bottom: 15px;
}

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

/* This needs to be global */
#DFP_bottom_leaderboard {
  text-align: center;
  padding-bottom: 25px;
}

.sub-nav-container {
  padding-bottom: 17px;
  padding-top: 10px;
}

.sub-nav-container .sub-nav {
  background-color: #FFF;
  width: 100%;
  height: 25px;
  overflow: hidden;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb {
  margin: 0;
  padding: 0;
  height: 25px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li {
  display: inline-block;
  background-color: #D8232A;
  height: 25px;
  position: relative;
  margin-right: 10px;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li a {
  color: #FFF;
  font-weight: 500;
  padding: 1px 10px 0 22px;
  display: inline-block;
  font-size: 14px;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li a:focus, .sub-nav-container .sub-nav ul.sub-breadcrumb li a:hover {
  text-decoration: none;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 12px solid #FFF;
  top: 0;
  left: 0;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 12px solid #D8232A;
  top: 0;
  right: -12px;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(1) a {
  padding-left: 10px;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(1) a:before {
  display: none;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(2) {
  background-color: #e24c52;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(2) a:after {
  border-left: 12px solid #e24c52;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(3) {
  background-color: #e9787c;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(3) a:after {
  border-left: 12px solid #e9787c;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(4) {
  background-color: #f0a4a7;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(4) a:after {
  border-left: 12px solid #f0a4a7;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(5) {
  background-color: #f7d0d1;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(5) a:after {
  border-left: 12px solid #f7d0d1;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(6) {
  background-color: #fefcfc;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(6) a:after {
  border-left: 12px solid #fefcfc;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(7) {
  background-color: white;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(7) a:after {
  border-left: 12px solid white;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(8) {
  background-color: white;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(8) a:after {
  border-left: 12px solid white;
}

.sub-nav-container .sub-nav nav {
  height: 25px;
  overflow: hidden;
  margin-top: 1px;
}

.sub-nav-container .sub-nav nav ul li {
  color: #ba360f;
  font-weight: 500;
  display: inline-block;
  margin-right: 10px;
}

.sub-nav-container .sub-nav nav ul li a {
  color: #ba360f;
  font-weight: 500;
  font-size: 14px;
  padding-left: 10px;
}

.sub-nav-container .sub-nav nav ul li:first-child a {
  border: 0;
  padding-left: 0;
}

#secondary-nav {
  padding: 5px 0;
  padding-right: 60px;
  font-family: "Roboto", sans-serif;
  overflow-y: auto;
  max-height: 35px;
  position: relative;
  white-space: normal;
  overflow: hidden;
  text-overflow: hidden;
  position: relative;
}

#secondary-nav #secondary-nav-show-more {
  display: none;
}

#secondary-nav #secondary-nav-show-more.show {
  display: inline;
  position: relative;
}

#secondary-nav.expanded {
  min-height: 35px;
  max-height: unset;
  overflow-y: show;
}

#secondary-nav a {
  color: #D8232A;
  text-decoration: none;
  font-weight: 500;
  margin: 0 7px;
  display: inline-block;
  width: auto;
  white-space: nowrap;
}

#secondary-nav a.col {
  padding-left: 0;
  padding-right: 10px;
}

#secondary-nav a:first-child {
  padding-left: 0;
}

@media (max-width: 1199.98px) {
  #secondary-nav a {
    font-size: 16px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 991.98px) {
  #secondary-nav a {
    font-size: 16px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767.98px) {
  #secondary-nav a {
    font-size: 13px;
  }
}

#secondary-nav a.hidden {
  display: none;
}

#secondary-nav a.hidden.show {
  display: inline;
}

#secondary-nav.features-bar {
  padding-left: 16px;
  padding-right: 5px;
}

#secondary-nav.features-bar .admin-edit {
  display: block;
  background-color: #464646;
  text-align: center;
  width: 27px;
  border-radius: 5px;
  color: #FFF;
  border: solid 1px rgba(222, 222, 222, 0.43);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 2px;
  right: 20px;
}

#secondary-nav.features-bar a {
  font-weight: bold;
}

#secondary-nav.features-bar a.prefix {
  margin-left: 0;
  padding-left: 0px;
  padding-right: 10px;
  font-weight: normal;
}

@media (max-width: 1199.98px) {
  #secondary-nav.features-bar #secondary-nav-show-more i {
    position: absolute;
    top: 2px;
  }
}

@media (max-width: 991.98px) {
  #secondary-nav.features-bar #secondary-nav-show-more i {
    top: 2px;
  }
}

footer.herald-footer h3 {
  font-size: 11px;
  font-weight: 700;
}

footer.herald-footer .col-md-2 {
  margin-top: 33px;
}

footer.herald-footer .col-md-2 li {
  font-size: 11px;
  display: block;
  margin-bottom: 5px;
}

footer.herald-footer .col-md-2 li.h3 {
  font-weight: 700;
  line-height: 24px;
  margin-right: 0;
  margin-bottom: 0.5rem;
}

footer.herald-footer .col-md-2 li a {
  font-weight: 400;
}

footer.herald-footer .col-md-2:last-child {
  border: 0;
}

@media (min-width: 768px) {
  footer.herald-footer .col-md-2:last-child .footer-menu-col {
    margin-top: 33px;
  }
}

@media (min-width: 768px) {
  footer.herald-footer .col-md-2 {
    margin-top: 0;
    border-right: solid 1px #2d2d2d;
  }
}

footer.herald-footer .ipso-regulated {
  margin-top: 30px;
}

@media screen and (min-width: 990px) {
  #article-sticky-desktop-nav {
    height: 60px;
  }
}

#article-sticky-desktop-nav {
  position: fixed;
  top: -160px;
  background-color: #FFF;
  width: 100%;
  height: 60px;
  border-bottom: solid 1px #cdcdcd;
  z-index: 999999999;
  padding: 10px 7px 10px 10px;
}

#article-sticky-desktop-nav > * {
  display: inline-block;
}

#article-sticky-desktop-nav > a {
  float: left;
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  #article-sticky-desktop-nav > a {
    width: 60px;
  }
}

#article-sticky-desktop-nav > a img {
  max-height: 32px;
  margin-right: 10px;
  margin-left: 10px;
}

#article-sticky-desktop-nav > a img.article-sticky-brand-mobile {
  min-width: 30px;
  height: 100%;
}

@media screen and (min-width: 990px) {
  #article-sticky-desktop-nav > a img {
    max-height: 25px;
    margin-right: 10px;
    margin-left: 10px;
  }
  #article-sticky-desktop-nav > a img.article-sticky-brand-mobile {
    min-width: 30px;
    height: 100%;
  }
}

#article-sticky-desktop-nav .article-sticky-brand-mobile {
  display: inline-block;
}

#article-sticky-desktop-nav .article-sticky-headline {
  font-size: 14px;
  margin: 0;
  line-height: 38px;
  height: 38px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}

#article-sticky-desktop-nav .article-sticky-right {
  float: right;
  line-height: 38px;
  margin-right: 0;
}

#article-sticky-desktop-nav .article-sticky-right > div {
  display: inline-block;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-search {
  font-size: 19px;
  margin-right: 10px;
  cursor: pointer;
  margin-left: 10px;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-menu {
  font-size: 19px;
  cursor: pointer;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-menu .hamburger-text {
  display: none;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-fb,
#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-twitter,
#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-whatsapp {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #FFF;
  text-align: center;
  display: inline-block;
  margin-top: 10px;
  float: left;
  line-height: 21px;
  font-size: 13px;
  margin-right: 10px;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-fb {
  background-color: #3B5998;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-twitter {
  background-color: #1DA1F2;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-whatsapp {
  background-color: #25D366;
  font-size: 12px;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-ticky-social-comments {
  position: relative;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-ticky-social-comments i {
  font-size: 20px;
  color: #3b5998;
}

#article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-ticky-social-comments span.article-sticky-social-comment-count {
  position: absolute;
  top: -1px;
  right: 0;
  font-size: 10px;
  font-weight: 700;
  color: #3b5998;
}

@media (max-width: 991.98px) {
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-search {
    display: none;
  }
}

@media (max-width: 991.98px) {
  #article-sticky-desktop-nav {
    padding: 0;
  }
  #article-sticky-desktop-nav > a img {
    max-height: 33px;
    margin-top: 6px;
  }
  #article-sticky-desktop-nav .article-sticky-right {
    line-height: 32px;
  }
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-social {
    float: left;
    margin-right: 8px;
    margin-top: -5px;
  }
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-fb,
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-twitter,
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-whatsapp {
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    margin-top: 20px;
  }
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-sticky-social-whatsapp {
    margin-right: 2px;
  }
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-ticky-social-comments {
    display: inline-block;
    margin-top: 20px;
  }
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-ticky-social-comments i {
    font-size: 32px;
  }
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-social .article-ticky-social-comments span.article-sticky-social-comment-count {
    top: 13px;
    right: 3px;
    font-weight: 500;
  }
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-menu {
    font-size: 28px;
    margin-top: 10px;
    margin-right: 10px;
    float: right;
  }
  #article-sticky-desktop-nav .article-sticky-right .article-sticky-menu .hamburger-text {
    text-transform: uppercase;
    display: block;
    position: absolute;
    right: 17px;
    bottom: -1px;
    font-size: 9px;
  }
  #article-sticky-desktop-nav .article-sticky-headline {
    display: none;
  }
}

#page-header-crumb {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 38px;
  text-transform: none;
  margin: 0;
}

.legacy-static-html .static-html {
  background-color: #fff;
  padding: 20px;
}

.legacy-static-html .static-html h1, .legacy-static-html .static-html h2, .legacy-static-html .static-html h3, .legacy-static-html .static-html h4, .legacy-static-html .static-html h5, .legacy-static-html .static-html h6 {
  margin: 0 0 18px;
}

.legacy-static-html .static-html h1, .legacy-static-html .static-html h2, .legacy-static-html .static-html p, .legacy-static-html .static-html ul {
  margin: 0;
  padding: 0;
  clear: both;
}

.legacy-static-html .static-html .text-background {
  background-color: #fff !important;
}

.legacy-static-html .static-html #main h2 {
  margin: 10px 0 10px 0;
}

.legacy-static-html .static-html .mega-news-mp-tabs {
  margin: 15px 0 0 10px;
}

.legacy-static-html .static-html .mega-news-most-popular .most-tab-content li {
  width: auto;
}

.legacy-static-html .static-html .mega-news-most-popular .most-tab-content > div {
  padding-right: 0;
}

.legacy-static-html .static-html .grid_4 {
  width: 300px;
  display: inline;
  float: left;
  margin-right: 9px;
  margin-left: 9px;
}

.legacy-static-html .static-html .grid_4.alpha, .legacy-static-html .static-html .grid_4.omega {
  width: 285px;
}

.legacy-static-html .static-html .grid_8 {
  width: 600px;
}

.legacy-static-html .static-html.alpha {
  margin-left: 0;
}

.legacy-static-html .static-html.x-small {
  font-size: 14px;
  line-height: 16px;
}

.legacy-static-html .static-html.nonstory p, .legacy-static-html .static-html h2 + p {
  margin: 8px 0;
}

.legacy-static-html .static-html #static-contact-us-header {
  border: solid 1px #AFC7D7;
  min-height: 100px;
  margin: 15px auto 25px;
  padding-bottom: 20px;
  width: 100%;
}

.legacy-static-html .static-html #static-contact-us-header h2 {
  text-align: center;
  font-family: "Noto Serif",serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  margin: -20px auto 20px;
}

.legacy-static-html .static-html font {
  color: #333 !important;
  font-size: 1em !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: normal !important;
}

.legacy-static-html .static-html b,
.legacy-static-html .static-html strong {
  font-weight: 600;
}

.legacy-static-html .static-html table thead tr th {
  font-weight: bold;
}

.legacy-static-html .static-html table tbody {
  display: table-row-group;
  vertical-align: middle;
}

.legacy-static-html .static-html table tbody tr {
  display: table-row;
  vertical-align: inherit;
}

.legacy-static-html .static-html table tbody tr td {
  display: table-cell;
  vertical-align: inherit;
}

.legacy-static-html .static-html ul {
  margin-bottom: 10px;
}

.legacy-static-html .static-html ul li {
  list-style: none;
  padding: 0 0 5px 0;
}

.legacy-static-html .static-html .txtCentre {
  text-align: center;
}

.legacy-static-html .static-html .clear {
  clear: both !important;
}

.legacy-static-html .static-html .right {
  float: right !important;
}

.legacy-static-html .static-html .left {
  float: left !important;
}

.legacy-static-html .static-html .txtRight {
  text-align: right;
}

.legacy-static-html .static-html .txtCentre {
  text-align: center;
}

.legacy-static-html .static-html .upper {
  text-transform: uppercase;
}

.legacy-static-html .static-html .red {
  color: #993300;
}

.legacy-static-html .static-html .italic {
  font-style: italic;
}

.legacy-static-html .static-html .underline {
  text-decoration: underline;
}

.legacy-static-html .static-html .bld,
.legacy-static-html .static-html .bold {
  font-weight: bold;
}

.legacy-static-html .static-html .sizeUp {
  font-size: 1.1667em;
}

.legacy-static-html .static-html .sizeDown {
  font-size: .9167em;
}

.legacy-static-html .static-html .none {
  display: none;
}

.legacy-static-html .static-html .listNone {
  list-style: none !important;
  padding: 0 !important;
}

.legacy-static-html .static-html .last {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.legacy-static-html .static-html .noBrd {
  border: none !important;
}

.legacy-static-html .static-html .noMg {
  margin: 0 !important;
}

.legacy-static-html .static-html .noPd {
  padding: 0 !important;
}

.legacy-static-html .static-html .mgTop20 {
  margin-top: 18px !important;
}

.legacy-static-html .static-html .mgTop10 {
  margin-top: 9px !important;
}

.legacy-static-html .static-html .mgRight10 {
  margin-right: 10px !important;
}

.legacy-static-html .static-html .mgBottom20 {
  margin-bottom: 18px !important;
}

.legacy-static-html .static-html .mgLeft10 {
  margin-left: 10px !important;
}

.legacy-static-html .static-html select,
.legacy-static-html .static-html input[type="text"],
.legacy-static-html .static-html input[type="password"],
.legacy-static-html .static-html input[type="datetime"],
.legacy-static-html .static-html input[type="datetime-local"],
.legacy-static-html .static-html input[type="date"],
.legacy-static-html .static-html input[type="month"],
.legacy-static-html .static-html input[type="time"],
.legacy-static-html .static-html input[type="week"],
.legacy-static-html .static-html input[type="number"],
.legacy-static-html .static-html input[type="email"],
.legacy-static-html .static-html input[type="url"],
.legacy-static-html .static-html input[type="search"],
.legacy-static-html .static-html input[type="tel"],
.legacy-static-html .static-html input[type="color"] {
  display: inline-block;
  padding: 3px;
  font-size: 12px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
}

.legacy-static-html .static-html textarea {
  display: inline-block;
  padding: 3px;
  font-size: 12px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
}

.legacy-static-html .static-html input[type="submit"] {
  appearance: button;
  -moz-appearance: button;
  -webkit-appearance: button;
  line-height: normal;
}

.legacy-static-html .static-html input[type="text"] {
  width: 98%;
}

#articlePage .article-timestamp {
  color: #9c9c9c;
  font-size: 14px;
}

#articlePage .article-hero {
  position: relative;
  text-align: center;
  background-color: #151515;
}

#articlePage .article-hero .hero-caption {
  padding: 3px 10px;
  margin-bottom: 0;
  text-align: left;
  background-color: #D8232A;
  color: #fff;
  font-weight: 300;
}

#articlePage a.contribution-top-cta {
  margin-bottom: 0;
  margin-top: 20px;
}

#articlePage a.contribution-top-cta:focus, #articlePage a.contribution-top-cta:hover {
  text-decoration: none;
}

#articlePage .cta-component-full-width {
  margin-top: 20px;
  margin-bottom: 10px;
}

#articlePage .top-socialbar {
  margin-top: 25px;
  margin-bottom: 25px;
}

#articlePage p {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#articlePage p a {
  color: #D8232A;
  font-weight: 600;
}

#articlePage em {
  font-style: italic;
}

#articlePage ol {
  list-style: decimal;
  list-style-position: outside;
  padding-left: 23px;
}

#articlePage ol li {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#articlePage ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 23px;
}

#articlePage ul li {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#articlePage .advert-container {
  margin-bottom: 15px;
  text-align: center;
}

#articleV2 .article-row-container .article-row-container-left {
  float: none;
  width: 100%;
}

@media (min-width: 768px) {
  #articleV2 .article-row-container .article-row-container-left {
    float: left;
    width: calc(100% - 318px);
  }
}

#articleV2 .article-row-container .video-js {
  width: 100%;
  height: 400px;
}

#articleV2 .article-row-container .article-row-container-right {
  float: none;
  width: 100%;
}

#articleV2 .article-row-container .article-row-container-right .side-ad {
  text-align: center;
}

@media (min-width: 768px) {
  #articleV2 .article-row-container .article-row-container-right {
    float: right;
    max-width: 300px;
  }
}

#articleV2 .author-details {
  margin-bottom: 15px;
}

#articleV2 .author-details .author-image {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

#articleV2 .author-details .author-image img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: solid 1px #eaeaea;
}

#articleV2 .author-details .author-name-container {
  float: left;
  margin-top: 5px;
}

#articleV2 .author-details .author-name-container a.author-name-link {
  color: #D8232A;
}

#articleV2 .author-details .author-name-container a.author-name-link:hover {
  color: #D8232A;
  text-decoration: none;
}

#articleV2 .author-details .author-name {
  display: block;
}

#articleV2 .author-details .job-title {
  display: block;
}

#articleV2 .author-details a.twitter-button {
  padding-right: 10px;
  color: #FFF;
  background-color: #1DA1F2;
  padding: 5px;
  font-size: 14px;
  border-radius: 2px;
}

#articleV2 .author-details a.twitter-button:focus, #articleV2 .author-details a.twitter-button:hover {
  text-decoration: none;
  color: #FFF;
  opacity: 0.9;
}

#articleV2 .author-details a.twitter-button span.fa-twitter {
  color: #FFF;
}

#articleV2 .author-details span.timestamp {
  color: #747474;
}

#articleV2 aside.v2 .side-ad {
  margin-bottom: 25px;
}

#articleV2 aside.v2 .mega-news-most-popular {
  margin-bottom: 0;
}

#articleV2 aside.v2 .cta-component-contributions {
  margin-bottom: 25px;
}

#articleV2 .outbrain {
  margin: 15px 0;
  padding: 15px;
  box-shadow: 0;
  background-color: #FFF;
}

#articleV2 .plista {
  margin: 15px 0;
  float: left;
  box-shadow: 0;
  background-color: #FFF;
  padding: 0 15px 15px;
}

#articleV2 .plista .plista_widget_belowArticle {
  margin-top: 0;
  margin-bottom: 0;
}

#articleV2 .bottom-socialbar {
  margin-top: 25px;
  margin-bottom: 25px;
}

.article-extra #DFP_leaderboard_2 {
  margin-bottom: 15px;
}

.article-extra #DFP_bottom_leaderboard {
  margin-top: 20px;
  margin-bottom: 20px;
}

.article-extra #uatu-recommendations h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.article-extra #uatu-recommendations article.nq-article-card {
  padding-bottom: 0;
}

.article-extra #uatu-recommendations article.nq-article-card h3 {
  padding: 15px;
}

.article-extra #mostPopular {
  margin-top: 25px;
}

#articleV2 .livefeed-summary {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#articleV2 .livefeed #updateList .livefeed-item .timestamp {
  border-bottom: solid 1px #D8232A;
  margin-bottom: 10px;
}

#articleV2 .livefeed #updateList .livefeed-item .timestamp span {
  background-color: #D8232A;
  padding: 5px 15px;
  font-size: 14px;
  display: inline-block;
  color: #FFF;
}

#articleV2 .livefeed #updateList .livefeed-item .timestamp.liveImportantTime {
  background-color: #d8232a;
  border-bottom: 0;
}

#articleV2 .livefeed #updateList .livefeed-item .timestamp.liveImportantTime span {
  background-color: #d8232a;
}

#articleV2 .livefeed #updateList .livefeed-item .content-wrapper {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#articleV2 .livefeed #updateList .livefeed-item .content-wrapper ol,
#articleV2 .livefeed #updateList .livefeed-item .content-wrapper ul {
  list-style: initial;
  margin-left: 20px;
}

#articlePage #subscription-content .subscription-content-wrapper {
  background-color: #FFF;
  padding: 15px;
  border: 1px solid #BB3510;
  box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.45);
}

#articlePage #subscription-content .subscription-content-wrapper h4 {
  font-size: 20px;
  line-height: 24px;
}

#articlePage #subscription-content .subscription-content-wrapper h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
}

#articlePage #subscription-content .subscription-content-wrapper .main-quote {
  font-size: 16px;
  line-height: 22px;
}

#articlePage #subscription-content .subscription-content-wrapper .quotee {
  display: block;
  font-size: 14px;
  font-style: italic;
  color: #CDCDCD;
}

#articlePage #subscription-content .subscription-content-wrapper .cta {
  text-align: center;
  background-color: #BB3510;
  width: 100%;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
}

#articlePage #subscription-content .subscription-content-wrapper .cta:hover {
  background-color: #d23c12;
}

#articlePage #subscription-content .subscription-content-wrapper .cta a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFF;
}

#articlePage #subscription-content .subscription-content-wrapper .cta a:hover {
  color: #FFF;
  text-decoration: none;
}

#articlePage #subscription-content .subscription-content-wrapper .small-text {
  text-align: center;
  font-size: 16px;
  margin-bottom: 5px;
  font-family: "Roboto", sans-serif;
}

#articlePage #subscription-content .subscription-content-wrapper .small-text a {
  color: #BB3510;
}

#articlePage #subscription-content #subscriptionLockedContent {
  margin-top: 20px;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

#BlockArticleContainer #BlockArticleDisplay {
  background-color: #FFF;
  padding: 10px 25px;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleDisplay {
    padding: 10px;
  }
  #BlockArticleContainer #BlockArticleDisplay aside.v2 .most-popular-component-v3 {
    display: none;
  }
}

#BlockArticleContainer #BlockArticleDisplay .promoted-block {
  margin-top: 20px;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleDisplay .promoted-block {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}

#BlockArticleContainer #BlockArticleDisplay ul.article-tags {
  margin: 0 0 3px;
}

#BlockArticleContainer #BlockArticleDisplay ul.article-tags li {
  float: left;
}

#BlockArticleContainer #BlockArticleDisplay ul.article-tags li a {
  color: #D8232A;
  font-weight: 900;
  font-size: 18px;
  padding: 0 10px;
  border-right: solid 1px #979797;
  text-transform: none;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer #BlockArticleDisplay ul.article-tags li:first-child a {
  padding-left: 0;
}

#BlockArticleContainer #BlockArticleDisplay ul.article-tags li:last-child a {
  border: 0;
}

#BlockArticleContainer #BlockArticleDisplay time.article-timestamp {
  display: inline-block;
  color: #323132;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 2px;
  font-family: "Fira Sans", sans-serif;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleDisplay time.article-timestamp {
    font-size: 12px;
    line-height: 16px;
  }
}

#BlockArticleContainer #BlockArticleDisplay h1.headline {
  color: #323132;
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 5px;
}

#BlockArticleContainer #BlockArticleDisplay h1.headline.no-author-details {
  margin-bottom: 25px;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleDisplay h1.headline {
    font-size: 22px;
    line-height: 26px;
  }
}

#BlockArticleContainer #BlockArticleDisplay .sponsor-information {
  margin-bottom: 10px;
  margin-top: -25px;
}

#BlockArticleContainer #BlockArticleDisplay .sponsor-information a {
  color: #000;
}

#BlockArticleContainer #BlockArticleDisplay .sponsor-information a:hover {
  text-decoration: none;
}

#BlockArticleContainer #BlockArticleDisplay .sponsor-information img {
  height: 75px;
  width: 125px;
  display: inline-block;
}

#BlockArticleContainer #BlockArticleDisplay .sponsor-information div {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

#BlockArticleContainer #BlockArticleDisplay .sponsor-information div p {
  margin: 0;
}

#BlockArticleContainer #BlockArticleDisplay .sponsor-information div p:first-child {
  font-size: 14px;
  line-height: 15px;
}

#BlockArticleContainer #BlockArticleDisplay .sponsor-information div p:last-child {
  font-weight: 700;
  color: #D8232A;
}

@media (max-width: 575.98px) {
  #BlockArticleContainer #BlockArticleDisplay .sponsor-information div p:last-child {
    font-size: 15px;
  }
}

#BlockArticleContainer #BlockArticleDisplay .sponsored-content-footer a {
  text-decoration: none;
  color: #000;
}

#BlockArticleContainer #BlockArticleDisplay .sponsored-content-footer p {
  margin: 0;
}

#BlockArticleContainer #BlockArticleDisplay .sponsored-content-footer p:first-child {
  font-size: 14px;
  line-height: 16px;
}

@media (max-width: 575.98px) {
  #BlockArticleContainer #BlockArticleDisplay .sponsored-content-footer p:first-child {
    font-size: 13px;
  }
}

#BlockArticleContainer #BlockArticleDisplay .sponsored-content-footer p:last-child {
  font-size: 16px;
  font-weight: 700;
  color: #D8232A;
}

@media (max-width: 575.98px) {
  #BlockArticleContainer #BlockArticleDisplay .sponsored-content-footer p:last-child {
    font-size: 15px;
  }
}

#BlockArticleContainer #BlockArticleDisplay .sponsored-content-footer:hover {
  text-decoration: none;
}

#BlockArticleContainer #BlockArticleDisplay .author-details {
  margin-bottom: 5px;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-image {
  float: left;
  width: 65px;
  height: 65px;
  margin-right: 10px;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-image img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: solid 1px #eaeaea;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleDisplay .author-details .author-image {
    display: none;
  }
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container {
  float: left;
  margin: 5px 0;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container.author-no-job {
  margin-top: 20px;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container.author-no-image {
  margin-top: 5px;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container .author-name {
  display: block;
  font-size: 14px;
  font-size: 14px;
  line-height: 21px;
  color: #4A4A4A;
  font-style: italic;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container .author-name a {
  color: #D8232A;
  font-style: normal;
  margin: 0 3px;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container .author-name a:focus, #BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container .author-name a:hover {
  color: #D8232A;
  text-decoration: none;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container .author-name {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 6px;
  }
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container a.twitter-button {
  color: #D8232A;
  padding: 0 0 0 10px;
  font-size: 14px;
  border-left: solid 1px #979797;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container a.twitter-button span.fa-twitter {
  color: #1DA1F2;
  font-size: 17px;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container a.twitter-button:focus, #BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container a.twitter-button:hover {
  text-decoration: none;
}

#BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container .job-title {
  display: block;
  color: #323132;
  font-size: 14px;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleDisplay .author-details .author-name-container .job-title {
    display: none;
  }
}

#BlockArticleContainer #BlockArticleDisplay .social-circles-component-v2.top-socialbar {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  #BlockArticleContainer #BlockArticleDisplay .social-circles-component-v2.top-socialbar {
    margin-bottom: 9px;
  }
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details {
  margin-bottom: 0;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-image {
  padding-top: 15px;
  width: 90px;
  height: auto;
  margin: 0;
  text-align: left;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-image img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right {
  float: left;
  margin: 5px 0;
  width: calc(100% - 90px);
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right .article-timestamp {
  margin-bottom: 15px;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right .author-name {
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  color: #D8232A;
  font-family: "Roboto", sans-serif;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right .author-name a {
  color: #D8232A;
  text-decoration: none;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right .author-job-social .job-title {
  font-size: 14px;
  color: #323132;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right .author-job-social .twitter-button .fa-twitter {
  font-size: 18px;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right .headline {
  margin: 8px 0;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .article-first-paragraph {
  margin-left: 90px !important;
}

#BlockArticleContainer #BlockArticleDisplay.opinion-article .article-body ol,
#BlockArticleContainer #BlockArticleDisplay.opinion-article .article-body ul {
  margin-left: 90px;
}

@media (max-width: 991.98px) {
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .article-body ol,
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .article-body p,
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .article-body ul,
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .article-first-paragraph,
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .social-circles-component-v2.top-socialbar {
    margin-left: 0 !important;
  }
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-image {
    display: block;
    width: 65px;
  }
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-image img {
    width: 65px;
    height: 65px;
  }
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right {
    padding-left: 10px;
    width: calc(100% - 65px);
  }
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right .article-timestamp {
    margin-bottom: 5px;
  }
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right h1.headline {
    width: 100%;
    margin-left: -75px;
    width: calc(100% + 75px);
  }
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details .author-details-right .author-job-social {
    min-height: 25px;
  }
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details.no-author-image .author-image {
    display: none;
  }
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details.no-author-image .author-details-right {
    width: 100%;
    padding-left: 0;
  }
  #BlockArticleContainer #BlockArticleDisplay.opinion-article .opinion-article-header .author-details.no-author-image .author-details-right h1.headline {
    margin-left: 0;
    width: 100%;
  }
}

#BlockArticleContainer #BlockArticleContent .article-body div[id^="apn_ad_"] {
  margin-bottom: 20px;
}

#BlockArticleContainer #BlockArticleContent .article-body div[id*="wrapper"] {
  margin-bottom: 20px;
}

#BlockArticleContainer #BlockArticleContent .article-body span.inline-image-caption,
#BlockArticleContainer #BlockArticleContent .article-body p.inline-image-caption {
  border-bottom: 1px solid #DFDFDF;
  color: #7F7E7F;
  display: block;
  font-family: "Fira Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
  padding: 8px 0 10px 0;
  width: 100%;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleContent .article-body span.inline-image-caption,
  #BlockArticleContainer #BlockArticleContent .article-body p.inline-image-caption {
    font-size: 11px;
    font-weight: 300;
    margin-left: -10px;
    max-width: initial;
    padding: 8px 10px 10px 10px;
    width: calc(100% + 20px);
  }
}

#BlockArticleContainer #BlockArticleContent .article-hero {
  position: relative;
  text-align: center;
  margin-bottom: 15px;
  background-color: #151515;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleContent .article-hero {
    max-width: initial;
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}

#BlockArticleContainer #BlockArticleContent .article-hero .article-image-containter {
  position: relative;
  background-color: #151515;
}

#BlockArticleContainer #BlockArticleContent .article-hero .article-image-containter .nq-article-card-label-standalone {
  position: absolute;
  top: 0;
  left: 0;
}

#BlockArticleContainer #BlockArticleContent .article-hero .article-image-containter .nq-article-card-label-standalone h4 {
  font-size: 14px;
  line-height: 19px;
}

#BlockArticleContainer #BlockArticleContent .article-hero .article-image-containter .nq-article-card-label-standalone.stars-label .star-ratings-sprite {
  height: 26px;
  width: 130px;
  background-size: 26px;
  background-position-y: -25px;
}

#BlockArticleContainer #BlockArticleContent .article-hero .article-image-containter .nq-article-card-label-standalone.stars-label .star-ratings-sprite .star-ratings-sprite-rating {
  height: 26px;
  background-size: 26px;
}

#BlockArticleContainer #BlockArticleContent .article-hero .article-image-containter .nq-article-card-label-standalone.sponsored-label {
  background-color: #001B69;
  color: #FFF;
}

#BlockArticleContainer #BlockArticleContent .article-hero .hero-caption {
  margin-bottom: 0;
  text-align: left;
  background-color: #FFF;
  font-weight: 300;
  font-size: 13px;
  line-height: 15px;
  border-bottom: solid 1px #DFDFDF;
  padding: 10px 0;
  font-family: "Fira Sans", sans-serif;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleContent .article-hero .hero-caption {
    padding: 10px;
    font-size: 11px;
  }
}

#BlockArticleContainer #BlockArticleContent .article-hero .hero-caption a {
  margin-right: 10px;
}

#BlockArticleContainer #BlockArticleContent a.contribution-top-cta {
  margin-bottom: 0;
  margin-top: 20px;
}

#BlockArticleContainer #BlockArticleContent a.contribution-top-cta:focus, #BlockArticleContainer #BlockArticleContent a.contribution-top-cta:hover {
  text-decoration: none;
}

#BlockArticleContainer #BlockArticleContent .cta-component-full-width {
  margin-top: 20px;
  margin-bottom: 10px;
}

#BlockArticleContainer #BlockArticleContent p {
  font-size: 17px;
  line-height: 25px;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer #BlockArticleContent p a {
  color: #D8232A;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #BlockArticleContent p {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 991.98px) {
  #BlockArticleContainer #BlockArticleContent p {
    font-size: 16px;
    line-height: 20px;
  }
}

#BlockArticleContainer #BlockArticleContent em {
  font-style: italic;
}

#BlockArticleContainer #BlockArticleContent ol {
  list-style: decimal;
  list-style-position: outside;
  padding-left: 23px;
}

#BlockArticleContainer #BlockArticleContent ol li {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer #BlockArticleContent ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 20px;
}

#BlockArticleContainer #BlockArticleContent ul li {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
  margin-bottom: 5px;
}

#BlockArticleContainer #BlockArticleContent ul li a {
  font-weight: 600;
  text-decoration: underline;
  color: #D8232A;
}

#BlockArticleContainer #BlockArticleContent .advert-container {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  #BlockArticleContainer #BlockArticleContent .advert-container {
    float: left;
    margin: 0 20px 20px 0;
    width: auto;
  }
}

#BlockArticleContainer #BlockArticleContent .article-body p.article-first-paragraph {
  font-weight: 600;
  padding-left: 0;
  margin-left: 0;
}

#BlockArticleContainer #BlockArticleContent .twitter-tweet {
  clear: both;
}

@media (min-width: 992px) {
  #BlockArticleContainer #BlockArticleContent .article-body > p.article-first-paragraph, #BlockArticleContainer #BlockArticleContent .article-body > p:last-child {
    margin-bottom: 9px;
  }
  #BlockArticleContainer #BlockArticleContent .article-body blockquote {
    margin-left: 90px;
  }
  #BlockArticleContainer #BlockArticleContent .article-body blockquote p {
    padding-left: 0;
  }
  #BlockArticleContainer #BlockArticleContent .ugcContributionAuthor {
    margin-left: 0;
  }
  #BlockArticleContainer #BlockArticleContent .ugcCollectionDisplay {
    border-top: 3px solid #D8232A;
    background-color: #EAEAEA;
    padding: 20px 15px;
    margin-bottom: 35px;
  }
  #BlockArticleContainer #BlockArticleContent .ugcCollectionDisplay .ugcCollectionTitle {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 10px;
  }
  #BlockArticleContainer #BlockArticleContent .ugcCollectionDisplay .ugcCollectionDescription {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
  }
  #BlockArticleContainer #BlockArticleContent .ugcCollectionDisplay .ugc-description-copy {
    font-size: 15px;
    margin-bottom: 0;
  }
  #BlockArticleContainer #BlockArticleContent .ugcContributionDisplay .ugc-contibutor-names {
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
  }
  #BlockArticleContainer #BlockArticleContent .ugcContributionDisplay .ugc-contibutor-names .ugc-bullet-point {
    display: inline-block;
    height: 12px;
    width: 12px;
    background-color: #D8232A;
    margin-right: 5px;
  }
  #BlockArticleContainer #BlockArticleContent .ugcContributionDisplay .ugcContributionImageContainer img {
    width: 584.5px;
    height: auto;
  }
  #BlockArticleContainer #BlockArticleContent .ugcContributionDisplay .ugcContributionCaption {
    border-bottom: 1px solid #CFCFCF;
    padding-bottom: 5px;
    padding-top: 5px;
    font-size: 13px;
    margin-bottom: 40px;
  }
  #BlockArticleContainer #BlockArticleContent .ugcContributionDisplay .ugc-content-response {
    margin-top: -15px;
  }
}

#BlockArticleContainer #BlockArticleContent #ugcCta {
  width: auto !important;
}

#BlockArticleContainer #article .article-row-container .article-row-container-left {
  float: none;
  width: 100%;
}

@media (min-width: 768px) {
  #BlockArticleContainer #article .article-row-container .article-row-container-left {
    float: left;
    width: calc(100% - 318px);
  }
}

#BlockArticleContainer #article .article-row-container .article-row-container-right {
  float: none;
  width: 100%;
}

#BlockArticleContainer #article .article-row-container .article-row-container-right .side-ad {
  text-align: center;
}

@media (min-width: 768px) {
  #BlockArticleContainer #article .article-row-container .article-row-container-right {
    float: right;
    max-width: 300px;
  }
}

#BlockArticleContainer #article aside.v2 .side-ad {
  margin-bottom: 25px;
}

#BlockArticleContainer #article aside.v2 .mega-news-most-popular {
  margin-bottom: 0;
}

#BlockArticleContainer #article aside.v2 .cta-component-contributions {
  margin-bottom: 25px;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #article aside.v2 .cta-component-contributions a {
    display: block;
  }
}

#BlockArticleContainer #article .outbrain {
  margin-top: 5px;
  padding: 5px 15px 15px;
  box-shadow: 0;
  background-color: #FFF;
}

#BlockArticleContainer #article .plista {
  margin: 15px 0;
  float: left;
  box-shadow: 0;
  background-color: #FFF;
  padding: 0 10px;
}

#BlockArticleContainer #article .plista .plista_widget_belowArticle {
  margin-top: 0;
  margin-bottom: 0;
}

#BlockArticleContainer .article-extra {
  margin-top: 22px;
  padding-left: 0;
  padding-right: 0;
}

#BlockArticleContainer .article-extra.container {
  margin-top: 30px;
}

#BlockArticleContainer .article-extra h3.article-continuation-heading {
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
  font-weight: 900;
  font-size: 14px;
  line-height: 19px;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer .article-extra h3.article-continuation-heading {
    margin: 0 15px 20px;
  }
}

#BlockArticleContainer .article-extra #DFP_leaderboard_2 {
  margin-bottom: 15px;
}

#BlockArticleContainer .article-extra #DFP_bottom_leaderboard {
  margin-top: 20px;
  margin-bottom: 0;
}

#BlockArticleContainer .article-extra #uatu-recommendations h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

#BlockArticleContainer .article-extra #uatu-recommendations article.nq-article-card {
  padding-bottom: 0;
}

#BlockArticleContainer .article-extra #uatu-recommendations article.nq-article-card h3 {
  padding: 15px;
}

#BlockArticleContainer .article-extra #mostPopular {
  margin-top: 25px;
}

#BlockArticleContainer .article-extra .article-continuation {
  padding: 25px 25px 0;
  background-color: #FFFFFF;
}

#BlockArticleContainer .article-extra .article-continuation article {
  margin-bottom: 20px;
  padding-bottom: 30px;
  border-bottom: solid 1px #c9c9c9;
  position: relative;
}

#BlockArticleContainer .article-extra .article-continuation article:last-child {
  border-bottom: 0;
}

#BlockArticleContainer .article-extra .article-continuation .article-tags {
  margin-bottom: 5px;
}

#BlockArticleContainer .article-extra .article-continuation .article-tags a {
  color: #D8232A;
  font-weight: 900;
  font-size: 18px;
  padding: 0 10px 0 10px 0 10px 0;
  text-transform: none;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer .article-extra .article-continuation .article-tags li span {
  color: #D8232A;
  font-weight: 900;
  font-size: 18px;
  padding: 0 10px;
  border-right: solid 1px #979797;
  text-transform: none;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer .article-extra .article-continuation .article-tags li:first-child span {
  padding-left: 0;
}

#BlockArticleContainer .article-extra .article-continuation .article-tags li:last-child span {
  border: 0;
}

#BlockArticleContainer .article-extra .article-continuation .article-timestamp {
  color: #323132;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 2px;
  display: inline-block;
}

#BlockArticleContainer .article-extra .article-continuation a {
  text-decoration: none;
}

#BlockArticleContainer .article-extra .article-continuation h3 {
  font-size: 32px;
  color: #323132;
  line-height: 40px;
  margin-bottom: 5px;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer .article-extra .article-continuation h3 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 28px;
  }
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-image {
  float: left;
  width: 65px;
  height: 65px;
  margin-right: 10px;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-image img {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  border: solid 1px #eaeaea;
  object-fit: cover;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer .article-extra .article-continuation .author-details .author-image {
    display: none;
  }
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container {
  float: left;
  margin: 5px 0;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container.author-no-job {
  margin-top: 20px;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container.author-no-image {
  margin-top: 5px;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container .author-name {
  display: block;
  font-size: 14px;
  line-height: 21px;
  font-style: italic;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container .author-name a {
  font-style: normal;
  margin: 0 3px;
  color: #D8232A;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container .author-name a:focus, #BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container .author-name a:hover {
  color: #D8232A;
  text-decoration: none;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container .author-name .twitter-button {
  padding: 0 0 0 10px;
  font-size: 14px;
  border-left: solid 1px #979797;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container .author-name .twitter-button .fa-twitter {
  color: #00aced;
}

#BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container .job-title {
  display: block;
  color: #323123;
  font-size: 14px;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer .article-extra .article-continuation .author-details .author-name-container {
    margin: 0;
  }
}

#BlockArticleContainer .article-extra .article-continuation .article-hero .article-image-containter {
  float: left;
  width: calc(100% - 318px);
}

#BlockArticleContainer .article-extra .article-continuation .article-hero .article-image-containter img {
  width: 100%;
}

#BlockArticleContainer .article-extra .article-continuation .article-hero .article-image-containter p.image-caption {
  border-bottom: 1px solid lightgrey;
  color: grey;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 4px 0;
}

#BlockArticleContainer .article-extra .article-continuation .article-hero .continuation-ad-unit {
  float: right;
  width: 300px;
  display: block;
}

#BlockArticleContainer .article-extra .article-continuation .article-hero .continuation-ad-unit.hidden {
  display: none;
}

@media (max-width: 991.98px) {
  #BlockArticleContainer .article-extra .article-continuation .article-hero .article-image-containter {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  #BlockArticleContainer .article-extra .article-continuation .article-hero .article-image-containter a {
    text-align: center;
    display: block;
  }
  #BlockArticleContainer .article-extra .article-continuation .article-hero .continuation-ad-unit {
    display: none;
  }
}

#BlockArticleContainer .article-extra .article-continuation .article-continuation-body {
  width: calc(100% - 318px);
  font-size: 15px;
  font-family: "Fira Sans", sans-serif;
}

@media (max-width: 991.98px) {
  #BlockArticleContainer .article-extra .article-continuation .article-continuation-body,
  #BlockArticleContainer .article-extra .article-continuation .article-hero {
    width: 100%;
  }
  #BlockArticleContainer .article-extra .article-continuation .article-continuation-body {
    padding: 0 15px;
  }
}

@media screen and (min-width: 990px) {
  #BlockArticleContainer .article-extra .article-continuation .scrim {
    width: calc(100% - 318px) !important;
  }
}

#BlockArticleContainer .article-extra .article-continuation .scrim {
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  text-align: right;
  height: 45px;
  bottom: 20px;
  background: linear-gradient(to right, transparent, white, white);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 52%);
  color: #D8232A;
  padding: 15px 0 0;
}

#BlockArticleContainer .article-extra .article-continuation .scrim .article-link {
  color: #D8232A;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
}

#BlockArticleContainer .article-extra .article-continuation .scrim .article-link:focus, #BlockArticleContainer .article-extra .article-continuation .scrim .article-link:hover {
  text-decoration: none;
  color: #e14349;
}

#BlockArticleContainer .article-extra .article-continuation .scrim .article-link i {
  float: right;
  margin-left: 5px;
  margin-top: 1px;
}

#BlockArticleContainer .article-extra .article-continuation .scrim .article-link i:before {
  margin: 0;
  width: 10px;
}

@media (max-width: 991.98px) {
  #BlockArticleContainer .article-extra .article-continuation .scrim {
    padding: 15px 20px 0;
  }
}

@media (max-width: 991.98px) {
  #BlockArticleContainer .article-extra .article-continuation {
    padding: 10px 0;
  }
  #BlockArticleContainer .article-extra .article-continuation .author-details,
  #BlockArticleContainer .article-extra .article-continuation a.article-link > h3,
  #BlockArticleContainer .article-extra .article-continuation div.article-body,
  #BlockArticleContainer .article-extra .article-continuation time.article-timestamp,
  #BlockArticleContainer .article-extra .article-continuation ul.article-tags {
    padding: 0 15px;
  }
  #BlockArticleContainer .article-extra .article-continuation p.image-caption {
    margin: 0 15px 5px;
  }
}

#BlockArticleContainer #article .livefeed-summary {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .timestamp {
  border-bottom: solid 1px #D8232A;
  margin-bottom: 10px;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .timestamp span {
  background-color: #D8232A;
  padding: 5px 15px;
  font-size: 14px;
  display: inline-block;
  color: #FFF;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .timestamp.liveImportantTime {
  background-color: #d8232a;
  border-bottom: 0;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .timestamp.liveImportantTime span {
  background-color: #d8232a;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper p {
  font-size: 17px;
  line-height: 25px;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper p a {
  color: #D8232A;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper p {
    font-size: 16px;
    line-height: 20px;
  }
}

@media (max-width: 991.98px) {
  #BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper p {
    font-size: 16px;
    line-height: 20px;
  }
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper em {
  font-style: italic;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper ol {
  list-style: decimal;
  list-style-position: outside;
  padding-left: 23px;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper ol li {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper ul {
  list-style: disc;
  list-style-position: outside;
  padding-left: 20px;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper ul li {
  font-size: 17px;
  font-family: "Fira Sans", sans-serif;
  margin-bottom: 5px;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper ul li a {
  font-weight: 600;
  text-decoration: underline;
  color: #D8232A;
}

#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper span.inline-image-caption,
#BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper p.inline-image-caption {
  border-bottom: 1px solid #DFDFDF;
  display: block;
  font-family: "Fira Sans", sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 15px;
  padding: 8px 0 10px 0;
  width: 100%;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper span.inline-image-caption,
  #BlockArticleContainer #article .livefeed #updateList .livefeed-item .content-wrapper p.inline-image-caption {
    font-size: 11px;
    font-weight: 300;
    margin-left: -10px;
    max-width: initial;
    padding: 8px 10px 10px 10px;
    width: calc(100% + 20px);
  }
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper {
  background-color: #FFF;
  padding: 15px;
  border: 1px solid #BB3510;
  box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.45);
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper h4 {
  font-size: 20px;
  line-height: 24px;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 600;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper .main-quote {
  font-size: 16px;
  line-height: 22px;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper .quotee {
  display: block;
  font-size: 14px;
  font-style: italic;
  color: #CDCDCD;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper .cta {
  text-align: center;
  background-color: #BB3510;
  width: 100%;
  margin-bottom: 15px;
  font-family: "Roboto", sans-serif;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper .cta:hover {
  background-color: #d23c12;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper .cta a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFF;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper .cta a:hover {
  color: #FFF;
  text-decoration: none;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper .small-text {
  text-align: center;
  font-size: 16px;
  margin-bottom: 5px;
  font-family: "Roboto", sans-serif;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .subscription-content-wrapper .small-text a {
  color: #BB3510;
}

#BlockArticleContainer #BlockArticleContent #subscription-content #subscriptionLockedContent {
  margin-top: 20px;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  background-color: #FFF !important;
}

#BlockArticleContainer #BlockArticleContent #subscription-content .article-extra.container {
  position: relative;
}

#BlockArticleContainer .plista-container.container {
  position: relative;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#BlockArticleContainer .plista-container.container .plista_widget_belowArticle {
  background: transparent !important;
  width: auto;
  height: auto;
  clear: both;
  margin: 20px 0;
  float: none;
}

#BlockArticleContainer .plista-container.container .plista-headline {
  text-transform: uppercase;
}

#BlockArticleContainer .plista-container.container .plistaList {
  height: 100%;
}

#BlockArticleContainer .plista-container.container .plista_widget_belowArticle_item {
  width: 24%;
  margin: 0.5%;
  float: left;
}

@media (max-width: 991.98px) {
  #BlockArticleContainer .plista-container.container .plista_widget_belowArticle_item {
    width: 49% !important;
  }
}

@media (max-width: 767.98px) {
  #BlockArticleContainer .plista-container.container .plista_widget_belowArticle_item {
    width: 100% !important;
    margin: 0;
  }
}

#BlockArticleContainer .plista-container.container .plista_widget_imgwrapper {
  display: inline-block !important;
  width: 49% !important;
  margin-right: 1% !important;
  float: left;
  height: 100% !important;
}

#BlockArticleContainer .plista-container.container .itemTitle {
  display: inline-block;
  width: 50%;
  float: none;
  font-size: 12px;
  line-height: 18px;
  color: #090909;
  margin-top: 0;
  font-family: "Fira Sans", sans-serif;
}

#BlockArticleContainer .plista-container.container .itemBrand,
#BlockArticleContainer .plista-container.container .itemCategory {
  display: inline-block;
  float: right;
  width: 50%;
  text-align: left;
  margin-bottom: 2px;
}

#BlockArticleContainer .dfp-ad.text-center {
  margin: 20px auto;
}

#BlockArticleContainer #largeMoreArticles {
  margin-top: 0;
  background-color: #FFF;
  padding: 10px 15px;
}

#BlockArticleContainer #largeMoreArticles .nq-lg-tall .nq-article-card-content .nq-article-card-headline {
  padding: 10px;
}

#BlockArticleContainer #largeMoreArticles h3 {
  margin-bottom: 20px;
  color: #323132;
  font-family: "Fira Sans", sans-serif;
  font-size: 26px;
  font-weight: 700;
  text-transform: none;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer #largeMoreArticles .row {
    margin: 0;
  }
  #BlockArticleContainer #largeMoreArticles .row > div {
    padding: 0;
  }
}

#BlockArticleContainer .taboola-block {
  margin-top: 0;
  background-color: #FFF;
  padding: 10px 15px;
}

@media (max-width: 767.98px) {
  #BlockArticleContainer {
    padding: 0;
  }
  #BlockArticleContainer section.block.most-popular-block .most-popular-content ol {
    margin-left: 49px;
  }
  #BlockArticleContainer section.block.most-popular-block .most-popular-content ol > li {
    padding: 10px 13px 0 0;
  }
}

#BlockArticleContainer .fotorama-overlay .fa {
  font-size: 20pt;
}

#BlockArticleContainer .fotorama-overlay > span {
  font-size: 20pt;
}

#BlockArticleContainer .fotorama-overlay span.classic-images {
  display: none;
}

#articleListPageWrapper > h1 {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 38px;
  text-transform: none;
  margin: 0;
}

#articleListPageWrapper > h1 a {
  color: #105E8B;
}

#articleListPageWrapper > h1 a:hover {
  color: #136da2;
  text-decoration: none;
}

#articleListPage aside .mega-news-mp-tabs {
  margin-top: 18px;
}

#articleListPage aside .side-ad-1,
#articleListPage aside .side-ad-2,
#articleListPage aside .side-ad-3 {
  margin-bottom: 18px;
  text-align: center;
}

#articleListPage .mini-banners {
  margin: 20px 0;
}

#articleListPage #DFP_leaderboard_1, #articleListPage #DFP_leaderboard_2 {
  text-align: center;
  margin-bottom: 27px;
}

.content-page {
  /* This should be used if the page has a sidebar (containing an MPU) */
}

.content-page h1 {
  font-family: "Roboto", sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 42px;
  color: #000;
}

.content-page h2 {
  font-family: "Fira Sans", sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 31px;
  color: #000;
}

.content-page .content-card {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #FFF;
  padding: 15px;
  margin-bottom: 20px;
  margin-top: 15px;
}

.content-page hr {
  border-top: 3px solid rgba(0, 0, 0, 0.1);
}

.content-page.content-page-2-col .content-page-left-col,
.content-page .content-page-2-col .content-page-left-col {
  float: none;
  width: 100%;
}

@media (min-width: 768px) {
  .content-page.content-page-2-col .content-page-left-col,
  .content-page .content-page-2-col .content-page-left-col {
    float: left;
    width: calc(100% - 318px);
  }
}

.content-page.content-page-2-col .content-page-right-col,
.content-page .content-page-2-col .content-page-right-col {
  float: none;
  width: 100%;
}

.content-page.content-page-2-col .content-page-right-col .side-ad,
.content-page .content-page-2-col .content-page-right-col .side-ad {
  text-align: center;
}

@media (min-width: 768px) {
  .content-page.content-page-2-col .content-page-right-col,
  .content-page .content-page-2-col .content-page-right-col {
    float: right;
    max-width: 300px;
  }
}

#searchResultsPage .search-statusbar {
  background-color: #efdee0;
  padding: 10px;
  margin-bottom: 15px;
}

#searchResultsPage .search-statusbar .keywords-searched {
  list-style: none;
  margin: 0;
  padding: 0;
}

#searchResultsPage .search-statusbar .keywords-searched li {
  display: inline-block;
}

#searchResultsPage .search-statusbar .keywords-searched li a {
  color: #bb3510;
  font-weight: 500;
  font-size: 21px;
}

#searchResultsPage .browser-archive {
  display: block;
  color: #D8232A;
  font-size: 19px;
  margin-top: 20px;
  text-decoration: none;
  font-weight: 500;
}

#searchResultsPage .browser-archive:focus, #searchResultsPage .browser-archive:hover {
  opacity: 0.9;
}

#searchResultsPage .search-filters #newsearchform {
  padding-top: 11px;
}

#searchResultsPage .search-filters .advert {
  margin: 15px 0;
}

#searchResultsPage .pager-container > div:first-child {
  float: left;
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
}

#searchResultsPage .pager-container > div:last-child {
  float: right;
}

#searchResultsPage .pager-container > div:last-child ul li {
  display: inline-block;
}

#searchResultsPage .pager-container > div:last-child ul li a {
  background-color: #c85d3f;
  padding: 5px 10px;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  display: block;
}

#searchResultsPage .pager-container > div:last-child ul li a.button-pager {
  padding: 5px;
}

#searchResultsPage .pager-container > div:last-child ul li a:focus, #searchResultsPage .pager-container > div:last-child ul li a:hover {
  background-color: #75210a;
}

#searchResultsPage .pager-container > div:last-child ul li span {
  background-color: #75210a;
  padding: 5px 10px;
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
  display: block;
}

#searchResultsPage .pager-container > div:last-child ul li span.disabled {
  display: none;
}

#searchResultsPage .search-results article.article-card {
  padding: 10px;
}

#searchResultsPage .search-results article.article-card h3 {
  font-weight: 600;
  font-size: 18px;
}

#searchResultsPage .search-results article.article-card p {
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
}

#searchResultsPage .search-results article.article-card p.meta {
  color: #9b9b9b;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  margin: 0;
}

#searchResultsPage .search-results article.article-card .image-container {
  float: left;
  margin-right: 10px;
  margin-top: 5px;
}

#searchResultsPage .search-results article.article-card .content-container.has-image {
  float: right;
  width: calc(100% - 150px);
}

#searchResultsPage .search-results .search-results-list p {
  font-weight: 100;
}

#searchResultsPage .search-results .search-results-advert {
  float: right;
  width: 160px;
  text-align: center;
}

#searchResultsPage .back-to-top {
  color: #D8232A;
  background-color: #FFF;
  border: 0;
  padding: 5px 10px;
  cursor: pointer;
  margin-bottom: 20px;
}

#searchResultsPage .back-to-top:focus, #searchResultsPage .back-to-top:hover {
  opacity: 0.9;
}

#searchResultsPage .pager-container {
  max-height: 50px;
}

#registrationContainer .alert-bad,
#subscriptionsContainer .alert-bad,
.subscriptionsContainer .alert-bad {
  background-color: #f7d0d1;
  color: #ce0a23;
  font-size: 18px;
}

#registrationContainer .alert-bad .message,
#subscriptionsContainer .alert-bad .message,
.subscriptionsContainer .alert-bad .message {
  color: #ca0007;
  padding-left: 10px;
}

#registrationContainer .alert-good,
#subscriptionsContainer .alert-good,
.subscriptionsContainer .alert-good {
  background-color: #f5fae5;
  color: #427313;
  font-size: 18px;
}

#registrationContainer .icon,
#subscriptionsContainer .icon,
.subscriptionsContainer .icon {
  font-family: "FontAwesome";
  font-weight: normal;
  text-shadow: none;
  font-style: normal;
  padding: 0 !important;
}

#registrationContainer .icon-alert:before,
#subscriptionsContainer .icon-alert:before,
.subscriptionsContainer .icon-alert:before {
  content: "\f071";
}

#registrationContainer #subscription-form-error-message,
#subscriptionsContainer #subscription-form-error-message,
.subscriptionsContainer #subscription-form-error-message {
  display: none;
}

#registrationContainer .error,
#subscriptionsContainer .error,
.subscriptionsContainer .error {
  border-color: red;
}

#mojitoContainer {
  min-height: 500px;
}

#registrationContainer .subscription-wrapper .faq {
  text-align: center;
}

#registrationContainer .subscription-wrapper .faq > a.btn {
  color: #FFF;
}

#registrationContainer #registrationInitial p.inital-heading {
  font-size: 18px;
  margin-bottom: 30px;
}

#registrationContainer #flashMessage {
  display: none;
  position: fixed;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 3000006;
  width: 100%;
  height: 75px;
  left: 0;
  top: 0;
  text-align: center;
}

#registrationContainer #flashMessage p {
  margin: 20px;
}

#registrationContainer #flashMessage.subscribe-msg {
  background-color: #d8ecc5 !important;
}

#registrationContainer #flashMessage.unsubscribe-msg {
  background-color: #ecc5c5 !important;
}

#registrationContainer .internal-link {
  white-space: nowrap;
}

#registrationContainer .tab-content .content-card {
  padding-top: 25px;
}

#registrationContainer .password-field-container {
  position: relative;
}

#registrationContainer .password-field-container a {
  position: absolute;
  right: 19px;
  top: 7px;
}

#registrationContainer .password-field-container .progress {
  margin-top: 5px;
}

#registrationContainer .password-field-container ul.passwordstrength {
  color: #a9a9a9;
  font-size: 12px;
  margin-top: 5px;
}

#registrationContainer .password-field-container ul.passwordstrength li:nth-child(1) {
  float: left;
}

#registrationContainer .password-field-container ul.passwordstrength li:nth-child(2) {
  position: absolute;
  right: 0;
  left: 0;
  width: 60px;
  margin: auto;
}

#registrationContainer .password-field-container ul.passwordstrength li:nth-child(3) {
  float: right;
}

#registrationContainer .password-field-container.password-login a {
  right: 15px;
  top: 40px;
}

#registrationContainer .registration-terms {
  margin-top: 30px;
}

#registrationContainer .registration-terms p {
  font-size: 12px;
}

#registrationContainer .registration-terms p:last-child {
  margin-top: 20px;
}

#registrationContainer .registration-terms label {
  font-weight: 400;
  font-size: 13px;
}

#registrationContainer .sign-in-button {
  margin-bottom: 10px;
}

#registrationContainer .tabs ul {
  margin-bottom: -15px;
  margin-left: 15px;
}

#registrationContainer .tabs ul li {
  display: inline-block;
}

#registrationContainer .tabs ul li a {
  color: #000;
  font-weight: 400;
  border-radius: 0;
  outline: 0;
}

#registrationContainer .tabs ul li a:focus, #registrationContainer .tabs ul li a:hover {
  text-decoration: none;
}

#registrationContainer .tabs ul li.active {
  background-color: #fff;
  box-shadow: 0 -8px 20px 0 rgba(0, 0, 0, 0.19);
}

#registrationContainer .tabs ul li.active a {
  color: #ba360f;
}

@media screen and (max-width: 768px) {
  #registrationContainer .tabs ul {
    display: block;
    width: 100%;
  }
}

#registrationContainer .email-bulletins-newsletter h2 span {
  display: none;
}

#registrationContainer .email-bulletins h3 {
  color: #ba360f;
}

#registrationContainer .email-bulletins h3 span {
  display: none;
}

#registrationContainer .email-subscription-option {
  text-align: center;
  font-weight: bold;
}

#registrationContainer .email-subscription-option a {
  cursor: pointer;
}

#registrationContainer .fa-circle-o {
  color: #e0e0e0;
}

#registrationContainer .fa-dot-circle-o {
  color: #5fb100;
}

#registrationContainer .fa-eye-slash {
  color: #ba360f;
}

#registrationContainer a.btn-facebook {
  color: #fff;
}

#registrationContainer strong {
  color: #ba360f;
}

#registrationContainer .helper-text {
  color: #797979;
  font-size: 14px;
  line-height: 16px;
  margin-top: 5px;
}

@media screen and (max-width: 530px) {
  #registrationContainer .tabs ul {
    margin-left: 0;
  }
  #registrationContainer .tabs ul li {
    display: block;
    border-bottom: 1px solid #d1d1d1;
    font-size: 18px;
    text-align: center;
  }
  #registrationContainer .tabs ul li.active {
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-bottom: none;
  }
}

@media screen and (max-width: 767px) {
  #registrationContainer .email-bulletins-newsletter h2 {
    color: #ba360f;
  }
  #registrationContainer .email-bulletins-newsletter h2 span {
    display: inline-block;
    float: right;
    font-weight: normal;
    font-size: 18px;
    color: #000;
  }
  #registrationContainer .email-bulletins h3 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
  }
  #registrationContainer .email-bulletins h3 span {
    display: inline-block;
    float: right;
  }
  #registrationContainer .email-subscription-option {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  #registrationContainer .email-bulletins h3 {
    font-size: 17px;
  }
}

@media screen and (max-width: 375px) {
  #registrationContainer .email-bulletins-newsletter h2 {
    font-size: 18px;
  }
  #registrationContainer .email-bulletins-newsletter h2 span {
    font-size: 14px;
  }
  #registrationContainer .email-bulletins h3 {
    font-size: 15px;
  }
}

@media screen and (max-width: 320px) {
  #registrationContainer .email-bulletins h3 {
    font-size: 13px;
  }
}

#faqsContainer a,
#registrationContainer a,
.registration-footer-links a {
  color: #ba360f;
}

#helpCentreLink {
  min-width: 170px;
  font-weight: 600;
  border-radius: 0.35rem;
}

.registration-footer-links ul {
  margin: auto;
  max-width: 600px;
}

.registration-footer-links ul li {
  float: left;
  padding: 10px;
}

@media screen and (min-width: 480px) {
  .content-wrapper-large {
    padding-right: 35px;
  }
  #registrationInitial span {
    float: right;
  }
}

/* The following is initial updates for the new-look that are apparently now being delayed until post launch */
.registration-terms h3 {
  font-weight: 700;
}

.registration-terms .request-desc {
  font-style: italic;
  font-size: 14px !important;
}

.registration-terms .request-consent {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.registration-terms .mainError {
  display: none;
  color: #FF0000;
  font-size: 14px;
  font-family: 'Fira Sans', sans-serif;
  padding-bottom: 10px;
  font-weight: 700;
}

.registration-terms .consent-box {
  background-color: #FDEFEF;
  font-style: normal;
  list-style-type: none;
  font-family: 'Roboto',sans-serif;
}

.registration-terms .consent-box li {
  border-bottom: 2px solid #FCFCFC;
  width: 95%;
  margin: 0 2.5%;
  padding-top: 5px;
  overflow: hidden;
}

.registration-terms .consent-box li p {
  font-family: 'Fira Sans', sans-serif;
  font-style: normal;
  font-size: 14px !important;
  font-weight: 500;
  max-width: 70%;
  float: left;
  padding-top: 10px;
}

.registration-terms .consent-box li .questions {
  height: 100%;
  max-width: 30%;
  text-align: right;
  float: right;
}

.registration-terms .consent-box li .questions input {
  display: none;
}

.registration-terms .consent-box li .questions label {
  font-size: 14px;
  padding: 5px 8px;
  border: 1px solid #FCFCFC;
  border-radius: 2px;
  background-color: #FCFCFC;
}

.registration-terms .consent-box li .questions .consent-option-label-yes {
  float: left;
  font-family: 'Roboto',sans-serif;
}

.registration-terms .consent-box li .questions .consent-option-label-no {
  float: right;
  font-family: 'Roboto',sans-serif;
}

@media screen and (max-width: 568px) {
  .registration-terms .consent-box li .questions .consent-option-label-no,
  .registration-terms .consent-box li .questions .consent-option-label-yes {
    float: none;
  }
}

.registration-terms .consent-box li .questions .checked + .consent-option-label-yes,
.registration-terms .consent-box li .questions input:checked + .consent-option-label-yes {
  background-color: #1AC280;
  color: #fcfcfc;
}

.registration-terms .consent-box li .questions .checked + .consent-option-label-no,
.registration-terms .consent-box li .questions input:checked + .consent-option-label-no {
  background-color: #DA7783;
  color: #fcfcfc;
}

.registration-terms .consent-box li .questions .consent-error {
  text-align: center;
  font-size: 12px;
}

.registration-terms .consent-box li .questions .consent-error li {
  padding-top: 0;
  border-bottom: 0;
  font-weight: 600;
}

.registration-terms .tos {
  background-color: #FDEFEF;
  padding: 10px;
  margin-bottom: 20px;
}

.registration-terms .tos label {
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
}

.registration-terms .tos .tos-error {
  text-align: left;
  font-size: 12px;
}

.subscription-plan-header {
  margin-top: 20px;
  text-align: center;
}

.subscription-plan-header h2 {
  margin-bottom: 0;
}

.subscription-plan-header p {
  margin-bottom: 0;
}

#subscriptionsContainer .hero-panel h1,
#subscriptionsContainer .hero-panel h2,
.subscriptionsContainer .hero-panel h1,
.subscriptionsContainer .hero-panel h2 {
  font-family: "Fira Sans", sans-serif;
  text-shadow: 0 2px 4px black;
  font-weight: normal;
  color: #fff;
  text-align: left;
  padding: 10px;
}

#subscriptionsContainer .hero-panel h1,
.subscriptionsContainer .hero-panel h1 {
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

#subscriptionsContainer .hero-panel h2,
.subscriptionsContainer .hero-panel h2 {
  font-size: 40px;
  line-height: 50px;
}

#subscriptionsContainer .hero-panel .key-message,
.subscriptionsContainer .hero-panel .key-message {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(185, 148, 82, 0.9);
}

#subscriptionsContainer .hero-panel .key-message p,
.subscriptionsContainer .hero-panel .key-message p {
  font-family: "Fira Sans", sans-serif;
  font-weight: normal;
  font-size: 22px;
  line-height: 34px;
  color: #fff;
  margin-top: 7px;
  margin-bottom: 7px;
}

#subscriptionsContainer .hero-panel .key-message strong,
.subscriptionsContainer .hero-panel .key-message strong {
  font-weight: bold;
}

#subscriptionsContainer .site-plan-options-header,
.subscriptionsContainer .site-plan-options-header {
  font-size: 30px;
  line-height: 38px;
  text-align: center;
  font-weight: normal;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  margin-top: 15px;
}

#subscriptionsContainer .plan,
.subscriptionsContainer .plan {
  margin-top: 40px;
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;
  text-align: center;
  vertical-align: top;
  -webkit-box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 9px 0 rgba(0, 0, 0, 0.6);
  color: #3f3f3f;
}

#subscriptionsContainer .plan .top,
.subscriptionsContainer .plan .top {
  background-color: #000;
}

#subscriptionsContainer .plan .top h2,
.subscriptionsContainer .plan .top h2 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding: 5px;
}

#subscriptionsContainer .plan .plan-header,
.subscriptionsContainer .plan .plan-header {
  padding: 20px 30px;
  background-color: #115b90;
  color: #fff;
  position: relative;
  margin-bottom: 40px;
  min-height: 180px;
}

#subscriptionsContainer .plan .plan-header h2,
#subscriptionsContainer .plan .plan-header h3,
.subscriptionsContainer .plan .plan-header h2,
.subscriptionsContainer .plan .plan-header h3 {
  font-family: "Roboto", sans-serif;
  color: #fff;
  font-weight: normal;
}

#subscriptionsContainer .plan .plan-header h2,
.subscriptionsContainer .plan .plan-header h2 {
  font-size: 38px;
  line-height: 46px;
}

#subscriptionsContainer .plan .plan-header h3,
.subscriptionsContainer .plan .plan-header h3 {
  font-size: 22px;
  line-height: 26px;
}

#subscriptionsContainer .plan .plan-header:after,
.subscriptionsContainer .plan .plan-header:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 0;
  clear: both;
  border-left: solid transparent;
  border-right: solid transparent;
  border-top: 30px solid #115b90;
}

#subscriptionsContainer .plan .plan-header.major,
.subscriptionsContainer .plan .plan-header.major {
  background-color: #b89550;
}

#subscriptionsContainer .plan .plan-header.major:after,
.subscriptionsContainer .plan .plan-header.major:after {
  border-top-color: #b89550;
}

#subscriptionsContainer .plan ul.subscription-benefits,
.subscriptionsContainer .plan ul.subscription-benefits {
  margin-top: 10px;
  padding: 0;
  list-style: none;
}

#subscriptionsContainer .plan ul.subscription-benefits li,
.subscriptionsContainer .plan ul.subscription-benefits li {
  padding: 10px 25px 10px 45px;
  text-align: left;
  list-style-position: outside;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #000;
}

#subscriptionsContainer .plan ul.subscription-benefits li:before,
.subscriptionsContainer .plan ul.subscription-benefits li:before {
  color: #fff;
  font-family: "FontAwesome";
  content: "";
  position: absolute;
  left: 15px;
  top: 13px;
  font-size: 14px;
  border-radius: 15px;
  padding: 0 4px;
  background-color: #ad301a;
}

#subscriptionsContainer .plan .subscription-ad-free,
.subscriptionsContainer .plan .subscription-ad-free {
  background-color: #b89550;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding: 5px;
}

#subscriptionsContainer .plan .subscription-ad-free a,
.subscriptionsContainer .plan .subscription-ad-free a {
  color: #fff;
  font-weight: normal;
}

#subscriptionsContainer .plan .payment-options,
.subscriptionsContainer .plan .payment-options {
  background-color: #f5f5f5;
  padding: 15px;
}

#subscriptionsContainer .plan .payment-options h2,
.subscriptionsContainer .plan .payment-options h2 {
  font-family: "Roboto", sans-serif;
  color: #939393;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  padding: 0 25px 10px;
}

#subscriptionsContainer .plan .payment-options-actions,
.subscriptionsContainer .plan .payment-options-actions {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  padding: 15px 5px 5px;
}

#subscriptionsContainer .plan .payment-options-actions .price-plan,
.subscriptionsContainer .plan .payment-options-actions .price-plan {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  color: #000;
}

#subscriptionsContainer .plan .payment-options-actions button,
.subscriptionsContainer .plan .payment-options-actions button {
  margin: 15px 0;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #fff;
}

#subscriptionsContainer .plan .payment-options-actions .payment-redirect,
.subscriptionsContainer .plan .payment-options-actions .payment-redirect {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
  color: #000;
  padding: 10px;
}

#subscriptionsContainer .plan .external-links .button,
#subscriptionsContainer .plan .external-links .button-inverse,
.subscriptionsContainer .plan .external-links .button,
.subscriptionsContainer .plan .external-links .button-inverse {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #fff;
  margin: 0 0 10px;
  display: block;
  border-radius: 0;
  border: 0;
  padding: 10px;
  transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  cursor: pointer;
  text-decoration: none;
}

#subscriptionsContainer .plan .external-links .button.blue,
.subscriptionsContainer .plan .external-links .button.blue {
  background-color: #3071a9;
}

#subscriptionsContainer .plan .external-links .button.blue:hover,
.subscriptionsContainer .plan .external-links .button.blue:hover {
  background-color: #428bca;
}

#subscriptionsContainer .plan .external-links .button.red,
.subscriptionsContainer .plan .external-links .button.red {
  background-color: #c9302c;
}

#subscriptionsContainer .plan .external-links .button.red:hover,
.subscriptionsContainer .plan .external-links .button.red:hover {
  background-color: #d9534f;
}

#subscriptionsContainer .plan .external-links .button.green,
.subscriptionsContainer .plan .external-links .button.green {
  background-color: #2da30a;
}

#subscriptionsContainer .plan .external-links .button.green:hover,
.subscriptionsContainer .plan .external-links .button.green:hover {
  background-color: #5cb85c;
}

#subscriptionsContainer .plan .print-instructions,
.subscriptionsContainer .plan .print-instructions {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: normal;
  color: #9b9b9b;
  margin: 10px 0;
  text-align: left;
}

#subscriptionsContainer .one-plan,
#subscriptionsContainer .three-plan,
#subscriptionsContainer .two-plan,
.subscriptionsContainer .one-plan,
.subscriptionsContainer .three-plan,
.subscriptionsContainer .two-plan {
  text-align: center;
  clear: both;
}

#subscriptionsContainer .faq,
.subscriptionsContainer .faq {
  text-align: center;
}

#subscriptionsContainer .faq .btn-martini,
.subscriptionsContainer .faq .btn-martini {
  background-color: #D8232A;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #fff;
}

@media screen and (max-width: 480px) {
  #subscriptionsContainer .hero-panel,
  .subscriptionsContainer .hero-panel {
    padding: 10px 20px;
  }
  #subscriptionsContainer .hero-panel h1,
  #subscriptionsContainer .hero-panel h2,
  .subscriptionsContainer .hero-panel h1,
  .subscriptionsContainer .hero-panel h2 {
    padding: 0;
  }
  #subscriptionsContainer .hero-panel h1,
  .subscriptionsContainer .hero-panel h1 {
    margin: 10px 0;
  }
  #subscriptionsContainer .hero-panel h2,
  .subscriptionsContainer .hero-panel h2 {
    font-size: 26px;
    line-height: 32px;
  }
  #subscriptionsContainer .hero-panel .key-message,
  .subscriptionsContainer .hero-panel .key-message {
    padding: 10px;
  }
  #subscriptionsContainer .hero-panel .key-message p,
  .subscriptionsContainer .hero-panel .key-message p {
    font-size: 15px;
    line-height: 19px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
  }
  #subscriptionsContainer .plan ul.subscription-benefits li,
  .subscriptionsContainer .plan ul.subscription-benefits li {
    padding: 10px 85px;
  }
  #subscriptionsContainer .plan ul.subscription-benefits li:before,
  .subscriptionsContainer .plan ul.subscription-benefits li:before {
    left: 45px;
  }
  #subscriptionsContainer .site-plan-options-header,
  .subscriptionsContainer .site-plan-options-header {
    font-size: 18px;
    line-height: 24px;
  }
  #subscriptionsContainer .faq,
  .subscriptionsContainer .faq {
    margin-top: 25px;
  }
  #subscriptionsContainer .external-links .button,
  .subscriptionsContainer .external-links .button {
    min-height: 50px;
  }
}

@media screen and (max-width: 360px) {
  #subscriptionsContainer .plan .plan-header:after,
  .subscriptionsContainer .plan .plan-header:after {
    border-left-width: 150px;
    border-right-width: 150px;
  }
}

@media screen and (min-width: 360px) {
  #subscriptionsContainer .plan .plan-header:after,
  .subscriptionsContainer .plan .plan-header:after {
    border-left-width: 170px;
    border-right-width: 170px;
  }
}

@media screen and (min-width: 400px) {
  #subscriptionsContainer .plan .plan-header:after,
  .subscriptionsContainer .plan .plan-header:after {
    border-left-width: 198px;
    border-right-width: 198px;
  }
}

@media screen and (min-width: 768px) {
  #subscriptionsContainer .plan img,
  .subscriptionsContainer .plan img {
    max-width: 90%;
    padding: 5px;
    border: none !important;
    margin-top: 10px;
  }
  #subscriptionsContainer .three-plan .plan,
  .subscriptionsContainer .three-plan .plan {
    width: 29%;
    margin: 1.5%;
    display: inline-block;
  }
  #subscriptionsContainer .two-plan .plan,
  .subscriptionsContainer .two-plan .plan {
    width: 45%;
    margin: 1.5%;
    display: inline-block;
  }
  #subscriptionsContainer .one-plan .plan .price-plan,
  .subscriptionsContainer .one-plan .plan .price-plan {
    width: 100%;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
  }
  #subscriptionsContainer .three-plan .plan .plan-header:after,
  .subscriptionsContainer .three-plan .plan .plan-header:after {
    border-left-width: 101px;
    border-right-width: 101px;
  }
  #subscriptionsContainer .two-plan .plan .plan-header:after,
  .subscriptionsContainer .two-plan .plan .plan-header:after {
    border-left-width: 158px;
    border-right-width: 158px;
  }
  #subscriptionsContainer .one-plan .plan .plan-header:after,
  .subscriptionsContainer .one-plan .plan .plan-header:after {
    border-left-width: 351px;
    border-right-width: 351px;
  }
  #subscriptionsContainer .one-plan .plan li,
  .subscriptionsContainer .one-plan .plan li {
    margin-left: 10%;
    width: 80%;
  }
}

@media screen and (min-width: 995px) {
  #subscriptionsContainer .three-plan .plan .plan-header:after,
  .subscriptionsContainer .three-plan .plan .plan-header:after {
    border-left-width: 138px;
    border-right-width: 138px;
  }
  #subscriptionsContainer .two-plan .plan .plan-header:after,
  .subscriptionsContainer .two-plan .plan .plan-header:after {
    border-left-width: 214px;
    border-right-width: 214px;
  }
  #subscriptionsContainer .one-plan .plan .plan-header:after,
  .subscriptionsContainer .one-plan .plan .plan-header:after {
    border-left-width: 476px;
    border-right-width: 476px;
  }
  #subscriptionsContainer .one-plan .plan li,
  .subscriptionsContainer .one-plan .plan li {
    margin-left: 20%;
    width: 60%;
  }
}

#errorPage {
  width: 100%;
  max-width: 959px;
  margin: auto;
  padding: 50px 10px;
  text-align: center;
  background-size: cover;
}

#errorPage span.oops {
  font-size: 45px;
  margin: 35px 0 25px;
  color: #808080;
  display: block;
  text-align: center;
}

#errorPage h2 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
  margin: 10px q15px;
  color: #474747;
}

#errorPage h2 span {
  font-size: 36px;
  padding-bottom: 20px;
  display: block;
}

#errorPage p {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 24px;
  margin: 15px 15px 25px;
}

#errorPage ul li {
  padding: 0 10px;
  margin: 0 5px 10px;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  background-color: #FFF;
}

#errorPage ul li a {
  color: #D8232A;
}

#errorPage ul li a:hover {
  color: #dc2930;
  text-decoration: none;
}

#errorPage form {
  margin-bottom: 25px;
}

#errorPage span.error-code {
  font-size: 16px;
  font-weight: 400;
  color: #808080;
  padding-bottom: 25px;
  padding-top: 2px;
  display: inline-block;
}

#archiveResultsPage {
  padding: 15px;
}

#archiveResultsPage .main-title {
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  background-color: #D8232A;
  color: #FFF;
  padding-left: 15px;
}

#archiveResultsPage .pager {
  float: right;
}

#archiveResultsPage .pager li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #ffffff;
  background-color: #4ab0ea;
  cursor: pointer;
  font-size: 14px;
}

#archiveResultsPage .pager li a {
  display: block;
  color: #ffffff;
  padding: 5px 10px;
}

#archiveResultsPage .pager li a:hover {
  text-decoration: none;
}

#archiveResultsPage .pager li span.selected {
  padding: 5px 10px;
  display: block;
}

#archiveResultsPage .pager li a.button-pager {
  padding: 5px;
}

#archiveResultsPage .pager li:first-child {
  display: none;
}

#archiveResultsPage .pager li:hover {
  background-color: #1c9be5;
}

#archiveResultsPage .pager li.active {
  background-color: #105E8B;
}

#archiveResultsPage .pager li:nth-child(2) {
  background-color: #FFF;
}

#archiveResultsPage .pager li:nth-child(2) a {
  color: #105E8B;
}

#archiveResultsPage .pager li:nth-child(2) a:hover {
  text-decoration: none;
}

#archiveResultsPage .top-pager .pager ul li:nth-child(2) {
  display: none;
}

#archiveResultsPage .display-search-btn {
  margin-top: 15px;
}

#archiveResultsPage h3 {
  font-size: 20px;
  margin-top: 15px;
}

#archiveResultsPage #searchwords {
  max-width: 280px;
}

#archiveResultsPage .archive-list {
  clear: both;
  padding: 15px;
  width: 100%;
  float: none;
}

#archiveResultsPage .archive-list li {
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0;
  background-color: #FFF;
  padding: 15px;
}

#archiveResultsPage .archive-list a {
  color: #000;
}

#archiveResultsPage .archive-list a:hover {
  color: #D8232A;
  text-decoration: none;
}

#archiveResultsPage .archive-list h3 {
  font-size: 16px;
  line-height: 20px;
  margin-top: 0;
  font-weight: 600;
}

#archiveResultsPage .archive-list p {
  font-weight: 400;
  margin-bottom: 0;
}

#archiveResultsPage .archive-list .timestamp {
  color: #909090;
  font-size: 12px;
}

#archiveResultsPage .archive-list {
  background-color: #FFF;
}

#archiveResultsPage .archive-list li {
  border-bottom: 1px solid #EAEAEA;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline {
  padding: 0;
  border-radius: 0;
  border: #EBEBEB 1px solid;
  width: 100%;
  font-family: "Roboto", sans-serif;
  text-align: center;
  vertical-align: middle;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header {
  font-size: 20px;
  background: none;
  border: none;
  padding: 0;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
  margin: 0;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title select {
  width: 85px;
  height: 37px;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: #EBEBEB 1px solid;
  border-radius: 2px;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
  padding-left: 4px;
  background: no-repeat #FFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wEWDyMPMVzPsgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAADrSURBVCjPzZGxSgNBFEXPzGZN8AMstBDNjIEgQd21sVrLpN8fCOQ/8iH5iAjBIoJYSwIKSoooWAWC/VZhn8UuYbLLlkIuDAz33fd49z7YC6j8VUGcumhkh5QqoUvnZOw5Yl3ewFy3seErzc5lXqgBHiIK061jbh65uB1k3cn6B/hA+1POOi1gAwi2dwC/Y7R3Spo+w1BrVquE5ayPMMHzXzi/skAK6weQExr+PV/zb+JPlU2P811NMMIEC2z4hA3fad4dARBFNXbMuA02eCsLRVFwn7k+Dg6zcLbpbO+hChEVoysdziWq/v+IP6v7NkWUqNhwAAAAAElFTkSuQmCC);
  background-position: 93% 50%;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next,
#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev {
  background-image: none !important;
  width: 40px;
  height: 40px;
  background-image: none;
  background-color: #FFF;
  color: #ffffff;
  cursor: pointer;
  margin-bottom: 15px;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next:hover,
#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev:hover {
  background-color: #FFF;
  border: none;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next i,
#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev i {
  color: #000;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-next .ui-icon {
  background: no-repeat #FFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wEWDzQl72SC8gAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAB4SURBVCjPzdChDQJBFIThD/D4SxAkXCgEuRZDBXdNQBFcM9QBBRDsdQCCgFmxBvYZEp4aMf+8yfCrmxU6YYHbJ/O00HOcsI18WWPEE10EaHHFC/sI0OCSgSMmNWCJRwZWteRzNg7fksvOh+gafa3nDvfozgkb/39vpE0Vpt7ZyhMAAAAASUVORK5CYII=);
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-prev .ui-icon {
  background: no-repeat #FFF;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH4wEWDzQbLgWfWQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAB8SURBVCjPzdAhDsJAFEXRU4JA4XEkkO6jFothBbAJWATsA806YAH1VbVFkGKmyZjp1MGVL/e/vHx+QYVdHMwS4h4PLHONR3zQoBwTz+hRY5uSClyD+MJqrHETxDfWuZ0FbuHgmWseuEzZHHOa+o34zx0OcThPyHe0WPg/vp2SFgSE0bQ8AAAAAElFTkSuQmCC);
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table th {
  padding: 3px;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table th span {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: normal;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td {
  padding: 0;
  width: 40px;
  height: 40px;
  border: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  cursor: pointer;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td span,
#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background-color: #7A7A7A;
  background-image: none;
  border: none;
  text-align: center;
  line-height: 35px;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td span:hover,
#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td a:hover {
  background-color: inherit;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td span.ui-priority-secondary,
#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td a.ui-priority-secondary {
  opacity: 1;
  background-color: #CCCCCC;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td span.ui-state-active,
#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td a.ui-state-active {
  background-color: #D8232A;
}

#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td.ui-state-disabled,
#archiveResultsPage .archive-date-picker.date-picker-component .ui-datepicker-inline table td.ui-state-disabled span {
  opacity: 1;
  background-color: #CCCCCC;
}

#journalists {
  margin-bottom: 20px;
}

#journalists .author-block {
  background-color: #FFF;
  box-shadow: 0;
  text-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
  margin: 10px 0;
  min-height: 248px;
}

#journalists .author-block img {
  border-radius: 100%;
  border: solid 1px #e0e0e0;
  object-fit: cover;
}

#journalists .author-block .author-no-pic {
  height: 100px;
  background-color: #ececec;
  border-radius: 100%;
  width: 100px;
  margin: 0 auto;
}

#journalists .author-block a:focus, #journalists .author-block a:hover {
  text-decoration: none;
}

#journalists .author-block h2 {
  color: #000;
  font-size: 21px;
  line-height: 28px;
  font-weight: 100;
  margin: 10px 0 0;
}

#journalists .author-block p {
  font-family: "Fira Sans", sans-serif;
  color: #000;
  font-weight: 100;
}

#journalists .author-block .authors-social .social-twitter {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  color: #FFF;
  background-color: #1DA1F2;
  display: inline-block;
  padding-top: 8px;
  margin-right: 5px;
}

#journalists .author-block .authors-social .social-email,
#journalists .author-block .authors-social .social-phone {
  height: 40px;
  width: 40px;
  border-radius: 100%;
  color: #FFF;
  background-color: #bb3510;
  display: inline-block;
  padding-top: 8px;
  margin-right: 5px;
}

#journalists .author-block .authors-social .social-phone {
  margin-right: 0;
}

#journalist-bio-page #allJournalistLink {
  text-align: right;
}

#journalist-bio-page #allJournalistLink a {
  background-color: #D8232A;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 20px;
  color: #FFF;
  font-weight: 500;
}

#journalist-bio-page #allJournalistLink a:focus, #journalist-bio-page #allJournalistLink a:hover {
  text-decoration: none;
}

#journalist-bio-page #authBio {
  background-color: #FFF;
  box-shadow: 0;
  padding: 20px;
  margin-bottom: 20px;
}

#journalist-bio-page #authBio h1 {
  color: #D8232A;
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
}

#journalist-bio-page #authBio img {
  border-radius: 100%;
  width: 130px;
  height: 130px;
  margin-right: 10px;
}

#journalist-bio-page #authBio .author-no-pic {
  border-radius: 100%;
  width: 130px;
  height: 130px;
  margin-right: 10px;
  background-color: #ececec;
}

#journalist-bio-page #authBio h2 {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
}

#journalist-bio-page #authBio p {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 26px;
}

#journalist-bio-page #authBio .author-contact .author-social {
  display: inline-block;
  white-space: nowrap;
  padding: 5px 10px;
  color: #FFF;
  margin-right: 5px;
  margin-top: 10px;
}

#journalist-bio-page #authBio .author-contact .author-social:focus, #journalist-bio-page #authBio .author-contact .author-social:hover {
  text-decoration: none;
  opacity: 0.9;
}

#journalist-bio-page #authBio .author-contact .author-social.social-twitter {
  background-color: #1DA1F2;
}

#journalist-bio-page #authBio .author-contact .author-social.social-email {
  background-color: #bb3510;
}

#journalist-bio-page #authBio .author-contact .author-social.social-phone {
  background-color: #bb3510;
}

#journalist-bio-page #authBio .author-contact .author-social:last-child {
  margin-right: 0;
}

#journalist-bio-page #authBio .author-contact .author-social span {
  font-size: 14px;
}

#journalist-bio-page #authBio .author-contact .author-social i {
  margin-right: 5px;
}

@media (min-width: 576px) {
  #journalist-bio-page #authBio .author-no-pic,
  #journalist-bio-page #authBio img {
    float: left;
  }
}

#journalist-bio-page #storyWrapper h2 {
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  line-height: 27px;
  color: #D8232A;
  font-weight: 400;
  padding-left: 20px;
}

#journalist-bio-page #storyWrapper .content-card {
  position: relative;
}

#journalist-bio-page #storyWrapper .content-card img {
  float: left;
  margin-right: 10px;
}

#journalist-bio-page #storyWrapper .content-card .story-info {
  float: right;
  width: calc(100% - 154px);
}

#journalist-bio-page #storyWrapper .content-card .story-info h3 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

#journalist-bio-page #storyWrapper .content-card .story-info p {
  color: #000;
  font-weight: 100;
}

#journalist-bio-page #storyWrapper .content-card .story-info .right {
  float: right;
  color: #747474;
  font-size: 14px;
  font-weight: 100;
}

#videoPage .content-page-right-col .advert > div {
  margin-bottom: 18px;
}

#videoPage .video-js {
  width: 100% !important;
  height: auto !important;
  min-height: 360px !important;
}

#videoPage .social-circles-component {
  margin: 15px 0;
}

#videoPage .latest-video-list .nq-article-card {
  padding-bottom: 15px;
}

#videoPage .latest-video-list .nq-article-card .article-card-image {
  width: 64px;
  height: 64px;
  float: left;
  margin-right: 10px;
}

#videoPage .latest-video-list .nq-article-card .article-card-image img {
  width: 100%;
}

#videoPage .latest-video-list .nq-article-card .nq-article-card-content {
  float: left;
  width: calc(100% - 80px);
}

#videoPage .archive-video-list .nq-article-card {
  padding: 3%;
  width: calc(50% - 19px);
  display: inline-block;
  margin: 8px;
}

#jobfairs img {
  max-width: 100%;
}

#jobfairs ul {
  list-style: none;
  padding: 0;
  margin-bottom: 10px;
}

#jobfairs .header {
  background-color: #0072c5;
  width: 100%;
  text-align: center;
  height: auto;
  padding: 15px;
}

#jobfairs .header .wm1-logo img {
  height: 45px;
  width: auto;
}

#jobfairs .header span {
  color: #ffffff;
}

#jobfairs h3 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  line-height: 1.1;
  margin-top: 20px;
  margin-bottom: 10px;
}

#jobfairs p {
  margin-bottom: 10px;
}

#jobfairs section.details {
  padding-top: 20px;
  padding-bottom: 20px;
}

#jobfairs section.details p {
  margin-bottom: 0;
}

#jobfairs section.details .date,
#jobfairs section.details .location {
  font-weight: 600;
}

#jobfairs section.details .btn {
  background-color: #0072c5;
  color: #ffffff;
  margin-top: 25px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

#jobfairs .description {
  margin-bottom: 30px;
}

#jobfairs .sponsor {
  text-align: center;
}

#jobfairs .sponsor img {
  margin-top: 5px;
}

#jobfairs .venue .address1,
#jobfairs .venue .address2 {
  margin-bottom: 0;
}

#jobfairs .venue h3 {
  margin-top: 0;
}

#jobfairs .exhibit-cta {
  background-color: #0072c5;
  color: #ffffff;
  padding: 20px;
}

#jobfairs .exhibit-cta h3 {
  margin-top: 0;
}

#jobfairs .exhibit-cta a {
  color: #ffffff;
  text-decoration: underline;
}

@media screen and (min-width: 500px) {
  #jobfairs .header {
    height: 70px;
    padding: 5px;
  }
  #jobfairs .header span {
    top: 7px;
    position: relative;
  }
  #jobfairs .header .wm1-logo img {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  #jobfairs .wm1-logo img.editor-image {
    margin: auto;
  }
}

[v-cloak] {
  display: none;
}

.hide {
  display: none !important;
}

.checkbox-disabled {
  background-color: #e2e0e0 !important;
}

.disabled-text {
  color: #7b7b7b;
}

#faceted-search {
  font-family: "Roboto", sans-serif;
  color: #152934;
  max-width: 952px;
  margin: auto;
}

#faceted-search input:focus, #faceted-search select:focus {
  outline: none;
}

#faceted-search input[type="text"]:focus {
  outline: none;
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#faceted-search .top-sections span {
  font-size: 18px;
  color: #495057;
  font-weight: bold;
}

#faceted-search .top-sections .section {
  margin-top: 10px;
}

#faceted-search .top-sections .section a {
  font-family: "Fira Sans", sans-serif;
  text-decoration: none;
  color: #323132;
  font-size: 14px;
}

#faceted-search .top-sections .section a h4 {
  font-weight: bold;
  margin-bottom: 2px;
  color: #495057;
}

#faceted-search .top-sections .section a p {
  margin-bottom: 5px;
}

#faceted-search .custom-select-container {
  position: relative;
}

#faceted-search .custom-select-container::after {
  content: '';
  display: block;
  width: 9px;
  height: 9px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(135deg);
  position: absolute;
  right: 12px;
  top: 28%;
  pointer-events: none;
}

#faceted-search .custom-select-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  line-height: 30px;
  position: relative;
  background: white;
  box-sizing: border-box;
  padding: 0 5px;
  cursor: pointer;
}

#faceted-search .search-bar {
  background-color: #FFEDEE;
  padding: 5px;
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  #faceted-search .search-bar {
    padding: 11px 5px 5px;
  }
}

#faceted-search .search-bar div:first-child {
  width: 100%;
}

#faceted-search .search-bar input[type=text] {
  border-radius: 0;
  border: 1px solid #D9D9D9;
  height: 40px;
  width: 98%;
  color: #4A4A4A;
  font-size: 24px;
  padding: 0 10px;
  font-weight: 500;
  min-width: 100px;
}

#faceted-search .search-bar button {
  background-color: #b51d23;
  color: #fff;
  border: none;
  font-weight: 500px;
  font-size: 20px;
  padding: 5px 18px;
  margin: 2px 10px;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  #faceted-search .search-bar {
    flex-direction: column;
  }
  #faceted-search .search-bar div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #faceted-search .search-bar input[type=text] {
    margin: 0 0 0 15px;
    width: 90%;
    border-right: none;
  }
  #faceted-search .search-bar button {
    display: none;
  }
  #faceted-search .search-bar .checkbox-container {
    margin: 11px 0 5px;
  }
  #faceted-search .search-bar .mobile-search {
    display: block;
    margin: 0 15px 0 0;
    padding: 0 10px;
    height: 40px;
    border: 1px solid #D9D9D9;
    border-left: none;
  }
}

#faceted-search .mobile-results-summary {
  display: none;
}

#faceted-search .small-figure {
  padding-left: 10px;
}

@media (min-width: 992px) {
  #faceted-search .small-figure {
    float: right;
  }
}

#faceted-search .filter-sidebar {
  overflow: visible;
}

#faceted-search .filter-container {
  padding: 10px 15px;
  background-color: #F5F5F5;
}

#faceted-search .filter-container h3 {
  font-weight: 600;
  font-size: 24px;
  padding-left: 0 !important;
}

@media (max-width: 991.98px) {
  #faceted-search .filter-container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  #faceted-search .filter-container .filter-sites-list div:last-child {
    margin-bottom: 100px;
  }
}

@media (max-width: 991.98px) {
  #faceted-search .filter-container .publication-search-filter {
    background-color: #fff;
    padding: 20px;
  }
  #faceted-search .filter-container .publication-search-filter .filter-sites-list {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0 50px;
  }
  #faceted-search .filter-container .publication-search-filter .checkbox-checkmark {
    border: 1px solid #E3E3E3;
  }
  #faceted-search .filter-container .publication-search-filter .checkbox-checkmark::after {
    height: 14px;
    width: 7px;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  #faceted-search .filter-container .publication-search-filter {
    background-color: transparent;
    padding: 0;
  }
  #faceted-search .filter-container .publication-search-filter .filter-sites-list {
    display: block;
  }
  #faceted-search .filter-container .publication-search-filter .checkbox-checkmark {
    border: 1px solid #fff;
  }
}

@media (max-width: 991.98px) {
  #faceted-search .filter-container .date-filters-container .custom-date-container {
    display: block;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  #faceted-search .filter-container .date-filters-container .custom-date-container {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 991.98px) {
  #faceted-search .filter-container .date-range-picker {
    display: inline-block;
    margin: 5px 0;
    width: 100%;
  }
}

@media (max-width: 991.98px) and (min-width: 576px) {
  #faceted-search .filter-container .date-range-picker {
    width: 45%;
  }
  #faceted-search .filter-container .date-range-picker .custom-select-container {
    width: 90%;
  }
}

@media (max-width: 991.98px) {
  #faceted-search .filter-container .date-range-picker .date-label {
    display: table-cell !important;
    min-width: 95px;
    vertical-align: middle;
  }
  #faceted-search .filter-container .date-range-picker select {
    display: table-cell;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    padding: 0 5px;
    width: 100%;
  }
  #faceted-search .filter-container .date-range-picker .date-range-select {
    min-width: 120px;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    line-height: 30px;
    position: relative;
    background: white;
    box-sizing: border-box;
    padding: 0 5px;
    cursor: pointer;
  }
  #faceted-search .filter-container .date-range-picker .date-picker-component > .vdp-datepicker > div > input {
    display: table-cell;
    border: 1px solid #D9D9D9;
    background-color: #fff;
    padding: 5px;
    width: 100%;
  }
  #faceted-search .filter-container .close-button {
    float: right;
    cursor: pointer;
    padding: 20px 8px;
  }
  #faceted-search .filter-container h3 {
    display: inline-block;
    padding: 20px 10px 10px;
  }
  #faceted-search .filter-container h4 {
    font-weight: bolder;
  }
}

@media (max-width: 991.98px) and (min-width: 576px) {
  #faceted-search .filter-container .date-filters-container > .date-range-picker {
    padding-bottom: 15px;
    width: 45%;
  }
  #faceted-search .filter-container .date-filters-container > .date-range-picker .custom-select-container {
    width: 90%;
  }
  #faceted-search .filter-container .date-filters-container .custom-date-container {
    width: 100%;
  }
  #faceted-search .filter-container .date-filters-container .custom-date-container .date-range-picker {
    width: 45%;
  }
  #faceted-search .filter-container .date-filters-container .custom-date-container .date-range-picker .date-label {
    text-align: left;
    width: auto;
  }
  #faceted-search .filter-container .date-filters-container .custom-date-container .date-range-picker .date-picker-component {
    width: 90%;
  }
}

@media (max-width: 991.98px) {
  #faceted-search .filter-container .custom-select-container {
    width: 90%;
    display: inline-block;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  #faceted-search .filter-container .custom-select-container {
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  #faceted-search .filter-container .custom-select-container select {
    border: 1px solid #D9D9D9;
    height: 36px;
    width: 100%;
    border-radius: 1px;
    display: inline-block;
    padding: 0 6px;
  }
  #faceted-search .filter-container input {
    border: 1px solid #D9D9D9;
    height: 36px;
    width: 90%;
    border-radius: 1px;
    display: inline-block;
    padding: 0 6px;
  }
  #faceted-search .filter-container .date-label {
    display: inline-block;
    width: 35%;
    font-size: 14px;
  }
}

#faceted-search .filter-container .date-picker-component {
  font-family: "Roboto", sans-serif;
  width: 90%;
  display: inline-block;
}

#faceted-search .filter-container .date-picker-component input {
  width: 100%;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar {
  box-shadow: 0 0 15px 0 #CCC;
  left: -20px;
  z-index: 3000010;
}

@media (max-width: 991.98px) {
  #faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar {
    left: 0;
  }
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar header {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell {
  font-family: "Roboto", sans-serif;
  color: #FFF;
  border: 1px solid #fff;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell.day {
  background-color: #7A7A7A;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell.day.blank, #faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell.day.disabled {
  background-color: #CCCCCC;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell.day:hover:not(.disabled) {
  background-color: #b51d23;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell.month, #faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell.year {
  color: #000;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell.day-header {
  background-color: #FFF;
  color: #000;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__calendar .cell.selected {
  background-color: #D8232A;
}

#faceted-search .filter-container .date-picker-component .vdp-datepicker .vdp-datepicker__clear-button {
  position: absolute;
  right: 10px;
  top: 7px;
}

#faceted-search .checkbox-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 115px;
}

#faceted-search .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

#faceted-search .checkbox-container input:checked ~ .checkbox-checkmark {
  background-color: #e14349;
}

#faceted-search .checkbox-container input:checked ~ .checkbox-checkmark:after {
  display: block;
}

#faceted-search .checkbox-container .checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
}

#faceted-search .checkbox-container .checkbox-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

#faceted-search .checkbox-container .checkbox-checkmark:after {
  left: 6px;
  top: 1px;
  width: 8px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#faceted-search .results-container {
  display: flex;
  align-items: center;
  margin-top: 12px;
}

@media (max-width: 767.98px) {
  #faceted-search .results-container {
    font-size: 0.9rem;
  }
}

#faceted-search .results-container select {
  border: none;
  background: transparent;
  font-weight: bold;
  padding-right: 25px;
}

#faceted-search .article-item {
  width: 100%;
  padding-bottom: 15px;
  font-size: 15px;
}

#faceted-search .article-item .article {
  display: flex;
  text-decoration: none;
  color: inherit;
}

#faceted-search .article-item .article-image-container {
  height: 66.67px;
  min-width: 100px;
}

#faceted-search .article-item .article-image-container img {
  height: 100%;
  min-width: 100px;
}

#faceted-search .article-item .announcement-subject {
  display: inline-block;
  min-width: 80px;
  background-color: #323123;
  color: #FFF;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  padding: 4px 10px 0 10px;
  border-radius: 2px;
  font-weight: 500;
  box-sizing: content-box;
  text-align: center;
  height: 25px;
  margin: 0 5px 10px 0;
}

#faceted-search .article-item h4 {
  display: inline-block;
  line-height: 20px;
  margin-bottom: 2px;
}

#faceted-search .article-item .article-date {
  font-size: 12px;
  color: #747474;
  margin-bottom: 2px;
}

#faceted-search .article-item p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

#faceted-search .read-more-button {
  border: none;
  background-color: #f5f5f5;
  color: #D8232A;
  width: 100%;
  height: 30px;
  cursor: pointer;
}

#faceted-search .show-filters-button {
  border: none;
  background: #D8232A;
  color: #fff;
  padding: 5px 30px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 60px;
  margin-top: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 9;
  cursor: pointer;
}

@media (min-width: 576px) {
  #faceted-search .show-filters-button {
    bottom: 100px;
  }
}

#faceted-search .filter-mobile {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  z-index: 3000008;
  overflow: scroll;
}

#faceted-search .see-results-mobile-button {
  display: block !important;
  border: none;
  background: #D8232A;
  color: #fff;
  padding: 5px 30px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 3000009;
  cursor: pointer;
}

@media (max-width: 575.98px) {
  #faceted-search .see-results-mobile-button {
    padding: 5px;
    width: 60%;
  }
}

@media (min-width: 992px) {
  #faceted-search .see-results-mobile-button {
    display: none !important;
  }
}

#faceted-search #resultsMobileButton,
#faceted-search .mobile-search,
#faceted-search .show-filters-button,
#faceted-search .site-filter-list {
  display: none;
}

#faceted-search .custom-date-range {
  display: none !important;
}

#faceted-search .search-snippet-highlight {
  font-weight: bolder;
}

@media (max-width: 991.98px) {
  #faceted-search .filter-sidebar {
    display: none;
  }
  #faceted-search .show-filters-button {
    display: block;
  }
  #faceted-search .mobile-content-wrapper {
    min-height: 200px;
  }
  #faceted-search .mobile-content-wrapper hr {
    margin-top: 8px;
  }
}

@media (max-width: 767.98px) {
  #faceted-search .article-image-container {
    display: none;
  }
  #faceted-search .results-summary {
    display: none;
  }
  #faceted-search .mobile-results-summary {
    display: block;
  }
  #faceted-search .card-body {
    padding: 0 0 1.25rem;
  }
  #faceted-search .mobile-content-wrapper {
    margin: 0 1.25rem;
    min-height: 150px;
  }
}

@media (max-width: 575.98px) {
  #faceted-search .vdp-datepicker__calendar {
    left: -60px;
  }
}

@media (max-width: 321px) {
  #faceted-search .vdp-datepicker__calendar {
    left: -100px;
  }
}

#faceted-search .es-spinner {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translate(-50%, -50%);
}

#faceted-search .es-spinner::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #07d;
  border-bottom-color: #07d;
  animation: spinner 0.8s ease infinite;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 992px) {
  #faceted-search .filter-mobile {
    position: static;
    top: initial;
    left: initial;
    bottom: initial;
    padding: initial;
    z-index: initial;
  }
  #faceted-search .close-button {
    display: none;
  }
}

/* Styles added here are applied to all pages under the property module */
#propertyModule {
  margin-bottom: 20px;
}

#propertyModule h2.page-title {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-size: 38px;
  margin-bottom: 15px;
}

#propertyModule.property-home .mpu {
  text-align: center;
}

#propertyModule.property-home .local-property-news-heading {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

#propertyModule.property-home section.fpc-container {
  margin-bottom: 20px;
}

#propertyModule.property-home section.fpc-container .fpc-left {
  float: none;
  width: 100%;
}

@media (min-width: 768px) {
  #propertyModule.property-home section.fpc-container .fpc-left {
    float: left;
    width: calc(100% - 318px);
  }
}

#propertyModule.property-home section.fpc-container .fpc-right {
  float: none;
  width: 100%;
  text-align: center;
}

@media (min-width: 768px) {
  #propertyModule.property-home section.fpc-container .fpc-right {
    float: right;
    max-width: 300px;
  }
}

#propertyModule.property-home .featured-property-carousel-container {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #propertyModule.property-home .featured-property-carousel-container {
    margin-bottom: 0;
  }
}

#propertyModule.property-home a.more-link {
  background: rgba(255, 255, 255, 0.6);
  padding: 10px 15px;
  color: #D8232A;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
  margin-bottom: 30px;
}

#propertyModule.property-home a.more-link:focus, #propertyModule.property-home a.more-link:hover {
  text-decoration: none;
  color: #e14349;
}

#propertyModule.property-home a.more-link i {
  float: right;
  margin-left: 5px;
  margin-top: 1px;
}

#propertyModule.property-home a.more-link i:before {
  margin: 0;
  width: 10px;
}

#propertyModule.property-search-results {
  /* Pagination */
}

#propertyModule.property-search-results .property-views {
  margin-top: 15px;
  text-align: center;
  margin-bottom: 15px;
}

#propertyModule.property-search-results .property-views .property-view {
  display: inline-block;
  font-size: 14px;
  font-family: "Fira Sans", sans-serif;
  color: #D8232A;
  margin-right: 10px;
}

#propertyModule.property-search-results .property-views .property-view a {
  color: #D8232A;
  text-decoration: none;
}

#propertyModule.property-search-results .property-views .property-view a:hover {
  text-decoration: none;
}

#propertyModule.property-search-results .property-views .property-view a.active {
  font-weight: 500;
  color: #2A2A2A;
}

#propertyModule.property-search-results .property-views .property-view i {
  font-size: 18px;
  padding-right: 5px;
}

#propertyModule.property-search-results .property-views .property-view.sort-by {
  color: #2A2A2A;
  font-weight: 600;
  display: block;
}

#propertyModule.property-search-results .property-views .property-view.sort-by select {
  background-color: #FFF;
  padding: 5px;
  border-radius: 0;
  width: 80%;
  margin-bottom: 15px;
  font-weight: 400;
  margin-left: 10px;
  font-size: 12px;
  color: #828282;
}

#propertyModule.property-search-results .property-views .filter {
  display: none;
}

#propertyModule.property-search-results .property-search-results .cta-ad {
  max-width: 728px;
  width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: 18px;
}

#propertyModule.property-search-results .property-search-results .redesign-cta {
  max-width: 728px;
  width: 100%;
  margin: 15px auto;
}

#propertyModule.property-search-results .property-search-results .redesign-cta button {
  width: auto;
  margin-top: 10px;
  border: 0;
  padding: 2px 20px;
}

#propertyModule.property-search-results .property-search-results .redesign-cta input {
  width: 100%;
  padding: 0 4px;
}

@media (min-width: 768px) {
  #propertyModule.property-search-results .property-views {
    text-align: left;
    height: 33px;
    position: relative;
  }
  #propertyModule.property-search-results .property-views .property-view.sort-by {
    position: absolute;
    display: inline-block;
    width: 200px;
    z-index: 2;
  }
  #propertyModule.property-search-results .property-views .property-view.sort-by select {
    width: auto;
    margin-bottom: 0;
  }
  #propertyModule.property-search-results .property-views .filter {
    position: absolute;
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
  }
  #propertyModule.property-search-results .local-amenities .amenities-ad {
    text-align: left;
  }
}

#propertyModule.property-search-results #searchResultsPage {
  margin-top: 20px;
}

#propertyModule.property-search-results #searchResultsPage .page-of {
  font-size: 14px;
}

#propertyModule.property-search-results #searchResultsPage .back-to-top-pagination {
  text-align: center;
}

#propertyModule.property-search-results #searchResultsPage .back-to-top-pagination a {
  font-size: 14px;
  color: #D8232A;
}

#propertyModule.property-search-results #searchResultsPage .back-to-top-pagination a:focus, #propertyModule.property-search-results #searchResultsPage .back-to-top-pagination a:hover {
  text-decoration: none;
}

#propertyModule.property-details .content-page-left-col .property-details-top .property-price {
  text-align: right;
  font-family: "Roboto", sans-serif;
  font-size: 28px;
  font-weight: 600;
}

#propertyModule.property-details .content-page-left-col .property-details-top .property-price .pricePrefix {
  margin-bottom: -2px;
  display: block;
  font-size: 16px;
  font-weight: 400;
}

#propertyModule.property-details .content-page-left-col .property-details-top .property-price h4 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

#propertyModule.property-details .content-page-left-col .property-details-top .nq-article-card-label-standalone {
  float: right;
  margin-bottom: 10px;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container {
  position: relative;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .inline-label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel {
  margin-bottom: 10px;
  margin-top: 10px;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel .slick-slide {
  width: 100%;
  height: 415px;
  position: relative;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel .slick-slide .property-image-element {
  width: 100%;
  height: 415px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel .slick-slide .lightbox-button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #D8232A;
  color: #FFF;
  width: 36px;
  height: 36px;
  display: none;
}

@media (min-width: 768px) {
  #propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel .slick-slide .lightbox-button {
    display: block;
  }
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel .slick-slide .lightbox-button > span {
  -ms-transform: rotate(-45deg);
  /* IE 9 */
  -webkit-transform: rotate(-45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
  font-size: 18px;
  float: right;
  display: block;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel .slick-slide .lightbox-button i {
  display: none;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel .slick-slide .lightbox-button:focus, #propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel .slick-slide .lightbox-button:hover {
  opacity: 0.9;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel-nav-container .slick-arrow {
  background-color: #D8232A;
  border: 0;
  color: #FFF;
  width: 36px;
  height: 36px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel-nav-container .slick-arrow:focus, #propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel-nav-container .slick-arrow:hover {
  opacity: 0.9;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel-nav-container .slick-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  font-size: 20px;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel-nav-container .slick-prev i {
  margin-left: -3px;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel-nav-container .slick-next {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-size: 20px;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-container .primary-image-carousel-nav-container .slick-next i {
  margin-right: -3px;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-nav-dots-container {
  text-align: center;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-nav-dots-container li {
  display: inline-block;
  font-size: 0;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-nav-dots-container li button {
  background: none;
  border: 0;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-nav-dots-container li button:after {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: #d8d8d8;
  border-radius: 50%;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-nav-dots-container li button:focus {
  outline: 0;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .primary-image-carousel-nav-dots-container li.slick-active button:after {
  background-color: #005698;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .image-nav-carousel {
  display: none;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .image-nav-carousel .slick-slide {
  width: 65px;
  height: 65px;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .image-nav-carousel .slick-slide .property-image-element {
  width: 63px;
  height: 61px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  cursor: pointer;
}

#propertyModule.property-details .content-page-left-col .property-image-carousel .image-nav-carousel .slick-slide.slick-current {
  opacity: 0.5;
}

@media (min-width: 992px) {
  #propertyModule.property-details .content-page-left-col .property-image-carousel .image-nav-carousel {
    display: block;
  }
}

#propertyModule.property-details .content-page-left-col .property-summary {
  margin: 20px 0;
}

#propertyModule.property-details .content-page-left-col .property-summary .social-circles-component {
  text-align: left;
  margin-top: -5px;
}

@media (min-width: 768px) {
  #propertyModule.property-details .content-page-left-col .property-summary .social-circles-component {
    text-align: right;
  }
}

#propertyModule.property-details .content-page-left-col .property-summary .social-circles-component .email-link {
  margin-right: 0;
  width: 35px;
}

#propertyModule.property-details .content-page-left-col .property-description {
  margin: 20px 0;
}

#propertyModule.property-details .content-page-right-col .agent-details {
  text-align: center;
  padding: 15px;
}

#propertyModule.property-details .content-page-right-col .agent-details img {
  margin-bottom: 20px;
}

#propertyModule.property-details .content-page-right-col .agent-details .agent-button {
  display: block;
  background-color: #D8232A;
  padding: 5px;
  margin-bottom: 20px;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  font-size: 24px;
  font-family: "Roboto", sans-serif;
}

#propertyModule.property-details .content-page-right-col .agent-details .agent-see-all-props {
  display: block;
  margin-bottom: 20px;
  color: #D8232A;
  font-size: 17px;
  text-decoration: underline;
  font-family: "Fira Sans", sans-serif;
}

#propertyModule.property-details .content-page-right-col .agent-details h4,
#propertyModule.property-details .content-page-right-col .agent-details p {
  font-size: 16px;
  line-height: 24px;
}

#propertyModule.property-details .content-page-right-col .agent-details h4 {
  font-weight: bold;
  margin-bottom: 0;
}

#propertyModule.property-details .content-page-right-col .agent-details p {
  margin-bottom: 20px;
}

#propertyModule.property-details .content-page-right-col .social-circles-component {
  margin-bottom: 20px;
}

#propertyModule.property-details .content-page-right-col .social-circles-component button {
  font-size: 20px;
}

#propertyModule.property-details .content-page-right-col .homes-email-cta {
  margin-bottom: 20px;
}

#propertyModule.property-details .content-page-right-col .homes-email-cta input {
  width: 100%;
  font-size: 14px;
  padding: 4px 0 4px 9px;
}

#propertyModule.property-details .content-page-right-col .homes-email-cta button {
  display: inline-block;
  border: 0;
  font-size: 14px;
  cursor: pointer;
  padding: 2px 20px;
  width: auto;
  margin-right: 15px;
  margin-top: 10px;
}

#propertyModule.property-details .content-page-right-col .aside-ad {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

#propertyModule.property-details #propertyDetailsModal button {
  cursor: pointer;
}

#propertyModule.property-details #propertyDetailsModal p.success-message {
  display: none;
}

#propertyModule.property-details #propertyDetailsModal .modal-header {
  border: 0;
}

#propertyModule.property-details #propertyDetailsModal .modal-header h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
}

#propertyModule.property-details #propertyDetailsModal .modal-footer {
  border: 0;
  text-align: center;
  display: block;
}

#propertyModule.property-details #propertyDetailsModal .modal-footer button {
  border-radius: 0;
  background-color: #D8232A;
}

#propertyModule.property-details #propertyDetailsModal .modal-footer button:focus, #propertyModule.property-details #propertyDetailsModal .modal-footer button:hover {
  opacity: 0.9;
}

#propertyModule.agent-details .page-title,
#propertyModule.agent-details .section-title {
  font-weight: 400;
}

#propertyModule.agent-details .button-container {
  margin: 15px auto;
  text-align: center;
}

#propertyModule.agent-details .button-container a.read-more {
  background-color: #FFF;
  color: #D8232A;
  padding: 5px 10px;
  margin: auto;
}

#propertyModule.agent-details .button-container a.read-more:hover {
  text-decoration: none;
  color: #b51d23;
}

#propertyModule.agent-details article.nq-article-card.article-main-details {
  padding: 15px;
}

@media (min-width: 768px) {
  #propertyModule.agent-details article.nq-article-card.article-main-details #agentLocationMap {
    height: 100% !important;
  }
}

#propertyModule.agent-details article.nq-article-card.article-main-details #map-canvas {
  margin-bottom: 20px;
}

#propertyModule.agent-details article.nq-article-card.article-main-details h2.section-title {
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: 300;
  padding-top: 20px;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .opening-times h4 {
  font-size: 18px;
  font-family: "Fira Sans", sans-serif;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .opening-times p {
  font-size: 14px;
  font-family: "Fira Sans", sans-serif;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .button-container {
  text-align: center;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details {
  margin-top: 20px;
  text-align: center;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details h4 {
  font-weight: 600;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details h4,
#propertyModule.agent-details article.nq-article-card.article-main-details .details p {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details .contact-detail {
  background-color: #D8232A;
  padding: 10px;
  color: #FFF;
  display: block;
  margin-bottom: 20px;
  text-align: center;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details .contact-detail:hover {
  text-decoration: none;
  background-color: #b51d23;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details .agent-phone {
  margin-bottom: 15px;
  display: block;
  color: #D8232A;
  font-size: 24px;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details .agent-site {
  margin-top: 15px;
  color: #D8232A;
  display: block;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .anchor-row {
  margin-top: 20px;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .anchor-row a {
  border: 1px solid #D8232A;
  color: #D8232A;
  display: block;
  padding: 10px;
  text-align: center;
  font-size: 18px;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .anchor-row a.active, #propertyModule.agent-details article.nq-article-card.article-main-details .anchor-row a:hover {
  color: #AAAAAA;
  border-color: #AAAAAA;
  text-decoration: none;
}

#propertyModule.agent-details .featured-properties {
  margin-top: 20px;
}

#propertyModule.agent-details .featured-properties .featured-lead-property {
  background-color: #D8232A;
}

#propertyModule.agent-details .featured-properties .featured-lead-property .property-featured-label {
  position: absolute;
}

#propertyModule.agent-details .featured-properties .featured-lead-property .image-container {
  text-align: center;
}

#propertyModule.agent-details .featured-properties .featured-lead-property .col-lg-4 {
  text-align: center;
}

#propertyModule.agent-details .featured-properties .featured-lead-property .agent-logo {
  padding-top: 20px;
}

#propertyModule.agent-details .featured-properties .featured-lead-property h3 {
  padding: 15px 15px 0;
  font-size: 24px;
  color: #FFF;
  font-weight: 400;
  line-height: 31px;
}

#propertyModule.agent-details .featured-properties .featured-lead-property .price {
  color: #FFF;
}

#propertyModule.agent-details .featured-properties .featured-lead-property .price span {
  font-size: 14px;
}

#propertyModule.agent-details .featured-properties .featured-lead-property .price .property-price {
  font-size: 24px;
  font-weight: 600;
}

#propertyModule.agent-details .property-standard-card {
  padding-bottom: 20px;
  background-color: #FFF;
}

#propertyModule.agent-details .property-standard-card a {
  color: #2A2A2A;
}

#propertyModule.agent-details .property-standard-card a:hover {
  color: #2A2A2A;
}

#propertyModule.agent-details .property-standard-card .property-featured-label {
  position: absolute;
}

#propertyModule.agent-details .property-standard-card h3 {
  padding: 10px;
  font-size: 18px;
  color: #FFF;
}

#propertyModule.agent-details .property-standard-card .price {
  color: #FFF;
  text-align: right;
  padding-right: 10px;
}

#propertyModule.agent-details .property-standard-card .price span {
  font-size: 14px;
}

#propertyModule.agent-details .property-standard-card .price p {
  font-size: 24px;
  font-weight: 600;
  padding-right: 0;
}

#propertyModule.agent-details .property-standard-card .agent-logo {
  max-width: 110px;
  padding-left: 10px;
}

#propertyModule.agent-details .property-standard-card.featured-property {
  background-color: #D8232A;
}

#propertyModule.agent-details .property-standard-card.featured-property a {
  color: #FFF;
}

#propertyModule.agent-details .property-standard-card.featured-property a:hover {
  color: #FFF;
}

@media (min-width: 768px) {
  #propertyModule.agent-details .agent-header .social-circles-component {
    text-align: right;
  }
  #propertyModule.agent-details .agent-details-top #map-canvas {
    margin-bottom: 0;
  }
  #propertyModule.agent-details .featured-properties .featured-lead-property .col-lg-4 {
    text-align: left;
  }
  #propertyModule.agent-details .featured-properties .featured-lead-property .agent-logo {
    float: left;
    padding-left: 25px;
    padding-right: 25px;
  }
  #propertyModule.agent-details .featured-properties .featured-lead-property h3 {
    padding-left: 10px;
    padding-right: 10px;
  }
  #propertyModule.agent-details .property-standard-card .price p {
    font-size: 17px;
  }
}

@media (min-width: 992px) {
  #propertyModule.agent-details .featured-properties .featured-lead-property .agent-logo {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  #propertyModule.agent-details .featured-properties .featured-lead-property h3 {
    float: none;
    width: auto;
    padding-left: 0;
  }
  #propertyModule.agent-details .featured-properties .featured-lead-property .price {
    float: none;
    width: auto;
    position: absolute;
    bottom: 0;
  }
  #propertyModule.agent-details .property-standard-card .price p {
    font-size: 24px;
  }
}

#propertyModule.property-unique-searches .property-search-large {
  margin-bottom: 20px;
}

#propertyModule.property-unique-searches ul.unique-search-list {
  background-color: #FFF;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
  padding: 5px;
}

#propertyModule.property-unique-searches ul.unique-search-list li a {
  padding: 10px;
  border-bottom: solid 1px #e4e4e4;
  color: #000;
  width: 100%;
  display: block;
}

#propertyModule.property-unique-searches ul.unique-search-list li a:focus, #propertyModule.property-unique-searches ul.unique-search-list li a:hover {
  text-decoration: none;
  color: #D8232A;
}

#propertyModule.property-unique-searches ul.unique-search-list li:last-child a {
  border-bottom: 0;
}

#propertyModule.find-agents h1 {
  font-family: "Roboto", sans-serif;
  font-size: 35px;
  font-weight: 100;
  line-height: 42px;
  color: #000;
}

#propertyModule.find-agents h2 {
  font-size: 17px;
}

#propertyModule.find-agents .address-book-index ol {
  background-color: #FFF;
  text-align: center;
}

#propertyModule.find-agents .address-book-index ol li {
  display: inline-block;
  list-style: none;
  color: #a7a7a7;
  font-size: 25px;
  padding: 1px;
  font-weight: 500;
}

#propertyModule.find-agents .address-book-index ol li a {
  color: #D8232A;
}

#propertyModule.find-agents .address-book-index ol li a:focus, #propertyModule.find-agents .address-book-index ol li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#propertyModule.find-agents .address-book-list .back-to-top {
  font-size: 14px;
  text-align: center;
  padding: 15px;
  display: block;
}

#propertyModule.find-agents .address-book-list .back-to-top:focus, #propertyModule.find-agents .address-book-list .back-to-top:hover {
  text-decoration: none;
  color: #D8232A;
}

#propertyModule.find-agents .address-book-list h2 {
  display: inline-block;
  background-color: #FFF;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  color: #D8232A;
  font-size: 42px;
  font-weight: 400;
  margin-bottom: 0;
}

#propertyModule.find-agents .address-book-list .card {
  border: 0;
  padding: 10px;
}

#propertyModule.find-agents .address-book-list .card > .row {
  border-bottom: solid 1px #dcdcdc;
  margin: 0 5px;
  padding-top: 10px;
  position: relative;
}

#propertyModule.find-agents .address-book-list .card > .row .agentLogo {
  margin-bottom: 10px;
  text-align: center;
}

#propertyModule.find-agents .address-book-list .card > .row .agentLogo img {
  max-width: 70%;
}

#propertyModule.find-agents .address-book-list .card > .row .agent-name {
  display: block;
  color: #000;
  font-family: "Fira Sans", sans-serif;
}

#propertyModule.find-agents .address-book-list .card > .row .agent-name:focus, #propertyModule.find-agents .address-book-list .card > .row .agent-name:hover {
  text-decoration: none;
  color: #D8232A;
}

#propertyModule.find-agents .address-book-list .card > .row .agent-property-link {
  font-size: 14px;
  color: #D8232A;
}

#propertyModule.find-agents .address-book-list .card > .row .featured-agent-label {
  background-color: #FED802;
  text-transform: uppercase;
  color: #000;
  font-size: 13px;
  padding: 3px 10px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 5px;
}

#propertyModule.find-agents .address-book-list .card > .row .report-button {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #f00;
  color: #FFF;
  font-size: 11px;
  padding: 1px 6px;
  opacity: 0.5;
}

#propertyModule.find-agents .address-book-list .card > .row .report-button:focus, #propertyModule.find-agents .address-book-list .card > .row .report-button:hover {
  text-decoration: none;
  opacity: 1;
}

#propertyModule.find-agents .address-book-list .card > .row:last-child {
  border: 0;
}

#propertyModule.find-agents .agent-side-search .search-field-container {
  width: calc(100% - 110px);
  display: inline-block;
}

#propertyModule.find-agents .agent-side-search .search-field-container input {
  border-radius: 0;
}

#propertyModule.find-agents .agent-side-search button {
  width: 100px;
  background-color: #D8232A;
  border: 0;
  display: inline-block;
  color: #FFF;
  padding: 7px 0;
  font-weight: 600;
  cursor: pointer;
}

#propertyModule.find-agents .agent-side-search button:focus, #propertyModule.find-agents .agent-side-search button:hover {
  opacity: 0.9;
}

#send-us-your-news-page {
  text-align: center;
}

#send-us-your-news-page .trigger-ugc-single-step-upload,
#send-us-your-news-page .ugc-single-step-upload-button,
#send-us-your-news-page .ugc-upload-button {
  cursor: pointer;
}

#send-us-your-news-page .hand-banner {
  min-height: 160px;
  width: 100%;
  background: url("/resources/responsive-static/images/hand-banner-red.png") no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 30px;
  background-color: #f5f5f5;
  margin-top: -25px;
}

#send-us-your-news-page h1 {
  color: #000;
  font-weight: 700;
  font-size: 50px;
  line-height: 55px;
  margin-bottom: 10px;
}

#send-us-your-news-page h2 {
  font-size: 23px;
  line-height: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

#send-us-your-news-page p.intro {
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 50px;
}

#send-us-your-news-page i {
  font-size: 45px;
  margin-bottom: 20px;
  display: block;
  color: #D8232A;
  line-height: 50px;
}

#send-us-your-news-page p.welcome {
  font-family: "Fira Sans", sans-serif;
  font-weight: 600;
  font-size: 26px;
  margin-top: 20px;
  margin-bottom: 30px;
}

#send-us-your-news-page p.col-text {
  font-family: "Fira Sans", sans-serif;
  font-size: 20px;
  padding: 0 30px;
}

#send-us-your-news-page a.suyn-cta {
  background-color: #D8232A;
  padding: 10px 20px;
  color: #FFF;
  font-weight: 700;
  margin-bottom: 30px;
  display: inline-block;
  font-size: 20px;
}

#send-us-your-news-page p.terms {
  font-family: "Fira Sans", sans-serif;
}

#puzzlerHomePage h1 {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 38px;
  text-transform: none;
  margin: 0;
}

#puzzlerHomePage h1 a {
  color: #105E8B;
}

#puzzlerHomePage h1 a:hover {
  color: #136da2;
  text-decoration: none;
}

#puzzlerHomePage .content-body {
  background-color: #FFF;
  box-shadow: 0;
  padding: 40px 25px 30px;
  text-align: center;
  margin-bottom: 40px;
}

#puzzlerHomePage .content-body h2 {
  font-family: "Fira Sans", sans-serif;
  font-size: 30px;
  line-height: 41px;
  font-weight: 400;
}

#puzzlerHomePage .content-body h3 {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

#puzzlerHomePage .content-body p {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  line-height: 23px;
  font-size: 18px;
  margin-top: 25px;
}

#puzzlerHomePage .content-body p a {
  text-decoration: underline;
  text-transform: uppercase;
  color: #976f2a;
}

@media (min-width: 576px) {
  #puzzlerHomePage .content-body p {
    line-height: 32px;
    font-size: 22px;
  }
}

@media (min-width: 576px) {
  #puzzlerHomePage .content-body {
    margin-bottom: 0;
    padding: 40px 25px 50px;
  }
}

#puzzlerHomePage .btn-container {
  text-align: center;
  margin-top: 30px;
}

#puzzlerHomePage .btn-container .btn-martini {
  font-size: 18px;
  padding: 0.7rem 1rem;
}

#puzzlerHomePage .btn-container .btn-martini.login-button {
  background-color: #164A65;
  margin-right: 10px;
}

#puzzlerHomePage .btn-container .btn-martini.login-button:hover {
  background-color: #113b50;
}

#puzzlerHomePage .btn-container .btn-martini.sub-button {
  background-color: #BB3510;
  margin-right: 10px;
}

#puzzlerHomePage .btn-container .btn-martini.sub-button:hover {
  background-color: #a42e0e;
}

#puzzlerHomePage .btn-container .btn-martini.play-button {
  background-color: #BB3510;
}

#puzzlerHomePage .btn-container .btn-martini.play-button:hover {
  background-color: #a42e0e;
}

#puzzlerHomePage .btn-container .btn-martini:hover {
  opacity: 1;
}

#puzzlerPlayPage h1 {
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 38px;
  text-transform: none;
  margin: 0;
}

#puzzlerPlayPage h1 a {
  color: #105E8B;
}

#puzzlerPlayPage h1 a:hover {
  color: #136da2;
  text-decoration: none;
}

#puzzlerPlayPage .content-body {
  background-color: #FFF;
  box-shadow: 0;
  text-align: center;
  margin-bottom: 40px;
}

#static-contact-us-header {
  border: solid 1px #AFC7D7;
  min-height: 100px;
  margin: 0 auto 25px;
  padding-bottom: 20px;
  width: 90%;
}

#static-contact-us-header p {
  position: relative;
  margin: 10px 5px;
  padding: 0 5px 10px 5px;
  font-family: "Roboto",sans-serif;
  font-size: 16px;
}

#static-contact-us-header .text-background {
  background: #F5F5F5;
  width: 45%;
  min-width: 275px;
  height: 20px;
  display: block;
  margin: -30px auto 0;
}

#static-contact-us-header h2 {
  text-align: center;
  font-family: "Noto Serif",serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  margin: -20px auto 20px;
}

#static-contact-us-header .wrapper {
  text-align: center;
  display: flex;
  justify-content: center;
}

#static-contact-us-header .col {
  width: 50%;
  min-width: 0;
  flex-basis: auto;
  padding-left: 9px;
  padding-right: 9px;
  flex: 0 0 50%;
  -ms-flex: 1 0 auto;
}

#static-contact-us-header .send-news a,
#static-contact-us-header .report-issue a {
  display: inline-block;
  background: #FFF;
  box-shadow: none;
  border: solid 2px #D8232A;
  color: #D8232A;
  padding: 3px 10px;
  width: auto;
  min-width: 200px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

#static-contact-us-header .send-news a:hover,
#static-contact-us-header .report-issue a:hover {
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
}

#static-contact-us-header .send-news a:active,
#static-contact-us-header .report-issue a:active {
  box-shadow: inset 0 1px 2px 2px rgba(0, 0, 0, 0.1);
}

#static-contact-us-header .send-news a {
  background: #D8232A;
  border: none;
  color: #FFF;
  padding: 5px 10px;
  margin-bottom: 5px;
}

@media (max-width: 576px) {
  #static-contact-us-header.responsive-header {
    border: none;
    border-bottom: solid 1px #AFC7D7;
    width: 100%;
  }
  #static-contact-us-header.responsive-header .wrapper {
    display: block;
  }
  #static-contact-us-header.responsive-header .col {
    width: 100%;
    flex: 0 0 auto;
    padding: 0px;
  }
  #static-contact-us-header.responsive-header .send-news a,
  #static-contact-us-header.responsive-header .report-issue a {
    width: 100%;
    min-width: 0;
  }
}

#localMotorsHomePage {
  margin-bottom: 18px;
}

#localMotorsHomePage h1 {
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  color: #000;
  line-height: 34px;
  text-transform: none;
}

#localMotorsHomePage h1 span {
  font-family: "Fira Sans", sans-serif;
  font-size: 14px;
  color: #323132;
  line-height: 17px;
  text-transform: lowercase;
}

#localMotorsHomePage h1 span img {
  margin-top: -6px;
}

#localMotorsHomePage aside .lm-side-ad,
#localMotorsHomePage aside .lm-top-ad {
  margin-bottom: 25px;
  max-width: 300px;
}

#LocalInfo .sectionHead,
#LocalInfo .sectionSmallHead {
  border-top: 1px solid #eee !important;
  padding-top: 17px;
  margin: 0 0 9px;
  color: #BA3B26;
  font-size: 1em;
  line-height: 1em;
  font-family: "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  clear: both;
}

#LocalInfo .sectionHead a,
#LocalInfo .sectionSmallHead a {
  color: #BA3B26;
  position: relative;
  padding: 0 6px 0 0;
  background-color: #fff;
}

#LocalInfo .sectionHead a:hover,
#LocalInfo .sectionSmallHead a:hover {
  color: #993300;
  /*padding: 0 26px 0 0;*/
}

#LocalInfo .sectionHead a:hover:after,
#LocalInfo .sectionSmallHead a:hover:after {
  width: 22px;
}

#LocalInfo .sectionHead a:after {
  font-family: 'FontAwesome';
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  content: "\f054\f054\f054";
  color: #CCC;
  text-shadow: none;
  font-style: normal;
  display: inline-block;
  border-right: 3px solid #fff;
  position: absolute;
  top: 2px;
  left: 100%;
  width: 8px;
  overflow: hidden;
  background-color: #fff;
  white-space: nowrap;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

#LocalInfo .sectionHead i {
  font-size: 14px;
  float: left;
  color: #888;
  margin: 0px 8px 0 3px;
}

#LocalInfo .localinfo_frontpage_image {
  background: #FFF;
  padding: 0 0 5px 10px;
  text-align: right;
}

#LocalInfo .localinfo_frontpage_image img {
  margin-bottom: 5px;
}

#LocalInfo .localinfo_list {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 18px;
}

#LocalInfo .locChange {
  height: 64px;
  float: left;
  background: #EEE url(/resources/static/standard/images/weather/weather-bg.png) repeat-x 0 100%;
  border: 1px solid #CCC;
  padding: 8px;
  margin-bottom: 6px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}

#LocalInfo .locChange #locationLabel {
  display: block;
  background: #3B3B3B url(/resources/static/standard/images/weather/weather-mid-bg.png) repeat-x 0 0;
  border: 1px solid #444;
  padding: .5em 6px;
  font: bold 1.6667em/1em "Open Sans", Arial, sans-serif;
  color: #FFF;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
}

#LocalInfo .locChange input[type="text"] {
  width: 230px;
  float: left;
  margin: -1.75em 10px 0 8.5em;
  font: bold 1.6667em/1em "Open Sans", Arial, sans-serif;
  height: 27px;
  padding: 0;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
}

#LocalInfo .locChange .btn {
  float: right;
  margin: -35px 6px 0 0;
}

#LocalInfo .locChange ul {
  margin: 6px 0 0 0;
  padding: 0;
  list-style: none;
}

#LocalInfo .locChange ul li {
  float: left;
  margin: 0 10px 0 0;
}

#LocalInfo .locChange ul li input[type="radio"] {
  margin: 0 4px 0 0;
}

#LocalInfo .locChange.localInfoSearch {
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  margin-bottom: 18px;
}

#LocalInfo .locChange.localInfoSearch input[type="text"] {
  margin: 0px;
  width: 320px;
}

#LocalInfo .locChange.localInfoSearch #location {
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  left: 215px;
  margin: 0px;
  position: absolute;
  top: 18px;
}

#LocalInfo .locChange.localInfoSearch input[type="text"] {
  width: 300px;
  margin-left: 9em;
}

#LocalInfo .locChange.localInfoSearch .btn {
  margin: -40px 6px 0 0;
}

#LocalInfo .locChange.localInfoSearch label {
  width: 588px;
}

#LocalInfo #crime p,
#LocalInfo #crime li,
#LocalInfo #crime dl {
  line-height: 1.5em;
}

#LocalInfo #crime ul {
  list-style: none;
  padding: 0;
}

#LocalInfo #crime .crimeRight {
  float: left;
  width: 530px;
}

#LocalInfo #crime .crimeRight .locChange {
  height: 100px;
  width: 100%;
}

#LocalInfo #crime .crimeRight .locChange > input {
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  left: 207px;
  margin: 0px;
  position: absolute;
  top: 19px;
}

#LocalInfo #crime .crimeRight .locChange #clocation {
  margin: -39px 8px 0px 0px;
}

#LocalInfo #crime .crimeInfo {
  clear: left;
  float: left;
  width: 630px;
  margin: 0 10px 30px 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer > p {
  clear: none;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer p,
#LocalInfo #crime .crimeInfo .crimeInfoContainer ul,
#LocalInfo #crime .crimeInfo .crimeInfoContainer dl {
  margin: 0 0 18px;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer dl dt {
  font-weight: bold;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer dl dd {
  padding-left: 18px;
  color: #666;
  margin-bottom: 18px;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li {
  float: left;
  width: 260px;
  margin-bottom: 18px;
  line-height: 2.6667em;
  padding-left: 40px;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoTelephone {
  background: transparent url("/resources/static/standard/images/ico_32_telephone.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoWebsite {
  background: transparent url("/resources/static/standard/images/ico_32_home.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoFacebook {
  background: transparent url("/resources/static/standard/images/ico_32_facebook.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoTwitter {
  background: transparent url("/resources/static/standard/images/ico_32_twitter.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoRss {
  background: transparent url("/resources/static/standard/images/ico_32_rss.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoFlickr {
  background: transparent url("/resources/static/standard/images/ico_32_flickr.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoYouTube {
  background: transparent url("/resources/static/standard/images/ico_32_youtube.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer #crimeMapNeighbourhood {
  border: 1px solid #CCCCCC;
  height: 200px;
  margin: 0 0 10px 20px;
  width: 300px;
  float: right;
}

#LocalInfo #crime .crimeSponsor {
  width: 960px;
}

#LocalInfo #crime .crimeFacets {
  float: left;
  width: 400px;
  margin-right: 10px;
}

#LocalInfo #crime .crimeFacets .crimeLoad {
  background: #FFF url("/resources/static/standard/images/loader32.gif") no-repeat scroll 0 0;
  color: #FFF;
  display: block;
  height: 32px;
  width: 0;
  padding: 0 32px 0 0;
  text-indent: -9999px;
  margin: 30px auto;
}

#LocalInfo #crime .crimeFacets p.crimePrint {
  margin: -30px 8px 0px 0px;
}

#LocalInfo #crime .crimeFacets h4 {
  margin: 0;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  color: #333;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.5em;
  padding: 8px 6px;
  text-transform: none;
  background: #DDD;
}

#LocalInfo #crime .crimeFacets h4 span {
  float: right;
  margin-right: 31px;
}

#LocalInfo #crime .crimeFacets .crimeRoads {
  margin: 0 0 30px 0;
  border: 1px solid #CCC;
  height: 160px;
  overflow-y: scroll;
}

#LocalInfo #crime .crimeFacets .crimeRoads li a {
  display: block;
  padding: 6px 8px;
  border-bottom: 1px solid #CCC;
  background: #F5F5F5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* W3C */
}

#LocalInfo #crime .crimeFacets .crimeRoads li a:hover {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e1e1e1',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* W3C */
}

#LocalInfo #crime .crimeFacets .crimeRoads li a.highlight {
  background: #fcfbf2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbf2), color-stop(100%, #fffbd8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf2', endColorstr='#fffbd8',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* W3C */
}

#LocalInfo #crime .crimeFacets .crimeRoads li ul {
  float: right;
}

#LocalInfo #crime .crimeFacets .crimeRoads li ul li {
  float: left;
  width: 6px;
  height: 12px;
  margin-left: 2px;
  text-indent: -9999px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #FFF;
  background-color: #DDD;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.all-crime a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.all-crime a span {
  background-color: #444;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.burglary a span, #LocalInfo #crime .crimeFacets .crimeTypes li.burglary,
#LocalInfo #crime .crimeFacets .crimeRoads li.burglary a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.burglary {
  background-color: #c6622e;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.anti-social-behaviour a span, #LocalInfo #crime .crimeFacets .crimeTypes li.anti-social-behaviour,
#LocalInfo #crime .crimeFacets .crimeRoads li.anti-social-behaviour a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.anti-social-behaviour {
  background-color: #186dab;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.robbery a span, #LocalInfo #crime .crimeFacets .crimeTypes li.robbery,
#LocalInfo #crime .crimeFacets .crimeRoads li.robbery a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.robbery {
  background-color: #789610;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.vehicle-crime a span, #LocalInfo #crime .crimeFacets .crimeTypes li.vehicle-crime,
#LocalInfo #crime .crimeFacets .crimeRoads li.vehicle-crime a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.vehicle-crime {
  background-color: #a02b55;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.violent-crime a span, #LocalInfo #crime .crimeFacets .crimeTypes li.violent-crime,
#LocalInfo #crime .crimeFacets .crimeRoads li.violent-crime a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.violent-crime {
  background-color: #c99a0b;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.public-disorder-weapons a span, #LocalInfo #crime .crimeFacets .crimeTypes li.public-disorder-weapons,
#LocalInfo #crime .crimeFacets .crimeRoads li.public-disorder-weapons a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.public-disorder-weapons {
  background-color: #9e0b0f;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.criminal-damage-arson a span, #LocalInfo #crime .crimeFacets .crimeTypes li.criminal-damage-arson,
#LocalInfo #crime .crimeFacets .crimeRoads li.criminal-damage-arson a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.criminal-damage-arson {
  background-color: #4a6333;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.drugs a span, #LocalInfo #crime .crimeFacets .crimeTypes li.drugs,
#LocalInfo #crime .crimeFacets .crimeRoads li.drugs a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.drugs {
  background-color: #663366;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.shoplifting a span, #LocalInfo #crime .crimeFacets .crimeTypes li.shoplifting,
#LocalInfo #crime .crimeFacets .crimeRoads li.shoplifting a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.shoplifting {
  background-color: #5674b9;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.other-theft a span, #LocalInfo #crime .crimeFacets .crimeTypes li.other-theft,
#LocalInfo #crime .crimeFacets .crimeRoads li.other-theft a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.other-theft {
  background-color: #603913;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.other-crime a span, #LocalInfo #crime .crimeFacets .crimeTypes li.other-crime,
#LocalInfo #crime .crimeFacets .crimeRoads li.other-crime a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.other-crime {
  background-color: #2e7b77;
}

#LocalInfo #crime .crimeFacets h3,
#LocalInfo #crime .crimeInfo h3,
#LocalInfo #crime .crimeSocial h3 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #FFFFFF;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1.3333em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.125em;
  margin-bottom: 0;
  padding: 8px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

#LocalInfo #crime p.crimePrint {
  float: right;
  margin: -2.4167em 8px 0 0;
  display: block;
}

#LocalInfo #crime p.crimePrint a {
  background: transparent url("/resources/static/standard/images/generic_btns_utils.png") no-repeat 100% -120px;
  color: #666666;
  display: block;
  height: 24px;
  padding: 0 25px 0 0;
  text-indent: -9999px;
}

#LocalInfo #crime p.crimePrint a:hover {
  background-position: 100% -150px;
}

#LocalInfo #crime .crimeLocation {
  width: 512px;
  height: 64px;
  background: #EEE url("/resources/static/standard/images/weather/weather-bg.png") repeat-x 0 100%;
  border: 1px solid #CCC;
  padding: 8px;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#LocalInfo #crime .crimeMap {
  border: 1px solid #CCCCCC;
  height: 398px;
  margin-bottom: 30px;
  width: 528px;
}

#LocalInfo #crime .crimeAttention {
  padding: 8px;
  margin: 0;
  border: 1px solid #ffed00;
  background-color: #fff59b;
}

#LocalInfo #crime .crimeSubhead {
  padding: 8px 8px 0;
  margin: 0;
  border: 1px solid #CCC;
  border-bottom: none;
}

#LocalInfo #crime .crimeSmallPrint {
  font-size: .9167em;
  line-height: 1.6364em;
  padding: 0 8px 8px;
  margin: 0;
  border: 1px solid #CCC;
  border-top: none;
  color: #999;
}

#LocalInfo #crime .crimeTypes,
#LocalInfo #crime .crimeFacets h4,
#LocalInfo #crime .crimeRoads {
  display: none;
}

#LocalInfo #crime .crimeTypes {
  margin: 0;
}

#LocalInfo #crime .crimeTypes li {
  float: left;
  width: 152px;
  border: 1px solid #CCC;
  border-top: 1px solid #FFF;
}

#LocalInfo #crime .crimeTypes li.all-crime, #LocalInfo #crime .crimeTypes li.anti-social-behaviour, #LocalInfo #crime .crimeTypes li.criminal-damage-arson, #LocalInfo #crime .crimeTypes li.public-disorder-weapons, #LocalInfo #crime .crimeTypes li.shoplifting, #LocalInfo #crime .crimeTypes li.other-theft {
  width: 248px;
}

#LocalInfo #crime .crimeTypes li a {
  display: block;
  background: #F5F5F5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* W3C */
  padding: 6px 8px;
  font-weight: bold;
  color: #333;
}

#LocalInfo #crime .crimeTypes li a:hover {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e1e1e1',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* W3C */
}

#LocalInfo #crime .crimeTypes li a.active {
  background: #fcfbf2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbf2), color-stop(100%, #fffbd8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf2', endColorstr='#fffbd8',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* W3C */
}

#LocalInfo #crime .crimeTypes li a span {
  float: right;
  padding: 0 4px;
  min-width: 27px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: right;
  color: #FFF;
}

#LocalInfo #crime .crimeInfoContainer,
#LocalInfo #crime .crimeSocialContainer {
  border: 1px solid #CCC;
  padding: 8px;
}

#LocalInfo #crime .crimeInfoContainer h4,
#LocalInfo #crime .crimeSocialContainer h4 {
  margin: 0 -8px 18px -8px;
  color: #333;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.5em;
  padding: 4px 6px;
  text-transform: none;
  background: #DDD;
  overflow: visible;
}

#LocalInfo #crime .crimeSocial {
  float: left;
  width: 300px;
  margin-bottom: 30px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4 span {
  float: left;
  height: 32px;
  margin-top: -7px;
  padding-left: 40px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4.crimeYouTubeHead span {
  background: transparent url("/resources/static/standard/images/ico_32_youtube.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4.crimeTwitterHead span {
  background: transparent url("/resources/static/standard/images/ico_32_twitter.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4.crimeEventsHead span {
  background: transparent url("/resources/static/standard/images/ico_32_calendar.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4.crimeRssHead span {
  background: transparent url("/resources/static/standard/images/ico_32_rss.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube h5,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeRss h5,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents h5 {
  font-size: 1em;
  line-height: 1.5em;
  /*font-family: Arial, Helvetica, sans-serif;*/
  letter-spacing: 0;
  margin: 0 0 0 106px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeRss h5,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents h5 {
  margin: 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeTwitter li,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeRss li,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #DDD;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeTwitter p.time,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeRss p.date {
  margin: 0;
  font-size: .9167em;
  text-align: right;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube p {
  font-size: .9167em;
  margin: 0 0 0 106px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube ul {
  list-style: none;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube ul li {
  margin-bottom: 10px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube .thumb {
  float: left;
  margin-right: 10px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents .crimeEventWhen,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents .crimeEventWhere,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents .crimeEventContact {
  margin: 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents .crimeEventDesc {
  font-size: .9167em;
}

#LocalInfo #crime #crimeMap {
  border: 1px solid #CCCCCC;
  height: 418px;
  margin-bottom: 30px;
  width: 528px;
}

#LocalInfo #crime #crimeMap .popup h2 {
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-weight: bold;
  letter-spacing: 0;
}

#LocalInfo #crime #crimeMap .popup tr span {
  float: left;
  width: 6px;
  height: 12px;
  text-indent: -9999px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #FFF;
  background-color: #DDD;
  margin: 4px 4px 0 0;
}

#LocalInfo #crime #crimeMap .popup tr span.burglary {
  background-color: #c6622e;
}

#LocalInfo #crime #crimeMap .popup tr span.anti-social-behaviour {
  background-color: #186dab;
}

#LocalInfo #crime #crimeMap .popup tr span.robbery {
  background-color: #789610;
}

#LocalInfo #crime #crimeMap .popup tr span.vehicle-crime {
  background-color: #a02b55;
}

#LocalInfo #crime #crimeMap .popup tr span.violent-crime {
  background-color: #c99a0b;
}

#LocalInfo #crime #crimeMap .popup tr span.public-disorder-weapons {
  background-color: #9e0b0f;
}

#LocalInfo #crime #crimeMap .popup tr span.criminal-damage-arson {
  background-color: #4a6333;
}

#LocalInfo #crime #crimeMap .popup tr span.drugs {
  background-color: #663366;
}

#LocalInfo #crime #crimeMap .popup tr span.shoplifting {
  background-color: #5674b9;
}

#LocalInfo #crime #crimeMap .popup tr span.other-theft {
  background-color: #603913;
}

#LocalInfo #crime #crimeMap .popup tr span.other-crime {
  background-color: #2e7b77;
}

#LocalInfo {
  /* Sold house prices */
}

#LocalInfo form.soldHousePriceSearch {
  border-bottom: 1px dotted #ccc;
  padding: 5px;
  margin-bottom: 20px;
}

#LocalInfo form.soldHousePriceSearch ul {
  margin: 0;
}

#LocalInfo form.soldHousePriceSearch ul li {
  list-style: none;
  margin: 0 20px 0 0;
  display: inline;
  float: left;
}

#LocalInfo form.soldHousePriceSearch label {
  font-weight: bold;
  font-size: .9em;
  margin: 0 5px 0 0;
  display: block;
}

#LocalInfo form.soldHousePriceSearch input[type=text] {
  width: 180px;
  display: inline-block;
  padding: 3px 3px 2px 3px;
  font-size: 12px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
}

#LocalInfo form.soldHousePriceSearch input.soldHousePriceSubmit {
  margin-top: 1.3em;
}

#LocalInfo form.soldHousePriceSearch .helper {
  font-style: italic;
  font-size: .8em;
  margin-bottom: 0;
}

#LocalInfo .soldHousePricesMap {
  display: block;
  clear: both;
  height: 400px;
  margin-bottom: 20px;
}

#LocalInfo table.soldHousePricesTable,
#LocalInfo table.soldpriceaveragetable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
  margin-top: 0 !important;
}

#LocalInfo table.soldHousePricesTable td,
#LocalInfo table.soldpriceaveragetable td {
  background-color: #eee;
}

#LocalInfo table.soldHousePricesTable th,
#LocalInfo table.soldpriceaveragetable th {
  border: 1px solid #ccc !important;
  background: #EEE;
}

#LocalInfo address.soldHousePricesAddress {
  line-height: 1.4em;
  font-style: normal;
  margin-bottom: 10px;
  float: right;
}

#LocalInfo ul.soldHousePricesDetails,
#LocalInfo ul.soldHousePricesMore {
  margin: 0 0 20px 0;
}

#LocalInfo ul.soldHousePricesDetails li,
#LocalInfo ul.soldHousePricesMore li {
  list-style: none;
  margin: 0;
}

#LocalInfo .locChange.localSchoolSearch {
  margin-bottom: 18px;
  height: 100px;
}

#LocalInfo .locChange.localSchoolSearch label#locationLabel {
  width: 588px;
}

#LocalInfo .locChange.localSchoolSearch input[type="text"] {
  width: 294px;
  margin-left: 9em;
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  left: 219px;
  margin: 0px;
  position: absolute;
  top: 19px;
}

#LocalInfo .locChange.localSchoolSearch .btn {
  margin: -39px 10px 0px 0px;
}

#LocalInfo .locChange.localSchoolSearch li > label {
  display: inline-block;
}

#LocalInfo #schoolProfile a.btn {
  color: #ffffff;
}

#LocalInfo #schoolProfile > p {
  clear: none;
}

#LocalInfo #schoolProfile .schoolPicture {
  float: right;
}

#LocalInfo #schoolProfile iframe {
  float: right;
}

#LocalInfo #schoolProfile dt {
  float: left;
  padding-right: 10px;
  font-weight: bold;
}

#LocalInfo #schoolProfile .percentage dt {
  padding: 3px;
  width: 50px;
}

#LocalInfo #schoolProfile .percentage dd {
  font-weight: bold;
  height: 2em;
  line-height: 2em;
  margin: 0 0 10px 60px;
}

#LocalInfo #schoolProfile .percentage .percentageBar {
  width: 300px;
  height: 2em;
  background-color: #d6d6d6;
  display: block;
  float: left;
  margin-right: 0.5em;
}

#LocalInfo #schoolProfile .percentage .percentageBar span {
  display: block;
  padding: 0px;
  height: 2em;
  background-color: #424242;
}

#LocalInfo #schoolProfile .upsoldSchool dd {
  margin: 0 0 10px 0;
}

#LocalInfo #schoolProfile .upsoldSchoolAssets {
  float: right;
  margin: 0 0 0 10px;
  width: 310px;
}

#LocalInfo #schoolProfile .upsoldSchoolAssets img {
  display: block;
  margin-bottom: 10px;
  max-width: 310px;
  height: auto;
}

#LocalInfo #schoolProfile .upsoldSchoolAssets iframe {
  margin-bottom: 10px;
}

#LocalInfo #schoolProfile #schoolLogo {
  margin-bottom: 10px;
  max-width: 620px;
}

#LocalInfo #traffic p, #LocalInfo #traffic li {
  line-height: 1.5em;
}

#LocalInfo #traffic ul {
  list-style: none;
  padding: 0;
}

#LocalInfo #traffic .trafficLocation {
  width: 512px;
  height: 80px;
  background: #EEE url("/resources/static/standard/images/weather/weather-bg.png") repeat-x 0 100%;
  border: 1px solid #CCC;
  padding: 8px;
  margin-bottom: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#LocalInfo #traffic .trafficLocation .trafficLocChange,
#LocalInfo #traffic .trafficLocation .trafficLocSubmit {
  margin: 0;
}

#LocalInfo #traffic .trafficLocation .trafficLocChange {
  height: 45px;
}

#LocalInfo #traffic .trafficLocation .trafficLocChange label {
  display: block;
  width: 498px;
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 0;
  border: 1px solid #444;
  padding: 0.5em 6px;
  font: bold 1.6667em/1em "Open Sans", Arial, sans-serif;
  color: #FFF;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
}

#LocalInfo #traffic .trafficLocation .trafficLocChange input {
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
  width: 220px;
  height: 25px;
  float: left;
  padding: 0;
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  left: 200px;
  margin: 0px;
  position: relative;
  top: -37px;
}

#LocalInfo #traffic .trafficLocation .trafficLocChange li > label {
  display: inline-block;
}

#LocalInfo #traffic .trafficLocation ul {
  margin: 0;
}

#LocalInfo #traffic .trafficLocation ul li {
  float: left;
  margin: 3px 10px 0 0;
}

#LocalInfo #traffic .trafficLocation ul li.trafficLocSubmit {
  float: right;
}

#LocalInfo #traffic .trafficLocation ul li input {
  margin: 0 4px 0 0;
  vertical-align: middle;
}

#LocalInfo #traffic .trafficLocation .btn {
  float: right;
  margin: -34px 6px 0 0;
  padding: 1px 6px;
}

#LocalInfo #traffic .trafficIncidents {
  float: left;
  width: 400px;
  margin: 0 10px 0 0;
}

#LocalInfo #traffic .trafficIncidents h3 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #FFFFFF;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1.3333em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.125em;
  margin-bottom: 0;
  padding: 8px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

#LocalInfo #traffic .trafficIncidents .trafficTimestamp {
  font-size: .9167em;
  line-height: 1.6364em;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  margin-bottom: 0;
  padding: 2px 8px;
  background-color: #EEE;
}

#LocalInfo #traffic .trafficIncidents form {
  font-size: .9167em;
  border: 1px solid #CCC;
  border-top: none;
  padding: 4px 8px;
  background-color: #EEE;
}

#LocalInfo #traffic .trafficIncidents form li {
  line-height: 1.6364em;
}

#LocalInfo #traffic .trafficIncidents form li .trafficOrderShow {
  margin-top: 5px;
}

#LocalInfo #traffic .trafficIncidents form label {
  display: inline-block;
  width: 80px;
}

#LocalInfo #traffic .trafficIncidents form select {
  padding: 0;
  font-size: 12px;
  height: 22px;
  width: 50%;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
}

#LocalInfo #traffic .trafficIncidents form button {
  padding: 2px 4px;
}

#LocalInfo #traffic .trafficIncidents .trafficList {
  border: 1px solid #CCC;
  border-top: none;
  border-bottom: none;
  margin-bottom: 30px;
}

#LocalInfo #traffic .trafficIncidents .trafficList li {
  border-bottom: 1px solid #CCC;
  position: relative;
  padding-bottom: 8px;
}

#LocalInfo #traffic .trafficIncidents .trafficList li li {
  border: none;
  position: static;
  padding-bottom: 0;
}

#LocalInfo #traffic .trafficIncidents .trafficList p {
  margin: 0;
  padding: 0 8px;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficDesc {
  padding-right: 40px;
  clear: none;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficFullDesc {
  margin-top: 5px;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap {
  float: left;
  clear: both;
  padding: 0;
  font-size: .9167em;
  line-height: 1.6364em;
  margin: 9px 0 0 8px;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap span {
  display: none;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap a {
  background: transparent url("/resources/static/standard/images/generic_btns_utils.png") no-repeat 0 -540px;
  padding: 0 0 5px 29px;
  height: 24px;
  display: block;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap a:hover {
  background-position: 0 -570px;
}

#LocalInfo #traffic .trafficIncidents .trafficList h4 {
  color: #333;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5em;
  margin-bottom: 0;
  padding: 8px 54px 8px 8px;
  background: #E1E1E1;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

#LocalInfo #traffic .trafficIncidents .trafficList h4 em {
  float: left;
  display: block;
  width: 0;
  text-indent: -9999px;
}

#LocalInfo #traffic .trafficIncidents .trafficList h4 span {
  font-size: .9167em;
  font-weight: normal;
}

#LocalInfo #traffic .trafficIncidents .trafficList .high h4 {
  border-left: 6px solid #e2001a;
  background-color: #ffd9d9;
}

#LocalInfo #traffic .trafficIncidents .trafficList .high:hover {
  background-color: #fff0f0;
}

#LocalInfo #traffic .trafficIncidents .trafficList .medium {
  font-size: inherit;
}

#LocalInfo #traffic .trafficIncidents .trafficList .medium h4 {
  border-left: 6px solid #f29400;
  background-color: #ffe9cd;
}

#LocalInfo #traffic .trafficIncidents .trafficList .medium:hover {
  background-color: #fff6eb;
}

#LocalInfo #traffic .trafficIncidents .trafficList .low h4 {
  border-left: 6px solid #ffed00;
  background-color: #fffbd3;
}

#LocalInfo #traffic .trafficIncidents .trafficList .low:hover {
  background-color: #fffef1;
}

#LocalInfo #traffic .trafficIncidents .trafficList .odd {
  background: #EEE;
}

#LocalInfo #traffic .trafficPrint {
  float: right;
  display: none;
  margin: -30px 8px 0px 0px;
}

#LocalInfo #traffic .trafficPrint a {
  background: transparent url("/resources/static/standard/images/generic_btns_utils.png") no-repeat 100% -120px;
  color: #666666;
  display: block;
  height: 24px;
  padding: 0 25px 0 0;
  text-indent: -9999px;
}

#LocalInfo #traffic .trafficPrint a:hover {
  background-position: 100% -150px;
}

#LocalInfo #traffic .trafficBubble {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#LocalInfo #traffic .trafficBubble p {
  margin: 0;
  padding: 0 8px;
}

#LocalInfo #traffic .trafficBubble p .trafficDesc {
  padding-right: 8px;
}

#LocalInfo #traffic .trafficBubble ul {
  padding: 0 8px;
}

#LocalInfo #traffic .trafficBubble h4 {
  color: #333;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5em;
  margin-bottom: 0;
  padding: 8px 54px 8px 8px;
  background: #E1E1E1;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

#LocalInfo #traffic .trafficBubble h4 em {
  float: left;
  display: block;
  width: 0;
  text-indent: -9999px;
}

#LocalInfo #traffic .trafficBubble h4 span {
  font-size: .9167em;
  font-weight: normal;
}

#LocalInfo #traffic .trafficBubble h4 .trafficBubbleClose {
  display: block;
  position: absolute;
  right: 1px;
  top: 1px;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  background: #FFF url("/resources/static/standard/images/generic_btns_actions.png") no-repeat 1px 1px;
  border: 1px solid #AAA;
}

#LocalInfo #traffic #trafficMap {
  width: 528px;
  height: 398px;
  border: 1px solid #CCCCCC;
  margin-bottom: 30px;
}

#LocalInfo #traffic #trafficMap h4 .high {
  border-left: 6px solid #e2001a;
  background-color: #ffd9d9;
}

#LocalInfo #traffic #trafficMap h4 .medium {
  border-left: 6px solid #f29400;
  background-color: #ffe9cd;
}

#LocalInfo #traffic #trafficMap h4 .low {
  border-left: 6px solid #ffed00;
  background-color: #fffbd3;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons,
#LocalInfo #traffic .trafficBubble .trafficIcons {
  position: absolute;
  top: 1px;
  left: 354px;
  text-indent: -9999px;
  padding: 0;
  line-height: 1.5em;
  border-left: 1px solid #FFF;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons span,
#LocalInfo #traffic .trafficBubble .trafficIcons span {
  float: left;
  text-indent: -9999px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .live,
#LocalInfo #traffic .trafficBubble .trafficIcons .live {
  background: #EEE url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -49px;
  width: 43px;
  height: 17px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .roadworks,
#LocalInfo #traffic .trafficBubble .trafficIcons .roadworks {
  background: #EEE url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% 0;
  width: 43px;
  height: 17px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .engineering,
#LocalInfo #traffic .trafficBubble .trafficIcons .engineering {
  background: #EEE url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -99px;
  width: 43px;
  height: 17px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .roadA,
#LocalInfo #traffic .trafficBubble .trafficIcons .roadA {
  background: #277621;
  color: #fff15f;
  font-weight: bold;
  height: 17px;
  text-indent: 0;
  text-align: center;
  padding: 0 2px;
  width: 39px;
  font-size: 0.8em;
  line-height: 1.6364em;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .roadB,
#LocalInfo #traffic .trafficBubble .trafficIcons .roadB {
  background: #999;
  color: #FFF;
  font-weight: bold;
  height: 17px;
  text-indent: 0;
  text-align: center;
  padding: 0 2px;
  width: 39px;
  font-size: 0.8em;
  line-height: 1.6364em;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .road,
#LocalInfo #traffic .trafficBubble .trafficIcons .road {
  background: #c9c9c9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -200px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .motorway,
#LocalInfo #traffic .trafficBubble .trafficIcons .motorway {
  background: #0238a0 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -150px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .rail,
#LocalInfo #traffic .trafficBubble .trafficIcons .rail {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -250px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .airport,
#LocalInfo #traffic .trafficBubble .trafficIcons .airport {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -300px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .tube,
#LocalInfo #traffic .trafficBubble .trafficIcons .tube {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -350px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .ferry,
#LocalInfo #traffic .trafficBubble .trafficIcons .ferry {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -400px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .bus,
#LocalInfo #traffic .trafficBubble .trafficIcons .bus {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -450px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficLastUpdate,
#LocalInfo #traffic .trafficBubble .trafficLastUpdate {
  font-size: .9167em;
  line-height: 1.6364em;
  color: #555;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap,
#LocalInfo #traffic .trafficBubble p .trafficViewMap {
  display: none;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare,
#LocalInfo #traffic .trafficBubble .trafficShare {
  float: right;
  list-style: none;
  margin-top: -31px;
  padding: 0 2px 0 0;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare li,
#LocalInfo #traffic .trafficBubble .trafficShare li {
  float: left;
  font-size: .9167em;
  line-height: 1.6364em;
  margin-left: 2px;
  border: none;
  padding: 0;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare li.email a,
#LocalInfo #traffic .trafficBubble .trafficShare li.email a {
  background: transparent url("/resources/static/standard/images/generic_btns_utils.png") no-repeat 0 -180px;
  padding: 0 8px 0 29px;
  height: 24px;
  display: block;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button,
#LocalInfo #traffic .trafficBubble .trafficShare .button {
  margin-right: 4px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button.button-with-icon,
#LocalInfo #traffic .trafficBubble .trafficShare .button.button-with-icon {
  border: 1px solid transparent;
  color: white;
  min-width: 28px !important;
  height: 28px !important;
  padding: 4px 16px !important;
  font-size: 16px;
  background-color: #797979;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button.button-with-icon.bg-fb,
#LocalInfo #traffic .trafficBubble .trafficShare .button.button-with-icon.bg-fb {
  background-color: #395283;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button.button-with-icon.bg-twitter,
#LocalInfo #traffic .trafficBubble .trafficShare .button.button-with-icon.bg-twitter {
  background-color: #3ea1cb;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button.button-with-icon:hover,
#LocalInfo #traffic .trafficBubble .trafficShare .button.button-with-icon:hover {
  background-color: white;
  color: #371556;
  border: 1px solid #ddd;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficViewMore,
#LocalInfo #traffic .trafficBubble .trafficViewMore {
  float: right;
  font-size: .9167em;
  line-height: 1.6364em;
  font-weight: bold;
  margin: 8px 0;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficViewMore a,
#LocalInfo #traffic .trafficBubble .trafficViewMore a {
  background: #068292 url("/resources/static/standard/images/generic_button_overlay.png") repeat-x;
  display: inline-block;
  padding: 0 4px;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
  overflow: visible;
  width: 100px;
  text-align: center;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficViewMore a:hover,
#LocalInfo #traffic .trafficBubble .trafficViewMore a:hover {
  background-color: #006D86;
  color: #fff;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficViewMore a:active,
#LocalInfo #traffic .trafficBubble .trafficViewMore a:active {
  top: 1px;
}

#LocalInfo #traffic .trafficBubble .trafficIcons {
  left: 239px;
}

#LocalInfo #traffic .trafficCamsMain {
  width: 380px;
}

#LocalInfo #traffic .trafficCams {
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 8px 8px 0 8px;
}

#LocalInfo #traffic .trafficCams img {
  border: 1px solid #555;
}

#LocalInfo #traffic .trafficCams p {
  position: relative;
  text-align: center;
  background-color: #222;
}

#LocalInfo #traffic .trafficCams p span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 4px 0;
  background-color: #000;
  border-top: 1px solid #222222;
  color: #FFF;
  font-weight: bold;
}

#LocalInfo #traffic .trafficCams ul {
  margin: 5px 0 0;
}

#LocalInfo #traffic .trafficCams ul li {
  float: left;
  width: 50px;
  list-style: none;
  margin: 0 4px 8px 0;
}

#LocalInfo #traffic .trafficRight {
  float: left;
  width: 530px;
}

#LocalInfo #traffic .trafficRight .trafficKey {
  float: left;
  width: 200px;
  margin: 0 30px 0 0;
}

#LocalInfo #traffic .trafficRight .trafficKey h4 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #FFFFFF;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1.3333em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.125em;
  margin-bottom: 0;
  padding: 8px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
  text-transform: none;
}

#LocalInfo #traffic .trafficRight .trafficKey ul {
  border: 1px solid #CCC;
  border-top: none;
  background-color: #EEE;
  padding: 8px;
  margin: 0 0 30px 0;
}

#LocalInfo #traffic .trafficRight .trafficKey ul li {
  padding: 0 0 0 25px;
  margin: 4px 0;
  border-bottom: 1px solid #FFF;
}

#LocalInfo #traffic .trafficRight .trafficKey .high {
  padding: 0 0 0 19px;
  border-left: 6px solid #E2001A;
}

#LocalInfo #traffic .trafficRight .trafficKey .medium {
  padding: 0 0 0 19px;
  border-left: 6px solid #F29400;
}

#LocalInfo #traffic .trafficRight .trafficKey .low {
  padding: 0 0 0 19px;
  border-left: 6px solid #FFED00;
}

#LocalInfo #traffic .trafficRight .trafficKey .live {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -49px;
}

#LocalInfo #traffic .trafficRight .trafficKey .roadworks {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 0;
}

#LocalInfo #traffic .trafficRight .trafficKey .engineering {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -99px;
}

#LocalInfo #traffic .trafficRight .trafficKey .roadA {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -500px;
}

#LocalInfo #traffic .trafficRight .trafficKey .roadB {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -550px;
}

#LocalInfo #traffic .trafficRight .trafficKey .road {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -200px;
}

#LocalInfo #traffic .trafficRight .trafficKey .motorway {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -150px;
}

#LocalInfo #traffic .trafficRight .trafficKey .rail {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -250px;
}

#LocalInfo #traffic .trafficRight .trafficKey .airport {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -300px;
}

#LocalInfo #traffic .trafficRight .trafficKey .tube {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -350px;
}

#LocalInfo #traffic .trafficRight .trafficKey .ferry {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -400px;
}

#LocalInfo #traffic .trafficRight .trafficKey .bus {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -450px;
}

#LocalInfo #traffic #mpu {
  float: left;
  width: 300px;
  margin-bottom: 30px;
}

#LocalInfo #traffic p.trafficPrint,
#LocalInfo #traffic .trafficIncidents .trafficList p.trafficViewMap {
  display: block;
}

#LocalInfo {
  margin-bottom: 20px;
}

#LocalInfo #weather #weatherLocChange {
  height: 120px;
  width: 52%;
}

#LocalInfo #weather #weatherLocChange > ul {
  margin: 34px 0px 0px 4px;
}

#LocalInfo #weather #weatherLocChange input[type="text"] {
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  position: absolute;
  top: 56px;
  width: 192px;
  left: 32px;
}

#LocalInfo #weather #weatherLocChange .btn {
  float: right;
  margin: -40px 6px 0 0;
}

#LocalInfo #weather .carousel {
  height: 350px;
}

#LocalInfo #weather .carouselItem img,
#LocalInfo #weather .weatherKey img,
#LocalInfo #weather #days7 img {
  border: none;
}

#LocalInfo #weather #map.weatherMaps > ul > li {
  padding: 0px;
}

#LocalInfo #weather #panelWeather {
  width: 378px;
  height: 120px;
  float: left;
  margin: 0 20px 20px 0;
}

#LocalInfo #weather #panelWeather .weatherTemp {
  font-size: 60px;
}

#LocalInfo #weather #panelWeather .btn {
  display: none;
}

#LocalInfo #weather #weatherSponsor {
  width: 524px;
  height: 30px;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
}

#LocalInfo #weather .carousel {
  margin: 0 41px 10px 0;
  height: 360px;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  clear: left;
  border: none;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#LocalInfo #weather .carousel h3 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  color: #FFF;
  border-bottom: 1px solid #CCC;
  padding: 8px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 1.3333em;
  line-height: 1.125em;
  letter-spacing: 0;
  margin-bottom: 0;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

#LocalInfo #weather .carousel li {
  padding: 0 0 5px 0;
}

#LocalInfo #weather .carousel li.carouselItem {
  float: left;
  list-style: none;
  margin: 0 10px 0 0;
  width: 609px;
  height: 360px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#LocalInfo #weather .carousel li ul {
  margin-left: 0;
  background-color: #CCC;
  border-left: 1px solid #CCC;
  padding: 0;
  list-style: none;
}

#LocalInfo #weather .carousel li ul li {
  float: left;
  width: 152px;
  border-right: 1px solid #CCC;
  background-color: #FFF;
}

#LocalInfo #weather .carousel li ul li span {
  display: block;
  line-height: 1;
  padding: 5px 12px;
  border-bottom: 1px solid #CCC;
  text-align: center;
}

#LocalInfo #weather .carousel li ul li span img {
  padding-right: 5px;
}

#LocalInfo #weather .carousel li ul li span.conditions img {
  padding: 0;
}

#LocalInfo #weather .carousel li ul li span.time {
  font-weight: bold;
  background-color: #DDD;
}

#LocalInfo #weather .carousel li ul li span.temp {
  background-color: #F5F5F5;
}

#LocalInfo #weather .carousel li ul li span.precipitation {
  background-color: #F5F5F5;
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .carousel li ul li span.humidity {
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .carousel li ul li span.rainprobability {
  background-color: #F5F5F5;
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .carousel li ul li span.cloudcover {
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .carousel li ul li span.visibility {
  background-color: #F5F5F5;
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .jcarousel-container {
  position: relative;
  float: left;
  width: 100%;
  margin-right: 20px;
  padding: 0 5px 0 5px;
  margin-bottom: 10px;
}

#LocalInfo #weather .jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 360px;
}

#LocalInfo #weather .jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#LocalInfo #weather .jcarousel-next {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 3;
  display: none;
  width: 13px;
  height: 143px;
  cursor: pointer;
  border: 1px solid #E1E1E1;
  background: #EEE url("/resources/static/standard/images/bmd_carousel_arrows.png") no-repeat -50px 0;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

#LocalInfo #weather .jcarousel-prev {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 3;
  display: none;
  width: 13px;
  height: 143px;
  cursor: pointer;
  border: 1px solid #E1E1E1;
  background: #EEE url("/resources/static/standard/images/bmd_carousel_arrows.png") no-repeat -1px 0;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

#LocalInfo #weather .jcarousel-next:hover,
#LocalInfo #weather .jcarousel-next:active {
  background-position: -75px 0;
}

#LocalInfo #weather .jcarousel-next-disabled-horizontal,
#LocalInfo #weather .jcarousel-next-disabled-horizontal:hover,
#LocalInfo #weather .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background: #EEE url("/resources/static/standard/images/bmd_carousel_arrows.png") no-repeat -50px 0 !important;
  border-color: #E1E1E1 !important;
}

#LocalInfo #weather .jcarousel-prev:hover,
#LocalInfo #weather .jcarousel-prev:active {
  background-position: -26px 0;
}

#LocalInfo #weather .jcarousel-prev-disabled-horizontal,
#LocalInfo #weather .jcarousel-prev-disabled-horizontal:hover,
#LocalInfo #weather .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background: #EEE url("/resources/static/standard/images/bmd_carousel_arrows.png") no-repeat -1px 0 !important;
  border-color: #E1E1E1 !important;
}

#LocalInfo #weather .btnWeatherNext,
#LocalInfo #weather .btnWeatherPrev {
  background-color: #068292;
  border-color: #4D6064;
}

#LocalInfo #weather .weatherKey {
  clear: both;
  margin-bottom: 20px;
  background-color: #F5F5F5;
  border: 1px solid #CCC;
  font-size: .9167em;
  padding: 0 5px;
  list-style: none;
}

#LocalInfo #weather .weatherKey li {
  float: left;
  margin-right: 15px;
  line-height: 2.9090em;
}

#LocalInfo #weather .weatherVideo {
  width: 300px;
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
}

#LocalInfo #weather table {
  clear: both;
  border: 1px solid #CCC;
  margin-bottom: 20px;
  width: 100%;
}

#LocalInfo #weather table caption {
  caption-side: top;
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  color: #FFF;
  padding: 8px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: bold;
  font-size: 1.3333em;
  line-height: 1.125em;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
  text-align: center;
}

#LocalInfo #weather table th,
#LocalInfo #weather table td {
  border: 1px solid #CCC;
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
}

#LocalInfo #weather table td {
  text-align: center;
}

#LocalInfo #weather table td img {
  display: block;
  margin: 0 auto;
}

#LocalInfo #weather table th {
  font-weight: bold;
  background-color: #DDD;
}

#LocalInfo #weather table tr {
  vertical-align: middle;
}

#LocalInfo #weather table tr:nth-of-type(even) {
  background-color: #F5F5F5;
}

#LocalInfo #weather table thead td {
  background-color: #DDD;
}

#LocalInfo #weather .weatherMaps {
  width: 620px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#LocalInfo #weather .weatherMaps h3 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  color: #FFF;
  padding: 8px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-weight: bold;
  font-size: 1.3333em;
  line-height: 1.125em;
  letter-spacing: 0;
  margin-bottom: 0;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

#LocalInfo #weather .weatherMaps ul {
  border: 1px solid #CCC;
  background-color: #F5F5F5;
  padding: 0;
  list-style: none;
}

#LocalInfo #weather .weatherMaps ul li {
  float: left;
  width: 206px;
  text-align: center;
}

#LocalInfo #weather .weatherMaps ul li a {
  display: block;
  padding: 10px 5px;
  color: #333;
  font-weight: bold;
  line-height: 1.5em;
}

#LocalInfo #weather .weatherMaps ul li a:hover {
  color: #333;
}

#LocalInfo #weather .weatherMaps ul li a span {
  font-weight: normal;
  font-size: .9166em;
}

#LocalInfo #weather .weatherMaps li img {
  width: 190px;
}

#LocalInfo #weather .JSEnabled .weatherMaps ul {
  border: 1px solid #CCC;
  position: relative;
  height: 345px;
  background-color: #F5F5F5;
}

#LocalInfo #weather .weatherMaps ul li {
  float: none;
  width: auto;
  text-align: left;
}

#LocalInfo #weather .JSEnabled .weatherMaps ul li a {
  display: block;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #F5F5F5;
  padding: 10px 5px;
  width: 178px;
  background-color: #DDD;
}

#LocalInfo #weather .JSEnabled .weatherMaps ul li a:hover {
  background-color: #C5C5C5;
}

#LocalInfo #weather .JSEnabled .weatherMaps li img {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  border-left: 1px solid #CCC;
  background-color: #FFF;
  width: 420px;
  display: none;
}

#LocalInfo #weather .weatherMaps ul li.weatherMapOn a {
  background-color: #FFF;
  position: relative;
  z-index: 1;
}

#LocalInfo #weather .weatherMaps ul li.weatherMapOn a:hover {
  background-color: #FFF;
}

#LocalInfo #weather .weatherMaps ul li.weatherMapOn img {
  display: block;
}

#LocalInfo #weather .weatherMpu {
  width: 300px;
  float: left;
  margin-bottom: 20px;
}

#LocalInfo #weather .weatherMore {
  width: 300px;
  margin-left: 20px;
  float: left;
}

#LocalInfo #weather .weatherMore ul {
  list-style: disc inside none;
  line-height: 1.5em;
  padding: 0;
  list-style: none;
}

#LocalInfo #weather .weatherMore ul li {
  float: left;
  width: 150px;
}

#LocalInfo {
  font-size: 14px;
  line-height: 1.5em;
}

#LocalInfo .h1, #LocalInfo h1 {
  font-family: "Noto Serif",serif;
  font-size: 38px;
  line-height: 52px;
  font-weight: 600;
}

#LocalInfo .h1 .page-title, #LocalInfo h1 .page-title {
  margin-bottom: 5px;
}

#LocalInfo .xx-large {
  font-size: 34px;
}

#LocalInfo .semi-loud {
  font-weight: 600;
}

#LocalInfo .name {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  width: 494px;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .address_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .address_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .contact_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .contact_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .contact_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .contact_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .opening_hours_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .opening_hours_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .opening_hours_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .opening_hours_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .facilities_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .facilities_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .facilities_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .facilities_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .transport_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .transport_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .transport_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .transport_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .patient_info_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .patient_info_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .patient_info_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .patient_info_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .staying_info_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .staying_info_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .staying_info_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .staying_info_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .services_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .services_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .services_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .services_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .localinfo_searchbox {
  font-size: 1.6em;
  font-weight: bold;
}

#LocalInfo .localinfo_submitbutton {
  font-size: .9em;
}

#LocalInfo .localinfo_frontpage_image {
  font-size: .8em;
  float: right;
  text-align: right;
}

#LocalInfo .localinfo_state_change {
  font-size: .8em;
  background-color: #FF9;
  margin: 2px;
  padding: 2px;
}

#LocalInfo .localinfo_infotype {
  font-weight: bold;
  margin-left: -2px;
  padding: 1px;
}

#LocalInfo .localinfo_category_heading {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 3px;
}

#LocalInfo .localinfo_list {
  list-style-type: disc;
  padding: 0 0 18px 18px;
}

#LocalInfo #DIV {
  border: 1px #000 solid;
}

#LocalInfo .crumbnav {
  font-size: .9em;
}

#LocalInfo .disclaimer {
  color: #a0a0a0;
  font-size: 0.9167em;
  margin-left: 10px;
  padding: 0;
}

#LocalInfo table.ks {
  text-align: right;
  font-size: .9em;
  margin-bottom: 18px;
}

#LocalInfo table.ks th {
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  color: #000;
  background-color: #eaeaea;
  font-weight: bold;
}

#LocalInfo table.ks tr,
#LocalInfo table.ks th,
#LocalInfo table.ks td {
  padding: 5px;
  margin: 5px;
}

#LocalInfo .zebra0 {
  background-color: #eee;
}

#LocalInfo .maplink {
  font-size: .9em;
}

#LocalInfo .img {
  border: 0 none;
  text-align: center;
  vertical-align: middle;
  padding: 6px 4px 4px 10px;
}

#LocalInfo div.local-image {
  float: right;
  margin-left: .5em;
  height: 1%;
}

#LocalInfo li {
  list-style: none;
}

#LocalInfo ul.paginate {
  margin: 0 0 10px 0;
  padding: 5px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

#LocalInfo ul.paginate li {
  list-style: none;
  float: left;
  padding: 2px 5px;
  font-size: .8em;
  margin: 5px 0;
  border-right: 1px solid #ccc;
  line-height: 1;
}

#LocalInfo ul.paginate li.currentItem {
  background: #e1e1e1;
}

#LocalInfo ul.paginate li.currentItem a {
  color: #000;
}

#newsletters .header-section {
  font-family: "Fira Sans", sans-serif;
}

#newsletters .header-section h1 {
  font-size: 32px;
  font-family: inherit;
  font-weight: bold;
}

@media (max-width: 575.98px) {
  #newsletters .header-section h1 {
    font-size: 24px;
  }
}

#newsletters .header-section p {
  margin: 0;
  font-size: 18px;
  font-family: inherit;
}

@media (max-width: 767.98px) {
  #newsletters .header-section p {
    font-size: 16px;
  }
}

#newsletters .button-compensation {
  margin-bottom: 90px;
}

#newsletters .top-newsletters .newsletter-list h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 4px;
  font-family: "Roboto", sans-serif;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item {
  background-color: #F5F5F5;
  display: inline-block;
  padding: 10px;
  margin: 7px 5px;
  position: relative;
  width: 49.5%;
  /* Fallback for IE11 */
  width: calc(50% - 12px);
  vertical-align: top;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item p {
  margin: 0;
  font-size: 16px;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item .newsletter-name {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  font-family: "Fira Sans", sans-serif;
  margin-right: 25px;
  margin-bottom: 7px;
  line-height: 20px;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item .sub-heading {
  color: #696969;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item .subscribed-checkbox {
  position: absolute;
  position: absolute;
  right: -85px;
  top: 10px;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item .send-period {
  font-weight: 600;
  font-size: 16px;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item .send-period.standard-news {
  color: #696969;
  font-weight: 400;
  font-family: 'Roboto', sans-serif;
}

@media (max-width: 575.98px) {
  #newsletters .top-newsletters .newsletter-list .newsletter-grid-item .send-period {
    font-size: 15px;
  }
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item.breaking-news {
  border-left: 5px solid #D0021B;
  width: calc(100% - 10px);
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item.breaking-news .newsletter-name {
  padding-right: 35px;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item.breaking-news .checkbox-checkmark {
  top: 4px;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item.breaking-news p {
  display: inline-block;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item.breaking-news p.breaking-news-remove {
  display: none;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item.breaking-news p.breaking-news-period {
  color: #4A4A4A;
  font-weight: normal;
  margin-right: 25px;
}

#newsletters .top-newsletters .newsletter-list .newsletter-grid-item.standard-news-grid-item {
  width: calc(33% - 9px);
  height: 90px;
  margin: 7px 4px;
}

@media (max-width: 575.98px) {
  #newsletters .top-newsletters .newsletter-list .newsletter-grid-item {
    min-width: 100%;
    margin: 7px 0;
  }
}

#newsletters .top-newsletters .newsletter-list .breaking-news-remove {
  display: none;
}

#newsletters .checkbox-container {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 115px;
}

#newsletters .checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

#newsletters .checkbox-container input:checked ~ .checkbox-checkmark {
  background-color: #e14349;
}

#newsletters .checkbox-container input:checked ~ .checkbox-checkmark:after {
  display: block;
}

#newsletters .checkbox-container .checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #DBDBDB;
}

#newsletters .checkbox-container .checkbox-checkmark:after {
  content: '';
  position: absolute;
  display: none;
}

#newsletters .checkbox-container .checkbox-checkmark:after {
  left: 5px;
  top: 0px;
  width: 8px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#newsletters .fixed-cta-container {
  width: 100%;
  position: fixed;
  position: -webkit-sticky;
  position: sticky;
  bottom: 30px;
  left: 0;
  z-index: 1;
  text-align: center;
}

#newsletters .fixed-cta-container a {
  margin-top: 10px;
  background-color: #D8232A;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 5px 20px;
  display: inline-block;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

#newsletters .fixed-cta-container a:hover {
  text-decoration: none;
}

@media (max-width: 767.98px) {
  #newsletters .fixed-cta-container a {
    font-size: 17px;
    padding: 8px 30px;
  }
}

@media (max-width: 575.98px) {
  #newsletters .fixed-cta-container a {
    text-align: center;
    padding: 8px 10px;
  }
}

#inArticlePromotion p {
  margin: 0;
}

#inArticlePromotion.main-promotion {
  position: relative;
  height: 60px;
  width: 100%;
  font-family: "Roboto", sans-serif;
  background-color: #b51d23;
  color: #fff;
  margin-bottom: 18px;
}

#inArticlePromotion .accent-left {
  width: 15px;
  height: 100%;
  display: block;
  float: left;
  background-color: #e14349;
}

#inArticlePromotion .promotion-container {
  display: block;
  vertical-align: middle;
  margin-left: 25px;
}

#inArticlePromotion .main-promotion-text {
  font-size: 18px;
  font-weight: 600;
  float: left;
  margin-top: 6px;
  font-family: "Roboto", sans-serif;
  min-width: 180px;
}

#inArticlePromotion .view-all {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  float: left;
  font-family: "Roboto", sans-serif;
  text-decoration: underline;
}

#inArticlePromotion .form-container {
  float: right;
  text-align: right;
  padding-right: 7px;
  margin-top: 12px;
  max-width: 50%;
}

#inArticlePromotion .form-input {
  border-radius: 0 !important;
  font-size: 15px;
  height: 36px;
  vertical-align: middle;
  padding: 6px 8px;
  border: none;
  margin-right: -4px;
  margin-left: 5px;
  font-family: "Roboto", sans-serif;
  max-width: calc(100% - 105px);
}

#inArticlePromotion .btn-sign-up {
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  padding-top: 3px;
  height: 36px;
  width: 100px;
  white-space: nowrap;
  text-align: center;
  background-color: #e14349;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  color: #fff;
  font-family: "Roboto", sans-serif;
}

@media (max-width: 992px) {
  #inArticlePromotion.main-promotion {
    overflow: auto;
    height: 125px;
    overflow-x: hidden;
  }
  #inArticlePromotion .promotion-container {
    position: relative;
    margin-left: 0;
    width: calc(100% - 15px);
    float: right;
  }
  #inArticlePromotion .form-container {
    text-align: left;
    float: none;
    max-width: unset;
    padding-right: 0;
    display: inline-block;
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
  }
  #inArticlePromotion .form-input {
    margin-left: 0px;
    width: calc(100% - 100px);
    max-width: 100%;
  }
  #inArticlePromotion .main-promotion-text {
    display: inline-block;
    float: none;
    padding-left: 15px;
  }
}

@media (max-width: 992px) and (max-width: 480px) {
  #inArticlePromotion .main-promotion-text {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  #inArticlePromotion .view-all {
    margin-top: 14px;
    float: none;
    display: inline-block;
    width: 300px;
    padding-left: 15px;
  }
}

@media (max-width: 767.98px) {
  #piano-container-inside-article {
    margin-right: -10px;
    margin-left: -10px;
  }
}

#account .btn {
  height: 40px;
  background-color: #e14349;
  color: #fff;
  font-weight: 600;
  padding: 8px 10px;
}

#sectionList .page-heading {
  font-size: 28px;
}

#sectionList .page-description {
  font-size: 17px;
  color: #343C49;
}

#sectionList .parent-section {
  margin-bottom: 25px;
}

#sectionList .parent-section.card {
  border-radius: 0;
  border: none;
}

#sectionList .parent-section.card .container-fluid {
  padding-left: 10px;
  padding-right: 10px;
}

#sectionList .parent-section h2 {
  font-size: 20px;
}

#sectionList .parent-section li {
  border-bottom: 1px solid #E2E2E2;
  padding: 10px 0;
}

#sectionList .parent-section li a {
  font-size: 14px;
  color: #4A4A4A;
  text-decoration: none;
  font-weight: 600;
}

#sectionList .parent-section li a:hover {
  color: #D8232A;
}

@media (min-width: 768px) {
  #sectionList .parent-section li.col-md-6 {
    max-width: calc(50% - 15px);
  }
  #sectionList .parent-section li:nth-child(odd) {
    margin-right: 25px;
  }
}

#ccnAccount .tab-title {
  color: #CA4901;
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
}

#ccnAccount p {
  font-size: 18px;
  line-height: 21px;
}

#ccnAccount .ts-and-cs-container {
  display: flex;
}

#ccnAccount .ts-and-cs-container label {
  font-size: 13px;
}

#ccnAccount .ts-and-cs-container input {
  margin-right: 10px;
  margin-top: 4px;
}

#createArticle {
  min-height: 200px;
}

#createArticle .control-label {
  font-size: 14px;
  font-family: 'Helvetica Neue', sans-serif;
}

#createArticle .help-text {
  font-size: 14px;
  font-family: 'Libre Franklin', sans-serif;
}

#createArticle .cancel-button {
  color: #F34942;
}

#createArticle .photo-container {
  margin-bottom: 40px;
}

#createArticle .photo-container img {
  width: 188px;
  height: auto;
  display: inline-block;
  vertical-align: top;
}

#createArticle .photo-container p {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  max-width: 60%;
}

#createArticle .photo-container .photoCaption {
  display: block;
  width: 100%;
}

#createArticle .photo-container .image-delete {
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 10px;
}

#createArticle .label-ownership-index {
  font-size: 14px;
}

#createArticle .image-upload-temporary-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
}

#articleList {
  min-height: 250px;
}

#articleList [v-cloak] {
  display: none;
}

#articleList .write-new {
  color: #fff;
}

#articleList .article-item {
  border-bottom: 1px solid #D8D8D8;
  padding-top: 10px;
}

#articleList .article-item > a {
  font-weight: bold;
  font-size: 14px;
  line-height: 27px;
}

#articleList .article-item div.article-body {
  font-size: 12px;
  line-height: 15px;
  color: #767E86;
  padding: 10px 0 0;
  margin-bottom: 5px;
}

#articleList .article-item div.article-body strong {
  color: #767E86;
}

#articleList .article-item .article-info {
  padding-bottom: 10px;
}

#articleList .article-item .article-info .status-badge {
  width: 280px;
  height: 125px;
  font-size: 10px;
  font-weight: bold;
  padding: 3px 5px;
  border-radius: 5px;
  color: #fff;
}

#articleList .article-item .article-info .status-badge.status-submitted, #articleList .article-item .article-info .status-badge.status-resubmitted {
  background-color: #529FC9;
}

#articleList .article-item .article-info .status-badge.status-read {
  background-color: #6572C7;
}

#articleList .article-item .article-info .status-badge.status-change_requested {
  background-color: #A3A3A3;
}

#articleList .article-item .article-info .status-badge.status-sent {
  background-color: #4CA688;
}

#articleList .article-item .article-info .status-badge.status-rejected {
  background-color: #C76565;
}

#articleList .article-item .article-info span {
  font-size: 12px;
}

#articleList .article-item .article-info span .submitted-time {
  color: #71798A;
}

#articleList .article-item .article-info span b {
  color: #6C757D;
}

#articleList #newMessage .modal-header {
  background-color: #DBDBDB;
  color: #6C757D;
  padding: 20px 30px;
}

#articleList #newMessage .modal-header .modal-title {
  font-size: 16px;
  font-weight: 600;
}

#articleList #newMessage .modal-body {
  padding: 30px 35px;
}

#articleList #newMessage .modal-body p {
  font-size: 14px;
  color: #444;
}

#articleList .bottom-pagination .page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

#articleList .bottom-pagination .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

#articleList .bottom-pagination .page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

#ccnFaq .faq-item {
  width: 100%;
}

#ccnFaq .faq-item h3 {
  font-weight: bold;
  cursor: pointer;
}

#ccnFaq .back-to-articles {
  display: flex;
  align-items: center;
  font-size: 12px;
}

#ccnFaq .back-to-articles:hover {
  text-decoration: none;
}

#ccnFaq .back-to-articles i {
  font-size: 25px;
  margin-right: 5px;
}

#lockedArticle ul {
  list-style: disc;
  padding-left: 12px;
}

#lockedArticle ol {
  list-style: decimal;
  padding-left: 16px;
}

#lockedArticle .back-to-articles {
  display: flex;
  align-items: center;
  font-size: 12px;
}

#lockedArticle .back-to-articles:hover {
  text-decoration: none;
}

#lockedArticle .back-to-articles i {
  font-size: 25px;
  margin-right: 5px;
}

#lockedArticle .article-locked-alert {
  background-color: #F0F0F0;
  padding: 20px 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

#lockedArticle .article-locked-alert i {
  font-size: 50px;
  color: #4E4E56;
  margin-right: 40px;
}

#lockedArticle .article-locked-alert p {
  margin: 0;
}

#lockedArticle .article-locked-alert p:first-child {
  font-size: 16px;
}

#lockedArticle .article-locked-alert p:last-child {
  font-size: 12px;
}

#lockedArticle .section-title {
  font-size: 14px;
  color: #333;
  font-weight: 600;
}

#lockedArticle .article-headline {
  font-size: 20px;
  color: #6C757D;
  font-weight: 600;
}

#lockedArticle .section-text {
  font-size: 14px;
  color: #444;
}

#lockedArticle .photo-container {
  margin-bottom: 40px;
}

#lockedArticle .photo-container img {
  width: 188px;
  height: auto;
  display: inline-block;
  vertical-align: top;
}

#lockedArticle .photo-container p {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  max-width: 60%;
}

#lockedArticle #articleBody strong {
  color: #6C757D;
}

#articleSubmitted p {
  margin: 0;
  font-size: 15px;
}

#articleSubmitted h3 {
  margin-bottom: 15px;
  font-size: 27px;
}

#articleSubmitted .article-list-return {
  color: #fff;
  margin-top: 45px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
}

#ccn-questionnaire-view .submit-questionnaire {
  background-color: #762207;
  color: #fff;
  border-radius: 0;
}

#ccn-questionnaire-view .image-terms {
  font-size: 12px;
}

#ccn-questionnaire-view .custom-upload-image .input-label {
  padding: 10px 20px;
}

#ccn-questionnaire-view .terms-confirm {
  font-size: 15px;
}

#ccn-questionnaire-view .mandatory-question {
  color: #F34942;
}

#ccn-questionnaire-view .image-upload-section .custom-upload-image .custom-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

#ccn-questionnaire-view .image-upload-section .custom-upload-image .input-label {
  text-align: center;
  border: 1px dashed #6C757D;
  padding: 15px 20px;
  cursor: pointer;
}

#ccn-questionnaire-view .image-upload-section .custom-upload-image .input-label span {
  display: block;
  font-size: 23px;
  margin-bottom: 3px;
}

#ccn-questionnaire-view .image-upload-section #image-preview-modal-image img {
  max-width: 100%;
}

#ccn-questionnaire-view .image-upload-section .uploaded-images .image-item img {
  max-width: 100%;
  max-height: 200px;
}

#ccn-questionnaire-view .image-upload-section .uploaded-images .image-item textarea {
  height: 80px;
}

#ccn-questionnaire-view .image-upload-section .uploaded-images .image-item .image-delete {
  color: #F34942;
}

#assignment-response-form .contrib-terms-link {
  color: #D8232A;
}

#assignment-response-form #send-assignment-response {
  background-color: #D8232A;
  color: #fff;
  max-width: 295px;
  margin-left: 40px;
}

#assignment-response-form .custom-upload-image .img-upload-label {
  width: 100%;
}

#response-submit-success.data-gathering {
  margin-bottom: -16px;
}

#response-submit-success .msg-thanks {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 40px;
}

@media (max-width: 991.98px) {
  #response-submit-success .msg-thanks {
    font-size: 18px;
  }
}

#response-submit-success .write-more {
  font-family: "Fira Sans", sans-serif;
  font-size: 41px;
  line-height: 30px;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  #response-submit-success .write-more {
    font-size: 34px;
  }
}

#response-submit-success .site-masthead {
  font-family: "Fira Sans", sans-serif;
  font-size: 41px;
  line-height: 61px;
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991.98px) {
  #response-submit-success .site-masthead {
    font-size: 34px;
  }
}

#response-submit-success .site-masthead img {
  width: 330px;
  height: auto;
}

#response-submit-success .msg-text {
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  line-height: 36px;
}

@media (max-width: 991.98px) {
  #response-submit-success .msg-text {
    font-size: 20px;
  }
}

#response-submit-success .image-button-container {
  display: flex;
}

@media (max-width: 991.98px) {
  #response-submit-success .image-button-container {
    flex-direction: column-reverse;
  }
}

#response-submit-success .image-button-container .msg-image-container img {
  width: 203px;
  height: 162px;
  margin-left: 25px;
}

#response-submit-success .image-button-container .btn-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 991.98px) {
  #response-submit-success .image-button-container .btn-container {
    margin-bottom: 35px;
  }
}

#response-submit-success .image-button-container .btn-container .go-to-community-form {
  font-family: "Roboto", sans-serif;
  background-color: #D8232A;
  color: #fff;
  max-width: 331px;
  width: 100%;
  height: 38px;
  border-radius: 0;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

#response-submit-success .image-button-container .btn-container .return-to-article,
#response-submit-success .image-button-container .btn-container .return-to-homepage {
  font-family: "Roboto", sans-serif;
  color: #D8232A;
  font-size: 16px;
  line-height: 19px;
}

#response-submit-success .non-dg-btn-container .return-to-homepage, #response-submit-success .non-dg-btn-container .return-to-article {
  background: #D8232A;
  color: #fff;
}

#stdlinks {
  display: none;
}

#es-spinner .es-spinner {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translate(-50%, -50%);
}

#es-spinner .es-spinner::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #07d;
  border-bottom-color: #07d;
  animation: spinner 0.8s ease infinite;
}

#es-spinner .es-spinner.lower-spinner {
  top: 200px;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}

#toast-wrapper {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 400px;
  transition: bottom 0.5s;
  z-index: 9999;
}

.toast-content {
  position: relative;
  display: block;
  animation-name: show;
  animation-duration: 0.5s;
  border: 4px solid #007bff !important;
  box-shadow: 0 0 10px #007bff;
  bottom: 0;
}

.toast-content.exit {
  transition: bottom .5s;
  bottom: -500px !important;
}

.toast-content span {
  font-weight: bold;
}

.toast-content code {
  color: #dc3545;
}

.toast-content .close {
  position: absolute;
  top: 5px;
  right: 7px;
}

.toast-content.hidden {
  display: none;
}

.toast-content.warning {
  border: 4px solid #ffc107 !important;
  box-shadow: 0 0 10px #ffc107;
}

.toast-content.error {
  border: 4px solid #dc3545 !important;
  box-shadow: 0 0 10px #dc3545;
}

.toast-content.success {
  border: 4px solid #28a745 !important;
  box-shadow: 0 0 10px #28a745;
}

@keyframes show {
  from {
    bottom: -500px;
  }
  to {
    bottom: 0;
  }
}

a.faq-button {
  color: #378FDF !important;
  font-size: 14px;
  font-weight: bold;
}

a.ccn-override {
  color: #378FDF !important;
}

.custom-upload-image .custom-input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.custom-upload-image .input-label {
  text-align: center;
  border: 1px dashed #6C757D;
  padding: 30px 50px;
  cursor: pointer;
}

.custom-upload-image .input-label span {
  display: block;
  font-size: 23px;
  margin-bottom: 3px;
}

#registrationContainer .ck-editor__editable_inline {
  min-height: 400px;
}

#registrationContainer .ck-editor__editable_inline strong {
  color: #212529 !important;
}

#registrationContainer .ck-editor__editable_inline i {
  font-style: italic;
}

#registrationContainer .ck-editor__editable_inline ul {
  list-style-type: disc;
  list-style-position: inside;
}

#registrationContainer .ck-editor__editable_inline ol {
  list-style-type: decimal;
  list-style-position: inside;
}

#registrationContainer .ck-editor__editable_inline ul ul, #registrationContainer .ck-editor__editable_inline ol ul {
  list-style-type: circle;
  list-style-position: inside;
  margin-left: 15px;
}

#registrationContainer .ck-editor__editable_inline ol ol, #registrationContainer .ck-editor__editable_inline ul ol {
  list-style-type: lower-latin;
  list-style-position: inside;
  margin-left: 15px;
}

#miscModule .required {
  color: #FF0000;
  font-weight: bold;
}

#miscModule .siteMap ol {
  list-style: none;
  padding: 0;
}

#miscModule .siteMap ol li {
  padding: 0 0 0 12px;
  border-right: 1px dotted #CCCCCC;
}

#miscModule .siteMap ol li a {
  display: block;
  border-top: 1px dotted #CCCCCC;
  margin: 10px 0;
  font-weight: bold;
  font-size: 1em;
}

#miscModule .siteMap ol li ol {
  border-left: 1px dotted #CCCCCC;
}

#miscModule .siteMap ol li li {
  list-style-type: circle;
  margin-left: 14px;
  border-right: none;
}

#miscModule .siteMap ol li li a {
  background-color: transparent;
  border: none;
  margin: 0;
  font-weight: normal;
}

#LocalInfo .sectionHead,
#LocalInfo .sectionSmallHead {
  border-top: 1px solid #eee !important;
  padding-top: 17px;
  margin: 0 0 9px;
  color: #BA3B26;
  font-size: 1em;
  line-height: 1em;
  font-family: "Trebuchet MS", sans-serif;
  text-transform: uppercase;
  clear: both;
}

#LocalInfo .sectionHead a,
#LocalInfo .sectionSmallHead a {
  color: #BA3B26;
  position: relative;
  padding: 0 6px 0 0;
  background-color: #fff;
}

#LocalInfo .sectionHead a:hover,
#LocalInfo .sectionSmallHead a:hover {
  color: #993300;
  /*padding: 0 26px 0 0;*/
}

#LocalInfo .sectionHead a:hover:after,
#LocalInfo .sectionSmallHead a:hover:after {
  width: 22px;
}

#LocalInfo .sectionHead a:after {
  font-family: 'FontAwesome';
  font-size: 11px;
  line-height: 12px;
  font-weight: normal;
  content: "\f054\f054\f054";
  color: #CCC;
  text-shadow: none;
  font-style: normal;
  display: inline-block;
  border-right: 3px solid #fff;
  position: absolute;
  top: 2px;
  left: 100%;
  width: 8px;
  overflow: hidden;
  background-color: #fff;
  white-space: nowrap;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

#LocalInfo .sectionHead i {
  font-size: 14px;
  float: left;
  color: #888;
  margin: 0px 8px 0 3px;
}

#LocalInfo .localinfo_frontpage_image {
  background: #FFF;
  padding: 0 0 5px 10px;
  text-align: right;
}

#LocalInfo .localinfo_frontpage_image img {
  margin-bottom: 5px;
}

#LocalInfo .localinfo_list {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 18px;
}

#LocalInfo .locChange {
  height: 64px;
  float: left;
  background: #EEE url(/resources/static/standard/images/weather/weather-bg.png) repeat-x 0 100%;
  border: 1px solid #CCC;
  padding: 8px;
  margin-bottom: 6px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}

#LocalInfo .locChange #locationLabel {
  display: block;
  background: #3B3B3B url(/resources/static/standard/images/weather/weather-mid-bg.png) repeat-x 0 0;
  border: 1px solid #444;
  padding: .5em 6px;
  font: bold 1.6667em/1em "Open Sans", Arial, sans-serif;
  color: #FFF;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
}

#LocalInfo .locChange input[type="text"] {
  width: 230px;
  float: left;
  margin: -1.75em 10px 0 8.5em;
  font: bold 1.6667em/1em "Open Sans", Arial, sans-serif;
  height: 27px;
  padding: 0;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
}

#LocalInfo .locChange .btn {
  float: right;
  margin: -35px 6px 0 0;
}

#LocalInfo .locChange ul {
  margin: 6px 0 0 0;
  padding: 0;
  list-style: none;
}

#LocalInfo .locChange ul li {
  float: left;
  margin: 0 10px 0 0;
}

#LocalInfo .locChange ul li input[type="radio"] {
  margin: 0 4px 0 0;
}

#LocalInfo .locChange.localInfoSearch {
  font-size: inherit;
  height: inherit;
  line-height: inherit;
  margin-bottom: 18px;
}

#LocalInfo .locChange.localInfoSearch input[type="text"] {
  margin: 0px;
  width: 320px;
}

#LocalInfo .locChange.localInfoSearch #location {
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  left: 215px;
  margin: 0px;
  position: absolute;
  top: 18px;
}

#LocalInfo .locChange.localInfoSearch input[type="text"] {
  width: 300px;
  margin-left: 9em;
}

#LocalInfo .locChange.localInfoSearch .btn {
  margin: -40px 6px 0 0;
}

#LocalInfo .locChange.localInfoSearch label {
  width: 588px;
}

#LocalInfo #crime p,
#LocalInfo #crime li,
#LocalInfo #crime dl {
  line-height: 1.5em;
}

#LocalInfo #crime ul {
  list-style: none;
  padding: 0;
}

#LocalInfo #crime .crimeRight {
  float: left;
  width: 530px;
}

#LocalInfo #crime .crimeRight .locChange {
  height: 100px;
  width: 100%;
}

#LocalInfo #crime .crimeRight .locChange > input {
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  left: 207px;
  margin: 0px;
  position: absolute;
  top: 19px;
}

#LocalInfo #crime .crimeRight .locChange #clocation {
  margin: -39px 8px 0px 0px;
}

#LocalInfo #crime .crimeInfo {
  clear: left;
  float: left;
  width: 630px;
  margin: 0 10px 30px 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer > p {
  clear: none;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer p,
#LocalInfo #crime .crimeInfo .crimeInfoContainer ul,
#LocalInfo #crime .crimeInfo .crimeInfoContainer dl {
  margin: 0 0 18px;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer dl dt {
  font-weight: bold;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer dl dd {
  padding-left: 18px;
  color: #666;
  margin-bottom: 18px;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li {
  float: left;
  width: 260px;
  margin-bottom: 18px;
  line-height: 2.6667em;
  padding-left: 40px;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoTelephone {
  background: transparent url("/resources/static/standard/images/ico_32_telephone.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoWebsite {
  background: transparent url("/resources/static/standard/images/ico_32_home.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoFacebook {
  background: transparent url("/resources/static/standard/images/ico_32_facebook.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoTwitter {
  background: transparent url("/resources/static/standard/images/ico_32_twitter.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoRss {
  background: transparent url("/resources/static/standard/images/ico_32_rss.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoFlickr {
  background: transparent url("/resources/static/standard/images/ico_32_flickr.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer .crimeInfoContact li.crimeInfoYouTube {
  background: transparent url("/resources/static/standard/images/ico_32_youtube.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeInfo .crimeInfoContainer #crimeMapNeighbourhood {
  border: 1px solid #CCCCCC;
  height: 200px;
  margin: 0 0 10px 20px;
  width: 300px;
  float: right;
}

#LocalInfo #crime .crimeSponsor {
  width: 960px;
}

#LocalInfo #crime .crimeFacets {
  float: left;
  width: 400px;
  margin-right: 10px;
}

#LocalInfo #crime .crimeFacets .crimeLoad {
  background: #FFF url("/resources/static/standard/images/loader32.gif") no-repeat scroll 0 0;
  color: #FFF;
  display: block;
  height: 32px;
  width: 0;
  padding: 0 32px 0 0;
  text-indent: -9999px;
  margin: 30px auto;
}

#LocalInfo #crime .crimeFacets p.crimePrint {
  margin: -30px 8px 0px 0px;
}

#LocalInfo #crime .crimeFacets h4 {
  margin: 0;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  color: #333;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.5em;
  padding: 8px 6px;
  text-transform: none;
  background: #DDD;
}

#LocalInfo #crime .crimeFacets h4 span {
  float: right;
  margin-right: 31px;
}

#LocalInfo #crime .crimeFacets .crimeRoads {
  margin: 0 0 30px 0;
  border: 1px solid #CCC;
  height: 160px;
  overflow-y: scroll;
}

#LocalInfo #crime .crimeFacets .crimeRoads li a {
  display: block;
  padding: 6px 8px;
  border-bottom: 1px solid #CCC;
  background: #F5F5F5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* W3C */
}

#LocalInfo #crime .crimeFacets .crimeRoads li a:hover {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e1e1e1',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* W3C */
}

#LocalInfo #crime .crimeFacets .crimeRoads li a.highlight {
  background: #fcfbf2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbf2), color-stop(100%, #fffbd8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf2', endColorstr='#fffbd8',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* W3C */
}

#LocalInfo #crime .crimeFacets .crimeRoads li ul {
  float: right;
}

#LocalInfo #crime .crimeFacets .crimeRoads li ul li {
  float: left;
  width: 6px;
  height: 12px;
  margin-left: 2px;
  text-indent: -9999px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #FFF;
  background-color: #DDD;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.all-crime a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.all-crime a span {
  background-color: #444;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.burglary a span, #LocalInfo #crime .crimeFacets .crimeTypes li.burglary,
#LocalInfo #crime .crimeFacets .crimeRoads li.burglary a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.burglary {
  background-color: #c6622e;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.anti-social-behaviour a span, #LocalInfo #crime .crimeFacets .crimeTypes li.anti-social-behaviour,
#LocalInfo #crime .crimeFacets .crimeRoads li.anti-social-behaviour a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.anti-social-behaviour {
  background-color: #186dab;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.robbery a span, #LocalInfo #crime .crimeFacets .crimeTypes li.robbery,
#LocalInfo #crime .crimeFacets .crimeRoads li.robbery a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.robbery {
  background-color: #789610;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.vehicle-crime a span, #LocalInfo #crime .crimeFacets .crimeTypes li.vehicle-crime,
#LocalInfo #crime .crimeFacets .crimeRoads li.vehicle-crime a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.vehicle-crime {
  background-color: #a02b55;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.violent-crime a span, #LocalInfo #crime .crimeFacets .crimeTypes li.violent-crime,
#LocalInfo #crime .crimeFacets .crimeRoads li.violent-crime a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.violent-crime {
  background-color: #c99a0b;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.public-disorder-weapons a span, #LocalInfo #crime .crimeFacets .crimeTypes li.public-disorder-weapons,
#LocalInfo #crime .crimeFacets .crimeRoads li.public-disorder-weapons a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.public-disorder-weapons {
  background-color: #9e0b0f;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.criminal-damage-arson a span, #LocalInfo #crime .crimeFacets .crimeTypes li.criminal-damage-arson,
#LocalInfo #crime .crimeFacets .crimeRoads li.criminal-damage-arson a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.criminal-damage-arson {
  background-color: #4a6333;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.drugs a span, #LocalInfo #crime .crimeFacets .crimeTypes li.drugs,
#LocalInfo #crime .crimeFacets .crimeRoads li.drugs a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.drugs {
  background-color: #663366;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.shoplifting a span, #LocalInfo #crime .crimeFacets .crimeTypes li.shoplifting,
#LocalInfo #crime .crimeFacets .crimeRoads li.shoplifting a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.shoplifting {
  background-color: #5674b9;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.other-theft a span, #LocalInfo #crime .crimeFacets .crimeTypes li.other-theft,
#LocalInfo #crime .crimeFacets .crimeRoads li.other-theft a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.other-theft {
  background-color: #603913;
}

#LocalInfo #crime .crimeFacets .crimeTypes li.other-crime a span, #LocalInfo #crime .crimeFacets .crimeTypes li.other-crime,
#LocalInfo #crime .crimeFacets .crimeRoads li.other-crime a span,
#LocalInfo #crime .crimeFacets .crimeRoads li.other-crime {
  background-color: #2e7b77;
}

#LocalInfo #crime .crimeFacets h3,
#LocalInfo #crime .crimeInfo h3,
#LocalInfo #crime .crimeSocial h3 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #FFFFFF;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1.3333em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.125em;
  margin-bottom: 0;
  padding: 8px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

#LocalInfo #crime p.crimePrint {
  float: right;
  margin: -2.4167em 8px 0 0;
  display: block;
}

#LocalInfo #crime p.crimePrint a {
  background: transparent url("/resources/static/standard/images/generic_btns_utils.png") no-repeat 100% -120px;
  color: #666666;
  display: block;
  height: 24px;
  padding: 0 25px 0 0;
  text-indent: -9999px;
}

#LocalInfo #crime p.crimePrint a:hover {
  background-position: 100% -150px;
}

#LocalInfo #crime .crimeLocation {
  width: 512px;
  height: 64px;
  background: #EEE url("/resources/static/standard/images/weather/weather-bg.png") repeat-x 0 100%;
  border: 1px solid #CCC;
  padding: 8px;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#LocalInfo #crime .crimeMap {
  border: 1px solid #CCCCCC;
  height: 398px;
  margin-bottom: 30px;
  width: 528px;
}

#LocalInfo #crime .crimeAttention {
  padding: 8px;
  margin: 0;
  border: 1px solid #ffed00;
  background-color: #fff59b;
}

#LocalInfo #crime .crimeSubhead {
  padding: 8px 8px 0;
  margin: 0;
  border: 1px solid #CCC;
  border-bottom: none;
}

#LocalInfo #crime .crimeSmallPrint {
  font-size: .9167em;
  line-height: 1.6364em;
  padding: 0 8px 8px;
  margin: 0;
  border: 1px solid #CCC;
  border-top: none;
  color: #999;
}

#LocalInfo #crime .crimeTypes,
#LocalInfo #crime .crimeFacets h4,
#LocalInfo #crime .crimeRoads {
  display: none;
}

#LocalInfo #crime .crimeTypes {
  margin: 0;
}

#LocalInfo #crime .crimeTypes li {
  float: left;
  width: 152px;
  border: 1px solid #CCC;
  border-top: 1px solid #FFF;
}

#LocalInfo #crime .crimeTypes li.all-crime, #LocalInfo #crime .crimeTypes li.anti-social-behaviour, #LocalInfo #crime .crimeTypes li.criminal-damage-arson, #LocalInfo #crime .crimeTypes li.public-disorder-weapons, #LocalInfo #crime .crimeTypes li.shoplifting, #LocalInfo #crime .crimeTypes li.other-theft {
  width: 248px;
}

#LocalInfo #crime .crimeTypes li a {
  display: block;
  background: #F5F5F5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f1f1f1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
  /* W3C */
  padding: 6px 8px;
  font-weight: bold;
  color: #333;
}

#LocalInfo #crime .crimeTypes li a:hover {
  background: #eeeeee;
  /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e1e1e1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e1e1e1',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #eeeeee 0%, #e1e1e1 100%);
  /* W3C */
}

#LocalInfo #crime .crimeTypes li a.active {
  background: #fcfbf2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbf2), color-stop(100%, #fffbd8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf2', endColorstr='#fffbd8',GradientType=0 );
  /* IE6-9 */
  background: linear-gradient(top, #fcfbf2 0%, #fffbd8 100%);
  /* W3C */
}

#LocalInfo #crime .crimeTypes li a span {
  float: right;
  padding: 0 4px;
  min-width: 27px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-align: right;
  color: #FFF;
}

#LocalInfo #crime .crimeInfoContainer,
#LocalInfo #crime .crimeSocialContainer {
  border: 1px solid #CCC;
  padding: 8px;
}

#LocalInfo #crime .crimeInfoContainer h4,
#LocalInfo #crime .crimeSocialContainer h4 {
  margin: 0 -8px 18px -8px;
  color: #333;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.5em;
  padding: 4px 6px;
  text-transform: none;
  background: #DDD;
  overflow: visible;
}

#LocalInfo #crime .crimeSocial {
  float: left;
  width: 300px;
  margin-bottom: 30px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4 span {
  float: left;
  height: 32px;
  margin-top: -7px;
  padding-left: 40px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4.crimeYouTubeHead span {
  background: transparent url("/resources/static/standard/images/ico_32_youtube.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4.crimeTwitterHead span {
  background: transparent url("/resources/static/standard/images/ico_32_twitter.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4.crimeEventsHead span {
  background: transparent url("/resources/static/standard/images/ico_32_calendar.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer h4.crimeRssHead span {
  background: transparent url("/resources/static/standard/images/ico_32_rss.png") no-repeat 0 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube h5,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeRss h5,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents h5 {
  font-size: 1em;
  line-height: 1.5em;
  /*font-family: Arial, Helvetica, sans-serif;*/
  letter-spacing: 0;
  margin: 0 0 0 106px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeRss h5,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents h5 {
  margin: 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeTwitter li,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeRss li,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents li {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #DDD;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeTwitter p.time,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeRss p.date {
  margin: 0;
  font-size: .9167em;
  text-align: right;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube p {
  font-size: .9167em;
  margin: 0 0 0 106px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube ul {
  list-style: none;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube ul li {
  margin-bottom: 10px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeYouTube .thumb {
  float: left;
  margin-right: 10px;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents .crimeEventWhen,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents .crimeEventWhere,
#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents .crimeEventContact {
  margin: 0;
}

#LocalInfo #crime .crimeSocial .crimeSocialContainer .crimeEvents .crimeEventDesc {
  font-size: .9167em;
}

#LocalInfo #crime #crimeMap {
  border: 1px solid #CCCCCC;
  height: 418px;
  margin-bottom: 30px;
  width: 528px;
}

#LocalInfo #crime #crimeMap .popup h2 {
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-weight: bold;
  letter-spacing: 0;
}

#LocalInfo #crime #crimeMap .popup tr span {
  float: left;
  width: 6px;
  height: 12px;
  text-indent: -9999px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: #FFF;
  background-color: #DDD;
  margin: 4px 4px 0 0;
}

#LocalInfo #crime #crimeMap .popup tr span.burglary {
  background-color: #c6622e;
}

#LocalInfo #crime #crimeMap .popup tr span.anti-social-behaviour {
  background-color: #186dab;
}

#LocalInfo #crime #crimeMap .popup tr span.robbery {
  background-color: #789610;
}

#LocalInfo #crime #crimeMap .popup tr span.vehicle-crime {
  background-color: #a02b55;
}

#LocalInfo #crime #crimeMap .popup tr span.violent-crime {
  background-color: #c99a0b;
}

#LocalInfo #crime #crimeMap .popup tr span.public-disorder-weapons {
  background-color: #9e0b0f;
}

#LocalInfo #crime #crimeMap .popup tr span.criminal-damage-arson {
  background-color: #4a6333;
}

#LocalInfo #crime #crimeMap .popup tr span.drugs {
  background-color: #663366;
}

#LocalInfo #crime #crimeMap .popup tr span.shoplifting {
  background-color: #5674b9;
}

#LocalInfo #crime #crimeMap .popup tr span.other-theft {
  background-color: #603913;
}

#LocalInfo #crime #crimeMap .popup tr span.other-crime {
  background-color: #2e7b77;
}

#LocalInfo {
  /* Sold house prices */
}

#LocalInfo form.soldHousePriceSearch {
  border-bottom: 1px dotted #ccc;
  padding: 5px;
  margin-bottom: 20px;
}

#LocalInfo form.soldHousePriceSearch ul {
  margin: 0;
}

#LocalInfo form.soldHousePriceSearch ul li {
  list-style: none;
  margin: 0 20px 0 0;
  display: inline;
  float: left;
}

#LocalInfo form.soldHousePriceSearch label {
  font-weight: bold;
  font-size: .9em;
  margin: 0 5px 0 0;
  display: block;
}

#LocalInfo form.soldHousePriceSearch input[type=text] {
  width: 180px;
  display: inline-block;
  padding: 3px 3px 2px 3px;
  font-size: 12px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
}

#LocalInfo form.soldHousePriceSearch input.soldHousePriceSubmit {
  margin-top: 1.3em;
}

#LocalInfo form.soldHousePriceSearch .helper {
  font-style: italic;
  font-size: .8em;
  margin-bottom: 0;
}

#LocalInfo .soldHousePricesMap {
  display: block;
  clear: both;
  height: 400px;
  margin-bottom: 20px;
}

#LocalInfo table.soldHousePricesTable,
#LocalInfo table.soldpriceaveragetable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
  margin-top: 0 !important;
}

#LocalInfo table.soldHousePricesTable td,
#LocalInfo table.soldpriceaveragetable td {
  background-color: #eee;
}

#LocalInfo table.soldHousePricesTable th,
#LocalInfo table.soldpriceaveragetable th {
  border: 1px solid #ccc !important;
  background: #EEE;
}

#LocalInfo address.soldHousePricesAddress {
  line-height: 1.4em;
  font-style: normal;
  margin-bottom: 10px;
  float: right;
}

#LocalInfo ul.soldHousePricesDetails,
#LocalInfo ul.soldHousePricesMore {
  margin: 0 0 20px 0;
}

#LocalInfo ul.soldHousePricesDetails li,
#LocalInfo ul.soldHousePricesMore li {
  list-style: none;
  margin: 0;
}

#LocalInfo .locChange.localSchoolSearch {
  margin-bottom: 18px;
  height: 100px;
}

#LocalInfo .locChange.localSchoolSearch label#locationLabel {
  width: 588px;
}

#LocalInfo .locChange.localSchoolSearch input[type="text"] {
  width: 294px;
  margin-left: 9em;
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  left: 219px;
  margin: 0px;
  position: absolute;
  top: 19px;
}

#LocalInfo .locChange.localSchoolSearch .btn {
  margin: -39px 10px 0px 0px;
}

#LocalInfo .locChange.localSchoolSearch li > label {
  display: inline-block;
}

#LocalInfo #schoolProfile a.btn {
  color: #ffffff;
}

#LocalInfo #schoolProfile > p {
  clear: none;
}

#LocalInfo #schoolProfile .schoolPicture {
  float: right;
}

#LocalInfo #schoolProfile iframe {
  float: right;
}

#LocalInfo #schoolProfile dt {
  float: left;
  padding-right: 10px;
  font-weight: bold;
}

#LocalInfo #schoolProfile .percentage dt {
  padding: 3px;
  width: 50px;
}

#LocalInfo #schoolProfile .percentage dd {
  font-weight: bold;
  height: 2em;
  line-height: 2em;
  margin: 0 0 10px 60px;
}

#LocalInfo #schoolProfile .percentage .percentageBar {
  width: 300px;
  height: 2em;
  background-color: #d6d6d6;
  display: block;
  float: left;
  margin-right: 0.5em;
}

#LocalInfo #schoolProfile .percentage .percentageBar span {
  display: block;
  padding: 0px;
  height: 2em;
  background-color: #424242;
}

#LocalInfo #schoolProfile .upsoldSchool dd {
  margin: 0 0 10px 0;
}

#LocalInfo #schoolProfile .upsoldSchoolAssets {
  float: right;
  margin: 0 0 0 10px;
  width: 310px;
}

#LocalInfo #schoolProfile .upsoldSchoolAssets img {
  display: block;
  margin-bottom: 10px;
  max-width: 310px;
  height: auto;
}

#LocalInfo #schoolProfile .upsoldSchoolAssets iframe {
  margin-bottom: 10px;
}

#LocalInfo #schoolProfile #schoolLogo {
  margin-bottom: 10px;
  max-width: 620px;
}

#LocalInfo #traffic p, #LocalInfo #traffic li {
  line-height: 1.5em;
}

#LocalInfo #traffic ul {
  list-style: none;
  padding: 0;
}

#LocalInfo #traffic .trafficLocation {
  width: 512px;
  height: 80px;
  background: #EEE url("/resources/static/standard/images/weather/weather-bg.png") repeat-x 0 100%;
  border: 1px solid #CCC;
  padding: 8px;
  margin-bottom: 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#LocalInfo #traffic .trafficLocation .trafficLocChange,
#LocalInfo #traffic .trafficLocation .trafficLocSubmit {
  margin: 0;
}

#LocalInfo #traffic .trafficLocation .trafficLocChange {
  height: 45px;
}

#LocalInfo #traffic .trafficLocation .trafficLocChange label {
  display: block;
  width: 498px;
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 0;
  border: 1px solid #444;
  padding: 0.5em 6px;
  font: bold 1.6667em/1em "Open Sans", Arial, sans-serif;
  color: #FFF;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
  margin: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.8);
}

#LocalInfo #traffic .trafficLocation .trafficLocChange input {
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
  width: 220px;
  height: 25px;
  float: left;
  padding: 0;
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  left: 200px;
  margin: 0px;
  position: relative;
  top: -37px;
}

#LocalInfo #traffic .trafficLocation .trafficLocChange li > label {
  display: inline-block;
}

#LocalInfo #traffic .trafficLocation ul {
  margin: 0;
}

#LocalInfo #traffic .trafficLocation ul li {
  float: left;
  margin: 3px 10px 0 0;
}

#LocalInfo #traffic .trafficLocation ul li.trafficLocSubmit {
  float: right;
}

#LocalInfo #traffic .trafficLocation ul li input {
  margin: 0 4px 0 0;
  vertical-align: middle;
}

#LocalInfo #traffic .trafficLocation .btn {
  float: right;
  margin: -34px 6px 0 0;
  padding: 1px 6px;
}

#LocalInfo #traffic .trafficIncidents {
  float: left;
  width: 400px;
  margin: 0 10px 0 0;
}

#LocalInfo #traffic .trafficIncidents h3 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #FFFFFF;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1.3333em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.125em;
  margin-bottom: 0;
  padding: 8px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

#LocalInfo #traffic .trafficIncidents .trafficTimestamp {
  font-size: .9167em;
  line-height: 1.6364em;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  margin-bottom: 0;
  padding: 2px 8px;
  background-color: #EEE;
}

#LocalInfo #traffic .trafficIncidents form {
  font-size: .9167em;
  border: 1px solid #CCC;
  border-top: none;
  padding: 4px 8px;
  background-color: #EEE;
}

#LocalInfo #traffic .trafficIncidents form li {
  line-height: 1.6364em;
}

#LocalInfo #traffic .trafficIncidents form li .trafficOrderShow {
  margin-top: 5px;
}

#LocalInfo #traffic .trafficIncidents form label {
  display: inline-block;
  width: 80px;
}

#LocalInfo #traffic .trafficIncidents form select {
  padding: 0;
  font-size: 12px;
  height: 22px;
  width: 50%;
  color: #555555;
  border: 1px solid #CCC;
  border-radius: 3px;
}

#LocalInfo #traffic .trafficIncidents form button {
  padding: 2px 4px;
}

#LocalInfo #traffic .trafficIncidents .trafficList {
  border: 1px solid #CCC;
  border-top: none;
  border-bottom: none;
  margin-bottom: 30px;
}

#LocalInfo #traffic .trafficIncidents .trafficList li {
  border-bottom: 1px solid #CCC;
  position: relative;
  padding-bottom: 8px;
}

#LocalInfo #traffic .trafficIncidents .trafficList li li {
  border: none;
  position: static;
  padding-bottom: 0;
}

#LocalInfo #traffic .trafficIncidents .trafficList p {
  margin: 0;
  padding: 0 8px;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficDesc {
  padding-right: 40px;
  clear: none;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficFullDesc {
  margin-top: 5px;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap {
  float: left;
  clear: both;
  padding: 0;
  font-size: .9167em;
  line-height: 1.6364em;
  margin: 9px 0 0 8px;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap span {
  display: none;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap a {
  background: transparent url("/resources/static/standard/images/generic_btns_utils.png") no-repeat 0 -540px;
  padding: 0 0 5px 29px;
  height: 24px;
  display: block;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap a:hover {
  background-position: 0 -570px;
}

#LocalInfo #traffic .trafficIncidents .trafficList h4 {
  color: #333;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5em;
  margin-bottom: 0;
  padding: 8px 54px 8px 8px;
  background: #E1E1E1;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

#LocalInfo #traffic .trafficIncidents .trafficList h4 em {
  float: left;
  display: block;
  width: 0;
  text-indent: -9999px;
}

#LocalInfo #traffic .trafficIncidents .trafficList h4 span {
  font-size: .9167em;
  font-weight: normal;
}

#LocalInfo #traffic .trafficIncidents .trafficList .high h4 {
  border-left: 6px solid #e2001a;
  background-color: #ffd9d9;
}

#LocalInfo #traffic .trafficIncidents .trafficList .high:hover {
  background-color: #fff0f0;
}

#LocalInfo #traffic .trafficIncidents .trafficList .medium {
  font-size: inherit;
}

#LocalInfo #traffic .trafficIncidents .trafficList .medium h4 {
  border-left: 6px solid #f29400;
  background-color: #ffe9cd;
}

#LocalInfo #traffic .trafficIncidents .trafficList .medium:hover {
  background-color: #fff6eb;
}

#LocalInfo #traffic .trafficIncidents .trafficList .low h4 {
  border-left: 6px solid #ffed00;
  background-color: #fffbd3;
}

#LocalInfo #traffic .trafficIncidents .trafficList .low:hover {
  background-color: #fffef1;
}

#LocalInfo #traffic .trafficIncidents .trafficList .odd {
  background: #EEE;
}

#LocalInfo #traffic .trafficPrint {
  float: right;
  display: none;
  margin: -30px 8px 0px 0px;
}

#LocalInfo #traffic .trafficPrint a {
  background: transparent url("/resources/static/standard/images/generic_btns_utils.png") no-repeat 100% -120px;
  color: #666666;
  display: block;
  height: 24px;
  padding: 0 25px 0 0;
  text-indent: -9999px;
}

#LocalInfo #traffic .trafficPrint a:hover {
  background-position: 100% -150px;
}

#LocalInfo #traffic .trafficBubble {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#LocalInfo #traffic .trafficBubble p {
  margin: 0;
  padding: 0 8px;
}

#LocalInfo #traffic .trafficBubble p .trafficDesc {
  padding-right: 8px;
}

#LocalInfo #traffic .trafficBubble ul {
  padding: 0 8px;
}

#LocalInfo #traffic .trafficBubble h4 {
  color: #333;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.5em;
  margin-bottom: 0;
  padding: 8px 54px 8px 8px;
  background: #E1E1E1;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}

#LocalInfo #traffic .trafficBubble h4 em {
  float: left;
  display: block;
  width: 0;
  text-indent: -9999px;
}

#LocalInfo #traffic .trafficBubble h4 span {
  font-size: .9167em;
  font-weight: normal;
}

#LocalInfo #traffic .trafficBubble h4 .trafficBubbleClose {
  display: block;
  position: absolute;
  right: 1px;
  top: 1px;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  background: #FFF url("/resources/static/standard/images/generic_btns_actions.png") no-repeat 1px 1px;
  border: 1px solid #AAA;
}

#LocalInfo #traffic #trafficMap {
  width: 528px;
  height: 398px;
  border: 1px solid #CCCCCC;
  margin-bottom: 30px;
}

#LocalInfo #traffic #trafficMap h4 .high {
  border-left: 6px solid #e2001a;
  background-color: #ffd9d9;
}

#LocalInfo #traffic #trafficMap h4 .medium {
  border-left: 6px solid #f29400;
  background-color: #ffe9cd;
}

#LocalInfo #traffic #trafficMap h4 .low {
  border-left: 6px solid #ffed00;
  background-color: #fffbd3;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons,
#LocalInfo #traffic .trafficBubble .trafficIcons {
  position: absolute;
  top: 1px;
  left: 354px;
  text-indent: -9999px;
  padding: 0;
  line-height: 1.5em;
  border-left: 1px solid #FFF;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons span,
#LocalInfo #traffic .trafficBubble .trafficIcons span {
  float: left;
  text-indent: -9999px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .live,
#LocalInfo #traffic .trafficBubble .trafficIcons .live {
  background: #EEE url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -49px;
  width: 43px;
  height: 17px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .roadworks,
#LocalInfo #traffic .trafficBubble .trafficIcons .roadworks {
  background: #EEE url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% 0;
  width: 43px;
  height: 17px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .engineering,
#LocalInfo #traffic .trafficBubble .trafficIcons .engineering {
  background: #EEE url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -99px;
  width: 43px;
  height: 17px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .roadA,
#LocalInfo #traffic .trafficBubble .trafficIcons .roadA {
  background: #277621;
  color: #fff15f;
  font-weight: bold;
  height: 17px;
  text-indent: 0;
  text-align: center;
  padding: 0 2px;
  width: 39px;
  font-size: 0.8em;
  line-height: 1.6364em;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .roadB,
#LocalInfo #traffic .trafficBubble .trafficIcons .roadB {
  background: #999;
  color: #FFF;
  font-weight: bold;
  height: 17px;
  text-indent: 0;
  text-align: center;
  padding: 0 2px;
  width: 39px;
  font-size: 0.8em;
  line-height: 1.6364em;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .road,
#LocalInfo #traffic .trafficBubble .trafficIcons .road {
  background: #c9c9c9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -200px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .motorway,
#LocalInfo #traffic .trafficBubble .trafficIcons .motorway {
  background: #0238a0 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -150px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .rail,
#LocalInfo #traffic .trafficBubble .trafficIcons .rail {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -250px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .airport,
#LocalInfo #traffic .trafficBubble .trafficIcons .airport {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -300px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .tube,
#LocalInfo #traffic .trafficBubble .trafficIcons .tube {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -350px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .ferry,
#LocalInfo #traffic .trafficBubble .trafficIcons .ferry {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -400px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficIcons .bus,
#LocalInfo #traffic .trafficBubble .trafficIcons .bus {
  background: #C9C9C9 url("/resources/static/standard/images/traffic_icons.png") no-repeat 50% -450px;
  color: #DDD;
  height: 17px;
  padding: 0 2px;
  width: 39px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficLastUpdate,
#LocalInfo #traffic .trafficBubble .trafficLastUpdate {
  font-size: .9167em;
  line-height: 1.6364em;
  color: #555;
}

#LocalInfo #traffic .trafficIncidents .trafficList p .trafficViewMap,
#LocalInfo #traffic .trafficBubble p .trafficViewMap {
  display: none;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare,
#LocalInfo #traffic .trafficBubble .trafficShare {
  float: right;
  list-style: none;
  margin-top: -31px;
  padding: 0 2px 0 0;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare li,
#LocalInfo #traffic .trafficBubble .trafficShare li {
  float: left;
  font-size: .9167em;
  line-height: 1.6364em;
  margin-left: 2px;
  border: none;
  padding: 0;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare li.email a,
#LocalInfo #traffic .trafficBubble .trafficShare li.email a {
  background: transparent url("/resources/static/standard/images/generic_btns_utils.png") no-repeat 0 -180px;
  padding: 0 8px 0 29px;
  height: 24px;
  display: block;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button,
#LocalInfo #traffic .trafficBubble .trafficShare .button {
  margin-right: 4px;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button.button-with-icon,
#LocalInfo #traffic .trafficBubble .trafficShare .button.button-with-icon {
  border: 1px solid transparent;
  color: white;
  min-width: 28px !important;
  height: 28px !important;
  padding: 4px 16px !important;
  font-size: 16px;
  background-color: #797979;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button.button-with-icon.bg-fb,
#LocalInfo #traffic .trafficBubble .trafficShare .button.button-with-icon.bg-fb {
  background-color: #395283;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button.button-with-icon.bg-twitter,
#LocalInfo #traffic .trafficBubble .trafficShare .button.button-with-icon.bg-twitter {
  background-color: #3ea1cb;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficShare .button.button-with-icon:hover,
#LocalInfo #traffic .trafficBubble .trafficShare .button.button-with-icon:hover {
  background-color: white;
  color: #371556;
  border: 1px solid #ddd;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficViewMore,
#LocalInfo #traffic .trafficBubble .trafficViewMore {
  float: right;
  font-size: .9167em;
  line-height: 1.6364em;
  font-weight: bold;
  margin: 8px 0;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficViewMore a,
#LocalInfo #traffic .trafficBubble .trafficViewMore a {
  background: #068292 url("/resources/static/standard/images/generic_button_overlay.png") repeat-x;
  display: inline-block;
  padding: 0 4px;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
  overflow: visible;
  width: 100px;
  text-align: center;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficViewMore a:hover,
#LocalInfo #traffic .trafficBubble .trafficViewMore a:hover {
  background-color: #006D86;
  color: #fff;
}

#LocalInfo #traffic .trafficIncidents .trafficList .trafficViewMore a:active,
#LocalInfo #traffic .trafficBubble .trafficViewMore a:active {
  top: 1px;
}

#LocalInfo #traffic .trafficBubble .trafficIcons {
  left: 239px;
}

#LocalInfo #traffic .trafficCamsMain {
  width: 380px;
}

#LocalInfo #traffic .trafficCams {
  background-color: #EEE;
  border: 1px solid #CCC;
  padding: 8px 8px 0 8px;
}

#LocalInfo #traffic .trafficCams img {
  border: 1px solid #555;
}

#LocalInfo #traffic .trafficCams p {
  position: relative;
  text-align: center;
  background-color: #222;
}

#LocalInfo #traffic .trafficCams p span {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 4px 0;
  background-color: #000;
  border-top: 1px solid #222222;
  color: #FFF;
  font-weight: bold;
}

#LocalInfo #traffic .trafficCams ul {
  margin: 5px 0 0;
}

#LocalInfo #traffic .trafficCams ul li {
  float: left;
  width: 50px;
  list-style: none;
  margin: 0 4px 8px 0;
}

#LocalInfo #traffic .trafficRight {
  float: left;
  width: 530px;
}

#LocalInfo #traffic .trafficRight .trafficKey {
  float: left;
  width: 200px;
  margin: 0 30px 0 0;
}

#LocalInfo #traffic .trafficRight .trafficKey h4 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #FFFFFF;
  /*font-family: Arial,Helvetica,sans-serif;*/
  font-size: 1.3333em;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.125em;
  margin-bottom: 0;
  padding: 8px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
  text-transform: none;
}

#LocalInfo #traffic .trafficRight .trafficKey ul {
  border: 1px solid #CCC;
  border-top: none;
  background-color: #EEE;
  padding: 8px;
  margin: 0 0 30px 0;
}

#LocalInfo #traffic .trafficRight .trafficKey ul li {
  padding: 0 0 0 25px;
  margin: 4px 0;
  border-bottom: 1px solid #FFF;
}

#LocalInfo #traffic .trafficRight .trafficKey .high {
  padding: 0 0 0 19px;
  border-left: 6px solid #E2001A;
}

#LocalInfo #traffic .trafficRight .trafficKey .medium {
  padding: 0 0 0 19px;
  border-left: 6px solid #F29400;
}

#LocalInfo #traffic .trafficRight .trafficKey .low {
  padding: 0 0 0 19px;
  border-left: 6px solid #FFED00;
}

#LocalInfo #traffic .trafficRight .trafficKey .live {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -49px;
}

#LocalInfo #traffic .trafficRight .trafficKey .roadworks {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 0;
}

#LocalInfo #traffic .trafficRight .trafficKey .engineering {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -99px;
}

#LocalInfo #traffic .trafficRight .trafficKey .roadA {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -500px;
}

#LocalInfo #traffic .trafficRight .trafficKey .roadB {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -550px;
}

#LocalInfo #traffic .trafficRight .trafficKey .road {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -200px;
}

#LocalInfo #traffic .trafficRight .trafficKey .motorway {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -150px;
}

#LocalInfo #traffic .trafficRight .trafficKey .rail {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -250px;
}

#LocalInfo #traffic .trafficRight .trafficKey .airport {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -300px;
}

#LocalInfo #traffic .trafficRight .trafficKey .tube {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -350px;
}

#LocalInfo #traffic .trafficRight .trafficKey .ferry {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -400px;
}

#LocalInfo #traffic .trafficRight .trafficKey .bus {
  background: transparent url("/resources/static/standard/images/traffic_icons.png") no-repeat 0 -450px;
}

#LocalInfo #traffic #mpu {
  float: left;
  width: 300px;
  margin-bottom: 30px;
}

#LocalInfo #traffic p.trafficPrint,
#LocalInfo #traffic .trafficIncidents .trafficList p.trafficViewMap {
  display: block;
}

#LocalInfo {
  margin-bottom: 20px;
}

#LocalInfo #weather #weatherLocChange {
  height: 120px;
  width: 52%;
}

#LocalInfo #weather #weatherLocChange > ul {
  margin: 34px 0px 0px 4px;
}

#LocalInfo #weather #weatherLocChange input[type="text"] {
  font: bold 1.5em/1em "Open Sans", Arial, sans-serif;
  position: absolute;
  top: 56px;
  width: 192px;
  left: 32px;
}

#LocalInfo #weather #weatherLocChange .btn {
  float: right;
  margin: -40px 6px 0 0;
}

#LocalInfo #weather .carousel {
  height: 350px;
}

#LocalInfo #weather .carouselItem img,
#LocalInfo #weather .weatherKey img,
#LocalInfo #weather #days7 img {
  border: none;
}

#LocalInfo #weather #map.weatherMaps > ul > li {
  padding: 0px;
}

#LocalInfo #weather #panelWeather {
  width: 378px;
  height: 120px;
  float: left;
  margin: 0 20px 20px 0;
}

#LocalInfo #weather #panelWeather .weatherTemp {
  font-size: 60px;
}

#LocalInfo #weather #panelWeather .btn {
  display: none;
}

#LocalInfo #weather #weatherSponsor {
  width: 524px;
  height: 30px;
  float: left;
  margin-bottom: 20px;
  overflow: hidden;
}

#LocalInfo #weather .carousel {
  margin: 0 41px 10px 0;
  height: 360px;
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  clear: left;
  border: none;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#LocalInfo #weather .carousel h3 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  color: #FFF;
  border-bottom: 1px solid #CCC;
  padding: 8px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-size: 1.3333em;
  line-height: 1.125em;
  letter-spacing: 0;
  margin-bottom: 0;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

#LocalInfo #weather .carousel li {
  padding: 0 0 5px 0;
}

#LocalInfo #weather .carousel li.carouselItem {
  float: left;
  list-style: none;
  margin: 0 10px 0 0;
  width: 609px;
  height: 360px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#LocalInfo #weather .carousel li ul {
  margin-left: 0;
  background-color: #CCC;
  border-left: 1px solid #CCC;
  padding: 0;
  list-style: none;
}

#LocalInfo #weather .carousel li ul li {
  float: left;
  width: 152px;
  border-right: 1px solid #CCC;
  background-color: #FFF;
}

#LocalInfo #weather .carousel li ul li span {
  display: block;
  line-height: 1;
  padding: 5px 12px;
  border-bottom: 1px solid #CCC;
  text-align: center;
}

#LocalInfo #weather .carousel li ul li span img {
  padding-right: 5px;
}

#LocalInfo #weather .carousel li ul li span.conditions img {
  padding: 0;
}

#LocalInfo #weather .carousel li ul li span.time {
  font-weight: bold;
  background-color: #DDD;
}

#LocalInfo #weather .carousel li ul li span.temp {
  background-color: #F5F5F5;
}

#LocalInfo #weather .carousel li ul li span.precipitation {
  background-color: #F5F5F5;
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .carousel li ul li span.humidity {
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .carousel li ul li span.rainprobability {
  background-color: #F5F5F5;
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .carousel li ul li span.cloudcover {
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .carousel li ul li span.visibility {
  background-color: #F5F5F5;
  text-align: left;
  padding-left: 50px;
}

#LocalInfo #weather .jcarousel-container {
  position: relative;
  float: left;
  width: 100%;
  margin-right: 20px;
  padding: 0 5px 0 5px;
  margin-bottom: 10px;
}

#LocalInfo #weather .jcarousel-clip {
  z-index: 2;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 360px;
}

#LocalInfo #weather .jcarousel-list {
  z-index: 1;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#LocalInfo #weather .jcarousel-next {
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 3;
  display: none;
  width: 13px;
  height: 143px;
  cursor: pointer;
  border: 1px solid #E1E1E1;
  background: #EEE url("/resources/static/standard/images/bmd_carousel_arrows.png") no-repeat -50px 0;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

#LocalInfo #weather .jcarousel-prev {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 3;
  display: none;
  width: 13px;
  height: 143px;
  cursor: pointer;
  border: 1px solid #E1E1E1;
  background: #EEE url("/resources/static/standard/images/bmd_carousel_arrows.png") no-repeat -1px 0;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

#LocalInfo #weather .jcarousel-next:hover,
#LocalInfo #weather .jcarousel-next:active {
  background-position: -75px 0;
}

#LocalInfo #weather .jcarousel-next-disabled-horizontal,
#LocalInfo #weather .jcarousel-next-disabled-horizontal:hover,
#LocalInfo #weather .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background: #EEE url("/resources/static/standard/images/bmd_carousel_arrows.png") no-repeat -50px 0 !important;
  border-color: #E1E1E1 !important;
}

#LocalInfo #weather .jcarousel-prev:hover,
#LocalInfo #weather .jcarousel-prev:active {
  background-position: -26px 0;
}

#LocalInfo #weather .jcarousel-prev-disabled-horizontal,
#LocalInfo #weather .jcarousel-prev-disabled-horizontal:hover,
#LocalInfo #weather .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background: #EEE url("/resources/static/standard/images/bmd_carousel_arrows.png") no-repeat -1px 0 !important;
  border-color: #E1E1E1 !important;
}

#LocalInfo #weather .btnWeatherNext,
#LocalInfo #weather .btnWeatherPrev {
  background-color: #068292;
  border-color: #4D6064;
}

#LocalInfo #weather .weatherKey {
  clear: both;
  margin-bottom: 20px;
  background-color: #F5F5F5;
  border: 1px solid #CCC;
  font-size: .9167em;
  padding: 0 5px;
  list-style: none;
}

#LocalInfo #weather .weatherKey li {
  float: left;
  margin-right: 15px;
  line-height: 2.9090em;
}

#LocalInfo #weather .weatherVideo {
  width: 300px;
  float: left;
  overflow: hidden;
  margin-bottom: 10px;
}

#LocalInfo #weather table {
  clear: both;
  border: 1px solid #CCC;
  margin-bottom: 20px;
  width: 100%;
}

#LocalInfo #weather table caption {
  caption-side: top;
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  color: #FFF;
  padding: 8px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: bold;
  font-size: 1.3333em;
  line-height: 1.125em;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
  text-align: center;
}

#LocalInfo #weather table th,
#LocalInfo #weather table td {
  border: 1px solid #CCC;
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
}

#LocalInfo #weather table td {
  text-align: center;
}

#LocalInfo #weather table td img {
  display: block;
  margin: 0 auto;
}

#LocalInfo #weather table th {
  font-weight: bold;
  background-color: #DDD;
}

#LocalInfo #weather table tr {
  vertical-align: middle;
}

#LocalInfo #weather table tr:nth-of-type(even) {
  background-color: #F5F5F5;
}

#LocalInfo #weather table thead td {
  background-color: #DDD;
}

#LocalInfo #weather .weatherMaps {
  width: 620px;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#LocalInfo #weather .weatherMaps h3 {
  background: #3B3B3B url("/resources/static/standard/images/weather/weather-mid-bg.png") repeat-x 0 50%;
  color: #FFF;
  padding: 8px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  /*font-family: Arial, Helvetica, sans-serif;*/
  font-weight: bold;
  font-size: 1.3333em;
  line-height: 1.125em;
  letter-spacing: 0;
  margin-bottom: 0;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
}

#LocalInfo #weather .weatherMaps ul {
  border: 1px solid #CCC;
  background-color: #F5F5F5;
  padding: 0;
  list-style: none;
}

#LocalInfo #weather .weatherMaps ul li {
  float: left;
  width: 206px;
  text-align: center;
}

#LocalInfo #weather .weatherMaps ul li a {
  display: block;
  padding: 10px 5px;
  color: #333;
  font-weight: bold;
  line-height: 1.5em;
}

#LocalInfo #weather .weatherMaps ul li a:hover {
  color: #333;
}

#LocalInfo #weather .weatherMaps ul li a span {
  font-weight: normal;
  font-size: .9166em;
}

#LocalInfo #weather .weatherMaps li img {
  width: 190px;
}

#LocalInfo #weather .JSEnabled .weatherMaps ul {
  border: 1px solid #CCC;
  position: relative;
  height: 345px;
  background-color: #F5F5F5;
}

#LocalInfo #weather .weatherMaps ul li {
  float: none;
  width: auto;
  text-align: left;
}

#LocalInfo #weather .JSEnabled .weatherMaps ul li a {
  display: block;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #F5F5F5;
  padding: 10px 5px;
  width: 178px;
  background-color: #DDD;
}

#LocalInfo #weather .JSEnabled .weatherMaps ul li a:hover {
  background-color: #C5C5C5;
}

#LocalInfo #weather .JSEnabled .weatherMaps li img {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  border-left: 1px solid #CCC;
  background-color: #FFF;
  width: 420px;
  display: none;
}

#LocalInfo #weather .weatherMaps ul li.weatherMapOn a {
  background-color: #FFF;
  position: relative;
  z-index: 1;
}

#LocalInfo #weather .weatherMaps ul li.weatherMapOn a:hover {
  background-color: #FFF;
}

#LocalInfo #weather .weatherMaps ul li.weatherMapOn img {
  display: block;
}

#LocalInfo #weather .weatherMpu {
  width: 300px;
  float: left;
  margin-bottom: 20px;
}

#LocalInfo #weather .weatherMore {
  width: 300px;
  margin-left: 20px;
  float: left;
}

#LocalInfo #weather .weatherMore ul {
  list-style: disc inside none;
  line-height: 1.5em;
  padding: 0;
  list-style: none;
}

#LocalInfo #weather .weatherMore ul li {
  float: left;
  width: 150px;
}

#LocalInfo {
  font-size: 14px;
  line-height: 1.5em;
}

#LocalInfo .h1, #LocalInfo h1 {
  font-family: "Noto Serif",serif;
  font-size: 38px;
  line-height: 52px;
  font-weight: 600;
}

#LocalInfo .h1 .page-title, #LocalInfo h1 .page-title {
  margin-bottom: 5px;
}

#LocalInfo .xx-large {
  font-size: 34px;
}

#LocalInfo .semi-loud {
  font-weight: 600;
}

#LocalInfo .name {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  width: 494px;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .address_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .address_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .contact_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .contact_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .contact_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .contact_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .opening_hours_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .opening_hours_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .opening_hours_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .opening_hours_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .facilities_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .facilities_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .facilities_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .facilities_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .transport_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .transport_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .transport_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .transport_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .patient_info_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .patient_info_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .patient_info_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .patient_info_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .staying_info_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .staying_info_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .staying_info_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .staying_info_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .services_section {
  margin-top: 5px;
  background-color: #fff;
  border: 1px;
  width: 486px;
  padding: 4px;
}

#LocalInfo .services_list_term {
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #000;
}

#LocalInfo .services_list_definition {
  font-size: .9em;
  padding-top: 6px;
  padding-left: 6px;
  padding-bottom: 6px;
  background-color: #EEEAEA;
  margin-left: 0;
  color: #000;
}

#LocalInfo .services_heading {
  font-weight: bold;
  border-bottom: 1px;
  background-color: silver;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 3px;
  color: #fff;
}

#LocalInfo .localinfo_searchbox {
  font-size: 1.6em;
  font-weight: bold;
}

#LocalInfo .localinfo_submitbutton {
  font-size: .9em;
}

#LocalInfo .localinfo_frontpage_image {
  font-size: .8em;
  float: right;
  text-align: right;
}

#LocalInfo .localinfo_state_change {
  font-size: .8em;
  background-color: #FF9;
  margin: 2px;
  padding: 2px;
}

#LocalInfo .localinfo_infotype {
  font-weight: bold;
  margin-left: -2px;
  padding: 1px;
}

#LocalInfo .localinfo_category_heading {
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 3px;
}

#LocalInfo .localinfo_list {
  list-style-type: disc;
  padding: 0 0 18px 18px;
}

#LocalInfo #DIV {
  border: 1px #000 solid;
}

#LocalInfo .crumbnav {
  font-size: .9em;
}

#LocalInfo .disclaimer {
  color: #a0a0a0;
  font-size: 0.9167em;
  margin-left: 10px;
  padding: 0;
}

#LocalInfo table.ks {
  text-align: right;
  font-size: .9em;
  margin-bottom: 18px;
}

#LocalInfo table.ks th {
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  color: #000;
  background-color: #eaeaea;
  font-weight: bold;
}

#LocalInfo table.ks tr,
#LocalInfo table.ks th,
#LocalInfo table.ks td {
  padding: 5px;
  margin: 5px;
}

#LocalInfo .zebra0 {
  background-color: #eee;
}

#LocalInfo .maplink {
  font-size: .9em;
}

#LocalInfo .img {
  border: 0 none;
  text-align: center;
  vertical-align: middle;
  padding: 6px 4px 4px 10px;
}

#LocalInfo div.local-image {
  float: right;
  margin-left: .5em;
  height: 1%;
}

#LocalInfo li {
  list-style: none;
}

#LocalInfo ul.paginate {
  margin: 0 0 10px 0;
  padding: 5px;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
}

#LocalInfo ul.paginate li {
  list-style: none;
  float: left;
  padding: 2px 5px;
  font-size: .8em;
  margin: 5px 0;
  border-right: 1px solid #ccc;
  line-height: 1;
}

#LocalInfo ul.paginate li.currentItem {
  background: #e1e1e1;
}

#LocalInfo ul.paginate li.currentItem a {
  color: #000;
}

#contactUs .btn-martini-primary {
  min-width: 211px;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 12px;
}

#contactUs #contactUsActions h3 {
  margin-top: -20px;
}

@media (max-width: 991.98px) {
  #contactUs #contactUsActions .row {
    margin-right: 0;
    margin-left: 0;
  }
  #contactUs #contactUsActions h3 {
    width: 60% !important;
    margin-top: -15px;
  }
  #contactUs #contactUsActions button {
    font-size: 0.9rem;
    width: 95% !important;
  }
  #contactUs #contactUsActions .send-us-your-news {
    margin-top: 10px;
  }
  #contactUs #contactUsActions .report-issue {
    margin-top: 10px;
  }
}

@media (max-width: 767.98px) {
  #contactUs #contactUsActions h3 {
    width: 85% !important;
    margin-top: -15px;
  }
  #contactUs #contactUsActions button {
    font-size: initial;
    width: 75% !important;
  }
  #contactUs #contactUsActions .send-us-your-news {
    margin-top: 10px;
  }
  #contactUs #contactUsActions .send-us-your-news p {
    margin-bottom: 5px;
  }
  #contactUs #contactUsActions .report-issue {
    margin-top: 20px;
  }
  #contactUs #contactUsActions .report-issue p {
    margin-bottom: 5px;
  }
}

#contactUs .btn-rounded {
  border-radius: 0.35rem;
}

#techContact .tech-contact h1 {
  font-family: 'Roboto Light', sans-serif;
  font-weight: normal;
  font-size: 34px;
}

#techContact .tech-contact .card-heading span {
  font-weight: normal;
}

#techContact .tech-contact .main-page-card {
  min-height: 840px;
}

@media (max-width: 991.98px) {
  #techContact .tech-contact .main-page-card {
    min-height: unset;
  }
}

@media (max-width: 575.98px) {
  #techContact .tech-contact .main-page-card #tech-support-accordion {
    margin-bottom: 60px;
  }
}

#techContact .tech-contact .issue-item {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #CDD4DB;
  border-radius: 5px;
  transition: border-color .5s;
  margin-bottom: 12px;
}

#techContact .tech-contact .issue-item.expanded {
  border-width: 1px;
  border-color: #484A4D;
}

#techContact .tech-contact .issue-item .card-header {
  height: 37px;
  padding: 0;
  margin: 0;
  background-color: #EEF0F3;
}

@media (max-width: 575.98px) {
  #techContact .tech-contact .issue-item .card-header {
    height: 43px;
  }
}

#techContact .tech-contact .issue-item .card-header button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
  color: #444444;
  font-weight: 600;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 6px 20px;
}

@media (max-width: 575.98px) {
  #techContact .tech-contact .issue-item .card-header button {
    font-size: 0.75rem;
    text-align: left;
    padding-left: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
}

#techContact .tech-contact .issue-item .card-body {
  padding-top: 10px;
  padding-bottom: 10px;
}

#techContact .tech-contact .issue-item .card-body p {
  margin-bottom: 5px;
  font-size: 15px;
}

@media (max-width: 767.98px) {
  #techContact .tech-contact .issue-item .card-body p {
    font-size: 0.85rem;
  }
}

#techContact .tech-contact .issue-item .card-body p.italic-text {
  font-style: italic;
}

#techContact .tech-contact .issue-item .card-body button,
#techContact .tech-contact .issue-item .card-body .btn.btn-primary {
  background-color: #762208;
  border-color: #762208;
  color: #FFF;
  border-radius: 0;
  font-size: 14px;
  min-width: 155px;
}

#techContact .tech-contact .issue-item .card-body .section-heading {
  font-size: 18px;
}

@media (max-width: 767.98px) {
  #techContact .tech-contact .issue-item .card-body .section-heading {
    font-size: 1rem;
  }
}

#techContact .tech-contact .issue-item .card-body .form-section {
  margin-left: 20px;
  margin-right: 20px;
}

@media (max-width: 991.98px) {
  #techContact .tech-contact .issue-item .card-body .form-section {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 767.98px) {
  #techContact .tech-contact .issue-item .card-body .form-section .radio-button-group {
    display: flex;
    flex-direction: column;
  }
}

#techContact .tech-contact .issue-item .card-body .form-section .radio-button-group label {
  font-weight: normal;
}

#techContact .tech-contact .issue-item .card-body .form-section .radio-button-group div {
  display: inline-block;
}

@media (max-width: 767.98px) {
  #techContact .tech-contact .issue-item .card-body .form-section .radio-button-group div input {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

#techContact .tech-contact .issue-item .card-body .form-section input[type=text] {
  min-height: 38px;
}

@media (max-width: 767.98px) {
  #techContact .tech-contact .issue-item .card-body .form-section input[type=text] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9rem;
  }
}

#techContact .tech-contact .issue-item .card-body form label {
  font-weight: bold;
}

@media (max-width: 767.98px) {
  #techContact .tech-contact .issue-item .card-body form label {
    font-size: 0.9rem;
  }
}

#techContact .tech-contact .issue-item .card-body .date-and-time {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1199.98px) {
  #techContact .tech-contact .issue-item .card-body .date-and-time {
    display: block;
  }
}

@media (max-width: 1199.98px) {
  #techContact .tech-contact .issue-item .card-body .date-and-time .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

#techContact .tech-contact .issue-item .card-body .name-and-email {
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
}

@media (max-width: 1199.98px) {
  #techContact .tech-contact .issue-item .card-body .name-and-email {
    display: block;
  }
}

@media (max-width: 1199.98px) {
  #techContact .tech-contact .issue-item .card-body .name-and-email .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

#helpCentre {
  margin-top: -20px;
}

#helpCentre .container {
  overflow: hidden;
}

#helpCentre .container--wide {
  overflow: hidden;
  max-width: 1394px;
  background-color: white;
}

#helpCentre .help-centre-header {
  position: relative;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0;
  padding: 1.25rem 20px;
  max-width: 1092px;
}

#helpCentre .help-centre-header .help-centre-header--cta {
  padding-left: 1rem;
  padding-right: 2.5rem;
}

@media (max-width: 766px) {
  #helpCentre .help-centre-header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: unset !important;
  }
  #helpCentre .help-centre-header .help-centre-header--cta {
    padding-left: 0;
    padding-right: 0;
  }
}

#helpCentre.help-center-main .container--wide .help-centre-header {
  margin: 0 auto -40px;
}

#helpCentre.help-center-get-in-touch .help-centre-header {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

#helpCentre.help-center-get-in-touch .help-centre-header .help-centre-header--cta {
  padding-right: 0;
}

#helpCentre .iframe-container {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 10394px;
}

#helpCentre .iframe-container iframe {
  width: 100%;
  height: 1000px;
}

#helpCentre .iframe-container .kb-search-section__content.content-container {
  max-width: 1092px;
}

#helpCentre .iframe-container .content-container-outer .content-container {
  max-width: 1092px;
}

#helpCentre .btn-rounded {
  border-radius: 0.35rem;
}

#helpCentre .btn-martini-primary {
  min-width: 170px;
  font-weight: 600;
  font-size: 17px;
}

#helpCentre form label {
  font-weight: bold;
}

@media (max-width: 767.98px) {
  #helpCentre form label {
    font-size: 0.9rem;
  }
}

#helpCentre .name-and-email {
  display: flex;
  justify-content: space-between;
  padding: 0 !important;
}

@media (max-width: 1199.98px) {
  #helpCentre .name-and-email {
    display: block;
  }
}

@media (max-width: 1199.98px) {
  #helpCentre .name-and-email .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

#whySubscribe .card-header button, #techContact .card-header button {
  padding-left: 0;
  padding-bottom: 0;
  font-family: "Fira Sans", sans-serif;
}

#whySubscribe .card-header button.btn-link, #techContact .card-header button.btn-link {
  text-decoration: none !important;
}

#whySubscribe .card-header button.btn-link:hover, #whySubscribe .card-header button.btn-link:focus, #whySubscribe .card-header button.btn-link.focus, #techContact .card-header button.btn-link:hover, #techContact .card-header button.btn-link:focus, #techContact .card-header button.btn-link.focus {
  text-decoration: none !important;
}

#whySubscribe .accoridon .card-body, #techContact .accoridon .card-body {
  padding-bottom: 5px;
}

#whySubscribe .accordion .card-body p:last-of-type, #techContact .accordion .card-body p:last-of-type {
  margin-bottom: 0;
}

#whySubscribe iframe, #techContact iframe {
  width: 100%;
}

#whySubscribe .hero-panel, #techContact .hero-panel {
  margin-top: -1px;
}

#whySubscribe .spacer, #techContact .spacer {
  background-color: transparent;
  margin-top: 20px;
}

#whySubscribe .card-body, #techContact .card-body {
  padding-top: 5px;
}

#whySubscribe .link-container, #techContact .link-container {
  max-width: 941px;
  width: 100%;
  display: flex;
  justify-content: space-around;
  padding: 20px 0;
  margin: auto;
}

#whySubscribe a, #techContact a {
  font-weight: bold;
}

#whySubscribe .bottom-link, #techContact .bottom-link {
  font-weight: bold;
  color: #ba360f;
  font-size: 16px;
}

@media screen and (max-width: 420px) {
  #whySubscribe .link-container, #techContact .link-container {
    display: block;
    text-align: center;
  }
  #whySubscribe .link-container a, #techContact .link-container a {
    display: block;
  }
}

#whySubscribe .dfp-ad, #techContact .dfp-ad {
  display: none;
}

#whySubscribe .piano-pad, #techContact .piano-pad {
  min-height: 500px;
}

#whySubscribe #stdlinks, #techContact #stdlinks {
  display: none;
}

#whySubscribe .accordion .card-header, #techContact .accordion .card-header {
  border-bottom: 1px solid #CDD4DB !important;
  margin-bottom: 1px;
}

#whySubscribe p, #techContact p {
  font-size: 15px;
}

#ad-free-about-page h1,
#ad-free-about-page h2 {
  color: #1c4c7d;
}

#ad-free-about-page h2 {
  margin-top: 40px;
}

#ad-free-about-page .button {
  background-color: #1c4c7d;
  color: #FFF;
  border: 0;
  margin: 0 auto;
  /** display: block; */
  padding: 5px 15px;
  border-radius: 5px;
}

#ad-free-about-page button:hover {
  opacity: 0.9;
}

#ad-free-about-page .why-buy {
  margin-top: 25px;
  margin-bottom: 40px;
}

#ad-free-about-page .reason {
  width: 25%;
  display: block;
  float: left;
  padding: 10px;
  border-right: solid 1px rgba(230, 230, 230, 0.95);
  min-height: 250px;
}

#ad-free-about-page .reason.last {
  border-right: 0;
}

#ad-free-about-page .reason .num {
  width: 40px;
  height: 40px;
  margin: 0 auto 15px auto;
  background-color: #1c4c7d;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  padding-top: 2px;
  font-size: 25px;
  font-weight: 700;
}

#ad-free-about-page .reason h3 {
  text-align: center;
  color: #1c4c7d;
  font-size: 16px;
}

#ad-free-about-page .reason p {
  color: #313131;
  font-size: 13px;
  padding: 0 15px;
}

#ad-free-about-page .reason p.highlighted {
  color: #ffffff;
  background-color: #D8232A;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
  margin: 23px;
  margin-bottom: 0;
}

#ad-free-about-page .clearfix {
  clear: both;
}

#ad-free-about-page .c {
  text-align: center;
}

#ad-free-about-page p.center {
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}

#ad-free-about-page p.light {
  font-weight: 400;
}

#ad-free-about-page p.light a {
  font-weight: 600;
}

#ad-free-about-page a {
  cursor: pointer;
}

@media screen and (max-width: 670px) {
  #ad-free-about-page .reason {
    width: 100%;
    border-right: 0;
    border-bottom: solid 1px rgba(230, 230, 230, 0.95);
    min-height: auto;
    padding-top: 20px;
  }
  #ad-free-about-page .reason p {
    text-align: center;
  }
}

.support-us .top-banner, .stay-informed .top-banner {
  width: 100%;
  max-width: 1400px;
  height: 272px;
  color: #fff;
  padding: 18px;
  text-align: center;
}

.support-us .top-banner .banner-tagline, .stay-informed .top-banner .banner-tagline {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #222;
}

.support-us .top-banner .banner-tagline div, .stay-informed .top-banner .banner-tagline div {
  padding: 20px;
  display: table;
  margin-right: auto;
  margin-left: auto;
}

.support-us .top-banner .banner-tagline div:first-child, .stay-informed .top-banner .banner-tagline div:first-child {
  margin-bottom: 10px;
}

.support-us .top-banner .banner-tagline h1, .stay-informed .top-banner .banner-tagline h1 {
  font-size: 70px;
}

@media (max-width: 991.98px) {
  .support-us .top-banner .banner-tagline h1, .stay-informed .top-banner .banner-tagline h1 {
    font-size: 65px;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  .support-us .top-banner .banner-tagline h1, .stay-informed .top-banner .banner-tagline h1 {
    font-size: 45px;
  }
}

.support-us .top-banner .banner-tagline h4, .stay-informed .top-banner .banner-tagline h4 {
  font-size: 35px;
}

@media (max-width: 991.98px) {
  .support-us .top-banner .banner-tagline h4, .stay-informed .top-banner .banner-tagline h4 {
    font-size: 28px;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  .support-us .top-banner .banner-tagline h4, .stay-informed .top-banner .banner-tagline h4 {
    font-size: 20px;
  }
}

.support-us .top-banner .banner-tagline h1,
.support-us .top-banner .banner-tagline h4, .stay-informed .top-banner .banner-tagline h1,
.stay-informed .top-banner .banner-tagline h4 {
  font-weight: 100;
  margin-bottom: 0;
}

.support-us .top-banner .banner-tagline h1 strong,
.support-us .top-banner .banner-tagline h4 strong, .stay-informed .top-banner .banner-tagline h1 strong,
.stay-informed .top-banner .banner-tagline h4 strong {
  font-weight: 700;
}

.support-us .offer-container, .stay-informed .offer-container {
  background-color: #fff;
  color: #4A4A4A;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  padding: 30px;
  margin: 50px auto;
  max-width: 941px;
  width: 100%;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
  position: relative;
}

.support-us .offer-container .letter-header, .stay-informed .offer-container .letter-header {
  font-family: 'Noto Serif', sans-serif;
  font-weight: 600;
  font-size: 20px;
}

.support-us .offer-container .offer-copy, .stay-informed .offer-container .offer-copy {
  margin-top: 15px;
}

.support-us .offer-container .offer-copy p, .stay-informed .offer-container .offer-copy p {
  font-weight: 300;
}

.support-us .offer-container .offer-copy .editor-sign-off, .stay-informed .offer-container .offer-copy .editor-sign-off {
  text-align: center;
}

.support-us .offer-container .offer-copy .editor-sign-off p, .stay-informed .offer-container .offer-copy .editor-sign-off p {
  margin-bottom: 0;
  font-size: 15px;
}

.support-us .offer-container .button-container, .stay-informed .offer-container .button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 0;
}

.support-us .offer-container .button-container > div, .stay-informed .offer-container .button-container > div {
  padding: 10px;
  text-align: center;
}

.support-us .offer-container .button-container > div:first-child, .stay-informed .offer-container .button-container > div:first-child {
  margin-right: 90px;
}

.support-us .offer-container .button-container > div:only-child, .stay-informed .offer-container .button-container > div:only-child {
  margin-right: 0;
}

.support-us .offer-container .button-container .button-container--copy, .stay-informed .offer-container .button-container .button-container--copy {
  font-weight: bold;
  font-size: 18px;
}

@media screen and (max-width: 600px) {
  .support-us .offer-container .button-container > div, .stay-informed .offer-container .button-container > div {
    width: 100%;
  }
}

@media screen and (max-width: 602px) {
  .support-us .offer-container .button-container > div:first-child, .stay-informed .offer-container .button-container > div:first-child {
    margin-right: 0;
  }
}

.support-us .offer-container .tel-bold, .stay-informed .offer-container .tel-bold {
  color: #4A4A4A;
  font-weight: bold;
}

.support-us .separator, .stay-informed .separator {
  font-family: 'Noto Serif', sans-serif;
  font-weight: 600;
  font-size: 21px;
  text-align: center;
}

.support-us .support-offers, .stay-informed .support-offers {
  margin-top: 50px;
}

@media (max-width: 991.98px) {
  .support-us .support-offers, .stay-informed .support-offers {
    text-align: center;
  }
}

.support-us .support-offers .option, .stay-informed .support-offers .option {
  display: flex;
  max-width: 941px;
  height: 308px;
  border: 1px solid #DFDFDF;
  border-radius: 4px;
  margin-bottom: 50px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.22);
}

@media (max-width: 991.98px) {
  .support-us .support-offers .option, .stay-informed .support-offers .option {
    height: initial;
    display: inline-flex;
    flex-direction: column-reverse;
    max-width: 50%;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  .support-us .support-offers .option, .stay-informed .support-offers .option {
    max-width: 75%;
  }
}

.support-us .support-offers .option .offer-text, .stay-informed .support-offers .option .offer-text {
  color: #4A4A4A;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 50%;
  height: 100%;
  padding: 25px;
}

@media (max-width: 991.98px) {
  .support-us .support-offers .option .offer-text, .stay-informed .support-offers .option .offer-text {
    width: 100%;
  }
}

.support-us .support-offers .option .offer-text h5, .stay-informed .support-offers .option .offer-text h5 {
  font-size: 20px;
  font-family: 'Noto Serif', sans-serif;
  font-weight: 600;
}

.support-us .support-offers .option .offer-text p, .stay-informed .support-offers .option .offer-text p {
  font-size: 15px;
  font-weight: 300;
}

.support-us .support-offers .option .offer-text p strong, .stay-informed .support-offers .option .offer-text p strong {
  font-weight: 600;
}

.support-us .support-offers .option .offer-text a, .stay-informed .support-offers .option .offer-text a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  border: none;
  font-size: 20px;
  margin-bottom: 0;
  color: #222;
}

.support-us .support-offers .option .offer-text a:hover, .stay-informed .support-offers .option .offer-text a:hover {
  text-decoration: none;
}

.support-us .support-offers .option .offer-image, .stay-informed .support-offers .option .offer-image {
  width: 50%;
}

@media (max-width: 991.98px) {
  .support-us .support-offers .option .offer-image, .stay-informed .support-offers .option .offer-image {
    width: 100%;
  }
}

.support-us .support-offers .option .offer-image img, .stay-informed .support-offers .option .offer-image img {
  float: right;
  max-height: 100%;
}

@media (max-width: 991.98px) {
  .support-us .support-offers .option .offer-image img, .stay-informed .support-offers .option .offer-image img {
    float: none;
    margin: auto;
  }
}

.support-us .message-container, .stay-informed .message-container {
  margin: 0 auto;
  max-width: 941px;
  width: 100%;
}

.support-us .bottom-message, .stay-informed .bottom-message {
  text-align: center;
  color: #333;
}

.support-us .bottom-message > p, .stay-informed .bottom-message > p {
  clear: both;
  font-size: 70px;
}

@media (max-width: 991.98px) {
  .support-us .bottom-message > p, .stay-informed .bottom-message > p {
    font-size: 45px;
  }
}

@media (max-width: 991.98px) and (max-width: 575.98px) {
  .support-us .bottom-message > p, .stay-informed .bottom-message > p {
    font-size: 40px;
  }
}

.support-us .bottom-message .top-message p, .stay-informed .bottom-message .top-message p {
  font-size: 50px;
  font-weight: 300;
  margin-bottom: 0;
}

@media (max-width: 991.98px) {
  .support-us .bottom-message .top-message p, .stay-informed .bottom-message .top-message p {
    font-size: 30px;
  }
}

.support-us .bottom-message .top-message p:first-child, .stay-informed .bottom-message .top-message p:first-child {
  float: left;
  margin-left: 170px;
}

@media (max-width: 991.98px) {
  .support-us .bottom-message .top-message p:first-child, .stay-informed .bottom-message .top-message p:first-child {
    float: none;
    margin: 0;
  }
}

.support-us .bottom-message .top-message p:last-child, .stay-informed .bottom-message .top-message p:last-child {
  float: right;
  margin-right: 90px;
}

@media (max-width: 991.98px) {
  .support-us .bottom-message .top-message p:last-child, .stay-informed .bottom-message .top-message p:last-child {
    float: none;
    margin: 0;
  }
}

.support-us .bottom-message .top-message p strong, .stay-informed .bottom-message .top-message p strong {
  font-weight: 700;
}

.support-us .video-container, .stay-informed .video-container {
  flex-wrap: wrap;
  margin: 20px auto;
  max-width: 745px;
}

#football-teaser {
  border-top: 1px solid #105E8B;
  border-bottom: 1px solid #105E8B;
  background-color: #fff;
  max-width: 300px;
  width: 100%;
  padding-bottom: 20px;
}

#football-teaser hr {
  margin: 0 0 5px 0;
}

@media (max-width: 991.98px) {
  #football-teaser {
    max-width: 100%;
    padding-bottom: 10px;
  }
}

#football-teaser .team-data-teaser {
  width: 100%;
}

@media (max-width: 575.98px) {
  #football-teaser .team-data-teaser .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

#football-teaser .team-data-teaser .teaser-nav-tabs {
  padding: 15px 10px;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item {
  display: inline-block;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item:first-child {
  margin-right: 5px;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item a {
  padding: 7px 5px;
  color: #105E8B;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  text-align: center;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item a:focus, #football-teaser .team-data-teaser .teaser-nav-tabs .nav-item a:hover {
  text-decoration: none;
}

#football-teaser .team-data-teaser .teaser-nav-tabs .nav-item a.active {
  background-color: #105E8B;
  color: #FFF;
}

#football-teaser .team-data-teaser .tab-content .btn-results-link {
  padding: 5px 25px;
  background-color: #F2F3F3;
  display: inline-block;
  margin: 10px 0;
  color: #105E8B;
}

#football-teaser .team-data-teaser .tab-content .results-section {
  padding: 5px;
}

#football-teaser .team-data-teaser .tab-content .results-section h6 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

#football-teaser .team-data-teaser .tab-content .results-section a {
  color: #105E8B;
}

#football-teaser .team-data-teaser .tab-content .results-section a.match-report {
  text-decoration: underline;
}

#football-teaser .team-data-teaser .tab-content .results-section .score-container {
  display: inline-block;
  background-color: #FFD230;
  height: 30px;
  width: 40px;
}

#football-teaser .team-data-teaser .tab-content .results-section .score-container span {
  font-weight: 600;
  line-height: 31px;
}

#football-teaser .team-data-teaser .tab-content .results-section .small-heading {
  font-size: 12px;
}

#football-teaser .team-data-teaser .tab-content .results-section .match-progress {
  font-size: 13px;
  color: #888;
}

#football-teaser .team-data-teaser .tab-content .results-section .team-name {
  font-size: 14px;
  display: inline-block;
  line-height: 18px;
}

#football-teaser .team-data-teaser .tab-content .results-section .team-name.selected-team {
  font-weight: bold;
}

#football-teaser .team-data-teaser .tab-content .results-section .time-container {
  background-color: #D7D7D7;
  font-weight: 600;
  font-size: 18px;
  height: 30px;
  width: 83px;
  display: inline-block;
}

#football-teaser .team-data-teaser .tab-content .table-section table {
  padding: 0 10px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr.selected-team {
  border: 1px solid #eee;
  border-left: 2px solid #105E8B;
  font-weight: bold;
  padding-left: 9px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr th {
  font-size: 13px;
  color: #323132;
  text-align: center;
  padding-bottom: 5px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr th:last-child {
  padding-right: 5px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr td {
  color: #323132;
  font-size: 14px;
  vertical-align: middle;
  width: calc(100% / 8);
  padding-right: 30px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr td.table-position {
  font-weight: bold;
  font-size: 26px;
  padding: 0 10px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr td.team {
  min-width: 85px;
}

#football-teaser .team-data-teaser .tab-content .table-section table tr td.points {
  font-weight: bold;
  font-size: 12px;
  padding: 0 5px;
  text-align: center;
}

#football-teaser .team-data-teaser .tab-content .table-section .full-table-container {
  text-align: center;
}

#football-teaser .team-data-teaser .tab-content .table-section hr {
  margin: 10px 0 2px 0;
}

#football-fixtures,
#football-results,
#football-table {
  background: #fff;
}

#football-fixtures .section-title,
#football-results .section-title,
#football-table .section-title {
  width: 100%;
  border-bottom: 1px solid #105E8B;
}

#football-fixtures .section-title h1,
#football-results .section-title h1,
#football-table .section-title h1 {
  font-size: 30px;
  font-weight: bold;
  padding: 0 15px;
  margin: 0;
}

@media (max-width: 575.98px) {
  #football-fixtures .section-title h1,
  #football-results .section-title h1,
  #football-table .section-title h1 {
    font-size: 26px;
  }
}

#football-fixtures > .month-container,
#football-results > .month-container {
  border: none;
}

#football-fixtures > .month-container ~ .month-container,
#football-results > .month-container ~ .month-container {
  border-top: 1px solid #105E8B;
}

#football-fixtures .month-container,
#football-results .month-container {
  padding: 15px;
}

@media (max-width: 767.98px) {
  #football-fixtures .month-container,
  #football-results .month-container {
    padding: 10px 0;
  }
}

#football-fixtures .month-container h3,
#football-results .month-container h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

#football-fixtures .month-container .match-divider:only-of-type,
#football-results .month-container .match-divider:only-of-type {
  display: none;
}

#football-fixtures .month-container > .match-divider,
#football-results .month-container > .match-divider {
  display: block;
}

#football-fixtures .month-container > .match-divider ~ .match-divider:last-child,
#football-results .month-container > .match-divider ~ .match-divider:last-child {
  display: none;
}

#football-fixtures .month-container .league-name,
#football-results .month-container .league-name {
  font-size: 13px;
}

#football-fixtures .month-container .match-time,
#football-results .month-container .match-time {
  display: inline-block;
  font-weight: bold;
  width: 83px;
  height: 30px;
  background-color: #D7D7D7;
  line-height: 32px;
  font-size: 18px;
}

#football-fixtures .month-container .team-name,
#football-results .month-container .team-name {
  font-size: 14px;
}

#football-fixtures .month-container .match-details .col-md-4,
#football-results .month-container .match-details .col-md-4 {
  padding: 0;
}

@media (max-width: 991.98px) {
  #football-fixtures .month-container .match-details .col-md-4,
  #football-results .month-container .match-details .col-md-4 {
    padding: 0 9px;
  }
}

#football-fixtures .month-container .comments,
#football-results .month-container .comments {
  width: 100%;
  font-size: 12px;
  text-align: center;
}

#football-fixtures .month-container .score-container,
#football-results .month-container .score-container {
  display: inline-block;
  background-color: #FFD230;
  height: 30px;
  width: 40px;
}

#football-fixtures .month-container .score-container span,
#football-results .month-container .score-container span {
  font-weight: 600;
  line-height: 31px;
}

#football-fixtures .month-container a,
#football-results .month-container a {
  color: #105E8B;
}

#football-fixtures .month-container a.match-report,
#football-results .month-container a.match-report {
  text-decoration: underline;
}

#football-fixtures .month-container .small-heading,
#football-results .month-container .small-heading {
  font-size: 12px;
}

#football-fixtures .month-container .match-progress,
#football-results .month-container .match-progress {
  font-size: 13px;
  color: #888;
}

#football-fixtures .selected-team,
#football-results .selected-team {
  font-weight: bold;
}

@media (max-width: 991.98px) {
  #football-fixtures .col-md-4,
  #football-results .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

#football-table .last-updated {
  color: #9B9B9B;
  margin-top: 10px;
  margin-left: 10px;
  width: 100%;
  font-size: 12px;
  font-style: italic;
  line-height: 14px;
  text-align: left;
}

#football-table table {
  margin: 0 10px;
  display: table;
}

@media (max-width: 991.98px) {
  #football-table table {
    margin: 0;
  }
}

#football-table table tbody {
  text-align: center;
}

#football-table table tbody tr {
  height: 42px;
  line-height: 42px;
  display: table-row;
}

#football-table table tbody tr th {
  padding-bottom: 0;
}

@media (max-width: 991.98px) {
  #football-table table tbody tr th {
    padding: 8px 8px 0 8px;
  }
}

@media (max-width: 991.98px) and (max-width: 575.98px) {
  #football-table table tbody tr th {
    padding: 9px 6px 0 6px;
  }
}

#football-table table tbody tr td {
  padding: 0;
  font-weight: bold;
  display: table-cell;
}

@media (max-width: 575.98px) {
  #football-table table tbody tr td {
    font-size: 12px;
  }
}

#football-table table tbody tr td.team-name {
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  line-height: 18px;
}

#football-table table tbody tr td.team-name.selected-team {
  font-weight: bold;
}

@media (max-width: 575.98px) {
  #football-table table tbody tr td.team-name {
    font-size: 14px;
  }
}

#football-table table tbody tr td.table-position {
  font-size: 26px;
  font-weight: bold;
  padding-right: 5px;
}

@media (max-width: 991.98px) {
  #football-table table tbody tr td.table-position {
    padding-left: 5px;
  }
}

#football-table table tbody tr td.rank {
  font-size: 20px;
  padding-right: 10px;
}

#football-table table tbody tr td.rank.up {
  color: #14B376;
}

#football-table table tbody tr td.rank.right {
  color: #259DEC;
}

#football-table table tbody tr td.rank.down {
  color: #DA7783;
}

#football-table table tbody tr td span.non-match-day {
  color: #DBDBDB;
}

#football-table table tbody tr.selected-team {
  -webkit-appearance: none;
  border: 1px solid #eee;
  border-left: 2px solid #105E8B;
  font-weight: bold;
  padding-left: 9px;
  border-radius: 2px;
}

#football-table .selected-team {
  font-weight: bold;
}

@media (max-width: 991.98px) {
  #football-table .tablet-hide {
    display: none;
  }
}

@media (max-width: 991.98px) and (max-width: 767.98px) {
  #football-table .phone-hide {
    display: none;
  }
}

#football-side-articles .nq-article-card {
  box-shadow: none;
  margin-bottom: 0;
}

#football-side-articles .more-stories {
  display: block;
  position: relative;
  background-color: #FFF;
  float: right;
  width: 100%;
  padding-bottom: 5px;
}

#covid-19-tributes .intro-copy {
  background-color: #fff;
  color: #4A4A4A;
  border-radius: 4px;
  padding: 30px 30px 10px 30px;
  margin: 50px auto 20px auto;
  width: 100%;
  position: relative;
}

#covid-19-tributes .intro-copy h2 {
  font-size: 32px;
  font-family: "Fira Sans", sans-serif;
}

#covid-19-tributes .intro-copy p {
  font-family: "Fira Sans", sans-serif;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 25px;
}

@media (max-width: 1199.98px) {
  #covid-19-tributes .intro-copy .title-container {
    flex-direction: column;
    text-align: center;
  }
  #covid-19-tributes .intro-copy .title-container a.btn {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}

#covid-19-tributes .intro-copy .sponsor-section {
  max-width: 382px;
}

@media (max-width: 991.98px) {
  #covid-19-tributes .intro-copy .sponsor-section {
    margin: auto;
  }
}

#covid-19-tributes .intro-copy .sponsor-section .sponsor-association {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #323132;
  text-transform: uppercase;
}

#covid-19-tributes .intro-copy .sponsor-section .sponsor-details {
  border: 1px solid #000;
  text-align: center;
  padding: 10px;
}

#covid-19-tributes .intro-copy .sponsor-section .sponsor-details p {
  font-size: 14px;
  line-height: 17px;
  color: #323132;
}

#covid-19-tributes .intro-copy .sponsor-section .sponsor-details img {
  max-width: 160px;
}

#covid-19-tributes .intro-copy .sponsor-section .sponsor-details a {
  color: #D8232A;
}

#covid-19-tributes .tribute-item {
  margin-top: 20px;
}

@media (min-width: 992px) {
  #covid-19-tributes .tribute-item:nth-child(-n+8) {
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  #covid-19-tributes .tribute-item:nth-child(-n+4) {
    margin-top: 0;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  #covid-19-tributes .tribute-item:nth-child(-n+2) {
    margin-top: 0;
  }
}

#covid-19-tributes .tribute-item > div {
  background: #fff;
  -webkit-box-shadow: 0px 10px 10px -10px #bfbfbf;
  -moz-box-shadow: 0px 10px 10px -10px #bfbfbf;
  box-shadow: 0px 10px 10px -10px #bfbfbf;
  height: 265px;
  cursor: pointer;
  text-align: center;
}

#covid-19-tributes .tribute-item > div img {
  width: 300px;
  height: 200px;
  object-fit: cover;
}

@media (max-width: 990px) {
  #covid-19-tributes .tribute-item > div img {
    width: 100%;
    object-fit: cover;
  }
}

#covid-19-tributes .tribute-item > div .tribute-text {
  height: 65px;
  padding: 10px 20px;
  overflow-y: hidden;
  display: flex;
  align-items: center;
}

#covid-19-tributes .tribute-item > div .tribute-text p {
  width: 100%;
  text-align: center;
  margin: 0;
  font-size: 16px;
  word-break: break-word;
  font-family: "Fira Sans", sans-serif;
}

#covid-19-tributes .tribute-item > div .tribute-text img {
  width: 100%;
}

#covid-19-tributes .tribute-item > div .poem-content, #covid-19-tributes .tribute-item > div .no-image-content {
  background-color: #51336C;
  color: #FFFFFF;
  font-size: 17px;
  font-style: italic;
  font-family: "Fira Sans", sans-serif;
  letter-spacing: 0;
  line-height: 25px;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  overflow: hidden;
}

#covid-19-tributes .tribute-item > div .no-image-content {
  word-break: keep-all;
}

#covid-19-tributes .btn-martini {
  background-color: #D8232A;
}

#covid-19-tributes .extended-tribute-modal {
  background-color: rgba(0, 0, 0, 0.8);
}

#covid-19-tributes .extended-tribute-modal .modal-content {
  border-radius: 0;
}

#covid-19-tributes .extended-tribute-modal .modal-content img {
  width: 100%;
}

@media (max-width: 991.98px) {
  #covid-19-tributes .extended-tribute-modal .modal-content .artwork-modal-socials {
    margin-bottom: 0 !important;
    padding: 14px 0;
  }
}

#covid-19-tributes .extended-tribute-modal .row .modal-header {
  flex-direction: column;
  padding: 14px 30px;
}

#covid-19-tributes .extended-tribute-modal .row .modal-header .modal-title {
  color: #444444;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 33px;
  max-width: 93%;
  word-break: break-word;
}

#covid-19-tributes .extended-tribute-modal .row .modal-header p {
  font-size: 14px;
  font-family: "Fira Sans", sans-serif;
}

#covid-19-tributes .extended-tribute-modal .row .modal-body {
  padding: 30px;
}

#covid-19-tributes .extended-tribute-modal .row .modal-body .raw-content {
  color: #323132;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25px;
  word-break: break-word;
  font-family: "Fira Sans", sans-serif;
}

#covid-19-tributes .extended-tribute-modal .row .modal-body a {
  color: #D8232A;
}

#covid-19-tributes .extended-tribute-modal .modal-lg {
  max-width: 1047px;
}

#covid-19-tributes .extended-tribute-modal .modal-close {
  position: absolute;
  right: 25px;
  top: 15px;
  border: none;
  border-radius: 50%;
  height: 31px;
  width: 31px;
  background-color: #D8232A;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

#covid-19-tributes .extended-tribute-modal .modal-close:active, #covid-19-tributes .extended-tribute-modal .modal-close:focus {
  outline: 0;
  border: none;
}

#covid-19-tributes .extended-tribute-modal .modal-close span {
  height: 31px;
  width: 31px;
  font-size: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}

#covid-19-tributes .extended-tribute-modal.modal-artwork .modal-image {
  width: 100%;
}

#covid-19-tributes .extended-tribute-modal.modal-artwork .modal-image img {
  width: 100%;
}

#covid-19-tributes .extended-tribute-modal.modal-artwork .raw-content {
  color: #444444;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 33px;
}

#covid-19-tributes .extended-tribute-modal.modal-poem .modal-dialog {
  max-width: 616px;
}

#covid-19-tributes .extended-tribute-modal.modal-poem .raw-content {
  color: #323132;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 40x;
}

#covid-19-tributes .extended-tribute-modal .modal-dialog.modal-reduced-width {
  max-width: 800px;
}

#covid-19-tributes .filter {
  display: flex;
  margin: 40px 0 60px;
}

#covid-19-tributes .filter ul {
  display: flex;
  align-items: center;
  margin: 0 auto;
  min-height: 30px;
}

#covid-19-tributes .filter ul li {
  margin: 0 0.5em 0 0;
}

#covid-19-tributes .filter ul li a {
  text-align: center;
  box-sizing: border-box;
  padding: 0.2em 1.5em;
  border: 1px solid #D8232A;
  color: #D8232A;
  text-decoration: none;
  font-family: "Fira Sans", sans-serif;
}

#covid-19-tributes .filter ul li a:hover, #covid-19-tributes .filter ul li a.active {
  border: 1px solid #D8232A;
  background-color: #D8232A;
  color: #fff;
}

#covid-19-tributes .filter ul li:last-child {
  margin-right: 0;
}

@media (max-width: 580px) {
  #covid-19-tributes .filter {
    margin: 25px 0 15px;
  }
  #covid-19-tributes .filter ul {
    flex-direction: column;
  }
  #covid-19-tributes .filter ul li {
    margin: 9px 0;
  }
}

#covid-19-tributes .tribute-items-none {
  padding: 2em 0;
  text-align: center;
}

#covid-19-tributes .tribute-items-none.hide {
  display: none;
}

#response_form #message_type {
  width: 50%;
}

@media (max-width: 575.98px) {
  #response_form #message_type {
    width: 100%;
  }
}

#response_form .mb-2rem {
  margin-bottom: 2rem;
}

#response_form .thumbnail-label {
  margin: 13px 0 0;
  color: #4a4a4a;
}

#response_form #answer-row-7 .form-checkbox-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

#response_form #answer-row-7 .form-checkbox-wrapper .terms-confirm {
  margin-left: 0.5em;
  margin-top: -4px;
}

.puzzles-wrapper .loading-container {
  height: 80px;
}

.puzzles-wrapper .loading-container .loader,
.puzzles-wrapper .loading-container .loader:after,
.puzzles-wrapper .loading-container .loader:before {
  background-color: #D8232A;
  color: #D8232A;
}

.puzzles-wrapper .puzzle-carousel-hidden {
  visibility: hidden;
  height: 0;
}

.puzzles-wrapper .puzzles-title {
  color: #333333;
  font-family: Roboto;
  font-size: 34px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 38px;
  margin-bottom: 25px;
}

.puzzles-wrapper .puzzles-bg-border {
  background: #fff;
  padding: 25px 15px;
}

.puzzles-wrapper #piano-puzzles-links {
  padding-bottom: 0;
}

.puzzles-wrapper .puzzles-bg-border.puzzles-bg-border__middle {
  padding-bottom: 0;
}

.puzzles-wrapper .puzzles-sub-title {
  color: #333333;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  margin-bottom: 14px;
}

.puzzles-wrapper .puzzles-sub-title--mb-top {
  margin-top: 1.5rem;
}

.puzzles-wrapper .puzzles-link--wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: wrap;
  max-width: 900px;
  margin: 0 auto;
}

.puzzles-wrapper .puzzles-link--wrapper .puzzles-link--list {
  display: flex;
}

.puzzles-wrapper .puzzles-link--wrapper .puzzles-link--a {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  color: #D8232A;
}

.puzzles-wrapper .puzzles-link--wrapper .puzzles-link--divider {
  display: inline-block;
  margin: 0 0.5rem;
  color: #333;
  font-weight: 800;
  visibility: hidden;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list--title,
.puzzles-wrapper .puzzles-list--wrapper .puzzles-list--title-free {
  color: #333333;
  font-family: "Fira Sans";
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 13px;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list--title {
  font-size: 20px;
  line-height: 26px;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list--title-free {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list--row {
  padding: 1.5rem 0;
  border-bottom: 1px solid #D8D8D8;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list--row:first-of-type {
  padding-top: 0;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list--row:last-of-type {
  border-bottom: 0;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list--border {
  border-bottom: 1px solid #D8D8D8;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--carousel {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--carousel-btn {
  position: absolute;
  height: 100%;
  background: white;
  z-index: 999;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--carousel-btn:hover {
  cursor: pointer;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--carousel-btn:hover img {
  opacity: 0.9;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--carousel-btn img {
  width: 36px;
  height: 36px;
  background-color: #D8232A;
  position: relative;
  top: 30%;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--carousel-btn[aria-disabled='true'] {
  display: none !important;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--carousel-btn_right {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 75%, white 100%);
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--carousel-btn_left {
  left: 0;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0.8) 35%, rgba(255, 255, 255, 0.002) 100%);
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  outline: none;
  min-width: 137px;
  max-width: 137px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 0 0 5px 0;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--item:first-child:not(:only-child) {
  margin-left: 0;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--item:last-child:not(:only-child) {
  margin-right: 0;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list-link--a_wrapper:hover {
  opacity: 0.8;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzles-list-link--a_wrapper:focus {
  outline: none;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--item-img {
  width: 137px;
  margin: 0 0 10px 0;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--date {
  color: #333333;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-bottom: 5px;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--button {
  color: #FFFFFF;
  font-family: 'Roboto';
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  text-align: center;
  background-color: #D8232A;
  padding: 5px 9px;
  text-transform: uppercase;
  border: none;
  text-decoration: none;
  line-height: 16px;
}

.puzzles-wrapper .puzzles-list--wrapper .puzzle-list--button:hover {
  opacity: 0.8;
}

.puzzles-wrapper .puzzles-list--wrapper .slick-slide {
  width: 137px !important;
  margin-left: 10px;
  margin-right: 10px;
}

.puzzles-wrapper .puzzles-list--wrapper .slick-slide:first-child {
  margin-left: 0;
}

.puzzles-wrapper .puzzles-list--wrapper .slick-slide:last-child {
  margin-right: 0;
}

.puzzles-wrapper .puzzles-list--wrapper .slick-slide .puzzle-list--item {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

#puzzlesDisplay .puzzle-display--header {
  margin-bottom: 25px;
}

#puzzlesDisplay .puzzle-display--header .puzzles-display--button-mobile {
  display: none;
}

#puzzlesDisplay .puzzle-display--header .puzzles-display--button-desktop {
  display: block;
}

@media screen and (max-width: 768px) {
  #puzzlesDisplay .puzzle-display--header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  #puzzlesDisplay .puzzle-display--header .puzzles-display--button-mobile {
    display: block;
  }
  #puzzlesDisplay .puzzle-display--header .puzzles-display--button-desktop {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  #puzzlesDisplay .puzzle-display--header .puzzle-display--button-wrapper {
    margin-top: 10px;
  }
}

#puzzlesDisplay .puzzle-display--header .puzzles-title {
  color: #333333;
  font-family: Roboto;
  font-size: 34px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 38px;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  #puzzlesDisplay .puzzle-display--header .puzzles-title {
    font-size: 21px;
    margin-top: 20px;
    line-height: 1.5rem;
  }
}

#puzzlesDisplay .puzzle-display--header .puzzles-display--availability {
  display: block;
  color: #000000;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 17px;
  margin-top: 5px;
  margin-bottom: 0;
  min-width: 133px;
}

#puzzlesDisplay .puzzles-display--button {
  text-align: center;
  background-color: #D8232A;
  padding: 7px 10px;
  border: none;
  text-decoration: none;
  line-height: 16px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 15px;
  margin-bottom: -5px;
  white-space: nowrap;
}

#puzzlesDisplay .puzzles-display--button:hover {
  opacity: 0.8;
}

#puzzlesDisplay #puzzle-holder {
  padding: 0.8rem;
}

@media screen and (min-width: 768px) {
  #puzzlesDisplay #puzzle-holder {
    max-height: 650px;
  }
}

#readers-rewards {
  background: #fff;
  max-width: 940px;
  padding: 0;
}

#readers-rewards .rewards-hero {
  width: 100%;
  height: 250px;
  border-top: 15px solid #5A3292;
  background: url("../../../images/readers-rewards-main-image.png");
  background-position: bottom;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767.98px) {
  #readers-rewards .rewards-hero {
    background-position: left;
    background-size: cover;
  }
  #readers-rewards .rewards-hero img {
    height: 60px;
    position: absolute;
    right: 10px;
    top: 20px;
  }
}

#readers-rewards .rewards-hero .hero-text {
  color: #5A3292;
  background: #fff;
  max-width: 520px;
  height: 50px;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 767.98px) {
  #readers-rewards .rewards-hero .hero-text {
    margin-top: auto;
    margin-bottom: 20px;
  }
}

#readers-rewards .rewards-hero .hero-text h3 {
  font-size: 32px;
  line-height: 26px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin: 0;
}

@media (max-width: 767.98px) {
  #readers-rewards .rewards-hero .hero-text h3 {
    font-size: 22px;
  }
}

@media (max-width: 575.98px) {
  #readers-rewards .rewards-hero .hero-text h3 {
    font-size: 20px;
  }
}

#readers-rewards .content-container {
  padding: 25px 20px 10px 20px;
}

@media (max-width: 575.98px) {
  #readers-rewards .content-container {
    padding: 25px 10px 10px 10px;
  }
  #readers-rewards .content-container .main-content {
    padding-right: 0 !important;
  }
}

#readers-rewards .content-container .row {
  margin: auto;
}

#readers-rewards .content-container h3 {
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
}

#readers-rewards .content-container p {
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  line-height: 24px;
}

#readers-rewards .content-container .reader-rewards-access h2,
#readers-rewards .content-container .whats-included h2 {
  font-family: "Roboto", sans-serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
}

@media (max-width: 767.98px) {
  #readers-rewards .content-container .reader-rewards-access h2,
  #readers-rewards .content-container .whats-included h2 {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (max-width: 767.98px) {
  #readers-rewards .content-container .reader-rewards-access {
    margin-top: 20px;
  }
}

#readers-rewards .content-container .reader-rewards-access .access-instructions {
  max-width: 579px;
  padding: 20px 25px;
  margin: 25px 0;
  background-color: #F4F0FA;
  border: 1px solid #EAEAEA;
}

@media (max-width: 767.98px) {
  #readers-rewards .content-container .reader-rewards-access .access-instructions {
    padding: 10px;
  }
}

#readers-rewards .content-container .reader-rewards-access .access-instructions h3 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
}

@media (max-width: 767.98px) {
  #readers-rewards .content-container .reader-rewards-access .access-instructions h3 {
    margin: 0;
  }
}

#readers-rewards .content-container .reader-rewards-access .access-instructions ol {
  list-style: decimal;
  margin-left: 1rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

#readers-rewards .content-container .reader-rewards-access .access-instructions ol li {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
}

#readers-rewards .content-container .reader-rewards-access .access-instructions ol li a {
  color: #D8232A;
  font-weight: bold;
}

#readers-rewards .content-container .accordion-list hr {
  margin-top: 0;
  margin-bottom: 0;
}

#readers-rewards .content-container .accordion-list .accordion-item-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#readers-rewards .content-container .accordion-list .accordion-item-toggle .item-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 767.98px) {
  #readers-rewards .content-container .accordion-list .accordion-item-toggle .item-description {
    flex-direction: column;
    align-items: flex-start;
  }
}

#readers-rewards .content-container .accordion-list .accordion-item-toggle .item-description h3 {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 0;
}

#readers-rewards .content-container .accordion-list .accordion-item-toggle .item-description span {
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 19px;
  color: #626262;
  font-style: italic;
  margin: auto;
}

@media (max-width: 767.98px) {
  #readers-rewards .content-container .accordion-list .accordion-item-toggle .item-description span {
    margin: 0;
  }
}

#readers-rewards .content-container .accordion-list .accordion-item-toggle i {
  font-size: 24px;
  color: #343A40;
}

#readers-rewards .content-container .accordion-list .accordion-content {
  padding-top: 20px;
}

#readers-rewards .content-container .accordion-list .accordion-content .logo-list {
  display: flex;
  justify-content: space-around;
  margin: 0 50px 20px 50px;
}

@media (max-width: 767.98px) {
  #readers-rewards .content-container .accordion-list .accordion-content .logo-list {
    margin: 0 0 20px 0;
  }
}

#readers-rewards .content-container .accordion-list .accordion-content .logo-list a {
  color: #000;
}

#readers-rewards .content-container .accordion-list .accordion-content .logo-list img {
  max-height: 60px;
}

@media (max-width: 767.98px) {
  #readers-rewards .content-container .accordion-list .accordion-content .logo-list img {
    max-width: 61px;
  }
}

#readers-rewards .content-container .accordion-list .accordion-content p {
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
}

#readers-rewards .content-container .accordion-list .accordion-content ul {
  list-style: unset;
  margin-left: 18px;
}

@media (min-width: 768px) {
  #readers-rewards .content-container #reader-rewards-piano-template {
    position: sticky;
    top: 20px;
  }
}

.ccn-data-gathering-form .ccnDataGathering-hero {
  max-width: 1372px;
  max-height: 272px;
  margin: 0 auto;
  margin-bottom: 2.8rem;
  background-color: #D8232A;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2em;
}

.ccn-data-gathering-form .container {
  background: #FFF;
  padding: 26px 36px 50px;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
}

.ccn-data-gathering-form .ccnDataGathering-title {
  font-family: "Fira Sans", sans-serif;
  font-size: 30px;
  line-height: 35px;
  color: #000;
  margin-bottom: 22px;
}

.ccn-data-gathering-form .ccnDataGathering-intro {
  margin-bottom: 22px;
}

.ccn-data-gathering-form .ccnDataGathering-form {
  margin-top: 50px;
}

.ccn-data-gathering-form .ccnDataGathering-form .row:not(:last-child) {
  margin-bottom: 50px;
}

.ccn-data-gathering-form .ccnDataGathering-form label {
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 23px;
}

.ccn-data-gathering-form .ccnDataGathering-form label .label-title {
  margin-bottom: 14px;
}

.ccn-data-gathering-form .ccnDataGathering-form label strong {
  font-weight: bold;
}

.ccn-data-gathering-form .ccnDataGathering-form label .required {
  color: #FF0000;
}

.ccn-data-gathering-form .ccnDataGathering-form .small-text {
  font-size: 0.9rem;
}

.ccn-data-gathering-form .ccnDataGathering-form input[type="text"] {
  max-width: 500px;
  box-sizing: border-box;
  border: 2px solid #CED4DA;
  border-radius: 0;
}

.ccn-data-gathering-form .ccnDataGathering-form textarea {
  max-width: 500px;
  min-height: 203px;
  box-sizing: border-box;
  border: 2px solid #CED4DA;
  border-radius: 0;
}

.ccn-data-gathering-form .ccnDataGathering-form .form-group-other {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 495px;
}

.ccn-data-gathering-form .ccnDataGathering-form .form-group-other .other-input-wrapper {
  margin-left: 0.8rem;
  width: 100%;
  min-width: 190px;
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-checkbox .custom-control-label:before {
  border-radius: 0;
  border: 2px solid #CED4DA;
  width: 20px;
  height: 20px;
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-checkbox .custom-control-label:after {
  top: 6px;
  left: -22px;
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-checkbox .custom-control-label:hover {
  cursor: pointer;
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-radio .custom-control-label:before {
  height: 20px;
  width: 20px;
  border: 2px solid #CED4DA;
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-radio .custom-control-label:after {
  top: 6px;
  left: -22px;
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-radio .custom-control-label:hover {
  cursor: pointer;
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-radio .custom-control-input:checked ~ .custom-control-label:before {
  background: #fff;
  border-color: #2196F3;
  box-shadow: none;
  border-width: medium;
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-radio .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232196F3'/%3e%3c/svg%3e");
}

.ccn-data-gathering-form .ccnDataGathering-form .custom-control-label span {
  display: inline-block;
  margin-left: 0.8rem;
  margin-top: 0.2rem;
}

.ccn-data-gathering-form .ccnDataGathering-form .form-check {
  margin-bottom: 0.8rem;
}

.ccn-data-gathering-form .ccnDataGathering-form .btn {
  border-radius: 0;
}

.ccn-data-gathering-form .ccnDataGathering-form .alert.alert-danger {
  max-width: 500px;
}

.ccn-data-gathering-form .ccnDataGathering-form .alert.alert-danger p:last-child, .ccn-data-gathering-form .ccnDataGathering-form .alert.alert-danger p:only-child {
  margin-bottom: 0;
}

.ccn-data-gathering-form .ccnDataGathering-form .alert.alert-danger p:empty {
  display: none;
}

#ccnDataGatheringThankYou .container {
  padding-bottom: 120px;
  margin-bottom: 125px;
}

#ccnDataGatheringThankYou .form-actions {
  margin-top: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#ccnDataGatheringThankYou .form-actions a {
  border-radius: 0;
  margin: 0 auto;
  min-width: 173px;
  font-weight: bold;
}

/*# sourceMappingURL=engage-style-light_red.css.map */