@charset "UTF-8";
/* 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 {
    margin-right: 2px;
    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; } }

@media (min-width: 799px) and (max-width: 800px) {
  .text-center-t {
    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; }

.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: block;
    border-radius: 20px;
    width: 35px;
    height: 35px;
    line-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;
      /*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: 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 10px auto; }
  @media (min-width: 1200px) {
    .accordion-container {
      margin-top: 20px; } }

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

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

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

@media (max-width: 576px) {
  .price-section {
    display: flex;
    justify-content: space-between; } }

.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; }
  .brand-name {
    font-size: 14px;
    font-weight: normal; }
  .cart-top-checkout-button {
    margin-top: 20px; }
  .productView-price {
    text-align: left;
    font-weight: 400;
    margin-bottom: 0px;
    /* 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.85rem;
    width: 1.9rem; }
  .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: 200px; } }
  @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: 50px;
    z-index: 1; }
  /* bof search */
  .m-search {
    padding: 5px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 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; }

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

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

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: #C9A961 !important;
          position: absolute;
          left: 0;
          top: 6px;
          color: #000;
          font-size: 14px; }
  .megamenu > li ul > li > a:hover {
    text-decoration: none;
    color: #C9A961; }
    .megamenu > li ul > li > a:hover::before {
      /*  content: "\25B6"; */
      font-size: 9px;
      top: 10px;
      left: 1px;
      color: #C9A961 !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 {
      width: 100%;
      text-align: center; } }

@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: #C9A961;
  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: #C9A961;
  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: #1A1410; }

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

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

/* bof add blubs */
.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: #B87333; }

.feature-icon-wrapper {
  background-color: #f5f5f5; }

.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: #1A1410;
    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); }

@media (max-width: 576px) {
  header .user-icons {
    width: 140% !important; } }

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

.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: #2d2520;
  font-weight: 400 !important;
  text-align: center;
  width: 100% !important; }

.notification-bg {
  background-color: #DBEFDD;
  color: #42A64E;
  fill: #42A64E; }
  .notification-bg h5 {
    font-weight: 500;
    text-transform: none; }

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

/*
.cart-item{
  border:none;
}

.cart-item:nth-child(even){
  background-color: #F2F2F2;
}
*/
.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: 620px;
    border-bottom: 1px solid #e6e6e6; }
  .left-right-panel-bottom {
    /*  height:225px; */
    min-height: 240px;
    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; } }

.text-red {
  color: #BA2D2E; }

@media (min-width: 1170px) {
  .m-flex {
    display: flex; }
    .m-flex .form-label {
      margin-right: 10px; }
  .productView-thumbnails .slick-list {
    top: -30px; } }

/* ─────────────────────────────────────────────────────────
   Header migration — Chunk A — trust row (desktop + tablet)
   2026-04-07
   Source: templates/components/common/header.html inline <style>
   Original lines: 118-140, 204-218, 335-337, 406-409, 438-443, 513-551
   ───────────────────────────────────────────────────────── */
.trust-row {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  margin: 0 !important; }

.trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  justify-content: center;
  padding: 0 8px; }

.trust-item p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  color: #2c2c2c !important;
  white-space: nowrap; }

.trust-item .tp-custom {
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  display: flex !important; }

@media (min-width: 992px) {
  .d-lg-block .trust-item .trust-text {
    display: flex;
    flex-direction: column; }
  .d-lg-block .trust-item .trust-text strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #2D2520 !important;
    line-height: 1.3 !important; }
  .d-lg-block .trust-item .trust-text span {
    font-size: 11px !important;
    color: #666 !important;
    line-height: 1.3 !important; }
  .d-none.d-lg-block .trust-item svg[xmlns] {
    width: 28px !important;
    height: 28px !important; } }

@media (min-width: 1200px) {
  .d-lg-block .trust-item .trust-text span {
    font-size: 12px !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .tablet-trust-row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    padding: 10px 16px !important; }
  .tablet-trust-row .trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 10px !important; }
  .tablet-trust-row .trust-text {
    display: flex !important;
    flex-direction: column !important; }
  .tablet-trust-row .trust-text strong {
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #2D2520 !important;
    line-height: 1.3 !important; }
  .tablet-trust-row .trust-text span {
    font-size: 10px !important;
    color: #666 !important;
    line-height: 1.3 !important; }
  .tablet-trust-row .trust-divider {
    width: 1px !important;
    height: 24px !important;
    background: #ddd !important; }
  .tablet-trust-row .tp-custom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important; } }

/* ─────────────────────────────────────────────────────────
   Header migration — Chunk B — mobile trust bar
   2026-04-07
   Source: templates/components/common/header.html inline <style>
   Original lines: 394-458 (entire @media (max-width: 767px) wrapper)
   ───────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .mobile-trust-bar {
    display: flex !important;
    background: #f5f5f5 !important;
    border-bottom: 1px solid #ebebeb !important;
    padding: 6px 16px !important;
    align-items: center !important;
    justify-content: center !important; }
  .mobile-trust-col {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important; }
  .mobile-trust-col .tp-custom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important; }
  .mobile-trust-col .tp-single-star {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    background: #00b67a !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important; }
  .mobile-trust-col .tp-single-star svg {
    width: 15px !important;
    height: 15px !important;
    fill: #fff !important; }
  .mobile-trust-col .trust-text {
    display: flex !important;
    flex-direction: column !important; }
  .mobile-trust-col .trust-text strong {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #2D2520 !important;
    line-height: 1.3 !important; }
  .mobile-trust-col .trust-text span {
    font-size: 10px !important;
    color: #666 !important;
    line-height: 1.3 !important; }
  .mobile-trust-col > svg {
    flex-shrink: 0 !important; }
  .mobile-trust-divider {
    width: 1px !important;
    height: 28px !important;
    background: #ddd !important;
    margin: 0 12px !important;
    flex-shrink: 0 !important; } }

/* ─────────────────────────────────────────────────────────
   Header migration — Chunk C — custom Trustpilot widget
   2026-04-07
   Source: templates/components/common/header.html inline <style>
   Original lines: 310-320 and 367-391 (root-level, no media)
   Note: source contains duplicate .tp-custom and .tp-custom:hover selectors,
         preserved in original order. Dedup deferred to Chunk K.
   ───────────────────────────────────────────────────────── */
.tp-custom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  text-decoration: none !important;
  transition: opacity 0.2s ease; }

.tp-custom:hover {
  opacity: 0.85; }

.tp-custom {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease; }

.tp-custom:hover {
  opacity: 0.85; }

