@charset "utf-8";
* {
	outline: 0px none !important;
	border: 0;
	margin: 0;
	padding: 0;
}
:root{
	--bs-font-sans-serif:'Poppins-Regular', serif !important;
}
a, button {
	text-decoration: none;
	outline: 0px none !important;
}
a:active, a:hover, a:focus {
	text-decoration: none;
}


body {
	/*font-family: "Mulish", sans-serif;*/
	font-family: 'Poppins-Regular', serif;
	color: #000;
}
h1, .h1 {
    
	font-family: 'Playfair Display', serif !important;
	font-weight: bold !important;
}
h2, .h2{
	 
	font-family: 'Playfair Display', serif;
	font-weight: bold !important;
}
.text-left {
text-align: left !important;
}
a{
	text-decoration: none !important;
}
a .bi::before{
	color:#000 !important;
}
.bg-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}
.btn-primary {
    color: #fff;
    background-color: #f29900 !important;
    border-color: #f29900 !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #dc8b00 !important;
    border-color: #dc8b00 !important;
}

/* font-family: "Roboto Condensed", sans-serif; */
/* font-family: "Mulish", sans-serif; */
.BGlight-grey{
	background-color: #e6e7e8;
}
.BGdark-grey{
	background-color: #6c6c6f;
}


.navbar-brand img {
	width:165px;
}








/*.pg-header {
	background: #9e8974;
}*/
.pg-header {
	background: #FFF;
}
/*.pg-header .navbar-nav > .nav-item > .nav-link {
	--bs-nav-link-color: #fff;
}*/
.pg-header .navbar-nav > .nav-item > .nav-link {
	--bs-nav-link-color: #000;
}
.pg-header .navbar-nav > .nav-item > :is(.nav-link:focus, .nav-link:hover) {
	--bs-nav-link-hover-color: #333;
}
.pg-header :is(.navbar-nav .nav-link.active, .navbar-nav .nav-link.show) {}

.pg-header .navbar .offcanvas {
	background-color: #6c6c6f;
}
.pg-header .offcanvas .offcanvas-body {
	flex-direction: column-reverse;
	display: flex;
	justify-content: flex-end;
}

@media (min-width: 992px) {
  .pg-header .offcanvas .offcanvas-body {
		flex-direction: column;
		align-items: flex-end;
		gap: 1.25rem;
	}
	.pg-header .offcanvas .offcanvas-body {
		flex-direction: row;
		align-items: center;
	}
	#mega-menu-wrap-primary #mega-menu-primary{
		text-align:center !important;
	}
	ul.navbar-nav a{
		white-space: nowrap;
		font-size:12px;
	}
	.pg-header .offcanvas .offcanvas-body .navbar-nav {
		width: fit-content;
	}
	.pg-header .offcanvas .offcanvas-body .navbar-nav .nav-item:not(:last-child) {
		margin-right: 1rem;
	}
	.pg-header .offcanvas .offcanvas-body .navbar-nav[data-list-type="top-nav"] {
		border: 2px solid #fff;
		border-radius: 100px;
		background: rgba(255, 255, 255, 0.4);
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x);
		--bs-nav-link-padding-y: 0.25rem;
	}
	    #h_search input {
        width: 235PX !important;
    }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
		padding: 0px 12px !important;
		 font-size: 16px !important;
    	font-family: "Poppins-Medium", serif !important;
	}
}
.pg-header .navbar-nav > .nav-item.item-search {
	/* position: relative; */
	display: flex;
}
.pg-header #genSearchBtn {}
.pg-header .nav-item.item-search.show > #genSearchBtn {
	position: relative;
	z-index: 1;
	color: transparent;
}
.pg-header .nav-item.item-search.show > #genSearchBtn::after {
	content: "";
	width: 32px;
	height: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url('data:image/svg+xml,<svg width="322" height="322" viewBox="0 0 322 322" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M314 42C323.4 32.6 323.4 17.4 314 8.09995C304.6 -1.20005 289.4 -1.30005 280.1 8.09995L161.1 127.1L42 7.99995C32.6 -1.40005 17.4 -1.40005 8.10001 7.99995C-1.19999 17.4 -1.29999 32.5999 8.10001 41.8999L127.1 160.9L8.00001 280C-1.39999 289.4 -1.39999 304.6 8.00001 313.9C17.4 323.2 32.6 323.3 41.9 313.9L160.9 194.9L280 314C289.4 323.4 304.6 323.4 313.9 314C323.2 304.6 323.3 289.4 313.9 280.1L194.9 161.1L314 42Z" fill="black"/></svg>') no-repeat;
	background-size: 18px;
	transform: translate(-50%,-50%);
	background-position: center;
}
.pg-header .genSearch {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 100%;
	/* display: flex; */
	transition: all .15s;
}
.pg-header .genSearch #h_search {
	width: 100%;
	height: 100%;
}
.pg-header .genSearch #GenSearch {
	width: 100%;
	height: 100%;
	padding-right: calc(var(--bs-navbar-nav-link-padding-x) * 2);
	padding-left: calc(var(--bs-navbar-nav-link-padding-x) * 2);
	border-radius: 100px;
	padding-right: 88px;
}
.pg-header #h_search input{
	background:url(../images/Search-icon.png) no-repeat 5px 50%;
	border-radius: 20px;
    padding-left: 30px;
    font-size: 12px;
    border: #000 solid 1px;
}
@media (max-width: 991px) {
.pg-header #genSearchBtn {
	display: none;
}
.pg-header .genSearch {
	display: flex !important;
	position: unset;
	width: 100%;
}
.pg-header .genSearch #GenSearch {
	padding: var(--bs-navbar-nav-link-padding-x) calc(var(--bs-navbar-nav-link-padding-x) * 2);
	margin-top: 10px;
}
	.flex-fill.mob-menu{
		align-items: center;
        display: flex;
        justify-content: end;
	}
	.pg-header #h_search input{
		width:100% !important;
		color: #fff !important;
	}
	#mega-menu-wrap-primary{
		order:2;
	}
	.home-designer-collection .collection-box {
    height: 200px;
	}
	.home-smart-space-box .smart-btn{
		width:65px;
	}
}
@media (min-width: 992px) {
	.pg-header .offcanvas .offcanvas-body .navbar-nav[data-list-type="top-nav"] {
		position: relative;
	}
	.flex-fill.mob-menu{
		align-items: center;
        display: flex;
	}
}










