@charset "UTF-8";
/* ============================================================
   LL Design System v1.0 — TOKENS
   Spec: docs/superpowers/specs/2026-04-24-lightsandliving-brand-port-design.md
   Added: 2026-04-25 (LL-S1.1)
   Rule: do not add hex literals outside this block. Use vars.
   ============================================================ */
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
:root {
  /* Brand */
  --ll-green-primary: #185D34;
  --ll-brass-display: #C9A240;
  --ll-brass-ink:     #8F6A1B;
  /* Surfaces */
  --ll-canvas:        #FFFFFF;
  --ll-canvas-warm:   #FDFCFA;
  --ll-linen:         #F7F3E9;
  --ll-ink:           #1A1A18;
  /* Text */
  --ll-body:          #2F2F2B;
  --ll-body-muted:    #6A6A62;
  /* Borders */
  --ll-border-warm:   #E9E4DD;
  --ll-border-cool:   #D7D7D2;
  /* State */
  --ll-success:       #2D6A4F;
  --ll-success-bg:    #F6FAF7;
  --ll-warn:          #B8752D;
  --ll-error:         #A5322A;
  --ll-error-bg:      #FCEBEA;
  --ll-focus:         var(--ll-green-primary);
  --ll-focus-on-dark: var(--ll-brass-display);
  /* Typography */
  --ll-font-body: 'Poppins', Arial, Helvetica, sans-serif;
  --ll-fw-regular:  400;
  --ll-fw-medium:   500;
  --ll-fw-semibold: 600;
  --ll-fw-bold:     700;
  --ll-text-xs:   0.75rem;
  --ll-text-sm:   0.8125rem;
  --ll-text-base: clamp(15px, 0.95rem + 0.2vw, 17px);
  --ll-text-lg:   clamp(1rem, 0.95rem + 0.35vw, 1.125rem);
  --ll-text-h4:   1.125rem;
  --ll-text-h3:   1.25rem;
  --ll-text-h2:   clamp(1.5rem, 3.2vw, 2.25rem);
  --ll-text-h1:   clamp(2rem, 5vw, 3.5rem);
  --ll-lh-tight: 1.15;
  --ll-lh-snug:  1.3;
  --ll-lh-body:  1.55;
  --ll-lh-loose: 1.7;
  --ll-tracking-display: -0.015em;
  --ll-tracking-h2:      -0.01em;
  --ll-tracking-body:    0;
  --ll-tracking-label:   0.08em;
  /* Spacing — 4pt scale */
  --ll-space-xs:   4px;
  --ll-space-sm:   8px;
  --ll-space-md:   16px;
  --ll-space-lg:   24px;
  --ll-space-xl:   40px;
  --ll-space-2xl:  64px;
  --ll-space-3xl:  96px;
  --ll-stack-tight:  var(--ll-space-sm);
  --ll-stack-body:   var(--ll-space-md);
  --ll-stack-loose:  var(--ll-space-xl);
  --ll-section-y:    var(--ll-space-2xl);
  --ll-section-y-lg: var(--ll-space-3xl);
  /* Radius — varied, not uniform */
  --ll-radius-input:   4px;
  --ll-radius-button:  4px;
  --ll-radius-card:    6px;
  --ll-radius-surface: 8px;
  --ll-radius-pill:    999px;
  /* Shadow — tinted to ink hue */
  --ll-shadow-sm: 0 1px  2px  rgba(26, 20, 16, .06);
  --ll-shadow-md: 0 4px  12px rgba(26, 20, 16, .08);
  --ll-shadow-lg: 0 12px 32px rgba(26, 20, 16, .12);
  --ll-shadow-inner: inset 0 0 0 1px rgba(26, 20, 16, .04);
  /* Motion */
  --ll-dur-instant: 0ms;
  --ll-dur-fast:    120ms;
  --ll-dur-base:    240ms;
  --ll-dur-slow:    380ms;
  --ll-ease-out-quart: cubic-bezier(.25, 1, .5, 1);
  --ll-ease-out-expo:  cubic-bezier(.16, 1, .3, 1);
  --ll-ease-spring:    cubic-bezier(.34, 1.56, .64, 1); }

/* end LL Design System tokens */
/* BOF NOT TO BE INCLUDE IN ORIGINAL */
body.hasAdminBar {
  padding-top: 0 !important; }

body.hasAdminBar .header {
  padding-top: 0 !important; }

body.hasAdminBar .banners {
  margin-top: 0 !important; }

/* BOF CUSTOM CSS TO BE INCLUDE - ANIL */
.navBar .dropdown-menu li {
  padding-right: 5px !important;
  padding-left: 5px !important; }

#wishlist-dropdown li .button {
  text-align: center; }

.form-wishlist.form-action .button {
  font-weight: 700 !important; }
  .form-wishlist.form-action .button .icon-wish-l {
    font-weight: 700 !important;
    margin-top: -2px; }
  .form-wishlist.form-action .button .icon-wish-r {
    margin-left: 2px;
    margin-top: -2px; }

.productGrid .card-body {
  min-height: 118px; }
  @media (max-width: 576px) {
    .productGrid .card-body {
      min-height: 132px; } }

.productGrid .card {
  margin-bottom: 0rem; }

.productGrid .form {
  text-align: center; }

.sidebarBlock li.navList-item a.navList-action:hover {
  font-size: 14px; }

.brandOffer {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0px;
  margin-top: 10px;
  line-height: normal; }
  @media (max-width: 414px) {
    .brandOffer {
      width: 300px;
      display: block;
      margin: 0 auto;
      margin-top: 10px; } }

@media (min-width: 1261px) {
  .cart-totals {
    width: 100% !important;
    margin-top: 15px; } }

@media (max-width: 799px) {
  .text-center-m {
    text-align: center; } }

.form-prefixPostfix .form-input {
  width: 100%; }

.form-prefixPostfix .input_2 {
  margin-left: 10px; }

.dropdown--quickSearch .form {
  max-width: 40rem;
  border: 1px solid #666666;
  padding: 5px 15px;
  border-radius: 50px; }
  .dropdown--quickSearch .form input {
    font-style: normal; }

.dropdown--quickSearch .form-input {
  border: 0;
  padding: 0;
  font-size: 16px !important; }

@media (min-width: 1308px) {
  header .search-icon.submit {
    top: -1px;
    left: 5px; } }

@media (max-width: 1307px) {
  header .search-icon.submit {
    left: 90px;
    top: -25px; } }

.related-product-section {
  margin-top: 15px; }

section.productCarousel {
  margin-bottom: 15px; }

.tab-content.has-jsContent.is-active {
  padding-top: 0px;
  padding-bottom: 0px; }

.brandContent h2 {
  margin-top: 0px;
  text-align: center; }
  @media (max-width: 1199px) {
    .brandContent h2 {
      font-size: 26px; } }

.brandContent h3 {
  font-size: 20px;
  margin-bottom: 5px; }

.brandContent ul {
  margin-left: 30px; }

.containerTimer {
  color: #333;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 1rem 0;
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 14px; }

@media (max-width: 799px) {
  .containerTimer {
    display: block; }
  .containerTimer ul {
    justify-content: center; }
  .containerTimer .headlineTimerP span {
    display: block; } }

.containerTimer .headlineTimerP span {
  font-weight: 700; }

@media (min-width: 801px) {
  .containerTimer .headlineTimerP:after {
    content: "-";
    display: inline;
    padding-left: 4px; } }

@media (min-width: 800px) {
  .containerTimer ul {
    justify-content: start;
    margin-left: 0px !important; }
  .containerTimer li {
    padding-left: 0 !important; }
  .containerTimer {
    text-align: left; } }

.containerTimer ul {
  margin-bottom: 0px;
  display: flex;
  color: #FF762B;
  margin-left: 5px; }

.containerTimer li {
  font-size: 14px !important;
  list-style-type: none;
  text-transform: normal;
  font-variant: small-caps;
  color: #FF762B;
  align-items: center;
  margin: 0;
  padding: 0 5px;
  font-weight: bold; }

.containerTimer li span {
  display: inlie-block;
  padding-right: 5px;
  padding-left: 5px; }

.containerTimer .emoji {
  display: none;
  padding: 1rem; }

.containerTimer .emoji span {
  font-size: 4rem;
  padding: 0 .5rem; }

@media all and (max-width: 768px) {
  .containerTimer h1 {
    font-size: calc(1.5rem * var(--smaller)); }
  .containerTimer li {
    font-size: calc(1.125rem * var(--smaller)); }
  .containerTimer li span {
    font-size: calc(3.375rem * var(--smaller)); } }

/* EOF PRODUCT TIMER */
/* BOF HEADER TIMER */
.containerTimerTop {
  color: #333;
  margin: 0 auto;
  text-align: center;
  padding: 1rem;
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px; }

@media (max-width: 799px) {
  .containerTimerTop {
    display: block; }
  .containerTimerTop ul {
    justify-content: center; } }

.containerTimerTop .headlineTimer {
  font-size: 1rem; }

@media (min-width: 800px) {
  .containerTimerTop .headlineTimer::after {
    content: "-";
    display: inline; } }

.containerTimerTop .headlineTimer span {
  font-weight: 700; }

.containerTimerTop ul {
  margin-bottom: 0px;
  display: flex;
  color: #FF762B;
  margin-left: 0px; }

.containerTimerTop li {
  font-size: 14px !important;
  list-style-type: none;
  text-transform: normal;
  font-variant: small-caps;
  color: #FF762B;
  align-items: center;
  margin: 0;
  padding: 0 5px;
  font-weight: bold; }

.containerTimerTop li span {
  display: inline-block;
  padding-right: 5px; }

.containerTimerTop .emoji {
  display: none;
  padding: 1rem; }

.containerTimerTop .emoji span {
  font-size: 4rem;
  padding: 0 .5rem; }

@media all and (max-width: 768px) {
  .containerTimerTop h1 {
    font-size: calc(1.5rem * var(--smaller)); }
  .containerTimerTop li {
    font-size: calc(1.125rem * var(--smaller)); }
  .containerTimerTop li span {
    font-size: calc(3.375rem * var(--smaller)); } }

/* EOF HEADER TIMER */
.panel-body {
  background: none !important; }

.featureInfoCart {
  margin: 15px 0; }
  .featureInfoCart .bg-light {
    background-color: #f0f0f0;
    border: 2px solid #fff;
    padding: 15px 10px; }
  .featureInfoCart .infoTitle {
    color: #505050;
    margin-top: 10px; }
    .featureInfoCart .infoTitle span {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 16px; }
  @media (max-width: 799px) {
    .featureInfoCart .row {
      display: block; } }

.featureInfo {
  padding-left: 5px; }
  .featureInfo i {
    font-size: 18px;
    background-color: #505050;
    color: #ffffff;
    display: table-cell;
    border-radius: 20px;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle; }
  .featureInfo [class^="col-"] {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 8px; }
  .featureInfo .infoTitle {
    color: #505050; }
    .featureInfo .infoTitle span {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 16px;
      color: #185D34;
      /*a{
      color: #505050;
      &:hover{
          color: #e74c3c;
      }
    }*/ }

/* BOF Home Images */
.flex-container {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  z-index: 0;
  padding-right: 0px;
  padding-left: 0px;
  position: relative;
  padding-top: 21px;
  padding-bottom: 21px; }

.column-one-half {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-basis: 50%;
  max-width: 50%;
  z-index: 0;
  justify-content: center;
  padding-right: 10.5px;
  padding-left: 10.5px;
  position: relative;
  align-items: center; }
  @media (max-width: 799px) {
    .column-one-half {
      flex-basis: 100%;
      max-width: 100%; } }

.column-one-fourth {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  flex-basis: 25%;
  max-width: 25%;
  z-index: 0;
  justify-content: center;
  padding-right: 10.5px;
  padding-left: 10.5px;
  position: relative;
  align-items: center;
  padding-top: 0; }
  @media (max-width: 700px) {
    .column-one-fourth {
      flex-basis: 100%;
      max-width: 100%; } }
  .column-one-fourth img {
    height: fit-content;
    object-fit: cover; }
  .column-one-fourth .firstImg {
    padding-bottom: 21px; }
    @media (max-width: 700px) {
      .column-one-fourth .firstImg {
        padding-top: 21px; } }

/* EOF Home Images */
/* BOF category icon */
.category-list .category-thumbnail {
  width: 100px;
  text-decoration: none;
  text-align: center; }
  @media (max-width: 460px) {
    .category-list .category-thumbnail {
      width: 70px; } }
  .category-list .category-thumbnail p {
    font-size: 14px !important;
    color: #474747;
    line-height: normal !important;
    margin-top: 5px; }
    @media (max-width: 460px) {
      .category-list .category-thumbnail p {
        font-size: 11px !important; } }
  .category-list .category-thumbnail img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    object-fit: cover;
    border: 1px solid #e6e6e6;
    border-radius: 80px; }
    @media (max-width: 460px) {
      .category-list .category-thumbnail img {
        width: 70px;
        height: 70px; } }
    .category-list .category-thumbnail img:hover {
      opacity: .6; }

.category-list .slick-track a:focus {
  outline: transparent !important;
  outline-offset: 0 px !important; }

.category-list .slick-prev {
  left: -2.1rem !important;
  margin-top: -1.5rem; }
  @media (max-width: 460px) {
    .category-list .slick-prev {
      left: -1.25rem !important;
      margin-top: -1.6rem; } }
  @media (min-width: 461px) and (max-width: 800px) {
    .category-list .slick-prev {
      left: -1.2rem !important; } }

.category-list .slick-next {
  right: -2.3rem !important;
  margin-top: -1.5rem; }
  @media (max-width: 460px) {
    .category-list .slick-next {
      right: -1.4rem !important;
      margin-top: -1.6rem; } }
  @media (min-width: 461px) and (max-width: 800px) {
    .category-list .slick-next {
      right: -1.3rem !important; } }

.category-list .slick-next, .category-list .slick-prev {
  width: 2rem;
  height: 2rem; }
  @media (max-width: 460px) {
    .category-list .slick-next, .category-list .slick-prev {
      width: 1.5rem;
      height: 1.5rem; } }

.category-list .slick-next::before,
.category-list .slick-prev::before {
  width: .6rem;
  height: .8rem;
  bottom: .15rem; }
  @media (max-width: 460px) {
    .category-list .slick-next::before,
    .category-list .slick-prev::before {
      bottom: .4rem; } }

.category-list .slick-prev::before {
  left: 0px; }
  @media (max-width: 460px) {
    .category-list .slick-prev::before {
      left: -.2rem; } }

@media (max-width: 460px) {
  .category-list .slick-next::before {
    right: .3rem; } }

.category-list .slick-disabled {
  opacity: 1;
  pointer-events: none; }

/* EOF category icon */
.cart-total .footer-payment-icons {
  margin-top: 0;
  text-align: right;
  margin-bottom: 20px; }

.cart-additionalCheckoutButtons .CheckoutButton {
  margin-bottom: 0px; }

@media (min-width: 801px) {
  .cart-item-figure {
    float: none;
    /* width: 12.33333%; */
    width: 15%; } }

@media (min-width: 799px) {
  .cart-item-image {
    max-width: 135px; } }

.previewCartAction-viewCart {
  width: 100%; }

.socialLinks .socialLinks-item {
  margin: 0 10px; }

.socialLinks .icon--twitter, .socialLinks .icon--pinterest {
  height: 2.5rem;
  width: 2.5rem; }

.socialLinks .icon--facebook {
  height: 2rem;
  width: 2rem; }

.socialLinks .socialLinks-item--email {
  margin-right: 20px;
  margin-left: 10px; }

.socialLinks .socialLinks-item--facebook {
  margin-left: 0px; }

.brand-below-product {
  text-align: center; }

.productView .slick-dots {
  bottom: 0px; }

.productView .mobile .slick-dots {
  display: none !important; }

.productView-details .socialLinks .socialLinks-item {
  padding: 0; }

/* BOF ACCORDIAN */
.accordion-container {
  position: relative;
  height: auto;
  margin: 0 auto 25px auto; }
  @media (min-width: 1200px) {
    .accordion-container {
      margin-top: 10px; } }

.set {
  position: relative;
  width: 100%;
  height: auto;
  /* background-color: #f5f5f5; */ }

.set > a {
  display: block;
  padding: 1rem 0;
  text-decoration: none;
  color: #2F2F2B;
  font-weight: 600;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  font-size: 20px;
  text-transform: uppercase; }
  .set > a:hover {
    text-decoration: none;
    color: #2F2F2B; }
  .set > a .fa {
    color: #2F2F2B; }

.set > a i {
  float: right;
  margin-top: 2px; }

.set > a.active {
  /* background-color:#3399cc; */
  color: #2F2F2B; }

.accordion-container .content {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display: none;
  padding: 10px 0px; }

.content p {
  padding: 0;
  margin: 0;
  color: #2F2F2B;
  font-size: 16px; }

.set:last-child > a {
  border-bottom: none; }

/* EOF ACCORDIAN */
@media (min-width: 800px) {
  .productView-images-c {
    width: 50%;
    float: left;
    padding-left: 1rem;
    padding-right: 1rem; }
    .productView-images-c .slick-dots {
      margin-left: 0; }
    .productView-images-c .productView-thumbnails {
      text-align: center; }
    .productView-images-c .productView-thumbnail {
      float: none;
      display: inline-block; }
  .productView-details {
    clear: right;
    float: right;
    width: 50%; }
  .productViewC {
    float: none !important;
    width: 100% !important;
    padding-bottom: 50px; } }

.gray-banner {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: #f7f7f7;
  padding: 5px 0 2px 0; }
  .gray-banner [class^="col"] {
    padding-left: 10px;
    padding-right: 10px; }
  .gray-banner img {
    display: block;
    width: 90px !important; }

.w1_banner {
  font-size: 10px; }

.w2-3_banner {
  font-size: 10px; }

hr.sidenav {
  display: flex; }

#menu .mega-cat-dropdown .has-subMenu.is-root + .navPage-subMenu-horizontal.second-level-flyout .page {
  margin-top: 0 !important; }

.productView-title {
  text-transform: none; }

.productView-brand-sku2 {
  margin-bottom: 0px;
  font-size: 20px;
  color: #505050; }

.productView-price {
  font-weight: normal;
  font-size: 2.5rem; }

.form-increment button {
  margin: 0;
  padding: 0;
  border: 1px solid #f0f0f0;
  color: #000000;
  background: #f0f0f0;
  letter-spacing: 0;
  width: 2.55rem;
  height: 2.55rem; }

.icon-minus:before {
  content: "\02212";
  color: #000000;
  font-size: 22px;
  line-height: 22px; }

.icon-plus:before {
  content: "\0002b";
  color: #000000;
  font-size: 22px;
  line-height: 22px; }

.availability-delivery {
  font-size: 1.2rem;
  margin-top: 10px; }
  .availability-delivery p {
    margin-bottom: 0px;
    line-height: normal; }
  .availability-delivery .line-seprate {
    margin: 0 10px; }

.free-delivery {
  font-size: 18px;
  margin-left: 5px; }

.rrp-price--withTax,
.rrp-price--withoutTax {
  font-size: 1.2rem;
  margin-top: 10px;
  margin-left: 5px; }
  @media (max-width: 576px) {
    .rrp-price--withTax,
    .rrp-price--withoutTax {
      font-size: 1rem;
      /* float: right;
  margin-top: 24px;
  */ } }

.productCarousel-slide .card-text {
  font-size: 14px; }

.productCarousel-slide .rrp-price--withTax {
  font-size: 12px !important;
  color: #A2A2A2  !important; }

.productCarousel-slide .price-section--withTax {
  font-size: 14px;
  color: #000000; }

@media (max-width: 799px) {
  .productView-title,
  .productView-brand-sku2,
  .sku {
    text-align: left; }
  .cart-top-checkout-button {
    margin-top: 20px; }
  .productView-price {
    text-align: left;
    font-weight: 400;
    margin-bottom: -12px; }
  .productView-options {
    text-align: center; }
  .productView-options .form-action {
    float: none;
    text-align: center; }
  .socialLinks {
    text-align: center;
    margin-bottom: 10px; }
  .brand-below-product {
    margin-left: 18px;
    margin-top: 20px;
    margin-bottom: 20px; }
  .cart-total .footer-payment-icons {
    text-align: center; }
  .cart-additionalCheckoutButtons .FloatRight div {
    float: none; }
  .productView-info {
    margin-top: 0; }
  .payment-icon img {
    width: 40px; }
  .form-increment button {
    height: 2.84rem;
    width: 2rem; }
  .form-increment .icon {
    height: 20px;
    width: 20px; }
  .button--icon svg {
    height: 20px;
    width: 20px; }
  .form-input--incrementTotal {
    width: 2rem !important;
    height: 2.9rem; }
  .productView-options .form-action .button {
    width: 240px; } }
  @media (max-width: 799px) and (max-width: 360px) {
    .productView-options .form-action .button {
      width: 190px; } }
  @media (max-width: 799px) and (max-width: 320px) {
    .productView-options .form-action .button {
      width: 150px; } }

@media screen and (max-width: 1200px) and (min-width: 800px) {
  .productView-options .form-action {
    float: left;
    width: 50%;
    padding: 0 0.21429rem; }
  .socialLinks {
    text-align: left; }
  .form-wishlist .button {
    padding: 0.85714rem 0.18571rem; } }

@media (max-width: 800px) {
  .free-delivery {
    display: block;
    font-size: 12px;
    text-align: center;
    margin-bottom: -12px;
    margin-top: -5px;
    margin-left: 0; }
  ul.navPage-subMenu-list.all-second-level-plus-container.flyout-page-wrapper {
    margin-top: -20px !important; } }

@media screen and (min-width: 801px) and (max-width: 1199px) {
  #menu .mega-cat-dropdown .has-subMenu.is-root + .navPage-subMenu-horizontal.second-level-flyout .page.page2.inactive-page {
    margin-top: 45px !important;
    height: 25px !important; }
  #menu .mega-cat-dropdown .has-subMenu.is-root + .navPage-subMenu-horizontal.second-level-flyout .page.page1.inactive-page {
    height: 150px !important; } }

.sign-in {
  display: flex;
  font-size: 13px !important; }
  .sign-in .navPages-action {
    font-weight: normal;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 12px  !important; }
  .sign-in .or-txt {
    display: inline-block;
    padding-left: 2px;
    padding-right: 2px; }

@media (max-width: 640px) {
  .mega-cat-dropdown {
    margin-top: 130px; } }

@media screen and (min-width: 641px) and (max-width: 1199px) {
  .mega-cat-dropdown {
    margin-top: 104px; }
  .w1_banner,
  .w2-3_banner {
    font-size: 12px; } }

@media only screen and (max-width: 1199px) {
  body {
    padding-top: 0; }
  .navUser {
    transform: translateY(0);
    position: absolute; }
  header .navUser-action .header-icon {
    width: 20px;
    height: 20px; }
  .mobileMenu-toggle {
    left: 10px; }
  a.mobileMenu-toggle.is-open {
    left: 16px !important; }
  .header {
    position: relative;
    height: auto; }
  header .user-icons {
    margin-left: 0;
    width: 120px; }
  .header.is-open {
    height: auto; }
  .header-logo-image {
    position: relative;
    height: 45px;
    max-height: 45px; }
  .header-logo-image-container {
    padding: 5px 0; }
    .header-logo-image-container:after {
      padding-bottom: 0; }
  header .navUser {
    top: 6px;
    left: 0px;
    z-index: 1; }
  /* bof search */
  .m-search {
    padding: 5px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    float: none;
    width: 100%; }
    .m-search .form {
      margin-top: 0rem;
      margin-bottom: 0rem;
      position: relative;
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 20px; }
    .m-search .form-field {
      margin: 0; }
    .m-search .form-input {
      height: 2.4rem;
      border: none;
      font-size: 12px;
      background: none; }
    .m-search .search-icon {
      position: absolute;
      right: 6px;
      bottom: 4px; }
      .m-search .search-icon input {
        width: 25px;
        border: none;
        background: none !important; }
    .m-search svg.header-icon.search-icon {
      width: 20px !important;
      height: 20px  !important;
      pointer-events: none; }
  /* eof search */ }

.logo-user-section.container {
  max-width: 1500px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0px;
  padding-bottom: 0px; }

/*
@media screen and (min-width: 1351px) and (max-width: 1400px) {
 .logo-user-section.container{
     max-width: 1240px;
  }
}

@media screen and (min-width: 1401px) and (max-width: 1450px) {
 .logo-user-section.container{
     max-width: 1280px;
  }
}

@media screen and (min-width: 1451px) and (max-width: 1500px) {
 .logo-user-section.container{
     max-width: 1315px;
  }
}  

@media screen and (min-width: 1501px) and (max-width: 1550px) {
 .logo-user-section.container{
     max-width: 1350px;
  }
} 

@media screen and (min-width: 1551px) and (max-width: 1600px) {
 .logo-user-section.container{
     max-width: 1390px; 
  } 
}

@media screen and (min-width: 1601px) and (max-width: 1650px) {
 .logo-user-section.container{
     max-width: 1425px;
  }
}

@media screen and (min-width: 1651px) and (max-width: 1700px) {
 .logo-user-section.container{
     max-width: 1460px;
  }
}

@media screen and (min-width: 1701px) and (max-width: 1750px) {
 .logo-user-section.container{
     max-width: 1500px;
  }
}

@media screen and (min-width: 1751px) and (max-width: 1800px) {
 .logo-user-section.container{
     max-width: 1530px; 
  }
}

@media screen and (min-width: 1801px) and (max-width: 1850px) {
 .logo-user-section.container{
     max-width: 1580px;
  }
}

@media screen and (min-width: 1851px) and (max-width: 1900px) {
 .logo-user-section.container{
     max-width: 1615px;
  }
}

@media screen and (min-width: 1901px){
  .logo-user-section.container{
     max-width: 1640px;
  }
}
*/
/* bof tablet */
/* EOF CUSTOM CSS TO BE INCLUDE - ANIL */
/*body{
  font-family: Montserrat !important;

  /*font-family:Helvetica,sans-serif !important;

}*/
/*NAVBAR - MEGA MENU**********************************************************************************************************************/
.dropdown-toggle {
  padding-right: 64px !important;
  text-transform: uppercase;
  font-weight: normal; }

.dropdown-menu {
  z-index: 1; }

/* header div#menu{z-index:-999999999 !important} */
.signin-list visible {
  z-index: 100 !important; }

/* DISABLED 2026-04-25 - megamenu restored after mobile drawer port:
div#menu-wrapper, header div#menu{ 
  height:1px !important;
}
*/
li.navPages-item.navPages-item-page.container-header.btn {
  opacity: 0; }

.navPages-list {
  display: none; }

#dropdown-materials, #dropdown-lighting-styles, #dropdown-brands, #dropdown-rooms, #dropdown-exterior-lighting, #dropdown-smart-lighting, #dropdown-laura-ashley {
  max-width: 170px !important; }

#dropdown-materials, #dropdown-lighting-styles, #dropdown-brands, #dropdown-rooms, #dropdown-interior-lighting, #dropdown-exterior-lighting, #dropdown-smart-lighting, #dropdown-laura-ashley {
  padding-bottom: 20px;
  padding-top: 20px; }

#dropdown-materials {
  margin-left: 71%; }

