@media (min-width: 1600px) {
  .container {
    max-width: 1520px !important;
  }
}
.bg-secondary-subtle{
	background:#F9F9F9 !important;
}

.bottom-slider .slick-slide>div {
  height: 45vh;
}

.bottom-slider .slider-item {
  height: 100%;
}

.bottom-slider .slick-slide {
  margin: 0 15px;
  /* spacing */
}

.bottom-slider .slick-arrow {
  width: 42px;
  height: 42px;
  text-indent: -99999px;
  position: absolute;
  top: 50%;
  z-index: 9;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  opacity: 0.8;
  transition: all 0.5s ease-in-out;
}

.bottom-slider .slick-arrow:hover {
  opacity: 1;
  background-color: #D47C00;
  border: #D47C00 solid 2px;
}

.bottom-slider .slick-prev {
  left: 20px;
  background: url(../images/slider-arrow-left.svg) no-repeat 50%;
}

.bottom-slider .slick-next {
  right: 20px;
  background: url(../images/slider-arrow-right.svg) no-repeat 50%;
}

.design_gallery {
  height: 275px;
}

.design_gallery .dg_icon {
  width: 225px;
  align-items: center;
}

.design_gallery .dg_photo {
  overflow: hidden;
}

.design_gallery .photo {
  transition: transform 0.5s ease, opacity 0.5s ease;

}

.design_gallery .photo:hover {
  transform: scale(1.1) !important;
  /* zoom effect */
  opacity: 0.8;
}

img.gallery-img {
  opacity: 1;
  transition: all 0.5 ease-in-out;
}

img.gallery-img:hover {
  opacity: 0.8;
}


/* product  */
.product-box.bg-light:hover {
  background-color: #e9ecef !important;
}

.product-box.bg-light:hover .card-header {
  background-color: #0d6efd !important;
}

.product-slider .carousel {
  padding-bottom: 170px !important;
}
.product-slider .carousel .carousel-indicators{
	overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    display: block;
	    text-align: center;
}
.product-slider .carousel .carousel-indicators img{
	max-width: 100%;
    object-fit: cover;
    object-position: center;
    margin: auto;
    height: -webkit-fill-available;
}

/*.product-slider-img {
  height: 460px;
  display: flex;
  justify-content: center;
  align-items: center;
}*/

.product-slider-img {
    height: 460px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
}
.product-slider-img img{
	max-width: 100%;
    object-fit: cover;
    object-position: center;
    margin: auto;
    height: -webkit-fill-available;
}


.product-slider .carousel-caption {
  bottom: 0;
  color: #000;
  padding-bottom: 0;
  margin: 0;
}

.product-slider .carousel-caption p {
  margin: 0;
}

.product-slider .carousel-indicators button {
  width: 150px;
  height: 100px;
  overflow: hidden;
  text-indent: 0;
}

.product-feature p.feature {
  margin-bottom: 0;
}

.content-table tr th:not(:first-child),
.content-table tr td:not(:first-child) {
  text-align: center;
}

.pe-cursor {
  cursor: pointer;
}

/*   -------------------  home page  -------------------   */
.top-header {
  background-color: #2e3191;
}

.top-header-text {
  font-size: 1rem;
  line-height: 20px;
}

.top-header-text strong {
  font-size: 1.5rem;
}

#herobanner .carousel-indicators [data-bs-target] {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: #222 solid 1px;
}

#herobanner .carousel-indicators .active {
  background-color: #000;
}

#herobanner .carousel-indicators {
  bottom: -50px;
}

