body {
    overflow-x: hidden;
}

.navlogo {
    width: 80%;
}
.dnone{
    display:none;
}
.mobcome{
    display:none;
}
.contone {
    padding: 0px;
    margin: 0px;
}
.navbar-brand{
    width:250px;
}
.line {
    background-color: black;
    width: 100%;
}

#navborder{
    width: 100%;
    background-color:transparent;
}

#navborder.navbg{
    background-color:white!important;
    box-shadow:2px 0px 10px #c2c2a3;
}
.dropdown-menu {
	position: relative;
	background: #fff;
    border: 1px solid rgb(28, 172, 216);
    min-width:15rem;
    top:140%;
}
.dropdown-menu:after, .dropdown-menu:before {
	bottom: 100%;
	left: 15%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.dropdown-menu:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #fff;
	border-width: 13px;
	margin-left: -25px;
}
.dropdown-menu:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: rgb(28, 172, 216);
	border-width: 16px;
	margin-left: -28px;
}
.dropdown-menu a {
    color: grey;
    padding: 10px 14px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-family: "Avenir-LT-45-Book", Helvetica, Arial, sans-serif;
    font-weight: 800;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.dropdown-menu a:hover {
    color:rgb(28, 172, 216);
}

.navbar-nav a ,.navbar-nav .nav-link{
    font-family: "Avenir-LT-45-Book", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.drpdwnlink {
    font-size: 9px;
}

.backimage {
    background-image: url(images/dreamstime_m_48008311-e1458641725575.jpg);
    background-size: cover;
    width: 100%;
    height: 100vh;
}
.ourclients {
    font-family: "Gotham Book", sans-serif;
    font-size: 23px;
    line-height: 1.5;
    color: rgb(28, 172, 216);
    text-transform: uppercase;
    text-align: center !important;
}
hr.separate {
    height: 0px;
    width: 40%;
    background-color: rgb(28, 172, 216);
}
.headertext {
    font-style: normal;
    color: rgb(28, 172, 216);
    text-align: center;
    text-transform: uppercase;
    font-family: "Avenir-LT-45-Book", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
h4.headertext {
    color: rgb(28, 172, 216);
    text-align: center;
    text-transform: uppercase;
    font-family: "Avenir-LT-45-Book", Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.view-btn{
    border-radius: 8px;
    padding: 10px 15px;
    background:#3fa9f5;
    color: #fff;
    border: 1px solid #fff;
}
.view-btn:hover{
    outline: none;
    text-decoration: none;
    background:#fff;
    color: #3fa9f5;
    border: 1px solid #3fa9f5;
}
.service-popup-img{
    width: 350px;
    margin: auto;
}
.service .modal-content{
    background: rgba(255,255,255,.8);
    width: auto;
}
.service .close{
    position: absolute;
    right: 10px;
    top: 5px;
    color: #000;
    opacity: .8;
    z-index: 10;
}
.service .close:hover{
    outline: none;
}
.service .modal-body {
    padding: 40px;
}
.logofriend {
    width: 118px;
    margin: 10%;
}
#mobimg2 {
    display: none;
}
.textimage {
    font-style: normal;
    font-size: 235%;
    font-weight: 600;
    color: #ffffff;
    word-spacing: 3 px;
    font-family: 'Avenir-LT-45-Book', Helvetica, sans-serif;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#testimonialmobile{
    display:none;
}

.textsmall {
    font-family: 'Avenir-LT-45-Book', Helvetica, sans-serif;
    font-style: normal;
    font-size: 180%;
    font-weight: 400;
    line-height: 1.1;
    color: #ffffff;
    word-spacing: -1px;
}

.footerunderline{
    text-decoration:underline;
}
.nametestimonial{
    float:right;
    font-size:13px;
}
.textimage14{
    color: rgb(28, 172, 216);
    font-family: 'Avenir-LT-45-Book', Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
}
.textimage15 {
    font-family: 'Avenir-LT-45-Book', Helvetica, sans-serif;
    color: #3A3736;
    font-size: 18px;
    font-weight: normal;
}
.img-heading{
    color: #3ea9f5;
}
.textimage05 {
    font-family: 'Avenir-LT-45-Book', Helvetica, sans-serif;
    color: #000;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
}
.service-img{
    cursor: pointer;
}
.textimage18 {
    font-family: 'Avenir-LT-45-Book', Helvetica, sans-serif;
    color:#6c7374;
    font-size: 16px;
    font-weight: normal;
}
.textimage16 {
    text-align: center;
    font-family: 'Avenir-LT-45-Book', Helvetica, sans-serif;
    color: #6c7374;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 20px;
}
.btnfrmtext {
    font-family: "Lato", sans-serif;
    font-size: 17px;
    text-align: center;
    line-height: 1.5;
    list-style: circle;
    padding-bottom: 5px;
    color: rgb(28, 172, 216);
}

.btn-outline-info {
    color: white;
    border-color: white;
}

.container-fluid {
    margin: 0px;
    padding: 0px;
}
i.fab.fa-facebook-f:hover, i.fab.fa-twitter:hover, i.fab.fa-youtube:hover{
    color:#0000ff;
}
.line20 {
    width: 100%;
    height: 0px;
    background-color: rgb(28, 172, 216);
}

.line15 {
    width: 15%;
    height: 0px;
    background-color: rgb(28, 172, 216);
}
.line40 {
    width: 40%;
    height: 0px;
    background-color: rgb(28, 172, 216);
}
.lineicon{
    height:0px;
    width:20%;
    background-color:#ffffff;
}
.line16 {
    width: 45%;
    height: 0px;
    background-color: rgb(28, 172, 216);
}
.line14 {
    width: 8%;
    height: 0px;
    background-color: rgb(28, 172, 216);
}
video{
    width:100%;
    height:60vh;
}
nav.stroke .stroking .navdown .navbarthing .navbartext{
    position: relative;
}
nav.stroke .stroking .navdown .navbarthing .navbartext:after{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: rgb(28, 172, 216);
    height: 1px;
}

nav.stroke .stroking .navdown .navbarthing .navbartext,
nav.stroke .stroking .navdown .navbarthing .navbartext:after,
nav.stroke .stroking .navdown .navbarthing .navbartext:before {
    transition: all .5s;
}
nav.stroke .stroking .navdown .navbarthing .navbartext:hover:after {
    width: 100%;
}

#navlist .navbar-nav .nav-item a.nav-link:hover{
    color:#3fa9f5 !important;

}
#navlist .navbar-nav .nav-item a.nav-link.active{
    color:#3fa9f5 !important;
}

body {
    text-align: justify;
}

.urinalimg {
    width: 72%;
}
.aboutsimg{
    width:70%;
    margin:auto
}
ul.urinalkey{
    list-style-image:url("images/newimage/drop.png");
}
ul.urinalkey1{
    list-style-image:url("images/newimage/drop.png");
}
.colorfont{
    word-spacing: -5px;
}
.urinalimg1 {
    width: 79%;
}
.padten{
    padding:0px;
}
.urinalimg4 {
    width: 58%;
}
.imgbanner {
    background-image: url("images/banner/harimanbanner.jpg");
    /* background-attachment: fixed; */
    background-size: cover;
    width: 100%;
    height: auto;
    background-position: center;
    -webkit-background-position: center;
    -moz-background-position: center;
    -ms-background-position: center;
    clip-path: ellipse(100% 55% at 48% 44%);
    -webkit-clip-path: ellipse(100% 55% at 48% 44%);
    -moz-clip-path: ellipse(100% 55% at 48% 44%);
    -ms-clip-path: ellipse(100% 55% at 48% 44%);
    position:relative;
}
.box {
    width: 100%;
    position:absolute;
    border: solid 1px rgb(28, 172, 216);
    border-radius: 50px;
}
.overlay {
    width: 100%;
    height: 100vh;
}
.overlay2{
    width:100%;
    height:58vh;
    background-color: rgba(0, 0, 0, 0.4);
}
.aboutimg {
    background-position: center;
}
.overlaytext{
    color:#ffff;
    font-size:40px;
    font-weight:400;
    font-family: "Gotham Book", sans-serif;
}
.aboutimger {
    z-index: 10;
}

.collapse .navbar-collapse .navbar-nav {
    width: 100%;
    height: 100%;
    background-color: white;
}

.colorfont {
    color: rgb(28, 172, 216);
}
#mobforthsection{
    display:none;
}
#mobwaterlesshead{
    display:none;
}
#fifthsection {
    padding: 20px 0px 20px 0px;
}
img {
    width: 100%;
}
.ownerimage img{
    width:60%;
}
.backaboutus {
    background-color: lightskyblue;
    height: 100vh;
}
.newline {
    margin-left: 11%;
}
i.far.fa-registered{
    color:rgb(28, 172, 216);
}
.countersect {
    padding: 27px 0px 0px 0px;
    background-color: #ffffff;
}
.counter {
background-color: #eaecf0;
text-align: center;
}