#dropdown-lighting-styles {
  margin-left: 56%; }

#dropdown-brands {
  max-width: 100% !important;
  margin-left: 0%; }

#dropdown-rooms {
  margin-left: 42%; }

#dropdown-interior-lighting {
  max-width: 100% !important;
  margin-left: 0%; }

#dropdown-exterior-lighting {
  max-width: 100% !important;
  margin-left: 0%; }

#dropdown-smart-lighting {
  max-width: 100% !important;
  margin-left: 0%; }

#dropdown-laura-ashley {
  max-width: 100% !important;
  margin-left: 0%; }

.navbar-brand {
  height: auto;
  margin: 0;
  padding: 0;
  margin-right: 20px; }
  .navbar-brand > img {
    padding-top: 11px;
    width: 130px;
    margin-left: 60px; }

.navbar-default {
  color: #fff;
  background-color: #2F4F4F;
  border-color: #000000; }
  .navbar-default .navbar-nav {
    margin: 0px; }
    .navbar-default .navbar-nav > li > a {
      color: #fff; }
      .navbar-default .navbar-nav > li > a:focus {
        color: #00A7E8; }
      .navbar-default .navbar-nav > li > a:hover {
        color: #00A7E8; }
    .navbar-default .navbar-nav > .dropdown > a .caret {
      border-top-color: #000;
      border-bottom-color: #000; }
  .navbar-default .navbar-brand {
    color: #fff; }

.menu-large {
  position: static !important; }

.megamenu {
  padding: 20px 0px;
  width: 100%; }
  .megamenu > li > ul {
    padding: 0;
    margin: 0; }
    .megamenu > li > ul > li {
      position: relative;
      list-style: none;
      padding-left: 15px; }
      .megamenu > li > ul > li > a {
        display: block;
        padding: 5px 0px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #333333;
        white-space: normal;
        font-size: 16px; }
        .megamenu > li > ul > li > a::before {
          /* content: "\25FE"; */
          color: #FB6F2E !important;
          position: absolute;
          left: 0;
          top: 6px;
          color: #000;
          font-size: 14px; }
  .megamenu > li ul > li > a:hover {
    text-decoration: none;
    color: #FB6F2E; }
    .megamenu > li ul > li > a:hover::before {
      /*  content: "\25B6"; */
      font-size: 9px;
      top: 10px;
      left: 1px;
      color: #FB6F2E !important; }
  .megamenu > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5; }

.megamenu.disabled > a {
  color: #999999; }
  .megamenu.disabled > a:hover {
    color: #999999;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed; }
  .megamenu.disabled > a:focus {
    color: #999999;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed; }

.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px; }

/*@media (max-width: 768px) {
    .megamenu {
      margin-left: 0;
      margin-right: 0;
      >li {
        margin-bottom: 30px;
        &:last-child {
          margin-bottom: 0;
        }
      }
    }
    .megamenu.dropdown-header {
      padding: 3px 15px !important;
    }
    .navbar-nav {
      .open {
        .dropdown-menu {
          .dropdown-header {
            color: #fff;
          }
        }
      }
    }
}
*/
@media only screen and (max-width: 1057px) {
  .nav > li > a {
    padding: 20px 13px !important; } }

@media only screen and (max-width: 800px) {
  .banners {
    margin-top: 50px !important; } }

@media only screen and (max-width: 1200px) {
  .navbar-static-top {
    display: none; }
  .banners {
    margin-top: 0.01px !important; } }

@media only screen and (max-width: 1199px) {
  #menu-wrapper {
    display: block !important; } }

/*Trust Pilot**************************************************************************************************************/
#tp-widget-wrapper {
  text-align: left !important; }

span.price {
  margin-left: -1.5px; }

/*Product View ****************************************************************************************************************/
.title-of-product-view {
  display: none;
  font-size: 24px; }

.productView-brand-sku {
  display: none; }

.productView-price .price-section--saving {
  color: #000000 !important;
  border: 1px solid #000000;
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 16px !important; }
  @media (max-width: 800px) {
    .productView-price .price-section--saving {
      font-size: 14px !important; } }
  @media (max-width: 576px) {
    .productView-price .price-section--saving {
      font-size: 12px !important;
      text-align: center;
      width: 100%;
      margin-top: 15px; } }

@media only screen and (max-width: 800px) {
  .title-of-product-view, .productView-brand-sku {
    display: block; } }

/*blogs***********************************************************************/
/**TIPS ON INTERIOR LIGHTING**************************************************/
.intlgtconttextleft {
  width: 50%;
  float: left;
  margin-top: 0%;
  text-align: center;
  text-transform: none;
  position: relative;
  min-height: 10vh; }

.intlgtconttextright {
  width: 50%;
  height: auto;
  float: right;
  margin-top: 3%;
  text-align: center;
  text-transform: none;
  position: relative;
  min-height: 10vh; }

.bannertext {
  padding-bottom: 5px; }

#inlgtconttext4 {
  margin-top: 7% !important; }

#inlgtconttext5, #inlgtconttext7 {
  margin-top: 6% !important; }

#inlgtindoor {
  margin-top: 30px; }

.indoorinnercontent2 {
  margin-top: 50px !important; }

@media only screen and (max-width: 740px) {
  #inlgtconttext5, #inlgtconttext7 {
    margin-top: 1% !important; } }

@media only screen and (max-width: 685px) {
  #inlgtconttext5, #inlgtconttext7 {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 0.1px !important; }
  .intlgtconttextright {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 0.1px !important; }
  #recessedimage, #flushimage, #colourimage {
    width: 100%; } }

@media only screen and (max-width: 600px) {
  #inlgtconttext4 {
    width: 100%; }
  #indoorimg {
    width: 100% !important; } }

/**Big Pendant Guide*****************************************************************************/
.imagetextcontainer {
  padding-bottom: 100px; }

/******************************************************************************/
.breadcrumb::before {
  margin: 0 !important; }

.productView-rating {
  display: none !important; }

.productView {
  padding-top: 0; }

.productView-title {
  margin-top: 0;
  font-weight: 600;
  font-size: 28px;
  line-height: 40px; }

.productView-info-name {
  font-family: Poppins,Arial,Helvetica,sans-serif;
  font-size: 1rem; }

/*a{
  font-family:Poppins,Arial,Helvetica,sans-serif;
}*/
.burger-menu {
  text-transform: capitalize;
  font-weight: normal; }

#menu .navPages-list.nav-page-list .navPages-action {
  text-transform: capitalize;
  font-weight: normal; }

#menu .navPages-list li.navPages-item {
  padding: 0px 63px 0px 0px; }

#menu div.nav-right {
  /*width:100% !important*/ }

#menu .navPages-list .navPage-subMenu-item a.navPages-action {
  padding-right: 20px !important; }

#menu .navPages-list {
  /*float: none !important;*/
  width: 100% !important; }

#menu .navPages-list li.navPages-item {
  /* display:none;*/
  text-transform: capitalize; }

.blogposts h1, h2, h3, h4 {
  text-transform: capitalize; }

.blogposts p {
  text-transform: none; }

/*.blogposts a{
  color:black !important;
   font-family: Montserrat !important;
   font-weight: bold;
}*/
.blogposts ul {
  margin-left: 50px; }

.mirrorlist {
  margin-top: 30px; }

.innercontainer7 {
  margin-top: 150px; }

.store-info {
  /* display:none;*/ }

.productView-info-name {
  margin-bottom: auto !important;
  margin-right: auto !important; }

.footer-bottom {
  padding-bottom: 50px; }

/*SubCategory List Items for main Page not the sidebar*/
/*Interior*/
/*
.subcategory-grid.has-images li.subcategory-item {
  display: none !important;
}
a.subcategory-link{
 display: none !important;
}
*/
.section1-content {
  padding-left: 27.5px;
  padding-right: 27.5px;
  text-transform: none;
  text-align: justify; }

.hr1 {
  padding-bottom: 20px; }

.hr {
  color: #ebebeb;
  width: 95%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.sec1h1 {
  text-transform: uppercase;
  text-align: center; }

.imgleft {
  float: left !important;
  padding-right: 2% !important;
  width: 50%; }

.imgright {
  float: right !important;
  padding-left: 2% !important;
  width: 50%; }

.imgcentre {
  width: 100%; }

/*ABOUT US PAGE************************************************************************************************************************/
.align-items-center {
  text-transform: none; }

.innercont {
  width: 100% !important;
  height: 400px;
  /*padding-bottom:30%;*/
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*.innercontext{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}*/
.innerconttextleft {
  width: 50%;
  /*height: auto;*/
  float: left;
  margin-top: 10%;
  text-align: center;
  text-transform: none;
  position: relative;
  min-height: 10vh; }

.innerconttextright {
  width: 50%;
  height: auto;
  float: right;
  margin-top: 10%;
  text-align: center;
  text-transform: none;
  position: relative;
  min-height: 10vh; }

#innerconttext3 {
  margin-top: 8% !important; }

#innerconttext4 {
  margin-top: 7% !important; }

#innerconttext5, #innerconttext7 {
  margin-top: 6% !important; }

/*consider-outdoor-lighting blog********************************************************************************************************/
.outdoorinnercontent {
  width: 100% !important;
  height: 300px; }

#outdoorinneridbottom {
  height: auto; }

.bannerimage {
  width: 100%;
  /*height:419px;*/ }

/*SITEMAP IN THE FOOTER****************************************************************************************************************/
.sitemapli {
  display: inline-block;
  margin: 0;
  clear: both;
  vertical-align: top;
  width: 25%;
  margin-left: auto !important;
  margin-right: auto !important; }

.sitemapinnerul, .sitemapulgrandchild {
  list-style: none; }

.sitemapulgrandchild li ul {
  list-style: none; }

.sitemapul {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.sitemapulwrapper {
  width: 100%; }

.sitemapul {
  width: 90%; }

.sitemaplih3 {
  margin-left: 7%; }

.sitemaphr {
  color: #ebebeb; }

.sitemaplilast {
  vertical-align: top;
  display: inline-block; }

/*MEDIA QUERIES************************************************************************************************************************/
@media only screen and (max-width: 1175px) {
  #innerconttext4, #innerconttext4 {
    margin-top: 2% !important; }
  #innerconttext3 {
    margin-top: 3% !important; } }

@media only screen and (max-width: 1029px) {
  .dropdown-toggle {
    padding-right: 8px !important; }
  .navbar-collapse {
    width: 801px !important; } }

@media only screen and (max-width: 1019px) {
  #menu .navPages-list li.navPages-item {
    padding: 0px 0px 0px 0px !important;
    font-size: 0.5em; }
  #innerconttext4, #innerconttext4 {
    margin-top: 1% !important; }
  #innerconttext3 {
    margin-top: 2% !important; }
  .navbar-collapse {
    width: 750px !important; } }

@media only screen and (max-width: 910px) {
  .sitemapli {
    width: 30%; } }

@media only screen and (max-width: 860px) {
  #menu div.nav-right {
    width: 95%; }
  #innerconttext4, #innerconttext4 {
    margin-top: .5% !important; }
  #innerconttext3 {
    margin-top: 1% !important; }
  .innercontext {
    font-size: 1em !important; } }

@media only screen and (max-width: 836px) {
  .sitemapli {
    width: 33%; } }

@media only screen and (max-width: 836px) {
  .sitemapli {
    width: 49%; } }

@media only screen and (max-width: 600px) {
  .imgleft {
    width: 100% !important;
    clear: both !important;
    padding: 0px !important;
    margin: 0px !important; }
  .imgright {
    width: 100% !important;
    clear: both !important;
    padding: 0px !important;
    margin: 0px !important; }
  .imgleft img {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    width: 99%; }
  .imgright img {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    width: 99%; }
  .textleft {
    margin-top: 2% !important;
    clear: both; }
  .textright {
    margin-top: 2% !important;
    clear: both; }
  .innercontainer7 {
    margin-top: 1px; }
  .innerconttextleft {
    width: 100%;
    min-height: auto;
    float: left;
    min-height: auto; }
  .innerconttextright, .innerconttextleft {
    width: 100%;
    height: 175px;
    min-height: auto; }
  .centeraligntext {
    text-align: center; } }

@media only screen and (max-width: 550px) {
  #accordion .ui-accordion-content {
    padding-bottom: 120% !important;
    font-size: .85em !important; } }

@media only screen and (max-width: 535px) {
  .sitemapli {
    width: 45%; } }

@media only screen and (max-width: 535px) {
  .sitemapli, .sitemaplilast {
    width: 65%;
    display: block;
    margin-left: auto !important;
    margin-right: auto !important; } }

/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
nav {
  display: block; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  color: #000;
  background: #ff0; }

small {
  font-size: 80%; }

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

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

pre {
  overflow: auto; }

code,
kbd,
pre,
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

input {
  line-height: normal; }

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

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

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0; }

legend {
  padding: 0;
  border: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table td,
  .table th {
    background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

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

a {
  /*color: #337ab7;*/
  /*Being overritten by the theme a style*/
  text-decoration: none; }

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline; }

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

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

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee; }

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

[role="button"] {
  cursor: pointer; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit; }

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777; }

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%; }

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%; }

h1,
.h1 {
  font-size: 36px; }

h2,
.h2 {
  font-size: 30px; }

h3,
.h3 {
  font-size: 24px; }

h4,
.h4 {
  font-size: 18px; }

h5,
.h5 {
  font-size: 14px; }

h6,
.h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4; }

@media (min-width: 768px) {
  .lead {
    font-size: 21px; } }

small,
.small {
  font-size: 85%; }

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

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

.text-nowrap {
  white-space: nowrap; }

.text-lowercase {
  text-transform: lowercase; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777; }

.text-primary {
  color: #337ab7; }

a.text-primary:hover,
a.text-primary:focus {
  color: #286090; }

.text-success {
  color: #3c763d; }

a.text-success:hover,
a.text-success:focus {
  color: #2b542c; }

.text-info {
  color: #31708f; }

a.text-info:hover,
a.text-info:focus {
  color: #245269; }

.text-warning {
  color: #8a6d3b; }

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c; }

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

a.text-danger:hover,
a.text-danger:focus {
  color: #843534; }

.bg-primary {
  color: #fff;
  background-color: #337ab7; }

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090; }

.bg-success {
  background-color: #dff0d8; }

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3; }

.bg-info {
  background-color: #d9edf7; }

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee; }

.bg-warning {
  background-color: #fcf8e3; }

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5; }

.bg-danger {
  background-color: #f2dede; }

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9; }

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }

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

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

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

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857143; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .dl-horizontal dd {
    margin-left: 180px; } }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777; }

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

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee; }

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0; }

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777; }

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0'; }

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0; }

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: ''; }

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014'; }

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143; }

code,
kbd,
pre,
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0; }

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

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

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

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

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

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

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

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

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd; }

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

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

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

.table .table {
  background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

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

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; }

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

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

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

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

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

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

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

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

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

.table-responsive {
  min-height: .01%;
  overflow-x: auto; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

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

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1; }

.form-control:-ms-input-placeholder {
  color: #999; }

.form-control::-webkit-input-placeholder {
  color: #999; }

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

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

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed; }

textarea.form-control {
  height: auto; }

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px; }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px; } }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px; }

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed; }

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed; }

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed; }

.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0; }

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

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm {
  height: 30px;
  line-height: 30px; }

textarea.input-sm,
select[multiple].input-sm {
  height: auto; }

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px; }

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto; }

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5; }

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

select.input-lg {
  height: 46px;
  line-height: 46px; }

textarea.input-lg,
select[multiple].input-lg {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px; }

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto; }

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.has-feedback {
  position: relative; }

.has-feedback .form-control {
  padding-right: 42.5px; }

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none; }

.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d; }

.has-success .form-control-feedback {
  color: #3c763d; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b; }

.has-warning .form-control-feedback {
  color: #8a6d3b; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442; }

.has-error .form-control-feedback {
  color: #a94442; }

.has-feedback label ~ .form-control-feedback {
  top: 25px; }

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto; }
  .form-inline .input-group > .form-control {
    width: 100%; }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right; } }

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px; }

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px; } }

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none; }

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65; }

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

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }

.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c; }

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none; }

.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc; }

.btn-default .badge {
  color: #fff;
  background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40; }

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40; }

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none; }

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625; }

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625; }

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none; }

.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85; }

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none; }

.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d; }

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d; }

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none; }

.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff; }

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

.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19; }

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19; }

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none; }

.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a; }

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

.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0; }

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent; }

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent; }

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none; }

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

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

.btn-block + .btn-block {
  margin-top: 5px; }

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

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear; }

.fade.in {
  opacity: 1; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  min-width: 160px;
  max-width: 100%;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

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

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0; }

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777; }

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

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

.open > a {
  outline: 0; }

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
  text-transform: uppercase;
  text-decoration: underline; }
  .dropdown-header:before {
    content: "" !important; }

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

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

/*@media (min-width: 768px) {
.navbar-right .dropdown-menu {
  right: 0;
  left: auto;
}
.navbar-right .dropdown-menu-left {
  right: auto;
  left: 0;
}
}*/
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left; }

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

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left; }

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

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

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

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

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

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

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

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

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

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

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

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

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%; }

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

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

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

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0; }

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }

.input-group .form-control:focus {
  z-index: 3; }

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px; }

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto; }

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px; }

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px; }

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px; }

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

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

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }

.input-group-btn > .btn + .btn {
  margin-left: -1px; }

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2; }

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px; }

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px; }

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

.nav > li {
  position: relative;
  display: block; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 30px 2px; }

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee; }

.nav > li.disabled > a {
  color: #777; }

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent; }

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7; }

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.nav > li > a > img {
  max-width: none; }

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

.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd; }

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent; }

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0; }

.nav-tabs.nav-justified > li {
  float: none; }

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }

/*@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-justified > li > a {
  margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border-bottom-color: #fff;
}
}*/
.tab-content > .tab-pane {
  display: none; }

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

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

