.box-50 {
	position: relative;
	padding-bottom: 60%;
	height: 0;
	width: 100%;
}

.box-100 {
  position: relative;
  padding-bottom: 80%;
  height: 0px;
  width: 100%;
}

.ls-box .box-100 {
  position: relative;
  padding-bottom: 80%;
  height: 300px;
  width: 100%;
}

.box-inside {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.box-25a {
	position: relative;
	padding-bottom: 30%;
	height: 0;	
	width: 25%;
	

}

.bg-pic {
  background: url('../images/bg_test.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_home {
  background: url('../images/backgrounds/ce_outside_evening.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_home_1 {
  background: url('../images/backgrounds/ce_ext_morning.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  min-width: 1000px;
}

.bg_home_2 {
  background: url('../images/backgrounds/ce_int_morning.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height:100%;
  min-width: 1000px;
}

.bg_home_3 {
  background: url('../images/backgrounds/ce_ext_daylight.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height:100%;
  min-width: 1000px;
}

.bg_home_4 {
  background: url('../images/backgrounds/ce_int_daylight.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height:100%;
  min-width: 1000px;
}

.bg_home_5 {
  background: url('../images/backgrounds/ce_ext_evening.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height:100%;
  min-width: 1000px;
}

.bg_home_6 {
  background: url('../images/backgrounds/ce_int_evening.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height:100%;
  min-width: 1000px;
}

.test {
  background: url('../images/bg_test.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_news {
  background: url('../images/backgrounds/bg_news.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.bg_home_luminous_surfaces {
  background: url('../images/backgrounds/bg_home_luminous_surfaces.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 200px 0px;
}

.bg_home_technology {
  background: url('../images/backgrounds/bg_home_technology.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 200px 0px;
}


.bg_company {
  background: url('../images/backgrounds/bg_company.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_technology {
  background: url('../images/backgrounds/bg_technology.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_team {
  background: url('../images/backgrounds/bg_team.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_capability {
  background: url('../images/backgrounds/bg_capability.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_conted {
  background: url('../images/backgrounds/bg_conted.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_p-lightingsys {
  background: url('../images/backgrounds/bg_lightingsys.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-contact-na {
  background: url('../images/backgrounds/bg_contact_na.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/****************************************************************************************************************Company*/

.team-pic {
  margin: 0 0 30px 0;
}

.team-content {
  min-height: 120px;
}

.timeline ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  min-width: 900px;
  margin: 0 auto;
}

.timeline li {
  display: inline-block;
  margin: 0 0px 20px 0;
  padding: 0;
  width: 25%;  
  vertical-align: top;
  text-align: center;
}

.timeline li p {
  text-align: left;
}

.circle-white h3 {
  text-align: left !important;
  margin-left: 20px;
}


.circle-white {
  /*background: url(../images/circle-white.png) no-repeat;*/
  background-color: #fff;
  width: 100%;
  padding: 54px 0 18px 0;
  text-align: center;
  margin: 0 auto 20px auto;
}

.bio_logo img {
  width: 100px;
}

/*
.circle-white {
  background: url(../images/circle-white.png);
  width: 122px;
  padding: 54px 0 18px 0;
  text-align: center;
  margin: 0 auto 20px auto;
}*/

.technology-table table {width: 80%; margin: 40px auto; border: 1px solid #333;}
.technology-table td {width: 14%; text-align: center; border: 1px solid #333; padding: 0; vertical-align: middle; height: 50px;}
.technology-table p {margin: 0;}
.technology-table .bg_1 {background-color: #f2b483;}
.technology-table .bg_2 {background-color: #f0eff2;}


/****************************************************************************************************************HOME conted*/

.home-conted-logos {
	margin: 20px 0px;  
}

.home-conted-logos ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.home-conted-logos li {
	display: inline-block;
	margin: 0 60px 0 0;
	padding: 0;
}






/****************************************************************************************************************PRODUCTS SURFACES*/

.bg_surfaces {
  background: url('../images/backgrounds/bg_surfaces.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .icon-box {
 	border-right: 1px solid #000;
 	padding:  30px;
 }

  .icon-box:last-child {
    border-right: 0px solid #000;
  } 

 .icon {
 	margin: 0 0 30px 0;
  min-height: 140px;
 }

 .img-p-surfaces {
  background: url('../images/products/img-minotti.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.img-p-surfaces-flushmount {
  background: url('../images/products/img-flushmount.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-p-surfaces-surfacemount {
  background: url('../images/products/img-surfacemount.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-p-surfaces-suspended {
  background: url('../images/products/img-suspended.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-p-ls-line {
  background: url('../images/products/img-line.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-p-ls-tileinterior {
  background: url('../images/products/img-tileinterior.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-p-ls-tileexterior {
  background: url('../images/products/img-tileexterior.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-p-ls-tiletunable {
  background: url('../images/products/img-tiletunable.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-p-ls-quickkits {
  background: url('../images/products/img-quickkits.jpg') no-repeat center bottom; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-p-ls-lp {
  background: url('../images/products/img-lightingsys.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

 .img-box {
 	padding:  10px;
 }

.img-box img {
 	width: 100%;
 }

 .surfaces-table {
 	padding: 20px 0px;
 	border-bottom: 1px solid #000;
 }


 .sub-bg-flushmount {
  background: url('../images/backgrounds/sub_bg_flushmount.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-surfacemount {
  background: url('../images/backgrounds/sub_bg_surfacemount.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-suspended {
  background: url('../images/backgrounds/sub_bg_suspended.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-line {
  background: url('../images/backgrounds/sub_bg_line.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-tileinterior {
  background: url('../images/backgrounds/sub_bg_tileinterior.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-tileexterior {
  background: url('../images/backgrounds/sub_bg_tileexterior.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-tiletunable {
  background: url('../images/backgrounds/sub_bg_tiletunable.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.data-row {
	float: left;
	width: 300px;  
}

.data-row p {margin: 0px;}

/****************************************************************************************************************NEWS*/

.bg_news_small {
  background: url('../images/backgrounds/bg_news_all.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_news_press {
  background: url('../images/backgrounds/bg_news_press.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_news_media {
  background: url('../images/backgrounds/bg_news_media.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg_news_events {
  background: url('../images/backgrounds/bg_news_events.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.news-post-title {
  margin: 0 0 50px 0;
  width: 90%;
}

.news-post-content {
  margin: 50px 0 0 0;  
  width: 90%;
}



.news-post-img img {
  width: 100%;
  }

.photometric_table .pcol_1 {
    width: 300px;    
  }

.photometric_table .pcol_2 {
    width: 200px;           
    padding-right: 20px; 
  }

.photometric_table .pcol_3 {
    width: 200px;    
 }





/****************************************************************************************************************CONTACT*/

.bg_contact {
  background: url('../images/backgrounds/bg_contact.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.col_dropdown {    
    display: block;
    cursor: pointer;
    margin: 0 0 10px 0;    
}

.col_dropdown-content {
    background-color: #f9f9f9;
    padding: 12px 0px 12px 0px;
    cursor: pointer;
    display: none;
}

.col_dropdown-content p {padding: 0px 12px;}
.col_dropdown-content p:hover {background-color: #de4e38 !important; color: #fff;}

.contact_line {
  border-bottom: 1px solid #000;  
}

#contact-box {
  background-color: #f8f8f8; margin-right: 2%; padding: 2%; width: 27%; display: inline-block; vertical-align: top; position: relative;
}



/****************************************************************************************************************Luminous Surfaces*/


.bg_lumsurfaces {
  background: url('../images/backgrounds/bg_lumsurfaces.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.lumsurfaces-pic-1 {
  background: url('../images/lumsurfaces/lumsurfaces-pic-1.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0;   
}

.lumsurfaces-pic-2 {
  background: url('../images/lumsurfaces/lumsurfaces-pic-2.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0; 
}

.lumsurfaces-pic-3 {
  background: url('../images/lumsurfaces/lumsurfaces-pic-3.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0; 
}

.lumsurfaces-pic-4 {
  background: url('../images/lumsurfaces/lumsurfaces-pic-4.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.3;
  filter: alpha(opacity=30); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0; 
}

.lumsurfaces-pic-1:hover,
.lumsurfaces-pic-2:hover,
.lumsurfaces-pic-3:hover,
.lumsurfaces-pic-4:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */  
}

/****************************************************************************************************************GALLERY*/


.bg_gallery {
  background: url('../images/backgrounds/bg_gallery.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-gallery-retail {
  background: url('../images/backgrounds/sub_bg_gallery_retail.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-gallery-office {
  background: url('../images/backgrounds/sub_bg_gallery_office.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-gallery-themed {
  background: url('../images/backgrounds/sub_bg_gallery_themed.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sub-bg-gallery-install {
  background: url('../images/backgrounds/sub_bg_gallery_install.jpg') no-repeat center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.gallery-pic {
  background: url('../images/bg_test.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0; 
}

.gallery-pic:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */  
}

.gallery-table {  
  background-color: #000;
}

.gallery-featured-content {
  position: absolute;
  top: 15%;
  left: 60px;
  z-index: 1;
  text-align: left;
  padding-right: 50px;  
}

.gallery-post-img img {
  width: auto;
  height: 50vh;
  margin: 0 auto;
}

.gallery-post-img {
  background-color: #efefef;
}

/****************************************************************************************************************Button Images*/


.button_img_surfaces {
  background: url('../images/products/button-img-surfaces.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0; 
}

.button_img_ls {
  background: url('../images/products/2022-button-img-ls.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0; 
}

.button_home_img_ls {
  background: url('../images/home/button_home_img_ls.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0; 
}

.button_home_img_surfaces {
  background: url('../images/home/button_home_img_surfaces.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.6;
  filter: alpha(opacity=60); /* For IE8 and earlier */ 
  width: 100%; 
  height: 100%; 
  position: absolute; top: 0; left: 0; 
}


.button_img_ls:hover,
.button_home_img_ls:hover,
.button_home_img_surfaces:hover,
.button_img_surfaces:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */  
}


/****************************************************************************************************************LIGHTBOX*/

.lightbox {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -900px;
  width: 1250px;
  height: 2000px;
  background-color: #fff;
  z-index: 1000;
  text-align: left;
}

.lightbox_close {
  position: absolute;
  top: 50px;
  right: 50px;
}

.lightbox_title {
  width: 75%;
  text-align: left;
  margin-top: 50px;
  text-transform: uppercase;
}

.lightbox_title h2 {
  text-transform: uppercase;
}

.lightbox_content {
  min-width: 900px;
  max-width: 1100px;
  padding: 0 50px;
  margin: 100px 0 100px 0;
  text-align: left;
  margin: 0 auto;
}

.lightbox_image {
  margin-top: 50px;
}

.lightbox_image img {
  width: 100%;  
}

.lightbox_body {
  margin: 90px 0 0 0;
}

.lightbox_col_a {
  float: left;
  width: 30%;
  margin: 0 2.5%;
  background-color: yellow1;
  text-align: left;
}

.lightbox_col_b {
  float: left;
  width: 60%;
  margin: 0 2.5%; 
  background-color: yellow1;
  text-align: left;
}

.lightbox_thumbs {
  margin: 0 0 50px 0;
}

.lightbox_thumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lightbox_thumbs li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.lightbox_thumbs img {
  width: 100px;
}

.lightbox_details {
  font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    font-weight: 100;
    color: #;
    line-height: 30px;
    margin: 0 0 1em 0;
    padding: 0;
}

/****************************************************************************************************************PRODUCT POPUP*/

.popup-data-box h3, .popup-data-box p {color: #fff;}

/*************************TILE LINE */ 
.product-diagram-line { position: relative; max-width: 1134px; min-width: 900px; margin: 0 auto; padding: 0 50px;}
.product-diagram-line img { width: 100%; }
.product-popup-line .popup-data-box {display: inline-block; padding: 30px; margin-top: 35px; position: absolute; background-color: #4f4f4f; max-width: 500px;}

.product-diagram-line .popup-button-1 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 26.6%; left: 16.40%; cursor: pointer;}
.product-diagram-line .popup-button-2 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 80.75%; left: 49.25%; cursor: pointer;}
.product-diagram-line .popup-button-3 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 4%; left: 57.25%; cursor: pointer;}
.product-diagram-line .popup-button-4 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 26%; left: 67%; cursor: pointer;}
.product-diagram-line .popup-button-5 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 26%; left: 82.75%; cursor: pointer;}

/*************************TILE INTERIOR */ 
.product-diagram-interior { position: relative; margin: 0 auto; padding: 0 50px; outline: 0px solid red;}

.product-diagram-interior img { width: 100%; }

.product-popup-interior .popup-data-box {display: inline-block; padding: 30px; margin-top: 35px; position: absolute; background-color: #4f4f4f; max-width: 500px;}

.product-diagram-interior .popup-button-1 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 32%; left: 24%; cursor: pointer;}
.product-diagram-interior .popup-button-2 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 52%; left: 61%; cursor: pointer;}
.product-diagram-interior .popup-button-3 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 62.5%; left: 43.25%; cursor: pointer;}
.product-diagram-interior .popup-button-4 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 74.5%; left: 85.25%; cursor: pointer;}
.product-diagram-interior .popup-button-5 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 81.5%; left: 45.25%; cursor: pointer;}
.product-diagram-interior .popup-button-6 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 81.5%; left: 70%; cursor: pointer;}



/*************************TUNABLE WHITE */
.product-diagram-tunablewhite { position: relative; margin: 0 auto; padding: 0 50px; outline: 0px solid red;}
.product-diagram-tunablewhite img { width: 100%; }
.product-popup-tunablewhite .popup-data-box {display: inline-block; padding: 30px; margin-top: 35px; position: absolute; background-color: #4f4f4f; max-width: 500px;}

.product-diagram-tunablewhite .popup-button-1 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 32%; left: 24%; cursor: pointer;}
.product-diagram-tunablewhite .popup-button-2 {width: 39px; height: 39px; background-color: yellow1; position: absolute; top: 52%; left: 61%; cursor: pointer;}
.product-diagram-tunablewhite .popup-button-3 {width: 39px; height: 39px; background-color: grey1; position: absolute; top: 62.5%; left: 43.25%; cursor: pointer;}
.product-diagram-tunablewhite .popup-button-4 {width: 39px; height: 39px; background-color: cyan1; position: absolute; top: 74.5%; left: 85.25%; cursor: pointer;}
.product-diagram-tunablewhite .popup-button-5 {width: 39px; height: 39px; background-color: orange1; position: absolute; top: 81.5%; left: 45.25%; cursor: pointer;}
.product-diagram-tunablewhite .popup-button-6 {width: 39px; height: 39px; background-color: blue1; position: absolute; top: 81.5%; left: 70%; cursor: pointer;}

/*************************TILE EXTERIOR */ 
.product-diagram-exterior { position: relative; margin: 0 auto; padding: 0 50px; outline: 0px solid red;}
.product-diagram-exterior img { width: 100%; }
.product-popup-exterior .popup-data-box {display: inline-block; padding: 30px; margin-top: 35px; position: absolute; background-color: #4f4f4f; max-width: 500px;}

.product-diagram-exterior .popup-button-1 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 60%; left: 55%; cursor: pointer;}
.product-diagram-exterior .popup-button-2 {width: 39px; height: 39px; background-color: yellow1; position: absolute; top: 46%; left: 55%; cursor: pointer;}
.product-diagram-exterior .popup-button-3 {width: 39px; height: 39px; background-color: grey1; position: absolute; top: 52.5%; left: 80%; cursor: pointer;}
.product-diagram-exterior .popup-button-4 {width: 39px; height: 39px; background-color: cyan1; position: absolute; top: 66%; left: 14%; cursor: pointer;}
.product-diagram-exterior .popup-button-5 {width: 39px; height: 39px; background-color: green1; position: absolute; top: 38%; left: 14%; cursor: pointer;}

/*************************FLUSH MOUNT */ 

.product-diagram-flushmount { position: relative; max-width: 580px; min-width: 580px; margin: 0 auto; padding: 0 50px; outline: 0px solid red;}

.product-diagram-flushmount img { width: 100%; }

.product-popup-flushmount .popup-data-box {display: inline-block; padding: 30px; margin-top: 35px; position: absolute; background-color: #4f4f4f; max-width: 500px;}

.product-diagram-flushmount .popup-button-1 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 22%; left: 62%; cursor: pointer;}
.product-diagram-flushmount .popup-button-2 {width: 39px; height: 39px; background-color: yellow1; position: absolute; top: 40.5%; left: 11.5%; cursor: pointer;}
.product-diagram-flushmount .popup-button-3 {width: 39px; height: 39px; background-color: grey1; position: absolute; top: 48.5%; left: 44.5%; cursor: pointer;}
.product-diagram-flushmount .popup-button-4 {width: 39px; height: 39px; background-color: cyan1; position: absolute; top: 79.5%; left: 44.25%; cursor: pointer;}


/*************************SURFACE MOUNT */ 
.product-diagram-surfacemount { position: relative; max-width: 580px; min-width: 580px; margin: 0 auto; padding: 0 50px;}
.product-diagram-surfacemount img { width: 100%;}

.product-popup-surfacemount .popup-data-box {display: inline-block; padding: 30px; margin-top: 35px; position: absolute; background-color: #4f4f4f; max-width: 500px;}

.product-diagram-surfacemount .popup-button-1 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 22%; left: 34%; cursor: pointer;}
.product-diagram-surfacemount .popup-button-2 {width: 39px; height: 39px; background-color: yellow1; position: absolute; top: 7%; left: 47%; cursor: pointer;}
.product-diagram-surfacemount .popup-button-3 {width: 39px; height: 39px; background-color: grey1; position: absolute; top: 67.5%; left: 22%; cursor: pointer;}
.product-diagram-surfacemount .popup-button-4 {width: 39px; height: 39px; background-color: cyan1; position: absolute; top: 90.5%; left: 61.5%; cursor: pointer;}

/*************************SUSPENDED */ 
.product-diagram-suspended { position: relative; max-width: 472px; min-width: 472px; margin: 0 auto; padding: 0 50px; outline: 0px solid red;}
.product-diagram-suspended img { width: 100%; }

.product-popup-suspended .popup-data-box {display: inline-block; padding: 30px; margin-top: 35px; position: absolute; background-color: #4f4f4f; max-width: 500px;}

.product-diagram-suspended .popup-button-1 {width: 39px; height: 39px; background-color: red1; position: absolute; top: 48%; left: 23.5%; cursor: pointer;}
.product-diagram-suspended .popup-button-2 {width: 39px; height: 39px; background-color: yellow1; position: absolute; top: 44%; left: 43%; cursor: pointer;}
.product-diagram-suspended .popup-button-3 {width: 39px; height: 39px; background-color: grey1; position: absolute; top: 34%; left: 73%; cursor: pointer;}
.product-diagram-suspended .popup-button-4 {width: 39px; height: 39px; background-color: cyan1; position: absolute; top: 23.5%; left: 58%; cursor: pointer;}
.product-diagram-suspended .popup-button-5 {width: 39px; height: 39px; background-color: green1; position: absolute; top: 71%; left: 10%; cursor: pointer;}
.product-diagram-suspended .popup-button-6 {width: 39px; height: 39px; background-color: magenta1; position: absolute; top: 90%; left: 73%; cursor: pointer;}
.product-diagram-suspended .popup-button-7 {width: 39px; height: 39px; background-color: black1; position: absolute; top: 5%; left: 14%; cursor: pointer;}

.bg_products {
  background: url('../images/bg_products.jpg') no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/****************************************************************************************************************Join The Team*/


.bg_jointheteam {
  background: url('../images/backgrounds/bg_jointheteam.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.div_jointheteam {
 
}

.div_jointheteam table {
  width: 100%;
}

.div_jointheteam td {
  padding: 10px 0px;
  border-bottom: 1px solid #333;
}

.div_jointheteam .col_job_1 {
  width: 50%;
  vertical-align: middle;
  background-color: grey1;
}

.div_jointheteam .col_job_2 {
  width: 25%;
  vertical-align: middle;
  background-color: grey1;
}

.div_jointheteam .col_job_3 {
  width: 25%;
  vertical-align: top;
  background-color: grey1;
  text-align: center;

}

.div_jointheteam table p {
  margin: 0;
  padding: 0;
}

.div_jointheteam .button-c {
  margin-top: 0px;
}


/************************* videos***/

.video_box {width: 800px;}

.video-thumbs {}
.video-thumbs ul {margin: 0px; padding: 0px; list-style-type: none;}
.video-thumbs li {margin: 1%; padding: 0px; display: inline-block; width: 31%;}
.video-thumbs li img {width: 100%;}
.video-thumbs li a {margin: 0; padding: 0;}