/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('../clean-assets/fonts/Segoe UI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('../clean-assets/fonts/Segoe UI Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('../clean-assets/fonts/Segoe UI Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('../clean-assets/fonts/Segoe UI Bold Italic.woff') format('woff');
    }

.navbar-nav {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
body{	font-family: 'Segoe UI Regular', sans-serif;}
/* This will select every <li> except the first one and align them to the right */
.navbar-nav li{float:left;}
.navbar-nav li:not(:first-child) {
    float: right; /* or you can use "margin-left: auto" */
}

.search-container
.search-container input[type=text] {
      padding: 6px;
    margin-top: 13px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.puffLeft{float:left;}
.puffRight{float:right;}
.redheader h4 p{  font-family: 'Segoe UI Regular', Arial, sans-serif; 
}
#searchContainer {
  overflow: hidden;
  width: 0;
  transition: width 0.5s ease; /* Add animation transition */
}

#searchContainer.show {
  width: 200px; /* Adjust the width as needed */
}
.slide img{    width: 100%;
}
.video-fullwidth-container {
  position: relative; /* Changed from fixed to relative */
  top: 0;
  left: 0;
  width: 100%;
  height: 350px;
  overflow: hidden;
  z-index: -1;

}

.backgroundVideo-fullscreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF; /* Adjust the color based on your preference */
  text-align: center;
  z-index: 2; /* Ensure the text is above the video */
}

.backgroundVideo-fullscreen {
  width: 100vw; /* 100% of the viewport width */
  height: 400px; /* Fixed height */
  object-fit: cover; /* Ensure video covers the area */
}

.content-container {
  position: relative; /* Ensure it's above the video */
  max-width: 1200px;
  margin: 0 auto; /* Center in the viewport */
  z-index: 1; /* Above the video */
  /* Add padding-top equivalent to video height to avoid overlay */
  padding-top: 400px;
}