.navbar {
  position: relative;
  min-height: 50px;
  border: 1px solid transparent; }

/*@media (min-width: 768px) {
.navbar {
  border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
  float: left;
}
}*/
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }

.navbar-collapse.in {
  overflow-y: auto; }

@media (min-width: 768px) {
  .navbar-collapse {
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: auto !important;
    margin-right: auto !important; }
  #nav-last-child {
    padding-right: 0.1px !important; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px; } }

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }

@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: -1000;
  border-width: 0 0 1px; }

@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0; }

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }

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

.navbar-brand > img {
  display: block; }

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }

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

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }

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

.navbar-nav {
  margin: 7.5px -15px; }

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px; }

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }

@media (min-width: 768px) {
  .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .navbar-nav > li {
    float: left; }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; } }

.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0; }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0; } }

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; }
  .navbar-form .form-group:last-child {
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }

.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px; }

.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
  .navbar-right ~ .navbar-right {
    margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }

.navbar-default .navbar-brand {
  color: #777; }

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }

.navbar-default .navbar-text {
  color: #777; }

.navbar-default .navbar-nav > li > a {
  color: #000000; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7; }

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent; }

.navbar-default .navbar-toggle {
  border-color: #ddd; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888; }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7; }

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; } }

.navbar-default .navbar-link {
  color: #777; }

.navbar-default .navbar-link:hover {
  color: #333; }

.navbar-default .btn-link {
  color: #777; }

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333; }

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #080808; }

.navbar-inverse .navbar-brand {
  color: #9d9d9d; }

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent; }

.navbar-inverse .navbar-text {
  color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d; }

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent; }

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808; }

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent; }

.navbar-inverse .navbar-toggle {
  border-color: #333; }

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333; }

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff; }

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010; }

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808; }

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent; } }

.navbar-inverse .navbar-link {
  color: #9d9d9d; }

.navbar-inverse .navbar-link:hover {
  color: #fff; }

.navbar-inverse .btn-link {
  color: #9d9d9d; }

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff; }

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444; }

.breadcrumb {
  padding: 1px 2px !important;
  margin-bottom: 20px;
  list-style: none;
  /*background-color: #f5f5f5;*/
  border-radius: 4px; }

.breadcrumb > li {
  display: inline-block; }

.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0"; }

.breadcrumb > .active {
  color: #777; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none; }

.pager li {
  display: inline; }

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px; }

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee; }

.pager .next > a,
.pager .next > span {
  float: right; }

.pager .previous > a,
.pager .previous > span {
  float: left; }

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label:empty {
  display: none; }

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

.label-default {
  background-color: #777; }

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090; }

.label-success {
  background-color: #5cb85c; }

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px; }

.badge:empty {
  display: none; }

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

.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px; }

a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff; }

.list-group-item > .badge {
  float: right; }

.list-group-item > .badge + .badge {
  margin-right: 5px; }

.nav-pills > li > a > .badge {
  margin-left: 3px; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee; }

.jumbotron h1,
.jumbotron .h1 {
  color: inherit; }

.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200; }

.jumbotron > hr {
  border-top-color: #d5d5d5; }

.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px; }

.jumbotron .container {
  max-width: 100%; }

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px; }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out; }

.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.thumbnail .caption {
  padding: 9px;
  color: #333; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }

.alert h4 {
  margin-top: 0;
  color: inherit; }

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

.alert > p,
.alert > ul {
  margin-bottom: 0; }

.alert > p + p {
  margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

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

.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

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

.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

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

.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

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

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

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease; }

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

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }

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

.progress-bar-info {
  background-color: #5bc0de; }

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

.progress-bar-warning {
  background-color: #f0ad4e; }

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

.progress-bar-danger {
  background-color: #d9534f; }

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

.media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }

.media-object.img-thumbnail {
  max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

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

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

.list-group {
  padding-left: 0;
  margin-bottom: 20px; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }

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

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

a.list-group-item,
button.list-group-item {
  color: #555; }

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333; }

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee; }

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit; }

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777; }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit; }

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit; }

a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6; }

a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit; }

a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3; }

a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit; }

a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc; }

a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit; }

a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc; }

a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

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

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0; }

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0; }

.panel-group {
  margin-bottom: 20px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px; }

.panel-group .panel + .panel {
  margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd; }

.panel-group .panel-footer {
  border-top: 0; }

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd; }

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333; }

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7; }

.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff; }

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6; }

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d; }

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1; }

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f; }

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc; }

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b; }

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1; }

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442; }

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2; }

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5; }

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0; }

/*.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
     -o-transition:      -o-transform .3s ease-out;
        transition:         transform .3s ease-out;
-webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
     -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
     -o-transform: translate(0, 0);
        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;
background-color: #fff;
-webkit-background-clip: padding-box;
        background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
  width: 600px;
  margin: 30px auto;
}
.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
  width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
  width: 900px;
}
}*/
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto; }

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9; }

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px; }

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px; }

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px; }

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto; }

.popover.top {
  margin-top: -10px; }

.popover.right {
  margin-left: 10px; }

.popover.bottom {
  margin-top: 10px; }

.popover.left {
  margin-left: -10px; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  content: "";
  border-width: 10px; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0; }

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0; }

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0; }

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25); }

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px; }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5; }

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x; }

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x; }

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9; }

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px; }

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px; }

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " "; }

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both; }

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

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

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

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

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

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

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

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !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; } }

/*# sourceMappingURL=bootstrap.css.map */
/*Igor Custom CSS*/
.dropdown-toggle {
  padding-right: 24px !important; }

/*.dropdown--quickSearch .form {
  display: none !important;
}*/
.navbar-static-top {
  z-index: 1000; }

@media only screen and (min-width: 768px) {
  .navbar-collapse {
    /* width: 685px; */
    margin-top: 0px; } }

/* DISABLED 2026-04-25 - LL-S2 hide rule rolled back to restore desktop megamenu:
div#menu-wrapper, header div#menu { display: none; }
*/
.navbar {
  min-height: auto;
  font-size: 20px; }

.navbar-default {
  background-color: transparent;
  border-color: transparent; }

li.navUser-item.user-icons.gift-certificates {
  display: none; }

/*
.navbar-default .navbar-nav > li:nth-child(5) {
  display: none;
}
.navbar-default .navbar-nav > li:nth-child(4) {
  display: none;
}
*/
.dropdown--quickSearch {
  padding-left: 0;
  margin-top: 1px;
  /* margin-left: 340px; */
  top: 0 !important;
  z-index: 2000; }

header .dropdown--quickSearch .form-fieldset {
  display: inline-block !important;
  width: 95% !important; }

.header-logo--left .header-logo-image {
  /* height: 90px; */ }

.dropdown--quickSearch .quickSearchResults {
  display: none !important; }

@media only screen and (max-width: 800px) {
  .mega-cat-dropdown .sticky-navpages {
    display: none; }
  .mega-cat-dropdown h2.container-header.mobile {
    display: none; } }

@media (max-width: 1199px) {
  .mobileMenu-toggle {
    display: block; } }

/* **************BOF BS-4 UTILITY SO ANIL**************** */
.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

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

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

/* BOF margin classes */
.w-25 {
  width: 25% !important; }

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

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

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

.w-auto {
  width: auto !important; }

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

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

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

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

.h-auto {
  height: auto !important; }

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

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

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

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

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

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

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

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

.mt-1,
.my-1 {
  margin-top: .25rem !important; }

.mr-1,
.mx-1 {
  margin-right: .25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: .25rem !important; }

.ml-1,
.mx-1 {
  margin-left: .25rem !important; }

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

.mt-2,
.my-2 {
  margin-top: .5rem !important; }

.mr-2,
.mx-2 {
  margin-right: .5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: .5rem !important; }

.ml-2,
.mx-2 {
  margin-left: .5rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-1,
.py-1 {
  padding-top: .25rem !important; }

.pr-1,
.px-1 {
  padding-right: .25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: .25rem !important; }

.pl-1,
.px-1 {
  padding-left: .25rem !important; }

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

.pt-2,
.py-2 {
  padding-top: .5rem !important; }

.pr-2,
.px-2 {
  padding-right: .5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: .5rem !important; }

.pl-2,
.px-2 {
  padding-left: .5rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* EOF margin classes */
/* **************EOF BS-4 UTILITY SO ANIL**************** */
.needsclick {
  z-index: 900000 !important; }

button.needsclick.klaviyo-close-form.kl-private-reset-css-Xuajs1 {
  z-index: 9000000 !important; }

.addBlubs {
  text-align: left;
  padding: 20px 0 0 0; }
  .addBlubs h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px; }
  .addBlubs p {
    font-size: 16px;
    line-height: normal; }
    @media (max-width: 576px) {
      .addBlubs p {
        gap: 5px; } }
  .addBlubs h3 {
    font-size: 16px;
    font-weight: 600; }
  .addBlubs select {
    width: 70%;
    height: 2.9rem; }
  .addBlubs .button {
    width: 100%;
    padding: 0.85714rem 2.28571rem !important;
    margin-bottom: 0; }
    @media (max-width: 576px) {
      .addBlubs .button {
        padding: .9rem 1px;
        font-size: 1rem;
        width: 62%; } }
  .addBlubs figure {
    margin-bottom: 0 !important;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.03); }
  .addBlubs img {
    height: 170px;
    width: 170px;
    object-fit: cover;
    float: right; }
    @media (max-width: 576px) {
      .addBlubs img {
        width: 100px;
        height: 100px;
        float: right; } }

.addBlubs-cart {
  text-align: left;
  padding: 20px 0 0 20px; }
  .addBlubs-cart h2 {
    text-transform: none;
    font-size: 15px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #e74c3c; }
  .addBlubs-cart p {
    font-size: 16px;
    line-height: normal; }
  .addBlubs-cart h3 {
    font-size: 14px;
    font-weight: 500; }
  .addBlubs-cart .button {
    width: 100%;
    font-size: .75rem;
    font-weight: normal; }
    @media (max-width: 800px) {
      .addBlubs-cart .button {
        width: 100%; } }
  .addBlubs-cart img {
    height: 120px;
    width: 130px;
    object-fit: contain;
    object-position: center center; }

/* eof add blubs */
.upsell-msg {
  color: #28a745; }

.border-top-bottom {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }

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

.header-logo {
  max-width: 180px; }

header ul.navUser-section.navUser-section--alt {
  padding-top: 0; }

.banners {
  padding: 0.1rem 0; }

#topMsgBar {
  padding: 5px 0; }
  #topMsgBar p {
    font-size: 1.3rem; }
    @media (max-width: 576px) {
      #topMsgBar p {
        font-size: 1rem; } }

.menu-container {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .menu-container .nav::before {
    display: none; }
  .menu-container .nav::after {
    display: none; }

.navbar-default .navbar-nav > li:last-child > a {
  color: #F86930; }

.feature-icon-wrapper {
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.feature-icon-container {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (max-width: 576px) {
    .feature-icon-container {
      padding-top: 0px;
      padding-bottom: 0px; } }
  .feature-icon-container p {
    color: #313440;
    font-family: arial;
    margin: 0;
    font-size: 15px;
    font-weight: 500; }
    @media (max-width: 801px) {
      .feature-icon-container p {
        font-size: 12px;
        line-height: 1.5rem; } }

.d-flex {
  display: flex; }

.align-items-center {
  align-items: center; }

.p-0 {
  padding-right: 0;
  padding-left: 0; }

.border {
  border-right: 1px solid rgba(0, 0, 0, 0.3); }

.banners {
  background: #e74c3c;
  background: -webkit-gradient(linear, left top, right top, from(#0f702d), to(#0f702d));
  background: linear-gradient(to right, #0f702d, #0f702d); }

header .user-icons {
  flex-direction: unset; }

@media (min-width: 799px) and (max-width: 800px) {
  header .navUser {
    top: 0px;
    left: 50px;
    z-index: 1; } }

.productView-price .price-label {
  font-size: .5em !important;
  background-color: #ba2d2e;
  color: white;
  display: inline-block;
  padding: 2px 8px;
  margin-right: 8px; }
  @media (max-width: 576px) {
    .productView-price .price-label {
      font-size: 1rem !important;
      padding: 2px 4px; } }

.productView-options .form-action {
  margin-top: 0; }

.productView-options .form-action .button {
  border-radius: 0; }

.form-increment button {
  height: 2.90rem; }

.form-input--incrementTotal {
  padding: 7.8px; }

@media (min-width: 1260px) {
  .justify-content-center {
    justify-content: center; }
  .productView-options .form-action .button {
    margin-right: 0; } }

@media only screen and (min-width: 1260px) and (max-width: 1366px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 490px !important; } }

@media only screen and (min-width: 1367px) and (max-width: 1400px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 500px !important; } }

@media only screen and (min-width: 1401px) and (max-width: 1420px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 510px !important; } }

@media only screen and (min-width: 1421px) and (max-width: 1440px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 520px !important; } }

@media only screen and (min-width: 1441px) and (max-width: 1460px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 530px !important; } }

@media only screen and (min-width: 1461px) and (max-width: 1480px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 540px !important; } }

@media (min-width: 1481px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 560px !important; } }

@media only screen and (min-width: 351px) and (max-width: 360px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 55vw !important; } }

@media only screen and (min-width: 361px) and (max-width: 380px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 54vw !important; } }

@media only screen and (min-width: 381px) and (max-width: 390px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 57vw !important; } }

@media only screen and (min-width: 391px) and (max-width: 400px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 58vw !important; } }

@media only screen and (min-width: 401px) and (max-width: 410px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 59vw !important; } }

@media only screen and (min-width: 411px) and (max-width: 420px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 58vw !important; } }

@media only screen and (min-width: 421px) and (max-width: 430px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 61vw !important; } }

@media only screen and (min-width: 431px) and (max-width: 440px) {
  .addtoCart,
  .productView-options .form-action .pre {
    width: 62vw !important; } }

@media (min-width: 768px) {
  .form-increment {
    width: 124px !important;
    text-align: right; } }

.form-wishlist .dropdown-menu {
  right: 0; }

.form-wishlist .dropdown-menu {
  min-width: 220px; }

.feature-icon {
  padding: 5px 0;
  border-right: 0;
  display: flex;
  align-items: center; }
  .feature-icon .icon-box {
    border-right: 1px solid #ccc; }
    @media (max-width: 800px) {
      .feature-icon .icon-box {
        flex-direction: column;
        border-right: none; }
        .feature-icon .icon-box p {
          text-align: center;
          font-size: .75em;
          margin: 0; } }
  .feature-icon .border-0 {
    border: none; }
  .feature-icon p {
    line-height: normal; }

@media (min-width: 801px) {
  .previewCart .productView-image {
    width: 50%; }
  .previewCart .productView-details {
    width: 50%; } }

.ewa-rteLine,
.line-item-details,
.productView-info-name,
.productView-info-value {
  font-size: 16px !important; }

dd.productView-info-value {
  text-align: left; }

.just-content-space-between {
  justify-content: space-between; }

.just-content-start {
  justify-content: start; }

@media (max-width: 576px) {
  .button-center-in-mobile {
    justify-content: center;
    display: flex; } }

.productView-thumbnails .slick-list {
  top: -18px; }

.floatingButton {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: auto;
  padding: 0 15px;
  z-index: 1;
  background-color: #fff; }

.widget-visible {
  bottom: 65px !important; }

.sticky-cart-button {
  position: fixed;
  bottom: 0;
  left: 0;
  right: auto;
  width: 100%;
  z-index: 1;
  padding: 8px 20px;
  background-color: #fff; }

.fixed-sticky-dropdown {
  position: fixed;
  z-index: 100000; }

#wishlist-dropdown1.is-open {
  background: transparent;
  left: -182px !important;
  max-width: none !important;
  width: 100% !important;
  top: -105px !important;
  background-color: #fff; }

#wishlist-dropdown1 {
  border-width: 0px 1px 1px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-color: #d7d7d7;
  border-bottom-color: #d7d7d7;
  border-left-color: #d7d7d7;
  border-image: initial;
  border-top-style: initial;
  border-top-color: initial;
  padding-right: 0px !important; }

#wishlist-dropdown1 {
  border: 1px solid #d7d7d7;
  padding-right: 0 !important;
  border-top: 0; }

#wishlist-dropdown1.is-open li .button {
  border: 0; }

#wishlist-dropdown1 li .button {
  color: #2f2f2b;
  font-weight: 400 !important;
  text-align: center;
  width: 100% !important; }

header.header.header-logo--center .dropdown--quickSearch {
  width: 100% !important; }

header.header.header-logo--center ul.navUser-section.navUser-section--alt {
  display: flex !important; }

@media (min-width: 1200px) {
  header .navUser-action .header-icon {
    width: 25px;
    height: 25px; } }

.cart-total-label {
  font-weight: normal; }
  .cart-total-label span {
    font-size: 20px;
    font-weight: bold; }
    @media (max-width: 576px) {
      .cart-total-label span {
        font-size: 16px; } }

.cart-total-grandTotal {
  font-weight: bold; }
  @media (max-width: 576px) {
    .cart-total-grandTotal {
      font-size: 16px;
      padding-top: .5rem; } }
  @media (max-width: 800px) {
    .cart-total-grandTotal {
      padding-top: .5rem; } }

@media (min-width: 801px) {
  .cart-total-grandTotal {
    padding: 1rem 0;
    top: 0rem; } }

.cart-actions .button {
  display: inline-block;
  float: none;
  width: 100%; }

.cart-totals {
  width: 100%; }

@media only screen and (min-width: 1025px) and (max-width: 93.9999em) {
  .m-container--pad {
    padding-left: 2rem;
    padding-right: 2rem; } }

.footer {
  padding: 25px 15px 15px 15px !important; }

.packsize {
  font-size: 16.8px;
  font-weight: normal;
  margin-top: 15px; }
  @media (max-width: 576px) {
    .packsize {
      display: inline-block; } }

