.headerimage-new{
  background: url("/wp-content/uploads/2024/02/img_0004_53135777342_o.png");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.imgtext a { color:#FF4508 !important; }
#headingOne button { border:0px solid #fff; background-color:#fff; }
.padding5 { padding:0px 5px !important; }
.mainsection .padding-left-10 { padding-left:10% !important; }
.padding-right-10 { padding-right:10% !important; }
.gridimgbox-inner p { margin-bottom:0px; }
.div5-text2 {  width:80%; margin:0 auto;}
.sus-section .descnew { max-width:100% !important; }
.sus-main-cont .cardheadermnual { background-color:#F2EDE9 !important; }
.sus-main-cont .cardbodycustom { background-color:#F2EDE9 !important; }
.sus-section { height:300px; }
.sus-main-cont {  background-color:#F2EDE9; padding:20px 0px;}
 .sus-about .about-whitebg-h { margin-top:0px; }
  .about-whitebg-l a { color:#ED4D2E !important; }
.div4-innerdiv{
    margin-top: 50px;
    margin-left: 10%;
    margin-right: 10%;
}
.div4-text{
    font-size: 32px;
    font-family: Outfit-Light;
    color: #131110;
    max-width: 65%;
}
.div4-imgtext{ 
    padding-bottom: 50px; 
}
.imgtext-maindiv{
  padding-top: 30px;
  
}
.imgtext-p1{
  
    border-bottom: 1px solid #FFFFFF ;
    
    justify-content: center !important;
    text-align: center;
    
    font-size: 12px;
    font-family: Outfit-Semibold;
    color: #FFFFFF;
    width: 10%;
	margin:0 auto;
}
.imgtext-div1{
  padding-top: 16px;
  margin: 0 auto;
    font-size: 18px;
    font-family: Outfit-Regular;
    color: #FFFFFF;
    width: 55%;
    text-align: center;
}
.div4-innerdiv p { margin-bottom:0px !important; }
.sus-insec .blubg {
    /* width: 100%; */
    padding-top: 100px;
    display: flex;
    flex-direction: row;
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 30px;
	gap:0%;
	border-bottom:0px solid #ffffff;
 } 
.sus-insec .blubg-2 {
    padding-top: 100px;
    padding-right:10%;
    font-size: 18px;
    font-family: Outfit-Regular;
    letter-spacing: -0.18px;
width: 50%; }

.sus-insec .blubg-1 {
    /* border: 2px solid red; */
    width: 50%;
}

.sus-insec2 .blubg {
    /* width: 100%; */
    padding-top: 30px;
    display: flex;
    flex-direction: row;
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 50px;
	gap:0%;
	border-bottom:0px solid #ffffff;
 } 
.sus-insec2 .blubg-2 {
    padding-top: 60px;
    padding-left:10%;
    font-size: 18px;
    font-family: Outfit-Regular;
    letter-spacing: -0.18px;
width: 50%; }
.sus-insec2 .blubg-2 img { padding-top:30px;
	
}
.sus-insec2 .blubg-1 {
    /* border: 2px solid red; */
    width: 50%;
}
.blubg-1 img {
    object-fit: cover;
    width: 100%;
}
.main-div5{
    background-color: #6A6E22;
  }
  .div5-innerdiv{
    padding-top: 100px;
    padding-bottom: 100px;
    margin-right: 15%;
    margin-left: 15%;
  }
  .div5-innertext1{
    font-size: 32px;
    font-family: Outfit-Light;
    color: #FFFFFF;
    text-align: center;
    width: 80%;
    margin:0 auto;
  }
.map_mobile{ display: none;}
.map_web{ display:block;}
.foot-web { display:block !important; }
.foot-mobile { display:none !important; }
.footerbg p { margin-bottom:2px; }
.fabric-swatch-dwn { text-align:right; }
.fabric-swatch-header { padding-bottom:20px; }
.dwn-header { padding-bottom:20px; }
.imgBoxtext a { color:#131110; text-align:left; }
.news-thum img { border: 1px solid #f5f5f5; } 
.image-box img { border: 1px solid #f5f5f5; } 
.insights-page .left-side-bar { padding-left:0px; } 
.showroom .text-part1 { padding-top:40px; }
.showroom .firstbox  { padding-bottom:140px; background-color:#f7efeb; }
.story-web { display:block; }
.story-mobile { display:none; }
.showroom .bigimg { top:-90px; }
.contactbx .panel { border-top:0px solid #fff !important; padding-top:0px !important; }
.secnavcol { width:auto; float:left; }
.secnav { display:flex; }
.right-section-full-width .right-section-div1 { margin-left:20px; }
.insights-page #right-section { padding-top:20px; }
.insights-page .left-side-bar { padding-top:10px; }
.arrow-down { display:none; }
.arrow-up { display:block; }
.active .arrow-down { display:block; }
.active .arrow-up { display:none; }
.newsbox{ width:31%; margin-right:2%; float: left;}
.vs-video{ }

 .left-side-bar-rep .accordion {
    background-color:#fff !important;
    
	 display: flex;
  justify-content: space-between;
  }
 .left-side-bar-rep .container1-text2 { padding-bottom:30px; }
.rep-text{ background-color: #fff!important;}


@media screen and (max-width: 1100px) {
	
	.vs-video{ width: 600px !important; height: 336px !important; }
	
	
}

@media screen and (max-width: 800px) {
	
	.planttour-innerdesc {
  width: 100% !important;
  font-size: 22px !important;
  
}
	
	.vs-video{ width: 500px !important;   height: 280px !important; }
	
	
}

@media screen and (max-width: 600px) {
	
	.vs-video{ width: 400px !important;  height: 224px !important; }
	
	
}


@media screen and (max-width: 500px) {
	
	.vs-video{ width: 300px !important; height: 168px !important;   }
	
	
}


@media screen and (max-width: 300px) {
	
	.vs-video{ width: 200px !important; height: 112px !important;    }
	
	
}


.text3{font-family: Outfit-semibold;font-size: 12px;}
.filter_download{display: none !important;}
.txt-media-g{ font-size: 32px !important; font-family: Outfit-Light;  }

.adj-chairs{max-width: 400px;
  font-family: 'Outfit-Medium';
  font-size: 31px; 
  margin-top: 65px;
  line-height: normal;
  margin-left: 5px;}

.wrnt-spc{ margin-top: 60px;}





.sorttext2{ padding-top: 50px;}

.chair_designer {
  
  left: 12px !important;
}


.active {
  background-color: #976C17;
}

.panel { border-top: 1px solid gainsboro !important; padding-bottom: 24px !important; padding-top: 14px !important;}


/*--------------------------------------------------------Blog News Details Page --------------------------------*/
.firstbox{
  background-color:#FFEFE8; 
  padding-bottom: 100px;
}
.firstbox-text1{text-align: center; color: red; font-family: Outfit-Regular; font-size: 12px;padding-top: 20px;}
.firstbox-text2{text-align: center; font-family: Outfit-Medium;font-size: 22px;}
.firstbox-text3{text-align: center; padding:10px 20% 0px 20%; font-family: Outfit-Regular;font-size: 16px;}

.secondbox{
  background-color:#FFF; 
}
.imgparent{
  display: flex;
  justify-content: center;
  position: relative; 
}
.bigimg{
  position: relative;
  top : -50px;
  width: 80%;
  float: center;
   
}
.bigimg-inner{
  position: relative; 
  width: 80%;
  float: center;
  padding-bottom:40px; 
  padding-top:40px;
}
.imgtext{
  text-align: center;
  padding: 0% 15% 50px 15%;
  font-family:Outfit-Regular ;font-size: 16px;
  border-bottom: 1px solid gray;
  margin:0% 10% 0% 10%
 

}
.twochair-imgdiv{
  display: flex;
  justify-content: center;

} 
.blubg{ 
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid gray;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 100px;
    padding-bottom: 100px;
    gap:10%;
    
  }
  .blubg-1{ 
    width: 50%;

  }
  .blubg-1 img{
    object-fit: cover;
    width: 100%;

  }
  .blubg-2{ 
    font-size: 18px;
    font-family: Outfit-Regular; 
    letter-spacing: -0.18px; 
    width: 50%; 
  }
  .twochair-maindiv{ 
    display: flex;
    flex-direction: column; 
  }
  .twochair-textdiv{
    text-align: center;
    padding-left: 25%;
    padding-right: 25%;
    padding-top: 50px;
    padding-bottom:50px ;
    font-size: 16px;
    font-family: Outfit-Regular;
  }

  .textbox{
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid gray;
    margin-left: 10%;
    margin-right: 10%;
    padding-top: 50px;
    padding-bottom: 100px;
    gap:10%
  }

  .textbox-1
  {  
    font-size: 18px;
    font-family: Outfit-Regular;
    padding-top: 70px; 
    letter-spacing: -0.18px; 
    width: 50%; 
  }
  .textbox-2
  { 
     font-size: 18px;
     font-family: Outfit-Regular;
     padding-top: 70px; 
     letter-spacing: -0.18px; 
     width: 50%; 
  }
  .textbox-3{
    font-size: 18px;
     font-family: Outfit-Regular; 
     letter-spacing: -0.18px;
     text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 25%;
    padding-right: 25%; 
  }
  @media screen and (max-width: 830px) {
    .firstbox-text3{
      padding:10px 10% 0px 10%;
    }
    .imgtext{
      padding: 0% 10% 50px 10%;
    }
	.imgtext a { color:#FF4508 !important; }
    .blubg{
      flex-direction: column;
    }
    .blubg-1{
      padding-top: 20px;
      width: 100%;
      
    }
    .blubg-2{
      width: 100%;
      
      text-align: center;
    }
    .textbox{
      flex-direction: column;
    }
    .textbox-1{
      width: 100%;
      text-align: center;
    }
    .textbox-2{
      width: 100%;
      text-align: center;
    }
    .twochair-textdiv{
      padding-left: 10%;
      padding-right: 10%;
      text-align: center;
      width: 100%;
    }
    .textbox-3{
      padding-left: 10%;
      padding-right: 10%;
    } 
  }


/*----------------------------------------------------------- End--------------------------------------------------*/
@media only screen and (max-width: 1200px) {
	.featured-products .slick-next {
  right: 11vw !important;
}
	
.featured-products .slick-prev {
  left: 11vw !important;
  
}	
	
	
}


@media only screen and (max-width: 1138px) {
	.featured-products .slick-next {
  right: 9vw !important;
}
	
.featured-products .slick-prev {
  left: 9vw !important;
  
}	
	
	
}


@media only screen and (max-width: 900px) {
	.featured-products .slick-next {
  right: 11vw !important; top:30%
}
	
.featured-products .slick-prev {
  left: 11vw !important; top:30%
 
}	
	
	
}


@media only screen and (max-width: 650px) {
	.featured-products .slick-next {
  right: 15vw !important; top:30%
}
	
.featured-products .slick-prev {
  left: 15vw !important; top:30%
 
}	
	
	
}


@media only screen and (max-width: 460px) {
	.featured-products .slick-next {
  right: 18vw !important; top:30%
}
	
.featured-products .slick-prev {
  left: 18vw !important; top:30%
 
}	
	
	
}


@media only screen and (max-width: 360px) {
	.featured-products .slick-next {
  right: 40px !important; top:50%
}
	
.featured-products .slick-prev {
  left: 40px !important; top:50%
 
}	
	
	
}












.textile-contbx {
    position: absolute;
    bottom: 0px;
    width: 80%;
    background-color: #F2EDE9;
    opacity: 0.8;
    right: 0px;
    font-size: 12px;
    text-transform: uppercase;
	border-bottom: 3px solid #F2EDE9;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top-left-radius: 5px;
    font-family: Outfit-SemiBold;
}
.textile-contbx:hover {
    position: absolute;
    bottom: 0px;
    width: 80%;
    background-color: #F2EDE9;
    opacity: 0.8;
    right: 0px;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 3px solid #ED4D2E;
    cursor: pointer;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top-left-radius: 5px;
    font-family: Outfit-SemiBold;
}




.gridimg-text { width: 100%; position: absolute;
    text-decoration: none;
    color: #131110;
	
	background-color: #F2EDE9;
    opacity: 0.8;
    right: 0px;
    font-size: 12px;
    text-transform: uppercase;
	border-bottom: 3px solid #F2EDE9;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top-left-radius: 0px;
    font-family: Outfit-SemiBold;
	bottom: 0px;
	
	
}




.gridimg-text:hover {
	 
	
	
	
	
	
	
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #F2EDE9;
    opacity: 0.8;
    right: 0px;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 3px solid #ED4D2E;
    cursor: pointer;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top-left-radius: 5px;
    font-family: Outfit-SemiBold;
}


/*--------------------------------aboutus page------------------------------------------------------------------------*/
.about-header-cont {
  width: 700px;
  text-align: center;
  position: absolute;
  left: 30%;
  font-size: 32px;
  top: 30%;
  color: #fff;
}


@media only screen and (max-width: 1100px) {
.about-header-cont {
  width: 60% !important ;
  text-align: center;
  position: absolute;
	top: 50% !important;
 left: 50% !important;
  transform: translate(-50%, -50%);
  font-size: 28px;
  color: #fff;
}
	
}

@media only screen and (max-width: 610px) {
.about-header-cont {
  width: 80% !important ;
  text-align: center;
  position: absolute;
	top: 50% !important;
 left: 50% !important;
  transform: translate(-50%, -50%);
  font-size: 28px;
  color: #fff;
}
	
}








@media only screen and (max-width: 850px) {
	
	.txt-media-g{ font-size: 22px !important; font-family: Outfit-Light;  }
	
	.project-spotlight{  margin-top: 30px !important;  }	
	
	.txt-32-lightproj{ font-size: 22px !important; font-family: Outfit-Light;  }
	
	.filter_download{display: block !important;}

.aboutus-headersub {
  font-size: 28px !important;
  color: #fff;
  font-weight: normal;
}	
	
 .slick-slide {
      margin: 0px 10px !important;
    }	
.slick-list {padding: 0 20px !important;}	
	
	
	
	
		
	
}







/*-----------------------------------------seating page---------------------------------------------------------------------*/

 


.zoom-seating {
  
 
  transition: transform 1.5s ease; /* Animation */
  width: 80% !important;
  height: auto;
  
}

.zoom-seating:hover {
  transform: scale(1.2); z-index: 999;
	
}

@media only screen and (max-width: 498px) {
.back{
    height: auto !important;}
	
	.projectcontainer-button{ width: 100% !important; text-align:center;}
		
	
}





/*------------------------------------------------------------home page---------------------------------------------------- */
.hadlinebox-wdth{width: 80% !important;
  margin: 0px auto !important;
  line-height: 28px !important;}

.h-brd{position: relative; background-color: blueviolet;}
.brd-m{position: relative;}
.video-bx{ position: relative;}
.vd-buttons{position: absolute; bottom: 15px; right: 20px;}
.video-spc{position: relative;}




@media only screen and (max-width: 800px) {
	
	.hadlinebox-wdth{width: 80% !important;
  margin: 0px auto !important;
  line-height: 28px !important;}
	.dsk2 input{font-weight: normal !important;}
	
	
}

@media only screen and (max-width: 900px) {
	
	.video-spc{position: relative; width: 95%; margin: 0px auto;}
.configure {
  width: 90% !important; margin: 0px auto !important;
  
}
	
	
}







/*-------------------------------------------------------------Contact Us-----------------------------------------------*/

.contact-dkg .form-group {  margin-bottom: 2.6rem;}

.vsttxt{font-size: 14px; line-height: 20px;}


.mapouter{position:relative;height:400px;width:720px;background:#fff;}
.gmap_canvas{overflow:hidden;height:400px;width:720px}
.gmap_canvas iframe{position:relative;z-index:2}


.mapcontr{width: 100%;}
.iframecontr{width: 100%; height: 328px;}



.buttoncs-red{ background-color: #ED4D2E; font-size: 12px; color: #fff; border-radius: 40px;  text-align: center; padding: 9px 23px 9px 23px; cursor: pointer; /*margin-top: 40px;*/ border: none; text-transform: uppercase;}

.buttoncs-red:hover{ background-color: #131110; font-size: 12px; color: #fff; border-radius: 40px;  text-align: center; padding: 9px 23px 9px 23px;  cursor: pointer; /*margin-top: 40px;*/ border: none; text-transform: uppercase;}




.txt-18-regularct{ font-size: 16px; font-family: Outfit-Regular;  }
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 20px 0px !important;
}
.contact-dkc {
  width: 30%
}

.contact-qs{ padding-bottom: 30px;}

.sb-font{font-family: Outfit-semibold !important;}
.primarycontainer {
  border-top: 1px solid grey;
}
.cardheadermnual {
  background-color: #fff !important;
  border-top: 1px solid rgba(0, 0, 0, .125) !important;
  padding-left: 0px !important;
}

.buttoncustom:focus {
  box-shadow: none !important;
}
.contactbx .cardbodycustom {
  font-size: 12px !important;
  color: #131110;
  font-family: Outfit-Regular !important;
  padding-left: 0px !important;
  margin-bottom: 10px;
}
.contactus-cntx {
  font-size: 32px;
  font-family: Outfit-Medium;
}
.contact-vst {font-family: "Outfit-Medium";
  font-size: 22px;
  padding-bottom: 21px;
}
.contact-fs {
  font-size: 22px;
  font-family: "Outfit-Medium";
  border-bottom: 1px solid #131110;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
.contact-sr {
  width: 80%;
  margin: 0px auto;
  overflow: hidden;
  margin-bottom: 80px;
}
.contact-dkg {
  background-color: #F2EDE9;
  padding: 90px 0px;
}
.card-body p {
  margin: 0px;
  padding: 0px;
  line-height: 22px;
}
.blacktxt-underline {
  color: #131110;
  text-decoration: underline;
}
.blacktxt-underline:hover {
  color: #131110;
  text-decoration: none;
}
.blacklink {
  color: #131110;
  text-decoration: none;
}
.blacklink:hover {
  color: #131110;
  text-decoration: none;
}
.form-control {
  font-size: 14px;
  color: #000 !important;
}
.contact-dfl {
  display: flex;
  justify-content: space-between;
}

.cardmanual {
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.btn-link.collapsed:after {
  content: url("../images/accordion-arrow.png");
}
.container1-div1 {
  margin-top: 100px;
  margin-left: 120px;
}
.container1-text1 {
  font-size: 32px;
  font-family: Outfit-Medium;
}
.container1-text2 {
  font-size: 18px;
  font-family: Outfit-Regular;
}
.accordiancustom {
  margin-top: 15px;
}
.hr1 {
  margin-top: 0px;
}
 
.contact-uprcn{display: block;  padding-left: 15px; margin-bottom: 30px;}

.contact-ybg {
  width: 60%
}
.contactus-txtsm {
  font-size: 18px;
  padding: 0px ; clear: both; padding-bottom: 15px;
}
.contactus-container {
  width: 80%;
  margin: 0px auto;
  font-size: 14px;
  margin-top:70px;
}

.contactus-container2 {
  width: 80%;
  margin: 0px auto;
  
}


.contactus-forms {
  padding-top: 38px;
  display: flex;
  justify-content: space-between;
}
.contactus-formslft {
  width: 70%
}
.contactus-formsrht {
  width: 30%;
  padding-left: 20px;
  line-height: 19px;
}
.contactus-reachtxt {
  padding-bottom: 17px;
}
.contactus-visit {
  padding-bottom: 17px;
  padding-top: 17px;
}
.contactus-pd {
  padding-bottom: 17px;
  padding-top: 17px;
}
.contactus-mapspc {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.contactbx {
  width: 100%;
}
.contactbx-hdr {
  padding-top: 15px;
  padding-bottom:15px;
  font-size: 14px;
	min-height: 80px;
	font-family: "Outfit-Medium";
	
}
.form-group {
  margin-bottom: 1.6rem;
}
.form-control2 {
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 1px solid #d9d9d9;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.form-control2:active, .form-control2:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000;
}
input::placeholder {
  font-weight: normal;
  color: #131110;
}
.contactus-forms .form-control {
  border: none;
  border-bottom: 1px solid #d9d9d9;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  color: blue;
}
.form-control:active, .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #000;
}
@media (max-width: 991.98px) {
  form.border-right {
    padding-right: 0 !important;
    border-right: none !important;
  }
}
label.error {
  font-size: 12px;
  color: red;
}
.submitting {
  float: left;
  width: 100%;
  padding: 10px 0;
  display: none;
  font-weight: bold;
  font-size: 12px;
  color: #000;
}
.topbord2 {
  border-bottom: 1px solid #131110;
  margin-bottom: 50px;
}
.mapouter {
  position: relative;
  text-align: right;
  width: 1153px;
  height: 328px;
}
.gmap_canvas {
  overflow: hidden;
  background: none !important;
  width: 1153px;
  height: 328px;
}
.gmap_iframe {
  width: 1153px;
  height: 328px;
}
.contact-ckr {
  clear: both;
  margin-top: 70px;
  margin-bottom:50px;
}
.contact-mbt {
	font-family: 'Outfit-SemiBold';
  margin-bottom: 30px;
	font-size: 22px !important;
}
.conts-mbdt {
  margin-top: 33px;
}
.ckr-submit {}
.ckr-radio { font-size: 18px;}
.ckr-eml {}


.grid-containercs{display: grid; 
  grid-template-columns: auto auto auto auto;
 
  padding-left: 0px;
  padding-right: 0px;
	grid-gap: 20px;}

.mkrd{ width: 553px !important; height: 300px;}

.tkr{width: 900px !important; }
	.tkr-radio{width: auto;  }


@media only screen and (max-width: 1014px) {
	
	.ckr-eml { width: 100% !important; clear: both;}
	
	.tkr{width: 100% !important; clear: both;}
	.tkr-radio{width: 100% !important; clear: both; }
	
	
}


@media only screen and (max-width: 1220px) {
	
	
	.mapcontr{width: 100%;}
.iframecontr{width: 100%; height: 328px;}
	
	
	.grid-containercs{display: grid; 
  grid-template-columns: auto auto auto;
 
  padding-left: 0px;
  padding-right: 0px;
	grid-gap: 20px;}
	
	.contact-sr {
  width: 90% !important;
  margin: 0px auto;
  overflow: hidden;
  margin-bottom: 30px;
}
	
	.contactus-container {
  width: 100% !important;
  margin: 0px auto; padding: 40px;
  
}
	
	
	.contactus-container2 {
    clear: both;
    width: 100% !important;
    margin: 0px auto;
    
    padding: 40px;
  }
	
	
}

@media only screen and (max-width: 850px) {
	
	
	
	.grid-containercs{display:block !important; 
  grid-template-columns: auto!important;
 
  padding-left: 0px;
  padding-right: 0px;
	grid-gap: 20px;}
	
	
	
	.contactus-container2 {
    clear: both;
    width: 100% !important;
    margin: 0px auto;
    
    padding: 0px !important;
	padding-bottom: 0px !important;
  }
	
	
	.contact-mbt {
 
  font-size: 20px !important;
}
	
	.contact-vst {
  font-family: Outfit-semibold;
  font-size: 20px;
  
}
	
	.contact-fs {
  font-size: 20px;
  font-family: Outfit-semibold;
  border-bottom: 1px solid #131110;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
	
	.contact-dkg {
  background-color: #F2EDE9;
  padding: 40px 0px 0px;
}
	
	
  .contactus-txtsm {
    font-size: 16px;
  }
  .topbord2 {
    border-bottom: 1px solid #131110;
    margin-bottom: 0px;
  }
  .contactus-cntx {
    font-size: 26px;
    font-family: Outfit-Medium;
  }
  .contact-mbt {
    order: 1;
  }
  .ckr-eml {
    display: block;
    order: 2;
  }
  .ckr-radio {
    order: 3;
  }
  .conts-mbdt {
    order: 4;
  }
  .contact-ckr {
     padding: 40px 20px !important;
  }
  .contact-ybg {
    width: 100%;
    margin-top: 40px;
  }
  .contact-dfl {
    display: block;
    padding: 0px 40px;
    justify-content: space-between;
  }
  .contactus-mapspc {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
   
  }
  .mapouter {
    position: relative;
    text-align: right;
    width: 100% !important;
    height: auto !important;
  }
  .contactus-forms {
    padding-top: 38px;
    display: block;
  }
  .contactus-formslft {
    width: 100% !important;
    clear: both;
  }
  .contactus-formsrht {
    clear: both !important;
    width: 100% !important;
    padding: 0px;
    line-height: 19px;
  }
  .contact-dkc {
    width: 100%;
    clear: both;
  }
  .contactus-container {
    clear: both;
    width: 100%;
    margin: 0px auto;
    font-size: 14px;
    padding: 40px;
  }
	
	
	
	
	
  
  .contactbx {
    width: 100%;
  }
}

/*----------------------------------------------------------- Materials Overview-----------------------------------------*/
.fabric-cards-container{
    background-color: #4D1A28;
    display: flex;
    justify-content: center;
    align-items: center; 
}

.fabric-cards-innercontainer{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.fabric-cards-info{ 
    width: 50%;
    height: 484px;
    padding: 6rem;
	padding-right:10%;
}

.fabric-cards-name{
    font-family: 'Outfit-SemiBold';
    font-size: 12px;
    border-bottom: 1px solid #FFFFFF;
    width: 105px; 
    padding-bottom: 8px;
    color: #FFFFFF;
	letter-spacing: 1px;
}

.fabric-cards-desc{
    font-size: 32px;
    font-family: 'Outfit-Light';
    width: 80%;
    color: #FFFFFF;
}

.fabric-cards-btn{
    background-color: #ED4D2E;
    border: none;
    border-radius: 20px;
    padding: 5px;
    width: 122px;
    color: #FFFFFF;
}

.fabric-cards-img{
    width: 50%;
    height: 484px;
}
.fabric-cards-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width:1024px) {
    .fabric-cards-desc{
        width: 100%;
    }
}

@media only screen and (max-width:975px){
    .fabric-cards-innercontainer{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .fabric-cards-container{
        width: 100%;padding: 60px 30px 57px 30px;
    }
    .fabric-cards-info{
        width: 100%;
        /* margin-bottom: 40px;
        margin-right: 30px; */
        padding:0rem 0rem 3rem 1rem;
        height: 100%;
    }
    .fabric-cards-name{
        font-size: 10px;
    }
    .fabric-cards-desc{
        width: 100%; 
        font-size: 22px;
    }
    .imagegrid{
        margin: 60px 40px 60px 40px;
    }
    .fabric-cards-img{
        width: 333px;
        height: 179px;
    }
}

@media only screen and (max-width:1194px){
    .gridimgbox{
        padding-bottom: 20px;
    }
}

.imagegrid {
    margin: 60px 10%;
    display: flex;
    justify-content: center;
}
.gridimg-text a {
    text-decoration: none;
    color: #131110;
}
.gridimgbox-inner img:hover {
    border-bottom: 2px solid #ED4D2E;
}
.gridimgbox-inner img {
    border-bottom: 2px solid rgba(242, 237, 233, 0.85);
    transition: 0.3s ease-in-out;
    width: 200px;
    height: auto;
}
.Request-memo-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.Request-memo-innercontainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
}
.requestbtn {
    font-size: 16px;
    border: none;
    border-radius: 20px;
    background-color: #ED4D2E;
    padding: 5px;
    color: #FFFFFF;
    font-family: 'Outfit-Regular';
    width: 99px;
}
.textile-partners-innercontainer {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.textile-partners-info { 
    width: 50%;
    height: 488px;
    padding: 6rem;
	padding-left:10%;
}
.textile-partners-name {
    font-family: 'Outfit-SemiBold';
    font-size: 12px;
    border-bottom: 1px solid #131110;
    width: 140px;
    /* width: 50%; */
    padding-bottom: 8px;
	letter-spacing: 1px;
}
.textile-partners-desc {
    font-size: 32px;
    font-family: 'Outfit-Light';
    width: 93%;
}
.textile-partners-img {
    width: 50%;
    height: 488px;
}
.textile-partners-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*--------------------------------------------------------------Our Story --------------------------------------------*/
.secondarycontainer-texr1{
    font-size: 22px;
    font-family: Outfit-Medium;
    
}

.secondarycontainer-div1-hr1{
    margin-top: 5px;
    margin-bottom: 40px;
    height: 1px;
    width: auto;
    background-color: gray;
    margin-right: 80px;

}
.bottomtext-1{
    font-family: Outfit-Semibold;
    font-size: 14px;
    color: #131110;
}
.bottomtext{
    font-family: Outfit-Regular;
    font-size: 12px;
    color: #131110;
	width:30%; float:left; padding-right:3%; margin-bottom:30px;
}
.secondarycontainer{
    margin-bottom: 40px;
    
}
.bottomtext-a2{
    margin-left: 150px;
}
.secondarycontainer-div2{
    display: table; flex-direction: row; column-gap: 10px;
}

@media screen and (max-width: 830px) {
    .container1-div1{
        margin-top: 30px;
        margin-left: 15px;
    }
    .secondarycontainer-div2{
         flex-direction: column; 
         row-gap: 10px;
    }
    .secondarycontainer{
        
        margin-left: 25px ;
    }
    .secondarycontainer-texr1{
        font-size: 20px;
        
        margin-left: 20px;
        
    }
    .bottomtext-a2{
        margin-left: 0px;
    }
    .container1-text1{
        font-size: 26px;
        
    
    }
    .container1-text2{
        font-size: 16px;
       
    
    }

}
.container1-text2 {
    font-size: 18px;
    font-family: Outfit-Regular;
}
.right-section-rep { width:70% !important; float:left;}
.left-side-bar-rep { width:30% !important; float:left;  }
.rep-main { width:80%; padding-top:60px; margin:0 auto; display:table; padding-bottom:60px;}
.about-tspc {
    padding-top: 100px;
    padding-bottom: 40px;
}
.about-tdates p { padding:0px !important; margin:0px !important; }
.about-header-cont{width: 700px; text-align: center; position: absolute; left:30%; font-size: 32px; top:30%; color: #fff;}
.aboutus-headersub{ font-size: 32px; color: #fff;  font-weight: normal;}
.about-sback{font-size: 22px;  font-family: Outfit-Medium; }
.about-carrerimg{width: 100%; height: auto; width: 605px; height: 499px}
.about-mts{margin-top: 22px;}
.about-goalimg{width: 577px; height: auto;}
.about-wbspc{margin-top: 0px;}
.about-sitspc{margin-top: 30px;}
.about-tdates{border-bottom: 1px solid #131110; width: 30%}
.about-tcont{width: 100%; display: flex; justify-content: space-between; margin-top: 40px;}
.about-tspc{padding-top: 100px; padding-bottom: 40px;}
.about-container{margin: 0px auto; width: 1153px;}
.timelinespc{padding-top: 100px; padding-bottom: 100px;}
.about-ch{border-bottom: 1px solid #000; padding-bottom: 20px; font-size: 32px; font-family: Outfit-regular;  }
.about-whitebg{display: flex; justify-content: space-between; width: 1153px; margin: 0px auto;  padding-top: 100px; padding-bottom: 100px;}

.about-whitebg-jk{display: flex; justify-content: space-between; width: 1153px; margin: 0px auto;  padding-top: 100px; padding-bottom: 50px;}

.about-whitebg-l{padding:0px 100px 0px 0px; font-size: 18px; }

.about-whitebg-h{ font-size: 22px; font-family: Outfit-SemiBold; font-weight:normal; padding-bottom: 20px; margin-top: 160px;}

.about-whitebg-hf{ font-size: 12px;
  font-family: Outfit-SemiBold;
  font-weight: normal;
  padding-bottom: 10px;
  margin-top: 0px;
  text-transform: uppercase;
  border-bottom: 1px solid #131110;
  width: fit-content;
  margin-bottom: 20px;
  }
.responsive-img{width: 100%; height: auto;}
.about-itembox-top{display: flex}
.about-itembox-img{width: 50%;}

.about-redbg{width: 50%; background-color: #4D1A28; color: #fff;}


.about-bluebg{width: 50%; background-color: #A7C2D3; color: #fff;}
 .about-vmtxt{top: 50%;
  left: 50%;
	 transform: translate(-50%, -50%); position: relative; padding-left: 50px; padding-right: 35%; font-size: 18px;}

.about-vmtxt-b{top: 50%;
  left: 60%;
	 transform: translate(-50%, -50%); position: relative; padding-left: 50px; padding-right: 20%; font-size: 18px;}


.about-carrer-heading{ font-family:  Outfit-Light; font-size: 32px;}
.about-carrer-spc{  padding-top: 30px; padding-bottom: 30px; font-size: 16px; font-family: Outfit-regular; }
.about-timelinebg{ background-color:#F2EDE9; }
.timeline-buttons{background-color: #F2EDE9; font-size: 64px; font-family:  Outfit-Light; outline: none !important; background-color: transparent;
  border: none; color: #131110;}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}


/*--------------------------------------------------------Project details-----------------------------------------------*/
.showroom_tour { text-align:center; width:80% !important; margin:0 auto; line-height:24px; padding-bottom:40px !important; }
.planttour-innerdesc { width:65%; font-size:28px; padding-top:40px; }
.playbtn {
    position: absolute;
    top: 90%;
    left: 95%;
    bottom: 0px;
    z-index: 100000;
}
.pd-sldbx{background-color: #fff;   border-radius: 7px;   width: 297px;   position: absolute;   bottom: 87px !important;   left: 10%;   padding: 25px;   opacity: 0.8;  text-align: left;}
.ps-box-h1 {
    font-size: 12px;
    width: 128px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: outfit-semibold;
}
.pd-smlbg{background-color: #E8E6E4 !important; padding-top: 50px; padding-bottom: 50px;}
.pdspcr{margin-top: 80px;}
.pd-plchldr{  width:80%;  margin: 0px auto; overflow: hidden; }
.pd-boxul{display: flex; margin-top: 20px; font-size:18px;}
.pd-ul-bord{border-right: 1px solid #707070 ; width: 25%; margin-right: 20px;}
.pd-ul-bord2{border-right: none ; width: 25%; margin-right: 20px;}
.pd-lispc{margin: 0px; padding: 20px; font-size: 14px; }
.pd-blckundrline{text-decoration: underline; color: #131110;}
.pd-blckundrline:hover{text-decoration: none; color: #131110;}
.pd-img2{padding-top: 60px; padding-bottom: 100px;}
.pd-yellowbg{ background-color: #F2EDE9; font-size: 18px; font-family: outfit-regular; padding: 100px; }
.pd-bluebg{background-color: #4B5D73; font-size: 18px; font-family: outfit-regular; color: #fff; padding: 100px 0px; }
.pd-spcrg{display: flex; justify-content: space-between;}
.pd-bluebgtxt{padding-left: 70px; padding-top: 70px;}
.pd-whitelink{color: #fff; font-size: 12px; text-decoration: underline;}
.pd-whitelink:hover{color: #fff; font-size: 12px; text-decoration: none;}
.pd-chairbx{width: 227px;}
/*---------------------------------------------------------Award -----------------------------------------------------------*/
.award-cntr {
    margin-top: 100px !important;
    margin-bottom: 0px !important;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
}
.awardtitlefont {
    margin-top: -65px;
    font-size: 22px;
    font-family: 'Outfit-Medium'; 
    text-align: center; 
    text-align: center;
    font: normal normal medium 22px/42px Outfit;
    letter-spacing: -0.22px;
    color: #131110;
    opacity: 1;
    margin: 5px 0px 30px 0px;
}
.awdrdImagsize {
    width: 100%;
}
.awardrightimage .productdetails {
    padding-top: 5px !important;
    height: 14px;
    font-size: 12px; 
    text-align: left; 
    font: normal normal 600 10px/14px Outfit;
    letter-spacing: 1.25px;
    color: #ed4d2e;
    text-transform: uppercase;
    opacity: 1;
	font-family: "Outfit-Medium";
}
/*------------------------------------------------------- Blog Page-------------------------------------------------------*/
.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 100%;
}
.image-box img {
    max-width: 100%;
    transition: all 0.8s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.4);
}


.clrs-rht{float: right; display:none;}

.clrv{ display: block !important;}
.awrde{ }






.acord-bg{background-color: #fff;}

.bgwht{background-color: #fff !important;}
.txt-32-bold{font-family: Outfit-SemiBold; font-size: 32px; }

.button-black-insights{ background-color: #131110; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 9px 22px 9px 22px; cursor: pointer; /*margin-top: 40px;*/ border: none;}

.button-black-insights:hover{ background-color: #ED4D2E; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; cursor: pointer; /*margin-top: 40px;*/ border: none;}



.news-blog{ display: block;}

.newsheader-device{display: none;}

.zoom23 {
  
 
  transition: transform 1.5s ease; /* Animation */
  width: 100%;
  height: auto;
  
}

.zoom23:hover {
  transform: scale(1.2); z-index: 999; 
	
}



.pr-space{padding-right: 0px !important; padding-left: 0px !important;}
 .newsblck-txtdv{font-size: 26px; padding-top: 42px; padding-bottom: 16px;}
	  
	  .topbord{border-bottom: 1px solid #131110; }
	  .news-blckspc{margin-bottom: 30px; text-align: center; margin-top: 66px;}
	  
	  h1,h2,h3,h4{font-weight: normal; padding: 0px; margin: 0px;} 
	  
	  .pagination { font-family: Outfit-Regular;
  display: inline-block;  width: 
auto; margin: 0px auto;  margin-top: 0px; font-size: 12px; }

.pagination a { font-family: Outfit-Regular ;
  color: #707070;
  float: left;
  padding: 8px 10px;
  text-decoration: none;
  transition: background-color .3s;
}

.pagination a.active {
 
  color: #ED4D2E;
}   

.mrg-top{margin-top: 30px;}
	  .insights-page{width: 80%; margin: 0px auto;}
	  .news-blog{width: 100%;}
	  .news-blog h1{ font-size: 32px;  font-family: Outfit-Regular; color: #131110; font-weight: normal; }
	  .news-section{ display: flex; justify-content: space-between; width: 70%; margin-right:2%;}
	 
	  
	  
	  
	  .news-section-left{ width: 761px; position: relative;}
	  .news-section-ot{ width: 28%; float:right; display: block; }
	  
	  .explore-box{width: 460px; background-color: #F2EDE9; opacity: 0.8; padding: 35px; position: absolute; display: flex; margin: 40px; justify-content: space-between; border-radius: 6px; height: 176px;}
	  .explore-box-left{ width: 80%;}
	  .explore-box-right{ width: auto; margin-top: 80px; }
	  .explore-text{ font-size: 32px; color: #131110; padding-top: 12px; line-height: 40px;  font-family: Outfit-SemiBold;  }
	  
	  
	  .explore-text2{ font-size: 26px; color: #131110; padding-top: 12px; line-height: 36px; font-family: Outfit-SemiBold;  }
	  .news-sml{border-bottom: 6px #D12023; color: #131110;  border-bottom: 1px solid #000; padding-bottom: 6px; width: fit-content; font-family: Outfit-SemiBold; text-transform: uppercase; font-size: 12PX;}
	  .date-sml{ color: #131110;  padding-bottom: 6px; width: fit-content; font-family: Outfit-SemiBold; text-transform: uppercase; font-size: 12PX; text-align:right;}
	  .news-section-cont{width: 100%; justify-content: space-between; display: flex;}
	  .news-thum{ width: 100%;}
	  .new-thum-txtred{font-size: 10px; text-transform: uppercase; padding-top: 10px; text-align: left; color: #ED4D2E;}

.txtred-insight{color: #ED4D2E  }
.txtred-insight:hover{ text-decoration:underline; color: #ED4D2E;}
	  
	  
	  .txtblack-insights{font-size: 16px;  color: #131110; text-transform: uppercase;}
        .txtblack-insights:hover{ text-decoration: underline; color: #131110;}


	  
	  .new-thum-txtblack{  padding-top: 10px; text-align: left; }
	  .news-spcr{margin-top: 44px;}
	  
	
	   .news-section-device{ display: flex; justify-content: space-between; width: 100%; position: relative;}
	  .news-section-l-device{ width: 100%; position: relative;}
	  
	  .responsice-imgs{width: 100%; height: auto;}

  .responsice-imgs2{width: 100%; height: auto;}
	  
	   .explore-box-device{width: 100%; background-color: #F2EDE9; opacity: 0.8;  position: absolute; display: flex; bottom: 0px; justify-content: space-between;  padding: 10px;
     }
	  .explore-box-l-device{ width: 60%; text-align: left;}
	  .explore-text-device-{ font-size: 32px; color: #131110; padding-top: 12px; line-height: 40px;  }
	   .explore-box-r-device{ width: auto; margin-top: 80px;  }
	  
	  .objectfit-imgs{width: 100%; height: auto; object-fit: contain;}
	  
	
	  .filter-txtblck{font-size: 16px; color: #131110; padding-top: 6px;}
	  .filter-txtred{color: #ED4D2E; padding-top: 11px; text-transform: uppercase; font-size: 10px;}
	  .filter-txtred:hover{ } 
	  .filter-imgcont{ width:auto; margin-bottom: 22px; margin-left: 17px;}
	  .filterscd{display: flex;
         flex-wrap: wrap; justify-content: space-between;} 
	.filter-txtred span { float:right; color:#000; }	 
	  .section{

    height: 100vh;

}

.container{

    margin: 150px auto;

}

 

.section1{

    background-color: black;

    height: 210px;

}

 

.back{

    background: url("../images/product-header.png");

    height: 100%;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.seatingdesc{

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 100%;

    height: 100%;

    align-items: center;

   

}

.head {

    color: #FFFFFF;

    font-size: 12px;

    padding: 10px;

    letter-spacing: 2px;

    

    border-bottom: 1px solid gray;

    padding: 10px 32px;

   

}

 

.desc{

    color: #FFFFFF;

    font-size: 32px;

    font-family:Outfit-Medium;

    margin: 8px 8px -12px 8px;

    text-align: center;

    max-width: 600px;

    /* border : "2px solid red"; */

    /* padding-bottom: -20px; */

}

.desc-2{

    /* padding-top: -20px; */

    color: white;

    font-size: 32px;

    font-family:Outfit-Medium;

    margin: 8px 8px 8px 8px;

    text-align: center;

 

}

 

.news-section2{

   
width: 100%; 
    height: auto;

    display: table;

    padding-top: 50px; margin: 0px;

}

 

 

.section2images{

   

}

.filteration{

    display: flex;

    justify-content: space-between;

}

 

.filter{

    display: flex;

}

 

.sort{

    display: flex;

}

 

 

.imagescolumn{

    display: flex;

    flex-direction: column;

    transition: 0.1s ease-in-out;

    height: 100%;

}

 

.imagescolumn:hover{

    border-bottom: 3px solid #ED4C2F;

    text-decoration: underline;

    color: #141311;

}
 .hidetext::before {
      background-image: url(../images/show-filter.svg);
      background-size: 22px 22px;
      display: inline-block;
      width: 22px;
      height: 20px;
      content: "";
      background-repeat: no-repeat;
      margin-bottom: -3px;
      margin-right: 8px;
    }
    .hidetext {  font-size: 10px;  }
    @media screen and (max-width: 480px) {
		.responsice-imgs2{width: 40%; height: auto;}
      .hidetext { margin-left: 0px; }
    }

@media screen and (max-width: 880px) {
	
	
	.gridimgbox-inner img {
  
  width: 90vw;
  height: auto !important;
}
	
	
	
	.fabric-cards-img {
  width: 100% !important;
  height: auto !important;
}
	
	
	.textile-partners-img {
  width: 90% !important;
  
  height: auto !important;
  margin: 0px auto; margin-bottom: 50px !important;
}
	
	
	.textile-partners-innercontainer {
  display: block !important;
  justify-content: center;
  align-items: flex-start;
}
	
	.textile-partners-desc{margin-bottom: 0rem !important;}	
	
	.textile-partners-info {
  width: 100% !important;
  height: auto !important;
  padding: 6% 0% 6% 6%;
}
	
	
	.textile-partners-desc {
  font-size: 22px !important;
  
}
	
	
	
	
	
	
	

      .sort {

        margin-right: -5px;}

 

  }

  @media screen and (max-width: 880px) {

      .searchbar-icon {

        top: -5px;}

 

  }

  @media screen and (max-width: 880px) {

      .head {

        font-size: 10px;}

 

  }

  @media screen and (max-width: 880px) {

      .desc {

        font-size: 28px;}

 

  }

  @media screen and (max-width: 880px) {

      .desc-2{

        font-size: 28px;}

 

  }

 

    .container.chairimages {

      /* padding: 0 50px; */

      margin-top: 10px;

      margin-bottom: 20px;

    }

    
 

@media screen and (min-width: 880px) {

   
    .right-section { 
      width: 80%;  float: right; 
      padding-bottom: 20px; 
    }

    .right-section-full-width {  width: 100%; }
	.dwn-main .right-section-full-width {  padding:0px 20px; }
}
	  
	  
	  .accordion {

      background-color: #fff;

      

      cursor: pointer;

      padding: 18px 0px;

      width: 100%;

      height: 50px;

      /* border: none; */

      text-align: left;

      outline: none;

      font-size: 12px;

      font-weight: 700;

      transition: 0.4s;

      /* border-width:1px 0px 1px 0px ; */

      border-color: gainsboro;

     

    }

 

    .accordion:nth-child(n) {

      border-width: 1px 0px 0px 0px;
		font-weight: normal; font-family: outfit-semibold;
		color: #131110;

    }

 

    .active,

    .accordion:hover {

      background-color: #fff;

    }

 

    .panel {

      padding: 0 0px;

      display: none;

     

      overflow: hidden;

    }

 

    .hidetext::before {
		

      background-image: url(../images/show-filter.svg);

      background-size: 22px 22px;

      display: inline-block;

      width: 22px;

      height: 20px;

      content: "";

      background-repeat: no-repeat;

      margin-bottom: -3px;

      margin-right: 8px;

 

    }

 

    .hidetext {  font-size: 10px;  }

    @media screen and (max-width: 480px) {
		.responsice-imgs2{width: 40%; height: auto;}
		 
      .hidetext { margin-left: 0px; }

    }

   .news-section2 .radio1 {
		background-color: #fff;

      accent-color: black;

  

      font-size: 14px;

      padding: 3px 0px;

    }

   .news-section2 .radio1 input { margin-right: 6px;}

    .dropdown {

    position: relative;

    display: inline-block;

}

 

/* Style the button that will open the dropdown */

.dropbtn {

    /* background-color: #3498db; */

    border-color: #ccc;

    width: 110px;

    border-radius: 5px;

    border-width: 2px;

    padding-left: 2px;

    font-size: 14px;

    /* float: right; */

}

 

/* Style the dropdown content (hidden by default) */

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}

 


/* Style the links inside the dropdown */

.dropdown-content a {

    color: #333;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}

 

/* Change color of dropdown links on hover */

.dropdown-content a:hover {

    background-color: #ddd;

}

 

/* Show the dropdown menu when the button is hovered over */

.dropdown:hover .dropdown-content {

    display: block;

}
	  
	  
	  


 @media only screen and (max-width: 380px) {
	 
	 
}



	  
	  @media only screen and (max-width: 800px) {
		  
		  
.map_mobile{ display: block;}
.map_web{ display:none;}
		  
		  
		  
		  
		  .left-side-bar-rep {
  width: 100% !important;
  float: none;
			  background-color: #fff;
			  
}
		  
		  
		  
		  .rep-main {
  
  display: block !important;
  
}
		  
		  
		  
		  .adMainBox {
  display: block !important;
  
}
		  
	.adjustImgBox {
  padding: 0px 0px;
  width: 100% !important;
		margin-bottom: 30px !important;
 
}	  
		  
		  
		  
		  
		  
		  .hidetext{margin-left: 0px !important;}
		  
		  .sorttext2{ padding-top: 32px;}
		  
		  
		  .dsk2{padding: 20px; margin-left:20px;}
		  
		  
		  
		  .panel { padding-left: 20px !important;
  
}
		  
		  
		 .left-side-bar .accordion {
 
  padding-left: 20px !important;
}
		  
		  .newsheader-device .slick-slide{ margin-left: 5px !important;  margin-right: 5px !important;   }
		  
		   .news-sml{ font-size: 10PX;}
		  
		  .newsblck-txtdv {
			  
  font-size: 26px;
  padding-top: 42px;
  padding-bottom: 16px;
  text-align: left;
 margin-left: 34px;
}
		  
		  
		  
		  
		  .txtblack-insights{font-size: 14px;}
		  
		    .filter-txtblck{font-size: 14px; color: #131110; padding-top: 6px;}
		  
		  .bgwht{background-color: #fff !important;  border: none;}
		  
		 .radio1 {  padding-left: 30px; padding-bottom: 5px;

     

    }
		  
		  .clrv{ display: none;}
		  
		  
		  
		    .hidetext {

      
margin-top: 0px;
      


     

    }
		  
		  .clrs-rht{float: right; display:block;}
		  
		  .acord-bg{background-color: #F7F6F5; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin-bottom: 9px; z-index: 999; padding:20px !important;} 
		  .pr-space {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
		  .pr-space {
  
  padding-left: 0px !important;
}
		  .insights-page{width: 100%; margin: 0px auto;}
		  
		  
		  .news-blckspc{font-size: 26px;}
		  
		  .insights-page{} 
		  
		   .right-section {

      width: 100%; 

      float:none;

      
   

    }
	.dwn-main .right-section-full-width {  width: 100%; padding-left:0px;   float: left; border-top:1px solid #ccc; } 
	.dwn-main .right-section {  width: 100%; padding-left:0px;   float: left; } 
.product_tbl_header	 { font-size:10px; }
    .right-section-full-width {  width: 100%; padding-left:0px;   float: left; } 
	.right-section {  width: 92%; padding-left:20px;   float: left; } 
} 	  
		  
				  
		
		  .newsheader-device{} 
		  .news-blog{}
		  
		  
		  
		  
	  }
	  
	  
	 .newsheader-device{ display: none;} 
	  .slick-dotted.slick-slider {
    margin-bottom: 30px;
}
	  
	 
	  
	
@media only screen and (max-width: 880px) {
	
	  .responsice-imgs{width: 100%; height: auto;}
	.newsheader-device{display: block;}
	.news-blog{ display: none;}
}
/* ----------------------------------------------------------Health Care Page Overview------------------------------------------------- */
.pageoverview {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 384px;
    /* height: 100vh; */
    padding-top: 10px;
    position: relative;
}
.gallerybtn:hover {
    background-color: #ED4D2E;
    color: #FFFFFF;
}
.galleryimgleft{
    padding:  3px 2px 0px 0px !important;
} 
.Health-care .pageoverview{
    background-image: url(../images/9to5-allimages/9to5-images/Desktop/industrial-solutions-healthcare/8J3A3257.jpg);
}
.Education .pageoverview{
    background-image: url(../images/9to5-allimages/9to5-images/Desktop/industrial-solutions-educations/8J3A3257.jpg);
}

.Industrysolution .pageoverview .Chair-Descrip{
    top: 180px;
}
 
.Industrysolution .Chair-Type{
    border-bottom: 1px solid #89827D;
    color: #131110;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 55%;
}

@media only screen and (max-width: 375px) {
    .Industrysolution .Chair-Name{
      font-size: 28px !important;
    }
  }

@media only screen and (max-width:600px) {
    .Industrysolution .Chair-Type{
        padding: 0px 0px 10px 0px;
        margin: 0px 0px 5px 0px;
    }
    .Industrysolution .pageoverview .Chair-Descrip{
        width: 75%;
    }
}

/* -----------------------------------------------------------------Overview Container CSS------------------------------------------------ */

.overviewcontainer-inner{
    justify-content: space-evenly;
}

.overviewleft-head{
    font-size: 22px;
    font-family: 'Outfit-Medium';
    padding: 0px 0px 10px 0px;
    color: #131110;
    
}
.overviewleft-para ul {  padding-left:20px; }
.overviewleft-para ul li{
    font-size: 14px;
    font-family: 'Outfit-Regular';
    color: #131110;
	line-height:26px;
}

.overviewright{
    width: 53%;
    text-align: left;
    font-size: 18px;
    font-family: 'Outfit-Regular';
    color: #131110;
	line-height:26px;
}

@media only screen and (max-width:616px) {
    .overviewcontainer-inner{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0px 0px 7px 0px;
    }
    .overviewright{
        margin-top: 20px;
        width: 80%;
    }
    .overviewleft{
        width: 70%;
    }
}

/* -----------------------------------------------------------------Gallery Container CSS-------------------------------------------------  */

.Industrysolution .gallerybtn-box {
    border-radius: 20px;
    z-index: 1;
    top: 90%;
    left: 2%;
    width: 124px;
    background-color: #F2EDE9;
  
}
  .Industrysolution .gallery-head{
    color: #131110;
    text-align: center;
    font-size: 22px;
    font-family: 'Outfit-Medium';
    padding-bottom: 30px;
	padding-top:50px;
  }
.overviewcontainer  { padding-top:30px; }
.Industrysolution .gallerybtn-box button{
    font-size: 16px;
    border-radius: 20px;
    width: 100%;
    font-family: 'Outfit-Regular';
  } 
.galleryimgleft{
    position: static !important;
}

@media only screen and (max-width:900px) {
    .Industrysolution .gallerybtn-box {
        top: 95%;
        left: 12%;
    }
}

@media only screen and (max-width:500px) {
    .Industrysolution .gallerybtn-box {
        top: 92%;
        left: 12%;
      
    }
}

/* --------------------------------------------------------------------Project Container CSS-------------------------------------------------- */
.galleryimgleft img { cursor:pointer; } 
.Projectcontainer-head{
    font-size: 22px;
    color: #131110;
    font-family: 'Outfit-Medium';
}

.Projectcontainer-inner{
    padding: 0px 10%;
    width: 100%;
}

.projectcontainer-imgbox{
    width: 95%;
	padding-bottom:40px;
}
.projectcontainer-imgbox:nth-child(even){
    padding-left: 1rem;
}
.projectcontainer-imgbox:nth-child(odd){
    padding-right: 1rem;
} 

.projectcontainertitlebox{
    width: 100%;
    display: flex;
    justify-content: space-between;

}
.projectcontainertitle{
    font-family: 'Outfit-Medium';
    font-size: 22px;
    color: #131110;
}
.projectcontainer-row{
    margin-top: 3rem;
}
.projectcontainer-button button{
    border: none;
    font-size: 16px;
    background-color: #ED4D2E;
    border-radius: 20px;
    color: #FFFFFF;
    padding: 6px 18px;
    font-family: 'Outfit-Regular';
}

@media only screen and (max-width:694px) {
    .projectcontainer-row{
        flex-direction: column;
        align-items: center;
        margin: 0px !important;
    }
    .projectcontainer-imgbox{
        padding: 0px 0px 30px 0px !important;
        margin: 0px !important;
    }
}

@media only screen and (max-width:500px) {
    .Projectcontainer-inner{
        padding: 0px 30px 0px 30px;
    }
    .projectcontainertitlebox{
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    .projectcontainertitle{
        padding-bottom: 8px;
    }

}
.Secondarynav{
    display: flex;
    background-color:#F2EDE9 ;
    justify-content: center;
}

.Secondarynav-inner ul{
    display: flex;
    text-decoration: none;
    list-style: none;
    margin: 1rem 0px 1rem 0px;
}

.Secondarynav-inner li{
    padding: 20px;
    
}
.Secondarynav-inner li a{
    font-family: 'Outfit-SemiBold';
    font-size: 12px;
    color: #131110;
    transition: 0.2s;
	letter-spacing:1px;
}
.Secondarynav-inner li a:hover{
    list-style: none;
    text-decoration: none;
    color: #ED4D2E;
}

.Secondarynav-inner  .active {
    color: #ed4d2e;
    transition: 0.15s;
background-color:#f2ede9 !important; }
  }
/*--------------------------------------------------------- Warratnty page--------------------------------------------*/
.maincontainer1{
    padding-top: 25%; 
}
.maincontainer2{
    padding-top: 135px;
    height: 100%;

}
.maincontainer1-text1{
    font-size: 32px;
    font-family: Outfit-Medium;
    color: #131110;

}
.maincontainer1-text2{ padding-top: 25px;
    font-size: 14px;
    font-family: Outfit-Regular;
    color: #131110;
}

.primarycontainer{ border-top: 1px solid grey; }
.inner_container { width:80%; margin:0 auto; }	
    .button1 {
        background-color: #ED4D2E ;
            font-size: 12px ;
            color: #fff;
            border-radius: 40px;
            text-align: center;
            cursor: pointer;
            border: none;
            text-transform: uppercase;
            padding: 10px 20px;
            margin-top: 30px; 
            margin-bottom: 50px;
            margin-right: 8px;
            letter-spacing:1px;
            
    }
	.button1:hover {  background-color:#000; color:#fff; }
    .button2{
         margin-top: 15px;
        background-color: #ED4D2E;
        font-size: 12px;
        color: #fff;
        border-radius: 40px;
        text-align: center;
        cursor: pointer ;
        border: none;
        text-transform: uppercase;
        padding: 10px 20px; 
        margin-bottom: 50px ;
        margin-right: 8px ; 
		letter-spacing:1px;
    }
	.button2:hover {  background-color:#000; color:#fff; }
	.button3 {
        background-color: #ED4D2E ;
            font-size: 12px ;
            color: #fff;
            border-radius: 40px;
            text-align: center;
            cursor: pointer;
            border: none;
            text-transform: uppercase;
            padding: 10px 20px;
            margin-top: 20px;  
            margin-right: 8px; 
			letter-spacing:1px;
    }
	.button3:hover {  background-color:#000; color:#fff; }
    .maincontainer2-text1{
        font-size: 24px !important;
        font-family: Outfit-Regular;
        color:#131110
    }
    .cardheadermnual{
        background-color: #fff !important;
        border-top: 1px solid rgba(0, 0, 0, .125) !important;
       
    }
    .cardmanual{
        border:none !important;
    }
    .maincontainer2-text2{
        font-size: 24px !important;
        font-family: Outfit-Regular;
        color:#131110;
        padding-top: 50px !important;

    }
    .buttoncustom{
        text-decoration: none   !important;
        color: #131110 !important;
        font-family: Outfit-Regular !important;
        font-size: 16px !important;


    }
    .buttoncustom:focus{
        box-shadow: none !important;

    }
    .cardbodycustom{
        font-size: 14px !important;
        color: #131110;
        font-family: Outfit-Regular !important;
        padding-left: 32px !important;

    }
    .btn-link:after{
        content: url(../images/seating-pd-resources-minus.svg);
       
       
        text-align: center;
        /* right: 30px !important; */
        top: 11px !important;
        position: absolute;
        width:35px !important;
        font-size: 25px !important;
        right: 50px !important;
        
        
        
        
       
        
        top:11px;
       

    }
    .btn-link.collapsed:after{
        content:url(../images/seating-pd-resources-plus.svg);
    }
    .newdiv1{
        border-top: 1px solid rgba(0, 0, 0, .125) !important;
    }
    .maincontainer2-text3{
        font-size: 14px !important;
        font-family: Outfit-Regular;
        color:#131110 ;
        max-width: 80%;
    }
    .divbottom{
        margin-bottom: 5%;
    }
    @media screen and (max-width: 500px) {
         .maincontainer1-text1{
            font-size: 26px;}
        
        .maincontainer2{
            padding-top: 5%;
            height: 100%;
        
        }
        .maincontainer2-text1{
            font-size: 20px !important;
            padding-left: 4%;
        }
        .maincontainer2-text2{
        font-size: 20px !important;

            padding-left: 4%;

        }
        .maincontainer2-text3{
           padding-left: 4%;
           max-width: 90%;
        }
        .text-left{
            padding-left: 4% !important;
        }
        .cardheadermnual{
            padding-left: 0.5% !important;

        }
        .btn-link:after{  right: 5% !important;   }
        .cardbodycustom{   padding-left: 4% !important;}
    }
/*-------------------------------------------------------------- Control Guide -------------------------------------*/
 .adjustableSection{
    height : inherit;
    width: 100%;
    border-top:2px solid rgb(230, 224, 224);
    background-color: white;
    }
.adjustImgBox{
        padding: 0px 0px;
		width:18.2%;
        /* border:2px solid yellow; */
    }
    .adMainBox{
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
        padding-top:15px;
        /* border:2px solid red; */
        gap:27px;
        padding-left:5px;
    }

    .paraBox{
        width: 100%; 
        font-family: 'Outfit-Medium';
        font-size: 14px;
        margin: 8px 0px 0px 5px; 
        line-height: normal;
        padding-top: 10px;
    }
/*------------------------------------------------------------ Download----------------------------------------------*/

.img23Box {
    position: relative;
    padding-bottom: 22px;
}

.img23Boxinsidecss {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 22px;
    height: 22px;
}
.img23DownloadBox {
    cursor: pointer;
    position: absolute;
    top: 198px;
    right: 0px;
    width: 21px;
    height: 22px;
}
.mediaGallery {
    color: #131110;
    text-transform: none;
    text-decoration: none;
    font-size: 32px;
    text-align: left;
    height: 75px;
    /* font-weight: 700; */
    padding-top: 18px;
    /* font-family: 'Gabarito', sans-serif; */
    font-family: Outfit-SemiBold;

}
.img23DownloadBox {
    cursor: pointer;
    position: absolute;
    top: 198px;
    right: 0px;
    width: 21px;
    height: 22px;
}
.product_tbl_header {
    text-align: left;
    font: normal normal 600 10px/14px Outfit;
    letter-spacing: 1.25px;
    color: #131110;
    text-transform: uppercase;
    opacity: 1;
     /* font-size: 10px; */
    /* font-weight: bold;  */
}

.tblfonrightside {
    text-align: right;
    cursor: pointer;
}

.tblfonrightside:focus {
    box-shadow: none !important;
}
.tbl_fontsize
{
    font-size: 14px;
    color: #131110 !important;
}



/* -------------------------------------------------------- Textile Partner ----------------------------------------*/
.button-red-textile{ background-color: #ED4D2E; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 7px 20px 7px 20px; cursor: pointer; /*margin-top: 40px;*/ border: none;}

.button-red-textile:hover{ background-color: #131110; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 7px 20px 7px 20px;  cursor: pointer; /*margin-top: 40px;*/ border: none;}

	
	
 .textile-header-cont{width: 600px;
  text-align: center;
  position: absolute;
  left: 30%;
  font-size: 32px;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;}
	
.textile-mtksp {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 70px;
}
.textile-request-sample {
    font-size: 22px;
    font-family: Outfit-Medium;
    padding-right: 80px;
}
.textile-contbx {
    position: absolute;
    bottom: 0px;
    width: 80%;
    background-color: #F2EDE9;
    opacity: 0.8;
    right: 0px;
    font-size: 12px;
    text-transform: uppercase;
	border-bottom: 3px solid #F2EDE9;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top-left-radius: 5px;
    font-family: Outfit-SemiBold;
}
.textile-contbx:hover {
    position: absolute;
    bottom: 0px;
    width: 80%;
    background-color: #F2EDE9;
    opacity: 0.8;
    right: 0px;
    font-size: 12px;
    text-transform: uppercase;
    border-bottom: 3px solid #ED4D2E;
    cursor: pointer;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top-left-radius: 5px;
    font-family: Outfit-SemiBold;
}
.textile-cr {
    position: relative;
    margin-bottom: 38px;
}
.pr-space-t {
}
.textile-imgcont {
    width: auto;
    margin-bottom: 40px;
    margin-left: 10px;
    position: relative;
}
.textile-imgcont a {color:#131110; }
.textile-headersub {
    font-size: 32px;
    color: #fff;
    font-weight: normal;
}
.textile-request-r {
    width: 500px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}
	

@media only screen and (max-width: 450px) {
	
	.fabric-specification{padding-top: 20% !important;}
	
	
	.textile-header-cont {
    
   
    top:60% !important;
    
   
  }	
	
	
}


	
	@media only screen and (max-width: 400px) {
	.textile-header-cont {
    
   
    font-size: 28px;
    
   
  }	
	
		
	 .textile-headersub {
   
    padding-top: 15px;
  
  }	
		
		
		
	
	}
	
	
	@media only screen and (max-width: 1100px) {
	.textile-header-cont {
  width: 100%;
    text-align: center;
    position: absolute;
    left: 0%;
    padding-left: 20%;
    padding-right: 20%;
  }		
		
		
		
	}
	
	
	@media only screen and (max-width: 370px) {
	 .textile-headersub {
    font-size: 25px !important;
		 padding-top: 0px;
 
  }
			
	}	
	
	

@media only screen and (max-width: 800px) {
	
	
	
	.textile-header-cont {padding-left: 0%;
    padding-right: 0%;
   
  }	
	
.button-red-textile{  font-size: 13px !important; }

.button-red-textile:hover{  font-size: 13px !important; }
	
	
.textile-request-r {
    width: 100%;
    margin: 0px auto;
    margin-top: 0px;
    display: block;
    justify-content: space-between;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    margin-top: 0px;
}
.textile-request-sample {
    font-size: 20px;
    font-family: Outfit-SemiBold;
    padding-bottom: 15px;
    padding-right: 0px;
}
.textile-headersub {
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
}
.textile-imgcont {
    width: 90%;
    margin-bottom: 52px;
    margin-bottom: 40px !important;
    margin-left: 0px;
    margin: 0px auto;
}
}


/*-----------------------------------------------------Fabric Card------------------------------------------------------*/

@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: Outfit-Regular;
  font-style: normal;
  src:url("../fonts/Outfit-Regular.ttf")
}

@font-face {
  font-family: Outfit-Medium;
  font-style: normal;
    src:url("../fonts/Outfit-Medium.ttf");
}

@font-face {
  font-family: Outfit-SemiBold;
  font-style: normal;
    src:url("../fonts/Outfit-SemiBold.ttf");
}


@font-face {
  font-family: Outfit-Light;
  font-style: normal;
    src:url("../fonts/Outfit-Light.ttf");
}

.accordion {
            background-color: #F7F6F4;
            color: black;
            cursor: pointer;
            padding: 18px 18px 18px 0px;
            width: 100%;
            height: 50px;
            /* border: none; */
            text-align: left;
            outline: none;
            font-size: 12px;
            font-weight: 700;
            transition: 0.4s; 
            border:1px solid #cccccc;
            font-family: Outfit-SemiBold
        }

        

        .active,
        .accordion:hover {
            background-color: #F2EDE9;
        }

        .panel {
            padding: 0px 0px;
            display: none;
            background-color: #F7F6F4;
            overflow: hidden;
        }

.grid-container{display: grid; 
  grid-template-columns: auto auto auto auto;
 
  padding-left: 0px;
  padding-right: 0px;
	grid-gap: 20px;}






#demo{
    
    width: 100%; 
	
   
}
.carousel-caption {
    position: initial;
    z-index: 10;
    padding: 5rem 8rem;
    color: rgba(78, 77, 77, 0.856);
    text-align: center;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: bold;
    line-height: 2rem;
}


@media(max-width:500px){
	
	#demo{
    
    width: 100%; 
	z-index: -999;
   
}
	
	
}





@media(max-width:767px){
    .carousel-caption {
        position: initial;
        z-index: 10;
        padding: 3rem 2rem;
        color: rgba(78, 77, 77, 0.856);
        text-align: center;
        font-size: 0.7rem;
        font-style: italic;
        font-weight: bold;
        line-height: 1.5rem;
    }
}
.carousel-caption img{
    width: 6rem;
    border-radius: 5rem;
    margin-top: 2rem;
}
@media(max-width:767px){
    .carousel-caption img{
        width: 4rem;
        border-radius: 4rem;
        margin-top: 1rem;
    }
}
#image-caption{
    font-style: normal;
    font-size: 1rem;
    margin-top: 0.5rem;
}
@media(max-width:767px){
    #image-caption{
        font-style: normal;
        font-size: 0.6rem;
        margin-top: 0.5rem;
    }
}
i{
    
}
@media(max-width:767px){
    i{
        padding: 0.8rem;
    }
}

.featured-products .slick-prev{
	left: 11%;
  z-index: 999;
}

.featured-products .slick-next {
  right: 11%;
}



.carousel-control-prev{
    justify-content: flex-start;
}

.carousel-control-next {
    justify-content: flex-end;
}
.carousel-control-prev,.carousel-control-next{
    transition: none;
    opacity: unset;
}


.btn{outline: none!important;}

.about-sback{font-size: 22px;  font-family: Outfit-Medium; }
.about-carrerimg{width: 100%; height: auto; width: 605px; height: 499px}
.about-mts{margin-top: 22px;}
.about-goalimg{width: 577px; height: auto;}
.about-wbspc{margin-top: 0px;}
.about-sitspc{margin-top: 30px;}
.about-tdates{border-bottom: 1px solid #131110; width: 30%}
.about-tcont{width: 100%; display: flex; justify-content: space-between; margin-top: 40px;}
.about-tspc{padding-top: 100px; padding-bottom: 40px;}
.about-container{margin: 0px auto; width: 80%;}
.timelinespc{padding-top: 100px; padding-bottom: 100px;}
.about-ch{border-bottom: 1px solid #000; padding-bottom: 20px; font-size: 32px; font-family: Outfit-regular;  }
.about-whitebg{display: flex; justify-content: space-between; width:80%; margin: 0px auto;  padding-top: 100px; padding-bottom: 100px;}

.about-whitebg-jk{display: flex; justify-content: space-between; width:80%; margin: 0px auto;  padding-top: 100px; padding-bottom: 50px;}

.about-whitebg-l{padding:0px 100px 0px 0px; font-size: 18px; }

.about-whitebg-h{ font-size: 22px; font-family: "Outfit-Medium"; font-weight:normal; padding-bottom: 20px; margin-top: 160px;}

.about-whitebg-hf{ font-size: 12px;
  font-family: Outfit-SemiBold;
  font-weight: normal;
  padding-bottom: 10px;
  margin-top: 0px;
  text-transform: uppercase;
  border-bottom: 1px solid #131110;
  width: fit-content;
  margin-bottom: 20px;
  }
.responsive-img{width: 100%; height: auto;}
.about-itembox-top{display: flex}
.about-itembox-img{width: 50%;}

.about-redbg{width: 50%; background-color: #4D1A28; color: #fff;}



.about-bluebg{width: 50%; background-color: #A7C2D3; color: #fff;}
 .about-vmtxt{top: 50%;
  left: 50%;
	 transform: translate(-50%, -50%); position: relative; padding-left: 50px; padding-right: 20%; font-size: 18px;}

.about-vmtxt-b{top: 50%;
  left: 60%;
	 transform: translate(-50%, -50%); position: relative; padding-left: 10%; padding-right: 20%; font-size: 18px;}


.about-carrer-heading{ font-family:  Outfit-Light; font-size: 32px;}
.about-carrer-spc{  padding-top: 30px; padding-bottom: 30px; font-size: 16px; font-family: Outfit-regular; }
.about-timelinebg{ background-color:#F2EDE9; }
.timeline-buttons{background-color: #F2EDE9; font-size: 64px; font-family:  Outfit-Light; outline: none !important; background-color: transparent;
  border: none; color: #131110;}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}











.timeline-buttons:focus{ border: none !important;}

.button:focus {
        outline: none;
      }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0; margin-top: -37px;
	
	
  font-size: 1rem;
  color: #131110;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .0px !important;
}



.drp-menu {
  
  margin-top: 0px !important;
 background-color: #F2EDE9;
	 border-top: 2px solid #EB4E37;
	border-left: none;
	border-bottom: none;
	border-right: none;
	border-radius: none !important;
}

/*.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 6000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
    margin-top: 0.125rem;
  margin-top: -37px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
}*/







 .center2 .slick-slide {
    width: 475px !important;
 }



.fabric-center-cont2{ width: 100%; margin: 0px auto; overflow: hidden; position: relative; margin-top: 0px;}


.fabric-slider{width: 100%!important;}

.frmcnt{margin: 0px auto; width: 80%; font-size: 14px;}

label {
  
  margin-bottom: .2rem;
}


.b-r-spc{margin-bottom: 0px;}






.modal-dialog {
    max-width: 100% !important;
    margin: 1.75rem auto ;
	margin: 0px !important; 
	padding: 0px;
	background-color: aqua;
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background: linear-gradient(to top, #E8E5E2 0%, #C4C4C6 82%);
  outline: 0;
}


.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0rem 1rem !important;
  border-bottom: none !important;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px);
}









		body{margin: 0px; padding: 0px; font-family: Outfit-Regular; color: #131110;}
	.box-right-fabric{ background-color: #fff;  border-radius: 7px; width: 100% !important; position: relative !important; bottom: 0% !important; right: 0% !important; padding: 25px; opacity: 0.8; text-align: left; background-color: #F2EDE9 !important; overflow: hidden;}


.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
    width: 100%;
}
.image-box img {
    max-width: 100%;
    transition: all 0.8s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.image-box:hover img {
    transform: scale(1.4);
}
.fabric-fc-web{display: block;}
.fabric-fc-dvc{display: none;}
.fabric-float-rspc{ margin-top: -33px;}
		.fabric-header{position: relative; min-height:400px;}
		.fabric-header-cont{width: 600px; text-align: center; position: relative; font-size: 32px; color: #fff; padding-top: 100px; margin: 0 auto;}
		.fabric-specification{font-size: 12px; border-bottom :1px solid #fff; width: 150px !important; padding-bottom: 10px; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px;}
		.fabric-request-bx{background-color: #F2EDE9; padding: 20px;}
		.fabric-request-r{width: 400px; margin: 0px auto; display: flex; justify-content: space-between; padding-top: 10px; padding-bottom: 10px;}
		.fabric-sldbx{background-color: #fff;   border-radius: 7px;   width: 410px;   position: absolute;   bottom: 35px !important;   left: 35px;   padding: 25px;   opacity: 0.8;  text-align: left;}

		.fabric-box-h2{ font-size: 32px; color:#131110; padding-top: 18px; width: 215px; font-family: "Outfit-Medium";  }
		.fabric-box-h1{ font-size: 12px; width: 98px; border-bottom: 1px solid #000; padding-bottom: 10px; text-transform: uppercase; font-family: "Outfit-Medium"; letter-spacing: 1px;}
		.fabric-mtk{ margin-top: 0px;}
		.fabric-float-right{float-right}
		  .fabric-imgcont{ width:17vw; margin-bottom: 22px; }
		.fabric-title-1{font-size:14px; font-family: Outfit-SemiBold; text-decoration: none; color: #131110;}
		.fabric-title-1:hover{ text-decoration: underline; color: #131110;}
		
        .fabric-title-2{font-size:14px; text-decoration: none; color: #131110;}
		.fabric-title-2:hover{ text-decoration: underline; color: #131110;}
		.fabric-title-spc{margin-top: 10px;}
		.fabric-title-spc2{margin-top: 3px;}
		.fabric-responsive-img{width: 100%; height: auto;}
		.fabric-headersub{ font-size: 32px; color: #fff;  font-weight: normal; padding-top:12px;}
		.fabric-request-sample{ font-size: 22px; font-family: Outfit-Medium;}
		.fabric-headings1{font-size: 32px; text-align: center; padding-top: 30px; padding-bottom: 30px; font-family: Outfit-Medium;}
		.fabric-headings2{font-size: 32px; text-align: center; padding-top: 60px; padding-bottom: 30px; font-family: Outfit-Medium;}
		.fabric-wrapper{width: 80vw; margin: 0px auto;  }

.open-button {
 
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: relative; 
  top: 0;
  right: 0px;
 
  z-index: 999;
 width:100%;
	height: 100vh;
	
	
	
 
	background: linear-gradient(to top, #E8E5E2 0%, #C4C4C6 82%);
 }

/* Add styles to the form container */
.form-container {
  max-width: 80%;
  padding: 10px;
 width: 100%; margin: 0px auto;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password], .form-container select {
  width: 100%;
  padding: 10px; border-radius: 6px;
  margin: 6px 0 10px 0;
  border: none;
  background: #fff;
}
.form-container textarea {
    width: 100%;
    height: 65px;
    border-radius: 6px !important;
    margin: 6px 0 10px 0;
	border: none;
}		
		
.form-container input[type=textarea] {
  width: 100%;
  padding: 8px; border-radius: 6px;
  margin: 6px 0 22px 0;
  border: none; height: 57px;
  background: #fff; 
}		
		
.form-container input[type=textarea]:focus, .form-container input[type=password]:focus {
  background-color: #fff;
  outline: none;
}
		
		
		
		
		

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #fff;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
 
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
	
		.request-memo{ font-size: 32px; font-family: Outfit-SemiBold; text-align: center; padding-top: 0px; padding-bottom: 30px;}



.fabric-img-responsive{ width: 100%; height:auto; }

.imgauto-fabric-cards{ width: 100%; height: auto;}

.form-container {
  max-width: 70%;
  padding: 10px;
  width: 100%;
  margin: 0px auto; height: 100vh;
 
}


.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden !important;
  outline: 0;
  padding-left: 0px;
  padding-right: 54px;
  padding-right: 0px !important;
}




@media only screen and (max-width: 400px) {
	
	 .fabric-box-h2 {
    padding-top: 8px !important;
  }

 .fabric-sldbx {
    background-color: #fff;
    border-radius: 0px;
    width: 100%;
    position: absolute;
    bottom: 0% !important;
    left: 0%;
    padding: 8px !important;
    opacity: 0.8;
    text-align: left;
  }
}



@media only screen and (max-width: 977px) {
	
	.fabric-header-cont {
    width: 100%;
    text-align: center;
     
    font-size: 32px;
     
    color: #fff;
    
  }	
	
	
	
	
}


@media only screen and (min-width: 900px) {
.navbar-toggler {
  font-size: 1.25rem;
  line-height: 1;
  display: none;
}
}

@media only screen and (max-width: 360px) {
	
	.fabric-header-cont {
		margin-top: 20px;
    width: 80% !important;
    text-align: center; 
    font-size: 32px; 
    color: #fff;
  
  }	
	
	
}





@media only screen and (max-width: 915px) {

.modal-header .close {
  padding: 50px 0px;
  margin: 40px 0px 0px auto;
}
	
 .fabric-header-cont {
    width: 80% !important;
    text-align: center; 
    font-size: 32px; 
    color: #fff;
	margin:0 auto;
	padding-top:30px;
  
  }	
	
	
}

@media only screen and (max-width: 915px) {
	
	
	
	
	.grid-container{display:block !important; 
  grid-template-columns: auto!important;
 
  padding-left: 0px;
  padding-right: 0px;
	grid-gap: 20px;}
	
	.fabric-center-cont2{ width: 100%; margin: 0px auto; overflow: hidden; position: relative; margin-top: 0px;}
	
	.fabric-slider{width: 100%}
	
	.fabric-fc-web{display: none;}
.fabric-fc-dvc{display: block;}
	
	
	.b-r-spc{margin-bottom: 20px;}
	
	.form-container {
  max-width: 100%;
  padding: 10px;
  width: 100%;
  margin: 0px auto; height:inherit;
 
}

	
	
	
	
		.request-memo {
  font-size: 32px;
  font-family: Outfit-SemiBold;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 30px;
  width: 220px;
  text-align: center;
  margin: 0px auto;
}
	
	
	
	
	
	.fabric-imgcont {
  width: 90%;
  margin-bottom: 22px;
  margin-left: 0px;
  margin: 0px auto;
		margin-bottom: 25px;
}
	
	
	.fabric-wrapper{width: 100%; margin: 0px auto;}
	
	
	.imgauto-fabric-cards{ width: 100%; height: auto;}
	
	
	.fabric-headersub {
  font-size: 28px;
  color: #fff;
  
  font-weight: normal;
		padding-top: 20px;
}
	
	
	
	.fabric-request-r {
  width: 100%;
  margin: 0px auto;
    margin-top: 0px;
  display: block;
  justify-content: space-between;
  padding-top: 0px;
  padding-bottom: 0px;
  text-align: center;
  margin-top: 0px;
}
	
	
.fabric-request-bx {
   padding: 30px;
}	
	
	.fabric-request-sample {
  font-size: 20px;
  font-family: Outfit-SemiBold;
		padding-bottom: 15px;
}
	
.fabric-header-cont {
  width: 100%;
  text-align: center;
  position: relat; 
  font-size: 32px; 
  color: #fff;
	 
}	
	
	.fabric-specification {
  font-size: 10px;
 
  width: 150px;
  padding-bottom: 20px;
  margin-bottom: 0px;
  
}
	
.fabric-img-responsive{ width: 100%; height:auto; min-height: 280px; }	
	
	
	.fabric-sldbx {
  background-color: #fff;
  border-radius: 0px;
  width: 100%;
  position: absolute;
  bottom: 0% !important;
  left: 0%;
  padding: 25px;
  opacity: 0.8;
  text-align: left;
}
	
	
.fabric-box-h2 {
  font-size: 26px;
  color: #131110;
  padding-top: 18px;
}	
	
	
.fabric-headings1 {

  font-size: 28px;
  
}
	
	
.form-popup {
  display: none;
  position: relative; 
  top: 0;
  right: 0px;
 
  z-index: 999;
 width:100%;
	height: 100% !important;
	
	
	
 
	background: linear-gradient(to top, #E8E5E2 0%, #C4C4C6 82%);
 }	
	
	
	
	
	
	
}

@media only screen and (max-width: 1156px) {
	
.about-whitebg {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto;
  padding-top: 100px;
  padding-bottom: 100px;
}	

	.about-container {
  margin: 0px auto;
  width: 100%;
}
	
.about-whitebg-jk {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0px auto;
  padding-top: 100px;
  padding-bottom: 50px;
}
	
	
	
	
}




@media only screen and (max-width: 915px) {
	
	
	
	.about-carrer-heading{ font-family:  Outfit-Light; font-size: 22px; padding-bottom: 25px;}
	
	
	.about-carrerimg{width: 100%; height: auto;}
	
	.about-carrer-spc{  padding-top: 0px; padding-bottom: 30px;}
	
	
	.about-mts{margin-top: 0px !important; margin-bottom: 30px ;}
	
	
	.about-tspc {
  padding-top: 50px;
  padding-bottom: 0px;
}
	
	
	.timeline-buttons{background-color: #F2EDE9; font-size: 22px; font-family:  Outfit-Light;}
	
	
	.about-container{margin: 0px auto; width: 100%;}
	
	.about-bluebg {
  width: 100%;
  background-color: #A7C2D3;
  color: #fff; padding: 40px;
}
	
	.about-vmtxt{top: 0%;
  left: 0%;
	 transform:none !important; position: relative; padding-left: 0px !important; padding-right: 0%;}
	
	
	.about-vmtxt-b{top: 0%;
  left: 0%;
	 transform:none !important; position: relative; padding-left: 0px !important; padding-right: 0%;}
	
	.about-goalimg{width: 100%; height: auto;}
	
	
	.about-itembox-top{display: block}
.about-itembox-img{width: 100%;}

.about-redbg{width: 100%; background-color: #4D1A28; color: #fff; clear: both; padding: 40px;}

	
	.about-wbspc{margin-top: 40px;}

.about-whitebg-h{ font-size: 22px; font-family: Outfit-SemiBold; font-weight:normal; padding-bottom: 20px; margin-top: 0px;}	

	.about-whitebg {
    display: block;
    justify-content:none;
    width: 100%;
    margin: 0px auto;
    padding: 40px !important;
  }
	
	
	.about-whitebg-jk {
    display: block;
    justify-content:none;
    width: 100%;
    margin: 0px auto;
    padding: 40px !important;
  }
	
	
	
	
	
	

.about-whitebg-l {
  padding: 0px 0px 0px 0px;
  font-size: 18px; width: 100%; clear: both;
}	
	
	
}


/* ---------------------------------------------------- Materials Details Page ---------------------------------------------*/ 
.mCSB_dragger_bar {
            background-color: #CBCBCB !important;
        }

        .mCSB_draggerRail {
            background-color: rgb(237, 233, 233) !important;
            border: #707070 !important;
        }
 

        .button2 {
            background-color: white;
            font-size: 12px;
            color: #131110;
            border-radius: 40px;
            text-align: center;
            cursor: pointer; 
            border: 1px solid #131110;
            text-transform: uppercase; 
            padding: 10px 20px;
            margin-top: 15px;
            margin-bottom: 50px;
            margin-right: 8px;  

        }
.button2:hover { background-color:#ED4D2E; border: 2px solid #ED4D2E; color:#ffffff; }
.middlesection{
    border-top: 1px solid grey; padding-bottom:40px;
}
.imgtext2div1{
    font-family: Outfit-SemiBold !important; 
}
.materialdetail{
    margin-left: 15%;
    margin-top: 6%;
    text-align: left;
}
.textbackto{
    padding-left: 2px;
    font-family: Outfit-SemiBold;
      font-size: 8px;
      color: #707070;
}
.mCSB_draggerRail{
    width: 6px !important;
    background-color: white !important;
   
border: 0.25px solid #707070 !important;
border-radius: 7px;
opacity: 1;
}
.textbackto::before{
    background-image: url(../images/pr.png);
      background-size: 5px 6px;
      display: inline-block;
      width: 5px;
      height: 6px;
      content: "";
      background-repeat: no-repeat;
      margin-right: 4px;
}
.imagescolumns1{
    .imgBoxtext{
        text-decoration: underline;
    }
    .imgdiv1{
        visibility: visible;

}}
.imagescolumns1:hover {

    .imgdiv1 {
        display: block;

    }

    .imgtetext2 {
        text-decoration: underline;
    }
}

.texttable3{
    padding-top: 5px !important;
    padding-bottom:5px !important ;
    width: 40% ; 
    font-size: 14px;
    font-family: Outfit-Medium;
    color: #131110;
     
    height: auto; 
}
.texttable4{
    padding-top: 5px !important;
    padding-bottom:5px !important ;
    width: 60% ; 
    font-size: 14px;
    font-family: Outfit-Regular;
    color: #131110;

}

.hrtext{
    margin-top: 0.3rem !important;
    margin-bottom: 0.3rem !important;

}
.textbluebell{
    font-size: 22px; margin-top: 8px; font-family: Outfit-Medium;color:#131110

}
.divimgssmall{
    height: 450px !important;
}
.divrow {
    margin-top: 20px !important;
}

.container1-div3{
    display: flex ;
    flex-direction: column !important;
}
.maintenance__container {
    display: flex !important;
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
    
}

.div2primary {
    display: block;
}
.divbigimg {
    margin-top: 110px;
    margin-left: 30px;
    display: block;
}
.bigmaterial {
    width: 100%;
}

.bigimgdiv1 {
    
    display: none;

}
 .imgdivsmall {

    width: 100%;
}
.imgdiv1 {
    margin-top: 10px;
    font-family: Outfit-regular;
    font-size: 10px;
    line-height: 0.6;
    position: absolute; 
    bottom: 0px;
    left: 0px;
    height: 50%;
    width: 100%;
    background-color: white;
    font-size: 10px;
    text-align: left;
    padding: 20px 0px 0px 20px;
    line-height: 5px;
    visibility: hidden;
    border-bottom: 3px solid red;
    box-sizing: border-box;
    display: none;
}
.div3 {
    margin-top: 110px;
}



@media screen and (max-width: 850px) {
	
	 .imagegrid{
        margin: 30px 40px 30px 40px !important;
    }
	
    .bigimgdiv1 {
        margin-top: 5px;
        display: block;
        width:100%;

       

    }
    .bigmaterialdiv1 {
        width: 100%;
        height: auto !important;
        
    
    }
    .textbluebell{
        padding-left: 15px;
        font-size: 26px;

        

    }
    /* .mCSB_draggerContainer{
        display: none !important;
    } */
    #mCSB_1_scrollbar_vertical{
        display: none !important;
        
    }
    .divimgssmall{
        height: auto !important;
        margin-bottom: 20px !important;
    }
    .imgdiv1{
        font-size: 10px !important;
        /* margin-bottom: 20px; */

    }
    .maintenance__container{
        flex-direction: column;
        padding-left:10px ;
        
    }
    .textbackto{
        padding-left: 15px !important;

    }

   

    .div2primary {
        display: none;
    }

    .imgdivsmall {
        width: 100%;

    }

    .imgdiv1 {
        font-size: 11px;
        line-height: 0.1;
        padding-left: 8px;


    }

    .div3 {
        margin-top: 0% !important;
    }
    .materialdetail{
        margin-left: 4% !important;
        
    }
    .button2top{
        margin-top: 10%  !important;
    }
    .texttable3{
        
        padding-bottom:0px !important ;
       
    
    
    }
    .texttable4{
        padding-top: 0px !important;
       
    
    }


}



/*------------------------------------------------------Materials Landing Page ---------------------------------------------------------*/
#search_form { width:100%; }
.headerimage{
    background: url("../images/materials-library-header.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.descnew{
    color: #FFFFFF;
    font-size: 32px;
    font-family:Outfit-Medium;
    margin: 8px 8px -12px 8px;
    text-align: center;
    max-width: 550px;
    line-height: 1.5; 
}
.maindivnew{
    flex-wrap: wrap !important;
} 
.imagescolumns{
    margin: 0px;
    margin-top: 10px;
    width: 17%;
	margin-bottom:12px;	
}
.right-section-div1{
    display: flex;gap: 3.5%;flex-wrap: wrap;
    
}
@media screen and (max-width: 480px) {
    .right-section-div1{
        gap:6%  !important; 
    }
    .imagescolumns {
        width: 47%; 
        margin-top: 30px;

    }
    .descnew{
        line-height: 1;
    }
    .imgdiv{
        padding-top: 10px    !important;
        padding-left: 5px   !important;
        line-height: 2px !important; 
    } 
}
.imgBoxtext{
    display: flex;
    flex-direction: column;
    align-items: start;
     
    margin-top: -5px;
    margin-top: 5px; 
} 
.material1{ 
    position: relative; 
    box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
}
.imgdiv{
    position: absolute; 
    bottom: 0px;left: 0px;
    height: 50%;
    width: 100%;
    background-color: white;
    font-size: 10px;
    text-align: left;
    padding:20px 0px 0px 20px;
    line-height: 5px;
    visibility: hidden;
    border-bottom: 3px solid red;
    box-sizing: border-box;
}
.imagescolumns:hover{
    
    .imgBoxtext{
        text-decoration: underline;
    }
    .imgdiv{
        visibility: visible;
    }

}
/*------------------------------------------------------Product landing CSS ----------------------------------------------------------*/
		@media screen and (min-width: 450px) {
	.desktop-menu-top { display:block!important; }		
   .desktop-menu { display:flex !important; border-bottom: 1px solid #a19f9f;}
  .mobile-menu { display:none !important; }
}
	@media screen and (max-width: 450px) {
		.desktop-menu-top { display:none!important; }	
		.desktop-menu { display:none !important; }
  .mobile-menu { display:block !important; }
 
}
	.section{
    height: 100vh;
}
.container{
    margin: 150px auto;
}

.section1{
    background-color: black;
    height: 250px;
}

.back{ 
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover !important;
}
.seatingdesc{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center; 
}
.head {
    color: #FFFFFF;
    font-size: 12px;
    padding: 10px;
    letter-spacing: 2px;
    font-family:Outfit-SemiBold;
    border-bottom: 1px solid gray;
    padding: 10px 32px;
   padding-top:0px;
}

.desc{
    color: #FFFFFF;
    font-size: 32px;
    font-family:Outfit-Medium;
    margin: 16px 8px 0px 8px;
    text-align: center;
    max-width: 600px;
    line-height: 1; 
}
.desc-2{ 
    color: white;
    font-size: 32px;
    font-family:Outfit-Medium;
    margin: 8px 8px 8px 8px;
    text-align: center; 
}
.left-side-bar .accordion { display: flex; justify-content: space-between; padding-left: 0px;     letter-spacing: 1px;}
.section2{
    box-sizing: border-box;
    background-color: #F7F6F4;
    height: auto;
    display: table;
    padding: 0px 50px 50px 50px;
	width:100%;
}
.section_download{
    box-sizing: border-box;
    background-color: #FFFFFF;
    height: auto;
    display: table; 
    padding:0px 50px;
	width:100%;
}

.section2images{
    padding: 40px 20px 0px 20px;
    height: 100%;
width:100%;
}
.fabric-swatch-detail .button1 { margin-top:0px !important;}
.filteration{
    display: flex;
    justify-content: space-between;
}

.filter{
    display: flex;
}

.sort{
    display: flex;
   
} 
.imagescolumn{
    display: flex;
    flex-direction: column;
    transition: 0.1s ease-in-out;
    height: 100%;
	 border-bottom: 3px solid #ffffff;
	 background-color:#ffffff; margin: 10px;width: 100%;height: auto; padding-top:10px; padding-bottom:20px; position:relative; overflow:hidden;
}

.imagescolumn:hover{
    border-bottom: 3px solid #ED4C2F;
    text-decoration: underline;
    color: #141311;
}

.chairname a{ 
    color: #141311;
    text-decoration: none;
    font-family:Outfit-Medium;
} 
	

 .container {
      margin: 150px auto;
    } 
    .container.chairimages { 
      margin-top: 10px;
      margin-bottom: 20px;
    }
    @media screen and (max-width: 220px) {
      .left-side-bar { height : inherit;
    width: 100vw;
    margin-top :10px;
    padding : 0px 0px 0px 0px;
    font-family:Outfit-SemiBold;
    font-size: 14px;
    float: left;
  }
    .right-section {
      width: 100%;
      float: left;
      padding-right: 30px; padding-left: 15px;
    }
	.section2{
    box-sizing: border-box;
    background-color: #F7F6F4;
    height: auto;
    display: table;
    padding: 0px 20px 20px 20px
}
	.padding-none-mobile { padding:0px !important; }
}

@media screen and (min-width: 800px) {
	
	
	
	
  .left-side-bar { height : inherit;
    width: 20%;
    margin-top :10px;
    padding : 0px 20px 0px 20px;
    font-family:Outfit-SemiBold;
    font-size: 14px;
    float: left;
  }
    .right-section {
      width: 80%;
      float: left;
      padding-right: 10px; padding-left: 10px;padding-bottom: 20px;
    }
     
}
 

    .hidetext::before {
      background-image: url(/images/show-filter.svg);
      background-size: 22px 22px;
      display: inline-block;
      width: 22px;
      height: 20px;
      content: "";
      background-repeat: no-repeat;
      margin-bottom: -3px;
      margin-right: 8px;

    }

    .hidetext {
      
      font-family: Outfit-SemiBold;
      font-size: 10px;
      color: #131110;
		cursor: pointer;
      
    }
    @media screen and (max-width: 480px) {
		 .desc-2{  font-size: 28px;}
	  .desc { font-size: 28px;}
		 .head {  font-size: 10px;}
		 .searchbar-icon {   top: -5px;}
		 
	.sort {  margin-right: -5px;}
      .hidetext {
        margin-left: 0px;
      }
    } 
    .radio1 {
      accent-color: black;
      font-family: Outfit-Regular;
      font-size: 14px; 
      padding: 6px 0px;
    }
    .radio1 input { margin-right: 6px;}
    .dropdown {
    position: relative;
    display: inline-block;
} 
.dropbtn { 
    width: 110px;
    border-radius: 5px;
    border: hidden;
    padding-left: 2px;
    font-size: 14px; 
	background-color:#F7F6F4 !important;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #F7F6F4;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
} 
.dropdown-content a {
    color: #333;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
} 
.dropdown-content a:hover {
    background-color: #ddd;
} 
.dropdown:hover .dropdown-content {
    display: block;
}
.chairs{
  width: 100%;
  
}

.footerspc{
  margin-top: 0px;
}


/* -----------------------------------------------Product details --------------------------- */
* {
  scroll-behavior: smooth;
}

.mainsection{
    overflow-x: hidden;
}

/* .active {
  color: #ed4d2e;
} */

.projectsummary{
    /* width: 100vw; */
    margin: 0px;
	padding:40px 0px;
}

.headings {
  font-size: 28px;
  font-family: "Outfit-Medium";
}

.Chair-Descrip {
  background-color: #f2ede9;
  /* width: 20%; */
  width: 297px;
  top: 60%;
  left: 10%;
  opacity: 0.85;
  padding: 20px;
  border-radius: 5px;
  height: auto;
}

.Chair-Type {
  /* font-size: 12px; */
  font-size: 75%;
  font-family: "Outfit-SemiBold";
}

.Chair-Name {
  font-size: 32px;
  font-family: "Outfit-Medium";
  padding-top:18px;
}

.secnav {
  background-color: #f2ede9;
  font-family: "Outfit-Medium";
  font-size: 12px;
  height: 100%;
  padding:20px 0px 20px 0px;
  align-items: center;
}

.secnavullist li {
  font-family: "Outfit-SemiBold";
  font-size: 12px;
}

.secnavcol ul{
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secnavcol a {
  color: #131110;
  transition: 0.15s;
}
.secnavcol .active {
  color: #ed4d2e;
  transition: 0.15s;
}
.secnavcol a { padding:20px 20px !important; letter-spacing: 1px;}
.secnavcol a:hover {
  color: #ed4d2e;
  text-decoration: none;
}

.mobilesecnav{
    display: block;
}

.mobilesecnav-inner{
    background-color: #F2EDE9;
}

.mobilesecnavcard{
    background-color: #F2EDE9;
}

.mobilesecnavcontain{
    background-color: #F2EDE9;
}

.lispan {
  color: #ed4d2e;
}

.summaryrow {
  width: 100%;
}

.summarypara {
  font-size: 18px;
  font-family: "Outfit-Regular";
  /* width: 50%; */
  padding: 0px;
  line-height:26px;
}

.features-container{
    /* width: 100vw; */
    margin: 0px;
}

.features {
  background-color: #f2ede9;
  padding: 0px 5% !important;
  display: flex;
}
.featuresmobile {
  background-color: #f2ede9;
  padding-left: 100px;
  display: none;
}

.featurespara {
  font-size: 14px;
  font-family: "Outfit-Regular";
  /* width: 50%; */
  padding: 0px;
}

.options-container{
    margin: 44px 0px 70px 0px;
}

.options-innercontainer{
    width: 100%;
	padding:0 10%;
}

.optionscard{
    border-left: none !important; 
    border-right: none !important;
    border-radius: 0px !important;
}

.optionname{
    font-family: 'Outfit-Regular';
}

.minusbtn{
    display: block;
}

.plusbtn{
    display: none ;
}

.minusbtn1{
    display: none;
}

.plusbtn1{
    display: block;
}

.optionchair{
    font-family: 'Outfit-Regular';
    font-size: 18px;
}

.modelbox {
  margin-left: 100px;
  margin-right: 100px;
}

.modelhead { 
  font-family: "Outfit-Regular";
  font-size: 16px;
  width:100%;
}
.modelhead a { color:#000000; }
.modelhead img { margin-right:20px; } 

.modelbtn {
  margin-right: 10px;
}

.Sustainbox {
  background-color: #989f27;
}

.Sustainhead {
  color: #ffffff;
  font-family: "Outfit-Medium";
  font-size: 22px;
}
.Sustaintext {
  color: #ffffff;
  font-size: 14px;
  font-family: "Outfit-Regular";
  text-wrap: wrap;
}

.Sustainabilitybox-inner{
    /* width: 100vw; */
    margin: 0px;
}

.video-box-slider{
    width: 92%;
}

.gallerypopupcontainer{
    display: none;
}

.gallerybtn-box {
  border-radius: 20px;
  z-index: 1; 
  top: 80%; 
  left: 8%;  
  width:124px;
}
.gallerybtn-box a {
  color: #131110;
  font-family: "Outfit-Regular";
  transition: 0.2s;
}

.gallerybtn-box a:hover {
  text-decoration: none;
}

.gallerybtn{
    border: none;
    background-color: #F2EDE9;
}

.gallerypopupbtn-box{
     
    margin: 20px 5px 0px 0px;
}

.gallerypopupbtn{
    border: none;
    background-color: transparent;
    
    float: right;
}

.gallerypopupbtn-img{
    width: 20px;
    height: 20px;
}

.carouselslidercontain{
    display: block;
}

.carouselslidercontain-inner{
    width: 100%;
}

.downloadbtn {
  position: absolute;
  top: 90%;
  left: 6%;
}

.downloadbtn-a{
    background-color: #ED4D2E;
    border-radius: 20px;
    height: 29px;
    font-family: 'Outfit-Medium';
    width: 114px;
}

.previcon-span{
    margin-bottom: 50px; 
    margin-right: 50px;
}

.nexticon-span{
    margin: 0px 0px 50px 10px;
}

.thumbnail-li{
    opacity: 1 !important;
}

.productimagecontainer{
    display: none;
}
.projectaward-container{
    padding:0% 10%;
}

.spotlight-icon{
}

.resource-container{
    background-color: #F2EDE9;
    padding-top: 55px; 
    padding-bottom: 70px;
    height: 100%;
}

.resourceinner-box{
    background-color: #F2EDE9 !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
}

.page {
  position: absolute;
  top: 90%;
  right: 12%;
}

.relatedproductsrow {
  padding: 0px 10% 0% 10%;
}

.projectboxrow {
  left: 107px;
}

.projectbox {
  font-size: 22px;
  font-family: "Outfit-Medium";
  border-bottom: 2px solid black;
}

.awardsboxcol {
  border-bottom: 1px solid #dedede;
  font-size: 22px;
  font-family: "Outfit-Medium";
}
.envdetails {
  font-size: 22px;
  font-family: "Outfit-Medium";
}

.envdetailsbox {
  border-bottom: 2px solid black;
}

.productdetails {
  font-size: 22px;
  font-family: "Outfit-Medium";
}

.productdetailsbox {
  border-bottom: 1px solid #dedede;
}

.resourcedata{
    display: flex;
	padding:0% 10%;
}

.leftside{
    width: 50%;
}
.rightside{
    width: 50%;
}

.rightside-inner{
    /* padding: ; */
}

.spotlightname{
    font-size: 18px;
    font-family: 'Outfit-Regular';
}

.spotlightpara{
    font-size: 14px;
    font-family: 'Outfit-Regular';
}

.casestudybox {
  background-color: #ed4d2e;
  width: 180px;
  height: 34px;
  border-radius: 20px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Outfit-Regular";
}
.casestudybox a {
  color: #ffffff;
  font-size: 16px;
}
.casestudybox a:hover {
  text-decoration: none;
  color: #ffffff;
}
.awardcontainer{
    display: none ;
}

.container {

  margin-top: 100px;
  margin-bottom: 100px;
  margin: 150px auto;
}

  .container.chairimages {
    margin-top: 10px;
    margin-bottom: 20px;
  }

.carousel-inner img {
  width: 100%;
  height: 100%;
}

.custom-carouselclass .carousel-indicators {
  position: static;
  margin-top: 20px;
}

.custom-carouselclass .carousel-indicators > li {
  width: 100px;
}

.custom-carouselclass .carousel-indicators li img {
  display: block;
}

.custom-carouselclass .carousel-indicators li.active img {
  opacity: 1;
}

.custom-carouselclass .carousel-indicators li:hover img {
  opacity: 0.75;
}

.carousel-item img {
  width: 80%;
  
}
.chair_designer_inner img { border-radius:50%;  }

.custom-carouselclass .carousel-indicators .active img {
    border-bottom: 3px solid red !important;
  }

  .custom-carouselclass .carousel-indicators img {
    border-bottom: 3px solid grey !important;
  }

  .thumbnail .carousel-indicators li img {
    opacity: 1 !important;
  }

  .thumbnail .carousel-control-prev {
    position: relative;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
  }

  .thumbnail .carousel-control-next {
    position: relative;

    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 1;
    transition: opacity .15s ease;
  }

.thumbnail_box {
  display: flex;
  justify-content: center;
  align-items: center;
  
}
.thumbnail_box li {
  width: 50% !important;
}

.thumbnail_box > div:first-child {
  padding-top: 50px;
}
.thumbnail_box > div:last-child {
  padding-top: 50px;
}

.relatedproductname{
    font-family: 'Outfit-Regular';
    font-size: 18px;
}

.backproductbtn{
    background-color: #ED4D2E;
    font-family: 'Outfit-Regular'; 
    border-radius: 30px; 
    font-size: 16px;
    width: 162px;
}
 .mobilesecnav{display: none;}
@media only screen and (max-width: 980px) {
  .downloadbtn {
    top: 80%;
  }
  .page {
    top: 80%;
  }
}
@media only screen and (max-width: 530px) {
  .downloadbtn {
    top: 70%;
  }
  .page {
    top: 70%;
  }
}

@media only screen and (max-width: 988px) {
    .mobilesecnav{display: block;}
    .secnavouter{display: none;}
}

@media only screen and (max-width: 892px) {
  .Chair-Descrip {
    top: 40%;
  }
}
@media only screen and (max-width: 624px) {
  .thumbnail-ol {
    /* width: 50%; */
  }
}

@media only screen and (max-width: 466px) {
  .thumbnail-ol {
    /* width: 40%; */
  }
  .previcon {
    /* margin-bottom: 150px; */
  }
  .nexticon {
    /* margin-bottom: 150px; */
  }
}
@media only screen and (max-width: 982px) {
  .previcon {
    /* margin-bottom: 100px; */
    top: 70%;
  }
  .nexticon {
    /* margin-bottom: 100px; */
    top: 70%;
  }
}
@media only screen and (max-width: 400px) {
  .thumbnail-ol {
    /* width: 30%; */
  }
  .prev {
    margin-left: 20px;
  }
}

@media only screen and (max-width: 598px) {
  .Chair-Descrip {
    top: 35%;
    /* width: 198px; */
    display: flex;
    height: 100px;
  }
}
@media only screen and (max-width: 468px) {
  .Chair-Descrip {
    top: 30%;
    width: 250px;
    display: flex;
    height: 100px;
    left: 13%;
  }
}
@media only screen and (max-width: 364px) {
  .Chair-Descrip {
    top: 20%;
    width: 198px;
    display: flex;
    height: 50px;
    left: 13%;
    justify-content: space-between;
    align-items: center;
  }
  .Chair-Name {
    font-size: 22px;
  }
  .Chair-Type {
    font-size: 9px;
  }
}
@media only screen and (max-width: 364px) {
  .Chair-Descrip {
    top: 20%;
    /* width: 198px; */
    display: flex;
    height: 100px;
    left: 13%;
    justify-content: space-between;
    align-items: center;
  }
  .Chair-Name {
    font-size: 22px;
  }
  .Chair-Type {
    font-size: 9px;
  }
}

@media only screen and (max-width: 638px){
    .resourcedata{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .leftside{
        width: 100%;
    }
    .rightside{
        width: 100%;
    }
}

@media only screen and (max-width:769px) {
    .envdetails{
        font-size: 15px;
    }
    .productdetailsbox{
        font-size: 15px;
    }
    .envprorow{
        display: flex;
    }
}
@media only screen and (max-width:577px) {
    .envdetails{
        font-size: 10px;
    }
    .productdetailsbox{
        font-size: 10px;
    }
}
@media only screen and (max-width:769px) {
    .envdetails{
        font-size: 15px;
    }
    .productdetailsbox{
        font-size: 15px;
    }
    .envprorow{
        display: flex;
    }
}
@media only screen and (max-width:577px) {
    .envdetails{
        font-size: 10px;
    }
    .productdetailsbox{
        font-size: 10px;
    }
}

@media only screen and (max-width:504px) {
    .projectaward-container{
        margin-left: 20px;
        margin-right: 20px;
    }
    .spotlight-icon img{
        margin-left: 50px;
        margin-right: 50px;
    }
}

@media only screen and (max-width:992px) {
    .features{
        display: none;
    }
    .featuresmobile{
        display: flex;
    }
    
}
/* ------------------------------Gallery Popup Slider--------------------------------------- */

/*********************************
* Example Page Styling
*********************************/
#gallerycontainer {
	width: 100%;
	height: 100%;
	max-width: 1200px;
	max-height: 700px;
	margin: 50px auto;
  position:relative;
}
#gallerycontainer1 {
	width: 100%;
	height: 100%;
	max-width: 1200px;
	max-height: 700px;
	margin: 50px auto;
  position:relative;
}

.envdetails {
	font-size: 22px;
	font-family: "Outfit-Medium";
	display: flex;
	justify-content: space-around;
	text-align:center;
	width:100%;
  }
  
  .envdetailsbox {
	border-bottom: 2px solid black;
	width: 50%;
  }
  .productdetailsbox{
	border-bottom: 1px solid #dedede;
	width: 50%;
  }
.envprorow{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0px 0px 30px 0px;
}  

.envdetailsbox button{
	border: none;
	background-color: transparent;
	font-size: 12px;
  font-family: "Outfit-Medium";
}

.productdetailsbox button{
	border: none;
	background-color: transparent;
	font-size: 12px;
  font-family: "Outfit-Medium";
  height: 45px;
}
@media  only screen and (max-width:544px) {
  .envdetailsbox button{
    font-size: 12px;
    padding: 0px 25px 0px 0px;
  }

  .productdetailsbox button{
    font-size: 12px;
    padding: 0px 0px 0px 20px;
  }
}

#productimages{
  display: none;
}

/* ----------------------------------------------slidershow------------------------------ */

/*********************************
* Slideshow Styling
*********************************/

.galleryslider{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
  margin-top: 0px;
}

#gallerycontainer{
	/* margin-top: 0px !important; */
	display: flex;
	justify-content: center;
	align-items: center;
  height: 100%;
}
#gallerycontainer1{
	/* margin-top: 0px !important; */
	display: flex;
	justify-content: center;
	align-items: center;
}

#slideshow {
	width: 100%;
	height: 100%;
	margin: 100px auto;
  overflow: hidden;
}
	#slideshow.fullscreen {
		/* position: fixed; */
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;

		overflow: hidden;
	}
#slideshow1 {
	width: 100%;
	height: 100%;
	margin: 100px auto;
  overflow: hidden;
}
	#slideshow1.fullscreen {
		/* position: fixed; */
		top: 0;
		left: 0; 
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0; 
		overflow: hidden;
	}
	#slideshow2 {
	width: 100%;
	height: 100%;
	margin: 100px auto;
  overflow: hidden;
}
	#slideshow2.fullscreen {
		/* position: fixed; */
		top: 0;
		left: 0; 
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0; 
		overflow: hidden;
	}
	.img-wrapper {
	    width: 75%;
	    height: 65%;
      position: absolute;
      top: 10px;
	    /* bottom: 100px; */
	    left: 0;
	    right: 0;

	    margin: auto;
	    overflow: hidden;
	    z-index:8;
	    background-size: cover;
	    background-position: center center;
	}
	#productimages .img-wrapper {
	    width: 400px !important;
	    height: 400px !important;
	}
		#slideshow .img-wrapper.active {
		    z-index:10;
		}

		#slideshow .img-wrapper.last-active {
		    z-index:9;
		}
		#slideshow1 .img-wrapper.active {
		    z-index:10;
		}

		#slideshow1 .img-wrapper.last-active {
		    z-index:9;
		}
		#slideshow2 .img-wrapper.active {
		    z-index:10;
		}

		#slideshow3 .img-wrapper.last-active {
		    z-index:9;
		}

	/*********************************
	* Thumbnail Styling
	*********************************/
	.thumbs-container {
		width: 100%;
		height: 180px;
		position: absolute;
		/* position: static; */
		left: 0;

		z-index: 11;

		background: transparent;
		opacity: .9;
	}
		.thumbs-container.top {
			top: 0;
		}
		.thumbs-container.bottom {
			bottom: 0;
		}
		.prev, .next {
			width: 3%;
			min-width: 40px;
			height: 48px;
			padding: 36px 1%;

			color: #999999;
			cursor: pointer;
		}
		.prev { float: left; }
		.next { float: right; }
			.prev:hover, .next:hover {
				color: #555555;
			}
		ul.thumbs {
			position: absolute;
			top: 0;
			left: 5%;
			right: 5%;
			height: 140px;
			padding: 0;
			/* margin: 0 5%; */
      margin-top: 50px;
			overflow: hidden;
			white-space: nowrap;
			text-align: center;
		}





    
			.thumb {
				display: inline-block;
				width: 160px;
				height: 100px;
				margin: 10px;
				border-bottom: 3px solid rgba(255, 255, 255, 0.121);
				overflow: hidden;
				background-size: cover;
	    	background-position: center center;
	    	cursor: pointer;
			}
				.thumb:first-of-type {
					margin-left: 0px;
				}
			.thumb.active {
				/* width: 116px;
				height: 116px; */
				/* border: 2px solid #FFF; */
				border-bottom: 3px solid red;
			}
      @media only screen and (max-width:550px) {
        ul.thumbs{
          margin: 90px 30px 0px 30px;
        }
        .thumb{
          width: 130px;
          height: 80px;
        }
      }
      @media only screen and (max-width:480px) {
        .thumb{
          width: 86px;
          height: 57px;
        }
        .prev, .next {
          padding: 37px 1%;
        }
      }
#next-btn{
	height: 70%;
	display: flex;
	align-items: center;
	font-size:30px;
}

#prev-btn{
	height: 70%;
	display: flex;
	align-items: center;
	font-size:30px;
	
}
#next-btn2{
	height: 75%;
	display: flex;
	align-items: center;
	font-size:30px;
}

#prev-btn2{
	height: 75%;
	display: flex;
	align-items: center;
	font-size:30px;
}
#next-btn3{
	height: 75%;
	display: flex;
	align-items: center;
	font-size:30px;
}

#prev-btn3{
	height: 75%;
	display: flex;
	align-items: center;
	font-size:30px;
}
 .prev, .next{
    
	font-size:30px;
  }
@media only screen and (max-height:500px) {
	.envprorow{
    margin-top: 80px;
  }
  .thumbs{
    margin-top: 160px !important;
  }
  .prev, .next{
    padding: 55px 0px 1% 13px ;
	font-size:30px;
  }
  .next{
    padding-right: 20px;
	 
  }
  .downloadbtn{
    top: 85%;
  }
  .page{
    top: 85%;
  }
}
@media only screen and (max-height:280px) {
	.envprorow{
    margin-top: 100px;
  }
  .thumbs{
    margin-top: 180px !important;
  }
  .prev, .next{
    padding: 55px 0px 1% 13px ;
  }
  .next{
    padding-right: 20px;
  }
  .downloadbtn{
    top: 80%;
  }
  .page{
    top: 80%;
  }
}
.gallerybtn {
    border: none;
    background-color: #F2EDE9;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transition: 0.2s;
    padding: 5px;
}
.fa-greater-than:before {
    content: "\3e";
}
.fa-less-than:before {
    content: "\3c";
}
/*------------------------------------------------Product details end ----------------------------*/

video {
	max-width: 100%;
	max-height: 100vh;
}

.video-control {
	position: absolute;
	left: 1em;
	bottom: 1em;
	min-width: 7.5em;
	padding: 0.5em 1em;
	text-align: left;
	border-radius: 9in;
	background: #FFFB;
}

.video-control:not(.playing) .video-control-pause,
.video-control.playing .video-control-play {
	display: none;
}

.video-control-symbol
{
	font: 1.75em/0 Apple Color Emoji;
	vertical-align: -0.15em;
}




.transparent-button{background-color: transparent; border: none;}
.spotlight-right a{color: #131110;}
.spotlight-right a:hover{color: #131110;}


.zoom {
  
 
  transition: transform 1.5s ease; /* Animation */
  width: 100%;
  height: auto;
  
}

.zoom:hover {
  transform: scale(1.2); z-index: 999;
	
}

.search-mbls{ display: none;}

.img-auto2{width: 100%; height: auto;}

.greybg .carousel-indicators li {
  
  background-color: none;
  
}

.tbs-spcr{padding-top: 15px; margin-top: -10px;}

.cspcr1{margin-top: 20px; margin-bottom: 30px;}

.fltrss{float: right}
.pspck{padding-top: 40px; padding-bottom: 30px;}

.chspc{padding-bottom: 0px;}

.bgnone{background-color: none !important;}
#menu-seating-at{display: none;}
#menu-seating{display: none;}
.mts40{}
.rclr{color: #131110;}
.rclr .active{color: #A63537;}

.bg-whitens{background-color: #fff;}
   
.prfm-spc{padding-top: 90px;}
.trend-imgs{width: 370px; height: auto;}
.icontp{ width: 80% !important; margin: 0px auto; overflow: hidden; padding-right: 0px !important; padding-left: 0px !important; }
.bg-wht{background-color: #fff !important;}
.trending-news-spc{padding-bottom: 18px;}

.spotlight-right .slick-prev:before{
    background: url("../images/previous.png") top no-repeat; opacity: 0.9; width: 35px; height: 35px; top: 10px;
  }

  .spotlight-right .slick-next:before{
   background: url("../images/next.png") top no-repeat ; opacity: 0.9; width: 35px; height: 35px; top: 10px;
  }

.searchbar{
    position:relative;
    min-width:50px;
    width:0%;
    height:50px;
    float:right;
    overflow:hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
.searchbar-input{
    top: 0;
    right: 0;
    border: 0;
    outline: 0; border-bottom: 1px solid #000; background-color: #fff; 
    
    width: 0;
    height: 40px;
    margin: 0;
    padding: 0px 55px 0px 0px;
    font-size: 14px;
    color: #000;
}
.searchbar-open .searchbar-input{
    width:100%; 
}



.searchbar-input::-webkit-input-placeholder {
    color: #000;
}
.searchbar-input:-moz-placeholder {
    color: #fff;
}
.searchbar-input::-moz-placeholder {
    color: #fff;
}
.searchbar-input:-ms-input-placeholder {
    color: #fff;
}
.searchbar-icon,
.searchbar-submit{
    width:50px;
    height:50px;
    display:block;
    position:absolute;
    top:0;
    
    font-size:14px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0; 
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color:#fff;
    background:#fff;
    border-left: 1px solid white;
}
.searchbar-open{
    width:100%;
}


.msk{margin: 0px; padding: 0px;}
.nbrs{background-color:antiquewhite; width: 100%; }
.brnone{border-top: none;}
.mtrs{margin-top: 7px;}
.btntp{border-top: none;}
.mmts{margin-top:-4px;}






















.industry-m{width: 90%; margin: 0px auto;}



.nav-tabs li{text-transform: uppercase;}

.pro-sptlights{
    border-bottom: 1px solid #000;
    padding-bottom: 6px;
    width: auto;
    width: fit-content;
	text-transform: uppercase;
	font-size: 12px !important;
	letter-spacing: 1px;
	font-weight:bold;
}







#sub3 {
position: absolute; width: 100%;
left: 0px;
top: 0px;
background: #E8E5E2;
background: linear-gradient(to top, #E8E5E2 0%, #C4C4C6 82%);
  overflow-x: hidden;
  transition: 0.5s;
display: none;
}


.sbnv a{ color: #131110;}
.sbnv a:hover{ color: #131110  :}
		
.firstnar{ width: 100%; text-align: left; background-color: transparent; border: none;}
.backseating{ background-color:transparent; border: none;}


.tsl-left{width: 250px; float: left;}
.tsl-right{loat: right;}
.mt40{margin-top: 40px;}

.f8{font-size: 8px; text-transform: uppercase;}

.industry-s{width: 50%; display: flex;}
.industry-box{position: relative; width: 99.5% !important; 
    overflow: hidden;  margin-bottom: 3.5px; }

.imgnews{width:370px; height: auto; }
.plaps{ width: 90%; margin: 0px auto;}
.logsp{padding-left: 20px;}
.grds{font-size: 8px; text-transform: uppercase; padding-top: 20px; padding-left: 19px;}
.drp-dd{ width: 95%; margin: 0px auto; padding:40px  60px}
.brds{border: 1px solid #ddd;  margin: 0px auto;}





.imgrht{text-align: right;}

.subtxt{border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 50px;}
.sbnv{ display: none; background: #E8E5E2;
background: linear-gradient(to top, #E8E5E2 0%, #C4C4C6 82%);}


.dsk{padding: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.dsk-small{padding: 20px; border-top: none; border-bottom: 1px solid #fff;}

.dsk2{padding: 20px 0px; }
.left-side-bar .dsk2{padding-left: 0px !important; border-top:1px solid #ccc; }

.drparw {background: url("../images/arrow-down.svg") no-repeat right; display: block;}





.navbar-nav li.dropdown {background: url("../images/arrow-down.svg") no-repeat right; display: block;}
.navbar-nav li.dropdown:hover {background: url("../images/up-arrow.svg") no-repeat right; display: block;}
.navbar-nav li.dropdown:focus, .navbar-nav li.show {background: url("../images/up-arrow.svg") no-repeat right!important; display: block;}
.overlay {
 
  width: 0;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0;
 background: #E8E5E2;
background: linear-gradient(to top, #E8E5E2 0%, #C4C4C6 82%);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  
  margin-top: 5px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}
</style>


@media only screen and (max-width: 1200px) {
	
	
	
	.hadlinebox-wdth{ width: 100% !important; margin: 0px auto;}
	.headline{font-size: 34px; color: #131110;  }
	.headbox-txt{ padding-top: 24px; font-size: 16px;}
	.header-txts{position: absolute; top: 15% !important; left: 0% !important; width: 100% !important;}
	
	
	
  
}



@media only screen and (max-width: 400px) {
	
	.carousel-indicators  {
    
    bottom: -12px !important;
    
}
	
}



@media only screen and (max-width: 900px) {
	
	.navbar-toggler-icon{ position: absolute; right:20px; top:45px;}
	.spotlight-left{ width: 80% !important; float: none !important; margin: 0px auto; padding-left: 0px !important}
	.search-mbls{ display: block; z-index: 999; top: 0 !important; }
	
	.trending-news-spc {
    padding-bottom: 18px;
    text-align: center;
}
	
	.trending-news{ width: 100% !important; }
	
	
	.txt-52-regular {
    font-size: 34px !important;
    font-family: Outfit-Regular;
    line-height: 33px !important;
}
	
	.designimga {
    width: 90% !important;
    height: auto!important;
}
.div4-text{  max-width: 100%; }
.sus-insec .blubg {
    padding-top: 30px;
     flex-direction: column;
	 padding-bottom:0px;
}
.sus-insec2 .blubg {
    padding-top: 30px;
     flex-direction: column;
	 padding-bottom:0px;
}
.sus-insec .blubg-2 {
    padding-top: 10px;
    padding-right: 0%;
	text-align:left;
    font-size: 18px;
    font-family: Outfit-Regular;
    letter-spacing: -0.18px;
    width: 100%;
}
.sus-insec .blubg-1 { 
    width: 100%;
}
.sus-insec2 .blubg-2 {
    padding-top: 10px;
    padding-right: 0%;
	padding-left:0px;
    font-size: 18px;
    font-family: Outfit-Regular;
    letter-spacing: -0.18px;
    width: 100%;
	padding-bottom:20px;
	text-align:left;
}
.sus-insec2 .blubg-1 { 
    width: 100%;
}
.div5-innerdiv {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-right: 10%;
    margin-left: 10%;
}
.div5-innertext1 {
    font-size: 28px;
    font-family: Outfit-Light;
    color: #FFFFFF;
    text-align: center;
     width: 100%;  
     padding-left: 0px;
}
.div5-text2 {  width:100%; }
.newsbox {width:100%; }
.insights-page .right-section-full-width { width:92%; padding-left:15px; }
.wrnt-spc { margin-top:30px; }
.filteration { padding-bottom:15px; }
.right-section-full-width .right-section-div1 { margin-left:0px; }
.request-meno { overflow-y:auto; height:500px; }
.project-spotlight { padding-left:0px !important; padding-right:0px !important; }
.project-slider-section { padding-left:0px !important; padding-right:0px !important; }
.maincontainer1-text2 {  padding-top:0px;}
.button2 { margin-bottom:30px !important; }
.divbottom { padding-bottom:40px; }
.maincontainer2-text2 { padding-top:20px !important; }
 .secnav { display: none;
    flex-direction: column; padding-top:0px;}
	 .secnavcol { padding-bottom:2px;} 
	.mobilesecnav { display:flex; }
 .mobilesecnav-btn { text-align:center; }
.browseiconhide{ display: none; }
	#scaefy-swiper .dropdown-menu { min-width:100% !important; font-size:14px;}
	.resourcedata { margin:0px !important; }
	.projectbox { font-size:18px; } 
	.awardsboxcol { font-size:18px; } 
	 .about-container { padding:0px 20px; }
	 .repstate { display:table; margin-left:0px; }
	 .mapcontr { padding-bottom:30px; }
	 .contact-dfl { padding:0px 20px !important; }
	 .bottomtext { width:100%; }
	.story-web { display:none; }
.story-mobile { display:block; }
	.section2images .filter { padding-top:20px; }
	.right-section-full-width { margin-top:0px; }
	.right-section { margin-top:30px; }
	.award-cntr { display:none; }
	.img-auto2{width: 60% !important; height: auto;  }
	#demo22 .chspc { text-align:center; }
	.featured-products .featured-box-h2 { font-size:26px; }
	.featured-products .mtk { margin-top:10px; }
	.featured-products .rks { width:70%; }
	.footerspc { text-align:center; line-height:16px; }
	.privacy-policy-spc { padding-top:25px;}
	.flok-cont { width:100%; text-align:center; display:flex; justify-content: center; }
	.foot-web { display:none !important; }
	.foot-mobile { display:block !important; }
	.explore-text2 { font-size:18px; line-height:20px; }
	.news-filter-section { padding:20px 0px; }
	.news-section2 { padding-top:10px; }
	.explore-box-r-device { margin-top:30px; }
	.newsheader-device .slick-next { right:35px; }
	.insights-page .left-side-bar { padding:0px 20px;  } 
	.middlesection .button1 { margin-top:10px !important; }
	.right-section-div1 { padding:0px 0px; }
	.dfs { padding-top:5px; }
	.dwn-header { padding-top:40px; padding-bottom:0px;}
	.divimgssmall .mCSB_container { padding:0px !important; padding-right:5px !important; }
	.div3 { padding-left:10px !important; padding-right:0px !important; margin-top:30px !important; }
	.fabric-swatch-dwn { text-align:left; }
	.dsofi{ margin-top: 0px; text-align: center; margin-bottom: 20px;}
	.seatingdesc { padding-top:30px; }
	.fabric-swatch-detail { padding-top:40px !important; }
	.fabric-swatch-detail .textbackto { padding-left:0px !important }
	.fabric-swatch-header { border-bottom:1px solid #ccc; margin:0% !important; padding-bottom:20px; }
	.section2images {  padding:0px; }
	.section2 { padding:0px 15px 50px 15px }
	.sort { padding-top:23px; }
	.configure{ width: 100!important; margin-top: 5px !important; text-align: 
	center!important; padding: 5px;}
	.txt-32-light { font-size:20px !important; }
	.fltrss {
    float: right; margin-right: 15px;
}
	
	.plchldr{  width:100%!important;  margin: 0px auto; overflow: hidden; }

.plchldr33{ width: 100% !important; margin: 0px auto; }
	
	.heading-space{padding:40px 0px 16px 0px !important;}
	
	.headline{font-size: 34px !important; color: #131110;  }
	
	
	.healine-box{ text-align: center; font-size: 16px; color: #131110; padding: 40px !important;  }
	
.carousel-indicators li {
    
    width: 32px !important;
    height: 1px;
    
}
	
	.heading-medium{  text-align: center; font-size:28px !important;}
	
	
	.designimga{ width: 100%; height: auto;}
	
	
	.trend-imgs{width: 100%; height: auto;}
	
	.spotlight-left{  margin-bottom: 40px;}
	
	
	.icontp{  width: 100% !important;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto !important;
		margin-left: auto !important;} 
	
	.industry-s{width: 80%; display: flex;}
	
	
	.mmts{ position: absolute; right: 10%; top: 22px !important;}
	
	
	.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0px 0px 0px !important;
}
	
	
	
	
	
	
	.chrd{background-color: #000; width: 100%; color: #fff;  padding-right: 20px; overflow: hidden; padding-top: 4px; display: none; }
	.sbnv{ display: block; position: relative;}
	.navbar-collapse {
  -ms-flex-preferred-size: 100%; background-color: #F1EFED;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center; width: 100% !important;
}
	
	
	
	.imgnews{width:100% !important; height: auto; }
	
	.newsbox{ margin-right: 10px; float: left; width: 100%; clear:both; padding-left: 15px; padding-right: 15px; margin-bottom: 20px;}
	
	.newsbox3{  float: right; width: 100%; clear:both; padding-left: 15px; padding-right: 15px; margin-bottom: 20px;}
	
	.industry-image{object-fit: cover; 
   width: 100% !important;}
	
	.industry-cont{position: absolute; bottom: 25px; width: 100% !important; display: flex; justify-content: space-between;}
.industry-contleft{font-size: 22px !important;  color: #fff; padding-left: 30px; /*width: 20%!important ;*/}
.industry-contright{font-size: 22px ;  padding-right: 30px;  }
	
	.imgato{ width: 100%; height: auto;}
	
	
	
	
	
	
	.tsl-left{width: 70% !important; float: left;}
.tsl-right{float: right;  }
.mt40{margin-top: 40px;}
	
	.inovating-txt{font-size: 24px; color: #fff; text-align: center; display: block;}
	.seating-txt{font-size: 54px !important; color: #fff; text-align: center;}
	
	.button-white{  font-size: 13px !important; color: #fff;}

.button-white:hover{ font-size: 13px !important; color: #ED4D2E !important; }
	
.box-right{ background-color: #fff;  border-radius: 7px; width: 100% !important; position: relative !important; bottom: 0% !important; right: 0% !important; padding: 25px; opacity: 0.8; text-align: left; background-color: #F2EDE9 !important; overflow: hidden;}

	
	
	
  
}

@media only screen and (max-width: 500px) { 
.tsl-left{width: 50% !important; float: left;}
.tsl-right{float: right;  }



}



@media only screen and (max-width: 800px) {
	
	.pro-sptlights{
   
	font-size: 10px !important;
}


.header-txts {
  position: absolute;
  top: 12% !important;
  width: 100% !important;
}

}






@media only screen and (max-width: 650px) {
	
	.header-txts{position: absolute; top: 8% !important; left: 0% !important; width: 100% !important;}
		
  
}

@media only screen and (max-width: 550px) {
	.inovating-txt {
  font-size: 20px;
  
}
	
	.headline{font-size: 24px; color: #131110;  }
	.seating-txt{font-size: 34px !important; color: #fff; text-align: center; width: 50% !important; margin: 0px auto; padding-bottom: 20px !important;}
	
	
  
}

@media only screen and (max-width: 460px) {
	
	.seating-txt{font-size: 24px !important; color: #fff;}
	
	
}











/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
 
  background: #E8E5E2;
background: linear-gradient(to top, #E8E5E2 0%, #C4C4C6 82%);
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
 .nav-link { display: contents !important; } 
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:.5rem .5rem;
  margin:0 .25rem;
}

/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:60%; font-size: 14px; 
  left:21%;
  right:0;
/*  height of nav-item  */
  top:118px;
}
  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}
  
  .navbar .dropdown-menu {
     border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;
    background-color: #fff;
  }

}









    * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 0px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before
     {
     overflow: hidden;
    display: block;
		
		background:url("../images/arrow-left.svg") top no-repeat;  width: 18px; height: 18px;
    }



    .slick-next:before {
     overflow: hidden;
    display: block;
		
		background:url("../images/arrow-right.svg") top no-repeat;  width: 18px; height: 18px;
    }









    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }











body{margin: 0px; padding: 0px; font-family: Outfit-Regular;}
@font-face {
  font-family: Outfit-Regular;
  font-style: normal;
  src:url("../fonts/Outfit-Regular.ttf")
}

@font-face {
  font-family: Outfit-Medium;
  font-style: normal;
    src:url("../fonts/Outfit-Medium.ttf");
}

@font-face {
  font-family: Outfit-SemiBold;
  font-style: normal;
    src:url("../fonts/Outfit-SemiBold.ttf");
}


@font-face {
  font-family: Outfit-Light;
  font-style: normal;
    src:url("../fonts/Outfit-Light.ttf");
}


.search-icon{ width: 18px; height: 18px;}
.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

// non-related styling:
body{
  background: #333;
  color: #ddd;
}
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
}




.logo-9to5{ width: 84px; height: auto;}

.txt-white{color: #fff;}
.tops-link  {display: flex; float: right; color: #fff;}
.tops-link li{margin-left: 22px; font-size: 12px; color: #fff;}
tops-link a{ color: #fff !important;} 

.button-search{ border: none; background: none; }
.imgauto{width: 100% !important; height: auto !important; background-color:#000000;}



.footer-txt1{ margin-left: 50px; width: 200px;}
.footerbg{ background-color: #131110; color: #fff; overflow: hidden; clear: both; display: flex; padding: 44px 44px 34px 44px; font-size: 10px; }



.pbtms{padding-bottom: 21px;}

.greybg{width: 100%; background-color: #F2EDE9;}
.plchldr{  width:80%;  margin: 0px auto; overflow: hidden; line-height:28px; text-align:center;}

.plchldr33{ width: 80%; margin: 0px auto; }

/*buttons*/

.button-white{ background-color: #fff; font-size: 16px; color: #131110; border-radius: 40px;  text-align: center; padding: 6px 20px 6px 20px; cursor: pointer; /*margin-top: 40px;*/ border: none;}

.button-white:hover{ background-color: #ED4D2E !important; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 6px 20px 6px 20px;  cursor: pointer; /*margin-top: 40px;*/ border: none;}

.button-black{ background-color: #131110; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 6px 20px 6px 20px; cursor: pointer; /*margin-top: 40px;*/ border: none;}

.button-black:hover{ background-color: #ED4D2E; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 6px 20px 6px 20px; cursor: pointer; /*margin-top: 40px;*/ border: none;}

.button-red{ background-color: #ED4D2E; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 6px 20px 6px 20px; cursor: pointer; /*margin-top: 40px;*/ border: none; font-family: 'Outfit-Regular';}

.button-red:hover{ background-color: #131110; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 6px 20px 6px 20px;  cursor: pointer; /*margin-top: 40px;*/ border: none; font-family: 'Outfit-Regular';}





.floatr{float: right;}
.rks{width: 250px; float: left;}
.mtk{margin-top: 40px;}













.button-view-more{ background-color: #fff; font-size: 16px; color: #131110; border-radius: 40px;  text-align: center; padding: 10px 20px 10px 20px; cursor: pointer; /*margin-top: 40px;*/ border: none;}

.button-projects{ background-color: #ED4D2E; font-size: 16px; color: #fff; border-radius: 40px;  text-align: center; padding: 6px 15px 6px 15px; cursor: pointer; /*margin-top: 40px;*/ border: none;}

.button-shop{ background-color: #ED4D2E; font-size: 12px; color: #fff; border-radius: 40px;  text-align: center;  cursor: pointer; /*margin-top: 40px;*/ border: none; text-transform: uppercase; width: 71px; padding: 6px 0px 6px 0px; margin-right: 8px;}

.button-shop:hover{ background-color: #12110F; font-size: 12px; color: #fff; border-radius: 40px;  text-align: center;  cursor: pointer; /*margin-top: 40px;*/ border: none; text-transform: uppercase; width: 71px; padding: 6px 0px 6px 0px;}



.heading-space{  padding: 60px 0px 30px 0px; }
.heading-space2{  padding: 25px 0px 30px 0px; }




/*Font-size*/

.txt-32-lightproj{ font-size: 32px; font-family: Outfit-Light; padding-top:24px; }

.heading-medium{ font-size: 32px; }

.txt-52-medium{ font-size: 52px; font-family: Outfit-Medium;  }
.txt-32-medium{ font-size: 32px; font-family: Outfit-Medium;  }
.txt-32-light{ font-size: 32px; font-family: Outfit-Light;  }
.txt-52-light{ font-size: 32px; font-family: Outfit-Light;  }
.txt-32-regular{ font-size: 32px; font-family: Outfit-Regular;  }
.txt-18-regular{ font-size: 18px; font-family: Outfit-Regular;  }
.txt-14-regular{ font-size: 14px; font-family: Outfit-Regular;  }
.txt-16-regular{ font-size: 16px; font-family: Outfit-Regular;  }
.txt-24-regular-white{ font-size: 24px; font-family: Outfit-Regular; color: #fff;  }
.txt-12-semibold{ font-size: 18px; font-family: Outfit-SemiBold;;  }
.txt-12-light{ font-size: 18px; font-family: Outfit-Light;  }

.txt-52-regular{ font-size: 52px; font-family: Outfit-Regular; line-height: 63px;  }

.txt-12-light{ font-size: 18px; font-family:Outfit-Regular;  }



.txt-10-light-red{ font-size: 10px; font-family: Outfit-Medium; color: #ED4D2E; text-transform: uppercase}

.blck{text-decoration: none; color: #000;}
.blck:hover{text-decoration: none; }


.blck2{text-decoration: none; color: #131110;}
.blck2:hover{text-decoration: underline;  color: #131110;}
.spc22{padding-top: 20px; padding-bottom: 5px;}
.dfs{display: flex; padding-top: 30px;}
.footerspc{margin-top: 0px;}




.btn-spc{margin-top: 30px;}




	
	.spc-folk{margin-left: 20px;}
.link-white{ color: #fff;}

.socialicon {
    width: 100%;
    height: auto;   padding-top: 30px;
}

.socialicon a {
    color: #fff;
    /* padding: 10px; */
    
    display: inline-block; padding-left: 16px;
    font-size: 16px;
    
}



.designimga{ width: 100%; height: 602px;}

.trending-news{ width: 80%; margin: 0px auto;  margin-top: 80px; margin-bottom: 80px; display:table;}
.perform-built{ clear: both; }
.spotlight-imgcont{ position: absolute; bottom: 0px; width: 80%; background-color: #F2EDE9; opacity:0.8; right: 0PX; text-align: center; padding-top: 12px; padding-bottom: 12px; border-top-left-radius:5px; }
.spotlight-imgbox{ position: relative; }
 .project-spotlight{   margin-top: 70px; overflow: hidden; }
.project-spotlight .col-md-4 { padding-left:10%; } 
	.spotlight-left{ width: 280px ; float: left; }
.spotlight-right{width: 100%; }

.chrd{background-color: #000; width: 100%; color: #fff;  padding-right: 20px; overflow: hidden; padding-top: 6px; padding-bottom:6px; }
.chrd a:hover{ text-decoration:none }

.clorblcs{color: ##131110}

.dsofi{ margin-top: 40px;}
.configure{ width: 400px; margin-top: 160px;}
.headline{font-size: 52px; color: #131110;  }
.healine-box{background-color: #F2EDE9; text-align: center; font-size: 18px; color: #131110; padding: 100px 0px;  }
.header-txts{position: absolute; top: 32%;  width:100% ; }
.inovating-txt{font-size: 24px; color: #fff; text-align: center;}
.seating-txt{font-size: 72px; color: #fff; text-align: center; padding-bottom: 40px; width:500px; margin:0 auto;}
.headbox-txt{ padding-top: 24px;}
/*.hadlinebox-wdth{ width: 900px; margin: 0px auto;}*/
.featured-products{}
.titles{ font-size: 32px; color: #131110;   text-align: center }
.center-cont{ width: 80%; margin: 0px auto; overflow: hidden; position: relative; margin-top: 0px;}
.center-cont2{ width: 100%; margin: 0px auto; overflow: hidden; position: relative; margin-top: 0px;}


.box-right{ background-color: #fff;  border-radius: 7px; width: 410px ; position: absolute; bottom: 5% !important; right: 3%; padding: 25px; opacity: 0.8; text-align: left;}
.featured-box-h1{ font-size: 12px; width: 198px; border-bottom: 1px solid #000; padding-bottom: 10px; text-transform: uppercase; letter-spacing: 1px; font-weight:bold;}

.featured-box-h2{ font-size: 32px; color:#131110; padding:14px 0px;  }
.featured-txt{float: left; width: 300px;}
.industry-box{position: relative; width: 100%; 
    overflow: hidden; }
.industry-cont{position: absolute; bottom: 25px; width: 100%; display: flex; justify-content: space-between;}
.industry-contleft{font-size: 24px;  color: #fff; padding-left: 30px;}
.industry-contright{font-size: 22px;  padding-right: 30px;}
.industry-image{object-fit: cover; 
   opacity: 0.8;"}
	
	.privacy-policy-spc{margin-left: 350px !important;}