@charset "UTF-8";
.dropup,
.dropdown {
  position: relative;
}

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

.dropdown-toggle:focus {
  outline: 0;
}

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

.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: #292b2c;
  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-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #eceeef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: #f7f7f9;
}

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

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #636c72;
  cursor: not-allowed;
  background-color: transparent;
}

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

.show > a {
  outline: 0;
}

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

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

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

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

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

.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-faded {
  background-color: #f7f7f7;
}

.bg-primary {
  background-color: #0275d8 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #025aa5 !important;
}

.bg-success {
  background-color: #5cb85c !important;
}

a.bg-success:focus, a.bg-success:hover {
  background-color: #449d44 !important;
}

.bg-info {
  background-color: #5bc0de !important;
}

a.bg-info:focus, a.bg-info:hover {
  background-color: #31b0d5 !important;
}

.bg-warning {
  background-color: #f0ad4e !important;
}

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ec971f !important;
}

.bg-danger {
  background-color: #d9534f !important;
}

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #c9302c !important;
}

.bg-inverse {
  background-color: #292b2c !important;
}

a.bg-inverse:focus, a.bg-inverse:hover {
  background-color: #101112 !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;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-top {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.rounded-right {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-left {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-0 {
  border-radius: 0;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.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-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-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-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-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-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}

.flex-first {
  order: -1;
}

.flex-last {
  order: 1;
}

.flex-unordered {
  order: 0;
}

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

.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-first {
    order: -1;
  }
  .flex-sm-last {
    order: 1;
  }
  .flex-sm-unordered {
    order: 0;
  }
  .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;
  }
  .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-first {
    order: -1;
  }
  .flex-md-last {
    order: 1;
  }
  .flex-md-unordered {
    order: 0;
  }
  .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;
  }
  .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-first {
    order: -1;
  }
  .flex-lg-last {
    order: 1;
  }
  .flex-lg-unordered {
    order: 0;
  }
  .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;
  }
  .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-first {
    order: -1;
  }
  .flex-xl-last {
    order: 1;
  }
  .flex-xl-unordered {
    order: 0;
  }
  .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;
  }
  .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;
  }
}

@media (min-width: 1400px) {
  .flex-xxl-first {
    order: -1;
  }
  .flex-xxl-last {
    order: 1;
  }
  .flex-xxl-unordered {
    order: 0;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-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;
  }
}