.paypal-message-container {
  display: flex;
  padding: 15px 0 10px 0;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.xmax {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-top: 10px; }

.brand-image-container-so {
  max-width: 200px !important;
  margin-bottom: 10px; }
  .brand-image-container-so img {
    margin: 0; }

.page-heading-brand {
  font-size: 40px;
  font-weight: normal; }

.t_pilot {
  height: 250px;
  padding-top: 50px; }
  @media (max-width: 576px) {
    .t_pilot {
      position: relative;
      left: -150px; } }

.cart-additionalCheckoutButtons {
  width: 100% !important; }

.or-use-label {
  text-align: center !important; }

label {
  font-weight: normal; }

@media (max-width: 576px) {
  .breadcrumbs, .back-to-home {
    display: none; }
  .cart-item-name {
    font-family: Poppins Bold, Montserrat, sans-serif, arial; }
  .cart-totals {
    margin-bottom: 0; }
  table.cart {
    margin-top: 5px !important; }
  .form-increment button,
  .form-input--incrementTotal {
    height: 2.82rem !important; }
  .cart-total-label {
    text-align: left;
    width: 50%;
    padding-left: 5px; }
  .cart-total-value {
    text-align: right;
    width: 50%; }
  .cart-total {
    border-bottom: 1px solid #efefef; }
  .cart {
    margin-bottom: 0; }
  .hr-sep {
    border: 1px solid #ddd; }
  .or-use-label {
    text-align: center !important;
    margin-top: -25px;
    margin-bottom: -2px; }
  .cart-title {
    font-size: 1.8rem;
    text-align: center; } }

@media (min-width: 577px) and (max-width: 769px) {
  .cart-item-info + .cart-item-info {
    margin-top: 0; } }

table.cart select.qty,
.woocommerce-cart-form select.qty {
  height: 10px !important;
  /* set desired height */
  line-height: 1.2 !important;
  padding: 0 6px !important;
  font-size: 10px !important;
  /* adjust font size */ }

/* If you want even tighter alignment */
table.cart select.qty option {
  font-size: 10px;
  padding: 2px 4px; }

.productView-title,
.page-heading {
  color: #1A1410; }

img.tp-5star {
  width: 60px !important;
  margin-left: 5px; }

@media (min-width: 1200px) {
  .left-right-panel {
    height: 614px;
    border-bottom: 1px solid #e6e6e6; }
  .left-right-panel-bottom {
    /*  height:225px; */
    min-height: 245px;
    padding-top: 10px;
    border-bottom: 1px solid #e6e6e6; }
  .featureInfo {
    padding-top: 15px; } }

@media (max-width: 576px) {
  .header-logo-image {
    width: 120px;
    height: 52px;
    max-height: 52px; }
  .view-brand {
    padding: 0px 1rem; }
  .productView-title {
    font-size: 22px; }
  .text-strong {
    font-weight: bold; }
  .payment-icon img {
    width: 75px;
    margin-left: .2rem !important;
    margin-right: .2rem !important; } }

@media (min-width: 1170px) {
  .m-flex {
    display: flex; }
    .m-flex .form-label {
      margin-right: 10px; }
  .productView-thumbnails .slick-list {
    top: -30px; } }

.text-red {
  color: #BA2D2E; }

a.text-red {
  color: #BA2D2E; }
  a.text-red:hover {
    color: #BA2D2E; }

/* ============================================================
   LL Design System v1.0 — BASE BODY RULES
   Spec: docs/superpowers/specs/2026-04-24-lightsandliving-brand-port-design.md
   Added: 2026-04-25 (LL-S1.2)
   Applies tokens to body. Deliberate 14px → ~16px font-size lift.
   ============================================================ */
body {
  font-family: var(--ll-font-body);
  font-size: var(--ll-text-base);
  line-height: var(--ll-lh-body);
  color: var(--ll-body);
  background: var(--ll-canvas);
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: tabular-nums lining-nums; }

/* end LL Design System base body rules */
/* ============================================================
   LL Design System v1.0 — GLOBAL A11Y BASELINE
   Spec: docs/superpowers/specs/2026-04-24-lightsandliving-brand-port-design.md
   Added: 2026-04-25 (LL-S1.3)
   Suppress default :focus; show ring on :focus-visible only.
   prefers-reduced-motion override site-wide.
   ============================================================ */
/* Suppress :focus default; show only on keyboard via :focus-visible */
:focus {
  outline: none; }

:focus-visible {
  outline: 2px solid var(--ll-focus);
  outline-offset: 2px;
  border-radius: inherit; }

/* Inverse on dark surfaces — class-scoped, applied per component later */
.ll-on-dark :focus-visible,
.ll-promo-bar :focus-visible,
.ll-footer :focus-visible,
.ll-drawer :focus-visible {
  outline-color: var(--ll-focus-on-dark); }

/* Reduced motion — global */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important; } }

/* end LL Design System global a11y baseline */
/* ============================================================
   LL Design System v1.0 — HEADER + REGION SELECTOR + STICKY
   Spec: docs/superpowers/specs/2026-04-24-lightsandliving-brand-port-design.md
   Added: 2026-04-25 (LL-S2.7 — paired with header HTML rebuild S2.3, S2.4, S2.5)
   ============================================================ */
/* Header shell ---------------------------------------------- */
.ll-header {
  background: var(--ll-canvas);
  color: var(--ll-body);
  border-bottom: 1px solid var(--ll-border-warm);
  position: relative;
  z-index: 50;
  font-family: var(--ll-font-body); }

.ll-header__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: var(--ll-space-md);
  max-width: 1320px;
  margin: 0 auto;
  padding: var(--ll-space-md) var(--ll-space-lg); }

@media (max-width: 900px) {
  .ll-header__inner {
    grid-template-columns: auto 1fr auto;
    gap: var(--ll-space-sm);
    padding: var(--ll-space-sm) var(--ll-space-md); } }

.ll-header__logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none; }

.ll-header__logo img {
  display: block;
  max-height: 48px;
  width: auto; }

@media (max-width: 900px) {
  .ll-header__logo img {
    max-height: 36px; } }

.ll-header__search {
  width: 100%;
  max-width: 560px;
  justify-self: center; }

@media (max-width: 900px) {
  .ll-header__search {
    display: none; } }

.ll-header__actions {
  display: flex;
  align-items: center;
  gap: var(--ll-space-md); }

/* Phone link (visible Irish phone) -------------------------- */
.ll-header__phone {
  display: inline-flex;
  align-items: center;
  gap: var(--ll-space-xs);
  color: var(--ll-green-primary);
  font-weight: var(--ll-fw-semibold);
  text-decoration: none;
  font-size: var(--ll-text-sm);
  white-space: nowrap; }

.ll-header__phone:hover {
  color: var(--ll-brass-ink); }

.ll-header__phone::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23185D34'><path d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.5 21 3 13.5 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .7-.2 1l-2.3 2.2z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain; }

@media (max-width: 900px) {
  .ll-header__phone .ll-header__phone-display {
    display: none; }
  .ll-header__phone::before {
    width: 24px;
    height: 24px; } }

/* Basket --------------------------------------------------- */
.ll-header__basket {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--ll-body);
  text-decoration: none;
  border-radius: var(--ll-radius-button);
  transition: background-color var(--ll-dur-base) var(--ll-ease-out-quart), color var(--ll-dur-base) var(--ll-ease-out-quart); }

.ll-header__basket:hover {
  color: var(--ll-green-primary);
  background: color-mix(in srgb, var(--ll-green-primary) 6%, transparent); }

.ll-header__basket-count {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--ll-green-primary);
  color: var(--ll-canvas);
  font-size: var(--ll-text-xs);
  font-weight: var(--ll-fw-semibold);
  line-height: 18px;
  text-align: center;
  border-radius: 999px; }

.ll-header__basket-count[data-count="0"] {
  display: none; }

/* Region indicator + selector ------------------------------ */
.ll-region-selector {
  position: relative;
  font-family: var(--ll-font-body); }

.ll-region-selector > summary {
  list-style: none;
  display: inline-flex;
  align-items: center;
  gap: var(--ll-space-xs);
  padding: var(--ll-space-xs) var(--ll-space-sm);
  cursor: pointer;
  border-radius: var(--ll-radius-button);
  font-size: var(--ll-text-sm);
  color: var(--ll-body); }

.ll-region-selector > summary::-webkit-details-marker {
  display: none; }

.ll-region-selector > summary:hover {
  background: var(--ll-linen); }

.ll-region-selector > summary::after {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  margin-left: var(--ll-space-xs);
  transition: transform var(--ll-dur-fast) var(--ll-ease-out-quart); }

.ll-region-selector[open] > summary::after {
  transform: rotate(-135deg) translateY(2px); }

.ll-region-flag {
  width: 18px;
  height: 14px;
  display: inline-block;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
  border: 1px solid var(--ll-border-warm); }

.ll-region-selector__panel {
  position: absolute;
  top: calc(100% + var(--ll-space-xs));
  right: 0;
  min-width: 280px;
  background: var(--ll-canvas);
  border: 1px solid var(--ll-border-warm);
  border-radius: var(--ll-radius-surface);
  box-shadow: var(--ll-shadow-md);
  padding: var(--ll-space-sm);
  z-index: 60; }

.ll-region-selector__option {
  display: flex;
  align-items: center;
  gap: var(--ll-space-sm);
  width: 100%;
  padding: var(--ll-space-sm) var(--ll-space-md);
  background: transparent;
  border: none;
  border-radius: var(--ll-radius-button);
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: var(--ll-body); }

.ll-region-selector__option:hover {
  background: var(--ll-linen); }

.ll-region-selector__option[aria-pressed="true"] {
  background: color-mix(in srgb, var(--ll-green-primary) 8%, transparent);
  color: var(--ll-green-primary);
  font-weight: var(--ll-fw-semibold); }

.ll-region-selector__option-label {
  flex: 1;
  font-size: var(--ll-text-sm); }

.ll-region-selector__option-rate {
  font-size: var(--ll-text-xs);
  color: var(--ll-body-muted); }

/* Mobile sticky header ------------------------------------- */
.ll-header-sticky {
  position: sticky;
  top: 0;
  z-index: 50;
  transform: translateY(0);
  transition: transform var(--ll-dur-base) var(--ll-ease-out-quart);
  will-change: transform; }

.ll-header-sticky.ll-header-sticky--hidden {
  transform: translateY(-100%); }

@media (prefers-reduced-motion: reduce) {
  .ll-header-sticky {
    transition: none; }
  .ll-header-sticky.ll-header-sticky--hidden {
    transform: translateY(0); } }

/* On dark surface variant ---------------------------------- */
.ll-on-dark .ll-header__phone {
  color: var(--ll-canvas); }

.ll-on-dark .ll-header__phone:hover {
  color: var(--ll-brass-display); }

/* end LL Design System header + region selector + sticky */
/* LL-S2 Task6 — header logo sizing fix
   2026-04-25
   The store-logo partial wraps the img in a `.header-logo-image-container` div
   that uses Vault's intrinsic-ratio pattern (absolute-positioned img inside).
   Our `.ll-header__logo { display: flex }` parent collapses the inner anchor +
   container to 0px because the absolutely-positioned img provides no intrinsic
   width. Force a sized container so the img can fill it. */
.ll-header .ll-header__logo {
  flex: 0 0 auto;
  align-self: center;
  height: auto; }
  .ll-header .ll-header__logo > a {
    display: block;
    width: 200px;
    max-width: 100%;
    text-decoration: none; }
  .ll-header .ll-header__logo .header-logo-image-container {
    display: block;
    width: 100%;
    height: auto;
    padding-top: 0 !important;
    position: static; }
  .ll-header .ll-header__logo .header-logo-image-container > img,
  .ll-header .ll-header__logo img {
    position: static !important;
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: 56px;
    object-fit: contain;
    margin: 0 auto; }
  @media (max-width: 900px) {
    .ll-header .ll-header__logo > a {
      width: 160px; }
    .ll-header .ll-header__logo img {
      max-height: 44px; } }

/* resave-marker-20260425-task6 */
/* ============================================================
/* Selector group labels for the 15-country list */
.ll-region-selector__group {
  margin-bottom: var(--ll-space-xs); }

.ll-region-selector__group:last-child {
  margin-bottom: 0; }

.ll-region-selector__group-label {
  padding: var(--ll-space-sm) var(--ll-space-md) var(--ll-space-xs);
  font-size: var(--ll-text-xs);
  letter-spacing: var(--ll-tracking-label);
  text-transform: uppercase;
  color: var(--ll-body-muted);
  font-weight: var(--ll-fw-semibold); }

.ll-region-selector__panel {
  max-height: 70vh;
  overflow-y: auto; }

/* end LL Design System region selector groups */
/* --- LL header: inline search form ---------------------------------------- */
.ll-header__search-form {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 600px;
  height: 44px;
  border: 1.5px solid var(--ll-border-warm);
  border-radius: var(--ll-radius-button);
  background: #fff;
  overflow: hidden; }

.ll-header__search-input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  padding: 0 12px;
  font-size: 0.9375rem;
  color: var(--ll-body);
  background: transparent;
  font-family: var(--ll-font-body); }

.ll-header__search-input::placeholder {
  color: var(--ll-muted, #888); }

.ll-header__search-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  background: var(--ll-green-primary);
  border: none;
  cursor: pointer;
  color: #fff;
  transition: background 0.15s; }

.ll-header__search-btn:hover {
  background: var(--ll-green-dark, #2d5a27); }

/* --- LL header: mobile hamburger ------------------------------------------ */
.ll-header__hamburger {
  display: none;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  border-radius: var(--ll-radius-button);
  color: var(--ll-body);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-shrink: 0; }

@media (max-width: 900px) {
  .ll-header__hamburger {
    display: inline-flex; }
  .ll-header__inner {
    grid-template-columns: 44px 1fr auto !important; }
  .ll-header__search {
    display: none !important; } }

/* ============================================================
   LL Design System v1.0 — STICKY HEADER (separate compact bar)
   Spec: docs/superpowers/specs/2026-04-24-lightsandliving-brand-port-design.md
   Added: 2026-04-25 (LL-S2 Task 8 refactor — mirrors tols-sticky-header)
   Mobile/tablet only (≤1200px), position:fixed, .is-visible toggle.
   Replaces the position:sticky / position:fixed-promote pattern that was
   killed by parent <html>/<body> overflow:hidden auto.
   ============================================================ */
.ll-sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: var(--ll-canvas);
  border-bottom: 1px solid var(--ll-border-warm);
  box-shadow: var(--ll-shadow-sm);
  transform: translateY(-100%);
  transition: transform var(--ll-dur-base) var(--ll-ease-out-quart);
  will-change: transform;
  display: none;
  /* enabled at ≤1200px below */ }

.ll-sticky-header.is-visible {
  transform: translateY(0); }

.ll-sticky-header__inner {
  display: grid;
  grid-template-columns: 44px 1fr auto auto;
  align-items: center;
  gap: var(--ll-space-sm);
  padding: var(--ll-space-sm) var(--ll-space-md);
  min-height: 56px;
  max-width: 1320px;
  margin: 0 auto; }

.ll-sticky-header__hamburger {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--ll-radius-button);
  color: var(--ll-body);
  cursor: pointer; }

.ll-sticky-header__hamburger:hover {
  background: color-mix(in srgb, var(--ll-green-primary) 6%, transparent); }

.ll-sticky-header__logo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  min-width: 0; }

.ll-sticky-header__logo img {
  display: block;
  height: 32px;
  width: auto;
  max-width: 100%;
  object-fit: contain; }

.ll-sticky-header__region {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px; }

.ll-sticky-header__basket {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--ll-body);
  text-decoration: none;
  border-radius: var(--ll-radius-button); }

.ll-sticky-header__basket:hover {
  color: var(--ll-green-primary);
  background: color-mix(in srgb, var(--ll-green-primary) 6%, transparent); }

.ll-sticky-header__basket-count {
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: var(--ll-green-primary);
  color: var(--ll-canvas);
  font-size: var(--ll-text-xs);
  font-weight: var(--ll-fw-semibold);
  line-height: 18px;
  text-align: center;
  border-radius: 999px; }

.ll-sticky-header__basket-count[data-count="0"] {
  display: none; }

/* Mobile/tablet only — show ≤1200px */
@media (max-width: 1200px) {
  .ll-sticky-header {
    display: block; } }

/* Reduced motion — instant snap, no slide */
@media (prefers-reduced-motion: reduce) {
  .ll-sticky-header {
    transition: none; } }

/* end LL Design System sticky header (separate compact bar) */
/* resave-marker-2026-04-25-S2-headerfix */
/* ===================== LL Mobile Drawer SCSS (ported from TOLS Session 7 Option B) ===================== */
/* Mobile drawer rebuild — Chunk MD1 — 2026-04-19
   Self-contained mobile menu replacing the broken legacy flow
   (.navPages-container + .mega-cat-dropdown). Lives at body level as a
   sibling of <header> and <footer>, NOT nested inside either — avoids the
   iOS compositor paint bug documented in
   project_ll_sticky_hamburger_ios_paint_bug.md (Session 6).

   Scroll-lock is JS-driven via touchmove preventDefault (see drawer.js).
   This file intentionally does NOT apply `body { position: fixed }` — that
   is the banned pattern. html.ll-md-lock below is belt-and-braces for
   desktop browsers where touch events don't fire.

   Brand palette: copper gold #D4953D, dark warm brown #1A1410. */
.ll-md {
  position: fixed;
  inset: 0;
  z-index: 1000000;
  pointer-events: none;
  visibility: hidden;
  /* Desktop: drawer is never part of the DOM visually. */
  /* ---- Header (logo + close) ---- */
  /* ---- Nav list ---- */
  /* ---- Brands section ---- */
  /* ---- Footer (account + cart) ---- */ }
  @media (min-width: 1200px) {
    .ll-md {
      display: none !important; } }
  .ll-md.is-open {
    pointer-events: auto;
    visibility: visible; }
  .ll-md__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    transition: opacity 260ms ease;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent; }
  .ll-md.is-open .ll-md__backdrop {
    opacity: 1; }
  .ll-md__panel {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 88vw;
    max-width: 380px;
    background: #ffffff;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
    transform: translateX(-100%);
    transition: transform 280ms cubic-bezier(0.2, 0.8, 0.2, 1);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    font-family: Arial, Helvetica, sans-serif;
    color: #1A1410;
    /* GPU layer promotion — iOS-safe (not the paint-blocking pattern). */
    will-change: transform;
    backface-visibility: hidden; }
  .ll-md.is-open .ll-md__panel {
    transform: translateX(0); }
  .ll-md__header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #1A1410; }
  .ll-md__logo {
    display: block;
    max-width: 160px;
    line-height: 0; }
    .ll-md__logo img {
      display: block;
      max-width: 100%;
      height: auto;
      /* BC-uploaded logo is dark — invert against dark header (matches footer Chunk 1b). */
      filter: brightness(0) invert(1); }
  .ll-md__close {
    appearance: none;
    background: transparent;
    border: 0;
    color: #ffffff;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .ll-md__close svg {
      display: block; }
    .ll-md__close:focus-visible {
      outline: 2px solid #D4953D;
      outline-offset: 2px; }
  .ll-md__nav {
    flex: 1 1 auto;
    padding: 0; }
  .ll-md__list, .ll-md__sublist, .ll-md__subsublist, .ll-md__brand-list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .ll-md__item, .ll-md__subitem, .ll-md__subsubitem {
    position: relative;
    border-bottom: 1px solid #f1f1f1; }
  .ll-md__sublist .ll-md__subitem:last-child,
  .ll-md__subsublist .ll-md__subsubitem:last-child {
    border-bottom: 0; }
  .ll-md__link, .ll-md__sublink, .ll-md__subsublink {
    display: block;
    padding: 14px 48px 14px 20px;
    color: #1A1410;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500; }
    .ll-md__link:hover, .ll-md__link:focus-visible, .ll-md__sublink:hover, .ll-md__sublink:focus-visible, .ll-md__subsublink:hover, .ll-md__subsublink:focus-visible {
      color: #D4953D;
      background: #fbf7f0;
      outline: none; }
  .ll-md__sublink {
    padding-left: 36px;
    font-size: 14px;
    font-weight: 400; }
  .ll-md__subsublink {
    padding: 11px 48px 11px 52px;
    font-size: 13px;
    font-weight: 400;
    color: #555555; }
    .ll-md__subsublink:hover, .ll-md__subsublink:focus-visible {
      color: #D4953D; }
  .ll-md__toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    appearance: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    color: #1A1410;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .ll-md__toggle svg {
      display: block;
      transition: transform 200ms ease; }
    .ll-md__toggle[aria-expanded="true"] svg {
      transform: rotate(180deg); }
    .ll-md__toggle:focus-visible {
      outline: 2px solid #D4953D;
      outline-offset: -2px; }
  .ll-md__toggle--sub {
    height: 42px;
    width: 42px; }
  .ll-md__sublist {
    background: #faf8f5; }
  .ll-md__subsublist {
    background: #f3efe8; }
  .ll-md__brands {
    padding-bottom: 8px;
    border-top: 1px solid #eeeeee;
    margin-top: 8px; }
  .ll-md__section-title {
    margin: 16px 20px 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6a6a6a; }
  .ll-md__brand-list li {
    border-bottom: 1px solid #f5f5f5; }
    .ll-md__brand-list li:last-child {
      border-bottom: 0; }
    .ll-md__brand-list li a {
      display: block;
      padding: 12px 20px;
      color: #1A1410;
      font-size: 14px;
      text-decoration: none; }
      .ll-md__brand-list li a:hover, .ll-md__brand-list li a:focus-visible {
        color: #D4953D;
        background: #fbf7f0;
        outline: none; }
  .ll-md__brand-all {
    font-weight: 600;
    color: #D4953D !important; }
  .ll-md__footer {
    flex: 0 0 auto;
    padding: 12px 20px 18px;
    background: #faf8f5;
    border-top: 1px solid #eeeeee;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    align-items: center;
    font-size: 14px; }
  .ll-md__footer a {
    color: #1A1410;
    text-decoration: none;
    padding: 8px 0; }
    .ll-md__footer a:hover, .ll-md__footer a:focus-visible {
      color: #D4953D;
      outline: none; }
  .ll-md__cart-link {
    margin-left: auto;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px; }
  .ll-md__cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 11px;
    background: #D4953D;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    font-weight: 700; }
    .ll-md__cart-count.is-zero {
      opacity: 0.5; }

/* Lock scroll on <html>. Belt-and-braces for desktop; the core mechanism
   is JS touchmove preventDefault (see drawer.js). Do NOT add
   `body { position: fixed }` here — that's the banned pattern. */
html.ll-md-lock {
  overflow: hidden;
  touch-action: none; }
  html.ll-md-lock body {
    overflow: hidden; }

/* Hide the legacy mobile menu plumbing at <1200px once the new drawer has
   initialised (JS sets `html.ll-md-ready` after successful init).
   If JS fails to load, legacy menu remains as a fallback. */
@media (max-width: 1199px) {
  html.ll-md-ready .navPages-container,
  html.ll-md-ready .mega-cat-dropdown,
  html.ll-md-ready #shopnav-dim-page,
  html.ll-md-ready .second-level-flyout {
    display: none !important; } }

/* Mobile drawer MD6 — smooth close animation (2026-04-19)
   The base .ll-md has `visibility: hidden`, which was hiding the drawer
   instantly when `.is-open` was removed, cutting off the translateX
   slide-out. Delaying the visibility transition by 280ms (matching the
   panel transform duration) keeps the drawer visible through the close
   animation, then hides it. On open, visibility flips immediately. */
.ll-md {
  transition: visibility 0s linear 280ms; }
  .ll-md.is-open {
    transition: visibility 0s linear 0s; }

/* ===================== LL desktop megamenu visibility (overrides Vault height:1px) — 2026-04-25 ===================== */
html body div#menu-wrapper {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  visibility: visible !important;
  overflow: visible !important; }

@media (max-width: 800px) {
  html body div#menu-wrapper {
    display: none !important; } }

/* ============================================================
   LL header polish — align logo+cart with megamenu edges, 
   tighten megamenu visual weight, fix nav typography
   2026-04-26
   ============================================================ */
/* Stretch header inner to match megamenu Bootstrap container (15px gutters) */
.ll-header__inner {
  max-width: none !important;
  padding: 0 15px !important; }

/* Phone — bump from clamp lower bound (~11.4px) to 14px desktop minimum */
.ll-header__phone {
  font-size: 14px !important; }

/* Megamenu nav anchors — smaller, tinted-black not pure black, medium weight, slight tracking, tighter padding */
#menu-wrapper .menu-container.ll-megamenu .navbar-nav > li > a {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--ll-body, #2F2F2B) !important;
  letter-spacing: 0.05em !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

/* Clearance — brass-ink instead of saturated default orange, match uppercase nav siblings */
#menu-wrapper .menu-container.ll-megamenu .navbar-nav > li:last-child > a {
  color: var(--ll-brass-ink, #8F6A1B) !important;
  text-transform: uppercase !important; }

/* Tighten the megamenu bar height — drop Bootstrap navbar 50px min + bottom margin + bottom border */
#menu-wrapper .menu-container.ll-megamenu .navbar.navbar-default {
  min-height: 0 !important;
  margin-bottom: 0 !important;
  border: none !important; }

/* ============================================================
   LL header polish v2 — extra breathing room around search row
   + Trust bar styling. 2026-04-26
   ============================================================ */
/* Header inner: bump vertical padding so search row has more white space top + bottom */
.ll-header__inner {
  padding-top: 18px !important;
  padding-bottom: 18px !important; }

/* ===== Trust bar (desktop only) ===== */
.ll-trust-bar {
  display: none;
  background: var(--ll-canvas-warm, #FDFCFA);
  border-top: 1px solid var(--ll-border-warm, #E9E4DD);
  border-bottom: 1px solid var(--ll-border-warm, #E9E4DD); }

@media (min-width: 992px) {
  .ll-trust-bar {
    display: block; } }

.ll-trust-bar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 15px;
  max-width: none; }

.ll-trust-bar__item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 0;
  min-width: 0; }

.ll-trust-bar__icon {
  flex: 0 0 auto;
  color: var(--ll-green-primary, #185D34); }

.ll-trust-bar__copy {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
  min-width: 0; }

.ll-trust-bar__copy strong {
  font-size: 13px;
  font-weight: 600;
  color: var(--ll-body, #2F2F2B);
  letter-spacing: 0.01em; }

.ll-trust-bar__copy span {
  font-size: 12px;
  font-weight: 400;
  color: var(--ll-body-muted, #6A6A62); }

/* Force LL megamenu visible at desktop widths >=992px. 
   Vault has 4 pre-existing display:none rules for .navbar-default that fire below 1200px and would otherwise hide our megamenu on common laptop widths (~1024-1199). */
@media (min-width: 992px) {
  #menu-wrapper .menu-container.ll-megamenu .navbar.navbar-default {
    display: block !important; }
  #menu-wrapper .menu-container.ll-megamenu .navbar.navbar-default .navbar-collapse {
    display: block !important; } }

/* Force the entire navPages container chain visible at desktop widths >=992px - Vault hides #menu.navPages-container at <1200 which collapses the megamenu chain */
@media (min-width: 992px) {
  #menu-wrapper #menu.navPages-container,
  #menu-wrapper .navPages-container {
    display: block !important; } }

/* LL Newsletter — footer 3-field form. 2026-04-27 v2 (polish: Poppins, tokens, AA contrast, 14px floors, ease-out-quart) */
.ll-newsletter {
  background: var(--ll-green-primary, #185D34);
  background-image: linear-gradient(180deg, var(--ll-green-primary, #185D34) 0%, #134826 100%);
  color: var(--ll-linen, #F7F3E9);
  padding: 56px 24px 64px;
  font-family: var(--ll-font-body, "Poppins"), Arial, Helvetica, sans-serif; }

.ll-newsletter__inner {
  max-width: 1320px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: center; }

@media (min-width: 900px) {
  .ll-newsletter__inner {
    grid-template-columns: minmax(280px, 1fr) minmax(380px, 1.4fr);
    gap: 56px; } }

.ll-newsletter__copy {
  max-width: 480px; }

.ll-newsletter__headline {
  font-family: inherit;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.005em;
  margin: 0 0 14px;
  color: var(--ll-linen, #F7F3E9);
  position: relative;
  padding-bottom: 14px; }

.ll-newsletter__headline::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 2px;
  background: var(--ll-brass-display, #C9A240); }

.ll-newsletter__subhead {
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
  color: rgba(247, 243, 233, 0.86); }

.ll-newsletter__form {
  display: flex;
  flex-direction: column;
  gap: 14px; }

.ll-newsletter__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px; }

.ll-newsletter__field--email {
  grid-column: 1 / -1; }

.ll-newsletter__field {
  display: flex;
  flex-direction: column;
  gap: 6px; }

.ll-newsletter__label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(247, 243, 233, 0.85);
  font-weight: 500; }

.ll-newsletter__optional {
  font-weight: 400;
  opacity: 0.7;
  text-transform: none;
  letter-spacing: 0; }

.ll-newsletter__input {
  font-family: inherit;
  font-size: 15px;
  padding: 12px 14px;
  border: 1px solid rgba(247, 243, 233, 0.32);
  background: rgba(247, 243, 233, 0.06);
  color: var(--ll-linen, #F7F3E9);
  border-radius: 2px;
  transition: border-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 100%;
  box-sizing: border-box;
  appearance: none; }

.ll-newsletter__input:focus {
  outline: none;
  border-color: var(--ll-brass-display, #C9A240);
  background: rgba(247, 243, 233, 0.12); }

.ll-newsletter__input:focus-visible {
  outline: 2px solid var(--ll-focus-on-dark, #C9A240);
  outline-offset: 2px; }

.ll-newsletter__input::placeholder {
  color: rgba(247, 243, 233, 0.45); }

.ll-newsletter__submit {
  align-self: flex-start;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  padding: 14px 32px;
  background: var(--ll-brass-display, #C9A240);
  color: var(--ll-ink, #1A1A18);
  border: 1px solid var(--ll-brass-display, #C9A240);
  border-radius: 2px;
  cursor: pointer;
  transition: transform 200ms cubic-bezier(0.165, 0.84, 0.44, 1), background-color 200ms cubic-bezier(0.165, 0.84, 0.44, 1), color 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
  margin-top: 4px; }

.ll-newsletter__submit:hover {
  background: var(--ll-linen, #F7F3E9);
  color: var(--ll-green-primary, #185D34);
  border-color: var(--ll-linen, #F7F3E9);
  transform: translateY(-1px); }

.ll-newsletter__submit:focus-visible {
  outline: 2px solid var(--ll-linen, #F7F3E9);
  outline-offset: 2px; }

.ll-newsletter__submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none; }

.ll-newsletter__status {
  margin: 4px 0 0;
  min-height: 1.2em;
  font-size: 14px;
  line-height: 1.4; }

.ll-newsletter__status--pending {
  color: rgba(247, 243, 233, 0.85); }

.ll-newsletter__status--success {
  color: var(--ll-linen, #F7F3E9);
  font-weight: 500; }

.ll-newsletter__status--error {
  color: #F4B5A8; }

.ll-newsletter__legal {
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(247, 243, 233, 0.72); }

@media (max-width: 560px) {
  .ll-newsletter {
    padding: 40px 16px 48px; }
  .ll-newsletter__fields {
    grid-template-columns: 1fr; }
  .ll-newsletter__submit {
    width: 100%;
    align-self: stretch;
    text-align: center; } }

/* LL Footer column + bottom polish overrides — 2026-04-27 v2 */
.footer .footer-info-list a {
  color: var(--ll-linen, #F7F3E9) !important;
  font-size: 14px !important;
  transition: color 180ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.footer .footer-info-list a:hover {
  color: var(--ll-brass-display, #C9A240) !important; }

.footer .footer-info-heading {
  color: var(--ll-linen, #F7F3E9) !important; }

.footer-bottom .store-info span {
  color: rgba(247, 243, 233, 0.85); }

.footer-bottom .store-info small {
  color: rgba(247, 243, 233, 0.72);
  font-size: 14px; }

.footer-bottom .store-info a[data-ll-phone-link] {
  color: rgba(247, 243, 233, 0.92) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(247, 243, 233, 0.3);
  transition: color 180ms cubic-bezier(0.165, 0.84, 0.44, 1), border-color 180ms cubic-bezier(0.165, 0.84, 0.44, 1); }

.footer-bottom .store-info a[data-ll-phone-link]:hover {
  color: var(--ll-brass-display, #C9A240) !important;
  border-bottom-color: var(--ll-brass-display, #C9A240); }

.ll-region-selector__current,
[data-ll-region-label] {
  font-size: 14px !important; }

/* LL Region picker — hide label on mobile (flag + chevron only). 2026-04-27 */
@media (max-width: 768px) {
  [data-ll-region-label] {
    display: none !important; } }

/* LL Trust bar — mobile: single shipping line, content-centered, kill desktop inner padding. 2026-04-27 v4 */
@media (max-width: 991px) {
  .ll-trust-bar {
    display: block !important;
    padding: 0 !important;
    background: var(--ll-canvas-warm, #FDFCFA);
    border-bottom: 1px solid var(--ll-border-warm, #E9E4DD); }
  .ll-trust-bar__inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 8px 12px !important;
    max-width: none !important; }
  .ll-trust-bar__item {
    display: none; }
  .ll-trust-bar__item.ll-trust-bar__item--mobile-show {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 0;
    flex: 0 0 auto !important;
    min-width: 0; }
  .ll-trust-bar__item--mobile-show .ll-trust-bar__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--ll-brass-ink, #8F6A1B); }
  .ll-trust-bar__item--mobile-show .ll-trust-bar__copy {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
    line-height: 1.3;
    justify-content: center; }
  .ll-trust-bar__item--mobile-show a.ll-trust-bar__copy {
    text-decoration: none; }
  .ll-trust-bar__item--mobile-show .ll-trust-bar__copy strong {
    font-size: 14px;
    font-weight: 600;
    color: var(--ll-body, #2F2F2B); }
  .ll-trust-bar__item--mobile-show .ll-trust-bar__copy span {
    font-size: 13px;
    color: var(--ll-body-muted, #6A6A62); } }

/* LL PDP-1 — kill 3 orphan .left-right-panel* dividers (Vault leftover, ported from TOLS PDP work). 2026-04-27 */
.productView-images-c .left-right-panel,
.productView-images-c .left-right-panel-bottom,
.productView-details .left-right-panel-bottom {
  border-bottom: 0 !important; }

/* LL PDP-3 — shrink payment card icons (ported from TOLS PDP work). 2026-04-27 */
.payment-icon img {
  width: 44px !important;
  height: 27px !important;
  margin: 4px 6px !important; }

/* LL PDP-5 — hide both in-place accordion-container copies (relocated by JS in product.html). 2026-04-27 */
.productView-images-c .accordion-container.d-none.d-lg-block,
.productView-details .accordion-container.d-block.d-lg-none {
  display: none !important; }

.ll-relocated-accordion {
  display: block !important;
  margin-top: 24px; }

#ll-relocated-accordions {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box; }

@media (max-width: 768px) {
  #ll-relocated-accordions {
    padding: 0 16px; } }

/* META-FILTER-PROBE2-1777303617370 */
/* META-FORCE-REBUILD-1777303704130-705390 */
/* META-EMERGENCY-ROLLBACK-1777303801872 */
/* CALC-FIX-1777304723897 */
/* LL-S6 Chunk PDP-V1 — Things to Consider visual upgrade
   2026-04-27
   Wraps the TTC section in a warm-canvas card, restyles tables (header band, zebra rows,
   on-brand borders, fixes 1500px overflow), adds brass-ink underline marks under each h3,
   kills auto-capitalize on headings. SCSS-only, fully reversible by deleting this block. */
#things-to-consider {
  background: var(--ll-canvas-warm) !important;
  border: 1px solid var(--ll-border-warm);
  border-radius: var(--ll-radius-md);
  max-width: 1320px;
  margin: var(--ll-space-xl) auto;
  padding: var(--ll-space-xl);
  box-sizing: border-box; }
  @media (max-width: 768px) {
    #things-to-consider {
      padding: var(--ll-space-lg) var(--ll-space-md);
      margin: var(--ll-space-lg) var(--ll-space-md); } }
  #things-to-consider h2 {
    text-transform: none;
    margin-top: 0; }
  #things-to-consider h4 {
    text-transform: none; }
  #things-to-consider h3 {
    text-transform: none !important;
    margin-top: var(--ll-space-xl);
    margin-bottom: var(--ll-space-md);
    position: relative;
    padding-bottom: var(--ll-space-sm);
    color: var(--ll-ink);
    font-weight: var(--ll-fw-semibold); }
  #things-to-consider h3::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 2px;
    background: var(--ll-brass-ink);
    border-radius: 1px; }
  #things-to-consider h3:first-of-type {
    margin-top: 0; }
  #things-to-consider table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
    border-collapse: collapse;
    margin: var(--ll-space-md) 0 var(--ll-space-lg);
    background: var(--ll-canvas);
    border-radius: var(--ll-radius-sm);
    overflow: hidden;
    border: 1px solid var(--ll-border-warm); }
  #things-to-consider th {
    background: var(--ll-linen) !important;
    color: var(--ll-body) !important;
    font-weight: var(--ll-fw-semibold) !important;
    text-align: left !important;
    padding: var(--ll-space-md) var(--ll-space-lg) !important;
    border-bottom: 2px solid var(--ll-brass-ink) !important;
    letter-spacing: var(--ll-tracking-label);
    text-transform: none !important;
    font-size: 0.8125rem; }
  #things-to-consider tbody tr:nth-child(even) td {
    background: var(--ll-canvas-warm); }
  #things-to-consider tbody td {
    padding: var(--ll-space-md) var(--ll-space-lg) !important;
    border-bottom: 1px solid var(--ll-border-warm) !important;
    color: var(--ll-body);
    vertical-align: top; }
  #things-to-consider tbody tr:last-child td {
    border-bottom: 0 !important; }
  #things-to-consider td strong {
    font-weight: var(--ll-fw-semibold); }

/* LL-S6 Chunk PDP-V2 — PDP micro-touches
   2026-04-27
   - Soften ATC + primary buttons from 0px to 4px corners
   - Add brass-ink brand-mark underline below product H1
   - Replace default-blue in-product-info links with brass-ink
   SCSS-only, fully reversible by deleting this block. */
/* Primary button corner softening (PDP ATC + newsletter Subscribe + general primary) */
.button.button--primary,
.button--primary,
.productView-options [type="submit"],
.productView [data-button-type="add-cart"],
input.button.button--primary,
button.button.button--primary {
  border-radius: 4px !important;
  -webkit-appearance: none !important;
  appearance: none !important; }

/* Product H1 — brass-ink brand-mark underline */
.productView .productView-title {
  position: relative;
  padding-bottom: var(--ll-space-md);
  margin-bottom: var(--ll-space-md); }

.productView .productView-title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 2px;
  background: var(--ll-brass-ink);
  border-radius: 1px; }

/* Brand-correct in-product-info link colour */
.productView .productView-info a,
.productView .productView-brand a,
.productView .productView-info-name a,
.productView .productView-info-value a {
  color: var(--ll-brass-ink);
  transition: color var(--ll-duration-fast) var(--ll-ease-out); }

.productView .productView-info a:hover,
.productView .productView-brand a:hover,
.productView .productView-info-name a:hover,
.productView .productView-info-value a:hover {
  color: var(--ll-green-primary); }

/* PDP-REORDER-RECOMPILE-1777307310116 */
/* LL-S6 Chunk PDP-V3 — Polish Wave 3
   2026-04-27
   (1) Fix TTC card centring — force auto margins, lost specificity in V1
   (2) Footer body colour explicit white — was inheriting body --ll-body, fails contrast
   (4) H1 product title — scale with viewport via --ll-text-h1 token
   (5) Card treatment for sister sections (Installation FAQ + Ordering with Confidence)
   SCSS-only, fully reversible by deleting this block. */
/* (1) TTC centring */
#things-to-consider {
  margin-left: auto !important;
  margin-right: auto !important; }

/* (2) Footer colour explicit white per spec — overrides inherited body colour */
footer.footer {
  color: #FFFFFF !important; }

footer.footer a:not(.button) {
  color: #FFFFFF; }

footer.footer a:not(.button):hover {
  color: var(--ll-linen); }

/* (4) H1 product title — scale via --ll-text-h1 (clamp 2rem → 3.5rem) */
.productView .productView-title {
  font-size: clamp(1.5rem, 1.4vw + 1rem, 2.25rem) !important;
  line-height: var(--ll-lh-tight);
  letter-spacing: var(--ll-tracking-display);
  color: var(--ll-ink); }

/* (5) Card treatment for Installation FAQ + Ordering with Confidence (sister sections) */
section.brandContent.ols-content-section:not(#things-to-consider) {
  background: var(--ll-canvas-warm) !important;
  border: 1px solid var(--ll-border-warm);
  border-radius: var(--ll-radius-md);
  max-width: 1320px;
  margin: var(--ll-space-xl) auto !important;
  padding: var(--ll-space-xl);
  box-sizing: border-box; }

@media (max-width: 768px) {
  section.brandContent.ols-content-section:not(#things-to-consider) {
    padding: var(--ll-space-lg) var(--ll-space-md);
    margin-left: var(--ll-space-md) !important;
    margin-right: var(--ll-space-md) !important; } }

section.brandContent.ols-content-section:not(#things-to-consider) h2 {
  text-transform: none;
  margin-top: 0; }

section.brandContent.ols-content-section:not(#things-to-consider) h3 {
  text-transform: none !important;
  position: relative;
  padding-bottom: var(--ll-space-sm);
  margin-top: var(--ll-space-xl);
  margin-bottom: var(--ll-space-md);
  color: var(--ll-ink);
  font-weight: var(--ll-fw-semibold); }

section.brandContent.ols-content-section:not(#things-to-consider) h3::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--ll-brass-ink);
  border-radius: 1px; }

section.brandContent.ols-content-section:not(#things-to-consider) h3:first-of-type {
  margin-top: 0; }

/* resave-marker-1777313736598-61023 */
/* LL-S6 Chunk PDP-V4 — Polish Wave 4
   2026-04-27
   (6) Touch targets: ATC / ADD BULBS / qty input → min 44px height (WCAG 2.5.5)
   (8) Recommended Bulb h2 — brass-ink brand mark (matches TTC h3s + sister sections)
   (9) "Todays Price:" badge — error-red → on-brand brass-amber (--ll-warn)
   (10) "Now" price emphasis — 600 weight + ink colour for stronger hierarchy
   SCSS-only, fully reversible. */
/* (6) Touch targets — primary buttons */
.button.button--primary,
input.button.button--primary,
button.button.button--primary,
#upsellAddBtn {
  min-height: 44px; }

/* (6b) Quantity input — touch target */
.form-input--incrementTotal,
input[name="qty[]"] {
  min-height: 44px; }

/* (8) Recommended Bulb section h2 — brass-ink brand mark */
.addBlubs h2 {
  position: relative;
  padding-bottom: var(--ll-space-sm);
  margin-bottom: var(--ll-space-md);
  text-transform: none;
  color: var(--ll-ink);
  font-weight: var(--ll-fw-semibold); }

.addBlubs h2::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2px;
  background: var(--ll-brass-ink);
  border-radius: 1px; }

/* (9) "Todays Price:" badge — tone error-red to brass-amber */
.price-section--withTax.d-flex .price-label,
.price-section.d-flex .price-label {
  background-color: var(--ll-warn) !important;
  color: var(--ll-canvas) !important; }

/* (10) "Now" price — semibold + ink colour for stronger hierarchy */
.price-section .price.price--withTax {
  font-weight: var(--ll-fw-semibold);
  color: var(--ll-ink); }

/* LL-S6 Chunk PDP-V5 — Polish Wave 5
   2026-04-27
   /typeset: pair Marcellus (display) with Poppins (body) — non-reflex Roman serif
   /distill: hide redundant lower trust strip + "You Can Save" urgency pill
   /clarify: drop urgency, let strikethrough RRP carry the discount
   /layout: harmonize gap between major sections
   SCSS-only, fully reversible by deleting this block. */
/* (1) Marcellus display face — single-weight Roman classical, Google Fonts */
/* H1 + section H2s get the display face */
.productView .productView-title,
#things-to-consider h2,
section.brandContent.ols-content-section h2,
.addBlubs h2 {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.005em; }

/* (2) Hide redundant lower PDP trust strip (top trust strip remains) */
.featureInfo.d-none.d-lg-block,
.productView-details .featureInfo {
  display: none !important; }

/* (3) Hide "You Can Save €X (Y% Off) Today." urgency pill (strikethrough RRP carries discount) */
.price-section--saving {
  display: none !important; }

/* (4) Harmonize section gap rhythm */
#things-to-consider,
section.brandContent.ols-content-section:not(#things-to-consider) {
  margin-top: var(--ll-space-2xl) !important;
  margin-bottom: var(--ll-space-2xl) !important; }

/* trust-strip-fix-1777317474101 */
/* LL-S6 Chunk PDP-V6 — feedback fixes
   2026-04-27
   1. Qty stepper -/+ buttons match ATC + qty input height (44px)
   2. Hide leftover border-bottom on .productView-details .left-right-panel
      (PDP-1 killed -bottom variant only; this completes the cleanup) */
/* (1) Qty stepper buttons match touch-target height */
.productView .form-increment .button.button--icon,
.productView .button.button--icon {
  min-height: 44px; }

/* (2) Encroaching divider above Recommended Bulb — kill .left-right-panel border */
.productView-details .left-right-panel,
.productView .left-right-panel {
  border-bottom: 0 !important; }

/* lang-cache-bust 1777318401583 */
/* tabs-flush 1777318508113 */
/* PDP-V6.1 — hide HR dividers inside section cards (TTC, FAQ, Ordering) */
#things-to-consider hr,
section.brandContent.ols-content-section hr {
  display: none; }

/* LL-S6 Chunk PDP-V7 — Recommended Bulb overhaul + wishlist alignment
   2026-04-27
   - Recommended Bulb wrapped in a card matching TTC pattern, bulb name in Marcellus,
     dropdown polish, secondary outline button (vs filled ATC), eyebrow tag
   - Wishlist + ATC vertically aligned via flex align-items + 44x44 wishlist button */
/* === Recommended Bulb section overhaul === */
.row.align-items-center.addBlubs {
  background: var(--ll-canvas-warm) !important;
  border: 1px solid var(--ll-border-warm);
  border-radius: var(--ll-radius-md);
  padding: var(--ll-space-xl);
  margin: var(--ll-space-xl) 0 !important;
  box-sizing: border-box;
  position: relative; }

/* Eyebrow tag above heading */
.row.addBlubs::before {
  content: "Our recommendation";
  display: block;
  font-family: var(--ll-font-body);
  font-size: 0.75rem;
  font-weight: var(--ll-fw-semibold);
  letter-spacing: var(--ll-tracking-label);
  text-transform: uppercase;
  color: var(--ll-brass-ink);
  margin-bottom: var(--ll-space-md);
  width: 100%; }

/* Heading sizing inside card */
.addBlubs h2 {
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: var(--ll-space-md); }

/* Bulb name — restyle from green link to Marcellus serif heading */
.addBlubs #upsellProductURL {
  text-decoration: none !important;
  display: block;
  margin-bottom: var(--ll-space-sm); }

.addBlubs #upsellProductTitle {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  color: var(--ll-ink) !important;
  font-size: 1.125rem !important;
  font-weight: 400 !important;
  margin: 0;
  letter-spacing: 0.005em; }

.addBlubs #upsellProductURL:hover #upsellProductTitle {
  color: var(--ll-brass-ink) !important; }

/* Description copy */
.addBlubs p:not(.upsellActions) {
  font-size: 0.9375rem;
  line-height: var(--ll-lh-body);
  color: var(--ll-body-muted);
  max-width: 60ch;
  margin-bottom: var(--ll-space-md); }

/* Pack-size dropdown polish */
.addBlubs .form-select {
  border: 1px solid var(--ll-border-cool) !important;
  border-radius: var(--ll-radius-sm) !important;
  padding: 10px 14px !important;
  font-family: var(--ll-font-body);
  background-color: var(--ll-canvas);
  color: var(--ll-body);
  min-height: 44px; }

.addBlubs .form-select:focus {
  border-color: var(--ll-brass-ink) !important;
  outline: 2px solid var(--ll-focus);
  outline-offset: 1px; }

/* ADD BULBS button — secondary outline so it differs from filled ATC */
.addBlubs #upsellAddBtn {
  background: transparent !important;
  color: var(--ll-green-primary) !important;
  border: 1.5px solid var(--ll-green-primary) !important;
  font-weight: var(--ll-fw-semibold) !important;
  letter-spacing: 0.04em; }

.addBlubs #upsellAddBtn:hover {
  background: var(--ll-green-primary) !important;
  color: var(--ll-canvas) !important; }

/* Bulb image cap */
.addBlubs #upsellProductImage {
  max-width: 140px;
  max-height: 160px;
  height: auto;
  width: auto;
  object-fit: contain; }

/* === Wishlist + ATC alignment === */
.productView-options .d-flex.just-content-start {
  align-items: center !important;
  gap: var(--ll-space-md); }

.productView .form-wishlist .dropdown-menu-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--ll-border-warm);
  border-radius: var(--ll-radius-sm);
  background: var(--ll-canvas-warm);
  color: var(--ll-brass-ink);
  transition: background var(--ll-duration-fast) var(--ll-ease-out), border-color var(--ll-duration-fast) var(--ll-ease-out); }

.productView .form-wishlist .dropdown-menu-button:hover {
  background: var(--ll-linen);
  border-color: var(--ll-brass-ink); }

/* LL-S6 Chunk PDP-V8 — Wave 7 follow-up: literal radius (var was undefined),
   wishlist anchor height + flex alignment, upsell title size bump
   2026-04-27 */
.row.align-items-center.addBlubs {
  border-radius: 6px !important; }

.addBlubs .form-select {
  border-radius: 4px !important; }

.addBlubs #upsellAddBtn {
  border-radius: 4px !important; }

.addBlubs #upsellProductTitle {
  font-size: 18px !important;
  line-height: 1.35 !important; }

.productView .form-wishlist {
  display: inline-flex !important;
  align-items: center;
  height: 44px;
  margin: 0; }

.productView .form-wishlist .dropdown-menu-button {
  border-radius: 4px !important;
  line-height: 1 !important;
  padding: 0 !important; }

.productView .form-wishlist .dropdown-menu-button .icon {
  width: 18px;
  height: 18px; }

/* LL-S6 Chunk PDP-V9 — flatten ATC .form-action wrapper to 44px so it shares
   row baseline with wishlist + qty stepper
   2026-04-27 */
.productView-options .d-flex.just-content-start > .form-action {
  display: flex !important;
  align-items: center;
  height: 44px;
  line-height: 1 !important;
  margin: 0 !important; }

.productView-options .d-flex.just-content-start > .form-action > .button.addtoCart {
  width: 100%;
  margin: 0; }

/* LL-S6 Chunk PDP-V10 — kill 10px bottom margin on qty stepper inside ATC row
   so qty + ATC + wishlist share a perfectly aligned baseline
   2026-04-27 */
.productView-options .d-flex.just-content-start > .form-field--increments {
  margin: 0 !important; }

/* LL-S6 Chunk PDP-V11 — three fixes:
   1. ATC row was overflowing right edge of right column (wishlist hanging off)
   2. Bulb upsell internal layout overhaul (grid: image left, content right;
      hide redundant "Recommended Bulb" H2 since eyebrow already labels it;
      proper select+button balance with gap)
   3. Bottom margin to clear visual gap to Related Products tab strip
   2026-04-27 */
/* === ATC row fit === */
.productView-options .d-flex.just-content-start {
  flex-wrap: wrap;
  width: 100%;
  min-width: 0; }

.productView-options .d-flex.just-content-start > .form-field--increments {
  flex: 0 0 auto; }

.productView-options .d-flex.just-content-start > .form-action:not(.form-wishlist) {
  flex: 1 1 0% !important;
  min-width: 0;
  max-width: none; }

.productView-options .d-flex.just-content-start > .form-action:not(.form-wishlist) > .button.addtoCart {
  width: 100% !important;
  min-width: 0;
  padding-left: 16px !important;
  padding-right: 16px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.productView-options .d-flex.just-content-start > .form-wishlist {
  flex: 0 0 44px !important; }

/* === Bulb upsell layout overhaul === */
/* Hide the redundant "Recommended Bulb" h2 — the eyebrow tag now labels the card */
.addBlubs h2 {
  display: none !important; }

/* Hide the empty col-md-4 filler that wraps below */
.row.addBlubs > .col-md-4.text-center {
  display: none !important; }

/* Make the row a clean 2-column grid: image left, content right */
.row.align-items-center.addBlubs {
  display: grid !important;
  grid-template-columns: 140px 1fr;
  column-gap: 28px;
  align-items: center;
  padding: 32px !important;
  margin: 32px 0 64px !important; }

.row.addBlubs > .col-md-12 {
  display: contents; }

/* Image lives in left column, vertically centred */
.row.addBlubs > .col-md-12 > .d-block:has(#upsellProductImage),
.row.addBlubs > .col-md-12 > .d-block:first-child {
  grid-column: 1;
  grid-row: 1 / span 4;
  align-self: center; }

.addBlubs #upsellProductImage {
  max-width: 140px !important;
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block; }

/* Content stack in right column */
.row.addBlubs > .col-md-12 > #upsellProductURL {
  grid-column: 2;
  grid-row: 2;
  margin: 0 !important; }

.row.addBlubs > .col-md-12 > p:not(.upsellActions) {
  grid-column: 2;
  grid-row: 3;
  margin: 6px 0 16px !important;
  max-width: 60ch; }

.row.addBlubs > .col-md-12 > .upsellActions {
  grid-column: 2;
  grid-row: 4;
  margin: 0 !important; }

/* Eyebrow placement: above the title in the right column */
.row.addBlubs::before {
  grid-column: 2;
  grid-row: 1;
  margin: 0 0 4px !important; }

/* === upsellActions: select + button proper balance === */
.row.addBlubs .upsellActions.d-flex,
.row.addBlubs p.upsellActions {
  display: flex !important;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap; }

.row.addBlubs .upsellActions .form-select {
  flex: 0 0 140px !important;
  width: 140px !important;
  min-width: 0; }

.row.addBlubs #upsellAddBtn {
  flex: 0 0 auto !important;
  width: auto !important;
  padding: 12px 22px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em;
  white-space: nowrap; }

/* === Spacing to Related Products === */
.related-product-section {
  margin-top: 48px !important;
  clear: both; }

/* Mobile fallback for bulb upsell — stack vertically */
@media (max-width: 540px) {
  .row.align-items-center.addBlubs {
    grid-template-columns: 1fr;
    padding: 24px !important; }
  .row.addBlubs > .col-md-12 > .d-block:first-child {
    grid-column: 1;
    grid-row: auto;
    justify-self: start; }
  .row.addBlubs > .col-md-12 > #upsellProductURL,
  .row.addBlubs > .col-md-12 > p:not(.upsellActions),
  .row.addBlubs > .col-md-12 > .upsellActions {
    grid-column: 1; }
  .row.addBlubs::before {
    grid-column: 1;
    grid-row: 1; } }

/* LL-S6 Chunk PDP-V12 — pack size dropdown wider so prices fit;
   wishlist tightened next to ATC
   2026-04-27 */
.row.addBlubs .upsellActions .form-select {
  flex: 0 0 200px !important;
  width: 200px !important; }

.productView-options .d-flex.just-content-start > .form-wishlist {
  margin-left: -8px !important; }

/* LL-S6 Chunk PDP-V13 — top-to-bottom cohesion pass
   Target inconsistencies: breadcrumb broken, price typography mismatch with title,
   sans section headings, tab widget low-contrast, generic form borders, stray HRs,
   uppercase footer body links, trust bar hierarchy.
   Strategy: lean on Marcellus for display moments, Poppins for body/UI, brass-ink
   for accents, body-muted for tertiary text.
   2026-04-27 */
/* === BREADCRUMB === */
.breadcrumbs {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px !important;
  line-height: 1.4 !important;
  margin: 16px 0 !important;
  padding: 0;
  list-style: none; }

.breadcrumbs > .breadcrumb {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.02em; }

.breadcrumbs > .breadcrumb a,
.breadcrumbs > .breadcrumb .breadcrumb-label {
  color: var(--ll-body-muted) !important;
  text-decoration: none !important;
  transition: color 120ms var(--ll-ease-out, ease-out); }

.breadcrumbs > .breadcrumb a:hover,
.breadcrumbs > .breadcrumb a:hover .breadcrumb-label {
  color: var(--ll-brass-ink) !important; }

.breadcrumbs > .breadcrumb:not(:last-child)::after {
  content: "\203A";
  color: var(--ll-body-muted);
  margin-left: 8px;
  font-size: 14px;
  opacity: 0.6; }

.breadcrumbs > .breadcrumb.is-active .breadcrumb-label,
.breadcrumbs > .breadcrumb:last-child .breadcrumb-label {
  color: var(--ll-ink) !important; }

/* === PRICE — pair with title via Marcellus serif === */
.productView-price,
.productView .price--withoutTax,
.productView .price--main {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.005em !important;
  color: var(--ll-ink) !important; }

.productView-price {
  font-size: 28px !important;
  line-height: 1.2 !important; }

/* === SECTION HEADINGS in MAIN content — Marcellus === */
.productView-description h2,
.productView-description h3,
.productView-description h4,
.product-description,
.related-product-section h2,
.related-product-section h3,
#things-to-consider h2,
#things-to-consider h3,
section.brandContent h2,
section.brandContent h3 {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
  color: var(--ll-ink) !important;
  letter-spacing: 0.005em;
  text-transform: none !important; }

/* === TABS WIDGET (Description / Related Products / etc.) === */
.tabs {
  display: flex !important;
  gap: 28px;
  border-bottom: 1px solid var(--ll-border-warm);
  margin: 32px 0 24px !important;
  padding: 0 !important;
  list-style: none;
  font-size: initial !important; }

.tabs > .tab {
  margin: 0 !important;
  padding: 0;
  position: relative; }

.tabs > .tab .tab-title {
  display: inline-block;
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 0.005em;
  text-transform: none !important;
  color: var(--ll-body-muted) !important;
  padding: 12px 0 14px;
  transition: color 120ms var(--ll-ease-out, ease-out);
  cursor: pointer; }

.tabs > .tab.is-active .tab-title,
.tabs > .tab:hover .tab-title {
  color: var(--ll-ink) !important; }

.tabs > .tab.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: var(--ll-brass-ink); }

/* === FORM INPUTS — unify borders to LL token === */
.productView .form-input,
.productView input[type="text"],
.productView input[type="email"],
.productView input[type="number"],
.productView select.form-select,
.productView .form-select {
  border: 1px solid var(--ll-border-cool) !important;
  border-radius: 4px !important;
  background-color: var(--ll-canvas) !important;
  color: var(--ll-body) !important;
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important; }

.productView .form-input:focus,
.productView .form-select:focus {
  border-color: var(--ll-green-primary) !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(24, 93, 52, 0.18); }

/* qty stepper buttons — match input border */
.productView .form-field--increments .form-increment .button.button--icon {
  border: 1px solid var(--ll-border-cool) !important;
  background: var(--ll-canvas-warm) !important;
  color: var(--ll-ink) !important; }

.productView .form-field--increments .form-increment .button.button--icon:hover {
  background: var(--ll-linen) !important;
  border-color: var(--ll-brass-ink) !important; }

/* === HIDE STRAY HR DIVIDERS in main content === */
.productView hr,
.related-product-section hr,
#things-to-consider hr,
section.brandContent hr,
.product-detail-feature hr {
  display: none !important; }

/* === FOOTER body links — drop uppercase for readability === */
footer.footer .footer-info-list a,
footer.footer ul:not(.social-media) a:not(.button),
footer.footer .footer-info-col a {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  transition: color 120ms var(--ll-ease-out, ease-out); }

footer.footer .footer-info-list a:hover,
footer.footer ul:not(.social-media) a:hover {
  color: var(--ll-brass-display, #C9A240) !important;
  text-decoration: none; }

/* Footer column headings — keep label-style uppercase but tighten */
footer.footer .footer-info-heading,
footer.footer h5 {
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  margin-bottom: 16px !important;
  opacity: 0.85; }

/* === TRUST BAR refinement === */
.ll-trust-bar__copy strong,
.ll-trust-bar__item strong {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
  color: var(--ll-ink); }

.ll-trust-bar__copy span:not(strong),
.ll-trust-bar__item span:not(strong) {
  font-size: 12px;
  color: var(--ll-body-muted);
  line-height: 1.4; }

/* === RELATED PRODUCTS card title — Marcellus & cleaner spacing === */
.related-product-section .card-title,
.related-product-section .card-title a {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 15px;
  letter-spacing: 0.005em;
  text-transform: none !important;
  color: var(--ll-ink) !important;
  line-height: 1.4; }

.related-product-section .card-text--price,
.related-product-section .price-section .price {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
  color: var(--ll-ink) !important; }

/* LL-S6 Chunk PDP-V14 — second cohesion pass: focus on footer newsletter,
   Things to Consider section internals, and tightening section heading rhythm.
   2026-04-27 */
/* === FOOTER NEWSLETTER === */
/* Heading: pair with Marcellus voice instead of Poppins */
footer.footer .ll-newsletter h2,
footer.footer .ll-newsletter h3,
footer.footer .newsletter h2,
footer.footer form h2,
footer.footer form h3 {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  letter-spacing: 0.005em;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: var(--ll-canvas-warm, #FDFCFA) !important; }

/* Input: dramatically improve contrast on green-primary background */
footer.footer .ll-newsletter input[type="email"],
footer.footer .ll-newsletter input[type="text"],
footer.footer .newsletter input[type="email"],
footer.footer form input[type="email"] {
  background-color: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 4px !important;
  color: var(--ll-ink, #1A1A18) !important;
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
  height: auto !important;
  min-height: 48px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); }

footer.footer .ll-newsletter input[type="email"]::placeholder,
footer.footer .newsletter input[type="email"]::placeholder,
footer.footer form input[type="email"]::placeholder {
  color: var(--ll-body-muted, #6A6A62) !important;
  opacity: 1; }

footer.footer .ll-newsletter input[type="email"]:focus,
footer.footer form input[type="email"]:focus {
  background-color: #FFFFFF !important;
  border-color: var(--ll-brass-display, #C9A240) !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 64, 0.35);
  outline: 0; }

/* Newsletter submit button refinement */
footer.footer .ll-newsletter button[type="submit"],
footer.footer .newsletter button[type="submit"],
footer.footer form button[type="submit"] {
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  border: 0 !important;
  padding: 14px 28px !important;
  min-height: 48px;
  transition: background-color 120ms ease-out, transform 120ms ease-out; }

footer.footer .ll-newsletter button[type="submit"]:hover,
footer.footer form button[type="submit"]:hover {
  background-color: var(--ll-brass-ink, #8F6A1B) !important;
  color: var(--ll-canvas, #FFFFFF) !important; }

/* === THINGS TO CONSIDER — internal hierarchy === */
/* The mid-section grey H4 product-name labels are clutter — hide them */
#things-to-consider h4,
section.brandContent h4,
.ols-content-section h4 {
  display: none !important; }

/* Subhead H3 cards: more breathing room and a brass-ink leading rule */
#things-to-consider h3,
section.brandContent h3,
.ols-content-section h3 {
  font-size: 22px !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
  position: relative;
  padding-left: 0; }

#things-to-consider h3 + p,
section.brandContent h3 + p,
.ols-content-section h3 + p {
  margin-top: 0 !important; }

/* Body inside Considerations: better measure for prose */
#things-to-consider p,
section.brandContent p,
.ols-content-section p {
  max-width: 72ch;
  line-height: 1.65;
  color: var(--ll-body, #2F2F2B); }

/* Top-of-section banner heading: pad the brand-content card more naturally */
#things-to-consider > h2:first-child,
section.brandContent > h2:first-child,
.ols-content-section > h2:first-child {
  margin-top: 0 !important;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--ll-border-warm, #E9E4DD);
  margin-bottom: 24px !important; }

/* === Empty/raw lang key cleanup — hide collapsed variant rows === */
.productView .form-field[style*="display: none"],
.productView .form-field:has(> label[for=""]:empty),
.productView .form-field:empty {
  display: none !important; }

/* If the variant label text is just a raw lang key like "products.current_stock", hide its container */
/* === RELATED PRODUCTS — section title polish === */
/* Make sure the related-product-section heading inherits the cohesion treatment */
.related-product-section > h2:first-of-type,
.related-product-section > h3:first-of-type {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  margin-bottom: 24px;
  color: var(--ll-ink, #1A1A18); }

/* === SECTION RHYTHM — consistent vertical breathing === */
.related-product-section {
  padding: 24px 0 48px; }

#things-to-consider, section.brandContent, .ols-content-section {
  padding: 48px 40px !important;
  margin: 48px auto !important;
  max-width: 1320px;
  border-radius: 6px; }

/* LL-S6 Chunk PDP-V14b — newsletter selectors corrected (.ll-newsletter is NOT
   inside <footer class="footer"> on this build); using class-only selectors
   2026-04-27 */
.ll-newsletter h2,
.ll-newsletter h3 {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  letter-spacing: 0.005em;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: var(--ll-canvas-warm, #FDFCFA) !important; }

.ll-newsletter input[type="email"],
.ll-newsletter__input {
  background-color: rgba(255, 255, 255, 0.96) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 4px !important;
  color: var(--ll-ink, #1A1A18) !important;
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
  min-height: 48px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); }

.ll-newsletter input[type="email"]::placeholder,
.ll-newsletter__input::placeholder {
  color: var(--ll-body-muted, #6A6A62) !important;
  opacity: 1; }

.ll-newsletter input[type="email"]:focus,
.ll-newsletter__input:focus {
  background-color: #FFFFFF !important;
  border-color: var(--ll-brass-display, #C9A240) !important;
  box-shadow: 0 0 0 3px rgba(201, 162, 64, 0.35) !important;
  outline: 0 !important; }

.ll-newsletter button[type="submit"],
.ll-newsletter__submit {
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  border: 0 !important;
  padding: 14px 28px !important;
  min-height: 48px !important;
  transition: background-color 120ms ease-out, color 120ms ease-out; }

.ll-newsletter button[type="submit"]:hover,
.ll-newsletter__submit:hover {
  background-color: var(--ll-brass-ink, #8F6A1B) !important;
  color: var(--ll-canvas, #FFFFFF) !important; }

.ll-newsletter p {
  color: rgba(247, 243, 233, 0.86) !important; }

/* LL-S6 Chunk PDP-V15 — Things to Consider rhythm fix:
   1. Body type was tight (~1.4 line-height, 10px paragraph spacing) — open up
   2. Topics blurred together with only 32px between — add divider rule + more space
   3. Section bottom padding stack (32 + 48 + 48 = 128px) felt cavernous — trim
   2026-04-27 */
/* Open up the prose inside topics */
#things-to-consider p,
section.brandContent p,
.ols-content-section p {
  font-size: 15px !important;
  line-height: 1.75 !important;
  margin: 0 0 16px !important;
  max-width: 72ch;
  color: var(--ll-body, #2F2F2B) !important; }

#things-to-consider p:last-child,
section.brandContent p:last-child,
.ols-content-section p:last-child {
  margin-bottom: 0 !important; }

/* Tables: tighter inside, more space around */
#things-to-consider table,
section.brandContent table,
.ols-content-section table {
  margin: 16px 0 28px !important;
  border-collapse: collapse;
  width: 100%; }

#things-to-consider table td,
#things-to-consider table th,
section.brandContent table td,
section.brandContent table th,
.ols-content-section table td,
.ols-content-section table th {
  padding: 10px 14px !important;
  font-size: 14px;
  line-height: 1.6;
  border-bottom: 1px solid var(--ll-border-warm, #E9E4DD); }

#things-to-consider table th,
section.brandContent table th {
  font-weight: 600;
  text-align: left; }

/* Topic separators — H3 gets a thin rule above it for clear topic boundaries */
#things-to-consider .col-12 > h3,
#things-to-consider .col-12 > div > h3:first-child,
section.brandContent .col-12 > h3,
section.brandContent .col-12 > div > h3:first-child,
.ols-content-section .col-12 > h3,
.ols-content-section .col-12 > div > h3:first-child {
  margin-top: 48px !important;
  padding-top: 28px !important;
  border-top: 1px solid var(--ll-border-warm, #E9E4DD);
  font-size: 22px !important;
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-weight: 400 !important; }

/* The very first topic — no rule above (the section H2 already separates) */
#things-to-consider .col-12 > h3:first-of-type,
section.brandContent .col-12 > h3:first-of-type,
.ols-content-section .col-12 > h3:first-of-type {
  border-top: 0 !important;
  padding-top: 0 !important;
  margin-top: 32px !important; }

/* Trim bottom dead space */
#things-to-consider, section.brandContent, .ols-content-section {
  padding: 48px 40px 32px !important;
  margin-bottom: 32px !important; }

#things-to-consider .col-12,
section.brandContent .col-12,
.ols-content-section .col-12 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

#things-to-consider .col-12 > div:last-child,
section.brandContent .col-12 > div:last-child,
.ols-content-section .col-12 > div:last-child {
  margin-bottom: 0 !important; }

/* LL-S6 Chunk PDP-V16 — kill per-paragraph 72ch cap (it made prose look
   narrower than tables/topics-without-prose). Cap the COLUMN instead so
   every topic — prose or table — shares one consistent width.
   2026-04-27 */
#things-to-consider p,
section.brandContent p,
.ols-content-section p {
  max-width: none !important; }

#things-to-consider .col-12,
section.brandContent .col-12,
.ols-content-section .col-12 {
  max-width: 960px;
  margin-left: auto !important;
  margin-right: auto !important; }

/* LL-S6 Chunk PDP-V17 — three fixes:
   1. TTC col-12 was 960px while Product Details accordion is 1272px — align them
   2. Mobile bulb upsell text overlapping image (grid + display:contents +
      :has() not respected on iOS Safari) — switch mobile to plain flex column
   3. Related Products had 136px of dead space above its title — trim
   2026-04-27 */
/* === Widen TTC content column to align with Product Details accordion === */
#things-to-consider .col-12,
section.brandContent .col-12,
.ols-content-section .col-12 {
  max-width: 1272px !important;
  margin-left: auto !important;
  margin-right: auto !important; }

/* === Mobile bulb upsell — abandon grid, use plain flex column at ≤768px === */
@media (max-width: 768px) {
  .row.align-items-center.addBlubs {
    display: block !important;
    padding: 24px !important;
    margin: 24px 0 32px !important; }
  .row.addBlubs > .col-md-12 {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    align-items: stretch; }
  .row.addBlubs > .col-md-12 > * {
    grid-column: unset !important;
    grid-row: unset !important;
    width: 100%;
    margin: 0 !important; }
  .row.addBlubs > .col-md-12 > .d-block:first-child {
    order: 1;
    align-self: flex-start;
    max-width: 120px;
    margin-bottom: 8px !important; }
  .row.addBlubs > .col-md-12 > .d-block:first-child a,
  .row.addBlubs > .col-md-12 > .d-block:first-child img,
  .addBlubs #upsellProductImage {
    display: block !important;
    width: 100% !important;
    max-width: 120px !important;
    height: auto !important; }
  .row.addBlubs > .col-md-12 > #upsellProductURL {
    order: 2; }
  .row.addBlubs > .col-md-12 > p:not(.upsellActions) {
    order: 3; }
  .row.addBlubs > .col-md-12 > .upsellActions {
    order: 4; }
  /* eyebrow renders BEFORE col-md-12 children (it's ::before on .row) */
  .row.addBlubs::before {
    display: block;
    grid-column: unset !important;
    grid-row: unset !important;
    margin: 0 0 8px !important; }
  /* select + button stack on narrow */
  .row.addBlubs .upsellActions {
    flex-wrap: wrap;
    width: 100%; }
  .row.addBlubs .upsellActions .form-select {
    flex: 1 1 100% !important;
    width: 100% !important; }
  .row.addBlubs #upsellAddBtn {
    flex: 1 1 100% !important;
    width: 100% !important;
    margin-top: 4px; } }

/* === Tighten Related Products vertical rhythm === */
.row.align-items-center.addBlubs {
  margin-bottom: 32px !important; }

.related-product-section {
  margin-top: 16px !important;
  padding: 8px 0 32px !important; }

.related-product-section > h2:first-of-type,
.related-product-section > h3:first-of-type,
.related-product-section .tabs {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

/* LL-S6 Chunk PDP-V18 — Add-to-Cart preview modal redesign
   Issues: raw lang keys cart.added_to_cart.* rendering as text (Vault Handlebars
   nested-key resolution failure — same pattern as the products.related_products
   issue we hardcoded earlier). 1280x670 modal too big. 419x419 image too big.
   Duplicate ADD RECOMMENDED BULB (a wrapping a button — both render text).
   Approach: font-size:0 on raw-key elements + ::before content injection,
   plus comprehensive LL token treatment.
   2026-04-27 */
/* === Backdrop === */
.modal-background {
  background: rgba(26, 26, 24, 0.55) !important;
  backdrop-filter: blur(2px); }

/* === Modal frame === */
#previewModal.modal,
#previewModal.modal--large {
  max-width: 600px !important;
  width: calc(100vw - 32px) !important;
  max-height: 90vh !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--ll-canvas, #FFFFFF) !important;
  border-radius: 8px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
  overflow: hidden !important;
  border: 1px solid var(--ll-border-warm, #E9E4DD); }

#previewModal .modal-content {
  width: 100% !important;
  max-height: 90vh;
  overflow-y: auto;
  padding: 0 !important; }

/* === Close button === */
#previewModal .modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 36px;
  height: 36px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--ll-canvas-warm, #FDFCFA);
  border: 1px solid var(--ll-border-warm, #E9E4DD);
  color: var(--ll-ink, #1A1A18) !important;
  font-size: 22px;
  text-decoration: none !important;
  z-index: 10;
  transition: background 120ms ease-out, border-color 120ms ease-out; }

#previewModal .modal-close:hover {
  background: var(--ll-linen, #F7F3E9);
  border-color: var(--ll-brass-ink, #8F6A1B); }

/* === Header: replace raw lang key with success message === */
#previewModal .modal-header {
  padding: 24px 56px 0 28px !important;
  border-bottom: 0 !important;
  background: transparent !important; }

#previewModal .modal-header-title {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  margin: 0 !important;
  position: relative; }

#previewModal .modal-header-title::before {
  content: "ADDED TO YOUR CART";
  display: block;
  font-family: var(--ll-font-body, "Poppins", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ll-brass-ink, #8F6A1B);
  margin-bottom: 6px; }

#previewModal .modal-header-title::after {
  content: "What\2019 s next?";
  display: block;
  font-family: "Marcellus", "Times New Roman", Georgia, serif;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.005em;
  color: var(--ll-ink, #1A1A18);
  line-height: 1.25; }

/* === Body container === */
#previewModal .modal-body {
  padding: 20px 28px 28px !important;
  background: transparent !important; }

#previewModal .previewCart {
  display: flex;
  flex-direction: column;
  gap: 20px; }

/* === Top section: product summary + actions === */
#previewModal .previewCartCheckout {
  display: grid;
  grid-template-columns: 96px 1fr;
  column-gap: 16px;
  row-gap: 12px;
  align-items: start;
  padding: 16px;
  background: var(--ll-canvas-warm, #FDFCFA);
  border: 1px solid var(--ll-border-warm, #E9E4DD);
  border-radius: 6px; }

/* Product image — small thumb left column */
#previewModal .previewCartCheckout-image,
#previewModal .previewCartCheckout img {
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  object-fit: contain;
  display: block;
  background: #fff;
  border-radius: 4px; }

/* Product details column */
#previewModal .previewCartCheckout-content,
#previewModal .previewCartCheckout > *:not(img):not(.previewCartCheckout-image) {
  grid-column: 2; }

#previewModal .productView-title,
#previewModal .modal-body .productView-title {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: var(--ll-ink, #1A1A18) !important;
  margin: 0 0 4px !important;
  letter-spacing: 0.005em; }

#previewModal .productView-brand {
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ll-body-muted, #6A6A62) !important;
  margin: 0 0 8px !important; }

#previewModal .productView-price,
#previewModal .previewCartCheckout-price {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--ll-ink, #1A1A18) !important;
  margin: 0 !important; }

/* "Your cart contains X items" raw lang key — hide */
#previewModal .previewCart p:not(.upsell-msg):not(.upsellActions),
#previewModal .previewCartCheckout > p {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  display: none !important; }

/* === Action buttons (Continue shopping + View cart) === */
#previewModal .previewCartCheckout > .button,
#previewModal .previewCartCheckout > a.button {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 4px !important;
  text-decoration: none !important;
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: background 120ms ease-out, color 120ms ease-out, border-color 120ms ease-out;
  margin: 0 !important; }

/* Continue shopping = outline secondary */
#previewModal .previewCartCheckout > a.button.button--primary {
  grid-column: 2;
  background: transparent !important;
  border: 1.5px solid var(--ll-green-primary, #185D34) !important;
  color: var(--ll-green-primary, #185D34) !important;
  margin-top: 8px !important;
  padding: 0 18px !important; }

#previewModal .previewCartCheckout > a.button.button--primary::after {
  content: "Continue shopping";
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ll-green-primary, #185D34); }

#previewModal .previewCartCheckout > a.button.button--primary:hover {
  background: var(--ll-green-primary, #185D34) !important;
  color: var(--ll-canvas, #FFFFFF) !important; }

#previewModal .previewCartCheckout > a.button.button--primary:hover::after {
  color: var(--ll-canvas, #FFFFFF); }

/* View cart = primary green */
#previewModal .previewCartCheckout > a.button:not(.button--primary) {
  grid-column: 2;
  background: var(--ll-green-primary, #185D34) !important;
  border: 1.5px solid var(--ll-green-primary, #185D34) !important;
  color: var(--ll-canvas, #FFFFFF) !important;
  margin-top: 8px !important;
  padding: 0 18px !important; }

#previewModal .previewCartCheckout > a.button:not(.button--primary)::after {
  content: "View cart  \2192";
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ll-canvas, #FFFFFF); }

#previewModal .previewCartCheckout > a.button:not(.button--primary):hover {
  background: var(--ll-brass-ink, #8F6A1B) !important;
  border-color: var(--ll-brass-ink, #8F6A1B) !important; }

/* === Bulb upsell section in modal === */
#previewModal section.productView,
#previewModal .modal-body section.productView {
  padding: 20px;
  background: var(--ll-canvas-warm, #FDFCFA);
  border: 1px solid var(--ll-border-warm, #E9E4DD);
  border-radius: 6px;
  display: block;
  margin: 0; }

#previewModal section.productView h2 {
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--ll-brass-ink, #8F6A1B) !important;
  margin: 0 0 8px !important; }

#previewModal section.productView h2::before {
  content: "OUR RECOMMENDATION  \00B7  "; }

#previewModal section.productView h2 {
  /* Hide original "Recommended Bulb" text since the eyebrow now labels it */
  font-size: 0 !important;
  color: transparent !important; }

#previewModal section.productView h2::after {
  content: "Recommended bulb";
  display: inline;
  font-size: 11px;
  color: var(--ll-brass-ink, #8F6A1B);
  letter-spacing: 0.14em;
  text-transform: uppercase; }

#previewModal section.productView h3 {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--ll-ink, #1A1A18) !important;
  margin: 0 0 6px !important;
  line-height: 1.35;
  letter-spacing: 0.005em; }

#previewModal section.productView p {
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--ll-body-muted, #6A6A62) !important;
  margin: 0 0 14px !important;
  display: block !important; }

/* === ADD RECOMMENDED BULB button — outline style; hide nested duplicate === */
#previewModal #upsellUrlPreview {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 22px !important;
  background: transparent !important;
  border: 1.5px solid var(--ll-green-primary, #185D34) !important;
  border-radius: 4px !important;
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ll-green-primary, #185D34) !important;
  text-decoration: none !important;
  transition: background 120ms ease-out, color 120ms ease-out; }

#previewModal #upsellUrlPreview:hover {
  background: var(--ll-green-primary, #185D34) !important;
  color: var(--ll-canvas, #FFFFFF) !important; }

/* The nested <button> inside #upsellUrlPreview duplicates the text — hide it */
#previewModal #upsellUrlPreview > button {
  display: none !important; }

/* === Mobile === */
@media (max-width: 640px) {
  #previewModal.modal,
  #previewModal.modal--large {
    max-width: calc(100vw - 24px) !important;
    max-height: 92vh !important; }
  #previewModal .modal-body {
    padding: 16px 20px 20px !important; }
  #previewModal .modal-header {
    padding: 20px 56px 0 20px !important; }
  #previewModal .previewCartCheckout {
    grid-template-columns: 80px 1fr;
    column-gap: 12px; }
  #previewModal .previewCartCheckout img,
  #previewModal .previewCartCheckout-image {
    width: 80px !important;
    height: 80px !important; }
  #previewModal .modal-header-title::after {
    font-size: 20px; } }

/* LL-S6 Chunk PDP-V18b — modal redesign fixes:
   1. V18 targeted .previewCartCheckout for product summary, but image actually
      lives in section.productView > figure.productView-image > .productView-img-container > img.productView-image--cart
   2. Upsell <a #upsellUrlPreview> wraps a single <button> child — V18 hid the button,
      leaving the link empty. Show the button styled as the CTA instead.
   3. Restructure section.productView as image-left/content-right grid for the just-added product summary
   2026-04-27 */
/* === Override V18: image is inside section.productView, not .previewCartCheckout === */
#previewModal section.productView {
  display: grid !important;
  grid-template-columns: 96px 1fr;
  column-gap: 16px;
  row-gap: 6px;
  align-items: start;
  padding: 16px;
  background: var(--ll-canvas-warm, #FDFCFA);
  border: 1px solid var(--ll-border-warm, #E9E4DD);
  border-radius: 6px;
  margin: 0 0 16px; }

/* Product image figure spans rows 1-3 (title + brand + price) on the left */
#previewModal section.productView .productView-image,
#previewModal section.productView figure.productView-image {
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  margin: 0 !important;
  padding: 0 !important; }

#previewModal .productView-img-container {
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  position: static !important;
  padding: 0 !important; }

#previewModal img.productView-image--cart,
#previewModal section.productView img {
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 !important;
  position: static !important;
  background: #fff;
  border-radius: 4px; }

/* Product details column (title, brand, price) — right column rows 1-3 */
#previewModal section.productView > .productView-title,
#previewModal section.productView > h4.productView-title {
  grid-column: 2;
  grid-row: 1; }

#previewModal section.productView > .productView-brand {
  grid-column: 2;
  grid-row: 2; }

#previewModal section.productView > .productView-price {
  grid-column: 2;
  grid-row: 3; }

/* Recommended Bulb block — full width row 4 spanning both columns */
#previewModal section.productView > h2,
#previewModal section.productView > h3,
#previewModal section.productView > p,
#previewModal section.productView > #upsellUrlPreview {
  grid-column: 1 / -1; }

#previewModal section.productView > h2 {
  grid-row: 4;
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid var(--ll-border-warm, #E9E4DD); }

/* === Upsell CTA: show the inner button, style THAT as the CTA === */
/* Reset V18 hiding rule */
#previewModal #upsellUrlPreview > button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 44px;
  background: transparent !important;
  border: 1.5px solid var(--ll-green-primary, #185D34) !important;
  border-radius: 4px !important;
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ll-green-primary, #185D34) !important;
  cursor: pointer;
  transition: background 120ms ease-out, color 120ms ease-out;
  padding: 0 22px; }

#previewModal #upsellUrlPreview > button:hover {
  background: var(--ll-green-primary, #185D34) !important;
  color: var(--ll-canvas, #FFFFFF) !important; }

/* Outer link is just a wrapper — no styling, full width */
#previewModal #upsellUrlPreview {
  display: block !important;
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  height: auto !important; }

/* === Order subtotal block: style the previewCartCheckout area === */
#previewModal .previewCartCheckout {
  display: flex !important;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: var(--ll-canvas, #FFFFFF);
  border: 1px solid var(--ll-border-warm, #E9E4DD);
  border-radius: 6px;
  /* Override V18 grid */
  grid-template-columns: none !important; }

#previewModal .previewCartCheckout-price {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--ll-ink, #1A1A18) !important;
  display: block; }

/* Add an "Order subtotal" eyebrow before the price via the wrapping div */
#previewModal .previewCartCheckout > .previewCartCheckout-price::before,
#previewModal .previewCartCheckout > strong.previewCartCheckout-price::before {
  content: "ORDER SUBTOTAL";
  display: block;
  font-family: var(--ll-font-body, "Poppins", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ll-body-muted, #6A6A62);
  margin-bottom: 4px; }

/* Action buttons — full width inside the column flex */
#previewModal .previewCartCheckout > a.button.button--primary,
#previewModal .previewCartCheckout > a.button:not(.button--primary) {
  grid-column: unset !important;
  width: 100% !important;
  margin-top: 0 !important; }

/* LL-S6 Chunk PDP-V18c — final modal polish:
   1. Subtotal price wraps in .previewCartCheckout-subtotal div — eyebrow ::before
      goes on the wrapper, not the price element
   2. Belt-and-braces !important on upsell button dimensions
   3. Ensure upsell <a> has explicit min-height so it doesn't collapse
   2026-04-27 */
/* Order subtotal eyebrow — target the wrapping subtotal div */
#previewModal .previewCartCheckout-subtotal {
  margin: 0 !important;
  padding: 0 !important;
  display: block; }

#previewModal .previewCartCheckout-subtotal::before {
  content: "ORDER SUBTOTAL";
  display: block;
  font-family: var(--ll-font-body, "Poppins", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ll-body-muted, #6A6A62);
  margin-bottom: 4px; }

/* Reset the V18b ::before on the inner price strong (no longer needed) */
#previewModal .previewCartCheckout-price::before {
  content: none !important; }

/* Upsell button — belt and braces */
#previewModal #upsellUrlPreview {
  display: block !important;
  width: 100% !important;
  min-height: 44px !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none !important; }

#previewModal #upsellUrlPreview > button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  line-height: 1 !important;
  background: transparent !important;
  border: 1.5px solid var(--ll-green-primary, #185D34) !important;
  border-radius: 4px !important;
  font-family: var(--ll-font-body, "Poppins", sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--ll-green-primary, #185D34) !important;
  cursor: pointer;
  margin: 0 !important;
  padding: 0 22px !important;
  box-sizing: border-box; }

/* When upsell box is "added", BC sometimes hides the button — keep our styling regardless */
#previewModal section.productView > #upsellUrlPreview {
  margin-top: 8px !important; }

/* LL-S6 Chunk PDP-V18d — fix V18 over-broad <p> hiding rule:
   The "your_cart_contains" raw lang key is in a <p> direct child of
   .previewCartCheckout. My V18 rule hid ALL <p> inside .previewCart, which
   also hid the <p> wrapping the bulb upsell <a #upsellUrlPreview>.
   Fix: narrow selector to direct children only, and explicitly un-hide the
   upsell parent <p>.
   2026-04-27 */
/* Restore the upsell parent <p> visibility — V18 inadvertently hid it */
#previewModal .previewCart p:has(#upsellUrlPreview),
#previewModal section.productView p:has(#upsellUrlPreview),
#previewModal .row.addBlub p,
#previewModal .row.addBlubs p {
  display: block !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 !important; }

/* Belt: even if :has() not supported, target the .col-md-8 wrapper that contains the link */
#previewModal .col-md-8 > p,
#previewModal .col-md-8 p {
  display: block !important;
  font-size: inherit !important; }

/* Restate the upsell button + outer link to ensure they survive */
#previewModal #upsellUrlPreview {
  display: block !important;
  width: 100% !important; }

#previewModal #upsellUrlPreview > button {
  display: flex !important;
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important; }

/* LL-S6 Chunk PDP-V18e — final modal simplification:
   The .row.addBlub bulb upsell INSIDE the modal reuses the same Bootstrap
   col-md-8 / col-md-4 markup as the PDP, but the modal only gives it ~164px
   to render in. The result is a 63px button squeezed into a 93px column.
   The user already saw the bulb upsell on the PDP itself — no need to
   show it twice. Hide it cleanly inside the modal.
   Also fix the section.productView layout for the simpler "just-added
   product summary" use case.
   2026-04-27 */
/* Hide the duplicate bulb upsell rendered inside the cart preview modal */
#previewModal section.productView > h2,
#previewModal section.productView > h3,
#previewModal section.productView > p,
#previewModal section.productView > #upsellUrlPreview,
#previewModal section.productView .row.addBlub,
#previewModal section.productView .row.addBlubs,
#previewModal section.productView .upsellActions,
#previewModal section.productView select.form-select,
#previewModal section.productView #upsellAddBtn,
#previewModal section.productView #upsellAddMsg,
#previewModal section.productView #upsellProductImage,
#previewModal section.productView .product-detail-feature,
#previewModal section.productView .productView-options,
#previewModal section.productView .productView-info,
#previewModal section.productView .productView-details > *:not(figure):not(.productView-image):not(.productView-title):not(.productView-brand):not(.productView-price) {
  display: none !important; }

/* Also hide the .row.addBlub wrapper if it lives at section.productView root */
#previewModal .row.addBlub,
#previewModal .row.addBlubs {
  display: none !important; }

/* Section.productView simplifies to just the just-added product summary */
#previewModal section.productView {
  display: grid !important;
  grid-template-columns: 96px 1fr;
  column-gap: 16px;
  row-gap: 6px;
  align-items: center;
  padding: 16px;
  background: var(--ll-canvas-warm, #FDFCFA);
  border: 1px solid var(--ll-border-warm, #E9E4DD);
  border-radius: 6px;
  margin: 0 0 16px; }

/* LL-S6 Chunk PDP-V18f — modal layout final pass:
   - .previewCart was rendering flex-row (subtotal block alongside product summary
     instead of stacked) because flex-direction lacked !important
   - section.productView grid was placing kids in wrong cells; force explicit
     grid-row positions and span the image across all rows
   - .productView-details (which holds the now-hidden bulb upsell) hidden entirely
     instead of leaving it as an empty grid item collapsing layout
   2026-04-27 */
#previewModal .previewCart {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important; }

#previewModal section.previewCartCheckout {
  width: 100% !important;
  flex: 0 0 auto !important;
  align-self: stretch !important; }

#previewModal section.productView {
  display: grid !important;
  grid-template-columns: 96px 1fr !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 16px !important;
  row-gap: 4px !important;
  align-items: start !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  align-self: stretch !important;
  padding: 16px !important;
  background: var(--ll-canvas-warm, #FDFCFA) !important;
  border: 1px solid var(--ll-border-warm, #E9E4DD) !important;
  border-radius: 6px !important;
  margin: 0 !important; }

#previewModal section.productView > figure.productView-image,
#previewModal section.productView > .productView-image {
  grid-column: 1 !important;
  grid-row: 1 / -1 !important;
  align-self: center !important;
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  flex: none !important; }

#previewModal section.productView > h4.productView-title,
#previewModal section.productView > .productView-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
  align-self: end !important; }

#previewModal section.productView > .productView-brand {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 4px 0 0 !important; }

#previewModal section.productView > .productView-price {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 4px 0 0 !important;
  align-self: start !important; }

/* productView-details holds the bulb upsell wrapper — hide entirely */
#previewModal section.productView > .productView-details {
  display: none !important; }

/* Ensure modal-body fits inside modal-content without runaway height */
#previewModal .modal-body {
  max-height: calc(90vh - 80px);
  overflow-y: auto !important; }

/* LL-S6 Chunk PDP-V18h — modal: bring upsell back + flex product summary
   Re-applied 2026-04-28 after session timeout dropped V18g/V18h originals

   - Restore .row.addBlub visibility but force single-column inside modal
   - Switch section.productView from grid to flex with floated 96px image
     (V18b/c/f grid setup was placing kids at 0 width; figure was 366 tall
     because of aspect-ratio padding-top hack from PDP CLS work)
   - Style bulb upsell at modal scale (small Marcellus name, muted desc,
     outline ADD RECOMMENDED BULB button matching the page CTA family) */
/* === Restore bulb upsell visibility inside modal === */
#previewModal .row.addBlub,
#previewModal .row.addBlubs {
  display: block !important;
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 16px !important;
  background: var(--ll-canvas, #FFFFFF) !important;
  border: 1px solid var(--ll-border-warm, #E9E4DD) !important;
  border-radius: 6px;
  grid-template-columns: none !important; }

#previewModal section.productView > .productView-details {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 100% !important;
  grid-column: unset !important;
  grid-row: unset !important; }

/* Force single-column inside modal — kill Bootstrap col-md-8 / col-md-4 */
#previewModal .row.addBlub > .col-md-8,
#previewModal .row.addBlubs > .col-md-8,
#previewModal .row.addBlub > .col-md-12,
#previewModal .row.addBlubs > .col-md-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  display: block !important; }

#previewModal .row.addBlub > .col-md-4,
#previewModal .row.addBlubs > .col-md-4 {
  display: none !important; }

/* Bulb upsell internals — modal-scale type */
#previewModal .row.addBlub h2,
#previewModal .row.addBlubs h2 {
  display: block !important;
  font-family: var(--ll-font-body, Poppins, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--ll-brass-ink, #8F6A1B) !important;
  margin: 0 0 8px !important; }

#previewModal .row.addBlub h3 {
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  margin: 0 0 6px !important;
  color: var(--ll-ink, #1A1A18) !important; }

#previewModal .row.addBlub p {
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--ll-body-muted, #6A6A62) !important;
  margin: 0 0 12px !important;
  display: block !important; }

#previewModal .row.addBlub p:last-of-type {
  margin-bottom: 0 !important; }

/* Upsell CTA button — outline green, modal width */
#previewModal .row.addBlub p:has(#upsellUrlPreview),
#previewModal .row.addBlubs p:has(#upsellUrlPreview),
#previewModal #upsellUrlPreview {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important; }

#previewModal #upsellUrlPreview > button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 44px !important;
  background: transparent !important;
  border: 1.5px solid var(--ll-green-primary, #185D34) !important;
  border-radius: 4px !important;
  font-family: var(--ll-font-body, Poppins, sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--ll-green-primary, #185D34) !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 22px !important; }

#previewModal #upsellUrlPreview > button:hover {
  background: var(--ll-green-primary, #185D34) !important;
  color: var(--ll-canvas, #FFFFFF) !important; }

/* === section.productView: flex with floated image === */
#previewModal section.productView {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0 !important;
  padding: 16px !important;
  background: var(--ll-canvas-warm, #FDFCFA) !important;
  border: 1px solid var(--ll-border-warm, #E9E4DD) !important;
  border-radius: 6px !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  margin: 0 !important; }

/* Image: 96x96 fixed, no aspect-ratio padding */
#previewModal section.productView > figure.productView-image,
#previewModal section.productView > .productView-image {
  flex: 0 0 96px !important;
  width: 96px !important;
  height: 96px !important;
  max-height: 96px !important;
  min-height: 0 !important;
  margin: 0 16px 0 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  grid-column: unset !important;
  grid-row: unset !important; }

#previewModal section.productView .productView-img-container {
  width: 96px !important;
  height: 96px !important;
  padding: 0 !important;
  padding-top: 0 !important;
  position: static !important;
  display: block !important; }

#previewModal section.productView img.productView-image--cart {
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
  position: static !important;
  object-fit: contain !important;
  display: block !important; }

/* Title takes remaining width on row 1 beside image */
#previewModal section.productView > .productView-title,
#previewModal section.productView > h4.productView-title {
  flex: 1 1 calc(100% - 112px) !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: var(--ll-ink, #1A1A18) !important;
  line-height: 1.35 !important;
  grid-column: unset !important;
  grid-row: unset !important; }

/* Brand and price wrap to 100% but indent past the image to align under title */
#previewModal section.productView > .productView-brand {
  flex: 0 0 calc(100% - 112px) !important;
  margin: 4px 0 0 112px !important;
  font-family: var(--ll-font-body, Poppins, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--ll-body-muted, #6A6A62) !important;
  grid-column: unset !important;
  grid-row: unset !important; }

#previewModal section.productView > .productView-price {
  flex: 0 0 calc(100% - 112px) !important;
  margin: 6px 0 0 112px !important;
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 18px !important;
  color: var(--ll-ink, #1A1A18) !important;
  grid-column: unset !important;
  grid-row: unset !important; }

/* LL-S6 Chunk PDP-V18i — un-hide bulb upsell with matching specificity
   V18e's "section.productView .row.addBlub" selector beats V18h's plain
   "#previewModal .row.addBlub". Match the specificity to win.
   2026-04-28 */
#previewModal section.productView .row.addBlub,
#previewModal section.productView .row.addBlubs,
#previewModal .modal-body .row.addBlub,
#previewModal .modal-body .row.addBlubs {
  display: block !important;
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 16px !important;
  background: var(--ll-canvas, #FFFFFF) !important;
  border: 1px solid var(--ll-border-warm, #E9E4DD) !important;
  border-radius: 6px;
  grid-template-columns: none !important;
  flex: 1 1 100% !important; }

/* Same specificity bump for the col override and content rules */
#previewModal section.productView .row.addBlub > .col-md-8,
#previewModal section.productView .row.addBlubs > .col-md-8,
#previewModal section.productView .row.addBlub > .col-md-12,
#previewModal section.productView .row.addBlubs > .col-md-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  display: block !important; }

#previewModal section.productView .row.addBlub > .col-md-4,
#previewModal section.productView .row.addBlubs > .col-md-4 {
  display: none !important; }

/* LL-S6 Chunk PDP-V18j — ID-doubling specificity trick to beat V18e's same
   specificity hide rule. CSS doesn't respect cascade order here for unknown
   reason — bumping #previewModal to #previewModal#previewModal pushes ID count
   from 1 to 2.
   2026-04-28 */
#previewModal#previewModal .row.addBlub,
#previewModal#previewModal .row.addBlubs {
  display: block !important;
  width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 16px !important;
  background: var(--ll-canvas, #FFFFFF) !important;
  border: 1px solid var(--ll-border-warm, #E9E4DD) !important;
  border-radius: 6px !important;
  grid-template-columns: none !important; }

/* LL-S6 Chunk PDP-V18k — modal cleanup pass:
   1. Raw "cart.added_to_cart.order_subtotal" text node hidden via
      parent font-size:0 + per-child font-size restore
   2. Bulb upsell H2 was rendering its own text ("Recommended Bulb") PLUS
      ::before ("OUR RECOMMENDATION · ") PLUS ::after ("Recommended bulb").
      Hide the H2 entirely — the .row.addBlubs::before eyebrow already labels it
   3. Description <p> was hidden by V18's broad p-hide rule. Restore it
   4. Style #upsellTitlePreview H3 (bulb name, populated by BC JS on modal open)
   2026-04-28 */
/* === Subtotal: hide raw lang-key text node === */
#previewModal#previewModal .previewCartCheckout-subtotal {
  font-size: 0 !important;
  line-height: 0 !important; }

#previewModal#previewModal .previewCartCheckout-subtotal::before {
  font-size: 11px !important;
  line-height: 1.4 !important; }

#previewModal#previewModal .previewCartCheckout-subtotal .previewCartCheckout-price,
#previewModal#previewModal .previewCartCheckout-subtotal strong {
  font-size: 22px !important;
  line-height: 1.3 !important;
  display: block !important;
  margin-top: 6px !important; }

/* === Bulb upsell H2 — hide entirely (eyebrow on .row.addBlubs already labels) === */
#previewModal#previewModal .row.addBlubs h2,
#previewModal#previewModal .row.addBlub h2 {
  display: none !important; }

/* === Description <p> visible again, styled === */
#previewModal#previewModal .row.addBlubs > .col-md-8 > p,
#previewModal#previewModal .row.addBlub > .col-md-8 > p {
  display: block !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: var(--ll-body-muted, #6A6A62) !important;
  margin: 0 0 12px !important; }

/* The <p> wrapping #upsellUrlPreview is the CTA carrier — strip its text styling */
#previewModal#previewModal .row.addBlubs > .col-md-8 > p:has(#upsellUrlPreview),
#previewModal#previewModal .row.addBlub > .col-md-8 > p:has(#upsellUrlPreview) {
  margin: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important; }

/* === Bulb name H3 (#upsellTitlePreview) === */
#previewModal #upsellTitlePreview {
  display: block !important;
  font-family: "Marcellus", "Times New Roman", Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: var(--ll-ink, #1A1A18) !important;
  margin: 0 0 6px !important;
  line-height: 1.35 !important;
  letter-spacing: 0.005em; }

/* === Reset .row.addBlubs eyebrow content casing for consistency === */
#previewModal#previewModal .row.addBlubs::before {
  content: "OUR RECOMMENDATION" !important;
  display: block !important;
  font-family: var(--ll-font-body, Poppins, sans-serif) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--ll-brass-ink, #8F6A1B) !important;
  margin: 0 0 8px !important; }

/* LL-S6 Chunk PDP-V18l — fix the <p> wrapping #upsellUrlPreview
   V18k set font-size:0 on it to suppress text — but that also collapsed
   width to 0, narrowing the button to 46px. Restore width:100%, keep
   typography minimal so no stray text leaks.
   2026-04-28 */
#previewModal#previewModal .row.addBlubs > .col-md-8 > p:has(#upsellUrlPreview),
#previewModal#previewModal .row.addBlub > .col-md-8 > p:has(#upsellUrlPreview) {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  min-width: 0; }

#previewModal#previewModal #upsellUrlPreview {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 44px !important; }

#previewModal#previewModal #upsellUrlPreview > button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 100% !important;
  height: 44px !important;
  padding: 0 22px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  background: transparent !important;
  color: var(--ll-green-primary, #185D34) !important;
  border: 1.5px solid var(--ll-green-primary, #185D34) !important;
  border-radius: 4px !important;
  cursor: pointer !important; }

#previewModal#previewModal #upsellUrlPreview > button:hover {
  background: var(--ll-green-primary, #185D34) !important;
  color: var(--ll-canvas, #FFFFFF) !important; }

/* LL-S6 Chunk PDP-V18m — wrapping <p> kept collapsing to width:0 despite
   width:100%!important. Switch to display:contents so the <p> disappears
   from layout, letting the <a #upsellUrlPreview> inherit col-md-8 width.
   2026-04-28 */
#previewModal#previewModal .row.addBlubs > .col-md-8 > p:has(#upsellUrlPreview),
#previewModal#previewModal .row.addBlub > .col-md-8 > p:has(#upsellUrlPreview) {
  display: contents !important; }

/* LL-S6 Chunk PDP-V19 — trust bar alignment with header content
   Trust bar __inner had max-width: none and ran edge-to-edge (0 → 1873px),
   while navigation/logo/search live in a centred 1500px-wide container.
   Cap the trust bar inner to 1500px and centre it so all 5 items align with
   the rest of the header.
   2026-04-28 */
.ll-trust-bar__inner {
  max-width: 1500px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important; }

/* LL-S6 Chunk PDP-V20 — trust bar align with the page content row
   V19 capped trust bar at 1500px (matched nav). But the page CONTENT below
   the header (Laura Ashley banner, hero row, etc.) sits in a NARROWER 1200px
   container at x=337 → 1537. User wants trust bar to align with the page
   content, not the wider nav. Override V19 with 1200px.
   2026-04-28 */
.ll-trust-bar__inner {
  max-width: 1200px !important; }

/* LL-S6 Chunk PDP-V21 — align header inner + nav to the same 1200px
   container as the trust bar and banners. User wants EVERYTHING in line.

   Before: header inner 1873 wide (full viewport), nav 1500 wide centred, 
   trust bar 1200 wide centred, banners 1200 wide centred — three different
   widths in three rows.
   After: header inner 1200, nav 1200, trust bar 1200, banners 1200 — one
   consistent content column at every horizontal level.
   2026-04-28 */
/* Header content row (logo + search + country switcher + cart) */
.ll-header__inner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box; }

/* Navigation row (INTERIOR LIGHTING, EXTERIOR LIGHTING, etc.) */
.menu-container,
.menu-container > .navbar.navbar-default {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box; }

.menu-container > .navbar.navbar-default > .navbar-collapse {
  padding-left: 0 !important;
  padding-right: 0 !important; }

/* LL-S6 Chunk PDP-V22 — REVERT V20+V21: 1200px was too cramped on desktop.
   Restore header inner + nav to natural site widths (don't constrain),
   keep trust bar at the same 1500px as the nav for alignment.
   2026-04-28 */
/* Restore header inner — let it use its natural width (no max-width) */
.ll-header__inner {
  max-width: none !important;
  padding-left: 15px !important;
  padding-right: 15px !important; }

/* Restore nav container — let .navbar.navbar-default use its own natural 1500 width */
.menu-container {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.menu-container > .navbar.navbar-default {
  max-width: 1500px !important;
  padding-left: 15px !important;
  padding-right: 15px !important; }

/* Trust bar inner: match the nav width (1500px) instead of banners (1200px).
   Override V20's 1200px cap. */
.ll-trust-bar__inner {
  max-width: 1500px !important;
  padding-left: 24px !important;
  padding-right: 24px !important; }

/* LL-S6 Chunk PDP-V23 — match trust bar horizontal padding to navbar.
   Container widths matched (both 1500 at x=187→1687), but trust bar had
   24px side padding while navbar has 15px. Result: trust bar items inset 9px
   on each side from the nav items. Drop to 15px so last "Free UK Delivery"
   aligns with last "Clearance".
   2026-04-28 */
.ll-trust-bar__inner {
  padding-left: 15px !important;
  padding-right: 15px !important; }

/* LL-S6 Chunk PDP-V24 — fix the visible content alignment of trust bar items.
   Container edges already match nav (x=202 / right=1672), but trust items use
   `flex: 1 1 0` (equal width) so the LAST item is 275px wide with its content
   anchored at the LEFT — content stops well short of the right edge visually.
   Nav items are content-sized and space-between, so "Clearance" sits at right.
   Switch trust items to content-sized + justify-content: space-between so
   first item hugs left edge, last item hugs right edge.
   2026-04-28 */
.ll-trust-bar__inner {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap; }

.ll-trust-bar__item {
  flex: 0 1 auto !important; }

/* ============================================================
   LL-S6 — Things to Consider redesign
   2026-04-28
   Spec: 2026-04-28-ll-ttc-graphic-redesign-design.md
   ============================================================ */
.ll-ttc {
  background: var(--ll-canvas);
  border: 1px solid var(--ll-border-warm);
  border-radius: 8px;
  margin: 40px auto 24px;
  max-width: 1320px;
  overflow: hidden;
  font-family: var(--ll-body-font); }
  .ll-ttc *, .ll-ttc *::before, .ll-ttc *::after {
    box-sizing: border-box; }

.ll-ttc__hd {
  padding: 24px 28px 18px;
  border-bottom: 1px solid var(--ll-border-warm); }

.ll-ttc__eyebrow {
  font-family: var(--ll-display);
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--ll-brass-ink);
  margin: 0 0 6px; }

.ll-ttc__title {
  font-family: var(--ll-display);
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  color: var(--ll-ink);
  letter-spacing: -0.005em; }

.ll-ttc__title::after {
  content: "";
  display: block;
  width: 42px;
  height: 2px;
  background: var(--ll-brass-ink);
  margin-top: 10px; }

.ll-ttc__lede {
  margin: 14px 0 0;
  font-size: 14px;
  color: var(--ll-body-muted);
  max-width: 540px;
  line-height: 1.55; }

.ll-ttc__row {
  padding: 28px;
  border-top: 1px solid var(--ll-border-warm); }

.ll-ttc__row:first-of-type {
  border-top: 0; }

@media (max-width: 640px) {
  .ll-ttc__row {
    padding: 20px 16px; }
  .ll-ttc__hd {
    padding: 20px 16px 16px; } }

/* Pre-flight */
.ll-preflight {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px; }

.ll-preflight__item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: flex-start;
  border: 1px solid var(--ll-border-warm);
  background: var(--ll-canvas-warm);
  border-radius: 6px;
  padding: 16px; }

.ll-preflight__item[hidden] {
  display: none; }

.ll-preflight__icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ll-canvas);
  border: 1px solid var(--ll-border-warm);
  border-radius: 50%;
  flex-shrink: 0;
  color: var(--ll-brass-ink); }