.countertext {
font-family: "Gotham Book", sans-serif;
font-size: 22px;
text-align: center;
line-height: 1.5;
list-style: circle;
padding-bottom: 5px;
color: rgb(28, 172, 216);
font-weight: 600;
text-transform: capitalize;
}

.clientbox {
padding:10px;
width: 100%;
height: 100%;
}
#sixthsection {
display: block;
}
#mobilecarousel {
display: none;
}
#ninthsection {
width: 100%;
background-image: url("images/banner/slant1.png");
background-size: cover;
background-repeat: no-repeat;
color: white;
background-position:top;
}

.addresssection {
display: block;
width: 100%;
height: 100%;
}
.footerline {
margin: 0px;
background-color: white;
}
.addressinfo a:hover {
color: #0000ff;
}

.addressinfo a ,.addressinfo {
color: white;
text-decoration: none;
font-family: "Avenir-LT-45-Book", Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 15px;
letter-spacing: 2px;
}

.addressinfo i {
color: white;
}

.linkicon i {
color: white;
}

.sectadd{
margin-top:20%;
}

.paddingone {
margin-right: 80px;
}
.btn-info{
background-color:rgb(28, 172, 216);
}
.counter-count {
font-family: "Gotham Book", sans-serif;
font-size: 2.25em;
font-weight: 400;
text-align: justify;
line-height: 1.5;
list-style: circle;
padding-bottom: 5px;
color: #ffffff;
display: inline-block;
z-index: 12;
}

