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

@font-face {
  font-family: Rajdhani-Bold;
  src:url(../font/Rajdhani-Bold.ttf);
}
@font-face {
  font-family: Heebo-Medium;
  src:url(../font/Heebo-Medium.ttf);
}
@font-face {
  font-family: Heebo-Light;
  src:url(../font/Heebo-Light.ttf);
}
@font-face {
  font-family: Heebo-Thin;
  src:url(../font/Heebo-Thin.ttf);
}
@font-face {
  font-family: Oswald-Bold;
  src:url(../font/Oswald-Bold.ttf);
}
@font-face {
  font-family: Rajdhani-Bold;
  src:url(../font/Rajdhani-Bold.ttf);
}
@font-face {
  font-family: Roboto-Bold;
  src:url(../font/Roboto-Bold.ttf);
}
@font-face {
  font-family: Roboto-Light;
  src:url(../font/Roboto-Light.ttf);
}
@font-face {
  font-family: Roboto-Regular;
  src:url(../font/Roboto-Regular.ttf);
}

*{margin: 0px; padding: 0px;} 
html, body {min-height:100%; font-family: Heebo-Light;  font-size: 16px; line-height: 26px; color: #222222; position: relative; scroll-behavior: smooth;overflow-x: hidden;}
h1, h2, h3, h4, h5, h6{ height: auto;}
p{ height: auto;}
div{ height: auto;}

.mtp-80{ margin-top: 80px;}
.mtp-25{ margin-top: 25px;}
.p-0{ padding: 0 !important; }
.section-120{ padding: 120px 0;}
.flexirow { display: flex; justify-content: left;  align-items: center; } 

.topbar {
    background: #111;
    width: 100%;
    padding: 15px;
    text-align: center;
}
.theme-color {
    color: #ffd300;
}

.main-banner{ background: #004271; overflow: hidden;}
.banner-content{ padding:10% 5% 0 25%;}
.bannerimg img{ width: 100%;}
.banner-content h2{color: #fff; font-family: Rajdhani-Bold; font-size: 58pt; margin-top:100px; }
.banner-content h2 span{ font-family: Heebo-light; font-size: 48pt;}

.heading{ margin-bottom: 0px;}
.heading h2{     
  font-family: 'Rajdhani-Bold';
  font-size: 35pt;
  color: #000000;
  position: relative;
  margin-bottom: 22px;
  line-height: 50px;
  float: left;
  width: 100%; margin-top: 0;}
/* .heading h2::after {content: url('../images/heading-border.png'); position: absolute;bottom: -30px;left: 0;} */
.heading h4{  font-family: Heebo-Medium;color: #004475; padding: 15px 0; }
.cta .heading h4{font-size: 14px;line-height: 1.5;}
.service {
      margin-bottom: 15px;
    text-align: center;
    background: #fff;
}

.associates ul li{
    border: 1px solid #e9e9e9;
    padding: 15px;
    text-align: center;
    float: left;
    width: 25%;
    list-style: none;
    background: #fff;
}
.associates img {
    width: 100%;
}


.clinbx ul li{
    border: 1px solid #e9e9e9;
    padding: 15px;
    text-align: center;
    float: left;
    width: 20%;
    list-style: none;
    background: #fff;
}
.clinbx img {
    width: 100%;
}

.services ul li{    list-style: none;
    width: 45%;
    float: left;
    margin-right: 37px;}

.service h4{color: #000;
  font-size: 18px;
    line-height: 1.3;
        padding: 0;
    margin: 0;
  }


.service img {
    width: 16%;
    margin-right: 20px;
    background: #111;
    padding: 10px;
}
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #004475; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #004475; 
}
.leftbox{ padding-right: 100px; }

.brand{border: 1px solid #e9e9e9; padding: 5%; text-align: center; margin: 25px 0;}
.brand img{ width: 100%;}

.product{text-align: center; margin: 25px 0;}
.product img{ width: 85%;}
.product h4{font-family: Heebo-Medium;
    color: #004475;
    font-size: 16px;
    padding: 8px 0;
    margin: 0;
    line-height: 23px;
}


p.visit-web {
    float: left;
    width: 100%;
    color: #111;
    font-size: 20px;
    margin-top: 20px;
}
.plumbling-img img
{
	width: 100%;
}
.callto-action img
{
	width: 90%;
}
.callto-action img {
    width: 13%;
    margin-right: 20px;
}
.pb-60
{
	padding-bottom: 60px !important;
}
.mtp-55
{
	margin-top: 55px;
}
.whoweare{ padding: 15% 5%;}
.yellow-color{ color: #f8c10d !important;}
.whoweare p{ color: #fff;}

.usp {box-shadow: -2px 1px 15px #e1e1e1; padding: 10px; }

.market img{ width: 100%;}


.owl-dots { width: 100%; text-align: center; bottom: 15px;}
.owl-dots .owl-dot { background: #ccc !important; width: 14px; height: 14px; margin: 5px; }
.owl-dots .active { background: #004475 !important;}
.projects{ position: relative;}
.project .row{ margin-left: 0 !important;}
.projcaption {  background: #004475; color: #fff; padding: 20px 0 20px 10px;min-height: 234px;
   display: flex; justify-content: center; align-items: center;}
.projcaption h3{ font-family: Heebo-Medium; font-size: 18pt; color: #004475 ; margin: 0; text-transform: uppercase;
  border-top: 1px solid #ccc;  padding: 15px 0;}
.projcaption p{ font-family: Heebo-Light; font-size: 12px; color: #666; line-height: 32px; text-align: justify;}


.project .fa{position: absolute;
  opacity: 0.1;
  font-size: 100px;
  bottom: 0;
  right: 3%;}
.projcaption li{ font-size: 14px; }


.about-skiplist
{
  background: #f3f3f3;
    list-style: none;
    float: left;
    width: 100%;
    padding: 15px 20px;
    font-weight: 700;
    margin: 20px 0;
}
.about-skiplist li
{
  color: #004475;
  list-style: none;
  float: left;
  width: 100%;
  padding: 5px;
  font-weight: 700;
  margin-bottom: 0px;
  font-size: 14px;
}
.about-skiplist li i
{
    color: #4ad7e3c2;
    list-style: none;
    font-size: 10px;
    padding-right: 12px;
}
.wlcome-industries {
  border-top: 1px solid #004475;
  border-bottom: 1px solid #004475;
}
.blt-2::after {
  content: '';
  position: absolute;
  height: 250px;
  width: 1px;
  background: #004475;
  top: 10%;
  left: 0%;
}
.blt-2::before {
  content: '';
  position: absolute;
  height: 250px;
  width: 1px;
  background: #004475;
  top: 10%;
  right: 5%;
}
.industry-list h5
{
  font-size: 16px;
    color: #004475;
    font-weight: 700;
    margin-top: 20px;
}
.txt-white
{
  color: #fff !important;
  font-size: 20pt !important;
}
.industry-list ul li {
  font-size: 14px;
  color: #111;
  list-style: none;
}
.industry-list ul li a{
  font-size: 14px;
  color: #111;
  list-style: none;
  text-decoration: none;
}
.industry-list ul li a:hover {
    font-size: 14px;
    color: #0072c5;
    list-style: none;
    text-decoration: underline;
}
.industry-list.bath-acces ul li a{
  font-size: 14px;
  color: #fff;
  list-style: none;
  text-decoration: none;
}
.industry-list.bath-acces ul li a:hover {
    font-size: 14px;
    color: #4ad7e3c2;
    list-style: none;
    text-decoration: underline;
}
.plumbing-cont {
  background: #004475;
  padding: 50px 0px;
  margin: 0;
}
.plumbing-txt {
  border-top: 1px solid #fff;
  float: left;
  border-bottom: 2px solid #fff;
  margin-top: 30px;
}
.plumbling-img ul
{
  padding: 0;
  margin: 0;
}
.plumbling-img ul li
{
  list-style: none;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.plumbling-img ul li img
{
  width: 100%;
}
.plumbling-img {
  margin-top: 30px;
  float: left;
}
.mt-20
{
  margin-top: 20px;
}
.plumbing-txt .industry-list h5
{
  color: #fff;
}
.plumbing-txt .industry-list ul li
{
  color: #fff;
}
.blt-2 {
    padding-left: 20px;
}
.plumbing-txt .welcome-content 
{
  border-right: 1px solid #fff;
  padding: 30px 25px 0px 0px;
}
.industry-list ul li i {
  font-size: 20px;
  color: #4ad7e3c2;
  margin-right: 5px;
}
.industry-list {
    height: 75px;
    margin-bottom: 70px;
}
.projects ul 
{
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.projects ul li
{
    list-style: none;
    float: left;
    width: 33.33%;
}
.projects ul li img
{
    width: 100%;
}

.project{margin-bottom: 25px;}
.project img{ width:100%; margin: 0px auto;}

.pimg img{ width: auto !important; height: 125px;}
.pimg li{ display: inline-block; width: 49%; position: relative; padding: 5px 0;}
.pimg li:after{content: url('../images/heading-border.png'); position: absolute;bottom: 25px;
  left: 0; }

.form-sec{ background: #000000; padding:25px; border:2px solid #ffd300;}
.form-sec h2{ color: #fff; font-size: 30px; text-align: center; margin: 0; margin-bottom: 35px; font-weight: bold; font-family: 'Rajdhani-Bold';}
.sidemenu{position: -webkit-sticky; /* Safari */  position: sticky; top: 0;}
.contact-sec { display: flex;  align-items: center;  justify-content: center; margin-bottom: 45px;}
.contact-sec .fa { color: #fff; width: 40px; height: 32px; text-align: center; font-size: 20px;  padding-top:10px;}
.contact-sec input[type="text"], input[type="email"], input[type="tel"], select, textarea, input[type="number"] {
    border: 0 !important;  border-radius: 0 !important; border-bottom: 1px solid #fff !important;
    background: none !important;  outline: none; color: #fff; margin-left: 15px; box-shadow: none;}
.subbttn{ background: #fff; border: none; padding: 10px 25px; color: #000;  margin-left: 45px;}
.subbttn:hover{ background: #000; color: #fff;}
.tahnkyou {
    padding: 100px 0;
}

a.readmore {
    background: #fec70a;
    color: #111;
    font-family: 'Heebo-Light';
    font-size: 20px;
    padding: 10px 15px;
    font-weight: 700;
    border-bottom: 2px solid #111;
    margin-top: 30px;
    text-decoration: none;
  }




.footer-sec{ padding: 30px 0; background: #1f1f1f; }
.footcnt{ color: #fff;}
.copyright{ text-align: left;  color: #f9f9f9;  font-size: 12pt;}
.copyright a{ color: #82cbff;}
.clearfix{ clear: both;}

.companyimg img{ width: 100%;}
.itmimg img{ width: 100%;}
.itm-slider { float: left;}
.itm-slider .owl-dots {width: auto; text-align: center; float: left; }
.itm-slider .owl-dots .owl-dot { background: #fff !important; width: 10px; height: 10px; margin: 5px; border-radius: 50%;}
.itm-slider .owl-dots .owl-dot:hover{background: #ef6727 !important; }
.itm-slider .owl-dots .active {background: #ef6727 !important;}

.itm-slider .col-lg-12{ padding: 0;}

/* .footcnt br{ display: none;} */


.rqstcall{bottom: 0;right: 0%; left: 0%; width: 100%; background: #000; height: 45px; position: fixed;z-index: 999; color: #fff; 
  text-align: center; display: none; line-height:45px;
  font-family: Rajdhani-Bold;}
.rqstcall:hover{ background: #b0e8ee; color: #000; text-decoration: none;}
.hidden-xs{ display: block;}

.sticky { position: fixed; width: 100%; top: 0; z-index: 999; transition: all 1s ease 0s;  background: rgba(0,0,0,0.8);}

.sidemenu{top: 100px;z-index: 9;}

.rightsidebarfixed { position: fixed; /* bottom: 132px; */ top:150px; width: 325px;  display: block; min-height: auto;}

.certificate img{ width: 100%;}

.numbers-box{text-align: center;
  padding: 0;
  background: #ffffff;
  margin-bottom: 25px;
  border-top: 3px solid #209dcc;
  border-bottom: 3px solid #209dcc;}
.numbers-box h2{font-family: Rajdhani-Bold; font-size: 30pt; color: #000000 ; }
.numbers-box h6{ font-size: 14px;}
.certificate { border: 1px solid #eee;}
.testimonial {text-align: center; background: #eee;padding: 20px; margin-bottom: 10px;}
.testimonial h3{font-weight: 600;color: #004475;}
.testimonial h4{color: #004475;}
.testimonial p{     padding: 2% 5%;}
.banner-slider {background: #fff;}

.banner-slider .owl-dots {
    display: none;
}

.callto-action
{
  position: relative; float: left;
}

.callto-action span {
  padding: 6px 15px;
  background: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  position: absolute;
  left: 45px;
    top: -10px;
}
.callto-action h4 {
    padding: 24px 50px;
    border: 1px solid #004475;
    float: left;
    width: 80%;
    text-align: left;
}
.callto-action h4 a {
  font-size: 20px;
  color: #004475;
  text-decoration: none;
}
table {
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
ul.certification {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
ul.certification li {
    float: left;
    width: 16%;
    list-style: none;
    padding: 0px;
    border: 1px solid #eee;
    margin-right: 23px;
}
}
section {
    float: left;
    width: 100%;
    position: relative;
}
    
ul.certification li img{
    width: 100%;
}
.visit-company
{
  float: left;
  width: 100%;
}
.pt-60 
{
	padding-top: 60px;
}

.prjmainbox { /* Masonry container */
  column-count: 3;
  column-gap: 1em;
}

.newprojbox{ border: 1px solid #4f7ea0; padding: 20px;  display: inline-block; margin: 0 0 1em; width: 100%;}
.newprojbox ul{ margin-left: 20px; margin-top: 5px;}
.newprojbox ul li{ color: #26618c;  font-size: 14px;}
.prjimg{ text-align: center;}
.prjimg img{ width: 100%;}
  
.thankyou{ padding: 15% 0; text-align: center;}
.thankyou h1{ margin-top: 45px; color: #144371;}
.thankyou p{ margin:25px 0 50px 0;}
.thnakbttn {     background: #ecbb1c;
    color: #141717;
    text-align: center;
    padding: 10px 35px;
    border: 0;
    display: inline-block;
    font-weight: 700;}
.thnakbttn:hover { background: #e84a09; text-decoration: none; color: #fff;}


.fixed-right {
    position: fixed;
    bottom: 50%;
    right: -3.7%;
    transform: rotate(-90deg);
    background: #022d4c;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);
  z-index: 999;
    
}

.fixed-right:hover {
    background: #469be8;
    color: #fff;
    text-decoration: none;
}
  

.justtext{ text-align: justify;}
    
@media screen and (min-width: 1376px) {
  .container{ width: 1300px;}
  .fixed-right {
    position: fixed;
    bottom: 50%;
    right: -2.5%;
    transform: rotate(-90deg);
    background: #022d4c;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);
  z-index: 999;
    
}

.fixed-right:hover {
    background: #469be8;
    color: #fff;
    text-decoration: none;
}
}


  @media only screen and (max-width: 890px) {
     .prjmainbox{ column-count: 2 !important;}
     /* ----------------- Enquiry Button ------------------- */  
     .pointer { cursor: pointer !important;  background-color: #fff;  color: #004475;  }
     .bar-en {  width: 100%;  position: fixed;  bottom: 0px;   z-index: 9999;   display: inline-block; background-color: #fff; }
     .moble-con-f {  float: left;  padding: 19px 10px; }
     .moble-con {color: #332a00;
    font-size: 23px;
    font-weight: 600;
    line-height: 0;
    width: 100%;
    text-align: center;
    cursor: pointer !important;
    background-color: #ffd300;
    padding: 25px;
    font-family: 'Rajdhani-Bold';}
       .moble-con:hover{ background: #004475;}  

       
       .heading h2 br{ display: none;}
       .heading h2{ font-size:30pt;}
       .justtext{ text-align: left;}
       .thankyou br{ display: none;}
    /* ------------------------------------------------- End ------------------------------ */

    .hidden-xs{ display: none;}
    .rqstcall{ display: block;}
    .logobox{ text-align: center;}
    .logobox img{ width: 40%;}
    .banner-content{ padding: 5%;}
    .banner-content h2{ font-size: 30pt;  margin-top: 35px; line-height: 40px;}
    .banner-content h2 span{ font-size: 22pt;}
    .section-120{ padding: 80px 0;}
   
    .product{ margin: 15px 0;}
    .moblogobox { width: 100%; text-align: center;}
    .moblogobox img{ width: 40%;}
    .drainage {  padding: 0 15px;}
    .banner-caption-box-mobile{ display: block; margin-bottom: 40px;}
    .welcome-content{ padding: 0;}
    .welcome-content h5{ font-size: 20pt;}
    .welcome-content h2{ font-size: 40pt;}
    .welcome-content p{ padding-top: 25px;}
    .welcome-sec { padding: 80px 0 0 0;}
    .leftbox{ padding: 0;}
    /* .footcnt{ text-align: center;} */
    .footcnt br{ display: block;}
    .row { margin-right: 0;    margin-left: 0; }
    .sidemenu{ margin: 40px 0; padding: 0;}
    .copyright{ font-size: 14px;}
    .project img{ width: auto !important;}
    .project .col-lg-5{ padding: 0 !important;}
    .project .col-lg-7{ padding: 0 !important;}
    .projcaption br{ display: none;}

    .form-sec {
      position: relative !important;
      top: 0 !important;
      width: 100% !important;
  }
  .wlcome-industries {
    border-top: 0px solid #004475;
    border-bottom: 0px solid #004475;
}
.blt-2::before {
    content: '';
	display: none;
}

.blt-2::after {
    content: '';
	display: none;
}
.blt-2 {
    padding-left: 0px; 
}
.plumbing-txt .welcome-content {
    border-right: 0px solid #fff;
    padding: 20px 0px 0px 0px;
}
.industry-list {
    height: auto;
    margin-bottom: 15px;
}
  .projects ul li
{
    list-style: none;
    float: left;
    width: 100%;
}

ul.certification li {
    float: left;
    width: 50%;
    list-style: none;
    padding: 15px;
    border: 1px solid #eee;
    margin: 0 auto;
}

.clinbx ul li {
    width: 50%;
}
.associates ul li {
    width: 50%;
}
.services ul li {
    list-style: none;
    width: 100%;
}
.service h4 {
    color: #004475;
    font-size: 14px;
    line-height: 1.3;
}
.callto-action h4 a {
    font-size: 25px;
    color: #004475;
}
.callto-action span {
    font-size: 18px;
    top: -10px;
}
.callto-action h4 {
    padding: 10px 28px;
    border: 1px solid #004475;
    float: left;
    width: 100%;
    text-align: left;
}
.fixed-right {
    position: fixed;
    bottom: 50%;
    right: -13% !important;
    transform: rotate(-90deg);
    background: #022d4c;
    padding: 10px 20px;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);
  z-index: 999;
    
}

.fixed-right:hover {
    background: #469be8;
    color: #fff;
    text-decoration: none;
}
}

@media (min-width: 890px) and (max-width: 1199px) {
  
      .hidden-xs{ display: none;}
      .hidden-lg{ display: block;}
  }


  @media (min-width: 768px) and (max-width: 1440px) {
  
      .rightsidebarfixed {top: 160px;}
      .prjmainbox{ column-count: 0;}
  }