#herobanner .captionBG,
.home-designer-collection .captionBG {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.home-whats-new .home-whats-new-product {
  padding: 0px 20px;
  margin: 10px 0;
  border-right: #000 solid 1px;
  display: flex;
  aspect-ratio: 1 / 0.75;
  width: 100%;
}

.home-whats-new .home-whats-new-product img {
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  margin: auto;
  height: -webkit-fill-available;
}

.home-whats-new>div:last-child .home-whats-new-product {
  border: none;
}

.home-featured-slider .slick-slide {
  aspect-ratio: 1 / 1;
}

.home-featured-slider .slick-slide>div {
  height: 100%;
}

.home-featured-slider .slick-slide .homesliderimg {
  object-fit: cover;
  object-position: center;
  display: block;
}

.home-designer-collection-details {
  width: 100%;
}

.home-designer-collection .collection-box .home-designer-collection-details {
  height: 70px;
  transition: all 0.3s linear;
  background: transparent;
  color: #fff;
  ;
}

.home-designer-collection .collection-box:hover .home-designer-collection-details {
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.home-designer-collection .collection-box p {
  display: none;
}

.home-designer-collection .collection-box:hover p {
  display: block;
}
.home-lighting-market{
	background: #fff  url(../images/lighting-market-v2.jpg) no-repeat 0 0 / cover;
}
.lighting-slider {
  overflow: hidden;
}

.lighting-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.lighting-slider .slick-list {
  overflow: visible;
}

.lighting-slider .slick-slide>div {
  aspect-ratio: 1 / 1.5;
  overflow: hidden;
  border-radius: 20px;
}

.lighting-slider .lighting-img {
  height: 100%;
  flex: 1;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.lighting-slider .slick-slide {
  margin: 0 15px;
}

.home-smart-space-bottom {
 /* background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);*/
	background:url(../images/deltabg.jpg) no-repeat 0 0 / cover;
}

.btn.white-outline {
  border: #fff solid 1px;
  color: #fff;
  background-color: transparent;
  padding: 8px 32px;
  border-radius: 16px;
}

.btn.white-outline:hover {
  border: #fff solid 1px;
  color: #222;
  background-color: #fff;
}

.btn.black-outline {
  border: #000 solid 1px;
  color: #000;
  background-color: transparent;
  padding: 8px 32px;
  border-radius: 16px;
}

.btn.black-outline:hover {
  border: #000 solid 1px;
  color: #FFF;
  background-color: #000;
}

.home-smart-space-box {
  padding: 80px;
}

.vertical-link {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
  gap: 8px;
  text-decoration: none;
  color: white;
  font-size: 20px;
  font-weight: 400;
  transform: rotate(180deg);
  border-radius: 8px;
  position: relative;

  /* Rotate text vertically */
  writing-mode: vertical-lr;
  text-orientation: sideways-right;
  text-align: center;
  letter-spacing: 0.5px;
}

/* Optional arrow styling */
.vertical-link .vertical-link-arrow {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  border: none;
  background: none;
}

/* Vertical white line */
.vertical-link .vertical-link-line {
  display: block;
  width: 1px;
  height: 100%;
  background-color: white;
  margin-top: 10px;
}

.vertical-link .vertical-link-text {
  border-left: #fff solid 1px;
  padding-left: 10px;
}

.home-smart-space .smart-heading {
  font-size: 52px !important;
  font-weight: 700 !important;
  margin-bottom: 50px !important;
}

.home-smart-space {
  background: #4079e4 url(../images/blue-bg.jpg) no-repeat 0 0 / cover;
}

.reveal-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  transform: translateY(150px);
  /* start below */
  opacity: 0;
  transition: all 0.8s ease-out;
}

.reveal-img.visible {
  opacity: 1;
  transform: translateY(0);
}

.h1 {
  font-size: 4.5rem;
}

.lighting-heading {
  font-size: 4rem;
}

#mega-menu-primary UL.mega-sub-menu a.mega-menu-link:before {
  display: block !important;
  margin: auto !important;
  margin-bottom: 5px !important;
}

.collection-box {
  height: 300px;
	overflow:hidden;
}
.collection-box a{
 height:100%;
	display:flex;
	
}
.collection-box a img{
     object-fit: cover;
    object-position: center;
    display: block;
	
}

/*   -------------------  home page  End-------------------   */

@media screen and (MAX-width: 767px) {

  h2,
  .h2 {
    font-size: 1.5rem !important;
  }

  .btn.white-outline,
  .btn.black-outline {
    padding: 4px 16px;
  }

  .home-featured-heading {
    padding: 15px 0;
  }

  .home-whats-new .home-whats-new-product {
    border: none;
  }

  .home-whats-new>div:first-child .home-whats-new-product {
    border-inline-end: #000 solid 1px;
  }

  .home-smart-space-box {
    padding: 20px;
  }

  .lighting-slider .slick-slide {
    margin: 0 10px;
  }

  .lighting-slider {
    margin-block: 20px;
    margin-inline-start: 16px;
  }
}






/*  */
.psr {
  position: relative;
}

div.region-toggle {
  top: 25px;
  right: 0vw;
  cursor: pointer;
}

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

.category-parent .family {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  border: 1px solid #bcbec0;
  padding: 0 7.5% 20px 7.5%;
  margin-bottom: 30px;
  /* min-height: 70vh; */
  transition: 0.3s background-color;
}

.category-parent .family .family-img .img {
  width: 70%;
  height: 60%;
  min-height: 150px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  /* margin-bottom: 1.5rem; */
}

.category-parent .family .family-img {
  min-height: 300px;
}

.category-parent .family .family-img {
  border: 1px solid #bcbec0;
  width: 100%;
  height: 200px;
  margin-top: 70px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: white;
  text-decoration: none;
}

.category-parent .family .family-img .other-imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  min-height: 30px;
  /* max-height: 70px; */
  overflow: hidden;
  margin-top: 0.5rem;
  /* margin-bottom: 1rem; */
}