.ll-preflight__icon svg {
  display: block; }

.ll-preflight__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0; }

.ll-preflight__label {
  font-family: var(--ll-display);
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ll-body-muted);
  margin: 0; }

.ll-preflight__value {
  font-family: var(--ll-body-font);
  font-size: 15px;
  font-weight: 500;
  color: var(--ll-ink);
  margin: 1px 0 4px;
  line-height: 1.3; }

.ll-preflight__hint {
  font-size: 12px;
  color: var(--ll-body-muted);
  margin: 0;
  line-height: 1.4; }

.ll-preflight__cta {
  margin-top: 6px;
  font-size: 12px;
  color: var(--ll-brass-ink);
  text-decoration: none;
  border-bottom: 1px solid var(--ll-brass-ink);
  align-self: flex-start;
  padding-bottom: 1px;
  cursor: pointer; }

.ll-preflight__cta:hover, .ll-preflight__cta:focus-visible {
  color: var(--ll-green-primary);
  border-color: var(--ll-green-primary); }

/* Diagram shared */
.ll-ttc svg.ll-diagram {
  display: block;
  max-width: 100%;
  height: auto;
  font-family: var(--ll-body-font); }

.ll-ttc .ll-d-tick {
  font-family: var(--ll-display);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  fill: var(--ll-body-muted); }

