body,*{margin: 0px ;padding: 0px;font-family: 'Poppins', sans-serif;}
input:focus{outline: none;}
textarea:focus{outline: none;}
::-webkit-scrollbar {
    background: #ddd;
    width: 5px
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px #fff;
    border-radius: 10px
}
::-webkit-scrollbar-thumb {
    background: #ed1c24;
    border-radius: 50px
}
::selection {
    background: #2d3192;
    color: #fff
}
html {
  scroll-behavior: smooth;
}
.col-c-12 {width:100%;}
.col-c-11 {width:86.66666667%;}
.col-c-10 {width:83.33333333%;}
.col-c-9 {width:75%;}
.col-c-8 {width:66.66666667%;}
.col-c-7 {width:58.33333333%;}
.col-c-6 {width:50%;}
.col-c-5 {width:41.66666667%;}
.col-c-4 {width:33.33333333%;}
.col-c-3 {width:25%;}
.col-c-2 {width:16.66666667%;}
.col-c-1 {width:8.33333333%;}
.col-c-1, .col-c-2, .col-c-3, .col-c-4, .col-c-5, .col-c-6, .col-c-7, .col-c-8, .col-c-9, .col-c-10, .col-c-11, .col-c-12 {float:left;}
.container{max-width: 1180px!important;margin: 0px auto;}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1180px!important;
}
}
.containerfluid{width: 100%}
.paddingin{padding:15px;}
.paddside{padding: 0px 15px}