#enSearch {
  width: 100%;height:40px;
}
.productcontent p{font-size:1rem;}
.productColumns{    margin-left: -0.5rem;}
.puffcontent p{font-size:1rem;font-family: 'Segoe UI Regular', Arial, sans-serif; }
.aboutuscontainer p{font-size:1rem;padding-top:0.5rem;}
.leftMacro{margin-top: 1rem;    margin-bottom: 1.5rem;float:left;}
.search-container a {
  float: right;
  padding: 6px 10px;
  margin-right: 16px;
  
  font-size: 17px;
  border: none;
  cursor: pointer;
}
.referenceContainer{background: #e9e9e9;
    width: 100%;
    margin-top: 1rem;
}
.referenceContainer2{
    border:1px solid #e9e9e9;
    width: 100%;
    margin-top: 1rem;
}
.refImage{    width: 100%;
    float: right;
    margin-right: -0.85rem;
}
.mainContainer{
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
.search-container a:hover {
  background: #ccc;
}
.pheader{    margin-top: 1rem;display:inline-block;}
.productlogo{    margin-bottom: 1rem;
    border: 1px solid #eee;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;}
.productpagelink {
    border: 1px solid #e4e4e4;
    text-transform: uppercase;
    text-align: right;
    padding: 1rem;
    text-decoration: none;
    float: left;margin-bottom:1.5rem;
}
.productlogo:hover{opacity:0.7;}
.productlogo img{width:80%;}
.productContainer{margin-top:1rem;margin-bottom:1rem; background-color:#e9e9e9;     min-height: 424px; }
.productContent{font-size:1rem;    padding: 0.8rem;}
@media screen and (max-width: 600px) {
  .search-container {
    float: none;
  }
  
}
.search-container input[type=text],.search-container a {
    text-align: left;
    margin: 0;
  }
  .search-container input[type=text] {
    border: 1px solid #ccc;  font-size: 14px;
    padding-left: 4px;
  }
.right{float:right;}
dd{float:left;}
/* Slidorion Stylesheet */
.slidorion {
	position: relative;
	max-width: 1200px;			/* Set to slidorion width. Is equal to .slider + .accordion width */
  height: auto; 		/* Set to slidorion height. Is equal to .slider and .accordion height */
	background: #fff;
	border: 1px solid #BBB;
}

.slider {
    /* width: 664px; remove this line or set it to 100% if needed */
    /* height: 509px; remove this line to make the height flexible */
    height: auto; position: relative;
    flex: 1; /* ensure it takes up the full width available when in flex container */
    overflow: hidden;    width: 664px;
    height: 509px;
}

.slider img {
       width: 664px;
    height: 509px;/* change this from auto to 100% to ensure images take full height */
    object-fit: contain; /* this will ensure your images cover the entire area of the slider */
}

.slider .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.accordion {

	font-family: 'Segoe UI Regular', sans-serif;
	background: #eee;
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index:999;
	overflow: hidden;
	float: left;
}

.accordion .header {
	padding: 8px 14px;
	font-size: 1rem;
	font-weight: bold;
	color: #333;
	background: #ededed;
	background: -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	border-top: 1px solid #ccc;
}
.accordion p{font-size:1rem;}
.accordion .header:first-child {
	border-top: none;
}

.accordion .header:hover {
	background: #EDEDED;
	cursor: pointer;
}

.accordion .header.active {
	border-bottom: none;
	background: #676767 !important;
	color: #FFF;
}

.accordion .content {
	height: 70%;			
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #d6d6d6;
	background: -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -o-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -ms-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	overflow:auto;
	 height: 300px; /* Adjust this value based on your content */

}
.accordion .content p {
	margin-bottom: 10px;
}

.slidorion .slidorion-nav {
    position: absolute;
    top: 200px;
    width: 16px;
    height: 27px;
    z-index: 9999;
    background: url('../img/arrows.png') 0 0 no-repeat;
    cursor: pointer;
}

.slidorion .slidorion-nav-left {
	left: 30px;
}

.slidorion .slidorion-nav-right {
	right: 310px;
	background-position: -16px 0;
}
   	.content-slider li{
		    text-align: center;
		    color: #000;
		}
				.content-slider ul{
width:800px;height:400px;		}
		.content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}
		.demo{
			max-width: 1160px;
		}
		.leftSlide{float:left;max-width:477px;overflow:hidden;background-color:#000;}
		.rightSlide{float:left;max-width:600px;padding-left:1rem;text-align:left;padding-top:5px;}
		.rightSlide p{font-size:1rem;}
form .row .row .column, form .row .row .columns {
    padding: 0 0.5em;
}
.column, .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
}
@media only screen and (min-width: 768px){
.large-3 {
    position: relative;
    width: 25%;
}
}

.navbar-nav li{padding:0;margin:0;}
footer{
        background-color: #676767;
    border-bottom: 1px solid #26221a;
    min-height: 214px;
    padding-top: 40px;display:inline-block;width:100%;float:left;
}

footer .mainContainer .rows div p,footer .mainContainer .rows div p a{color:#fff;}
.right dl dd a{    color: #333;
    text-decoration: none;
        font-size: 1rem;
    text-transform: uppercase;}
.productheader{background-color: #ffb21e;
    border: 1px solid #aaaaaa;
    color: white;    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 8px;
    font-size: 1rem;}
    .padd {
    margin: 0 15px 0 15px;
}.productcontent {
    border: 1px solid #dddddd;

    background: white;
    padding-top: 8px;
    min-height: 355px;
    padding-left: 1rem;float:left;
    padding-right: 0.5rem;font-size:0.9rem;padding-bottom: 1rem;}
    .productLink{float: left;}
.large-6{width: 50%;}
.large-10{width: 60%;}
.large-4,.medium-4{width:33%;}
.redheader,.redheaderRef {
    background: #ee2a32;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
}
.redheader{margin-right: 2rem;}
.aboutLeft{width: 100%;
    border: 1px solid #eee;
}
.aboutRight{width: 100%;
    border: 1px solid #eee;float:right;
    }
    .aboutRow{width:100%;margin-top:1rem;margin-bottom:1rem;}
    .aboutRight img{    float: right;
    width: 100%;}
    .aboutRight p, .aboutLeft p{    padding: 0 0.8rem;}
    .aboutLeft h4 p{padding-bottom:0;}
.redheaderAbout{    background: #ee2a32;
    padding-left: 0.85rem;
    padding-right: 0.85rem;

    float: left;
    width: 100%;}
.redheaderRef h2{font-size:1.3rem;color:#fff;font-weight:normal;}
.redheader h4,.redheaderAbout h4{    font-size: 1.3rem;
    font-weight: 500;
    color: #fff;padding-top: 0.8rem;
    padding-bottom: 0.4rem;
}
.aboutt a{order-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: normal;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.3625em;
    padding-right: 0.925em;
    padding-bottom: 0.425em;
    padding-left: 0.925em;
    font-size: 1em;
    background-color: #EE2A32;
    border-color: #FF7E82;
    margin: 0;
    color: white;
    text-transform: uppercase;}
    .about a:hover{background-color:#FF7E82;}
    .about{padding-top:1rem;}
.aboutuscontainer{border: 1px solid #ccc;
    float: left;
    margin-bottom: 2rem;}
.refContainer{border:1px solid #eee;    padding:15px;margin-bottom:1rem;}
.white{color:#fff;}
.yellow{color:#ffb21e;}
.puffsbg{    padding-top: 3rem;}
.puffs .row{
    margin-top:3rem;
}
.puffcontent{background-color:#fff;padding: 1rem;float:left;    border: 1px solid #e9e9e9;margin-right: 2rem;
    margin-bottom: 3rem;
    font-size: 1rem;}
.productcontent .right a{    border: 1px solid #e4e4e4;
    text-transform: uppercase;
    text-align: right;
    padding: 0.5rem;
    text-decoration: none;}
.puffcontent .right a{    border: 1px solid #e4e4e4;font-family: 'Segoe UI Regular', Arial, sans-serif; 
    text-transform: uppercase;
    text-align: right;
    padding: 1rem;    margin-top: 1rem;
    display: flex;
    text-decoration: none;}
.demo{margin-top: 2rem;background-color: #fff;
    float: left;
    margin-bottom: 2rem;}
.bottomshdow {
    height: 5px;    float: left;
    width: 100%;
}
.red{color:#ff0000;}
.yellowheader{background-color: #ccc;margin-right: 2rem;
    padding: 15px 15px 1px 15px;}
.large-8{width:75%;}
.large-4{width:25%;}
.productColumns{margin-bottom:2rem;}
.productLeft{width:48%;float:left; margin-right: 1rem;}
.productRight{width:48%;float:left;   }
.leftMacro a{color: #aaaaaa;
    border: 1px solid #e4e4e4;
    text-transform: uppercase;
    text-align: left;
    margin-right: 2rem;
    text-decoration: none;    font-size: 14px;
    padding: 0.5rem;
    margin-bottom: 0.5rem}
    .referenceimage{float: left;
    padding-right: 1rem;}
    .referenceContainer{border: 1px solid #ccc;
    margin: 1rem 0rem;
    padding: 0rem 1rem 1rem 1rem;
    float: left;}
.css .lSSlideOuter .lSGallery{display:none;}
#navbarResponsive{padding:0;width:1200px;   padding-right: 0.9375em;    max-width: 97vw;}
.navbar-brand img{    padding-top: 0.75rem;max-width:200px;margin-left: -0.5rem;}
.mainnavTop{width: 100%;margin: 0 auto; max-width: 1200px;padding-left: 0.9375em;
    padding-right: 0.9375em;}
.mainnavLang{float:left;width:100%;}
.mannavLang .right{height: 20px; margin-top: 5px;max-width: 200px;}
.marginAuto{    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    display: flow-root;
    margin-top: 1rem;}
.blackbg{background-color:#000;}
.homeblackbg{background-color:#000;float: left;width: 100%;padding-bottom: 2rem;}
   @media only screen and (max-width: 1260px){
   .demo{    max-width: 93vw;
}.rightSlide{max-width:50%;}
        .leftSlide{max-width:40%;}
   }
    @media only screen and (max-width: 1031px){
        .demo{    max-width: 93vw;
    }
        .rightSlide{max-width:50%;}
        .leftSlide{max-width:40%;}
.mainnavTop {
padding-left:1rem;
}
.search-container{margin-right:1rem;}
}
@media only screen and (min-width: 991px){
.hideLarge {
display:none;
}
}

@media only screen and (max-width: 991px){
.hideSmall {
display:none;
}
#mainNav{padding-bottom:2rem;}
#navbarResponsive{width: auto;
    margin-top: 0;}
.search-container{float:none;}
.navbar-brand img{padding-top:0;}
.large-3{width:50%;}
.navbar-nav li,.navbar-nav li:not(:first-child){float:none;}
#navbarResponsive{background-color:#fff;}
}
@media only screen and (max-width: 801px){
.leftSlide {
    float: left;
    max-width: none;
    overflow: hidden;
    width: 100%;
}
.rightSlide {
    float: none;
    max-width: none;
    width: 100%;
}
.large-6{width:100%;}

.demo{max-width:87vw;width:87vw;}
}
@media only screen and (max-width:767px){
    .puffLeft{float: left;
    width: 75%;
    margin-right: 10px;}
    .puffRight{float: right;
    width: 22%;}
}
@media only screen and (max-width:640px){
    .heatingImage{width:100%;}
}
@media only screen and (max-width:500px){.large-3{width:100%;}}
@media only screen and (max-width:440px){
    .puffLeft{width: 70%;
}
    .puffRight{ width: 25%;}
}
@media (min-width: 750px) {
  .slidorion {
    display: flex;
    align-items: stretch;
}
.accordion, .slider {
    float: none;  /* Ensuring that float property is not interfering */
}
.slider {
        flex: 2;  /* Adjust this value to give more room for the slider */
    }

    .accordion {
        flex: 1;  /* Adjust this value to control the width of the accordion */
        width: auto;  /* Override any fixed width */
    }

    .slider img {
        width: 100%;
        height: 100%;
        object-fit: contain;  
    }
}
@media (max-width: 749px) {
     .slider img {
        width: 100%;
        height: 100%;
        object-fit: contain;  
    }
    .slider{width:100%; max-width: 97vw; }
    
    .accordion{width:100%;}
      .row {
        display: block; /* Change to block to make it take full width */
        margin-right: 0; /* Adjust margin if necessary */
        margin-left: 0; /* Adjust margin if necessary */
    }
    /* Image Scaling */
    .demo .leftSlide img {
        width: 100%;
        height: auto;
    }

    /* Text Adaptation */
    .demo .rightSlide h2,
    .demo .rightSlide p {
        font-size: smaller;
    }

    /* Container Adaptation */
    .demo .leftSlide,
    .demo .rightSlide {
        display: block;
        width: 100%;
        height: auto; /* Added this line to adapt height based on content */
    }
    .demo{width:100%;}

    /* Additional style to ensure .rightSlide fits its content */
    .demo .rightSlide {
        overflow: auto; /* Added to make the content scrollable if it overflows */
        padding-bottom: 20px; /* Added some padding at the bottom for better visual appearance */
    }
}

/**umb_name:Segoe UI Italic*/
.segoeItalic {
	font-family: 'Segoe UI Italic';
}

/**umb_name:Segoe UI Bold*/
.segoeBold {
	font-family: 'Segoe UI Bold';
}

/**umb_name:Size 12*/
.size12 {
	font-size:12px;
}

/**umb_name:Size 14*/
.size14 {
	font-size:14px;
}

/**umb_name:Size 16*/
.size16 {
	font-size:16px;
}

/**umb_name:Size 18*/
.size18 {
	font-size:18px;
}

/**umb_name:Size 20*/
.size20 {
	font-size:20px;
}

/**umb_name:Size 22*/
.size22 {
	font-size:22px;
}

/**umb_name:Size 24*/
.size24 {
	font-size:24px;
}

/**umb_name:Size 26*/
.size26 {
	font-size:26px;
}

/**umb_name:Size 28*/
.size28 {
	font-size:28px;
}

/**umb_name:Size 30*/
.size30 {
	font-size:30px;
}

/**umb_name:Orange Text*/
.orangeText {
	color:#ffb21e;
}

/**umb_name:Red Text*/
.redText {
	color:#ee2a32;
}

/**umb_name:Green Text*/
.greenText {
	color:#317700;
}

/**umb_name:Blue Text*/
.blueText {
	color:#1593ee;
}