.category-parent .family .family-img .other-imgs img {
  height: 40px;
  width: auto;
  margin: 2.5px;
}

.category-parent .family .details {
  width: 100%;
  margin-top: 1vh;
}

.category-parent .family .header {
  background-color: #808285;
  transition: 0.3s background-color;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.category-parent .family .header>a {
  display: block;
  text-decoration: none;
  height: 100%;
  width: 100%;
  /* padding: 0.5rem 1rem; */
  padding: 0 1rem !important;
  font-family: "Poppins", sans-serif;
  color: white;
  font-size: 18px;
}

.category-parent .family .specs .features>span {
  display: block;
  color: #f29900;
  font-family: Poppins, san-serif;
  font-weight: bold;
  font-size: 22px;
}

.category-parent .family .details .specs {
  display: flex;
  flex-direction: column;
  margin: 1vh 0;
}

.category-parent .family .details .specs .spec .head {
  font-weight: bold;
  display: block;
}

.category-parent .family .details .tech-icons>img {
  /* max-width: 1.2vw; */
  height: auto;
  width: auto;
  max-height: 1.2vw;
  margin-right: 10px;
  margin-bottom: 1vh;
}

div.region-toggle {
  top: 25px;
  right: 0vw;
  cursor: pointer;
}

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

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

.list-group-horizontal .list-group-item {
  width: auto;
  display: inline;
  padding: 0.25rem 1rem;
}

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

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

.family_featured {
  padding: 15px 20px !important;
  background-color: #efefef;
  margin-top: 20px;
}

.family_featured>ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.family_featured>ul>li {
  list-style-type: none;
  margin: 0px;
  padding: 10px 0px;
  border-bottom: 1px solid #fba919;
}

.category-parent {
  padding-bottom: 2rem;
}

.category-parent>h3 {
  font-family: "Poppins", sans-serif;
  color: #004b89;
  font-weight: bold;
  font-size: 22px;
}

.category-parent>.row {
  padding-bottom: 4rem;
  border-bottom: 1px solid #cbcccd;
}

/* Show/less */

#the-search-form .the-attr-wrap {
  margin-bottom: 1rem;

  &[data-ct] {
    display: none;
  }

  /* input:not(:checked)+.the-attr {
        display: flex;
        flex-direction: column;

        .form-check:has(:checked) {
            order: -1;
        }
    } */

  .the-attr {
    /*display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;*/
    max-height: calc((1rem * 1.5) * 3);
    transition: 0.5s max-height;
    overflow: hidden;
  }

  &>.attr-actions>label {
    cursor: pointer;
    margin-bottom: 0 !important;

    &:after {
      content: 'More';
    }
  }

  &>input:checked {
    &+.the-attr {
      -webkit-line-clamp: 500;
      max-height: 2000px;
    }

    &~.attr-actions>label:after {
      content: 'Less';
    }
  }
}