.row{margin: 0px 15px}
.padtopbot{padding:20px 0px }
.padtopbot-10{padding:10px 0px }
.padtb{padding: 10px 0px}
p{letter-spacing: 0.5px;    font-size: 16px;font-weight: 300}
.aligncenter{text-align: center;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
a{text-decoration: none;}
.marginbside{margin: 0px 10px}
.pullleft{float:left;}
.pullright{float:right;}
.posrel{position: relative;}
.light{font-weight: 300px;font-size: 12px}
.fix{height: 100%;overflow: hidden}
.font{font-family: 'Montserrat', sans-serif;}
h2{font-weight: 500; font-size:55px;}
.paddown{padding-bottom: 15px}
.left{text-align: left;}
.fix{height: 100%;overflow: hidden;}
.shadow{box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px;padding: 10px;}
.shadow:hover{background:#ed1c24;}
.shadow:hover h4{color: #fff}
.scrollup {width: 48px;position: fixed;bottom: 50px;right: 2%;display: none;background-color: #ed1c24;border:1px solid white;padding: 5px 0px;z-index: 25;border-radius: 100px;font-size: 25px;color: white}
/*Menu Start Here*/
header{padding: 5px;height:89px;background-color: white}
   
 
.innerbanner {background-position: center;}
.bar{display: none;}
.call{display: none;}
.sidenav{display: none;}
/*.logo{width: 23%;float: left;padding-left: 15px;}*/
.logo {
    width: 23%;
    float: left;
    padding-left: 15px;
    margin-top: 4px;
}
.logo img {width: 100%; max-width: 108px;}
.menu{width: 75%;float: right;text-align: right; padding-top: 14px;}
.mainmenu{position: fixed;width: 100%;z-index: 500;top: 30px;}
.menu ul{padding-right: 10px}
.menu ul li{float: right;list-style: none;margin: 18px 0px}
.menu ul li ul li{display: none;}
.menu ul li:hover ul li{display: block;}
.menu a{text-decoration: none;margin: 0px 10px;padding: 10px;color: #3e3e3e;font-size: 16px;}
.menu a:hover{border-bottom: 2px solid #2d3192;color:#ed1c24; text-decoration:none;}
.menu i{padding: 0px 5px}
.drop{position: absolute;margin-top: 11px}
.dropdown{background: white;padding: 10px 0px;margin:0px 15px !important;float: none !important;border-left:5px solid #ffffff;text-align: left;}
.dropdown a{border-bottom: none !important;}
.dropdown:hover{background: #f4f4f4;border-left:5px solid #2d3192;color:#ed1c24;}
.menubox{background-color: #d61f26;padding: 10px;margin-top: 8px !important;}
.menubox:hover{background: #2d3192;}
.menubox:hover a{color: #ffffff}
.menubox a{color: white;border: 0px !important;}
.swiper-slide{position: relative;}
.bannerCntDiv{position: absolute;top: 172px;left: 0;right: 0;}
.bannerright img{margin-bottom: 25px}
.bannerdiv{max-width: 1200px;overflow: hidden;display: block;margin: auto;}
.swiper-pagination-bullet-active {opacity: 1;background: #ed1c24 !important;}
.sticky{top: 0px !important;background-color: white;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px;}
/*End Here*/
/*Layer 1 Start Here*/
.layer1{padding: 50px 0px;height: 100%;overflow: hidden;}
.imagesback{height: 330px;width: 333px;background-color:#2c369b;position: absolute;top: 11px;left: 100px;}
.layer1left{height: 350px}
.layer1left img{position: absolute;top: -30px;left: 150px;height: 330px}
.imgtext{position: absolute;top: 0px;border-left: 5px solid #ed1c24;padding-left: 25px;height: 123px}
.imgtext h2{font-size: 55px;color: #ed1c24;font-weight: 600;}
.imgtext h4{letter-spacing: 5px;}
.layer1rightbottom h2{color: #2d3192;letter-spacing: 2px}
.layer1rightbottom p{color: #848484}
.button a{padding: 5px 25px;background-color:#ed1c24;color: white;text-transform: uppercase;letter-spacing: 1px }
/*End  Here*/

.btn-link:hover {
    text-decoration: none!important;
    }
.btn-link:focus {
        text-decoration: none!important;
    }
.btn:focus {
    box-shadow: none !important;
    }
    

.card-container-prince {
    background-color: #f6f7fa;
}
.card-container-prince-two {
    background-color: #fff;
}

.center-wt {
    display: block;
    margin-left: auto;
    margin-right: auto;

}
td{
    padding:10px;
    text-align:center
}
h2{
    font-size:24px!important;
}
/*Scroll Text Start Here*/ 
.scroll{background-color:#d61f26;padding-top: 8px; display: none;}
.text-scroll li{list-style: none;display: inline-block;margin-right: 15px}
/*End Here*/
/*Layer 2 Start Here*/
.layer2{padding: 25px 0px;height: 100%;overflow: hidden;background-image: url('../images/bg1.jpg');}
.layer2top{color: white;padding: 0px 5px}
/*.layer2top p{font-size: 12px;letter-spacing: 3px}*/
.layer2bottom img{padding-bottom:15px }
/*End Here*/
/*Layer 3 Start Here*/
.layer3{padding: 25px 0px;height: 100%;overflow: hidden;background-color: #f6f6f6;z-index: 2}
.layer3middle1 img{padding: 0px 15px}
.layer3top h2{color: #ed1c24;}
.layer3downright{height: 100%;overflow: hidden;}
.layer3downright1{width: 310px}
.layer3downleftimg{text-align: right;}
.layer3downleftimg img{width: 95%;height: 341px;}
.layer3downrightbox{background-color: white}
.layer3downrightbox h2{color: #ed1c24}
.layer3downrightbox p{color:#666666;}
.layer3downrightbox .button{margin: 15px 0px}
.bg2{position: absolute;bottom: 0px ;left: 0px;z-index: -1;background-image: url('../images/bg2.jpg');background-size: cover;height: 250px;width: 100%;}
/*End Here*/
/*layer 4 Start Here*/
.layer4{background-color: #d4d6d8;height: 100%;overflow: hidden;padding: 50px 0px;    z-index: 2;}
.layer4left img{padding: 50px 0px}
.map img{width: 100%;position: absolute;top: 30px;right: 0px;z-index: -1;}
/*End Here*/
/*layer 5 Start Here*/
.layer5top h2{text-transform: uppercase;color: #ed1c24;}
.layer5top p{color: #666666}
.layer5bottom img{padding: 0px 15px;vertical-align: middle;}
/*End Here*/
/*layer 6 Start Here*/
.layer6{background-color: #ed1c24;height: 100%;overflow: hidden;color: white}
.layer6box{    margin-left: 40px;}
.icon{text-align: center;background: white;padding: 5px; height: 32px;width: 36px; border-radius: 100px;}
.icon img{width: 20px; padding: 5px;}
.text{padding: 0px 15px;text-transform: uppercase;}
.text h4{font-weight: 400}
/*End Here*/
/*Footer Start Here*/
.footer{background-color: #1b1e7c;overflow: hidden;height: 100%;color: white;z-index: 2}
.footertexttop h2{text-transform: uppercase;padding: 15px 0px;border-bottom: 1px solid #ed1c24;letter-spacing: 1px}
.face{border: 1px solid white;border-radius: 100px;margin: 5px;transition-duration: 0.5s;height: 38px!important;width: 50px!important;text-align: center;padding-top: 12px!important;}
.face:hover{background-color: white;color:#1b1e7c }
.footertextmiddle a{color: white;    display: table;    margin: 5px 0px;transition-duration: 0.5s}
.footertextmiddle a:hover{margin-left: 5px;color:#ed1c24}
.input-container {display: flex;width: 100%;margin-bottom: 15px;}
.icon1 {padding: 14px;background: #ed1c24;color: white;text-align: center;}
.input-field {width: 100%;padding: 10px;outline: none;}
.footertext{height: 100%;overflow: hidden;}
.footer p{font-weight: 300;}
.footertextbottom a{color: #ffffff}
/*End Here*/
.footerbar{background-color: #2d3192;padding: 15px 0px;color: white}
.footerbar a{color: white;text-decoration: underline;}
.footerbar a:hover{text-decoration: none;}
.footerbar p{font-weight: 300;}
/*Inner Banner*/
.innertext{padding-top: 188px;color: white}
.innertextleft{font-size: 30px;}
.innertextleft h2{margin-top: -20px;font-size: 25px}
.innertextleft h1{margin-top: -20px;font-size: 25px;font-weight: 400;}
.innertextright a{color: white;}
.innertextright a:hover{color:#ed1c24;}
/*Contact us*/
.contact{height: 100%;overflow: hidden;}
.contact p{color: #666666; max-width: 420px;}
.contactcontent{box-shadow: 0px 0px 5px 0px rgba(212,212,212,1);}
.cmbox h2{color:#ed1c24;text-transform: capitalize;}
.contactcontent i{color:#ed1c24;padding: 0px 15px}
.contactcontent i:hover{color:#666666;}
.contactmiddle{height: 100%;overflow: hidden;}
.contactmiddleright h2{color:#ed1c24;}
.contactmiddleright p{line-height: 24px}
.formleft input{width: 92%;padding: 15px 10px;font-size: 16px;border-radius: 15px;border: 0px;background-color: #f4f4f4;margin: 10px 15px;}
.formleft textarea{width: 92%;padding: 15px 10px;font-size: 16px;border-radius: 15px;border: 0px;background-color: #f4f4f4;margin: 10px 15px;}
.formbutton{margin: 15px 0px}
.formbutton a{padding: 15px 25px;background: red;color: white;margin: 0px 15px;border-radius: 25px;}
.contactbottomhead h2{font-size: 35px;color:#ed1c24 }
/*About us Start Here*/
.abouttop h2{color:#ed1c24 }
.aboutus p{color: #666666;line-height: 25px;font-size: 16px}
.aboutustop{height: 100%;overflow: hidden;}
.aboutmiddle{height: 100%;overflow: hidden;}
.aboutmiddleright {color: white;}
.aboutmiddlerighttext{padding: 40px 15px}
.bgdark {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: -1}
.aboutmiddlerighttext p{line-height: 25px;color: #ffffff}
.aboutimg{height: 100%;overflow: hidden;}
.count{font-size: 50px;color:#ed1c24 }
.standard{font-weight: 600}
.aboutleft p{padding: 15px 10px 15px 0px}
.aboutright img{width: 100%}
/*Services Start Here*/
.Services{height: 100%;overflow: hidden;}
.shadow h2{color:#ed1c24;}
.shadow h3{color:#ed1c24;}
.shadow h4{color:#ed1c24; height: 50px;}
.plumbing h3{color:#ed1c24;}
.plumbing h4{color:#ed1c24;padding:10px 0px;font-size: 18px}
.floorguarddiv h4{color:#ed1c24;}
.Services p{color: #666666}
.Servicesboxtexttop img{width: 100%;height: auto;}
.Servicesboxtext{box-shadow: 0px 0px 5px 0px rgba(212,212,212,1);transition-duration: 0.5s;height: 100%;overflow: hidden;}
.Servicesboxtextbottom h4{color:#ed1c24;}
.Servicesboxtextbottom h4:hover{color: #2d3192;}
.servicesboxtop {height: 100%;overflow: hidden;}
.Servicesboxtop h4{font-size: 20px;color:#ed1c24;}
.Servicesboxtop1 p{font-size: 16px;font-weight: 600}
.servicesdown{overflow: hidden;height: 100%}
.Servicesboxtext h4{color:#ed1c24}
/*Product inner Page*/
.fittings{height: 100%;overflow: hidden;}
.fittings p{color: #333333;line-height: 25px;font-weight: 400;}
.servicesboxleft a{display: table;padding: 15px 10px;background: #f4f4f4;color: #ed1c24;width: 255px;margin: 10px 0px;transition-duration: 0.5s}
.servicesboxleft a:hover{display: table;padding: 15px 20px;background: #ed1c24;color: white;width: 245px;margin: 10px 0px;}
.servicesboxmiddletop h2{ color:#ed1c24  }
.servicesboxleft h2{color:#ed1c24  }
.floorguarddiv{height: 100%;overflow: hidden;}
.floorguard{height: 130px}
.floorguard-img2{display: none;margin: auto;}
.floorguard p{font-size: 18px;color:#00aeef }
.floorguard:hover{background: #00aeef;}
.floorguard:hover p{color: #fff}
.floorguard:hover .floorguard-img1{display: none;}
.floorguard:hover .floorguard-img2{display: block;}
.benefits{width: 350px;display: inline-block;vertical-align: top;}
.plumbing{height: 100%;overflow: hidden;margin: 0px 0px;border-bottom: 1px solid #f4f4f4;padding: 25px 0px;}
.videobox {max-width: 840px;margin: auto;position: relative;}
.videobox img {width: 100%;display: block;}
.videobox iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.custab a{background: #ed1c24;padding: 15px 10px;color: #fff;margin: 0px 5px;font-size: 14px;}
/*Product Start here*/
.product{height: 100%;overflow: hidden;}
.product h2{color:#ed1c24;}
.product p{color: #666666}
.productboxtext {padding: 20px}
.productboxtexttop img{width: 100%}
.productboxtext{box-shadow: 0px 0px 5px 0px rgba(212,212,212,1);transition-duration: 0.5s;height: 525px;overflow: hidden;}
.productboxtextbottom h4{color:#ed1c24;}
.readmore a{padding: 9px 15px;background: #ed1c24;border-radius: 30px; color: #ffffff;display: inline-block;}
.readmore a:hover{border: 1px solid #ed1c24;background: #ffffff;color:#ed1c24;}
.thank{text-align: center;background-image: url('../images/banner1.jpg');background-size: cover;background-repeat: no-repeat;background-position: center;height: 100vh;}
.layerthank{position: absolute;top: 0;left: 0%;background-color:rgba(0,0,0,0.7);height: 100vh;width: 100% }
.thanktext{margin: 200px 0px;}
.thanktext h1{font-size: 50px;color: #ffffff}
.thanktext i { font-size: 60px; color: #ffffff; border-radius: 50%; background: #2a2e9e; padding: 25px;}
.thanktext p{font-size: 24px;color: #ffffff;}
.serve{background-color: #2d3192;color: #fff}
.servediv{display: inline-block;text-align: center;}
.serve-div p{padding: 10px 0px; border: 1px solid #ffffff4a; margin: 10px 5px;display: inline-block;width: 47%;text-align: left;color: #fff !important;}
.serve-div i{padding:0px 10px;}
.serve-div h2{text-align: center;}
.serve-div{max-width: 520px;margin: auto;text-align: center;}
.videoBoxMid{max-width: 560px;width: 100%; margin: auto;position: relative;}
.layer4video iframe {width: 100%;height: 99%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.layer4video img{display: block;}
.paras-video-bg{
	background-color:#ed1c24;
}
.footer p{color: #fff !important;}
.footerbar p{color: #fff !important}
/*Responsive*/
@media screen and (max-width: 1024px) {.container{width: 100%;padding: 0px 0px}
.call{position: absolute;right: 68px;top: 12px;display: block;border: 1px solid #ed1c24;padding: 0px 13px;}
.bar{position: absolute;right: 15px;top: 12px;display: block;border: 1px solid #ed1c24;padding: 0px 8px;}
.menu{display: none;}
.sidenav{text-align: center;}
.sidenav ul{width: 100%}
.sidenav ul li{float: none;list-style: none;    padding: 15px 0px;}
.sidenav ul li i{margin: 0px 10px}
.sidenav ul li ul li{color: #ffffff;padding:10px 0px;font-size: 22px;}
.sidenav ul li:hover ul li{display: block;}
.sidenav a{text-decoration: none;}
.logo{width: 50%;float: left;}
.sidenav {padding-top: 15px;display: block;}
.sidenav a {font-size: 18px;}
.sidenav {width: 50%;float: right;height: 100%;width: 0;position: fixed;z-index: 100;top: 0;left: 0;/*background-color: #ffffff*/;background-image: url('../images/bg1.jpg');overflow-x: hidden;transition: 0.5s;text-align:center;}
.sidenav a {text-decoration: none;font-size: 25px;color: #ffffff;display: block;transition: 0.3s;}
.sidenav a:hover{color: #f1f1f1;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.sidenav ul li ul li:hover{background: #ed5f6c}
.swiper-container{margin-top: 72px !important;}
.mainmenu{top: 0}
.bannerright{display: none;}
.bannerleft {width: 100%}
.bannerCntDiv{top: 0px}}
@media only screen and (max-width: 768px){
    header{
        height:62px;
    }
    .logo img{
        max-width: 75px;
    }
    .col-c-1, .col-c-2, .col-c-3, .col-c-4, .col-c-5, .col-c-6, .col-c-7, .col-c-8, .col-c-9, .col-c-10, .col-c-11, .col-c-12{float:none; width: 100%;}
.container{width: 100%;padding: 0px 0px}
.layer2bottombox{text-align: center}
.productboxtext{height: 100%}
.layer3middle1 img {padding: 5px 15px;}
.layer4left img {width: 95%;padding: 50px 10px;}
.text{margin: 0px 45px;    width: 80%;}
.layer1left img{position: static;}
.imagesback{display:none;}
.layer6box{margin-left: 25px;}
.bannerCntDiv {position: absolute;top: 40px;left: 1%;}
.mobile-drop{display: none;}
.bannerleft img{width: 100%}
.formleft input {margin: 10px 4px}
.formright textarea {margin: 10px 4px}
.servicesboxtop img{width: 100%}
.servicesboxtop a{width: 94%}
.layer3downleftimg img {width: 100%;height: auto;}
.Servicesboxtexttop img {width: 100%;height: auto;}
.formleft textarea{margin: 10px 5px}
.Servicesboxtop1 img{width: 100%;}
.footertextbottom a{color: #ffffff}
.servicesdown img{width: 100%}
.shadow{height: 100% !important;padding: 10px 0px}
.floorguard{height: 100%}
.benefits{width: 100%}
.shadow h4{padding: 0px 5px;}
.sticky {box-shadow: none;}
.custab a{display: flex;margin: 10px 0px}
.mobile-width{width: 100%}
.serve-left,.serve-right{width: 100%;}
.layer4right{margin: 10px 0px;}
.serve-div p{padding: 10px 0px; border: 1px solid #ffffff4a; margin: 10px auto;display: inline-block;width: 90%;text-align: left;}
.serve-div{padding: 0px;}
@media only screen and (max-width: 414px){.logo{width: 100% !important;}}
@media only screen and (max-width: 320px){.logo{width: 100% !important;padding-left: 0px}}