.product-container {
  width: 100%;
  margin: 50px auto;
}
#div__body {
    margin-top:0 !important;
}
#myCarousel2 li a:hover, #myCarousel2 li a:hover p span, #myCarousel2 li a:hover p {
    color: initial !important;
}

#myCarousel2 li a:hover p .grey {
  color: #999 !important;
}

.thumbnails p { 
  text-align: left !important;
}

.thumbnails p strong {
  text-transform: uppercase;
}

.thumbnails p .sale, .thumbnails p .by-brand {
    font-weight: 300 !important;
}

#search-desktop {margin-left:auto;margin-right:30px;}
.wide-container {
  max-width:100%;
  width:100%;
  padding: 0;
}

.justify {text-align: justify;}
.center-justified {
    text-align: justify;
    text-align-last: center;
}

.centered-div {max-width: 60%;margin: auto;}
.left-aligned-div {max-width:49%;}

.box-shortcut {
  box-shadow:none;
}

.carousel-indicators {
    position: relative;
    left: 0;
    bottom: 0;
    margin: 16px auto;
}
.carousel-indicators li {
    height: 3px !important;
    width: 30px !important;
    border:0px !important;
}
.carousel-control-prev, .carousel-control-next {
  width:auto;
}

#main-slider .carousel-control-prev, #main-slider .carousel-control-next {
  width:5%;
}

#my_most_popular li {
    list-style: none;
}
.content-padding {padding: 80px 0;}
.no-padding {padding: 0;}
.feature-icons {
  padding:50px 0;
  text-align:center;
}

.feature-icons img {
  max-width:35px;
  margin:auto;
  display:inline-block;
}

.feature-icons > div:not(:last-child) {
    border-right: 1px solid #ddd;
}

.feature-icons span {
    margin: auto;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    padding: 15px 0;
}
#seo-block {
  padding: 9px;
}
#seo-block > .container {
  background:url('/2025/contemporary-lighting-bg.png') no-repeat center center/cover;
  padding: 7% 10px;
}
#seo-block-furniture {
  padding: 0px;
}
#seo-block-furniture .container {
  background:url('/2025/furniture/SEO_Furniture_2.avif') no-repeat center center/cover;
  padding: 5%;
}

#lighting-experts-block {
    background:url('/2025/about/About page_banner_02_desktop.avif') no-repeat center center/cover;
    padding: 7% 5%;
    position: relative;
}
#shop-by-brand-block {position:relative;}
#shop-by-brand-block #top-btn {
  position: absolute;
  top: 30px;
  left: 30px;
  font-size: 22px;
  border: 0px !important;
  text-transform: uppercase;
}
#shop-by-brand-block #bottom-btn {
  left: 50%; 
  transform: translateX(-50%);
  bottom: 20%;
  position: absolute;
}
#brand-spotlight-block {
    background:url('/2025/furniture/Brand-Spotlight-Image.avif') no-repeat center center/cover;
    padding: 7% 5%;
    position: relative;
}
#stellar-works-logo {
  position: absolute;
  top: 10%;
  right: 10%;
}
#stellar-works-logo img {
  width: 200px;
}

.submenucat a { 
    text-transform: uppercase; 
    margin-right: 8px;
    margin-bottom: 0px;
    display: inline-block;
}

.block-content .button, .back-btn {
    margin-top: 20px;
    background: transparent;
    height: auto;
    border-radius: 0;
    border: 1px solid black !important;
    display: inline-block;
    color: #000;
    width: auto;
}
.block-content h3 {
    font-size: 24px;
    font-weight: 300;
    color: #222;
    letter-spacing: 1px;
    margin-bottom: 0px;
    text-transform:uppercase;
}
.block-content .text-block {
    background: #f4f4f4;
    padding: 5% 8%;
    font-size: 15px;
    line-height: 24px;
    vertical-align: middle;
    align-content: center;
}
.block-content .text-block p {
    margin-top:25px;
    font-weight: 300;
}


#seo-block .text-block h3, #seo-block .text-block p {color:white;font-weight:300;}
#seo-block .text-block {
  background: rgba(50, 50, 50, -0.6);
  backdrop-filter: blur(10px);
  border: 1px solid #999;
}
#seo-block-furniture .text-block h3, #seo-block-furniture .text-block p {color:white;}
#seo-block-furniture .text-block {
  background: rgba(50, 50, 50, -0.6);
  backdrop-filter: blur(10px);
  border: 1px solid #999;
}
.block-content .transparent {background: transparent;color:white;}
.block-content .transparent h3 {color:white;}
.btn, .button { border-radius: 0; width: 200px; font-weight: 300; }
.btn.wht, .button.wht {color:white;border:1px solid white !important;}
#about-us .block-content .transparent {color: #1e1e1e;}
#about-us .block-content .transparent h3 {color: #1e1e1e;}
#testimonials {
  padding: 15px 0;
  max-width: 800px;
  margin: auto;
}
#testimonials h3 {
  margin-top:75px;
}
#testimonials .carousel-item {
  height: 400px;
}
#testimonials .carousel-caption {
  top: 18%;
  color: #000;
}
#testimonials .carousel-caption svg {
  width: 20px;
}
#testimonials p {
  line-height: 26px;
}

