body{ margin:0px; padding:0px; font-size:15px; letter-spacing:0.5px; overflow-x:hidden;  font-family: 'GOTHIC';}
*{outline:none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}a{ cursor: pointer;}
.redFont{color:#ff0000;}
input{ border-radius:0px; -webkit-border-radius:0px;-ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px}
 p, h1, h2, h3, h4, h5, h6, ul, ol, li{ margin: 0; padding: 0; list-style:none; font-weight:normal; }
 p{ margin: 0 0 15px; font-style: normal; line-height: 1.6em; }
input{ outline:none;}
a{ text-decoration:none;}
img{ border:0px; max-width:100%;/* ie8 */ margin:0px;}
.clearFix:before, .clearFix:after
 { content:""; display:table;}
.clearFix:after{ clear:both; margin:0px; line-height:0px; padding:0px;}
.clearFix{ zoom:1}
.fa-check {color: #ffcb21 ;}

.mainsection{width: 1100px; margin: 0 auto;}
.mainsectionn{width: 100%;margin: 100px auto;}.red h2{font-size: 28px;  font-family: 'GOTHICB';text-align: center;padding:100px 0;line-height: 1.4em}.leftsec{width: 50%;float: left;}.red{background-color: #f1161f ;color: #fff;  } 
.mainheading{width: 80%;margin: 0 auto;}
.aheadersec{width: 100%;margin: 0 auto; background-color: #fff; color: #000;position: fixed; top: 0; z-index: 99}
.divlogo{ left: 20px;position: fixed;top:8px;}
.menu {display: flex;}.menuu {display: flex; font-size: 15px; font-family: 'GOTHICB'; letter-spacing: 1px;}
.divbutton{background-color: #ffdf27; color: #000; width: 200px;top: 0;right: 0;position: fixed;
  }
  .fa-envelope-o {color: #ff0000;} .fa-phone {color: #ff0000;}
.button {
  background-color: #ffdf27; 
  color: rgb(0, 0, 0);
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 25px 25px;
  cursor: pointer;
  border: 3px solid #fff;font-weight: bold; letter-spacing: 0.8px; 
} .button:hover{background-color: #000; color: #fff;  }
.button2 {
  background-color: #ffdf27; 
  color: rgb(0, 0, 0);
  padding: 23px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
 
margin: 2px 0;
  cursor: pointer;
  border: 2px solid #ffffff; font-family: 'GOTHICB';letter-spacing: 0.1em;
} .mail{ text-decoration: underline;}
 
.menunt {font-size: 15px; margin: 15px 60px 10px 0; letter-spacing: 0.9px; }
.menumt li{text-align: right;  color: #000;line-height: 3em;}

.button2:hover{background-color: #000; color: #fff;  } 
 
.divmenu{float: right;margin: 27px 200px 26px 0px;}
.menuu li{text-align: right;  color: #000;line-height:27px; margin: 0 20px; letter-spacing: 1px;}.menuu li a { color: #000; padding-bottom: 3px}.menuu li a:hover{ border-bottom:1px solid #f11922; color: #f11922}
 .leftpart{width: 50%;float: left;} .leftpart img {margin: 74px 0;}
.rightpart{width: 46%;float: right; margin-bottom: 20px;}
 
.rightpart h2{color: #ff0000; font-weight: bold; }.readmoree{ background-color:#ff0000; padding: 12px 30px; color: #fff;  
  text-align: center; font-family: 'GOTHICB';
	text-decoration: none;  display: inline-block;margin: 2px 0; margin-top: 28px;  cursor: pointer;}.readmoree:hover{ background-color:#000}
.productscard {width: 22%; margin:0 1.5%; float: left;}.product {display: flex; text-align: center; width:100%; margin: 0 auto; margin-top: 45px;}
.productscard a{ display:block; height:240px;}
.rightpart h3{ line-height: 1.5em; text-align: left;   font-family: 'GOTHICB'; font-size: 17px}
.gray { background-color: #f5f5f5; color: #000; padding: 100px 0;text-align: center;}
.carddiv{width: 28%; margin: 0 2.5%; float: left;text-align:left; }.cardsec{width: 1100px; margin: 0 auto;}
.carddiv h3{font-size: 16px; font-family: 'GOTHICB'; text-align: center;}
.gray h1{color: #ff0000;text-align: center; font-size: 35px; font-weight: bold;margin-bottom: 50px;}
.leftside{float: left; width: 60%; height: 560px; background-image: url("../images/bg.jpg");
   background-position: center center; background-size: cover; 
	background-repeat: no-repeat;}.rightside{width: 30%;float: left;   background-color: #ffe033; color: #000;font-size:18px; line-height: 45px;  font-family: 'GOTHICB'; color: #473d07;  padding:130px 5%; height: 300px }
   .productscard h5{   font-family: 'GOTHICB'; font-size: 15px; padding: 2% 0;}
   .heading {width: 1200px; margin: 0 auto;}
   .heading h2{font-weight: bold; font-size: 38px; text-align: center; padding: 2% 0;}
.clientsec{width: 1100px;margin: 0 auto;text-align: center;}
.clientsec h1{color: #000; font-size: 40px; font-weight: bold;}.clientdv{width:15%;float: left;margin:0 4.5%; height: 200px}
.footerdiv h2{font-size: 22px;font-weight: bold;}.footer{text-align: center; padding:40px 0 ; letter-spacing: 1.5px; font-size: 14px}
.leftfooter{width: 40%; float: left; text-align: center;}.rightfooter{ width: 55%; float: right; text-align: left;}
.footerdvv{width: 40%; float: left;}.rightfooter h2{ font-weight: bold;color:#ff0000;}
.footerdvv h3{font-weight: bold; }
footer p{ margin: 0; line-height: 0;}
footer{bottom: 0;}.footersection{width: 1100px;margin: 0 auto;}.menumt li a{margin-right: 5px; color: #000}.bannersec{ width:100%; margin-top: 120px; background-image: url("../images/banner.jpg"); background-size:100% auto; height: 769px; background-repeat: no-repeat; background-position: top center}
 
/* aboutus */
.aboutustxt {width: 1100px; margin:70px auto; padding-top: 150px; }
.aboutustxt h2{text-align: center; color: #ff0000; font-weight: bold;}.aboutustxt p{font-size: 17px;}
.aboutustxt i{color:#000; font-size: 18px; letter-spacing: 0.7px; font-family: 'GOTHICB'; line-height:30px;}
.aboutcontentsec {width: 1100px; margin:70px auto; }
.aboutcontentsec p{font-size: 17px;}
.redbgsec { background-image: url("../images/aboutus_bg.jpg"); width: 100%; margin: 0 auto;
   padding: 1% 0;background-position: center center; background-size: cover; height: 446px; position: relative;}
.leftabout{width: 50%; float: right; color: #ffffff; margin-top: 128px; }
.leftabout h1{ font-size: 74px; font-weight: bold;}
.leftabout h4{font-size: 22px; font-weight: bold;}
/* .tooldiv{position: fixed; top:180px;} */
.toolsmenu{display: flex;}
.toolssection {width: 1500px;margin: 0 auto;}
.toolsmenu li{text-align: right; font-size: 21px; color: #000;}
.toolsmenu a{margin-right: 40px; cursor: pointer;}.toolsmenu li{font-weight: bold;}
.secondtab {margin: 3% 0;}
.toolspt{ margin: 0 auto; margin-top: 200px; margin-bottom: 100px;width:1440px;}
.partssection{width: 1100px;margin: 0 auto; margin-top: 60px;}
.partssection h3{font-size: 26px; color: #000;  font-family: 'GOTHICB';text-align: center;padding: 40px 0;}
.partscard{width: 31.111%; display: inline-table; border: 1px solid #000;padding:25px 0 0; margin:0.8% 0.8%; text-align: center;}
.partstxt{background-color: #f6f6f6; padding: 50px 30px;text-align: left; }
.partstxt h4{color: #ff0000;font-family: 'GOTHICB'; font-size: 14px; text-transform:uppercase;}.partstxt p{ color: #5c5c5c;}
.line {
	
}
.bgred { background-color: #f1161f;  padding: 1%; width: 100%; text-transform: uppercase; display: flex; }
.bgred a{  margin-right: 20px;color: #fff !important;}

.partscard ul{ margin-left:15px;}
/* inquiry */
.inquirysec {width: 1100px;  margin:100px auto; padding-top: 100px;}.inquirysec h1{text-align: center;color: #ff0000; font-size: 25px;font-family: 'GOTHICB'; }
::placeholder{color: #fff;}


input {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  margin: 10px 0;
  height: 40px;
  width: 470px;
  border: none;
  border-bottom: 1px solid var(--accent);
  background-color: transparent;
  outline: none;
}


:root {--accent: #FFA500;
  --color1: linear-gradient(to bottom right, #FFA500, #FF5F1F);
  --transparent: rgb(255, 255, 255, 0.3);}
.form {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 400px;
  background-color: var(--transparent);
  color: var(--accent);
  position: absolute;
  padding: 10px 30px;
  margin-top: 50px;
  backdrop-filter: blur(10px);
  border: 2px solid var(--transparent);
  border-radius: 16px;
	
  text-align: center;
}
.toolspt ul li{ font-size: 13px; font-family: arial; text-transform: capitalize}
.partscard ul li {
  list-style-type: square;
}

.partstxt {text-transform: uppercase; font-size: 13px;}

/*.root{height: 326px;}.roott {height: 410px;} .roottt {height: 510px;}.rootttt {height: 550px;}
 contact */
.mapsec {width: 100%;margin: 0 auto; padding-top: 110px;}
.contactsection h1{ text-align: center; color: #ff0000; font-size: 40px; font-weight: bold;margin: 50px 0;}
.contactsection {width: 1100px;margin: 4% auto;}.contactcard{width: 24%; float: left;text-align: left;margin-left: 8.8%;}
.contactcard h3{text-decoration: underline; font-weight: bold; font-size: 20px;}
.fa-instagram {font-size: 24px; color: #000;} .fa-facebook-square{font-size: 24px; color: #000;} .fa-twitter{font-size: 24px; color: #000;}
.contactcard p{text-decoration: underline;}

/*aussection */
.sectionabout {width: 100%;} 
.aboutimg { text-align: right; margin-top: -120px;}
.aussection {
  padding-top: 150px; padding-bottom: 100px; width: 1150px;margin: 0 auto;
}
.ausdiv { flex-wrap: wrap;}
.aboutus-part {position: relative; }
.aboutus-part h2{font-size: 24px; font-weight: 600; position: relative; display: inline-block; padding-bottom: 0; z-index: 2; display: flex; }

.aboutus-part h2 hr{width:102px;border: 1px solid #000;  margin: 15px 0 0 30px ;}
.aboutus-part h3{z-index: 2 ; font-weight: 600; line-height: 0.82; font-size: 330px; color: #000; position: relative; padding: 30px 0;}
.aboutus-part h4{z-index: 2 ; font-weight: 600; line-height: 0.99; font-size: 180px; color: #000; position: relative; text-align: right; }
.aboutus-part p{width: 500px; position: absolute; font-size: 17px; font-family: 'GOTHICB'; line-height: 1.7em; }
.aboutus-part p span{ font-size: 40px; font-weight: bold;}

.weworksection {width: 1150px; margin: 0 auto; padding-bottom: 150px;}

.weworkdiv {padding: 140px 0 50px;}
.weworkdiv h2{ font-size:45px; line-height: 1.4; color: #000; text-align: center; font-family: 'GOTHICB';padding-bottom: 65px;font-weight: ; text-decoration: underline;}

.aboutusletter {text-align: center;}
.aboutusletter p{font-size: 18px; line-height: 1.6em;}
.aboutusletter h3{position: relative; margin-bottom: 25px; font-size: 38px; line-height: 52px; font-weight: 300; text-align: left; width: 60%; padding-top: 100px;}
.aboutusletter img { margin-top: -125px; margin-left: 34px;}
.aboutusletter span{color: #fff;}

.aboutusletter p span{ font-weight: bold; color: #000;}
.aboutusletter h2{ text-align: center;}
.weworkdiv p{text-align: center; font-size: 20px; font-family: 'GOTHICB';}.weworkdiv p span {font-family: 'GOTHICB';}
.aboutusletter h4 {    width: 36%; font-family: 'GOTHICB';text-align: right; float: right; color: #000;
  line-height: 1.6em; font-size: 17px; margin-top: 20px;}



  .inquirysection {width: 100%;background-image: url(../images/clients.jpg); background-repeat: no-repeat; background-position: 100% 100%; background-size: cover;height: 930px;}
.inquirysec { width: 1200px;  margin:100px auto; padding-top: 100px;}.inquirysec h1{text-align: center;color: #ffffff; font-size: 32px; font-weight: bold; text-decoration: underline; padding-top: 5%;}
.leftinquiryform {float: left;width: 40%; padding: 4% 0;}
.rightinquiry {float: right; width: 55%;}
.text-area{  border-bottom: 1px solid #000; width: 470px;min-height: 170px;  font-family: 'Source Sans Pro', sans-serif;
   border-style: none;background-color: transparent;font-size: 14px; line-height: 24px; font-weight: 400; border-bottom: 1px solid #ffffff; text-transform: uppercase;}
input {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  margin: 10px 0;
  height: 45px;
  width: 470px;
  border: none; 
  border-bottom: 1px solid #ffffff;
  background-color: transparent;
  outline: none;
  text-transform: uppercase;
}



:root {--accent: #FFA500;
  --color1: linear-gradient(to bottom right, #FFA500, #FF5F1F);
  --transparent: rgb(255, 255, 255, 0.3);}
.form {
  display: flex;
  flex-direction: column;
  width: 300px;
  height: 400px;
  background-color: var(--transparent);
  color: var(--accent);
  position: absolute;
  padding: 10px 30px;
  margin-top: 50px;
  backdrop-filter: blur(10px);
  border: 2px solid var(--transparent);
  border-radius: 16px;
	
  text-align: center;
}
.toolspt ul li{  line-height: 1.6em;}
.partscard ul li {
  list-style-type: square;
}
.mapsecc{ width:100%; height: 545px;}
.partstxt {text-transform: uppercase; font-size: 13px;}
.mapsec {width: 50%;}
.readmore{ background-color: #fff; padding: 12px 180px; color: #000000;  text-align: center; font-weight: bold; font-size: 14px;
	text-decoration: none;  display: inline-block;margin: 2px 0;  cursor: pointer;}.readmore:hover{ background-color:#000}


  .tab-pressure div{height: 370px;}
  .tab-temperature div{height: 680px;}
  .tab-level div{height: 490px;}
  .tab-control div{height: 130px;}
  .tab-junction div{height: 130px;}
  .tab-controlstation div{height: 70px;}
  .tab-light div{height: 110px;}
  .tab-accessories div{height: 70px;}
  .fonts li a{font-size: 14px; font-family: 'GOTHICB';letter-spacing: 0.2px; margin-left: 5px; padding: 1% 0 !important; }
  .fonts{display: flex; }
.partscard h4{ margin-bottom: 20px;}
.menunt a{ font-family: 'GOTHICB'; font-size: 14px;}
 


  /* footer */
  .footerlogo {padding: 2% 0; background-color: #dbdbdb;}
  .footerdiv{ width:100%;padding: 3% 0; margin: 0 auto; }
  .footerleft{ width: 50%; float: left;}
  .footerright{width: 50%; float: right;}
  .footerdiv h3{padding: 2% 0; font-size: 20px;font-family: 'GOTHICB'; color: #ff0000;}
  .footerdiv p{ line-height: 1.6em; font-size: 15px;}
  .footersocial p{font-size: 15px; padding: 2% 0 0 0;}
  .footersocial i{color: #0a1535;}
  
  .footersec {background-color: #e2dfdf;width: 100%; margin: 0 auto;
    padding: 0.1% 0 5% 0;
     text-align: center; }
  .footersec h2 {padding: 2% 0; color: #e06c3e; font-size: 25px;
     font-weight: bold; text-align: center;}
  .footercard {width: 60%; margin: 0 auto;}
  .footersec p{color: #000000;  }
  
  .copyrightsec {width: 100%; margin: 0 auto; padding: 2% 0; text-align: center; } 
  .copyrightsec h2{font-size: 15px; }
  .footersocial i{font-size: 21px;}  .footersocial p{font-size: 13px !important;}
  .footersocial {background-image: url(../images/footer.png); background-position: center; background-repeat: no-repeat;}


  .clientsection {width: 1300px; margin: 0 auto;padding: 11% 0 5% 0;}.clientsdiv {width: 100%; display: flex; }.clientcards {width: 15%; margin:0 3% ; padding: 3% 0;}
  .clientsection h2{  font-size: 24px; font-weight: 600; position: relative; display: inline-block; padding:2% 0; z-index: 2; display: flex;}
  .clientsection h2 hr{width: 102px; border: 1px solid #000; margin: 15px 0 0 30px;}
  .footersocial p{text-decoration: underline;}
.cent{text-align: center;}


/* 
  responsive */