iframe {
width: 100%;
height: 400px;
}

.lining {
height: 1px;
width: 40%;
background-color: skyblue;
}

#tenthsection {
background-color: rgb(28, 172, 216);
padding: 20px;
}

.contactwdus {
text-align: center;
padding: 20px;
}

.line21 {
width: 100%;
background-color: rgb(28, 172, 216);
height: 1px;
}

.beforeline {
font-size: 22px;
text-transform: uppercase;
text-align: center;
}


.plus {
margin-left: 10px;
font-family: "Gotham Book", sans-serif;
font-size: 30px;
text-align: left;
line-height: 1.5;
list-style: circle;
padding-bottom: 5px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
}

.crores {
margin-left: 10px;
font-family: "Gotham Book", sans-serif;
font-size: 19px;
text-align: center;
line-height: 1.5;
list-style: circle;
padding-bottom: 5px;
color:#ffffff;
font-weight: 400;
text-transform: uppercase;
}

.in-leftanimatehead {
-webkit-animation-name: fadeInLefthead;
-moz-animation-name: fadeInLefthead;
-o-animation-name: fadeInLefthead;
animation-name: fadeInLefthead;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-duration:1s;
animation-delay: 2s;
}

@keyframes fadeInLefthead {
from {
opacity:0;
-webkit-transform: translatex(200px);
-moz-transform: translatex(200px);
-o-transform: translatex(200px);
transform: translatex(200px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-rightanimatehead {
-webkit-animation-name: fadeInRighthead;
-moz-animation-name: fadeInRighthead;
-o-animation-name: fadeInRighthead;
animation-name: fadeInRighthead;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-duration:1s;
animation-delay: 0.5s;
}
@keyframes fadeInRighthead {
from {
opacity:0;
-webkit-transform: translatex(-100px);
-moz-transform: translatex(-100px);
-o-transform: translatex(-100px);
transform: translatex(-100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}





.in-leftanimate {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-duration:1s;
animation-delay: 2.5s;
}

@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-left1animate {
-webkit-animation-name: fadeInLeft1;
-moz-animation-name: fadeInLeft1;
-o-animation-name: fadeInLeft1;
animation-name: fadeInLeft1;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-o-animation-duration:1s;
animation-delay: 3s;
}

@keyframes fadeInLeft1 {
from {
opacity:0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}.in-left2animate {
-webkit-animation-name: fadeInLeft2;
-moz-animation-name: fadeInLeft2;
-o-animation-name: fadeInLeft2;
animation-name: fadeInLeft2;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-o-animation-duration:1s;
animation-delay: 3.5s;
}

@keyframes fadeInLeft2 {
from {
opacity:0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}

.in-left3animate {
-webkit-animation-name: fadeInLeft3;
-moz-animation-name: fadeInLeft3;
-o-animation-name: fadeInLeft3;
animation-name: fadeInLeft3;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-o-animation-duration:1s;
animation-delay: 4s;
}

@keyframes fadeInLeft3 {
from {
opacity:0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}

.in-left4animate {
-webkit-animation-name: fadeInLeft4;
-moz-animation-name: fadeInLeft4;
-o-animation-name: fadeInLeft4;
animation-name: fadeInLeft4;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-o-animation-duration:1s;
animation-delay: 4.5s;
}

@keyframes fadeInLeft4 {
from {
opacity:0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}


.in-left5animate {
-webkit-animation-name: fadeInLeft5;
-moz-animation-name: fadeInLeft5;
-o-animation-name: fadeInLeft5;
animation-name: fadeInLeft5;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-o-animation-duration:1s;
animation-delay: 5s;
}
@keyframes fadeInLeft5 {
from {
opacity:0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}

.in-left6animate {
-webkit-animation-name: fadeInLeft6;
-moz-animation-name: fadeInLeft6;
-o-animation-name: fadeInLeft6;
animation-name: fadeInLeft6;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
-o-animation-duration:1s;
animation-delay: 5.5s;
}

@keyframes fadeInLeft6 {
from {
opacity:0;
-webkit-transform: translatex(100px);
-moz-transform: translatex(100px);
-o-transform: translatex(100px);
transform: translatex(100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-rightanimate {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-duration:1s;
animation-delay: 1s;
}

@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform: translatex(-100px);
-moz-transform: translatex(-100px);
-o-transform: translatex(-100px);
transform: translatex(-100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-right1animate {
-webkit-animation-name: fadeInRight1;
-moz-animation-name: fadeInRight1;
-o-animation-name: fadeInRight1;
animation-name: fadeInRight1;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-duration:1s;
animation-delay: 1.5s;
}

@keyframes fadeInRight1 {
from {
opacity:0;
-webkit-transform: translatex(-100px);
-moz-transform: translatex(-100px);
-o-transform: translatex(-100px);
transform: translatex(-100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.in-right2animate {
-webkit-animation-name: fadeInRight2;
-moz-animation-name: fadeInRight2;
-o-animation-name: fadeInRight2;
animation-name: fadeInRight2;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-duration:1s;
animation-delay: 2s;
}

@keyframes fadeInRight2 {
from {
opacity:0;
-webkit-transform: translatex(-100px);
-moz-transform: translatex(-100px);
-o-transform: translatex(-100px);
transform: translatex(-100px);
}
to {
opacity:1;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
}
}
.mobbanner,
#mobilebanner {
display: none;
}

div i {
color: rgb(27, 139, 173);
}

p i {
color: rgb(27, 139, 173);
}


.client1 {
text-align: center;
height: 50%;
background-color: rgb(28, 172, 216);
border-radius: 10px;
width:100%;
}

.linkicon {
word-spacing: 15px;
}

.form-control {
background-color: #ffffff;
box-shadow: 0px 0px 3px rgb(39, 39, 39);
color: black;
}

.enquiryfrm {
height: 100%;
}

.form-group {
margin-bottom: 2rem;
}

.form-control1 {
height: 100px;
width: 100%;
line-height: 1.2;
}
/* s */
.ytp-pause-overlay-controls-hidden .ytp-pause-overlay {
display: none;
}
.line19 {
margin-top: 20px;
width: 100%;
height: 0px;
background-color: rgb(28, 172, 216);
}

i.fas.fa-map-marker-alt {
line-height: 2.1;
color: white;
}

div.col-3.col-md-10 {
line-height: 2.1;
}

.navbar-light .navbar-nav .nav-link {
    color: #3A3736;
}
.homepage-nav .navbar-light .navbar-nav .nav-link {
    color: #fff;
}
.navbar-light .navbar-nav .nav-link.colornav {
color: #3A3736;
}

/*waterlessurinal*/

#navborder2 {
background-color: white;
opacity: 1.0;
width: 100%;
position: fixed;
z-index: 2;
box-shadow: 0px 0px 3px rgb(39, 39, 39);
}
.lineicon{
height:0px;
width:30%;
background-color:#ffffff;
}
.line1 {
height: 0px;
width: 30%;
background-color: #ffffff;
}

.rounded-box img{

border-radius: 50%;

}

#mobilecarouselwater {
/* margin-top: 35%; */
display: none;
}
.urinalimg3{
width:80%;
}
.spacetop {
margin-top: 110px;
}

.imgbody {
width: 100%;
background-color: white;
box-shadow: 0px 0px 1px rgb(39, 39, 39);
}

.producthead {
background-color: lightgrey;
}
.contactimagehead{
width:790px;
margin: auto;
}
.contactimagehead img{
width:95%;
}
.waterimagehead{
width:60%;
margin: auto;
}
.servicehead-img{
    width:75%;
    margin: auto;
}
.waterimagehead-aerator{
width:60%;
padding:0px 15px;
margin: auto;
}
.waterimagehead-aerator img{
    width:85%
}
.waterimagehead img{
width:100%;
}
#youtubevideo{
width:100%;
height:100%;
}
.textpara1::before{
content: "\2022";
color: rgb(28, 172, 216);
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.carousel-indicators li{
background-color:rgb(28, 172, 216);
}
.carousel-indicators{
bottom:-13px;
}
/* footersection */
.line21 {
width: 100%;
background-color: rgb(28, 172, 216);
height: 0px;
margin-top: 20px;
}
#section9 {
margin-top: 50px;
width: 100%;
background-image: url("images/slant.svg");
background-size: cover;
background-repeat: no-repeat;
color: white;
}
.formbar {
padding: 6%;
width: 85%;
box-shadow: 3px 0px 10px rgb(39, 39, 39);
background-color:#ffff;
border-radius:10px;
z-index: 1;
}
.form-control {
background-color: #ffffff;
box-shadow: 0px 0px 1px rgb(39, 39, 39);
color: black;
border-radius:10px;
}
.enquiryfrm {
height: 100%;
}

.form-group {
margin-bottom: 2rem;
}

.form-control1 {
height: 100px;
width: 100%;
line-height: 1.2;
}

.footerline {
margin: 0px;
background-color: white;
}

.address {
/* margin-top:35%; */
vertical-align: middle;
text-align: center;
}
.addressinfo a {
color: white;
text-decoration: none;
}

.addressinfo i {
color: white;
}

.linkicon i {
color: white;
}
.footer-padding{
padding-top: 22%;
}

.paddingone {
margin-right: 80px;
}

.linkicon i {
color: white;
}

.linkicon {
word-spacing: 15px;
}

.contactwdus {
/* margin-top:30px; */
text-align: center;
/* padding: 20px; */
}
.dropdown-toggle::after {
border:none;
}
#section10 {
background-color: rgb(28, 172, 216);
padding: 20px;
}

#mobilecarousel {
display: none;
}

i.fas.fa-map-marker-alt {
line-height: 2.1;
color: white;
}
h3{
color:rgb(28, 172, 216);
}
.maptext{
color:#3A3736;
font-weight: 100;
font-size: 15px;
text-align:center;
font-family: "Avenir-LT-45-Book", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.maptext a{
color:#3A3736;

}
.maptext1{
color:#3A3736;
font-weight: 100;
font-size: 20px;
text-align:center;
font-family: "Avenir-LT-45-Book", Helvetica, Arial, sans-serif;
font-weight: 400;
}
.maptext i{
color: #3A3736;
}
#mobileimagepeople{
display:none;
}
.mobcarousel{
height:355px;
}
.nametestimonial{
float:right;
font-size:15px;
}
.copyfooter{
font-size:13px;
font-family: "Avenir-LT-45-Book", Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 2px;
}

.sticky-nav-wrapper {
display: block;
position: fixed;
bottom: 0;
padding:8px;
width: 100%;
background: #fff;
color: gray;
z-index: 5;
-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
}
.sticky-nav-wrapper ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.sticky-nav li {
padding: 8px;
text-align: center;
}
.sticky-nav li a i {
color: rgb(63, 169, 245);
}
.sticky-nav .fa {
font-size: 25px;
}
.sticky-nav li span {
display: block;
font-size: 17px;
color: #002e51;
font-weight: 400;
text-align: center;
}
/* .widthwrapper {
max-width: 550px;
} */
#mobfooter{
display:none;
}
.testimonialimage img{
width:100%;
}
.productimages{
width:85%;
}
.productimgg{
    width:400px;
    margin:auto;
}
.productimage{
    width:80%;
    margin:auto;
}
.productimage img{
    height:47vh;
}
.whatspplink{
    position: fixed;
    bottom: 50px;
    right: 32px;
}
i.fab.fa-whatsapp{
    font-size:40px;
    color:darkgreen;
}
/* Services */
.imageservice{
    width:100%;
    margin:auto;
}
.serviceimage img{
    height:40vh;
}
#mobaeratortext{
    display:none;
}
#mobsixthsection{
    display:none;
}


.contactinfo{
width:25%;
}

.icone-style{
    padding: 4px !important;
    border-radius: 30% !important;
    display: inline-block !important;
    color: white !important;
    margin-bottom: 4px;
    background: rgb(63, 169, 245) !important;
}