.ll-ttc .ll-d-callout {
  font-family: var(--ll-display);
  font-size: 11px;
  fill: var(--ll-ink); }

.ll-ttc .ll-d-callout-g {
  font-family: var(--ll-display);
  font-size: 13px;
  fill: var(--ll-green-primary); }

.ll-ttc .ll-d-strong {
  font-family: var(--ll-display);
  font-size: 15px;
  fill: var(--ll-brass-ink); }

.ll-ttc .ll-d-num {
  font-family: var(--ll-display);
  font-size: 14px;
  fill: var(--ll-ink); }

.ll-ttc .ll-d-num-big {
  font-family: var(--ll-display);
  font-size: 18px;
  fill: var(--ll-brass-ink); }

/* Clearance row */
.ll-clearance {
  display: grid;
  grid-template-columns: minmax(280px, 1.25fr) 1fr;
  gap: 32px;
  align-items: stretch; }

@media (max-width: 780px) {
  .ll-clearance {
    grid-template-columns: 1fr;
    gap: 20px; } }

.ll-clearance__diagram {
  background: var(--ll-canvas-warm);
  border-radius: 4px;
  padding: 12px; }

.ll-clearance__caption {
  margin: 12px 0 0;
  font-size: 12px;
  color: var(--ll-body-muted);
  font-style: italic;
  line-height: 1.55;
  text-align: center; }