.pg-footer {
	background: #000;
	color: #fff;
}
.pg-footer a {
	color: #fff;
}
.pg-footer .footer-logo {}
.pg-footer .footer-logo img {
	height: 20px;
	width: auto;
}
.pg-footer .footer-title {
	font-size: 18px;
	line-height: 145%;
	margin-bottom: 1.75rem;
	border-bottom: 1px solid #fff;
	padding-bottom: .75rem;
}
.pg-footer .footer-links {
	list-style: none;
	padding-left: 0;
	display: inline-flex;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
	border-bottom: 1px solid #fff;
	padding-bottom: .75rem;
}
.pg-footer .footer-links li {}
.pg-footer .footer-links li a {}
.pg-footer .footer-top .footer-links {
	margin-bottom: 4rem;
}
.pg-footer .footer-socials {
	list-style: none;
	padding-left: 0;
}
.pg-footer .footer-socials li {}
.pg-footer .footer-socials li a {}
.pg-footer .footer-top {
	margin-bottom: 2rem;
	padding-top: 4rem;
}
.pg-footer .footer-bottom {
	padding-bottom: 1.5rem;
}
.pg-footer .footer-bottom .footer-links {
	border: 0;
	justify-content: center;
	display: flex;
	padding-bottom: 0;
}
.pg-footer .footer-bottom .footer-links li a {
	color: #00adee;
}
.pg-footer .footer-copy {
	font-size: 18px;
	margin-bottom: 0;
	text-align: center;
}



/* clickable link box */
    .resource-link {
      display: block;
      text-decoration: none;
      color: #333;
      background-color: #f1f1f1;
      padding: 20px;
      border-radius: 4px;
      margin-bottom: 15px;
      font-size: 15px;
      font-weight: 500;
      transition: all 0.2s ease;
    }

    .resource-link:hover {
      background-color: #e6e6e6;
      text-decoration: none;
    }

    .resource-link i {
      float: right;
      margin-left: 6px;
    }

    .section-divider {
      margin: 60px 0 30px;
    }

    .nav-tabs .nav-link {
      font-weight: 600;
      color: #1f4e8c;
      border: none;
      border-radius: 4px;
      margin-right: 8px;
    }

    .nav-tabs .nav-link.active {
      background-color: #f5a623;
      color: #fff !important;
    }

    .subsection-title {
      font-weight: 600;
      font-size: 17px;
      margin-top: 25px;
      margin-bottom: 8px;
      color: #1f4e8c;
    }


/* Scope all styles to #resourceTabs */
#resourceTabs.nav-tabs {
  border-bottom: none;
  gap: 8px; /* space between tabs */
}