.tp-single-star {
  width: 28px;
  height: 28px;
  background: #00b67a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  flex-shrink: 0; }

.tp-single-star svg {
  width: 18px;
  height: 18px;
  fill: #fff; }

/* ─────────────────────────────────────────────────────────
   Header migration — Chunk D — top orange bar (announcement)
   2026-04-07
   Source: templates/components/common/header.html inline <style>
   Original lines: 44-52 (root-level, no media)
   Note: actual id is #topOrangeBar, not .announcement-bar (plan errata)
   ───────────────────────────────────────────────────────── */
#topOrangeBar {
  background: linear-gradient(135deg, #8B5A1E 0%, #B87333 40%, #D4953D 70%, #B87333 100%) !important;
  padding: 0 !important;
  border: none !important; }

#topOrangeBar .banner {
  margin: 0 auto !important;
  width: 100% !important; }

/* ─────────────────────────────────────────────────────────
   Header migration — Chunk E1 — desktop search submit button
   2026-04-08
   Source: templates/components/common/header.html inline <style>
   Original lines: 22-38 (.navUser form.form .search-icon.submit)
                   125-128 (.navUser form.form:focus-within)
   This rule fixes the framework default that positioned the submit
   button with left: 90px; top: -25px, which caused the button to
   disappear at tight desktop widths (1200-1307px band).
   Uses higher specificity (4 classes) + !important to guarantee wins.
   Supersedes and replaces the dead rules at custom.scss L117-130
   (those rules only set top/left and were overridden by this one).
   ───────────────────────────────────────────────────────── */
.navUser form.form .search-icon.submit {
  background: #1A1410 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 50px !important;
  width: 50px !important;
  height: 40px !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  position: relative !important;
  left: 0 !important;
  right: auto !important;
  top: 0 !important;
  bottom: auto !important; }

.navUser form.form:focus-within {
  border-color: #B87333 !important;
  box-shadow: 0 0 0 3px rgba(184, 115, 51, 0.12) !important; }

/* Footer remodel — Chunk 1 — Brand column + clickable phone
   2026-04-08
   New brand column markup added to footer.html .footer-info.
   Phone uses the BigCommerce settings.phone_number helper,
   same source as header .header-phone-btn. Logo deferred to
   Chunk 1b (needs verified asset path). Visitor geo-routing
   is a separate follow-up project using BC built-in geolocation. */
.footer .footer-info-col--brand .footer-brand-tagline {
  font-size: 13px;
  line-height: 1.7;
  color: #B2B2B2;
  margin: 0 0 20px; }

.footer .footer-info-col--brand .footer-brand-contact {
  font-size: 13px;
  line-height: 1.6; }

.footer .footer-info-col--brand .footer-brand-phone {
  display: inline-block;
  color: #D4953D;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  transition: color 0.22s ease; }
  .footer .footer-info-col--brand .footer-brand-phone:hover, .footer .footer-info-col--brand .footer-brand-phone:focus-visible {
    color: #F9F1E7; }

.footer .footer-info-col--brand .footer-brand-address {
  font-style: normal;
  color: #B2B2B2;
  line-height: 1.6;
  margin: 0; }

/* Footer remodel — Chunk 2 — 5-column CSS Grid layout
   2026-04-08
   Fixes transient wobble from Chunk 1 (5th col added to 4-col Foundation layout).
   Desktop ≥992px: 1.5fr brand + 4 × 1fr link columns
   Tablet 768–991: 2 columns
   Mobile <768: 1 column stack */
@media (min-width: 992px) {
  .footer .footer-info {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 15px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .footer .footer-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    padding: 0 15px; } }

@media (max-width: 767px) {
  .footer .footer-info {
    display: block;
    padding: 0 15px; } }

@media (min-width: 992px) {
  .footer .footer-info .footer-info-col {
    width: auto;
    float: none;
    max-width: none;
    flex: none; } }

@media (max-width: 767px) {
  .footer .footer-info .footer-info-col {
    width: 100%;
    margin-bottom: 32px; } }

/* Footer remodel — Chunk 2a — Neutralise clearfix pseudos in grid
   2026-04-08
   .footer-info has clearfix ::before/::after (content: " "; display: table)
   which CSS Grid treats as grid items, pushing real children off the grid.
   Fix: hide the pseudos when grid layouts are active. */
@media (min-width: 992px) {
  .footer .footer-info::before, .footer .footer-info::after {
    display: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .footer .footer-info::before, .footer .footer-info::after {
    display: none; } }

/* Footer remodel — Chunk 2b — Force equal link column widths
   2026-04-08
   Override grid-template-columns to use minmax(0, 1fr) so link
   columns cannot expand beyond their equal share. (Connect With Us
   was ~50px wider due to social icons setting min-content.) */
@media (min-width: 992px) {
  .footer .footer-info {
    grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); } }

/* Footer remodel — Chunk 4 — Typography restyle
   2026-04-08
   Smaller uppercase headings (18px → 12px), gold link hover,
   tighter list spacing, extra top padding for breathing room. */
.footer {
  padding-top: 64px; }
  .footer .footer-info-heading {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 18px; }
  .footer .footer-info-list li {
    margin-bottom: 10px; }
  .footer .footer-info-list a {
    font-size: 13px;
    color: #B2B2B2;
    text-decoration: none;
    transition: color 0.22s ease; }
    .footer .footer-info-list a:hover, .footer .footer-info-list a:focus-visible {
      color: #D4953D; }

/* Footer remodel — Chunk 1b-polish — Logo colour + sizing
   2026-04-08
   Invert the BC admin logo to pure white so it reads against
   the dark footer background. brightness(0) forces all pixels
   to black first (neutralising any colour accents), then invert(1)
   flips to pure white. Constrains max-width + adds spacing. */
.footer .footer-brand-logo {
  margin-bottom: 20px; }
  .footer .footer-brand-logo .footer-brand-logo-img {
    filter: brightness(0) invert(1);
    max-width: 200px;
    height: auto;
    display: block; }

/* Footer remodel — Chunk 5 — Footer-bottom rework
   2026-04-08
   Clean flex row: copyright left, legal links right.
   Removes duplicated store-info. Adds subtle top border. */
.footer .footer-bottom {
  max-width: 1500px;
  margin: 32px auto 0;
  padding: 24px 15px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.08); }
  @media (min-width: 768px) {
    .footer .footer-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center; } }
  .footer .footer-bottom .footer-legal-links {
    font-size: 12px; }
    @media (max-width: 767px) {
      .footer .footer-bottom .footer-legal-links {
        margin-top: 12px;
        text-align: center; } }
    .footer .footer-bottom .footer-legal-links a {
      color: rgba(255, 255, 255, 0.45);
      margin: 0 10px;
      text-decoration: none;
      transition: color 0.22s ease; }
      .footer .footer-bottom .footer-legal-links a:first-child {
        margin-left: 0; }
      .footer .footer-bottom .footer-legal-links a:last-child {
        margin-right: 0; }
      .footer .footer-bottom .footer-legal-links a:hover, .footer .footer-bottom .footer-legal-links a:focus-visible {
        color: #D4953D; }

/* Footer remodel — Chunk 6 — Mobile polish + a11y
   2026-04-08
   Centre brand column content on mobile (logo, tagline, address),
   tighten heading size on small screens, add keyboard focus outlines. */
@media (max-width: 767px) {
  .footer .footer-info-col--brand {
    text-align: center; }
    .footer .footer-info-col--brand .footer-brand-logo {
      display: flex;
      justify-content: center; }
    .footer .footer-info-col--brand .footer-brand-logo-img {
      margin: 0 auto; }
    .footer .footer-info-col--brand .footer-brand-address {
      text-align: center; }
  .footer .footer-info-heading {
    font-size: 13px; } }

/* Keyboard focus outlines across the footer */
.footer a:focus-visible {
  outline: 2px solid #D4953D;
  outline-offset: 2px;
  border-radius: 2px; }

/* Footer remodel — Chunk 6b — Tighten vertical spacing + Trustpilot centre
   2026-04-08
   User feedback: excess padding between columns and dividing line,
   and between card logos and page bottom. Trustpilot not centred on mobile. */
.footer .payment-icons-section {
  margin-top: 12px; }

.footer .footer-bottom {
  margin-top: 16px;
  padding: 14px 15px 12px; }

@media (max-width: 767px) {
  .footer .footer-info-col {
    margin-bottom: 20px; }
  .footer .footer-info-col:last-child {
    margin-bottom: 8px; }
  .footer .trustpilot-widget {
    text-align: center; }
    .footer .trustpilot-widget > * {
      margin-left: auto;
      margin-right: auto; } }

/* Footer remodel — Chunk 6c — Mobile footer-bottom centring
   2026-04-08
   On mobile, footer-bottom is block-flow (flex is gated to min-width:768).
   Copyright has its own text-align:center but legal links stay left-aligned,
   making the copyright look off-centre next to the misaligned legal row.
   Fix: explicitly centre all footer-bottom children on mobile + add spacing. */
@media (max-width: 767px) {
  .footer .footer-bottom {
    text-align: center; }
    .footer .footer-bottom .footer-copyright,
    .footer .footer-bottom .powered-by,
    .footer .footer-bottom .footer-legal-links {
      text-align: center;
      display: block;
      width: 100%; }
    .footer .footer-bottom .footer-legal-links {
      margin-top: 10px; }
      .footer .footer-bottom .footer-legal-links a {
        margin: 0 8px; } }

/* Footer remodel — Chunk 6d — Tighten payment icons + HR divider
   2026-04-08
   HR.border had mt/mb 20px (40px around a 1px line).
   .footer-payment-icons had mt 20px, mb 25px.
   Trustpilot column has mb 42px from base theme.
   User feedback: too much space between Trustpilot and divider. */
.footer .payment-icons-section hr.border {
  margin-top: 12px;
  margin-bottom: 12px; }

.footer .payment-icons-section .footer-payment-icons {
  margin-top: 0;
  margin-bottom: 8px; }

@media (max-width: 767px) {
  .footer section.footer-info .footer-info-col:last-child {
    margin-bottom: 0; }
  .footer .payment-icons-section hr.border {
    margin-top: 8px;
    margin-bottom: 8px; }
  .footer .payment-icons-section .footer-payment-icons {
    margin-bottom: 4px; } }

/* Footer remodel — Chunk 6e — Kill orphan Slick arrow button
   2026-04-08
   Old Slick carousel JS is injecting a bordered .slick-prev button
   into .backtoTop (visible at ~22px with 1px border top+bottom),
   looking like a spurious horizontal divider between card logos and
   footer-bottom. Post-Chunk 3 there should be no Slick anywhere in
   the footer — hide any that JS still injects. */
.footer .slick-arrow,
.footer .slick-prev,
.footer .slick-next,
.footer .backtoTop .slick-prev,
.footer .backtoTop .slick-next,
.footer .backtoTop [class*="slick"] {
  display: none !important; }

/* Footer remodel — Chunk 6f — Clip Trustpilot iframe whitespace
   2026-04-08
   TP widget is configured with data-style-height=250 / data-style-width=250
   (square Grid template) but renders a horizontal Excellent rating at the
   top, leaving ~150-200px of empty iframe space below. Clip the widget
   visually to its visible content height (~80px) via overflow: hidden. */
.footer .trustpilot-widget {
  height: 80px !important;
  max-height: 80px !important;
  overflow: hidden;
  display: block; }

.footer .trustpilot-widget iframe {
  height: 80px !important;
  max-height: 80px !important; }

/* ─────────────────────────────────────────────────────────
   TOLS newsletter — 3-field layout with Klaviyo dual-write
   2026-04-09
   Source: templates/components/common/subscription-form.html
   Matches the existing light-aesthetic newsletter strip
   (white inputs, dark borders, copper gold submit button)
   See spec: docs/superpowers/specs/2026-04-09-tols-newsletter-3field-klaviyo-design.md
   ───────────────────────────────────────────────────────── */
[data-tols-newsletter] {
  display: block;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 32px 20px;
  text-align: center; }
  [data-tols-newsletter] .half,
  [data-tols-newsletter] .half.left,
  [data-tols-newsletter] .half.right {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  [data-tols-newsletter] .tols-nl-headline {
    font-size: 30px;
    font-weight: 700;
    color: #2d2520;
    margin: 0 0 8px !important;
    line-height: 1.2; }
  [data-tols-newsletter] .tols-nl-lead {
    color: rgba(45, 37, 32, 0.65);
    font-size: 14px;
    line-height: 1.55;
    margin: 0 0 28px !important; }
  [data-tols-newsletter] .tols-nl-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    text-align: left; }
  [data-tols-newsletter] .tols-nl-names {
    display: flex;
    gap: 10px;
    grid-column: 1 / -1; }
  [data-tols-newsletter] .tols-nl-email-row {
    display: flex;
    gap: 10px;
    grid-column: 1 / -1; }
  [data-tols-newsletter] .tols-nl-input {
    flex: 1 1 0;
    min-width: 0;
    background: white;
    color: #2f2f2b;
    border: 1px solid #2f2f2b;
    border-radius: 0;
    padding: 10.5px 14px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 14px;
    height: 42px;
    outline: none;
    transition: border-color 0.22s ease;
    box-sizing: border-box; }
  [data-tols-newsletter] .tols-nl-input::placeholder {
    color: rgba(47, 47, 43, 0.4); }
  [data-tols-newsletter] .tols-nl-input:focus {
    border-color: #b87333; }
  [data-tols-newsletter] .tols-nl-input.is-error {
    border-color: #d9534f; }
  [data-tols-newsletter] .tols-nl-submit {
    background: #b87333;
    color: white;
    border: 1px solid #b87333;
    border-radius: 0;
    padding: 12px 32px;
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    cursor: pointer;
    white-space: nowrap;
    height: 42px;
    box-sizing: border-box;
    transition: background 0.22s ease, border-color 0.22s ease; }
  [data-tols-newsletter] .tols-nl-submit:hover {
    background: #8b5a1e;
    border-color: #8b5a1e; }
  [data-tols-newsletter] .tols-nl-submit:disabled {
    opacity: 0.6;
    cursor: wait; }
  [data-tols-newsletter] .tols-nl-microcopy {
    grid-column: 1 / -1;
    margin: 12px 0 0;
    font-size: 11px;
    color: rgba(45, 37, 32, 0.55);
    line-height: 1.5;
    text-align: center; }
  [data-tols-newsletter] .tols-nl-microcopy a {
    color: #b87333;
    text-decoration: underline; }
  [data-tols-newsletter] .tols-nl-status {
    grid-column: 1 / -1;
    margin-top: 12px;
    font-size: 13px;
    text-align: center;
    min-height: 0; }
  [data-tols-newsletter] .tols-nl-status.is-success {
    color: #2e7d32; }
  [data-tols-newsletter] .tols-nl-status.is-error {
    color: #c0392b; }

@media (max-width: 640px) {
  [data-tols-newsletter] .tols-nl-form,
  [data-tols-newsletter] .tols-nl-names,
  [data-tols-newsletter] .tols-nl-email-row {
    display: flex;
    flex-direction: column;
    gap: 10px; }
  [data-tols-newsletter] .tols-nl-submit {
    width: 100%; }
  [data-tols-newsletter] .tols-nl-headline {
    font-size: 24px; } }

/* ===========================================================================
   Cart remodel Chunk C0 Design tokens (dormant)
   2026-04-09
   Scoped CSS custom properties consumed by chunks C1-C7.
   Nothing references these yet so this block is visually inert.
   =========================================================================== */
:root {
  --tols-cart-brand-dark: #1A1410;
  --tols-cart-ink: #2D2520;
  --tols-cart-ink-muted: #6B655C;
  --tols-cart-ink-faint: #A6A097;
  --tols-cart-copper-dark: #8B5A1E;
  --tols-cart-copper: #B87333;
  --tols-cart-copper-light: #D4953D;
  --tols-cart-copper-tint: #F8EFDE;
  --tols-cart-copper-gradient: linear-gradient(135deg, #8B5A1E 0%, #B87333 40%, #D4953D 70%, #B87333 100%);
  --tols-cart-copper-gradient-hover: linear-gradient(135deg, #6E4818 0%, #9C622B 40%, #B87333 70%, #9C622B 100%);
  --tols-cart-warm-border: #E9E4DD;
  --tols-cart-warm-bg: #FAF8F4;
  --tols-cart-success: #4A7C45;
  --tols-cart-success-bg: #EDF4EA;
  --tols-cart-amber: #B17E1B;
  --tols-cart-amber-bg: #FCF4E2;
  --tols-cart-tp-green: #00B67A;
  --tols-cart-space-xs: 4px;
  --tols-cart-space-sm: 8px;
  --tols-cart-space-md: 14px;
  --tols-cart-space-lg: 20px;
  --tols-cart-space-xl: 32px;
  --tols-cart-shadow-sm: 0 2px 8px rgba(26, 20, 16, 0.08);
  --tols-cart-shadow-cta: 0 2px 8px rgba(139, 90, 30, 0.25);
  --tols-cart-shadow-cta-hover: 0 4px 12px rgba(139, 90, 30, 0.35);
  --tols-cart-shadow-sticky: 0 -4px 12px rgba(26, 20, 16, 0.12);
  --tols-cart-radius: 2px; }

/* ===========================================================================
   Cart remodel Chunk C1 Totals panel typography
   2026-04-09
   Brand-aligns the cart-totals panel labels and values to match footer
   heading style. Grand total becomes dominant copper. Dividers unified to
   warm-border color. No layout changes, no button changes (that is C2).
   Selectors prefixed with ul.cart-totals to beat earlier clusters in file.
   =========================================================================== */
ul.cart-totals {
  margin-top: 0;
  padding: 0;
  list-style: none;
  font-family: Poppins, Arial, Helvetica, sans-serif; }

ul.cart-totals .cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #E9E4DD;
  font-size: 14px;
  color: #2D2520; }

ul.cart-totals .cart-total:last-child {
  border-bottom: none; }

ul.cart-totals .cart-total-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #6B655C;
  flex: 0 0 auto;
  text-align: left; }

ul.cart-totals .cart-total-value {
  font-size: 14px;
  font-weight: 500;
  color: #2D2520;
  text-align: right;
  font-variant-numeric: tabular-nums; }

ul.cart-totals .cart-total-value span {
  color: #2D2520; }

ul.cart-totals .cart-total-grandTotal {
  font-size: 30px;
  font-weight: 700;
  color: #B87333;
  letter-spacing: -0.5px;
  line-height: 1.1; }

ul.cart-totals .cart-total-grandTotal span {
  color: #B87333;
  font-size: 30px;
  font-weight: 700;
  font-family: Poppins, Arial, Helvetica, sans-serif; }

ul.cart-totals .cart-total:last-child .cart-total-label,
ul.cart-totals .cart-total:has(.cart-total-grandTotal) .cart-total-label {
  font-size: 13px;
  color: #1A1410;
  letter-spacing: 1px; }

/* ===========================================================================
   Cart remodel Chunk C1-a Label size bump
   2026-04-09
   Per user review: 11px labels too small, values needed slight bump,
   label color slightly darker for better contrast on white.
   =========================================================================== */
ul.cart-totals .cart-total-label {
  font-size: 13px;
  color: #4A423A; }

ul.cart-totals .cart-total-value {
  font-size: 15px; }

ul.cart-totals .cart-total:last-child .cart-total-label,
ul.cart-totals .cart-total:has(.cart-total-grandTotal) .cart-total-label {
  font-size: 14px;
  color: #1A1410; }

/* ===========================================================================
   Cart remodel Chunk C2 Proceed button gradient
   2026-04-09
   Brand-aligns the PROCEED SECURELY button to the header announcement bar
   gradient. Full-width within the col-lg-3 totals column.
   Overrides the 5-line rule at earlier L10020.
   =========================================================================== */
.cart-actions {
  margin-top: 8px; }

.cart-actions .button--primary,
.cart-actions a.button--primary,
.col-lg-3 .cart-actions .button--primary {
  display: block;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 18px 20px;
  background: linear-gradient(135deg, #8B5A1E 0%, #B87333 40%, #D4953D 70%, #B87333 100%);
  background-color: #B87333;
  color: #FFFFFF;
  border: none;
  border-radius: 2px;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(139, 90, 30, 0.25);
  transition: background 0.2s ease-out, box-shadow 0.2s ease-out, transform 0.15s ease-out; }

.cart-actions .button--primary:hover,
.cart-actions a.button--primary:hover,
.col-lg-3 .cart-actions .button--primary:hover {
  background: linear-gradient(135deg, #6E4818 0%, #9C622B 40%, #B87333 70%, #9C622B 100%);
  background-color: #9C622B;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(139, 90, 30, 0.35);
  transform: translateY(-1px);
  text-decoration: none; }

.cart-actions .button--primary:active,
.col-lg-3 .cart-actions .button--primary:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(139, 90, 30, 0.25); }

.cart-actions .button--primary:focus-visible,
.col-lg-3 .cart-actions .button--primary:focus-visible {
  outline: 2px solid #D4953D;
  outline-offset: 2px; }

/* ===========================================================================
   Cart remodel Chunk C3 Cart items styling
   2026-04-09
   Brand-aligns the items table: warm dividers, copper brand names,
   bigger qty stepper touch targets, cleaner remove link.
   Overrides scattered existing rules at earlier L583, L590, L10032+, L10110.
   =========================================================================== */
/* Table container */
table.cart {
  width: 100%;
  border-collapse: collapse;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  color: #2D2520; }

/* Column headers (Item / Price / Quantity / Total) */
table.cart thead.cart-header .cart-header-item {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #6B655C;
  padding: 14px 12px;
  border-bottom: 1px solid #E9E4DD;
  text-align: left; }

table.cart thead.cart-header .cart-header-item.cart-header-quantity {
  text-align: center; }

table.cart thead.cart-header .cart-header-item:last-child {
  text-align: right; }

/* Item rows */
table.cart tr.cart-item {
  border-bottom: 1px solid #E9E4DD; }

table.cart tr.cart-item > td.cart-item-block {
  padding: 20px 12px;
  vertical-align: top; }

/* Thumbnail cell */
table.cart .cart-item-figure {
  width: 120px; }

table.cart .cart-item-figure .cart-item-image,
table.cart .cart-item-figure img {
  width: 100px;
  height: auto;
  max-height: 100px;
  object-fit: contain;
  background: #FAF8F4;
  border: 1px solid #E9E4DD;
  border-radius: 2px;
  padding: 4px; }

/* Title cell */
table.cart .cart-item-title .cart-item-brand {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #8B5A1E;
  margin: 0 0 4px 0;
  font-style: normal; }

table.cart .cart-item-title h4.cart-item-name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 6px 0;
  color: #1A1410; }

table.cart .cart-item-title h4.cart-item-name a {
  color: #1A1410;
  text-decoration: none;
  transition: color 0.15s ease-out; }

table.cart .cart-item-title h4.cart-item-name a:hover {
  color: #B87333;
  text-decoration: none; }

/* Qty stepper container */
table.cart .cart-item-quantity .form-increment {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid #E9E4DD;
  border-radius: 2px;
  overflow: hidden;
  background: #FFFFFF; }

/* Stepper buttons */
table.cart .cart-item-quantity .form-increment .button.button--icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  background: #FFFFFF;
  border: none;
  color: #2D2520;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.15s ease-out; }

table.cart .cart-item-quantity .form-increment .button.button--icon:hover {
  background: #FAF8F4;
  color: #B87333; }

table.cart .cart-item-quantity .form-increment .button.button--icon .icon {
  width: 14px;
  height: 14px; }

/* Qty input field */
table.cart .cart-item-quantity .form-input.cart-item-qty-input {
  width: 48px;
  min-width: 48px;
  height: 40px;
  padding: 0;
  text-align: center;
  border: none;
  border-left: 1px solid #E9E4DD;
  border-right: 1px solid #E9E4DD;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1A1410;
  background: #FFFFFF;
  -moz-appearance: textfield; }

table.cart .cart-item-quantity .form-input.cart-item-qty-input::-webkit-outer-spin-button,
table.cart .cart-item-quantity .form-input.cart-item-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Inline cell labels ("Price:" "Qty:" on mobile) */
table.cart .cart-item-info .cart-item-label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6B655C; }

/* Cell values (price, total) */
table.cart .cart-item-info .cart-item-value {
  font-size: 15px;
  font-weight: 600;
  color: #1A1410;
  font-variant-numeric: tabular-nums; }

/* Remove link */
table.cart a.cart-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #A6A097;
  text-decoration: none;
  border-radius: 2px;
  transition: color 0.15s ease-out, background 0.15s ease-out; }

table.cart a.cart-remove:hover {
  color: #1A1410;
  background: #FAF8F4; }

table.cart a.cart-remove .icon {
  width: 14px;
  height: 14px; }

/* ===========================================================================
   Cart remodel Chunk C4 Upsell card (.addBlubs-cart) brand polish
   2026-04-09
   Restyles the "You have already added this bulb" upsell card into a
   proper brand callout. Hides broken image via empty src attribute.
   Overrides existing 36-line block at earlier L9552-9587.
   =========================================================================== */
table.cart tr .addBlubs-cart {
  margin: 16px 0 16px 120px;
  padding: 14px 18px;
  background: #FAF8F4;
  border-left: 3px solid #B87333;
  border-radius: 2px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  color: #2D2520;
  font-family: Poppins, Arial, Helvetica, sans-serif; }

/* Text column */
table.cart tr .addBlubs-cart .col-md-10,
table.cart tr .addBlubs-cart .col-md-5,
table.cart tr .addBlubs-cart [class*="col-md"] {
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  max-width: none; }

/* Drop the internal hr dividers */
table.cart tr .addBlubs-cart hr {
  display: none; }

/* Heading (was red, now brand dark) */
table.cart tr .addBlubs-cart h2,
table.cart tr .addBlubs-cart h2[id^="upsellProductH2"] {
  font-size: 14px;
  font-weight: 700;
  color: #1A1410;
  margin: 0 0 4px 0;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0; }

/* Subhead (product title from localStorage) */
table.cart tr .addBlubs-cart h3,
table.cart tr .addBlubs-cart h3[id^="upsellProductTitle"] {
  font-size: 12px;
  font-weight: 500;
  color: #6B655C;
  margin: 0;
  line-height: 1.4; }

/* Image column */
table.cart tr .addBlubs-cart figure {
  margin: 0;
  flex: 0 0 auto; }

table.cart tr .addBlubs-cart figure img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  background: #FFFFFF;
  border: 1px solid #E9E4DD;
  border-radius: 2px;
  padding: 4px; }

/* Hide broken images (empty src or no src) */
table.cart tr .addBlubs-cart figure img:not([src]),
table.cart tr .addBlubs-cart figure img[src=""],
table.cart tr .addBlubs-cart figure:has(img[src=""]),
table.cart tr .addBlubs-cart figure:has(img:not([src])) {
  display: none; }

/* Link to recommended bulb */
table.cart tr .addBlubs-cart p[id^="rbulb"] {
  margin: 6px 0 0 0; }

table.cart tr .addBlubs-cart p[id^="rbulb"] a,
table.cart tr .addBlubs-cart a[id^="upsellProductURL"] {
  color: #8B5A1E;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  transition: color 0.15s ease-out; }

table.cart tr .addBlubs-cart p[id^="rbulb"] a:hover,
table.cart tr .addBlubs-cart a[id^="upsellProductURL"]:hover {
  color: #B87333;
  text-decoration: underline; }

/* Kill any Bootstrap row / alignment utilities inside */
table.cart tr .addBlubs-cart.row {
  margin-left: 120px;
  margin-right: 0; }

/* ===========================================================================
   Cart remodel Chunk C3-a Item row text bump + inline label hide + qty icon fix
   2026-04-09
   Per user review: text felt small, qty stepper icons not aligning right,
   and inline mobile labels (Price/Quantity/Total) should be hidden on desktop
   where column headers already say the same thing.
   Also re-applies C4 upsell card with stronger specificity (double class).
   =========================================================================== */
/* Product title bigger (15 -> 16px) */
table.cart .cart-item-title h4.cart-item-name,
table.cart .cart-item-title h4.cart-item-name a {
  font-size: 16px; }

/* Cell values bigger (15 -> 16px) */
table.cart .cart-item-info .cart-item-value {
  font-size: 16px; }

/* Hide inline mobile-style labels on desktop (the column headers cover it) */
@media (min-width: 768px) {
  table.cart .cart-item-info .cart-item-label {
    display: none; } }

/* Qty stepper icon — allow the SVG to size itself, not the outer <i> */
table.cart .cart-item-quantity .form-increment .button.button--icon {
  line-height: 1; }

table.cart .cart-item-quantity .form-increment .button.button--icon .icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle; }

table.cart .cart-item-quantity .form-increment .button.button--icon svg {
  width: 18px;
  height: 18px;
  display: block; }

/* ---------- C4 re-apply with stronger specificity ---------- */
.addBlubs-cart.addBlubs-cart {
  margin: 16px 0 16px 120px;
  padding: 14px 18px;
  background: #FAF8F4;
  border-left: 3px solid #B87333;
  border-radius: 2px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  color: #2D2520;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  text-align: left; }

.addBlubs-cart.addBlubs-cart [class*="col-md"] {
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  max-width: none; }

.addBlubs-cart.addBlubs-cart hr {
  display: none; }

.addBlubs-cart.addBlubs-cart h2 {
  font-size: 14px;
  font-weight: 700;
  color: #1A1410;
  margin: 0 0 4px 0;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: 0; }

.addBlubs-cart.addBlubs-cart h3 {
  font-size: 12px;
  font-weight: 500;
  color: #6B655C;
  margin: 0;
  line-height: 1.4; }

.addBlubs-cart.addBlubs-cart figure {
  margin: 0;
  flex: 0 0 auto; }

.addBlubs-cart.addBlubs-cart figure img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  background: #FFFFFF;
  border: 1px solid #E9E4DD;
  border-radius: 2px;
  padding: 4px; }

/* Hide broken images */
.addBlubs-cart.addBlubs-cart figure img[src=""],
.addBlubs-cart.addBlubs-cart figure img:not([src]) {
  display: none; }

.addBlubs-cart.addBlubs-cart p[id^="rbulb"] {
  margin: 6px 0 0 0; }

.addBlubs-cart.addBlubs-cart p[id^="rbulb"] a {
  color: #8B5A1E;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none; }

.addBlubs-cart.addBlubs-cart p[id^="rbulb"] a:hover {
  color: #B87333;
  text-decoration: underline; }

/* ===========================================================================
   Cart remodel Chunk C5 featureInfoCart brand polish
   2026-04-09
   Brand-aligns the bottom-of-cart trust row (One Piece Delivery / Returns /
   Reviews). FontAwesome icons re-coloured to copper. Copy tightened.
   Overrides existing .featureInfoCart block at earlier L343-365 via double-class.
   Stage 2 will swap FontAwesome for brand SVGs. This chunk is visual only.
   =========================================================================== */
.featureInfoCart.featureInfoCart {
  margin: 48px auto 32px;
  padding: 28px 24px;
  background: #FAF8F4;
  border: 1px solid #E9E4DD;
  border-radius: 2px;
  font-family: Poppins, Arial, Helvetica, sans-serif; }

.featureInfoCart.featureInfoCart > .row {
  margin: 0;
  align-items: center; }

.featureInfoCart.featureInfoCart .col,
.featureInfoCart.featureInfoCart [class^="col-"],
.featureInfoCart.featureInfoCart [class*=" col-"] {
  background: transparent;
  padding: 12px 16px;
  text-align: center;
  border-right: 1px solid #E9E4DD; }

.featureInfoCart.featureInfoCart .col:last-child,
.featureInfoCart.featureInfoCart [class^="col-"]:last-child,
.featureInfoCart.featureInfoCart [class*=" col-"]:last-child {
  border-right: none; }

/* FontAwesome icons — recolour to copper */
.featureInfoCart.featureInfoCart i.fas,
.featureInfoCart.featureInfoCart i.far,
.featureInfoCart.featureInfoCart i.fab,
.featureInfoCart.featureInfoCart .fa {
  color: #B87333;
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
  display: inline-block; }

/* Title block below each icon */
.featureInfoCart.featureInfoCart .infoTitle {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #1A1410;
  line-height: 1.4;
  margin-top: 6px; }

.featureInfoCart.featureInfoCart .infoTitle span {
  display: block; }

/* Title links — copper hover */
.featureInfoCart.featureInfoCart .infoTitle a {
  color: #1A1410;
  text-decoration: none;
  transition: color 0.15s ease-out; }

.featureInfoCart.featureInfoCart .infoTitle a:hover {
  color: #B87333;
  text-decoration: none; }

/* Subtitle / second line (often wrapped in small or additional span) */
.featureInfoCart.featureInfoCart .infoTitle small,
.featureInfoCart.featureInfoCart .infoTitle span + span {
  font-size: 11px;
  font-weight: 500;
  color: #6B655C;
  text-transform: none;
  letter-spacing: 0;
  display: block;
  margin-top: 3px; }

/* ===========================================================================
   Cart remodel Chunk C6 Trust stack styling (dormant)
   2026-04-09
   Styles the Trustpilot micro box, trust items, brand partners strip, and
   mini-review callout. Targets .tols-* classes that do NOT exist in markup
   yet. Stage 4 will add the HTML, at which point these rules activate.
   All selectors prefixed tols- to avoid any collision with framework classes.
   =========================================================================== */
/* Trustpilot Micro TrustBox container (under CTA) */
.tols-tp-micro {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 12px 14px;
  background: #FFFFFF;
  border: 1px solid #E9E4DD;
  border-radius: 2px;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #2D2520;
  text-decoration: none;
  transition: border-color 0.15s ease-out; }

.tols-tp-micro:hover {
  border-color: #00B67A;
  text-decoration: none; }

.tols-tp-micro .tols-tp-label {
  font-weight: 700;
  color: #1A1410;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px; }

.tols-tp-micro .tols-tp-stars {
  display: inline-flex;
  gap: 1px;
  align-items: center; }

.tols-tp-micro .tols-tp-star {
  width: 16px;
  height: 16px;
  background: #00B67A;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.tols-tp-micro .tols-tp-star svg {
  width: 12px;
  height: 12px;
  fill: #FFFFFF; }

.tols-tp-micro .tols-tp-score {
  font-weight: 700;
  color: #1A1410; }

.tols-tp-micro .tols-tp-reviews {
  color: #6B655C;
  font-size: 11px; }

.tols-tp-micro .tols-tp-logo {
  margin-left: auto;
  font-weight: 700;
  color: #1A1410;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  gap: 4px; }

/* Trust block under CTA (4 items: SSL / returns / expert / 30+ yrs) */
.tols-trust-block {
  margin-top: 14px;
  display: grid;
  gap: 10px; }

.tols-trust-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  background: #FAF8F4;
  border-radius: 2px;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #6B655C;
  line-height: 1.4; }

.tols-trust-item .tols-trust-ic {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #8B5A1E; }

.tols-trust-item strong {
  display: block;
  color: #1A1410;
  font-size: 12px;
  margin-bottom: 2px;
  text-transform: uppercase;
  letter-spacing: 0.3px; }

.tols-trust-item a {
  color: #8B5A1E;
  font-weight: 600;
  text-decoration: none; }

.tols-trust-item a:hover {
  color: #B87333; }

/* Brand partners strip (Laura Ashley / Dar / Elstead / Endon) */
.tols-accred-strip {
  margin-top: 14px;
  padding: 12px;
  background: #FAF8F4;
  border-radius: 2px;
  text-align: center; }

.tols-accred-strip .tols-accred-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6B655C;
  margin-bottom: 8px; }

.tols-accred-strip .tols-accred-row {
  display: flex;
  justify-content: center;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap; }

.tols-accred-strip .tols-accred-badge {
  font-size: 10px;
  font-weight: 700;
  color: #1A1410;
  opacity: 0.7;
  padding: 4px 8px;
  border: 1px solid #E9E4DD;
  border-radius: 2px;
  background: #FFFFFF;
  text-transform: uppercase;
  letter-spacing: 0.5px; }

/* Mini review callout (single 5-star quote) */
.tols-mini-review {
  margin-top: 14px;
  padding: 12px 14px;
  background: #FAF8F4;
  border-left: 3px solid #00B67A;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5; }

.tols-mini-review .tols-mr-stars {
  display: inline-flex;
  gap: 2px;
  margin-bottom: 6px; }

.tols-mini-review .tols-mr-stars span {
  width: 12px;
  height: 12px;
  background: #00B67A;
  display: inline-block;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); }

.tols-mini-review p {
  color: #2D2520;
  font-style: italic;
  margin-bottom: 6px; }

.tols-mini-review cite {
  font-style: normal;
  font-size: 11px;
  color: #6B655C;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.tols-mini-review cite .tols-mr-reviewer {
  font-weight: 600;
  color: #1A1410; }

.tols-mini-review cite .tols-mr-via-tp {
  color: #00B67A;
  font-weight: 700; }

/* ===========================================================================
   Cart remodel Chunk C7 Mobile sticky bar styling (dormant)
   2026-04-09
   Styles the mobile sticky checkout bar. The bar uses a proxy button that
   forwards clicks to the real .cart-actions .button--primary at cart.html:69.
   All rules gated behind @media max-width 767px so desktop is untouched.
   Stage 3 (M1) will add the .tols-cart-sticky-mobile markup and the JS module.
   =========================================================================== */
@media (max-width: 767px) {
  .tols-cart-sticky-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: #FFFFFF;
    border-top: 1px solid #E9E4DD;
    padding: 12px 16px;
    padding-bottom: calc(12px + env(safe-area-inset-bottom, 0));
    display: flex;
    gap: 12px;
    align-items: center;
    box-shadow: 0 -4px 12px rgba(26, 20, 16, 0.12);
    font-family: Poppins, Arial, Helvetica, sans-serif;
    transform: translateY(100%);
    transition: transform 0.25s ease-out;
    pointer-events: none; }
  .tols-cart-sticky-mobile.is-visible {
    transform: translateY(0);
    pointer-events: auto; }
  .tols-cart-sticky-mobile__total {
    flex: 0 0 auto;
    line-height: 1.15; }
  .tols-cart-sticky-mobile__total .tols-cart-sticky-mobile__label {
    font-size: 10px;
    color: #6B655C;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block; }
  .tols-cart-sticky-mobile__total .tols-cart-sticky-mobile__amount {
    font-size: 18px;
    font-weight: 700;
    color: #1A1410;
    display: block;
    font-variant-numeric: tabular-nums; }
  .tols-cart-sticky-mobile__proxy {
    flex: 1 1 auto;
    background: linear-gradient(135deg, #8B5A1E 0%, #B87333 40%, #D4953D 70%, #B87333 100%);
    background-color: #B87333;
    color: #FFFFFF;
    border: none;
    border-radius: 2px;
    padding: 14px 18px;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(139, 90, 30, 0.25);
    transition: transform 0.15s ease-out; }
  .tols-cart-sticky-mobile__proxy:active {
    transform: translateY(1px); }
  .tols-cart-sticky-mobile__proxy:focus-visible {
    outline: 2px solid #D4953D;
    outline-offset: 2px; }
  /* Mobile top summary bar (M2) */
  .tols-cart-mobile-summary {
    background: #1A1410;
    color: #FFFFFF;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -15px 16px;
    font-family: Poppins, Arial, Helvetica, sans-serif; }
  .tols-cart-mobile-summary .tols-cart-mobile-summary__count {
    font-size: 11px;
    color: #C9C2B6;
    text-transform: uppercase;
    letter-spacing: 1px; }
  .tols-cart-mobile-summary .tols-cart-mobile-summary__total {
    font-size: 18px;
    font-weight: 700;
    color: #D4953D;
    font-variant-numeric: tabular-nums; } }

/* ===========================================================================
   Cart remodel Chunk T4 Hide orphan "Back to Home" link on cart page only
   2026-04-09
   The a.back-to-home link lives in templates/components/common/breadcrumbs.html
   and renders on many page types. On the cart page it sits orphaned above the
   H1 and duplicates the breadcrumbs HOME link. Hide via CSS scoped to the
   cart page only (main[data-cart] is unique to cart.html).
   Zero template touches, fully reversible by deleting this rule.
   =========================================================================== */
main.page-content[data-cart] > a.back-to-home {
  display: none; }

/* ===========================================================================
   Cart remodel Chunk T7-css Upsell hidden state utility
   2026-04-09
   Utility class used by the Stage 2 upsell fetcher script to silently hide
   rows when product data is missing or the API fetch fails. Also handles
   the legacy src="null" broken-image edge case from the old localStorage mechanism.
   =========================================================================== */
.upsell-hidden,
.addBlubs-cart .upsell-hidden,
.addBlubs-cart.upsell-hidden {
  display: none !important; }

.addBlubs-cart.addBlubs-cart figure img[src="null"] {
  display: none; }

/* ===========================================================================
   Cart remodel Chunk MC Mobile compress + brand alignment
   2026-04-09
   Addresses mobile whitespace audit: doc was 4760px for 2 items.
   - Cart items: grid layout (80 thumb + title, qty/price/total row beneath)
   - featureInfoCart: 3-col horizontal strip on mobile
   - c-tp-reviews: hidden on cart page (mobile only)
   - Qty stepper: 44x44 touch targets (Apple HIG)
   - Brand name vertical alignment with image top (universal)
   =========================================================================== */
/* Universal brand alignment fix */
table.cart .cart-item-title .cart-item-brand {
  padding-top: 5px;
  line-height: 1; }

@media (max-width: 767px) {
  table.cart thead.cart-header {
    display: none; }
  table.cart,
  table.cart > tbody {
    display: block;
    width: 100%; }
  table.cart tr.cart-item {
    display: grid;
    grid-template-columns: 80px 1fr;
    grid-template-areas: "thumb title"
 "actions actions";
    column-gap: 14px;
    row-gap: 10px;
    padding: 16px 12px;
    border-bottom: 1px solid #E9E4DD;
    width: 100%;
    box-sizing: border-box; }
  table.cart tr.cart-item > td.cart-item-block {
    padding: 0;
    border: none;
    display: block; }
  table.cart tr.cart-item > td.cart-item-figure {
    grid-area: thumb;
    width: 80px; }
  table.cart .cart-item-figure .cart-item-image,
  table.cart .cart-item-figure img {
    width: 80px;
    max-height: 80px;
    padding: 3px; }
  table.cart tr.cart-item > td.cart-item-title {
    grid-area: title;
    min-width: 0; }
  table.cart .cart-item-title .cart-item-brand {
    font-size: 10px;
    padding-top: 2px;
    margin-bottom: 3px; }
  table.cart .cart-item-title h4.cart-item-name,
  table.cart .cart-item-title h4.cart-item-name a {
    font-size: 14px;
    line-height: 1.3; }
  table.cart tr.cart-item > td.cart-item-info {
    grid-area: actions;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 10px;
    border-top: 1px dashed #E9E4DD; }
  table.cart .cart-item-info .cart-item-label {
    display: inline-block;
    margin-right: 4px;
    font-size: 10px; }
  table.cart .cart-item-quantity .form-increment .button.button--icon {
    width: 44px;
    min-width: 44px;
    height: 44px; }
  table.cart .cart-item-quantity .form-input.cart-item-qty-input {
    width: 44px;
    min-width: 44px;
    height: 44px;
    font-size: 15px; }
  .featureInfoCart.featureInfoCart {
    margin: 20px auto 16px;
    padding: 16px 12px; }
  .featureInfoCart.featureInfoCart > .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0; }
  .featureInfoCart.featureInfoCart .col,
  .featureInfoCart.featureInfoCart [class^="col-"],
  .featureInfoCart.featureInfoCart [class*=" col-"] {
    flex: 1 1 33.333%;
    padding: 8px 6px;
    border-right: 1px solid #E9E4DD;
    border-bottom: none;
    max-width: 33.333%; }
  .featureInfoCart.featureInfoCart i.fas,
  .featureInfoCart.featureInfoCart i.far,
  .featureInfoCart.featureInfoCart .info-icon {
    font-size: 22px;
    margin-bottom: 6px; }
  .featureInfoCart.featureInfoCart svg.info-icon {
    width: 22px;
    height: 22px; }
  .featureInfoCart.featureInfoCart .infoTitle {
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 1.3; }
  .featureInfoCart.featureInfoCart .infoTitle small,
  .featureInfoCart.featureInfoCart .infoTitle span + span {
    font-size: 9px;
    margin-top: 2px; }
  main.page-content[data-cart] .testimonialContainer,
  main.page-content[data-cart] .productCarousel,
  main.page-content[data-cart] .reviewbox,
  main.page-content[data-cart] .carousel-indicators {
    display: none !important; }
  .cart-additionalCheckoutButtons {
    margin-top: 10px; }
  ul.cart-totals .cart-total {
    padding: 10px 0; }
  .cart-actions {
    margin-top: 14px; } }

/* ============================================================
   MC-a — Mobile cart actions row + Change button + brand fix
   - 3-row grid: [thumb|title] / [thumb|price|qty] / [total]
   - Room for Change button (bulb pack-size/variant picker)
   - Fix brand/image top alignment on mobile
   - Qty stepper full 44x44 (height was 39)
   ============================================================ */
@media (max-width: 767px) {
  table.cart tr.cart-item {
    grid-template-columns: 80px 1fr auto;
    grid-template-areas: none;
    column-gap: 14px;
    row-gap: 8px;
    align-items: start; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-figure {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 80px; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-title {
    grid-column: 2 / -1;
    grid-row: 1;
    min-width: 0; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
    align-self: center; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity {
    grid-column: 3;
    grid-row: 2;
    justify-self: end;
    align-self: center; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(5) {
    grid-column: 1 / -1;
    grid-row: 3;
    padding-top: 10px;
    border-top: 1px solid #E9E4DD;
    display: flex;
    justify-content: space-between;
    align-items: baseline; }
  /* show inline labels on mobile for price + total, hide for qty */
  table.cart tr.cart-item > td.cart-item-info .cart-item-label {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6B6155;
    margin-right: 6px; }
  table.cart tr.cart-item > td.cart-item-info.cart-item-quantity .cart-item-label {
    display: none; }
  /* Change button (bulb pack-size / variant picker) — copper ghost button */
  table.cart tr.cart-item > td.cart-item-title a[href="#"] {
    display: inline-block;
    margin-top: 8px;
    padding: 6px 12px;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    color: #B87333;
    border: 1px solid #B87333;
    border-radius: 4px;
    background: #fff;
    text-decoration: none;
    min-height: 32px; }
  table.cart tr.cart-item > td.cart-item-title a[href="#"]:hover,
  table.cart tr.cart-item > td.cart-item-title a[href="#"]:focus {
    background: #B87333;
    color: #fff; }
  /* Brand name — align with top of product image on mobile */
  table.cart .cart-item-title .cart-item-brand {
    padding-top: 0;
    margin-top: 0;
    line-height: 1.2; }
  /* Qty stepper full 44x44 (height was 39, fix to 44) */
  table.cart .cart-item-quantity .form-increment .button.button--icon {
    height: 44px;
    padding: 0; }
  table.cart .cart-item-quantity .form-increment input[type="number"] {
    height: 44px;
    line-height: 44px; } }

/* ============================================================
   MC-b — Mobile actions row cleanup
   - Hide redundant Price (Total already shows value)
   - Qty stepper + Total share row 2 (left / right)
   - Force image to top of figure, brand margin zero
   - Qty stepper height 44 (was stuck at 39)
   ============================================================ */
@media (max-width: 767px) {
  /* Hide redundant PRICE on mobile — Total tells the story */
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) {
    display: none !important; }
  /* Grid: 80 thumb + flexible right column */
  table.cart tr.cart-item {
    grid-template-columns: 80px 1fr; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-title {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    padding-top: 0;
    margin-top: 0; }
  /* Qty stepper on the LEFT of row 2 */
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    align-self: center; }
  /* Total on the RIGHT of row 2 — same cell, no border, inline */
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: center;
    padding: 0;
    border-top: none;
    display: block;
    font-weight: 700; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(5) .cart-item-label {
    display: none; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(5) .cart-item-value {
    font-size: 18px;
    color: #1A1410; }
  /* Force product image to top of figure cell (was 10px offset) */
  table.cart tr.cart-item > td.cart-item-block.cart-item-figure {
    padding: 0 !important;
    margin: 0 !important; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-figure img {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    vertical-align: top; }
  /* Brand: hard reset margins/padding so it sits at exact top */
  table.cart .cart-item-title .cart-item-brand {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2; }
  /* Qty stepper button height 44 (override cornerstone 39) */
  table.cart tr.cart-item .cart-item-quantity .form-increment .button.button--icon {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important; }
  table.cart tr.cart-item .cart-item-quantity .form-increment input[type="number"] {
    height: 44px !important;
    line-height: 44px !important; } }

/* ============================================================
   MC-c — Mobile grid fix: 3 columns + separate qty/total cells
   - Fixes overlap of qty stepper and total (both full-width)
   - Fixes Change button overlapping qty (title cell grows)
   - grid-template-columns: 80px 1fr auto
   ============================================================ */
@media (max-width: 767px) {
  table.cart tr.cart-item {
    grid-template-columns: 80px 1fr auto !important; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-figure {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-title {
    grid-column: 2 / -1 !important;
    grid-row: 1 !important; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start;
    align-self: center; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(5) {
    grid-column: 3 !important;
    grid-row: 2 !important;
    justify-self: end;
    align-self: center; } }

/* ============================================================
   MC-d — Restore Price on mobile in its own col + row
   Layout row 2: [Price | Qty stepper | Total]
   Figure no longer spans rows — row 2 col 1 holds Price
   ============================================================ */
@media (max-width: 767px) {
  /* Figure only in row 1 (frees col 1 row 2 for Price) */
  table.cart tr.cart-item > td.cart-item-block.cart-item-figure {
    grid-row: 1 !important; }
  /* Restore Price, place in row 2 col 1 */
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(3) {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    padding: 10px 0 0 0 !important;
    margin-top: 4px;
    border-top: 1px solid #E9E4DD;
    align-self: center;
    text-align: left; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) .cart-item-label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #6B6155;
    margin: 0 0 2px 0 !important; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) .cart-item-value {
    font-size: 14px;
    font-weight: 600;
    color: #2D2520;
    display: block; }
  /* Add border-top to qty + total for visual row 2 separator */
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity,
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(5) {
    padding-top: 10px !important;
    margin-top: 4px;
    border-top: 1px solid #E9E4DD; } }

/* ============================================================
   MC-e — Unlock title cell height (legacy height:100px)
   Change button on bulb was overflowing because cart-item-title
   was locked at 100px. Let grid row size to content.
   ============================================================ */
@media (max-width: 767px) {
  table.cart tr.cart-item > td.cart-item-block.cart-item-title,
  table.cart tr.cart-item > td.cart-item-block.cart-item-figure,
  table.cart tr.cart-item > td.cart-item-block.cart-item-info {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important; } }

/* ============================================================
   MC-f — Row 2 unified alignment (price | qty | total)
   - All 3 row-2 cells stretch to same height
   - Inner flex column, vertically centered
   - Single continuous border-top look (same padding/margin)
   ============================================================ */
@media (max-width: 767px) {
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(3),
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity,
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(5) {
    align-self: stretch !important;
    justify-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 12px 0 0 0 !important;
    margin: 8px 0 0 0 !important;
    border-top: 1px solid #E9E4DD !important;
    box-sizing: border-box;
    min-height: 60px; }
  /* Price column — left-aligned, label above value */
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) {
    align-items: flex-start !important; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) .cart-item-label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #6B6155 !important;
    line-height: 1 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) .cart-item-value {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #2D2520 !important;
    margin: 0 !important;
    padding: 0 !important; }
  /* Qty stepper — center horizontally */
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity {
    align-items: center !important; }
  table.cart tr.cart-item > td.cart-item-quantity .cart-item-label {
    display: none !important; }
  /* Total — right-aligned, big bold value only */
  table.cart tr.cart-item > td.cart-item-info:nth-child(5) {
    align-items: flex-end !important; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(5) .cart-item-label {
    display: block !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #6B6155 !important;
    line-height: 1 !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(5) .cart-item-value {
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #1A1410 !important;
    margin: 0 !important;
    padding: 0 !important; } }

/* ============================================================
   MC-g — Row 2 as flex (no column gap) for continuous border
   Switches cart-item from grid to flex so row-2 cells sit flush
   against each other, producing ONE continuous border line.
   Also tightens row-2 padding and fixes the stray Remove X.
   ============================================================ */
@media (max-width: 767px) {
  table.cart tr.cart-item {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
    position: relative;
    padding: 16px 12px !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    border-bottom: 1px solid #E9E4DD; }
  /* Row 1: figure + title */
  table.cart tr.cart-item > td.cart-item-block.cart-item-figure {
    flex: 0 0 80px !important;
    order: 1 !important;
    width: 80px !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-title {
    flex: 1 1 calc(100% - 94px) !important;
    order: 2 !important;
    padding: 0 0 0 14px !important;
    margin: 0 !important;
    min-width: 0;
    grid-column: auto !important;
    grid-row: auto !important; }
  /* Force wrap after title */
  table.cart tr.cart-item::before {
    content: "";
    flex-basis: 100%;
    width: 100%;
    height: 12px;
    order: 3; }
  /* Row 2: flush-adjacent cells, one continuous border-top */
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(3),
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity,
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(5) {
    padding: 10px 0 0 0 !important;
    margin: 0 !important;
    border-top: 1px solid #E9E4DD !important;
    border-bottom: none !important;
    background: transparent !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    grid-column: auto !important;
    grid-row: auto !important; }
  /* Price — left, label inline: "Price £199.50" */
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) {
    flex: 0 1 auto !important;
    order: 4 !important;
    justify-content: flex-start !important;
    white-space: nowrap; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) .cart-item-label {
    display: inline !important;
    font-size: 11px !important;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    color: #6B6155 !important;
    margin: 0 4px 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(3) .cart-item-value {
    display: inline !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2D2520 !important;
    line-height: 1 !important; }
  /* Qty — center, takes remaining space */
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity {
    flex: 1 1 auto !important;
    order: 5 !important;
    justify-content: center !important; }
  table.cart tr.cart-item > td.cart-item-quantity .cart-item-label {
    display: none !important; }
  /* Total — right, big bold value only */
  table.cart tr.cart-item > td.cart-item-info:nth-child(5) {
    flex: 0 1 auto !important;
    order: 6 !important;
    justify-content: flex-end !important;
    white-space: nowrap; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(5) .cart-item-label {
    display: none !important; }
  table.cart tr.cart-item > td.cart-item-info:nth-child(5) .cart-item-value {
    display: inline !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1A1410 !important;
    line-height: 1 !important; }
  /* Corral the stray Remove (X) button if it exists */
  table.cart tr.cart-item .cart-remove,
  table.cart tr.cart-item a.cart-remove,
  table.cart tr.cart-item button.cart-remove {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 2; } }

/* ============================================================
   MC-h — Force intrinsic widths on row-2 flex items
   Cornerstone table CSS was giving TDs width:100% which became
   the flex-basis, making each row-2 item full-width and stack.
   ============================================================ */
@media (max-width: 767px) {
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(3) {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 50% !important;
    flex-basis: auto !important; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-info.cart-item-quantity {
    flex: 1 1 120px !important;
    width: auto !important;
    max-width: none !important; }
  table.cart tr.cart-item > td.cart-item-block.cart-item-info:nth-child(5) {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 40% !important;
    flex-basis: auto !important; }
  /* Safety: force TDs not to inherit table width 100% */
  table.cart tr.cart-item > td {
    box-sizing: border-box; } }

/* ============================================================
   M2 — Upgraded cart heading (replaces "Your Cart (X Items)")
   Eyebrow · count + subtotal · free-delivery benefit
   Universal across desktop / tablet / mobile with size scale.
   ============================================================ */
.tols-cart-heading {
  font-family: "Poppins", sans-serif;
  text-align: center;
  margin: 24px auto 20px;
  padding: 0 16px;
  max-width: 900px; }

.tols-cart-heading__eyebrow {
  display: block;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: #6B6155;
  margin: 0 0 6px 0; }

.tols-cart-heading__main {
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  color: #1A1410;
  margin: 0 0 8px 0; }

.tols-cart-heading__count {
  color: #1A1410; }

.tols-cart-heading__sep {
  color: #B87333;
  font-weight: 400;
  padding: 0 2px; }

.tols-cart-heading__subtotal-label {
  font-size: 16px;
  font-weight: 500;
  color: #6B6155;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  align-self: center; }

.tols-cart-heading__subtotal {
  color: #B87333; }

.tols-cart-heading__benefit {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #2D6A4F;
  margin: 0;
  padding: 6px 14px;
  background: #F1F7F3;
  border-radius: 999px; }

.tols-cart-heading__tick {
  flex: 0 0 14px;
  color: #2D6A4F; }

/* Tablet */
@media (max-width: 991px) {
  .tols-cart-heading {
    margin: 20px auto 16px; }
  .tols-cart-heading__eyebrow {
    font-size: 12px;
    letter-spacing: 1.2px; }
  .tols-cart-heading__main {
    font-size: 26px;
    gap: 6px 10px; }
  .tols-cart-heading__subtotal-label {
    font-size: 14px; }
  .tols-cart-heading__benefit {
    font-size: 13px; } }

/* Mobile */
@media (max-width: 767px) {
  .tols-cart-heading {
    margin: 16px auto 12px;
    padding: 0 12px; }
  .tols-cart-heading__eyebrow {
    font-size: 11px;
    letter-spacing: 1px;
    margin-bottom: 4px; }
  .tols-cart-heading__main {
    font-size: 20px;
    gap: 4px 8px;
    margin-bottom: 8px; }
  .tols-cart-heading__subtotal-label {
    font-size: 11px;
    letter-spacing: 0.6px; }
  .tols-cart-heading__benefit {
    font-size: 12px;
    padding: 5px 12px; } }

/* ------------------------------------------------------------
   M2-hide — Temporarily hide free-delivery benefit pill.
   Reinstated in Stage 5 with location-aware thresholds.
   ------------------------------------------------------------ */
.tols-cart-heading__benefit {
  display: none !important; }

/* ------------------------------------------------------------
   M2-a — Bump eyebrow "Your Cart" size across all viewports
   ------------------------------------------------------------ */
.tols-cart-heading__eyebrow {
  font-size: 22px !important;
  letter-spacing: 2px !important;
  margin-bottom: 10px !important;
  font-weight: 600 !important; }

@media (max-width: 991px) {
  .tols-cart-heading__eyebrow {
    font-size: 19px !important;
    letter-spacing: 1.6px !important; } }

@media (max-width: 767px) {
  .tols-cart-heading__eyebrow {
    font-size: 16px !important;
    letter-spacing: 1.2px !important;
    margin-bottom: 6px !important; } }

/* ------------------------------------------------------------
   T11 — Hide breadcrumbs on the cart page (all viewports)
   The upgraded cart heading (M2) replaces the need for them.
   ------------------------------------------------------------ */
main.page-content[data-cart] .breadcrumbs,
main.page-content[data-cart] ul.breadcrumbs,
main.page-content[data-cart] nav.breadcrumbs {
  display: none !important; }

/* ============================================================
   S4 — Static 5-star Trustpilot trust badge
   Sits between Proceed Securely and PayPal buttons.
   Green stars (#00B67A), centred, all viewports.
   ============================================================ */
.tols-tp-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 14px 0;
  margin: 0;
  font-family: "Poppins", sans-serif; }

.tols-tp-badge__stars {
  display: flex;
  gap: 2px;
  align-items: center; }

.tols-tp-badge__stars svg {
  display: block; }

.tols-tp-badge__text {
  font-size: 13px;
  font-weight: 700;
  color: #1A1410;
  letter-spacing: 0.3px; }

.tols-tp-badge__sep {
  font-size: 13px;
  color: #D4C9BC;
  font-weight: 300; }

.tols-tp-badge__source {
  font-size: 13px;
  font-weight: 600;
  color: #00B67A; }

@media (max-width: 767px) {
  .tols-tp-badge {
    padding: 12px 0;
    gap: 5px; }
  .tols-tp-badge__stars svg {
    width: 16px;
    height: 16px; }
  .tols-tp-badge__text,
  .tols-tp-badge__sep,
  .tols-tp-badge__source {
    font-size: 12px; } }

/* ── S7: Upsell card restyle ────────────────── */
.addBlubs-cart {
  position: relative;
  background: #FDFCFB !important;
  border: 1px solid #E9E4DD !important;
  border-left: 3px solid #B87333 !important;
  border-radius: 6px !important;
  padding: 14px 18px !important;
  margin: 4px 0 12px !important;
  font-family: "Poppins", sans-serif; }

.addBlubs-cart hr {
  display: none !important; }

.addBlubs-cart .offset-md-2 {
  margin-left: 0 !important; }

.addBlubs-cart .row {
  display: flex !important;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap; }

.addBlubs-cart h2 {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #B87333 !important;
  margin: 0 0 2px !important;
  line-height: 1.3 !important; }

.addBlubs-cart h3 {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2D2520 !important;
  margin: 0 !important;
  line-height: 1.3 !important; }

.addBlubs-cart .upsell-price {
  display: inline-block;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1A1410 !important;
  margin-top: 3px; }

.addBlubs-cart .col-3.col-md-2 {
  flex: 0 0 70px !important;
  padding: 0 !important; }

.addBlubs-cart figure {
  margin: 0 !important; }

.addBlubs-cart figure img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 4px !important;
  background: #fff;
  border: 1px solid #F0ECE6;
  padding: 4px; }

.addBlubs-cart .col-md-5 {
  flex: 1 1 auto !important;
  min-width: 0; }

.addBlubs-cart .col-9.col-md-3 {
  flex: 0 0 auto !important;
  padding: 0 !important; }

.addBlubs-cart .button--primary,
.addBlubs-cart .button--primary button {
  background: transparent !important;
  border: 1.5px solid #B87333 !important;
  color: #B87333 !important;
  font-family: "Poppins", sans-serif;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 0.3px;
  padding: 8px 18px !important;
  border-radius: 4px !important;
  cursor: pointer;
  white-space: nowrap;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s; }

.addBlubs-cart .button--primary:hover,
.addBlubs-cart .button--primary button:hover {
  background: #B87333 !important;
  color: #fff !important; }

/* Already-added state */
.addBlubs-cart.addBlubs-cart--added {
  border-left: 3px solid #2D6A4F !important;
  background: #F6FAF7 !important;
  padding: 12px 18px !important;
  gap: 0 !important; }

.addBlubs-cart.addBlubs-cart--added .col-md-10.offset-md-2 {
  display: none !important; }

.addBlubs-cart.addBlubs-cart--added h2 {
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #2D6A4F !important;
  line-height: 1.45 !important; }

/* Variant selector */
.upsell-variant-wrap {
  margin-top: 6px; }

.upsell-variant-select {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #2D2520;
  background: #fff;
  border: 1px solid #E9E4DD;
  border-radius: 4px;
  padding: 5px 28px 5px 10px;
  min-height: 32px;
  cursor: pointer;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%232D2520' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center; }

.upsell-variant-select:focus {
  outline: none;
  border-color: #B87333;
  box-shadow: 0 0 0 2px rgba(184, 115, 51, 0.15); }

/* Mobile */
@media (max-width: 767px) {
  .addBlubs-cart {
    position: relative;
    padding: 10px 12px !important;
    margin: 4px 0 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 0 !important;
    align-items: flex-start !important; }
  .addBlubs-cart .row {
    flex-wrap: wrap !important;
    gap: 0 !important;
    align-items: flex-start !important; }
  .addBlubs-cart .col-md-10.offset-md-2 {
    display: none !important; }
  .addBlubs-cart .col-3.col-md-2 {
    position: absolute !important;
    top: 10px;
    right: 12px;
    flex: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important; }
  .addBlubs-cart figure img {
    width: 48px;
    height: 48px; }
  .addBlubs-cart .col-md-5 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    padding-right: 64px !important;
    margin-left: 0 !important;
    order: 1; }
  .addBlubs-cart h2 {
    font-size: 11px !important;
    margin-bottom: 1px !important; }
  .addBlubs-cart h3 {
    font-size: 11px !important;
    line-height: 1.25 !important; }
  .addBlubs-cart .upsell-price {
    font-size: 12px !important;
    margin-top: 2px; }
  .addBlubs-cart .upsell-variant-wrap {
    margin-top: 6px;
    margin-bottom: 6px; }
  .upsell-variant-select {
    width: 100%;
    max-width: none;
    min-height: 32px;
    padding: 4px 28px 4px 8px;
    font-size: 11px; }
  .addBlubs-cart .col-9.col-md-3 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    order: 3;
    margin-top: 12px;
    padding: 0 !important; }
  .addBlubs-cart .col-9.col-md-3 p {
    margin: 0 !important; }
  .addBlubs-cart .button--primary,
  .addBlubs-cart .button--primary button {
    width: 100%;
    padding: 8px 16px;
    font-size: 12px !important;
    min-height: 36px;
    border-radius: 5px !important;
    margin-bottom: 0 !important; }
  /* Already-added compact */
  .addBlubs-cart.addBlubs-cart--added {
    padding: 10px 12px !important; }
  .addBlubs-cart.addBlubs-cart--added .col-md-5 {
    padding-right: 0 !important; }
  .addBlubs-cart.addBlubs-cart--added h2 {
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important; }
  /* X remove button — clear product name */
  table.cart tr.cart-item .cart-item-name a {
    padding-right: 28px !important; }
  table.cart tr.cart-item a.cart-remove {
    top: 4px !important;
    right: 4px !important; }
  /* Brand name — lighten and size up */
  .cart-item-brand {
    font-weight: 400 !important;
    font-size: 11px !important; } }

/* ── S9: Cart page spacing & button fixes ──────── */
.tols-cart-heading {
  margin-top: 8px !important; }

.mobile-trust-bar {
  margin-bottom: 8px !important; }

@media (min-width: 992px) {
  .page-content > .d-lg-flex.mt-4 {
    margin-top: 0.5rem !important; }
  .page-content > .d-lg-flex.mb-4 {
    margin-bottom: 0.5rem !important; } }

.cart-actions .button--primary {
  border-radius: 0px !important; }

@media (min-width: 992px) {
  .tols-cart-sticky-mobile {
    display: none !important; } }

/* ── S8: Cross-sell "You Might Also Like" ────── */
.cart-cross-sells {
  padding: 24px 0 16px;
  margin-bottom: 12px; }

.cart-cross-sells__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px; }

.cart-cross-sells__heading {
  font-family: "Poppins", sans-serif;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #1A1410 !important;
  letter-spacing: 0.25px;
  margin: 0 !important;
  text-transform: uppercase; }

.cart-cross-sells__arrows {
  display: flex;
  gap: 8px; }

.cart-cross-sells__arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #E4E3E1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #2D2520;
  transition: border-color 0.15s, opacity 0.15s;
  padding: 0;
  line-height: 1; }

.cart-cross-sells__arrow:hover {
  border-color: #B87333; }

.cart-cross-sells__track {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: #E9E4DD transparent; }

.cart-cross-sells__track::-webkit-scrollbar {
  height: 4px; }

.cart-cross-sells__track::-webkit-scrollbar-thumb {
  background: #E9E4DD;
  border-radius: 2px; }

.cross-sell-card {
  flex: 0 0 190px;
  scroll-snap-align: start;
  background: #fff;
  border: 1px solid #F0ECE6;
  border-radius: 6px;
  overflow: hidden;
  text-decoration: none !important;
  color: inherit !important;
  transition: border-color 0.15s, box-shadow 0.15s;
  display: flex;
  flex-direction: column; }

.cross-sell-card:hover {
  border-color: #B87333;
  box-shadow: 0 2px 8px rgba(184, 115, 51, 0.1); }

.cross-sell-card__img {
  aspect-ratio: 1;
  background: #FDFCFB;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  overflow: hidden; }

.cross-sell-card__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.25s ease; }

.cross-sell-card:hover .cross-sell-card__img img {
  transform: scale(1.06); }

.cross-sell-card__info {
  padding: 10px;
  flex: 1; }

.cross-sell-card__name {
  font-family: "Poppins", sans-serif;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2D2520 !important;
  line-height: 1.35;
  margin: 0 0 4px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: break-word;
  word-break: break-word; }

.cross-sell-card__price {
  font-family: "Poppins", sans-serif;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1A1410 !important;
  margin: 0 !important; }

/* S8 mobile */
@media (max-width: 767px) {
  .cart-cross-sells {
    padding: 16px 0 8px;
    margin-bottom: 8px; }
  .cart-cross-sells__heading {
    font-size: 15px !important; }
  .cart-cross-sells__arrows {
    display: none; }
  .cross-sell-card {
    flex: 0 0 140px; }
  .cross-sell-card__info {
    padding: 8px; }
  .cross-sell-card__name {
    font-size: 12px !important; }
  .cross-sell-card__price {
    font-size: 12px !important; } }

/* Product page ATC button — inline full-fill on tablet & mobile
   2026-04-18 (v2)
   Under 1200px: qty + ATC + wishlist stay on one row, ATC flex-grows
   to absorb the leftover space. Overrides the legacy per-breakpoint
   !important widths. */
@media (max-width: 1199px) {
  .productView-options .button-center-in-mobile > .d-flex {
    width: 100%;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px; }
  .productView-options .form-field--increments,
  .productView-options .form-wishlist.form-action {
    flex: 0 0 auto;
    width: auto !important;
    max-width: none; }
  .productView-options .form-action:not(.form-wishlist) {
    flex: 1 1 0;
    width: auto !important;
    max-width: none;
    min-width: 0;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important; }
  .productView-options .form-action:not(.form-wishlist) .button.addtoCart,
  .productView-options input.addtoCart {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block;
    box-sizing: border-box;
    padding-left: 12px !important;
    padding-right: 12px !important; } }

/* Payment card icons — smaller across all views
   2026-04-18
   Product page .payment-icon IMGs: 75×46 → 44×27
   Footer .footer-payment-icon SVGs: 50×50 → 32×32 */
.payment-icon img,
.payment-icon.d-flex img.ml-4,
.payment-icon.d-flex img.mr-4 {
  width: 44px !important;
  height: auto !important;
  max-width: 44px !important;
  margin-left: 6px !important;
  margin-right: 6px !important; }

.footer-payment-icons .footer-payment-icon {
  width: 32px !important;
  height: 32px !important;
  margin-left: 4px !important;
  margin-right: 4px !important; }

/* Relocate product accordions below Related Products — full-width on all breakpoints
   2026-04-18
   Hides both in-place accordion copies (desktop .d-lg-block + mobile .d-lg-none);
   inline script in product.html moves the mobile copy into
   #tols-relocated-accordions which sits after .related-product-section. */
.productView .accordion-container.d-none.d-lg-block,
.productView .accordion-container.d-block.d-lg-none {
  display: none !important; }

#tols-relocated-accordions {
  display: block;
  width: 100%;
  margin: 24px 0 16px;
  padding: 0 14px;
  box-sizing: border-box; }

#tols-relocated-accordions .accordion-container.tols-relocated-accordion {
  margin: 0 !important;
  display: block !important;
  width: 100%;
  max-width: 100%; }

#tols-relocated-accordions .accordion-container.tols-relocated-accordion .set {
  width: 100%;
  max-width: 100%; }

#tols-relocated-accordions .accordion-container.tols-relocated-accordion .set > a {
  width: 100%;
  box-sizing: border-box; }

#tols-relocated-accordions .accordion-container.tols-relocated-accordion .set .content {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

/* Orphan divider under product gallery — left-right-panel-bottom
   2026-04-18
   With the desktop accordion relocated below Related Products, the
   border-bottom on .left-right-panel-bottom is now an orphan line
   floating below the thumbnails, clashing with the product gallery. */
.productView-images-c .left-right-panel-bottom,
.productView-images-c .left-right-panel,
.productView-details .left-right-panel-bottom {
  border-bottom: 0 !important; }

/* featureInfo trust row — center each column's content horizontally on desktop
   2026-04-18
   Columns are 374px each (evenly distributed) but content was left-aligned,
   making gaps visually uneven. Centering content within each column evens it out. */
@media (min-width: 992px) {
  .featureInfo.d-none.d-lg-block > .row > .col {
    display: flex;
    justify-content: center;
    align-items: center; } }

/* CLS fixes — 2026-04-18
   Reserve space for two known layout-shift sources: the rotating announcement
   bar and the trust icons row. Target: reduce mobile CLS from 1.1 to <0.5.
   Image dimension fixes deferred to Phase 2 template rewrites. */
/* Announcement bar — height varies with rotating text length, causing a
   downward push on every message swap. */
.banners,
.banners .banner {
  min-height: 40px; }

/* Trust icons row (desktop + mobile variants) — collapses to 0 height
   then expands when icon font loads. 74px matches observed rendered height. */
.feature-icon-wrapper.d-none.d-lg-block,
.feature-icon-wrapper.d-none.d-md-block.d-lg-none {
  min-height: 74px; }

/* PDP sticky mobile ATC bar — 2026-04-18
   Mirrors the existing .tols-cart-sticky-mobile pattern (S9 cart redesign).
   Live-syncs price + stock message from .productView-price and
   .productView-stock via MutationObserver so one product-data edit updates
   the sticky bar automatically. Mobile-only (<992px), hidden on desktop. */
.tols-pdp-sticky-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #FFFFFF;
  border-top: 1px solid #E9E4DD;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(100%);
  transition: transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: none; }

.tols-pdp-sticky-mobile.is-visible {
  transform: translateY(0);
  pointer-events: auto; }

.tols-pdp-sticky-mobile__info {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: inherit; }

.tols-pdp-sticky-mobile__thumb {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  border-radius: 4px;
  object-fit: cover;
  background: #F5F3EF;
  display: block; }

.tols-pdp-sticky-mobile__text {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.2; }

.tols-pdp-sticky-mobile__title {
  display: block;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #1A1410;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 1px; }

.tols-pdp-sticky-mobile__amount {
  display: block;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #1A1410;
  font-variant-numeric: tabular-nums; }

.tols-pdp-sticky-mobile__meta {
  display: block;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #6B655C;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.tols-pdp-sticky-mobile__meta:empty {
  display: none; }

.tols-pdp-sticky-mobile__proxy {
  flex: 0 0 auto;
  background: #B87333 linear-gradient(135deg, #8B5A1E 0%, #B87333 40%, #D4953D 70%, #B87333 100%);
  color: #FFFFFF;
  border: none;
  border-radius: 2px;
  padding: 14px 18px;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(184, 115, 51, 0.28);
  transition: transform 120ms ease; }

.tols-pdp-sticky-mobile__proxy:active {
  transform: translateY(1px); }

.tols-pdp-sticky-mobile__proxy:focus-visible {
  outline: 2px solid #D4953D;
  outline-offset: 2px; }

.tols-pdp-sticky-mobile__proxy[disabled],
.tols-pdp-sticky-mobile__proxy[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed; }

@media (min-width: 992px) {
  .tols-pdp-sticky-mobile {
    display: none !important; } }

/* Shared chat-offset fix for sticky mobile bars — 2026-04-18 (refactor RF1a)
   When EITHER the cart sticky OR the PDP sticky is in its .is-visible state,
   nudge the Tawk chat iframe up so it does not collide with the bar.
   Uses :has() + targets the iframe directly (stable selector).
   Obsoletes the dead .widget-visible { bottom: 65px !important; } rule and
   the old @media (max-width:767px) iframe[title="chat widget"] / .widget-visible
   block — both target wrong elements. To be removed in RF1b. */
body:has(.tols-cart-sticky-mobile.is-visible) .widget-visible iframe,
body:has(.tols-pdp-sticky-mobile.is-visible) .widget-visible iframe {
  bottom: 95px !important;
  transition: bottom 240ms cubic-bezier(0.22, 0.61, 0.36, 1); }

/* Sticky header — 2026-04-18 (SH-1)
   Mobile + tablet (<992px) sticky compact header.
   Behaviour: hide on scroll-down, show on scroll-up (JS in header.html).
   Proxies existing hamburger / search / cart — single source of truth.
   2px copper-gold gradient bottom border matches the sticky ATC brand system. */
.tols-sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 900;
  background: #FFFFFF;
  height: 56px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(135deg, #8B5A1E 0%, #B87333 40%, #D4953D 70%, #B87333 100%) 1;
  transform: translateY(-100%);
  transition: transform 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
  pointer-events: none; }

.tols-sticky-header.is-visible {
  transform: translateY(0);
  pointer-events: auto; }

.tols-sticky-header__hamburger,
.tols-sticky-header__search,
.tols-sticky-header__cart {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: #1A1410;
  cursor: pointer;
  padding: 0;
  position: relative;
  text-decoration: none; }

.tols-sticky-header__hamburger svg,
.tols-sticky-header__search svg,
.tols-sticky-header__cart svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round; }

.tols-sticky-header__hamburger:focus-visible,
.tols-sticky-header__search:focus-visible,
.tols-sticky-header__cart:focus-visible {
  outline: 2px solid #D4953D;
  outline-offset: 2px; }

.tols-sticky-header__logo {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none; }

.tols-sticky-header__logo img {
  max-height: 36px;
  max-width: 100%;
  height: auto;
  width: auto;
  display: block; }

.tols-sticky-header__count {
  position: absolute;
  top: 6px;
  right: 6px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  background: #B87333;
  color: #FFFFFF;
  border-radius: 8px;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-variant-numeric: tabular-nums; }

.tols-sticky-header__count:empty,
.tols-sticky-header__count[data-count="0"] {
  display: none; }

@media (min-width: 1200px) {
  .tols-sticky-header {
    display: none !important; } }

/* Mobile menu iOS scroll lock — 2026-04-18
   Prevent page scroll while menu is open. position:fixed on body locks
   touch-scroll on iOS (overflow:hidden alone doesn't). Scroll position
   preserved via JS hook in header.html that reads body.dataset.stickyScrollY.
   Replaces previous hardcoded top:48px/143px fix which drifted on varying
   viewport heights. */
@media (max-width: 991.98px) {
  body.has-activeNavPages {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    overflow: hidden; }
  body.has-activeNavPages .tols-sticky-header {
    display: none !important; }
  /* Pin X to top-right corner + make menu a full-viewport modal.
     Body is position:fixed above — absolute descendants go off-screen.
     Full-viewport drawer avoids layered / "floating" feel on old content. */
  body.has-activeNavPages .mobileMenu-toggle.is-open {
    position: fixed !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    z-index: 2147483647 !important; }
  body.has-activeNavPages .navPages-container.is-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    background: #FFFFFF !important;
    padding-top: 56px; } }

/* =============================================================
   TOLS Category Page redesign — Chunk C1 — SCSS staging (dormant)
   2026-04-19

   Scope: .tols-category-page (class added in C2 as part of the
   description-split markup change). Dormant at this save — selectors
   below target markup that does not exist yet, so zero visual change.

   Landmarks (live at time of write):
     - templates/pages/category.html = 156 lines
     - .more = sole description wrapper (category.html row 56)
     - .productGrid = display: block, no self-rule
     - #product-listing-container = existing category-only ID
     - .facetedSearch-toggle = existing BC mobile filter trigger

   Rollback: delete this entire banner block.
   Kill switch: add .category-redesign-disabled class to body.
   ============================================================= */
.category-redesign-disabled .tols-category-page,
.category-redesign-disabled .tols-category-page * {
  all: revert; }

/* Above-grid description refinements (applied when .more gains .above in C2) */
.tols-category-page .category-description.above {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: #2D2520;
  margin: 0 0 24px; }

/* Read more button */
.tols-category-page .read-more-btn {
  background: transparent;
  border: 0;
  padding: 8px 12px 8px 0;
  margin: 0 0 12px;
  min-height: 44px;
  color: #B87333;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.25px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px; }

.tols-category-page .read-more-btn::after {
  content: "›";
  transform: rotate(90deg);
  transition: transform 0.2s;
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.tols-category-page .read-more-btn:hover {
  color: #1A1410; }

/* Below-grid section */
.tols-category-page #tols-category-below {
  margin: 24px 0 16px;
  font-family: "Poppins", Arial, sans-serif;
  color: #2D2520; }

.tols-category-page #tols-category-below h2 {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  color: #B87333;
  letter-spacing: 0.25px;
  margin: 24px 0 8px; }

.tols-category-page #tols-category-below h3 {
  font-size: 18px;
  font-weight: 500;
  color: #1A1410;
  letter-spacing: 0.25px;
  margin: 24px 0 12px; }

.tols-category-page #tols-category-below p {
  font-size: 15px;
  line-height: 1.7;
  margin: 0 0 16px; }

.tols-category-page #tols-category-below details {
  border: 1px solid #E9E4DD;
  border-radius: 0;
  margin: 0 0 8px;
  padding: 0; }

.tols-category-page #tols-category-below details > summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 20px;
  font-family: "Poppins", Arial, sans-serif;
  font-weight: 500;
  color: #1A1410;
  position: relative;
  padding-right: 48px; }

.tols-category-page #tols-category-below details > summary::-webkit-details-marker {
  display: none; }

.tols-category-page #tols-category-below details > summary::after {
  content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #B87333;
  font-weight: 300; }

.tols-category-page #tols-category-below details[open] > summary::after {
  content: "−"; }

.tols-category-page #tols-category-below details > *:not(summary) {
  padding: 0 20px 16px; }

/* EOF — TOLS Category Page Chunk C1 */
/* 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_tols_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.tols-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. */
.tols-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) {
    .tols-md {
      display: none !important; } }
  .tols-md.is-open {
    pointer-events: auto;
    visibility: visible; }
  .tols-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; }
  .tols-md.is-open .tols-md__backdrop {
    opacity: 1; }
  .tols-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; }
  .tols-md.is-open .tols-md__panel {
    transform: translateX(0); }
  .tols-md__header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: #1A1410; }
  .tols-md__logo {
    display: block;
    max-width: 160px;
    line-height: 0; }
    .tols-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); }
  .tols-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; }
    .tols-md__close svg {
      display: block; }
    .tols-md__close:focus-visible {
      outline: 2px solid #D4953D;
      outline-offset: 2px; }
  .tols-md__nav {
    flex: 1 1 auto;
    padding: 0; }
  .tols-md__list, .tols-md__sublist, .tols-md__subsublist, .tols-md__brand-list {
    list-style: none;
    margin: 0;
    padding: 0; }
  .tols-md__item, .tols-md__subitem, .tols-md__subsubitem {
    position: relative;
    border-bottom: 1px solid #f1f1f1; }
  .tols-md__sublist .tols-md__subitem:last-child,
  .tols-md__subsublist .tols-md__subsubitem:last-child {
    border-bottom: 0; }
  .tols-md__link, .tols-md__sublink, .tols-md__subsublink {
    display: block;
    padding: 14px 48px 14px 20px;
    color: #1A1410;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500; }
    .tols-md__link:hover, .tols-md__link:focus-visible, .tols-md__sublink:hover, .tols-md__sublink:focus-visible, .tols-md__subsublink:hover, .tols-md__subsublink:focus-visible {
      color: #D4953D;
      background: #fbf7f0;
      outline: none; }
  .tols-md__sublink {
    padding-left: 36px;
    font-size: 14px;
    font-weight: 400; }
  .tols-md__subsublink {
    padding: 11px 48px 11px 52px;
    font-size: 13px;
    font-weight: 400;
    color: #555555; }
    .tols-md__subsublink:hover, .tols-md__subsublink:focus-visible {
      color: #D4953D; }
  .tols-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; }
    .tols-md__toggle svg {
      display: block;
      transition: transform 200ms ease; }
    .tols-md__toggle[aria-expanded="true"] svg {
      transform: rotate(180deg); }
    .tols-md__toggle:focus-visible {
      outline: 2px solid #D4953D;
      outline-offset: -2px; }
  .tols-md__toggle--sub {
    height: 42px;
    width: 42px; }
  .tols-md__sublist {
    background: #faf8f5; }
  .tols-md__subsublist {
    background: #f3efe8; }
  .tols-md__brands {
    padding-bottom: 8px;
    border-top: 1px solid #eeeeee;
    margin-top: 8px; }
  .tols-md__section-title {
    margin: 16px 20px 8px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #6a6a6a; }
  .tols-md__brand-list li {
    border-bottom: 1px solid #f5f5f5; }
    .tols-md__brand-list li:last-child {
      border-bottom: 0; }
    .tols-md__brand-list li a {
      display: block;
      padding: 12px 20px;
      color: #1A1410;
      font-size: 14px;
      text-decoration: none; }
      .tols-md__brand-list li a:hover, .tols-md__brand-list li a:focus-visible {
        color: #D4953D;
        background: #fbf7f0;
        outline: none; }
  .tols-md__brand-all {
    font-weight: 600;
    color: #D4953D !important; }
  .tols-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; }
  .tols-md__footer a {
    color: #1A1410;
    text-decoration: none;
    padding: 8px 0; }
    .tols-md__footer a:hover, .tols-md__footer a:focus-visible {
      color: #D4953D;
      outline: none; }
  .tols-md__cart-link {
    margin-left: auto;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px; }
  .tols-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; }
    .tols-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.tols-md-lock {
  overflow: hidden;
  touch-action: none; }
  html.tols-md-lock body {
    overflow: hidden; }

/* Hide the legacy mobile menu plumbing at <1200px once the new drawer has
   initialised (JS sets `html.tols-md-ready` after successful init).
   If JS fails to load, legacy menu remains as a fallback. */
@media (max-width: 1199px) {
  html.tols-md-ready .navPages-container,
  html.tols-md-ready .mega-cat-dropdown,
  html.tols-md-ready #shopnav-dim-page,
  html.tols-md-ready .second-level-flyout {
    display: none !important; } }

/* Mobile drawer MD6 — smooth close animation (2026-04-19)
   The base .tols-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. */
.tols-md {
  transition: visibility 0s linear 280ms; }
  .tols-md.is-open {
    transition: visibility 0s linear 0s; }

/* =============================================================
   TOLS Category Page redesign — Chunk C4 — Below-grid newsletter
   2026-04-19

   Adds visual separation between the marker-split content and the
   reused newsletter partial inside #tols-category-below. If no
   content is injected (marker at end of description, or empty body),
   the separator collapses so there is no orphan border.

   Rollback: delete this entire banner block.
   ============================================================= */
.tols-category-page #tols-category-below .tols-below-newsletter {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #E9E4DD; }

.tols-category-page #tols-category-below-content:empty + .tols-below-newsletter {
  margin-top: 24px;
  padding-top: 0;
  border-top: 0; }

/* EOF — TOLS Category Page Chunk C4 */
/* =============================================================
   TOLS Category Page redesign — Chunk C4.1 — H1 polish (Option A)
   2026-04-19

   Category H1 typography refresh: larger size, medium weight,
   copper underline accent.

   Rollback: delete this entire banner block.
   ============================================================= */
.page.category .tols-category-page h1.page-heading {
  font-family: "Poppins", Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #1A1410;
  margin: 0 0 32px;
  padding: 0 0 16px;
  position: relative; }

.page.category .tols-category-page h1.page-heading::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  background: #B87333;
  position: absolute;
  left: 0;
  bottom: 0; }

@media (max-width: 767px) {
  .page.category .tols-category-page h1.page-heading {
    font-size: 28px;
    margin-bottom: 24px; } }

/* EOF — TOLS Category Page Chunk C4.1 */
/* =============================================================
   TOLS Category Page redesign — Chunk C4.2 — Theme spacing tighten
   2026-04-19

   Override theme defaults on .actionBar (sort toolbar) and
   .pagination to reduce vertical whitespace above/below the grid.
   ============================================================= */
.page.category .tols-category-page form.actionBar {
  margin-top: 12px;
  margin-bottom: 16px; }

.page.category .tols-category-page .pagination {
  margin-top: 12px;
  margin-bottom: 16px; }

/* EOF — TOLS Category Page Chunk C4.2 */
/* =============================================================
   TOLS Category Page redesign — Chunk C4.3 — Typography polish
   2026-04-19

   Four cascade fixes surfaced on /shade-only/ live content review:
     1. Teaser <p> forced to 15px/1.7 (was inheriting theme 14px)
     2. FAQ <summary> bumped to 15px (was 14px, smaller than answers)
     3. Below <ul> gets padding-left so bullets show
     4. Teaser H3 dropped from 24px to 20px for clearer H1/H3 hierarchy

   Specificity prefix .page.category matches vault cascade on some rules.
   ============================================================= */
main#product-listing-container .category-description.above p {
  font-size: 15px;
  line-height: 1.7; }

.page.category .tols-category-page .category-description.above h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0 0 10px; }

.tols-category-page #tols-category-below details > summary {
  font-size: 15px;
  line-height: 1.5; }

.tols-category-page #tols-category-below ul {
  padding-left: 20px;
  list-style: disc outside; }

.tols-category-page #tols-category-below ul li {
  margin-bottom: 8px;
  line-height: 1.6; }

/* EOF — TOLS Category Page Chunk C4.3 */
/* =============================================================
   TOLS Category Page redesign — Chunk C6 v2 — Mobile filter shell
   2026-04-19

   Self-contained bottom-sheet overlay. One position:fixed shell
   containing backdrop + drawer. When opened, JS moves the sidebar
   nav INTO the shell's scroll area and back on close.
   ============================================================= */
.tols-mobile-filter-bar {
  display: none; }

.tols-filter-shell {
  display: none; }

@media (max-width: 991px) {
  .tols-category-page .tols-mobile-filter-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    position: sticky;
    top: 0;
    z-index: 20;
    background: #fff;
    border-bottom: 1px solid #E9E4DD;
    padding: 10px 0;
    margin: 0 0 12px; }
  .tols-category-page .tols-filter-pill {
    flex: 1 1 auto;
    min-height: 44px;
    background: #fff;
    border: 1px solid #1A1410;
    color: #1A1410;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    border-radius: 0;
    padding: 10px 16px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none; }
  .tols-category-page .tols-filter-pill::before {
    content: "≡";
    font-size: 18px;
    font-weight: 700; }
  .page.category .page-sidebar#faceted-search-container {
    display: none; }
  body.tols-filter-open {
    overflow: hidden; }
  body.tols-filter-open .tols-filter-shell {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999; }
  .tols-filter-shell .tols-filter-backdrop {
    flex: 0 0 15%;
    background: rgba(26, 20, 16, 0.55);
    cursor: pointer; }
  .tols-filter-shell .tols-filter-drawer {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-top: 2px solid #B87333;
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.2);
    min-height: 0; }
  .tols-filter-shell .tols-filter-header {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid #E9E4DD; }
  .tols-filter-shell .tols-filter-header-title {
    font-family: "Poppins", Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #1A1410;
    letter-spacing: 0.25px; }
  .tols-filter-shell .tols-filter-close {
    flex: 0 0 auto;
    flex-shrink: 0;
    padding: 10px 20px;
    background: #B87333;
    border: 0;
    color: #fff;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1;
    min-height: 44px;
    min-width: 88px;
    cursor: pointer;
    border-radius: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    text-transform: uppercase; }
  .tols-filter-shell .tols-filter-scroll {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px 20px;
    min-height: 0; }
  .tols-filter-shell .tols-filter-scroll #facetedSearch-navList,
  .tols-filter-shell .tols-filter-scroll nav,
  .tols-filter-shell .tols-filter-scroll .navList--accordion {
    display: block !important; }
  .tols-filter-shell .tols-filter-apply {
    flex: 0 0 auto;
    background: #B87333;
    color: #fff;
    border: 0;
    padding: 14px 20px;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.25px;
    cursor: pointer;
    min-height: 52px;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none; }
  body.tols-filter-open .widget-visible,
  body.tols-filter-open #tawkchat-container,
  body.tols-filter-open iframe[title*="chat" i] {
    opacity: 0 !important;
    pointer-events: none !important; } }

/* EOF — TOLS Category Page Chunk C6 v2 */
/* TOLS brand pages — Chunk B1 — brand-copy partial typography slot
   2026-04-21
   Dormant today (no .tols-brand-story markup yet); activates when Phase 3 populates the partial. */
.tols-brand-story[data-tols-brand-page] {
  max-width: 900px;
  margin: 16px auto 24px;
  padding: 0 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #2D2520; }
  .tols-brand-story[data-tols-brand-page] p {
    margin: 0 0 12px; }
  .tols-brand-story[data-tols-brand-page] p:last-child {
    margin-bottom: 0; }
  .tols-brand-story[data-tols-brand-page] h2, .tols-brand-story[data-tols-brand-page] h3 {
    font-weight: 500;
    color: #1A1410;
    margin: 20px 0 10px; }

@media (max-width: 767px) {
  .tols-brand-story[data-tols-brand-page] {
    font-size: 14px;
    padding: 0 12px;
    margin: 12px auto 20px; } }

/* resave-marker-20260421 */
/* remark-2-force-compile */
/* TOLS brand pages — Chunk B3 — index grid: logo/tile uniformity
   2026-04-21
   Replaces inline-block brand grid with CSS Grid, uniform 3:2 aspect tiles,
   object-fit:contain for logos. No content change, visual polish only. */
.brandGrid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
  padding: 0;
  list-style: none;
  margin: 0 0 24px !important; }
  .brandGrid .brand {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important; }
    .brandGrid .brand .card {
      background: #FFFFFF;
      border: 1px solid #E9E4DD;
      border-radius: 4px;
      overflow: hidden;
      transition: border-color 180ms ease, box-shadow 180ms ease; }
      .brandGrid .brand .card:hover {
        border-color: #B87333;
        box-shadow: 0 4px 12px rgba(26, 20, 16, 0.08); }
    .brandGrid .brand .card-figure {
      aspect-ratio: 3 / 2;
      width: 100%;
      margin: 0;
      background: #FFFFFF;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px; }
    .brandGrid .brand .card-img-container {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .brandGrid .brand .card-image {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto;
      object-fit: contain; }
    .brandGrid .brand .card-body {
      padding: 10px 14px 14px;
      text-align: center;
      border-top: 1px solid #E9E4DD; }
    .brandGrid .brand .card-title {
      font-family: 'Poppins', sans-serif;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 0.25px;
      color: #1A1410;
      margin: 0; }
      .brandGrid .brand .card-title a {
        color: inherit;
        text-decoration: none; }

@media (max-width: 767px) {
  .brandGrid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px; }
  .brandGrid .brand .card-figure {
    padding: 12px; }
  .brandGrid .brand .card-body {
    padding: 8px 10px 10px; } }

/* b3-marker-20260421 */
/* TOLS brand pages — Chunk B3a — neutralise Foundation clearfix pseudos on .brandGrid
   2026-04-21 — same pattern as footer Chunk 2a (Session 2).
   Pseudos were being treated as grid items, pushing the first real tile off-column. */
.brandGrid::before,
.brandGrid::after {
  display: none !important; }

/* b3a-marker-20260421 */
/* TOLS brand pages — Chunk B4a — index hero lead + trust row + newsletter spacing
   2026-04-21
   Adds lead copy under H1, 4-chip trust row before grid, newsletter after grid.
   Tier splitting deferred. */
[data-tols-brand-index] .page-heading {
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  letter-spacing: 0.25px;
  color: #1A1410;
  margin: 24px 0 10px; }

[data-tols-brand-index] .tols-brand-index__lead {
  text-align: center;
  max-width: 680px;
  margin: 0 auto 28px;
  padding: 0 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #2D2520; }

[data-tols-brand-index] .tols-brand-index__newsletter {
  margin-top: 40px; }

.tols-brand-trust-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 16px;
  margin: 0 0 24px;
  list-style: none;
  border-top: 1px solid #E9E4DD;
  border-bottom: 1px solid #E9E4DD; }
  .tols-brand-trust-row li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    letter-spacing: 0.25px;
    color: #2D2520;
    text-align: center; }
  .tols-brand-trust-row .tols-trust-icon {
    color: #B87333;
    font-weight: 600;
    font-size: 14px;
    flex-shrink: 0; }

@media (max-width: 767px) {
  [data-tols-brand-index] .page-heading {
    font-size: 24px;
    margin: 16px 0 8px; }
  [data-tols-brand-index] .tols-brand-index__lead {
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 12px; }
  [data-tols-brand-index] .tols-brand-index__newsletter {
    margin-top: 28px; }
  .tols-brand-trust-row {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 12px;
    font-size: 12px; }
  .tols-brand-trust-row li {
    font-size: 12px; } }

/* b4a-marker-20260421 */
/* b4a-remark-force-compile */
/* CLS fix — Chunk CLS1 — PDP hero image aspect-ratio reserve
   2026-04-21
   Prevents ~348px mobile / ~154px desktop layout shift when the
   main product image resolves. Image has loading="lazy" and no
   width/height attrs; product images are square on this BC store,
   so 1/1 aspect-ratio reserves the slot before load. */
.productView-image img.productView-image--default,
.productView-image img.lazyautosizes {
  aspect-ratio: 1 / 1; }

/* resave-marker-20260421 */
/* CLS fix — Chunk CLS2 — Category card image aspect-ratio reserve
   2026-04-21
   40 product cards per category render with 0 reserved image height.
   As lazy-loaded card images land, each card grows, cascading shifts
   down the grid. Card images are 1:1 square on this store. */
.card .card-figure,
.card .card-image,
.productList-list .card .card-image,
.productCarousel .card .card-image {
  aspect-ratio: 1 / 1;
  display: block; }

.card .card-figure img,
.card .card-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain; }

/* resave-marker-cls2-20260421 */
/* CLS fix — Chunk CLS3 — Slick carousel reserved heights
   2026-04-21
   Slick initialises AFTER first paint. Pre-init height = 0 for
   the track, so when slick kicks in, content below jumps down.
   Reserve space on the outer wrapper so pre-init layout matches
   post-init. Heights measured from live render at mobile 375px. */
.productCarousel {
  min-height: 396px; }

.productView-thumbnails {
  min-height: 75px; }

.related-product-section .productCarousel {
  min-height: 427px; }

/* resave-marker-cls3-20260421 */
/* CLS fix — Chunk CLS4 — Cart cross-sell track reserved height
   2026-04-21
   Cross-sell tiles are populated via GraphQL JS after first paint.
   Pre-JS, the track has height 0; when tiles land, the checkout
   button gets pushed down. 180px ≈ one row of 158-160px tiles. */
.cart-cross-sells__track {
  min-height: 180px; }

/* resave-marker-cls4-20260421 */
/* CLS fix — Chunk CLS5 — Top promo bar reserved height
   2026-04-21
   #topOrangeBar / .banners renders ~59px but reserves 40px,
   causing a 19px shift on every page. Rotating textlist JS
   is out of scope (separate task). */
#topOrangeBar,
.banners {
  min-height: 60px; }

/* resave-marker-cls5-20260421 */
/* TOLS brand pages — Chunk B4b — index tier splitting (JS-driven)
   2026-04-21
   Source grid has brands from Handlebars. Inline script moves each <li> into
   one of 3 tier containers based on brand.id. Source hidden once tiered. */
.tols-brands-source[data-tiered="1"] {
  display: none !important; }

[data-tols-brand-index] .tols-brand-tier {
  margin-top: 32px; }
  [data-tols-brand-index] .tols-brand-tier:first-of-type {
    margin-top: 16px; }

[data-tols-brand-index] .tols-brand-tier__heading {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #1A1410;
  margin: 0 0 16px;
  padding-bottom: 6px;
  border-bottom: 2px solid #B87333;
  display: inline-block; }

[data-tols-brand-index] .tols-brand-tier .brandGrid {
  margin-bottom: 0 !important; }

@media (max-width: 767px) {
  [data-tols-brand-index] .tols-brand-tier {
    margin-top: 24px; }
  [data-tols-brand-index] .tols-brand-tier__heading {
    font-size: 13px;
    letter-spacing: 1px; } }

/* b4b-marker-20260421 */
/* TOLS brand pages — Chunk B6 — individual brand page hero
   2026-04-21
   Adds logo + centred H1 + tagline (from brand.meta_description) above product grid.
   All 29 brand pages receive this via default brand.html (no custom template). */
[data-tols-brand-page].tols-brand-hero {
  text-align: center;
  padding: 24px 20px 16px;
  margin: 0 0 16px;
  border-bottom: 1px solid #E9E4DD; }
  [data-tols-brand-page].tols-brand-hero .tols-brand-hero__logo {
    max-width: 240px;
    margin: 0 auto 14px; }
  [data-tols-brand-page].tols-brand-hero .tols-brand-hero__logo-img {
    max-width: 100%;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto; }
  [data-tols-brand-page].tols-brand-hero .tols-brand-hero__title {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #1A1410;
    margin: 0 0 10px;
    font-size: 28px; }
  [data-tols-brand-page].tols-brand-hero .tols-brand-hero__tagline {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.55;
    color: #2D2520;
    max-width: 680px;
    margin: 0 auto; }

@media (max-width: 767px) {
  [data-tols-brand-page].tols-brand-hero {
    padding: 16px 12px 12px;
    margin-bottom: 12px; }
  [data-tols-brand-page].tols-brand-hero .tols-brand-hero__logo {
    max-width: 180px; }
  [data-tols-brand-page].tols-brand-hero .tols-brand-hero__logo-img {
    max-height: 60px; }
  [data-tols-brand-page].tols-brand-hero .tols-brand-hero__title {
    font-size: 22px; }
  [data-tols-brand-page].tols-brand-hero .tols-brand-hero__tagline {
    font-size: 14px; } }

/* b6-marker-20260421 */
/* b6-remark-force-compile */
/* TOLS brand pages — Chunk B6a — tagline :empty collapse
   2026-04-21 — hide tagline paragraph when meta_description is empty/missing in context. */
.tols-brand-hero__tagline:empty {
  display: none; }

/* b6a-marker-20260421 */
/* TOLS brand pages — Chunk B8 — trust row below product grid on individual brand pages
   2026-04-21 — reuses .tols-brand-trust-row class/styles from B4a; adds centring + spacing for brand-page context. */
.tols-brand-trust-row[data-tols-brand-page] {
  max-width: 1280px;
  margin: 32px auto 24px !important;
  padding-left: 20px;
  padding-right: 20px; }

@media (max-width: 767px) {
  .tols-brand-trust-row[data-tols-brand-page] {
    margin: 20px auto 16px !important;
    padding-left: 12px;
    padding-right: 12px; } }

/* b8-marker-20260421 */
/* b8-remark-force-compile */
/* Card mobile cleanup — M2 — 2026-04-22
   RRP row clustered, "Todays Price:" label shown on own line,
   price bold on its own line below, (FREE Delivery) tight on 3rd line. */
@media (max-width: 767px) {
  /* Hide SKU naked text */
  .card .card-body .card-text[data-test-info-type="price"] {
    font-size: 0;
    line-height: 0; }
  .card .card-body .card-text[data-test-info-type="price"] .price-section {
    font-size: 12px;
    line-height: 1.3; }
  /* RRP row — label + struck price clustered close, centered */
  .card .card-body .price-section.rrp-price--withTax {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important; }
  .card .card-body .price-section.rrp-price--withTax .price-label {
    display: inline !important; }
  /* Today's Price block — compact 3-line stack */
  .card .card-body .price-section--withTax:not(.rrp-price--withTax):not(.non-sale-price--withTax) {
    display: block !important;
    text-align: center !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    padding: 0 !important; }
  .card .card-body .price-section--withTax:not(.rrp-price--withTax):not(.non-sale-price--withTax) .price-label {
    display: block !important;
    font-size: 11px !important;
    color: #666 !important;
    font-weight: 400 !important;
    margin: 0 !important; }
  .card .card-body .price-section--withTax:not(.rrp-price--withTax):not(.non-sale-price--withTax) .price-now-label {
    display: none !important; }
  .card .card-body .price-section--withTax:not(.rrp-price--withTax):not(.non-sale-price--withTax) .price--withTax {
    display: block !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #1a1410 !important;
    line-height: 1.2 !important;
    margin: 0 !important; }
  .card .card-body .price-section--withTax:not(.rrp-price--withTax):not(.non-sale-price--withTax) .card-text {
    display: block !important;
    font-size: 11px !important;
    color: #666 !important;
    line-height: 1.2 !important;
    margin: 0 !important; } }

/* resave-marker-20260422-m2 */
/* TOLS-S12follow — Recommended Bulb section spacing fix (port from LL-S6 follow-up)
   2026-04-29
   Hide empty .left-right-panel-bottom on right column + tighten populated spacing.
   Upstream rule sets min-height: 240px which forces 240px placeholder when empty
   AND adds excessive padding when populated. */
.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-tols-20260429-fix1 */
/* TOLS-S13c — Relocated Recommended Bulb card visual restyle
   2026-04-29
   Card hosted in #tols-relocated-recbulb (sibling of .featureInfo, placed by JS
   mover in product.html). Full-width position escapes .productView column-height
   anchor. Empty case: JS mover early-returns + Session 13 fix1 hide rule fires on
   now-empty lrpb. */
#tols-relocated-recbulb {
  max-width: 1280px;
  margin: 32px auto 24px;
  padding: 0 20px; }

#tols-relocated-recbulb .row.addBlubs {
  background: var(--tols-cart-warm-bg) !important;
  border: 1px solid var(--tols-cart-warm-border) !important;
  border-radius: 2px !important;
  box-shadow: var(--tols-cart-shadow-sm) !important;
  margin: 0 !important; }

#tols-relocated-recbulb .row.addBlubs > .col-md-12 > h2,
#tols-relocated-recbulb .row.addBlubs > .col-md-12 > span,
#tols-relocated-recbulb .row.addBlubs > .col-md-4 {
  display: none !important; }

#tols-relocated-recbulb .row.addBlubs > .col-md-12::before {
  content: "Our recommendation";
  display: block;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tols-cart-copper-dark);
  margin-bottom: 10px; }

#tols-relocated-recbulb .row.addBlubs > .col-md-12 > .d-block {
  margin: 0; }

#tols-relocated-recbulb #upsellProductImage {
  width: 140px !important;
  height: 140px !important;
  max-width: 140px !important;
  object-fit: contain !important;
  border-radius: 2px !important;
  display: block !important; }

#tols-relocated-recbulb #upsellProductURL {
  text-decoration: none !important;
  display: block !important;
  margin: 0 0 6px 0 !important; }

#tols-relocated-recbulb #upsellProductTitle {
  font-family: Poppins, Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--tols-cart-ink) !important;
  line-height: 1.3 !important;
  margin: 0 !important; }

#tols-relocated-recbulb #upsellProductURL:hover #upsellProductTitle {
  color: var(--tols-cart-copper-dark) !important; }

#tols-relocated-recbulb .row.addBlubs > .col-md-12 > p:not(.upsellActions) {
  font-family: Poppins, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--tols-cart-ink-muted) !important;
  line-height: 1.55 !important;
  margin: 0 0 14px 0 !important;
  max-width: 720px; }

#tols-relocated-recbulb #upsellPackSize {
  height: 44px !important;
  padding: 0 12px !important;
  border: 1px solid var(--tols-cart-warm-border) !important;
  border-radius: 2px !important;
  background: #fff !important;
  font-family: Poppins, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: var(--tols-cart-ink) !important;
  cursor: pointer; }

#tols-relocated-recbulb #upsellAddBtn {
  height: 44px !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: var(--tols-cart-copper) !important;
  color: #fff !important;
  font-family: Poppins, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  cursor: pointer;
  transition: background 150ms ease; }

#tols-relocated-recbulb #upsellAddBtn:hover {
  background: var(--tols-cart-copper-dark) !important; }

@media (max-width: 767px) {
  #tols-relocated-recbulb {
    padding: 0 12px;
    margin: 24px auto 16px; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > .d-block {
    order: 1 !important;
    align-self: center !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12::before {
    order: 2 !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > #upsellProductURL {
    order: 3 !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > p:not(.upsellActions) {
    order: 4 !important;
    max-width: 100% !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > p.upsellActions {
    order: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important; }
  #tols-relocated-recbulb #upsellProductImage {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important; }
  #tols-relocated-recbulb #upsellPackSize,
  #tols-relocated-recbulb #upsellAddBtn {
    width: 100% !important; } }

@media (min-width: 768px) {
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 {
    display: grid !important;
    grid-template-columns: 140px 1fr !important;
    column-gap: 28px !important;
    align-items: center !important;
    padding: 24px 32px !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12::before {
    grid-column: 2 / -1;
    grid-row: 1; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > .d-block {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: center; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > #upsellProductURL,
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > p:not(.upsellActions),
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > p.upsellActions {
    grid-column: 2 / -1; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > p.upsellActions {
    display: flex !important;
    gap: 12px !important;
    align-items: stretch !important;
    margin: 0 !important; }
  #tols-relocated-recbulb #upsellPackSize {
    flex: 0 0 220px; }
  #tols-relocated-recbulb #upsellAddBtn {
    flex: 0 0 auto; } }

/* resave-marker-recbulb-relocated-restyle-tols-13c-20260429 */
/* TOLS-S13c-fix1 — Button width + image vertical-centering hot-fix
   2026-04-29
   Button was stretching full actions-row width (1006px) because upstream .button
   width:100% was winning over flex:0 0 auto. Image at top instead of centered.
   Force both with !important. */
@media (min-width: 768px) {
  #tols-relocated-recbulb #upsellAddBtn {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important; }
  #tols-relocated-recbulb #upsellPackSize {
    width: 220px !important;
    flex: 0 0 220px !important;
    flex-basis: 220px !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > .d-block {
    align-self: center !important;
    justify-self: start !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > p.upsellActions {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important; } }

/* resave-marker-recbulb-13c-fix1-20260429 */
/* TOLS-S13c-fix2 — display:inline-flex on button to defeat upstream display:block
   2026-04-29
   Root cause: TOLS button has display:block from upstream. With width:auto on a
   block-flex-item, browser fills parent (1006px) instead of using content-width.
   Force display:inline-flex so width:auto resolves to content-width. */
@media (min-width: 768px) {
  #tols-relocated-recbulb #upsellAddBtn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important; }
  #tols-relocated-recbulb #upsellPackSize {
    display: inline-block !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 {
    align-items: center !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > .d-block {
    align-self: center !important;
    margin-top: auto !important;
    margin-bottom: auto !important; } }

/* resave-marker-recbulb-13c-fix2-20260429 */
/* TOLS-S13c-fix3 — Image vertical centering: stretch wrapper to column area, center img inside via flex
   2026-04-29
   align-self:center on the image wrapper centers the wrapper within its grid area,
   but row heights vary, leaving image at top of card. Solution: make wrapper itself
   stretch to fill column 1 area, then flex-center the image inside the wrapper. */
@media (min-width: 768px) {
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > .d-block {
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: auto !important; }
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > .d-block > a,
  #tols-relocated-recbulb .row.addBlubs > .col-md-12 > .d-block > #upsellImageURL {
    display: block !important; } }

/* resave-marker-recbulb-13c-fix3-20260429 */
/* TOLS-S13d — Recommended Bulb at native location + hide big trust row
   2026-04-29 — FINAL approach
   User wants card under .row.feature-icon (small trust row in right column),
   matching column width, exactly where LL has it. LL has no .featureInfo big trust
   row — replicate by hiding ours. Card lives in original .left-right-panel-bottom.
   Empty case still hidden by Session 13 fix1 :not(:has(.addBlubs)) rule. */
/* Hide the big full-width trust row */
.featureInfo.d-none.d-lg-block {
  display: none !important; }

/* Card frame — at original location */
.row.addBlubs {
  background: var(--tols-cart-warm-bg) !important;
  border: 1px solid var(--tols-cart-warm-border) !important;
  border-radius: 2px !important;
  box-shadow: var(--tols-cart-shadow-sm) !important;
  margin: 0 !important; }

/* Hide vendor noise */
.row.addBlubs > .col-md-12 > h2,
.row.addBlubs > .col-md-12 > span,
.row.addBlubs > .col-md-4 {
  display: none !important; }

/* Eyebrow */
.row.addBlubs > .col-md-12::before {
  content: "Our recommendation";
  display: block;
  font-family: Poppins, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--tols-cart-copper-dark);
  margin-bottom: 8px; }

/* Image */
.row.addBlubs > .col-md-12 > .d-block {
  margin: 0; }

.row.addBlubs #upsellProductImage {
  width: 120px !important;
  height: 120px !important;
  max-width: 120px !important;
  object-fit: contain !important;
  border-radius: 2px !important;
  display: block !important; }

/* Bulb name */
.row.addBlubs #upsellProductURL {
  text-decoration: none !important;
  display: block !important;
  margin: 0 0 4px 0 !important; }

.row.addBlubs #upsellProductTitle {
  font-family: Poppins, Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--tols-cart-ink) !important;
  line-height: 1.3 !important;
  margin: 0 !important; }

.row.addBlubs #upsellProductURL:hover #upsellProductTitle {
  color: var(--tols-cart-copper-dark) !important; }

/* Description */
.row.addBlubs > .col-md-12 > p:not(.upsellActions) {
  font-family: Poppins, Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--tols-cart-ink-muted) !important;
  line-height: 1.55 !important;
  margin: 0 0 12px 0 !important; }

/* Pack-size select */
.row.addBlubs #upsellPackSize {
  height: 40px !important;
  padding: 0 10px !important;
  border: 1px solid var(--tols-cart-warm-border) !important;
  border-radius: 2px !important;
  background: #fff !important;
  font-family: Poppins, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  color: var(--tols-cart-ink) !important;
  cursor: pointer; }

/* ADD BULBS button */
.row.addBlubs #upsellAddBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: var(--tols-cart-copper) !important;
  color: #fff !important;
  font-family: Poppins, Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  cursor: pointer;
  transition: background 150ms ease;
  flex: 0 0 auto !important; }

.row.addBlubs #upsellAddBtn:hover {
  background: var(--tols-cart-copper-dark) !important; }

/* Mobile */
@media (max-width: 767px) {
  .row.addBlubs > .col-md-12 {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px !important; }
  .row.addBlubs > .col-md-12 > .d-block {
    order: 1 !important;
    align-self: center !important; }
  .row.addBlubs > .col-md-12::before {
    order: 2 !important; }
  .row.addBlubs > .col-md-12 > #upsellProductURL {
    order: 3 !important; }
  .row.addBlubs > .col-md-12 > p:not(.upsellActions) {
    order: 4 !important; }
  .row.addBlubs > .col-md-12 > p.upsellActions {
    order: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important; }
  .row.addBlubs #upsellPackSize,
  .row.addBlubs #upsellAddBtn {
    width: 100% !important; } }