/** Carousel **/
#new-in {
  margin: 20px auto;
  position: relative;
  padding-top: 25px;
}

#new-in .jcarousel-new-in {
    position: relative;
    overflow: hidden;
    /*width: 100%;*/
}

#new-in .jcarousel-new-in ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#new-in h3 {
    float: left;
    margin-top: 60px;
    font-weight: 400;
    color: gray;
    text-align: center;
}

#new-in ul {
  display:block;
}

.new-in-controls {
  /* float: none; */
  width: 100%;
  position: absolute;
  top: 40%;
}

#new-in .jcarousel-new-in li {
    width: 250px;
    float: left;
    border: 1px solid #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-weight:300;
}

#new-in .rv-item {
    font-weight: 700;
    display: block;
    margin-top: 20px;
    text-transform:uppercase;
}

#new-in .jcarousel-new-in img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

/** Carousel Controls **/
#new-in .new-in-prev,
#new-in .new-in-next {
    font-size: 4em;
}

#new-in .new-in-prev {
  left: -25px;
  top: 25%;
  position: absolute;
  z-index: 1;
}

#new-in .new-in-next {
  right: 0px;
  top: 25%;
  position: absolute;
  z-index: 1;
}

.footer .container {max-width:1600px;}
.timeline-year:before, .timeline-year:after {
  content: '';
  width: 100%;
  border-bottom: solid 1px #000;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
}

@media (max-width: 1024px){
  #lighting-experts-block {
    background:url('/2025/about/About page_banner_02_tablet.avif') no-repeat center center/cover;
    padding: 7% 5%;
    position: relative;
  }
  #stellar-works-logo {
    top: 5%;
    right: 5%;
  }
  h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .feature-icons span {font-size:14px;}
  .feature-icons img {max-width: 25px;}
  .left-aligned-div {max-width:50%;}
  .content-padding {padding: 80px 25px;}
}

@media (max-width: 767px){
  .four-block {
    padding-top: 0;
    padding-bottom: 0;
  }
  #lighting-experts-block h3 {font-size:17px;}
}

@media (max-width: 768px){
#testimonials .carousel-caption {
  top: 0;
  right: 5%;
  left: 5%;
}
.centered-div {max-width: 80%;}
.left-aligned-div {max-width:60%;}
#myCarousel .carousel-indicators {
    bottom: -40px !important;
}
#myCarousel .carousel-indicators {
    left: 45% !important;
}
.site-main {
  margin-top:0;
}
#myCarousel .carousel-control {
    padding-top: 150px !important;
}
#myCarousel2 .item {
  display:block !important;
  float: none;
}
#myCarousel2 .carousel-control {
  display:none !important;
}
.fbox:nth-child(3) {
    float: left!important;
}
.feature-icons > div:not(:last-child) {
  border:none;
}
}

@media (max-width: 560px){
  #shop-by-brand-block #top-btn {
    top: 0px;
    left: 3px;
    font-size:18px;
  }
  #lighting-experts-block {
    background:url('/2025/about/About-page-banner2-mobile-model-bottom.avif') no-repeat center center/cover;
    padding: 7% 5%;
    padding-bottom:120%;
    position: relative;
  }
  #stellar-works-logo {
    top: 2%;
    right: 5%;
  }
  #stellar-works-logo img {
    width: 100px;
  }
  .feature-icons img {
    display:block;
  }
  #myCarousel .carousel-indicators {
      left: 40% !important;
  }
  .site-main {
    margin-top:0; 
  }
  #myCarousel .carousel-control {
      padding-top: 60px !important;
      font-size: 2.5em !important;
  }
  .container {
      margin: 0 auto;
      display: block;
      width: 99%;
  }
  .product-container {
    max-width:400px;
  }
  .centered-div {max-width: 90%;}

}
@media (min-width: 1024px){
  .carousel-item .img-fluid {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1200px){
  #shop-by-brand-block .btn {
    position: absolute;
    left: 150px;
  }
}