.ll-ref {
  background: var(--ll-canvas-warm);
  border: 1px solid var(--ll-border-warm);
  border-radius: 6px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column; }

.ll-ref__title {
  font-family: var(--ll-display);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--ll-brass-ink);
  margin: 0 0 4px; }

.ll-ref__sub {
  margin: 0 0 14px;
  font-size: 12.5px;
  color: var(--ll-body-muted);
  font-style: italic; }

.ll-ref__grid {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 14px;
  row-gap: 10px;
  align-items: baseline; }

.ll-ref__hd {
  font-family: var(--ll-display);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--ll-body-muted);
  border-bottom: 1px solid var(--ll-border-warm);
  padding-bottom: 6px; }

.ll-ref__hd--right {
  text-align: right; }

.ll-ref__ceiling {
  font-family: var(--ll-display);
  font-size: 15px;
  color: var(--ll-ink); }

.ll-ref__clearance {
  font-family: var(--ll-display);
  font-size: 14px;
  color: var(--ll-body); }

.ll-ref__verdict {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--ll-display);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  white-space: nowrap;
  justify-self: end; }

.ll-ref__verdict--good {
  color: var(--ll-green-primary); }

.ll-ref__verdict--warn {
  color: var(--ll-warn); }

.ll-ref__verdict--bad {
  color: var(--ll-error); }