@media (min-width: 1400px) {
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !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;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
}

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 1rem 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-4 {
  margin: 1.5rem 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-5 {
  margin: 3rem 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 1rem 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-4 {
  padding: 1.5rem 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-5 {
  padding: 3rem 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.25rem !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem 3rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5 {
    margin-left: 3rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.25rem !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.5rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.5rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem 3rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5 {
    padding-left: 3rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1 {
    margin-left: 0.25rem !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 0.5rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 1.5rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem 3rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5 {
    margin-left: 3rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-md-0 {
    padding: 0 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1 {
    padding-left: 0.25rem !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 0.5rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 1.5rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem 3rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5 {
    padding-left: 3rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.25rem !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem 3rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5 {
    margin-left: 3rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.25rem !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.5rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.5rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem 3rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5 {
    padding-left: 3rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.25rem !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3 {
    margin-left: 1rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem 3rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5 {
    margin-left: 3rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.25rem !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.5rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3 {
    padding-left: 1rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.5rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem 3rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5 {
    padding-left: 3rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0 0 !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0 {
    margin-left: 0 !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem 0.25rem !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem 0.5rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem 1rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3 {
    margin-left: 1rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem 1.5rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem 3rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5 {
    margin-left: 3rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 0 !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0 {
    padding-left: 0 !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem 0.25rem !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem 0.5rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem 1rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3 {
    padding-left: 1rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem 1.5rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem 3rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5 {
    padding-left: 3rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
}

.text-justify {
  text-align: justify !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;
  }
}

@media (min-width: 1400px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-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-normal {
  font-weight: normal;
}

.font-weight-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

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

.text-muted {
  color: #636c72 !important;
}

a.text-muted:focus, a.text-muted:hover {
  color: #4b5257 !important;
}

.text-primary {
  color: #0275d8 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #025aa5 !important;
}

.text-success {
  color: #5cb85c !important;
}

a.text-success:focus, a.text-success:hover {
  color: #449d44 !important;
}

.text-info {
  color: #5bc0de !important;
}

a.text-info:focus, a.text-info:hover {
  color: #31b0d5 !important;
}

.text-warning {
  color: #f0ad4e !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #ec971f !important;
}

.text-danger {
  color: #d9534f !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #c9302c !important;
}

.text-gray-dark {
  color: #292b2c !important;
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
  color: #101112 !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.invisible {
  visibility: hidden !important;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 575px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

@media (max-width: 1399px) {
  .hidden-xl-down {
    display: none !important;
  }
}

@media (min-width: 1400px) {
  .hidden-xxl-up {
    display: none !important;
  }
}

.hidden-xxl-down {
  display: none !important;
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

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

.modal.show .modal-dialog {
  transform: translate(0, 0);
}

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  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;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

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

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

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef;
}

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

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

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef;
}

.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: 30px auto;
  }
  .modal-sm {
    max-width: 300px;
  }
}

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

/* 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, .block, .block a.more-link, section.block.mega-news-block .mage-news-container, section.block.most-popular-block, section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-search button:after, nav.top-nav, #propertyModule.property-home section.fpc-container, #propertyModule.property-home a.more-link {
  *zoom: 1;
}

.nq-article-card:after, .block:after, .block a.more-link:after, section.block.mega-news-block .mage-news-container:after, section.block.most-popular-block:after, section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-search button:after, nav.top-nav:after, #propertyModule.property-home section.fpc-container:after, #propertyModule.property-home a.more-link:after, .nq-article-card:before, .block:before, .block a.more-link:before, section.block.mega-news-block .mage-news-container:before, section.block.most-popular-block:before, nav.top-nav:before, #propertyModule.property-home section.fpc-container:before, #propertyModule.property-home a.more-link:before {
  content: " ";
  display: table;
}

.nq-article-card:after, .block:after, .block a.more-link:after, section.block.mega-news-block .mage-news-container:after, section.block.most-popular-block:after, section.block.jobs-block.jobs-block-vertical .jobs-block-container .jobs-block-search button:after, nav.top-nav: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;
}

/*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 #005698;
  }
}

#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: #005698;
  margin: 10px 10px 0;
  font-weight: 600;
}

#pecr-cookie-warning a:focus, #pecr-cookie-warning a:hover {
  color: #006dc1;
}

#pecr-cookie-warning button {
  background-color: #005698;
  border: 0;
  color: #FFF;
  font-weight: 500;
  cursor: pointer;
  float: right;
}

#pecr-cookie-warning button:focus, #pecr-cookie-warning button:hover {
  background-color: #006dc1;
}

@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: #002b4c;
  background: rgba(0, 43, 76, 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: #002b4c;
  background: rgba(0, 43, 76, 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: #005698;
  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: #005698;
  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;
}

#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: 767px) {
  .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: 991px) {
  #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;
}

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

.ugc-fixed {
  position: fixed;
  left: 0;
  right: 0;
}

.ugc-blur {
  filter: blur(10px);
  -webkit-filter: blur(10px);
}

.i-dont-have-image-link {
  color: #005698;
  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: #006dc1;
  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: #006dc1;
}

#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: #005ca2;
  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: #005698;
  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: #003f6f;
}

#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: #005698;
  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: #003f6f;
}

#user-contributions-overlay .ugc-login-container > .col-md-4,
#user-contributions-overlay .ugc-register-container > .col-md-4 {
  color: #fff;
  background-color: #005698;
  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: #005698;
  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: #005698;
  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: #003f6f;
}

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: #005698;
  display: block;
  margin-top: 10px;
  text-align: center;
  padding: 8px;
  color: #ffffff;
  font-size: 12pt;
}

#ugcCta a.cta:hover {
  background-color: #003f6f;
}

#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: #006dc1;
}

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

.redesign-cta {
  background-color: #e6e6e6;
  padding: 15px;
  color: #3e3e3e;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  border-left: solid 2px #005698;
  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: #005698;
  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: #005698;
  font-size: 15px;
  text-align: center;
}

.cta-component-contributions a:hover {
  background-color: #003f6f;
  text-decoration: none;
}

.cta-component-contributions i {
  display: none;
  width: 60px;
  margin-right: 10px;
  float: left;
  font-size: 47px;
  color: #005698;
}

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

/* 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: #005698;
}

.nq-article-card a {
  color: #2A2A2A;
}

.nq-article-card a:focus, .nq-article-card a:hover {
  color: #005698;
  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: #005698;
  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: #005698;
}

.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: 991px) {
  .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: 991px) and (max-width: 767px) {
  .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: 991px) {
  .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: 991px) and (max-width: 767px) {
  .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: 991px) {
  .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: 991px) and (max-width: 767px) {
  .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 #005698;
  }
  .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 #005698;
  }
  .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 #005698;
  }
  .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;
  }
}

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: #D5252D;
}

section.most-popular-component a.more-link {
  background-color: #fff;
  padding: 10px 15px;
  color: #005698;
}

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: #D5252D;
  color: #D5252D;
}

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: #D5252D;
  margin-top: 4px;
}

section.most-popular-component ol > li > a {
  color: #2A2A2A;
}

section.most-popular-component ol > li > a:hover {
  text-decoration: none;
  color: #D5252D;
}

section.multimedia-block {
  margin-bottom: 20px;
  background-color: #D5252D;
  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: 767px) {
  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: #D5252D;
  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: #1d69a4;
  color: #FFF;
}

section.multimedia-block.live-block .article-container article h3 {
  margin-bottom: 0;
  padding: 15px;
  color: #2A2A2A;
}

/* 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: #005698;
  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: #006dc1;
}

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

section.block.mega-news-block h1 a:hover {
  color: #dc373f;
  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: #005698;
  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: #003f6f;
  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: #D5252D;
  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: #D5252D;
  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: 991px) {
  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: #D5252D;
}

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: #D5252D;
  color: #D5252D;
}

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: #D5252D;
  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: #D5252D;
}

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: #D5252D;
  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: #D5252D;
  color: #FFF;
}

@media (max-width: 991px) {
  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: #D5252D;
}

section.block.most-popular-block .most-popular-content h2 a:focus, section.block.most-popular-block .most-popular-content h2 a:hover {
  color: #dc373f;
}

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: #D5252D;
  color: #D5252D;
}

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: #D5252D;
}

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: #D5252D;
}

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: #D5252D;
  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: #D5252D;
  color: #FFF;
}

section.block.most-popular-block .most-popular-tabs li:first-child {
  margin-right: 5px;
}

@media (max-width: 991px) {
  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;
}

/*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;
}

/* Top nav */
nav.top-nav {
  width: 100%;
  background-color: #E0E0E0;
  font-weight: 500;
  font-size: 14px;
  border-top: solid 1px #005698;
  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: #005698;
  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: #005698;
  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 #005698;
  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: 991px) {
  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: 991px) {
  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: #005698;
  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: 991px) {
  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: #005698;
}

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: 991px) {
  #redesign-header .header-poppy {
    width: 30px;
    height: 27px;
    margin-left: 0;
    position: absolute;
    top: 5px;
    right: 350px;
  }
}

@media (max-width: 767px) {
  #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: 991px) {
  #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: 767px) {
  #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 #005698;
  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: #005698;
  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 #005698;
  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: 991px) {
  .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: 991px) {
  .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: #005698;
  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: 991px) {
  .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: #005698;
}

.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: #005698;
  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: #005698;
  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: 991px) {
  .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: 767px) {
  .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 #D5252D;
  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: 991px) {
  .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: #005698;
}

.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: #005698;
  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: #003f6f;
  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: #00508e;
}

.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: 991px) {
  #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: #005698;
  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 #005698;
  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: #005698;
  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: #005698;
  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: #005698;
  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: 767px) {
  #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: 767px) {
  #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: #005698;
  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: 575px) {
  #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: #005698;
  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: 767px) {
  #redesign-mega-menu .expanded-sub-nav a {
    line-height: 24px;
    font-size: 13px;
  }
}

@media (max-width: 1199px) {
  #redesign-mega-menu .expanded-sub-nav {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (max-width: 991px) {
  #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: 575px) {
  #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: 991px) {
  #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: #005698;
}

#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 #005698;
  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: #005698;
}

#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 #005698;
  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: #005698;
  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 #005698;
  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: #0073cb;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(2) a:after {
  border-left: 12px solid #0073cb;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(3) {
  background-color: #0090fe;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(3) a:after {
  border-left: 12px solid #0090fe;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(4) {
  background-color: #32a6ff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(4) a:after {
  border-left: 12px solid #32a6ff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(5) {
  background-color: #65bcff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(5) a:after {
  border-left: 12px solid #65bcff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(6) {
  background-color: #98d2ff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(6) a:after {
  border-left: 12px solid #98d2ff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(7) {
  background-color: #cbe8ff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(7) a:after {
  border-left: 12px solid #cbe8ff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(8) {
  background-color: #feffff;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li:nth-child(8) a:after {
  border-left: 12px solid #feffff;
}

.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: #005698;
  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: 1199px) {
  #secondary-nav a {
    font-size: 16px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  #secondary-nav a {
    font-size: 16px;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  #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: 1199px) {
  #secondary-nav.features-bar #secondary-nav-show-more i {
    position: absolute;
    top: 2px;
  }
}

@media (max-width: 991px) {
  #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;
}

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

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

/* Fixes for announcements -> deaths -> post */
#announcements .notice .notice-container .message-board ul li h4 {
  padding-bottom: 10px;
}

#announcements .notice .notice-container .message-board ul li .img-container {
  margin-top: 0;
}

#announcements .notice .grid_4 h3 {
  margin-bottom: 15px;
}

#announcements .notice #announcementAlerts {
  margin-bottom: 10px;
}

#announcements .notice .announcement-alert-signup-form input {
  padding: 5px;
}

.CarsModule {
  background-color: transparent;
}

.CarsModule #contentContainer {
  background-color: transparent;
}

.has-relative-skin .CarsModule {
  background-color: #FFF;
}

.has-relative-skin .CarsModule #contentContainer,
.has-relative-skin .CarsModule .container {
  background-color: #FFF;
}

.has-relative-skin .CarsModuleEandM {
  background-color: #FFF;
}

.S1JobsModule {
  background-color: transparent;
}

.S1JobsModule #contentContainer {
  background-color: transparent;
}

.has-relative-skin .S1JobsModule {
  background-color: #FFF;
}

.has-relative-skin .S1JobsModule #contentContainer,
.has-relative-skin .S1JobsModule .container {
  background-color: #FFF;
}

/* 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: #005698;
  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: #006dc1;
}

#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: #005698;
  margin-right: 10px;
}

#propertyModule.property-search-results .property-views .property-view a {
  color: #005698;
  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: #005698;
}

#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: #005698;
  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: #005698;
  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: #005698;
  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: #005698;
  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: #005698;
}

#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: #005698;
  padding: 5px 10px;
  margin: auto;
}

#propertyModule.agent-details .button-container a.read-more:hover {
  text-decoration: none;
  color: #003f6f;
}

#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: #005698;
  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: #003f6f;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details .agent-phone {
  margin-bottom: 15px;
  display: block;
  color: #005698;
  font-size: 24px;
}

#propertyModule.agent-details article.nq-article-card.article-main-details .details .agent-site {
  margin-top: 15px;
  color: #005698;
  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 #005698;
  color: #005698;
  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: #005698;
}

#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: #005698;
}

#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: #005698;
}

#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: #005698;
}

#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: #005698;
}

#propertyModule.find-agents .address-book-list h2 {
  display: inline-block;
  background-color: #FFF;
  padding: 10px;
  font-family: "Roboto", sans-serif;
  color: #005698;
  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: #005698;
}

#propertyModule.find-agents .address-book-list .card > .row .agent-property-link {
  font-size: 14px;
  color: #005698;
}

#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: #005698;
  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-blue.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: #005698;
  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: #005698;
  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;
}

#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 #005698;
  color: #005698;
  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: #005698;
  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;
  }
}

.sub-nav.container {
  height: 30px;
  overflow: hidden;
  width: 960px;
}

.sub-nav-container .sub-nav ul.sub-breadcrumb li a {
  padding: 2px 10px 0 22px;
}

.sub-nav-container .sub-nav nav ul li {
  margin-top: 1px;
  height: 23px;
}

#contentContainer {
  background: none;
  border: 0;
  padding-left: 9px;
  padding-right: 9px;
  z-index: 0;
  position: relative;
}

#carsLanding .car-news-secondary h2 {
  font-size: 14px;
  line-height: 20px;
}

#carsLanding .col-md-5.motors {
  width: 320px;
}

#carsLanding .video_responsive {
  height: 412px;
}

footer .container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 576px) {
  footer .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  footer .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  footer .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  footer .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}

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

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

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

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

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

@media (min-width: 576px) {
  footer .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 768px) {
  footer .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 992px) {
  footer .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 1200px) {
  footer .row {
    margin-right: -15px;
    margin-left: -15px;
  }
}

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

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

footer .ipso-regulated {
  background-color: #000;
  border: 0;
  padding: 0;
  margin: 0 -6px;
}

footer .ipso-regulated h5.ipso-logo {
  line-height: 1.1;
}

footer .ipso-regulated p {
  width: initial;
}

@media (min-width: 768px) {
  footer .container {
    width: 970px;
  }
}

footer .footer-copyright {
  line-height: 19px;
}

footer .footer-left {
  font-size: 16px;
}

footer nav {
  line-height: 24px;
}

footer nav ul li {
  line-height: 18px;
}

#redesign-header .social-icon-container .social-icon {
  padding-left: 2px !important;
  padding-top: 2px !important;
}

#redesign-header .social-icon-container .social-icon i {
  margin-left: -3px;
}

#redesign-header nav.top-nav .top-bar-right .account {
  margin-top: 1px;
  padding-top: 4px;
}

#redesign-header nav.top-nav .top-bar-right .account .user-icon {
  margin: 1px 4px;
  padding-top: 2px;
  padding-left: 0;
  float: left;
  margin-right: 7px;
}

#redesign-header .frmSearchContainer button {
  border-radius: 0;
  padding: 0;
}

#redesign-header .frmSearchContainer i.m-icon-search-1 {
  font-weight: normal;
  line-height: 30px;
  margin: 0;
  text-size-adjust: 100%;
}

#redesign-header .frmSearchContainer input {
  line-height: 22.5px;
  margin-top: 4px;
}

#redesign-header nav.primary-nav .nav-container ul.primary-nav-menu > li:first-child a {
  line-height: 27px;
}

#redesign-header i {
  margin: 0;
}

#redesign-header i.m-icon-user {
  margin-left: -1px;
}

#redesign-header .site-brand .widget-weather .weather-icon {
  top: -13px;
  margin-left: -31px;
}

#redesign-header .site-brand .widget-weather .weather-icon div {
  font-size: 47px;
}

#redesign-header a {
  transition: none;
}

.has-relative-skin .wrapper {
  z-index: 1;
  position: relative;
}

.has-relative-skin .wrapper > .container {
  display: inline;
  width: 100%;
  background-color: transparent;
  margin-bottom: 0;
}

.has-relative-skin .wrapper > .container #DFP_top_leaderboard {
  margin-top: -65px;
  padding-top: 0;
  padding-bottom: 0;
}

#redesign-header nav.primary-nav .social-nav-buttons {
  width: calc(100% - 49px);
}

.wrapper .side-ad-1 > div,
.wrapper .side-ad-2 > div {
  margin-bottom: 25px;
}

.wrapper .mega-news-main .more-news {
  display: none;
}

.wrapper #article.article-wrapper section.block.mega-news-block aside {
  width: 100%;
  padding-right: 0;
}

.wrapper #article.article-wrapper h1.headline {
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}

@media (min-width: 768px) {
  .wrapper #article.article-wrapper h1.headline {
    font-size: 38px;
    line-height: 44px;
  }
}

.wrapper .article-extra #uatu-recommendations article.article-card {
  padding-bottom: 0;
}

.wrapper .article-extra #uatu-recommendations article.article-card h3 {
  padding: 15px;
}

.wrapper section.cta-component-contributions .send-us-your-news {
  background-color: transparent;
  margin: 0;
}

.wrapper .mega-news-most-popular .most-tab-content li {
  width: auto;
}

.wrapper .mega-news-most-popular .most-tab-content > div {
  padding-right: 0;
}

.wrapper .side-ad {
  margin-bottom: 25px;
}

.wrapper section.block.mega-news-block aside section.mega-news-most-popular {
  margin-bottom: 0;
}

.wrapper .social-circles-component button {
  width: 35px;
  height: 35px;
  min-width: 0;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.wrapper .promoted-block .deco-strip {
  display: none;
}

.wrapper .promoted-block h1.page-section {
  font-family: "Fira Sans", sans-serif;
  font-size: 38px;
  line-height: 52px;
  font-weight: 500;
  color: #292b2c;
}

.redesign-cta p {
  margin-bottom: 15px;
  font-size: 16px;
}

.redesign-cta button {
  border-radius: 0;
  font-size: 16px;
}

.redesign-cta input {
  font-size: 16px;
}

#articlePage p {
  font-size: 17px !important;
  font-family: "Fira Sans", sans-serif;
  line-height: 26px;
}

#articlePage p a {
  color: #005698;
  font-weight: 600;
}

.jobs-block-search {
  height: 230px;
}

.jobs-block-search h3 {
  margin-bottom: 10px;
}

.jobs-block-search input {
  display: block;
  width: 100%;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1.25;
  color: #464a4c;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
  border-radius: 5px;
}

.jobs-block-search button {
  border-radius: 3px;
}

.xx-large.semi-loud.page-title {
  display: block;
}

#redesign-header nav.top-nav ul {
  width: calc(100% - 52px);
}

@media (min-width: 576px) {
  #redesign-header nav.top-nav ul {
    width: calc(100% - 430px);
  }
}

.fotorama-show-full-screen {
  display: none;
}

.modal-backdrop {
  opacity: 0.4;
}

/*# sourceMappingURL=legacy-header-engage-style-light_blue.css.map */