/* Tab buttons */
#resourceTabs .nav-link {
  background-color: #f5f5f5; /* light gray background */
  color: #f5a000; /* orange text */
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  padding: 10px 24px;
  transition: all 0.2s ease;
}

/* Active + Hover state */
#resourceTabs .nav-link.active,
#resourceTabs .nav-link:hover {
  background-color: #f5a000; /* orange background */
  color: #fff; /* white text */
}

/* Remove focus outline */
#resourceTabs .nav-link:focus {
  box-shadow: none;
  outline: none;
}



/* Light Notebook */
.project-list-group {}
.project-list-group .project-list-item {}
.project-list-group .project-list-item:not(:last-child) {
	margin-bottom: 1rem;
}
.project-list-group .project-list-item .item-header {
	background-color: #888888;
	display: flex;
	margin-bottom: 0;
	border-radius: .25rem;
	align-items: center;
	justify-content: space-between;
	padding: .75rem 1.25rem;
	border: 1px solid rgba(0, 0, 0, .125);
}
.project-list-group .project-list-item .item-header:has(> [aria-expanded="true"]) {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.project-list-group .project-list-item .item-title {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: flex;
	width: calc(100% - 30px);
	position: relative;
}
.project-list-group .project-list-item .item-title::after,
.project-list-group .project-list-item .item-title.item-next::after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 14px;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 22px;
	position: absolute;
	right: 0;
	transition: all .15s;
}
.project-list-group .project-list-item .item-title.item-next::after,
.project-list-group .project-list-item .item-title[aria-expanded="false"]::after,
.project-list-group .project-list-item .item-title[data-project-id]::after {
	content: "\f105";
}
.project-list-group .project-list-item .item-title[aria-expanded="true"]::after {
	content: "\f105";
	rotate: 90deg;
}
.project-list-group .project-list-item .item-title .file-count {
	background-color: #f29900;
	padding: .2rem .5rem;
	border-radius: 100vh;
	font-size: 12px;
	margin-left: .75rem;
}
.project-list-group .project-list-item .item-remove {
	color: #fff;
	transition: all .15s;
}
.project-list-group .project-list-item .item-remove:hover {
	color: #f29900;
}
.project-list-group .project-list-item .collapse {}