.the-bottom {
  position: sticky;
  bottom: 0;
}

/* LEGACY */

.search-bar {
  .form-horizontal {
    display: flex;

    .form-group {
      &:first-child {
        flex: 1;
        margin-left: 0;
      }

      &:last-child {
        margin-right: 0;
      }

      margin: 0 0.5rem;
    }
  }

  .form-group.form-group-submit input {
    background-color: #f6a81c;
    color: white;
  }

  .editing-form-label-cell {
    display: none;
  }
}

/*.options div[id*="AccordionLayout_"] > div[style*="height:"] {
	
	min-height:0px;
	transition: min-height 0.4s;
	}*/

.options {
  .col-12 {
    margin-bottom: 20px;
  }

  h5 {
    color: #f6a81c;
  }

  .header {
    cursor: pointer;
    margin-top: 0.5rem;
    background-color: #dadada;
    padding: 0.5rem;

    +div[style] {
      margin-top: 0;
      padding: 0.5rem;
      background-color: #f3f3f3;
      margin-bottom: 0.5rem;
    }
  }
}

div[id*="_SmartSearchResults_"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  width: 100%;
}

.options input {

  &[type="checkbox"],
  &[type="radio"] {
    margin-right: 8px;
  }
}

table.ContentCheckBoxList.checkbox tr>td {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-bottom: 0.5rem;

  >* {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .search-bar .form-horizontal {
    flex-wrap: wrap;

    .form-group {
      max-width: 50%;
      margin: 0;

      &:first-child {
        width: 100%;
        max-width: initial;
        flex: initial;
      }
    }
  }
}

.empty .bi {
  opacity: 0.3;
}

.install.empty .bi {
  color: #36b4e5;
}

.revit.empty .bi {
  color: #e30d34;
}

.ies.empty .bi {
  color: #f29900;
}

.spec.empty .bi {
  color: #f29900;
}

div.case-study-description div.sub-headline {
  font-size: 1.8em;
  border-left: 3px solid #ccc;
  padding-left: 12px;
  font-family: "Playfair Display", serif;
  margin-bottom: 20px;
}

a.case-pdf {
  display: block;
  background-color: #f29900;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
}

.amerlux-form {
  background: rgba(0, 55, 117, 1) !important;
  border-radius: 8px;
  padding: 20px;
}

.amerlux-form input {
  height: 42px;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
  border-style: solid;
  border-width: 2px;
  border-color: #bbb;
  box-shadow: inset 0 2px 3px #ddd;
  -webkit-box-shadow: inset 0 2px 3px #ddd;
  -moz-box-shadow: inset 0 2px 3px #ddd;
}

.case-fader {
  position: relative;
}

div.case-fader:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%);
  width: 100%;
  height: 5em;
}

div.case-study-description a {
  color: #f29900;
  font-weight: 500;
}

.amerlux-form p,
.amerlux-form label {
  color: #fff;
}

p.cat_tag.newsletters {
  background-color: #f29900;
}

p.cat_tag.press-releases {
  background-color: #36b4e5;
}

p.cat_tag.testimonials {
  background-color: #004b89;
}

p.cat_tag.white-papers {
  background-color: #b7b7b7;
}

.content p {
  display: inline-block;
}