.ll-verdict__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  display: inline-block; }

.ll-ref__foot {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid var(--ll-border-warm);
  font-size: 12px;
  color: var(--ll-body-muted);
  line-height: 1.5; }

/* Running cost */
.ll-cost {
  display: grid;
  grid-template-columns: minmax(280px, 1.25fr) 1fr;
  gap: 32px;
  align-items: flex-start; }

@media (max-width: 780px) {
  .ll-cost {
    grid-template-columns: 1fr;
    gap: 20px; } }

.ll-cost__title {
  font-family: var(--ll-display);
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 8px;
  color: var(--ll-ink); }

.ll-cost__copy p {
  margin: 0 0 8px;
  font-size: 14px;
  color: var(--ll-body);
  line-height: 1.55; }

.ll-cost__note {
  font-size: 13px !important;
  color: var(--ll-body-muted) !important; }

.ll-verdict {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--ll-display);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  border-radius: 9999px;
  padding: 6px 12px 5px;
  margin-top: 6px; }

.ll-verdict--good {
  color: var(--ll-green-primary);
  border: 1px solid var(--ll-green-primary);
  background: var(--ll-success-bg); }

/* Rooms */
.ll-rooms__title {
  font-family: var(--ll-display);
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 4px;
  color: var(--ll-ink); }

.ll-rooms__lede {
  margin: 0 0 18px;
  font-size: 14px;
  color: var(--ll-body-muted);
  max-width: 560px;
  line-height: 1.55; }

.ll-rooms {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px; }

@media (max-width: 780px) {
  .ll-rooms {
    grid-template-columns: repeat(2, 1fr); } }

.ll-rooms__card {
  border: 1px solid var(--ll-border-warm);
  background: var(--ll-canvas-warm);
  border-radius: 6px;
  padding: 16px 14px 14px;
  text-align: center;
  position: relative; }

.ll-rooms__card--match {
  border-color: var(--ll-green-primary);
  background: var(--ll-success-bg); }

.ll-rooms__card--match::after {
  content: "Best fit";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--ll-green-primary);
  color: #fff;
  font-family: var(--ll-display);
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 9999px; }

.ll-rooms__plan {
  width: 72px;
  height: 54px;
  margin: 6px auto 8px;
  display: block; }

.ll-rooms__name {
  font-family: var(--ll-display);
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--ll-ink);
  margin: 0 0 4px; }

.ll-rooms__size {
  font-size: 12px;
  color: var(--ll-body-muted);
  margin: 0; }

/* Install */
.ll-install {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 20px;
  background: var(--ll-linen);
  border-radius: 6px; }

.ll-install__icon {
  flex: 0 0 44px;
  height: 44px;
  border: 1px solid var(--ll-brass-ink);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--ll-canvas); }

.ll-install__title {
  font-family: var(--ll-display);
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 4px;
  color: var(--ll-ink); }

.ll-install__body p {
  margin: 0;
  font-size: 13.5px;
  color: var(--ll-body);
  line-height: 1.55; }

/* end LL-S6 */
/* resave-marker-20260428-ttc */
/* resave-marker-20260428-ttc-r1fix-1777361967660 */
/* trigger-1777362076972 */
/* LL-S6 followup — hide old TTC layout, polish moved Technical Information accordion */
#things-to-consider {
  display: none !important; }

.ll-ttc-tech {
  max-width: 1320px;
  margin: 40px auto 0; }

.ll-ttc-tech + .ll-ttc {
  margin-top: 24px; }

/* resave-marker-20260428-ttc-followup-1777362822464 */
/* LL-S6 follow-up — hide empty Recommended Bulb container, tighten populated spacing */
.productView-details .left-right-panel-bottom {
  padding: 12px 0 !important;
  margin: 0 !important;
  min-height: 0 !important; }

.productView-details .left-right-panel-bottom:not(:has(.addBlubs)),
.productView-details .left-right-panel-bottom:has(.addBlubs:empty) {
  display: none !important; }

/* resave-marker-recbulb-1777388336657 */
/* LL-S6 follow-up — also tighten LEFT column left-right-panel-bottom whitespace */
.productView-images-c .left-right-panel-bottom {
  padding: 12px 0 !important;
  margin: 0 !important;
  min-height: 0 !important; }

/* resave-marker-recbulb-left-1777388448219 */