/* Desktop */
@media (min-width: 768px) {
  .row.addBlubs > .col-md-12 {
    display: grid !important;
    grid-template-columns: 120px 1fr !important;
    column-gap: 20px !important;
    align-items: center !important;
    padding: 16px !important; }
  .row.addBlubs > .col-md-12::before {
    grid-column: 2 / -1;
    grid-row: 1; }
  .row.addBlubs > .col-md-12 > .d-block {
    grid-column: 1;
    grid-row: 1 / -1;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important; }
  .row.addBlubs > .col-md-12 > #upsellProductURL,
  .row.addBlubs > .col-md-12 > p:not(.upsellActions),
  .row.addBlubs > .col-md-12 > p.upsellActions {
    grid-column: 2 / -1; }
  .row.addBlubs > .col-md-12 > p.upsellActions {
    display: flex !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin: 0 !important;
    flex-wrap: nowrap !important; }
  .row.addBlubs #upsellPackSize {
    flex: 1 1 0 !important;
    min-width: 0 !important; }
  .row.addBlubs #upsellAddBtn {
    flex: 0 0 auto !important; } }

/* resave-marker-recbulb-13d-native-20260429 */
/* TOLS-S13d-fix1 — top-align text with image + push related-products down for card overflow
   2026-04-29 */