div.news-item-container {
  border: 1px solid #ccc;
  height: 286px;
}

div.news-item-container a {
  font-weight: bold;
  color: #003775;
  display: block;
}

div.color_links a {
  display: inline-block;
  background-color: #ccc;
  padding: 4px 20px;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  margin-bottom: 10px;
}

div.color_links a:nth-child(1) {
  background-color: #f29900;
}

div.color_links a:nth-child(2) {
  background-color: #36b4e5;
}

div.color_links a:nth-child(3) {
  background-color: #004b89;
}

div.color_links a:nth-child(4) {
  background-color: #b7b7b7;
}

div.color_links a:nth-child(5) {
  background-color: #383838;
}

.amerlux-form .btn-primary {
  display: block;
  border-radius: 5px;
  background: rgba(51, 165, 224, 1) !important;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  font-size: 18px;
  line-height: 19px;
  font-weight: 600;
  font-family: Poppins;
  font-style: normal;
  text-align: center;
  border: 0;
  width: 100%;
  padding: 18px 0 !important;
  height: auto;
  margin-top: 20px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ffb900;
  color: #fff;
}

div.tech-img {
  text-align: center;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 10px 0px;
}

div.tech-img img {
  max-width: 50%;
  margin: 0 auto;
}

div.tech-header {
  height: 400px;
  justify-content: center;
  align-items: flex-end;
  background-size: cover;
  background-position: center bottom;
  color: #fff;
}

.size-60 {
  font-size: 60px !important;
}

.size-36 {
  font-size: 36px !important;
}

.purple-bg {
  background-color: #733f94;
  color: white !important;
}

.purple {
  color: #733f94;
}

.tech-details h1 {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  color: #003775;
}

.tech-details h2 {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  color: #003775;
}

.font-weight-normal {
  font-weight: 400 !important;
}

div.tech-details h3 {
  font-size: 22px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.banner-caption {
  display: block;
  background: rgba(255, 255, 255, 0);
  border-style: none;
  border-radius: 0;
  left: 0;
  top: 310px;
  z-index: 50;
  padding: .5vw 10vw;
  position: absolute;
  margin: 0 auto;
  right: 0;
}

.banner-caption p {
  font-family: Poppins;
  font-weight: 500;
  font-style: normal;
  font-size: 65px;
  color: #fff;
}

.btn-sec a {
  border-radius: 5px;
  min-width: 164px;
  height: 40px;
  background: rgba(51, 165, 224, 1);
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #fff !important;
  display: inline-block;
  padding: 8px 20px;
  margin: 40px 0 0 0;
}

.three-colm .col-4 {
  display: flex;
  background: rgba(0, 55, 117, 1);
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  border-radius: 0;
  min-height: 112px;
  color: #fff;
  font-weight: 500;
  font-size: 20px;
  max-width: 30.77% !important;
  margin: 0 20px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.bluetooth-lighting h2 {
  font-family: "Playfair Display";
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  color: #003775;
}

.bluetooth-icon img {
  min-width: 206px;
}

.video-container {
  background: rgba(0, 55, 117, 1);
}

.video-container h2 {
  font-family: Playfair Display;
  font-size: 40px;
  font-weight: 900;
  color: #fff;
}

.video-container p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.border-1 {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
}

.solace-box {
  padding: 20px;
}

.btn-line {
  display: inline-block;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  color: #33a5e0;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  padding: 9px 20px;
}

.masonry-sec {
  padding: 70px 0;
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

.light-one {
  height: 210px;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.light-one img {
  height: 100%;
  object-fit: cover;
}

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

.sheet-light {
  min-height: 210px;
}

.mega-menu-description {
  display: none !important;
}

.salesrep .wpcf7 form.invalid .wpcf7-response-output {
  color: black !important;
}

img.img-invert{
	filter: brightness(0) invert(1);
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: rgba(0, 0, 0, 0.7) !important;
}