.project-list-group .project-list-item :is(.file-spec_sheets,.file-ies_files,.file-revit_files,.file-install_sheets) a {color: #000;}
.project-list-group .project-list-item :is(.file-spec_sheets,.file-ies_files,.file-revit_files,.file-install_sheets) a.file_dl:hover {color: #009844;}
.project-list-group .project-list-item :is(.file-spec_sheets,.file-ies_files,.file-revit_files,.file-install_sheets) a.file_del:hover {color: #f29900;}
.project-list-group .project-list-item .file-spec_sheets .bi-file-earmark-text {color: #18629f;}
.project-list-group .project-list-item .file-spec_sheets .bi-file-earmark-text::before {content: "\f727";}
.project-list-group .project-list-item .file-ies_files .bi-file-earmark-text {color: #f29900;}
.project-list-group .project-list-item .file-ies_files .bi-file-earmark-text::before {content: "\f46b";}
.project-list-group .project-list-item .file-revit_files .bi-file-earmark-text {color: #fc5000;}
.project-list-group .project-list-item .file-revit_files .bi-file-earmark-text::before {content: "\f1c8";}
.project-list-group .project-list-item .file-install_sheets .bi-file-earmark-text {color: #36b4e5;}
.project-list-group .project-list-item .file-install_sheets .bi-file-earmark-text::before {content: "\f5db";}


.modal-file-list {
	font-size: 14px;
}
.modal-file-list .list-group a {
	font-size: 12px;
	text-decoration: none;
}
.modal-file-list .list-group a small {
	color: #000;
}
.modal-file-list .list-group a.file_actions {
	white-space: nowrap;
	color: #000 !important;
}
.modal-file-list .list-group a.file_actions:hover {
	color: #009844 !important;
}
.modal-file-list .list-group.spec_sheets a {
	color: #18629f;
}
.modal-file-list .list-group.ies_files a {
	color: #f29900;
}
.modal-file-list .list-group.revit_files a {
	color: #fc5000;
}
.modal-file-list .list-group.install_sheets a {
	color: #36b4e5;
}
.modal-file-list .list-group a .bi.bi-file-earmark-arrow-down-fill {
	font-size: 15px;
}
:is(#lightNotebookModal,#lightNotebookModalChoose,#showFileListModal) a {text-decoration: none;}
#lightNotebookModal #lightNotebookInst {
	line-height: 1.1;
	font-size: 14px;
}
/* Light Notebook */
/* Banner Section */
    .hero-section {
      position: relative;
      overflow: hidden;
    }
 
    .banner-image {
      width: 100%;
          height: 80vh !important;
      object-fit: cover;
    }
 
    .hero-overlay {
      position: absolute;
      inset: 0;
      background: rgba(255, 255, 255, 0.3);
    }
 
    .hero-content {
      max-width: 650px;
    }
 
    .banner-textbox h1 {
      font-size: 40px;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    color: #464646;
    margin-bottom: 1.5rem;
    line-height: 1em !important;
    }
 
    .banner-textbox p {
      font-size: 1rem;
      line-height: 1.6;
    }
 
 
    /* category Section */
    
.category-box {
  transition: background 0.1s;
	border-left: 2px solid #d6d6d6;
width: 100%;
}
.category-box:last-child {
	border-right: 2px solid #d6d6d6;

}

.category-box:hover {
  background-color: var(--color);
  color: #fff !important;
}
.category-box:hover a {
  color: #fff !important;
}


   .category-box img{
	   width:100px;
	   transition: filter 0.1s;
   }
  .category-box:hover img{
	   filter: brightness(0) invert(1);
   }
    .category-box h6 {
      font-size: 1.25rem;
    }
 
    .icon-section {
      background: #fff;
      padding: 3rem 0;
      text-align: center;
    }
 
    .icon-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
 
    .icon-item img, .icon-item svg {
      width: 50px;
      height: 50px;
      margin-bottom: 0.75rem;
    }
 
    .icon-item h6 {
      font-size: 0.95rem;
      font-weight: 500;
    }
 
    /* Two Column Sections */
    .split-section {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
    }
 
    .split-section .image-side {
      flex: 1 1 50%;
      background-size: cover;
      background-position: center;
      min-height: 400px;
    }
 
    .split-section .text-side {
      flex: 1 1 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 3rem;
    }

    .split-section .text-side h3 {
      font-weight: 600;
      margin-bottom: 1rem;
		font-family: 'Playfair Display', serif;

    }
 
    .split-section .text-side p {
      font-size: 1rem;
      line-height: 1.6;
      margin: 0;
    }
 
    .bg-yellow {
      background-color: #f4a41d;
      color: #fff;
    }
 
    @media (max-width: 991px) {
      .split-section {
        flex-direction: column;
      }
 
      .split-section .image-side,
      .split-section .text-side {
        flex: 1 1 100%;
      }
 
      .banner-image {
        height: 60vh;
      }
 
      .hero-content {
        max-width: 90%;
        ps: 3rem;
      }
 
      .banner-textbox h1 {
        font-size: 1.5rem;
      }
    }




.vh-50 {
  height: 50vh !important;
}

.contact-page-form > div{
	margin-top: 10px;
}

.blog {
	background-color:#e6e6e7;
	height:35vh;
	width:100%;
}

.blog > a {
	display:flex;
	height:100%;
	width:90%;
	margin: 0 auto;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	text-align:center;
	text-decoration:none;
	font-family:'Poppins',sans-serif;
	color:black;
}

.blog h1 {
	color:#464646;
	}
.bolden {font-family:"Poppins",sans-serif;font-weight:600;text-transform:uppercase;color:#f29900;}
.bolden::after {content:" >"}
.smoothLink {position:relative;}
.smoothLink::before {
	content: "";
	position: absolute;
	width: 95%;
	height: 1px;
	bottom: 2px;
	/*left: 15%;*/
	background-color: black;
	visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.smoothLink:hover::before {
	visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.login-container {
	margin-top: 50px;
}
.login-container  .container-fluid{
	background-color: #e0e0e0;
}
.login-form {
	background-color: #e0e0e0;
	padding: 30px;
	border-radius: 8px;
}
.login-form .btn {
	background-color: #f7941e;
	border: none;
}
.login-form .btn:hover {
	background-color: #e07b00;
}
.login-image {
	width: 100%;
	border-radius: 8px;
}


#carouselSpotlight {
	margin: 0 -45px;
}

#carouselSpotlight .carousel-item {}

#carouselSpotlight .carousel-item .header {
    height:64px;
    background-color: #f29900;
    display:flex;
    justify-content:center;
}
#carouselSpotlight .carousel-item .header > span {
    text-transform: uppercase;
    font-weight: 600;
    font-family: "Poppins",sans-serif;
    padding: 1rem;
    font-size: 22px;
    color:white;
}
   #carouselSpotlight .carousel-item .content {display:flex;flex-direction:column;align-items:center;}
    #carouselSpotlight .carousel-item .img {
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	min-height:300px;
	height:30vh;
	width:80%;
}

#carouselSpotlight .carousel-item .title  {
	font-family:"Poppins-Bold,sans-serif;
	font-size: 22px;
	text-transform:uppercase;
}

#carouselSpotlight .carousel-item .see-all {
	margin-top:0.5rem;
	font-family:"Poppins",sans-serif;
	font-size: 20px;
	font-weight:normal;
	text-transform:uppercase;
	color:black;
}
[class*="carousel-control-"]{color:black !important;}
#carouselSpotlight .carousel-item .see-all > a {color:black;text-decoration:none;}

#banner {
	min-height:300px;
	height:40vh;
	max-height:600px;
	display:flex;
	align-self:flex-start;
	justify-content:center;
	overflow:hidden;
	margin-bottom:2rem;
}

#banner > img {align-self:center;}

#banner > * {width:100vw;}


div.about-tech a{
	text-decoration: none;
	color: #000 !important;
}

div.about-tech a:hover{
	text-decoration: none !important;
}

div.about-tech div.pillar-block:hover{
	background-color: #eeeeee;
}
.pillar-block {
	border: 1px solid #b7b7b7;
	padding:1rem;
	margin: 1 0.5rem;
	height: 100%;
}

.pillar-block .img {
	height: 125px;
	width:100%;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.pillar-block .img > img {
	height:85%;
	max-height:110px;
	padding:0.25rem;
	align-self:center;
}
.pillar-block h4 {font-weight:normal;}
#Promises > .row > div {
    padding: 0.5rem;
}
.category-parent .family:hover {
    background-color: #ebebeb;
}
.category-parent .family:hover .header
 {
    background-color: #004b89;
}
.product-box .icon-box{
	width: 80px;
    margin: 20px auto;
}
.markets-inner h1,
.markets-inner .breadcrumbs a,
.markets-inner .bg-secondary-subtle h2 {
	color: var(--Selected-color) !important;
}
.markets-inner .iconwrap{
	    width: 80px;
}
.markets-inner .bg-Selected-color{
	background:var(--Selected-color) !important;
}
.markets-inner .bg-Selected-color.iconwrap img{
	    filter: brightness(0) invert(1);
}
#pills-asales,
#pills-usacr,
#pills-usaur,
#pills-isr,
#pills-scontact{
	margin-bottom:1.5rem;
}
#pills-tabContent .card{
	border:#D5D5D5 solid 1px !important;
		background: #F1F1F1 !important;
	border-radius:0 !important;
}
.nav-fill .nav-item .nav-link{
	background-color: #F1F1F1;
}
.media-center-popbox .modal-fullscreen .modal-body{
	overflow: hidden;
    height: calc(100% - 80px);
    padding: 40px;
    background: rgba(0, 0, 0, 0.7);
}
.media-center-popbox .btn-close
{
    position: absolute;
    right: 10px;
	top:10px;
    z-index: 1;
    color: #fff;
    filter: brightness(0) invert(1);
}
.media-center-popbox .ratio {
	height:100%;
}
.pager a,
.pager span{
	color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    margin: 5px;
    padding: 10px;
    border-radius: 4px;
    min-width: 40px;
    text-align: center;
    line-height: 20px;
}
.pager a:hover,
.pager span:hover{
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}
.pager a.active,
.pager span.current{
    color: #212529;
    background-color: #dae0e5;
    border-color: #d3d9df;
}
@media screen and (min-width: 768px) {
	#carouselSpotlight .carousel-inner {
	    display:flex;
        flex-wrap:nowrap;
	}
    #carouselSpotlight .carousel-inner .carousel-item {
        display:block;
        width:33%;
        margin:0;
    }
    #carouselSpotlight div[class*="carousel-item-"] {
        -webkit-transform:none !important;
        transform:none !important;
    }

    [class*="carousel-control-"]{display:none !important;}
	.mission-block{
		min-height: 376px;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
.lighting-heading {
    font-size: 2rem;
}
.lighting-slider h3, .lighting-slider .h3 {
    font-size: 1rem;
}
}

@media screen and (MAX-width: 767px) {
	#marketCatList	{
		    width: 100%;
    overflow: scroll;
	}
	.hero-content.ps-8,
	.hero-content.ps-8 .ps-8{
		padding-left: 1rem !important;
	}
	#carouselSpotlight{
		margin:0;
	}
}

















