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

*::before,
*::after {
  box-sizing: border-box;
}



@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Black.woff2') format('woff2'),
        url('../fonts/DINPro-Black.woff') format('woff'),
        url('../fonts/DINPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Light.woff2') format('woff2'),
        url('../fonts/DINPro-Light.woff') format('woff'),
        url('../fonts/DINPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Bold.woff2') format('woff2'),
        url('../fonts/DINPro-Bold.woff') format('woff'),
        url('../fonts/DINPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro.woff2') format('woff2'),
        url('../fonts/DINPro.woff') format('woff'),
        url('../fonts/DINPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/DINPro-Medium.woff2') format('woff2'),
        url('../fonts/DINPro-Medium.woff') format('woff'),
        url('../fonts/DINPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body{ margin: 0; padding: 0;font-weight: normal; font-size: 15px;font-family: 'DIN Pro'!important;}

.header {width:100%;   z-index: 9; background: #fff;  margin: 0 auto; position: fixed; height: 155px}






.main-page {
  padding-top: 70px;
}

.header img{ width: 100%; height: 155px}
.footer{ width: 100%; height: auto;}
.footer img{ width: 100%; height: auto; display: block}

.marTOP { margin-top: 40px !important}

nav{background: #fff}
.menu-container{ width: 100%; margin: 0 auto; padding: 0; display: flex; justify-content: center; background: #fff; z-index: 9;position: fixed }
.text-container{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0;}
.text-container h1 {text-transform: uppercase;font-weight:bold;font-size: 22px;color: #D52128;margin: 10px 0;}
.text-container h2 {  font-weight: bold; font-size: 15px; color: #000}
.text-container h3 {font-weight: bold;font-size: 18px;color: #0066B3;text-transform: uppercase;margin: 20px 0;}
.text-container p {font-weight: normal;font-size: 15px;color: #000;line-height: 1.3;}

/*Menu*/
.fire-resistant-topnav {overflow: hidden;background-color: #F3F3F3;display: flex;margin: 0px 0;justify-content: space-between;max-width: 1200px;width: 100%;}

.fire-resistant-topnav a {
  float: left;
  display: flex;
  color: #000;
  text-align: center;
  padding: 5px 22px 5px 16px;
  text-decoration: none;
  align-items: center;
  font-size: 13px;
  font-weight: normal;
  position: relative;
  border-bottom: 4px solid #F3F3F5;
  }
.fire-resistant-topnav a::after { content: ''; border-right: 1px solid #C0C0C0; width: 1px; height: 50%; right: -6px; position: absolute }
.fire-resistant-topnav a:nth-child(1)::after { display: none;}
.fire-resistant-topnav a:nth-child(8)::after { display: none;}

.fire-resistant-topnav a:hover {
  color: black;
}

.fire-resistant-topnav a.active {
  color: #000000;
	border-bottom: 4px solid #0066B3;
}
.fire-resistant-explore{text-align: left !important;background: #0066B3;color: #fff !important;display: flex !important;flex-wrap: wrap;align-items: center;justify-content:space-between;font-weight: bold !important;text-transform: uppercase;border-bottom: 4px solid #0066B3 !important;font-size: 13px;}
.fire-resistant-explore p {margin: 0; padding: 0}
.fire-resistant-explore p:nth-child(1){ margin-right: 10px}
.fire-resistant-explore span{ display: block}
.fire-resistant-case-stud{  background: #0066B3; color: #fff!important;  border-bottom: 4px solid #0066B3 !important}

/* Arrow css*/
.l-arrow-circ:before,.l-arrow:before,.r-arrow-circ:before,.r-arrow:before{left:50%;width:35%;height:35%;border-bottom:4px solid #333;content:"";position:absolute;top:50%}.l-arrow,.l-arrow-circ,.l-arrow-stick,.l-arrow-stick-circ,.r-arrow,.r-arrow-circ,.r-arrow-stick,.r-arrow-stick-circ{position:relative;display:inline-block;cursor:pointer;width: 20px;height: 20px;box-sizing:border-box}.l-arrow,.r-arrow{border-radius:50%}.l-arrow-circ,.r-arrow-circ{border-radius:50%;border:3px solid #333}.l-arrow-circ:before,.l-arrow:before{border-left:4px solid #333;-webkit-transform:translate(-30% -50%) rotate(45deg);transform:translate(-30%,-50%) rotate(45deg)}.r-arrow-circ:before,.r-arrow:before{border-right:4px solid #333;-webkit-transform:translate(-70% -50%) rotate(-45deg);transform:translate(-70%,-50%) rotate(-45deg)}.l-arrow-stick-circ,.r-arrow-stick-circ{border-radius:50%;border: 2px solid #ffffff;}.l-arrow-stick-circ:before,.l-arrow-stick:before{content:"";position:absolute;left:40%;top:50%;width:30%;height:30%;border-left:3px solid #333;border-bottom:3px solid #333;-webkit-transform:translate(-60% -50%) rotate(45deg);transform:translate(-60%,-50%) rotate(45deg)}.l-arrow-stick-circ:after,.l-arrow-stick:after{content:"";position:absolute;left:50%;top:50%;width:60%;height:2px;background:#333;-webkit-transform:translate(-40%,-50%);transform:translate(-40%,-50%)}.r-arrow-stick-circ:before,.r-arrow-stick:before{content:"";position:absolute;left:60%;top:50%;width:30%;height:30%;border-right: 2px solid #ffffff;border-top: 2px solid #ffffff;-webkit-transform:translate(-50% -50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.r-arrow-stick-circ:after,.r-arrow-stick:after{content:"";position:absolute;left:50%;top:50%;width:60%;height:2px;background: #ffffff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

/* Arrow css end*/

.fire-resistant-topnav .icon {
  display: none;
}

@media screen and (max-width: 850px) {
  .fire-resistant-topnav a:not(:first-child) {display: none;}
	.fire-resistant-topnav {position: relative;}
  .fire-resistant-topnav a.icon {
    display: block;
	    width: 100%; 
	  height: 50px;
	     left: 0;
    top: 0;
	   position: absolute;
	  border-bottom: 0 !important
	  
  }
	
	.fire-resistant-explore{ border-bottom: 0 !important}
	.fire-resistant-case-stud{ border-bottom: 0 !important}
	
	.fire-resistant-topnav a {width: 100%;}
	.fire-resistant-explore span{ display:contents}
}

@media screen and (max-width: 850px) {
	.header{ width: 100%; height:auto}
	.header img{ width: 100%; height:auto}
	
	
		.menu-container { margin-top: 0; position: inherit}
	
	.header { position: relative}
	.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
	z-index: 9999;
		 transition: .5s ease;
}
	
	nav {
    width: 100%;
    height: 60px;
    postion: fixed;
    z-index: 10;
		 transition: .5s ease;
}

.visible-title {
    visibility: visible;
}
	.main-page{padding-top: 80px;}
	
  .fire-resistant-topnav.responsive {position:absolute;display: block; width: 100%; z-index: 9999;}
  .fire-resistant-topnav.responsive .icon {
    position: absolute;
    left: 0;
    top: 0;
	  width: 100%; 
	  height: 50px;
  }
  .fire-resistant-topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
	
	.fire-resistant-topnav a::after { border-right: 0;}
}
/*End Menu*/




.fire-resistant-banner {
  position: relative;
  width: 100%;
	height: 500px;
	overflow: hidden;
	margin: 20px auto 0 auto;
}
.fire-resistant-banner img{/* width: 100%; */height: 100%;object-fit: cover;object-position: left;/* margin-left: 10px; */}
.fire-resistant-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.fire-resistant-over-text {bottom: 0;left: 0;position: absolute;background: #000000;background: #000000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 100%);width: 100%;padding: 20px 50px;box-sizing: border-box;cursor: pointer;}



.fire-resistant-over-text h3{ color: #fff; font-weight: bold; font-size: 42px; text-transform: uppercase; margin: 5px 0;line-height:1.2;}
.fire-resistant-middle hr {width: 120px;border: 1px;margin: 10px 0 10px 0;opacity: 1;height: 1px;color: #FFF !important;background: #fff;}
.fire-resistant-middle {
  opacity: 0;
  bottom: 0;
  left: 0;
	width: 100%;
  text-align: left;
	max-height: 0;
	transition: opacity 0.4s ease, max-height 0.4s ease;
	color: #fff;
	
}

.fire-resistant-banner:hover .fire-resistant-image {
  opacity: 0.3;
}

.fire-resistant-banner:hover .fire-resistant-middle {
  opacity: 1;
	transition: .5s ease;
	 max-height:250px;
		margin-bottom: 40px;

	
}


/*.fire-resistant-over-text {bottom:-70px;left: 0;position: absolute;background: #000000;background: #000000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);width: 100%;padding: 40px 50px;box-sizing: border-box;cursor: pointer; transition: .5s ease;}



.fire-resistant-over-text h3{ color: #fff; font-weight: bold; font-size: 42px; text-transform: uppercase; margin: 5px 0; }
.fire-resistant-over-text hr {width: 10%; border: 1px;margin: 10px 0 10px 0;opacity: 1;height: 1px;color: #FFF !important;background: #fff; opacity: 0; display: block;  }
.fire-resistant-over-text p{ color: #fff; font-weight: normal; font-size: 15px; text-transform: uppercase; margin: 5px 0; opacity: 0; display: block;}



.fire-resistant-banner:hover .fire-resistant-over-text {bottom:0; transition: .5s ease;}
.fire-resistant-banner:hover .fire-resistant-over-text p{ opacity: 1; transition: .5s ease;  }
.fire-resistant-banner:hover .fire-resistant-over-text hr{ opacity: 1; transition: .5s ease; }*/



.fire-resistant-banner-text {  color: white; font-size: 16px; padding: 20px 0}

.fire-resistant-section {margin:20px 0; padding: 60px 0}
.classifications-holder {display: inline-block;width: 100%;margin-bottom: 10px;}
.classifications-holder div:nth-last-child(2) { margin: 0 2%}
.classifications-holder .row {margin: 0;  --bs-gutter-x: 0; gap: 10px; display: inline-block;}
.classifications {border: 1px solid #D2D2D2;text-align: center;padding: 10px;width: 31.7%;display: inline-block;vertical-align: top;}
.classifications img{ width: 80%; height: auto}
.classifications .heading{ font-size: 15px; font-weight: bold; margin-top: 15px;border-bottom:none;}
.classifications a{  font-size: 15px; font-weight:normal; color: #000; text-decoration: underline;}
.classifications p{ font-size: 15px; font-weight: normal; padding:0; margin:5px 0}
.classifications .button{font-size: 15px;
    font-weight: normal;
    border: 1px solid #CDCDCD;
    padding: 10px 0;
    width: 100%;
    background: #fff !important;
    cursor: default;
    color: #000 !important;font-family : 'DIN Pro'!important;}
.classifications .text-center { font-size: 12px; text-align: center;}
.collapse{ transition: width 2s;}

.fire-resistant-bggrey{ background: #F2F2F2}
.fire-resistant-pyrobel {   margin: 0 !important; --bs-gutter-x:0; display: grid;     grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));  grid-gap: 20px; }
.fire-resistant-pyrobel div{ background: #fff; border-radius: 20px; padding: 20px; text-align: left  }
.fire-resistant-pyrobel .d-flex{ flex-wrap: wrap }
.fire-resistant-pyrobel div:nth-child(1) { background: none; }
.fire-resistant-pyrobel .heading{font-size: 57px;color: #0066B3;font-weight: bold;line-height: 60px;text-transform: uppercase;border-bottom:none;}
.fire-resistant-pyrobel .heading span{ display: block !important; width: 100%;    position: relative;
    background: none;
    bottom: auto;
    height: auto;}
.fire-resistant-pyrobel div p { font-size: 15px; font-weight: normal; margin: 10px 0}
.fire-resistant-pyrobel div img{w;width: auto;display: block;height: 80px;}
.fire-resistant-pyrobel div p:nth-child(2) { font-weight: bold !important}


.fire-testing-page h2 { font-size: 18px; color: #000; margin: 20px 0; font-weight: bold; text-transform: uppercase;margin-bottom:10px;}
.fire-testing-holder{ display: flex; flex-wrap: nowrap;}
.fire-testing-holder > div {width: 50%;} 

.fire-testing-blue { background: #0066B3; display: flex; flex-wrap: wrap; align-items: center; padding: 20px;  }
.fire-testing-blue p:nth-child(1){ font-size: 18px; font-weight: bold; text-transform: uppercase;color: #fff;margin-bottom:10px; }
.fire-testing-blue p:nth-child(2){ font-size: 15px; font-weight: 300; color: #fff; }
.fire-testing img{ width: 100%; height: 100%;     object-fit: cover; object-position: center;}

.fire-testing-page h4 {background: #0066B3;font-size: 18px;color: #fff;margin: 0 0 2px 0;padding: 10px;font-weight: bold;text-transform: uppercase;text-align: center;}

.fire-testing-Compliance {display: grid;grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));grid-gap: 4px;margin-bottom: 20px;}
.fire-testing-Compliance div p{background: #F6F6F6;font-size: 15px;font-weight: 400;margin:0 0 2px; 0;padding:5px 0;text-align: center;display: flex;justify-content: center;align-items: center;}
.fire-testing-Compliance div p:nth-child(1){ background: #E5E5E5; font-size: 15px; font-weight: bold; height: 30px}
.fire-testing-Compliance .stdHT {height: 55.5px;}
.fire-testing-Compliance .eustdHT {height: 41px;}


.pyrobel-t-Page{}

.pyrobel-t-holder{ display: flex; flex-wrap: wrap;}
.pyrobel-t-holder > div{ width: 50%}
.pyrobel-t-blue { background: #0066B3; display: flex; flex-wrap: wrap; align-items: center; padding: 20px; width: 50%;  }
.pyrobel-t-blue p:nth-child(1){ font-size: 22px; font-weight: bold; text-transform: uppercase;color: #fff }
.pyrobel-t-blue p:nth-child(2){ font-size: 15px; font-weight: 300; color: #fff; }
.pyrobel-t-blue ul { margin: 0 0 0 15px; padding: 0; font-size: 15px!important; color: #fff!important;padding-left:20px;}
.pyrobel-t-blue ul li{ margin: 0; padding: 0; list-style-type:disc}
.pyrobel-t img{ width: 100%; height: 100%;     object-fit: cover; object-position: center;}
.pyrobel-t-page h2 { font-size: 18px; color: #0066B3; margin:10px 0; padding: 10px 0; font-weight: bold; text-transform: uppercase; text-align: left;}



.pyrobel-t-benefits-wrapper{ display: flex; justify-content: center; flex-wrap: wrap; text-align: center; padding:5px 5px }
.pyrobel-t-benefits-wrapper .icon{ background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); border-radius: 50%; width: 100px; height: 100px
}
.pyrobel-t-benefits-wrapper .icon img{ width: 55px; height: auto}
.pyrobel-t-benefits-wrapper p {width: 100%; display: flex; align-items: center; justify-content: center}
.pyrobel-t-benefits-wrapper p:nth-child(2) { font-weight: bold; font-size: 15px; margin: 10px 0;  }
.pyrobel-t-benefits-wrapper p:nth-child(3) { text-align: left  }

.dotsB { color: transparent; text-align: center; margin: 0 auto; padding: 0}
.dotsB li { display:inline-block; text-align: center; margin: 0 5px}
.dotsB li button {font-size: 0;line-height: 0; display: block; width: 15px; height: 15px; padding: 5px;cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; position: relative;   }
.dotsB li button::before {font-family: 'slick'; font-size: 35px; line-height: 20px; position: absolute; top: 0; left: 0;  width: 15px; height: 15px; content: "";
    text-align: center; opacity: 1;color: black;border-radius: 100px;border:1px solid #015AAD;background: white;-webkit-font-smoothing: antialiased;}
.dotsB li.slick-active button:before { background: #015AAD; }


.accordion-section{ width: 100%; height: auto; margin: 20px 0}
.accordion-wrapper { margin: 0}

.accordion-section h2{ margin: 0 !important; padding: 0!important; }
.accordion-section .accordion-item { margin: 10px 0; border: 0px solid #000; box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);}
.accordion-section .accordion-item .accordion-header .accordion-button {text-transform: none!important; font-size: 15px; font-weight: bold; font-family: 'DIN Pro'; color: #000; outline: 0; text-align: left }
.accordion-section .accordion-button:not(.collapsed) { background:none; box-shadow: none;}
.accordion-section .accordion-body { font-size: 15px; font-weight: 400; padding:10px 20px 20px 15px;}
//.accordion-section .accordion-button::after{transform: rotate(270deg);}
//.accordion-section .accordion-button:not(.collapsed)::after {transform: rotate(180deg);}



.boropane-Page{}

.boropane-holder{ display: flex; flex-wrap: wrap;}
.boropane-holder > div{ width: 50%}
.boropane-blue { background: #0066B3; display: flex; flex-wrap: wrap; align-items: center; padding: 20px; width: 50%;  }
.boropane-blue p:nth-child(1){ font-size: 22px; font-weight: bold; text-transform: uppercase;color: #fff }
.boropane-blue p:nth-child(2){ font-size: 15px; font-weight: 300; color: #fff; }
.boropane-blue ul {margin: 0 0 0 15px;
    padding: 0;
    font-size: 15px !important;
    color: #fff !important;
    padding-left: 20px;}
.boropane-blue ul li{ margin: 0; padding: 0; list-style-type:disc}
.boropane img{ width: 100%; height: 100%;     object-fit: cover; object-position: center;}
.boropane-page h2 { font-size: 18px; color: #0066B3; margin:10px 0; padding: 10px 0; font-weight: bold; text-transform: uppercase; text-align: left;}


.boropane-benefits-wrapper{ display: flex; justify-content: center; flex-wrap: wrap; text-align: center; padding:5px 5px }
.boropane-benefits-wrapper .icon{ background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); border-radius: 50%; width: 100px; height: 100px
}
.boropane-benefits-wrapper .icon img{ width: 55px; height: auto}
.boropane-benefits-wrapper p {width: 100%; display: flex; align-items: center; justify-content: center}
.boropane-benefits-wrapper p:nth-child(2) { font-weight: bold; font-size: 15px; margin: 10px 0;  }
.boropane-benefits-wrapper p:nth-child(3) { text-align: left  }

.see-more-hide{ display: none; color: #fff!important; text-decoration: underline; font-size: 14px; }
.product-page-banner:hover .see-more-hide {
  opacity: 0;
}



.product-detail-banner:hover .see-more-hide {
  opacity: 0;
}



.applications-explorer-page{ width: 100%}
.applications-explorer-holder{ display: flex; flex-wrap: nowrap; align-items:flex-start; margin-bottom: 40px}
.applications-explorer-holder > div{ width: 50%;}
.applications-explorer-holder > div:nth-child(1) img{ width: 100%; height: auto}

.applications-explorere-holder img{ width: 100%; height: auto}

.applications-explorer-holder .accordion-section {margin: 0 auto !important; width: 90%}
.applications-explorer-holder .accordion-section .accordion-body {margin: 0 0 0 51px; padding: 0;}
.applications-explorer-holder .market-button { display: flex;}
.applications-explorer-holder .accordion-button { margin: 0; padding: 0}
.applications-explorer-holder .market-button > div:nth-child(1) {width: 2.5vw; height:2.5vw; display: flex; align-items: center; justify-content: center; background: #ED1C24; color: #fff; font-size: 1.2vw; font-weight: bold; border-radius: 100%; text-align: center}
.applications-explorer-holder .market-button > div:nth-child(2) {text-align:left;display: flex
;align-items: center;width: 90%;margin-left: 10px;text-transform: uppercase;font-size: 18px;color: #0066B3;}
.applications-explorer-holder .accordion-section .accordion-item { box-shadow: none; border-bottom: 1px solid #000;padding-bottom: 20px;margin-bottom: 20px;}
.applications-explorer-holder .accordion-section .border{ border: 0 !important; margin-bottom: 0px; padding-bottom: 0px;} 
.applications-explorer-holder .accordion-collapse h4 { font-size: 15px; font-weight: bold;color:#000;text-transform:capitalize;font-family: 'DIN Pro' !important;}
.applications-explorer-holder .accordion-collapse p { font-size: 15px; font-weight: normal}

.customer-enquiry {display: inline-block;font-size: 16px;font-weight: bold;background: #015AAD;margin: 20px 0;padding: 10px 20px;text-transform: uppercase;color: #fff;}
.customer-enquiry  a {text-decoration: none; color: #fff; cursor: pointer}

.application-page{ width: 100%;}
.application-page .application-wrapper{display: flex;flex-wrap: wrap;}
.application-page .application-wrapper .application-wrapper-inn{display: flex;flex-wrap: nowrap;column-gap: 10px;justify-content: flex-start;width: 50%;margin: 20px 0;}
.application-page .application-wrapper .application-wrapper-inn div:nth-child(1) {width: 6vw; height: 6vw; background: #015AAD;; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.application-page .application-wrapper .application-wrapper-inn div:nth-child(1) img{ width: 50%; height: auto}
.application-page .application-wrapper .application-wrapper-inn div:nth-child(2) {width: 70%;}
.application-page .application-wrapper .application-wrapper-inn div:nth-child(2)  h3{ font-size: 18px; color: #015AAD; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0}
.application-page .application-wrapper .application-wrapper-inn div:nth-child(2)  0{ font-size: 15px;  font-weight: normal;}
 

.content { font-size: 18px; line-height: 18px; display: -webkit-box; /* Set your count of lines. Please note:  you should also change the count in the JS file */
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;transition: max-height 0.3s ease;}

.content.expanded {-webkit-line-clamp: unset; max-height: none; animation: fadeIn 1s; transition: 0.5s ease;}

.content + .read-more.hidden {display: none;}
	
		.read-more { display:block; border: 0; font-size: 14px; font-weight: normal; background: none; margin:10px 0 0 0; padding: 0; color: #0066b3!important; text-decoration: underline; font-weight: 500}

.content + .read-less.hidden { display: none; }		
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
		
		@media screen and (max-width: 600px) {
			.content { font-size: 15px; line-height: 18px; display: -webkit-box; /* Set your count of lines. Please note:  you should also change the count in the JS file */
  -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; transition: max-height 0.5s ease; }
			
.read-more { display:block; border: 0; font-size: 15px; font-weight: normal; background: none; margin:10px 0 0 0; padding: 0; color: #000;text-transform:capitalize!important;}
.content + .read-less.hidden { display: none; }				
			
			
}
	


.product-page{ width: 100%}
.product-page h2 {font-size: 18px; color: #0066B3; font-weight: bold;}

.product-page-banner {
  position: relative;
  width: 100%;
	height: 500px;
	overflow: hidden;
	margin: 20px auto 30px auto;
}
.product-page-banner img{ width: 100%; height: 100%;     object-fit: cover; object-position: center;  -webkit-filter: saturate(100%) grayscale(0%) brightness(100%) contrast(100%);transition: .5s ease}
.product-page-image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
 
.product-page-banner h1{ font-size: 22px; color: #fff; font-weight: bold; text-transform: uppercase; margin: 5px 0; }
.product-page-banner h2{ font-size: 16px; color: #fff; font-weight: 500; text-transform: uppercase; margin-bottom: 10px; }
.product-page-banner p{ font-size: 15px; color: #fff; font-weight: normal;  }
 
.product-page-banner .view-detail{ background: #fff; font-size: 13px; color: #000; font-weight: bold; padding: 10px 20px; display: inline-block}
 
.product-page-banner:hover img{ width: 100%; height: 100%;  object-fit: cover; object-position: center;  -webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(150%);
}
 
.product-page-over-text { bottom: 0; left: 0; position: absolute; width: 100%; padding: 0px 40px; box-sizing: border-box; cursor: pointer; background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%); z-index: 8;}
 
.product-page-overlay{ position: absolute;  height: 100%; background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%); width: 100%; z-index: 5;}
 
 
.product-img-over{background: #000; height: 100%;position: absolute;width: 100%;top: 0;bottom: 0; }
 
.product-page-over-text h3{ color: #fff; font-weight: bold; font-size: 42px; text-transform: uppercase; margin: 5px 0; }
.product-page-middle hr {width: 10%;float: left;border: 1px;margin: 10px 0 0 0;opacity: 1;height: 1px;color: #FFF !important;background: #fff;}
.product-page-middle { opacity: 0; bottom: 0; position:relative; width: 100%; text-align: left; max-height: 0; transition: opacity 0.4s ease, max-height 1s ease; background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0) 100%);
}
 
 
.product-page-banner:hover .product-page-image {
  opacity: 1;
}
 
 
.see-more-hide{ display: none; color: #fff; text-decoration: underline; font-size: 14px; }
 
 
.product-page-banner:hover .product-page-middle {
  	opacity: 1;
	transition: 1s ease;
	position:relative;
	max-height:240px;
 
}
 
.product-page-banner:hover .see-more-hide {
  opacity: 0;
	position: absolute;
}
 
 
/*
@media screen and (max-width: 870px) {
.product-page-banner:hover .product-page-middle { height: 160px}}
 
@media screen and (max-width: 630px) {
.product-page-banner:hover .product-page-middle { height: 170px}}
 
@media screen and (max-width: 574px) {
.product-page-banner:hover .product-page-middle { height: 190px}}
 
@media screen and (max-width: 440px) {
.product-page-banner:hover .product-page-middle { height: 230px}}
 
@media screen and (max-width: 340px) {
.product-page-banner:hover .product-page-middle { height: 230px}}*/
 
 
.product-page-banner-text {  color: white; font-size: 16px; padding: 20px 0}
 
 
.product-detail{display: grid;grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));grid-gap: 15px; margin-bottom: 20px}
 
 
.product-detail-banner {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin: 0px auto 0px auto;
}
.product-detail-banner img{ width: 100%; height: 100%;     object-fit: cover; object-position: center; -webkit-filter: saturate(100%) grayscale(0%) brightness(100%) contrast(100%);transition: .5s ease
}
.product-detail-image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}
 
.product-detail-banner h2{ font-size: 22px; color: #fff; font-weight: bold; text-transform: uppercase; margin: 5px 0;  }
.product-detail-banner h3{ font-size: 16px; color: #fff; font-weight: 500; text-transform: uppercase; margin: 5px 0;   }
.product-detail-banner p{ font-size: 15px; color: #fff; font-weight: normal;  }
.product-detail-banner .view-detail{ background: #fff; font-size: 13px; color: #000; font-weight: bold; padding: 10px 20px; display: inline-block}
 
 
.product-detail-banner:hover img{ width: 100%; height: 100%;     object-fit: cover; object-position: center;  -webkit-filter: saturate(0%) grayscale(100%) brightness(69%) contrast(150%);
}
 
.product-detail-over-text {bottom: 0; left: 0; position: absolute; width: 100%; padding:0px 20px; box-sizing: border-box; cursor: pointer; z-index: 8; background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%);
  }
.product-detail-overlay{ position: absolute;  height: 100%; background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0) 100%); width: 100%; z-index: 5}
.product-img-over{background: #000;opacity: 0.7;height: 100%;position: absolute;width: 100%;top: 0;bottom: 0; }
 
.product-detail-middle hr {width: 10%;float: left;border: 1px;margin: 10px 0 0 0;opacity: 1;height: 1px;color: #FFF !important;background: #fff;}
.product-detail-middle {
  transition: .1s ease;
opacity: 0;
	position: relative;
  bottom: 0;
  width: 100%;
/*  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
  text-align: left;
	max-height: 0;
	transition: opacity 0.4s ease, max-height 1s ease;
}
 
 
.product-detail-banner:hover .product-detail-image {
  opacity: 1;
}
 
.product-detail-banner:hover .product-detail-middle {
 
	transition: 1s ease;
	opacity: 1;
	bottom: 0;
	max-height: 250px;
}
 
.product-detail-banner:hover .see-more-hide {
  opacity: 0;
	position: absolute;
}
.product-detail-banner-text {  color: white; font-size: 16px; padding: 20px 0}

/*sticky*/
.sticky-arrow { width: 35px;  background: #015AAD; position:fixed; top:52%; right:0px; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 9; display: none;}
.arrow-icon {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
	transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
    right: -2px;
    position: relative;
}

//.sticky-arrow:hover .arrow-icon{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.sticky-container{padding:0;margin:0;position:fixed; right:0px;top:58%; margin-right: -160px; width: 230px; z-index: 9; }
.sticky li{list-style-type:none;color:#fff;border-radius:0px;padding:10px 0 ;margin:5px 0 1px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;cursor:pointer; background: #015AAD; height: 40px   }
.sticky li:hover:nth-child(1){margin-left:-150px}
.sticky li:hover:nth-child(2){margin-left:-110px}
.sticky li:hover:nth-child(3){margin-left:-180px}
.sticky li:hover:nth-child(4){margin-left:-180px}
.sticky li:active:nth-child(3){margin-right: -155px;}
.sticky li:active .sticky-container {margin-right: -165px;}
.sticky li a{color:#fff!important;text-decoration:none; margin: 0; padding: 0 }
.sticky li { display: flex; justify-content: flex-start; align-items: center;}
.sticky li p{ padding: 0; margin: 0;  height: auto; text-align: left}
.sticky li p:nth-child(1) {width: 40px; text-align: center; }
.sticky li a {width: 90%; padding: 0; margin-left: 5px;  font-size: 15px; font-weight: bold}
.sticky li p:nth-child(1) img{ width: 20px; height: auto}
.sticky li p img{  height: auto}
.sticky li a span{ text-align: left; font-weight: bold; font-size: 14px;}
.descbutton{margin-left:15px; margin-right: 10px  }

.hidden-menu { display: block; }
@media screen and (max-width: 800px) { .sticky-arrow { display:inline-block; text-align: center; vertical-align: middle; padding: 8px 0} .hidden-menu { display: none; }}


/*sticky END*/

@media screen and (max-width: 1299px){.text-container {padding: 0 20px;}
		.classifications-holder {display: flex; flex-wrap: wrap}


}


@media screen and (max-width: 800px) {
	
	.fire-resistant-pyrobel {grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));}

	.applications-explorer-holder .accordion-section {width: 100%;}
	.applications-explorer-holder { flex-wrap: wrap}
	.applications-explorer-holder > div { width: 100%}
	

	.applications-explorer-holder .market-button > div:nth-child(1){width: 7vw; height: 7vw; font-size: 4vw}
	.applications-explorer-holder .accordion-section .accordion-body {margin: 0 0 0 62px;}
	//.sticky-container { top: auto; bottom: 5%}
	
	.fire-resistant-over-text { padding: 20px 20px}
	.fire-resistant-banner:hover .fire-resistant-middle { margin-bottom: 20px}
	
}


/*@media screen and (max-width: 1000px) {

	.fire-resistant-over-text {padding: 20px 20px; bottom: -90px}
	
}


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

	.fire-resistant-over-text {padding: 20px 20px; bottom: -100px}
	.fire-resistant-over-text h3 { width: 360px; line-height: 0.9}
	
	
}


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

	.fire-resistant-over-text {padding: 20px 20px; bottom: -140px}
	.fire-resistant-over-text h3 { width: 230px;}
	
}


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

	.fire-resistant-over-text {padding: 20px 20px; bottom: -160px}
	.fire-resistant-over-text h3 { width: 230px;}
	
}*/

@media (max-width: 1281px) { 
	
.fire-resistant-topnav a {padding: 8px 16px;}
	
}

@media screen and (max-width: 600px) {
	
	.see-more-hide { display: block;}

.fire-resistant-topnav a {padding: 16px 16px;}
	
	.fire-resistant-banner img { object-position: left;}
	
	.text-container {padding: 0 10px;}
	.fire-resistant-banner { height: 400px}
	
	
	.fire-resistant-over-text h3 {width: 100%;line-height: 1;font-size: 22px;}
	
	.classifications-holder {display: flex; flex-wrap: wrap}
	.classifications-holder > div{ width: 100%;}
	.classifications-holder div:nth-last-child(2) { margin: 10px 0}
	
	.fire-resistant-pyrobel {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
	.fire-testing-holder{ flex-wrap:wrap;}
	.fire-testing-holder > div { width: 100%;}
	
	.fire-testing-Compliance {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
	.fire-testing-page h4 { text-align: left;}
	.product-page-over-text { padding: 0 20px; }
	.product-page-banner { margin: 20px auto 20px auto; height: 400px}
	.product-detail-banner { height: 400px}
	.product-detail {grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
	
	
	.pyrobel-t-direc{ flex-direction: column-reverse  }
	.pyrobel-t-holder > div{ width: 100%;  }
	
	.pyrobel-t-holder > div:nth-child(1) { height: 350px}
	.pyrobel-t-direc > div:nth-child(2) { height: 350px}
	
	
	.boropane-direc{ flex-direction: column-reverse  }

	.boropane-holder > div{ width: 100%;  }
	.boropane-holder > div:nth-child(1) { height: 350px}
	.boropane-direc > div:nth-child(2) { height: 350px}
	
	.application-page h1{ text-align: center}
	.application-page .application-wrapper .application-wrapper-inn { flex-wrap: wrap; justify-content: center; width: 100%}
	.application-page .application-wrapper .application-wrapper-inn div:nth-child(1) {width: 100px; height: 100px;}
	.application-page .application-wrapper .application-wrapper-inn div:nth-child(2) {width: 100%; text-align: left;  margin: 10px 0;}
	.application-page .application-wrapper .application-wrapper-inn div:nth-child(2) h3 { text-align: center;}
		.applications-explorer-holder .market-button > div:nth-child(1){width: 60px; height: 52px; font-size: 25px}


	.product-detail-banner:hover .product-detail-middle {max-height: 275px}
	
} 
#ais_master_internal {
    margin: 152px 0 0!important;
}
.fire-resistant-explore p{
    color:#fff!important;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    }

.sticky-container{
margin-right: -195px;
}
.collapseNew{display:none;}
.mb-0{margin-bottom:0!important;}
.mb-1{margin-bottom:10px!important;}
.mt-0{margin-top:0!important;}
.mt-1{margin-top:10px!important;}
.pb-0{padding-bottom:0!important;}
.pt-0{padding-top:0!important;}
.w-100{width:100%;}

@media (max-width: 768px) {
    #ais_master_internal {
        margin: 0!important;
    }
}
.slick-prev.slick-arrow,.slick-next.slick-arrow{
  display: none!important;
}
.footer{margin-top: 0!important;}
.market-button::after {
  content: "" ;
  font-size: 0.8rem;
  margin-left: auto;
  transition: transform 0.2s ease;
	background-image: var(--bs-accordion-btn-icon) !important;
    position: relative;
    top: 12px;
    font-size: 12px;
}
 
.market-button.collapsed::after {
  transform: rotate(0deg); /* Down arrow */
	top:0px;
}
 
.market-button:not(.collapsed)::after {
  transform: rotate(180deg);top:0px; /* Up arrow when open */
}


.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
background-size: 20px auto !important; width:20px; height:20px;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}
.accordion-button::after { width: 20px; height: 20px;}

@media only screen and (max-width:767px){
ol.breadcrumb-arrow li.parentmenu a{line-height:2!important;padding-bottom:5px!important;}
   .frg-menu .menu-container{
      position: relative;
      top: -10px;
      z-index: 9999;
   }
}
.arrow-icon.rotated {
    transform: rotate(-45deg); /* → pointing right */
    -webkit-transform: rotate(-45deg);
    right:1px;
}
.ekko-lightbox{z-index:9999!important;}
.ekko-lightbox .modal-body{padding:6px!important;}
@media (min-width: 768px) {
.ekko-lightbox .modal-dialog { width:1000px}
}
@media (max-width: 768px) {
    .navbar-nav {
        margin-top:170px!important;
    }
}
.modal-backdrop{background-color: #0000009c;}
.content + .read-more.hidden {display: block !important;}

li.mobile-toggle2{opacity:0;position:absolute;left:-9999px;}