@media (min-width: 768px) {
  .row.addBlubs > .col-md-12 {
    align-items: start !important; }
  .row.addBlubs > .col-md-12 > .d-block {
    align-self: start !important;
    height: auto !important; }
  /* Push related-products down so right-column card overflow has clearance */
  .related-product-section {
    margin-top: 96px !important; } }

/* resave-marker-recbulb-13d-fix1-20260429 */
/* TOLS-S13d-fix2 — replace grid with absolute-positioned image + block-flow content
   2026-04-29
   Grid was placing each content item in its own row, leaving big gaps when image
   row 1 was 120px tall. Switch to: image absolutely positioned on left, content in
   normal block flow on the right with left-padding to clear the image. Tight stack. */
@media (min-width: 768px) {
  .row.addBlubs > .col-md-12 {
    display: block !important;
    position: relative !important;
    padding: 16px 16px 16px 152px !important;
    min-height: 152px !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    column-gap: 0 !important; }
  .row.addBlubs > .col-md-12 > .d-block {
    position: absolute !important;
    top: 16px !important;
    left: 16px !important;
    width: 120px !important;
    height: 120px !important;
    margin: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: auto !important;
    display: block !important; }
  .row.addBlubs > .col-md-12::before,
  .row.addBlubs > .col-md-12 > #upsellProductURL,
  .row.addBlubs > .col-md-12 > p:not(.upsellActions),
  .row.addBlubs > .col-md-12 > p.upsellActions {
    grid-column: auto !important;
    grid-row: auto !important;
    display: block !important; }
  .row.addBlubs > .col-md-12 > p.upsellActions {
    display: flex !important;
    gap: 8px !important;
    align-items: stretch !important;
    flex-wrap: nowrap !important;
    margin: 0 !important; } }

/* resave-marker-recbulb-13d-fix2-20260429 */
/* TOLS-S13d-fix3 — tighten gap to related-products + left-align Related Products heading
   2026-04-29 */
@media (min-width: 768px) {
  /* Reduce excess clearance now that card is compact (was margin-top: 96px in fix1) */
  .related-product-section {
    margin-top: 24px !important; }
  /* Left-align the Related Products tab heading to match first product card position */
  .related-product-section .tabs {
    display: flex !important;
    justify-content: flex-start !important;
    padding-left: 141px !important;
    text-align: left !important; } }

/* resave-marker-recbulb-13d-fix3-20260429 */
/* TOLS cart calculators — shipping + coupon layout fix
   2026-05-02
   Cart-totals LIs are display:flex,nowrap. When shipping-estimator or coupon-code
   opens, it becomes a 3rd flex item and gets squeezed to ~119px. Allow wrapping
   on all .cart-total rows; rows with only label+value still sit on one line. */
.cart-totals .cart-total {
  flex-wrap: wrap; }

.cart-totals .cart-total > .shipping-estimator,
.cart-totals .cart-total > .coupon-code {
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
  margin-top: 8px; }

/* resave-marker-cart-calc-layout-20260502 */