body {font-size:15px; margin:0px; padding:0px;font-family: 'PT Sans', sans-serif;}
/*.bannertext .upwords{font-size:0px;transition: font-size 2s linear 1s;}
  .active .upwords{font-size:30px}*/
 @keyframes changewidth {
  0% {
    Opacity:0
  }

 15% {
    Opacity:0.3
  
  }
   60% {
    Opacity:1
  }
    100% {
   Opacity:1
  }
     
   
}

.upwords{font-size:30px}

.rslides1_on .upwords {
  animation-duration:2s;
 
  animation-name: changewidth;
  animation-iteration-count: 1;
 }
h1,h2,h3,h4,h5{margin:0px;padding:0px 0px 10px 0px;font-family: 'Source Sans Pro', sans-serif;}
a{text-decoration:none;color:Black;}
p{text-align:justify;margin:0px;padding:0px 0px 10px 0px;/*font-family: 'PT Sans', sans-serif;*/ line-height:20px}
.main{margin: auto;width:80%;}
.bannerimges  { padding:30px 0px 60px 0px;width: 100%;background-image:url(../images/home-banner-bg.jpg);background-size:cover}
.maindiv{margin: auto;width:60%;}
.clear,.clearboth{clear:both;}
ul{margin-top:0px; padding-top:0px;padding-bottom: 0px;
margin-bottom: 5px;}
ul li{   margin:0px; padding:0px}
.logo{ float:left;width:30%; padding-top:20px}
.menu{ float:right; width:63%}
.menu ul{ margin:0px; padding:0px}
.menu li{ list-style:none; float:left; padding:10px}
.top {position: fixed; bottom: 100px;display: none; right:15px;}
.toggleMenu {display:  none;}
.nav a { color:#000;}
.item{text-align:center}
.nav li {position: relative;  margin-left:1px ; margin-right:1px; float:left;border-left:5px solid #fff}
.nav a{padding:30px 1%  30px 1%;}
.nav  li a { display: block;}
.nav  li:hover a{color:#fff}
.nav  li:hover  {visibility:inherit; color:#fff;  z-index:100000; background-color:#045e9c; border-left:5px solid #328cbe}

.bannertext{ text-align:center;font-weight:bold; font-family: 'Source Sans Pro', sans-serif;   }
.products h3{text-align:center}
.bannerimges img{   width:90%; }
.bannertext{ display:table-cell;vertical-align:middle; width:45%  }
.bannerimg{display:table-cell;vertical-align:middle;  }
 
 .bannerimges {display:table}
.upwords{font-weight:normal; color:#ffffff;margin-top:20px}
.downwords{ font-size:26px;color:#ffffff }
.welcomebg{ background-color:#045e9c; }
.welcomepart{ padding-top:20px; text-align:center; color:#fff ; padding-bottom:20px}
.services h2,.clients h2,.beforeimg h3,
.products h1{ text-align:center}
.sevicesbg{background-image:url(../images/bg.jpg);background-repeat:no-repeat;width:100%;background-size:cover!important; 
           padding-top :60px}
.services,.clients{ display:table-cell; width:45%}
 
.clients  li{list-style:none; border-bottom:1px dashed #696a6f; padding:5px 0px 5px 0px}
.clients  li:last-child{border-bottom:0px dashed #696a6f; }
.services { padding-right:5%; border-right:1px solid #085d9d}
.clients{  padding-left:5%;}
.clients span{ font-weight:bold;}
.border{border-bottom:1px solid #085d9d; padding-top:20px; margin-bottom:20px}
.aftercnt li,.services li{ list-style:url(../images/pullet.png);    }
.aftercnt{ float:left; width:45%; margin-top:20px}
.afterimg{ float:left; width:55%}
.afterimg img{ border:5px solid #fff; margin-right:20px; }
.beforeimg{ float:left; }
.products{ padding:20px 0px;background-color:#ededed}
.products h1{ color:#085d9d;  }
.products img{ border:1px solid #898a8f; padding:10px}
.footerbg{ padding-top:20px; padding-bottom:20px}
.copyright{ float:left; width:65%}
.copyright p{ font-size:12px; padding-top:10px;font-family:Arial }
.sociallink{ float:right;  margin-right:12%}
.viewmore{ float:right; font-weight:bold;}
.sociallink img{ vertical-align:middle}

/*userpage*/
.content h2{color:#095ea1}
.innerbanner img{ width:100%}
.header h2{padding-bottom:0px}
.header h2,.innerproducts h4{ color:#095ea1;  }
.content{ padding-top:10px; padding-bottom:10px}
.content h3{ color:#e66e17}
.header img{ vertical-align:bottom}
.innerbg{ background-image:url(../images/innerpage-bg.jpg);   background-repeat:no-repeat; padding-top:10px; background-size:cover;}
.processimg { text-align:center}
.processimg img{ border:5px solid #035d9b}
  .gallery{text-align:center}
 .gallery   img{height:170px;border:2px solid #000000}
  
 
 
 
.content li{    list-style:url(../images/pullet.png); } 
.innerproducts .headcolor{ background-color:#045e9c}    
.lnkbttn{ background-color:#045e9c; color:#fff; padding:3px 15px; border-radius:1px}    
.name{ float:left; width:20%}
.colon{float:left; width:5%}
.text{float:left; width:70%}
.txtcnt{ width:98%; border:1px solid #d2d2d2; border-radius:5px; cursor:pointer}
.conatctusform{ float:left; width:43%}
.map{float:left;width:55%;  border:3px solid #cacaca}
.map iframe{width:100%;}
.gmap3{ width:100%; height:470px;}
.conatctusform h4{ /*padding-left:2%*/}  
.industryleft	,.industryleft1{ float:left; width:50%} 
 
.serviceparts{ float:left; width:48%; text-align:center; }
.serviceparts1{ float:right; width:48%;text-align:center;}
th { background-color: #045e9c; color: white;border:1px solid #3c8dc4}
td{ background-color:#e0f2ff; border:1px solid #3c8dc4; text-align:center} 
table { border-collapse: collapse; margin-bottom:10px}
.header h2{ font-size: 28px;}
.enquirydiv h3{ padding-top:4px; padding-left:5px}
.enquirydiv{ border: 1px solid rgb(50, 140, 190);width: 90%; }
.conatctusform h3{ color:#000}

/*neethu */
.innerbannerimges  {width: 100%;
 background-image:url(../images/home-banner-bg.jpg)!important;
 background-size:cover;text-align:center;}
 .homeimg {float:left; margin-right:12px; }
.bannerbgimg { display:none;}
  
 .gallery li{display:inline-block;list-style:none;text-align:center}
.gallery img{max-height:200px; border:2px solid #000;}
.clientsleft ul{margin:0px;padding:0px}
.clientsleft li{ list-style:none; float:left;height:170px; margin:0px;background-color:#ffffff;width:30%;padding:5px;text-align:center;margin:1px}
.clientsleft img{ max-width:100%;}
.bannerimg li{ display:inline-block;}
.products ul,.bannerimg ul{ list-style:none; }
.products li{ list-style:url(../images/pullet.png);    }
.aftercnt h1{color:#085d9d;  }
.bannertext{ text-align:center; font-weight:bold; font-size:23px;}
.slider{
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0px auto 0px auto;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
  }

.slider li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.slider li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.slider img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  max-width:100%;

  border: 0;
  }

.rslides_nav {
 position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
   
  width: 100px;
  }

.rslides_nav:active {

  }

.rslides_nav.next {
  left: auto;
  background-position: right 30%;
    background:url("../images/banner-arrow-r.png") no-repeat left 50%;
  right:0px;
}
  
  .rslides_nav.prev 
  {
  left: 10px;
   background:url("../images/banner-arrow-l.png") no-repeat left 50%;

  }

.rslides_nav:focus 
  {
  outline: none;
  }
  .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
 

@media (max-width: 1200px)
{
.menu { width:66%!important; margin-left:20px}
.logo{ width:10%}
.main{ width:98%}
.menu li { padding: 8px;}
.nav li {margin-left: 0px;margin-right: 0px;}
.serviceparts{ float:left; width:47%;}
.maindiv{ width:90%}
.name{ width:25%}
.text { width: 65%;}


}


@media(max-width:900px)
{
.hearderpart{ padding-bottom:10px}
.logo{ padding-top:10px}
#menuimage{ display:block; margin-right:0px!important; margin-top:-40px; cursor:pointer}
.menu{ width:100%!important;}
.menuicon{ display:block!important;}
.menuicon{ float:right; margin-right:20px;display:block; }
.nav{ border-top:5px solid #045e9d!important;border-bottom:7px solid #328cbe!important}
.menu ul{ position:absolute;}
.nav  li { float: none!important; border-left:0px solid #fff}
.nav ul{background-color:#fff; margin-top:0px; display: block;width: 100%; }
.nav {position:absolute;color:#000;z-index:1000000;border:none;background-color:#fff;display:none;right:28px; margin-top:-13px!important	}
.nav li{padding:0px!important;margin-left:0px;text-align:left!important; border-bottom:1px solid #3d8fbe;list-style:none;z-index:100000000;  
        margin-left:20px; margin-right:20px; text-align:center}
.nav li a:hover{color:#000;background-color:#fff ;}
.nav li:last-child{ border-bottom:0px  solid #896B2F;}
.nav li a{ color:#000;text-decoration:none; text-align:center }
.copyright {padding-left: 3%; padding-right:4%}
.footer{ padding-top:20px;}
.nav a { padding: 3px 30px 3px 30px !important;}
.nav  li:hover  {visibility:inherit; color:#000; background-color:#fff!important;  z-index:100000;}
#home,#about,#process,#product,#services,#gallery,#clients,#contact { background-color:#fff!important; border-left:0px solid #328cbe!important; }
#home a,#about a,#process a,#product a,#services a,#gallery a,#clients a,#contact a{color:#000!important;}
.name{ width:28%}
.text { width:62%;}
}

@media(max-width:750px)
{
.services, .clients { display:block; width:100%; padding-right:0px; padding-left:0px;    border-right: 0px solid #085d9d;}
.clients{ padding-top:20px}
.afterimg ,.conatctusform,.clientsright {float: none;width: 100%;}
.sevicesbg{ padding-top:100px}
.aftercnt {float: none;width: 100%;margin-top: 0px;}
.afterimg img{ max-width:100%}
.beforeimg { padding: 10px; width:46%;text-align:center}
.bannertext .challenges ,.bannertext .copperspan{  font-size: 25px;}
.aftercnt{ padding-bottom:20px}
.copyright{  width:60%}
.processimg img{ width:90%}
.map{float:none;width:98%;  }
#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " ";  clear: both; height: 0; }
#flip-scroll * html .cf { zoom: 1; }
#flip-scroll *:first-child+html .cf { zoom: 1; }
#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
#flip-scroll th,
#flip-scroll td { margin: 0; vertical-align: top; width:100px;  border:1px Solid #3c8dc4!important;  }
#flip-scroll table { display: block; position: relative; width: 100%; }
#flip-scroll thead { display: block; float: left; }
#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
#flip-scroll thead tr { display: block; }
#flip-scroll td {  width:100%!important }
#flip-scroll th { border-bottom: 0; border-left: 0; }
#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
#flip-scroll tbody tr { border-left: 1px solid #3c8dc4; }
.enquirydiv{ width:98%; margin-bottom:10px}
.homeimg { float:none; margin-right:0px; display:block; margin:auto; }

 .welcomepart  p {text-align:center;}

 
}
       @media(max-width:650px)
{
	.clientsleft li{    width:45%; }
.industryleft{width:90%;float:none}
	.bannerimg img{width:80%}
	.bannertext,.bannerimg{ display:inline-block; width:100% ;text-align:center }
}
   @media(max-width:550px)
{
	
.beforeimg { width:40%}
.copyright{ float:none; width:90%}
.sociallink{ float:none; width:100%; text-align:center}
.welcomebg{ position:relative}
.sevicesbg{ margin-top:0px; padding-top:10px}
.clientname{ width:60% }
  .gallery li img{ width:90%}

.serviceparts,.serviceparts1{ float:none; width:100%; }
.products img{ width:80%; margin-left:7%}
.welcomepart h1{ font-size:25px;}
  .downwords,.upwords{font-size:20px }

/* Neethu */
.welcomepart { padding-top:10px;}
 
.Welcomebg{ margin-top:0px;}
.item {padding-bottom:10px;}
.homeimg { max-width:95%;}

} 
 @media(max-width:370px)
{
	.clientsleft li{    width:95%; }
	
	/*
.beforeimg { width:80%}*/
.logo{ width:80%; }
#menuimage { margin-top: -32px;}
.menuicon{ margin-right:7px}
p,.welcomepart p{ text-align:left}
.header  img,.logo img{ width:100%}
.txtcnt{ width:90%; }
.clientname{ width:90% ; float:none}
.name,.text,.industryleft,.industryleft1{ float:none; width:100%}
.colon{ display:none}
.welcomepart h1{ font-size:23px;}
.clientsright p{ float:none}
.products { padding-top: 10px;}
.nav {right: 20px;margin-top: -8px !important;}
.gallery ul { margin:0px;}
.item{padding-bottom:0px!important;}
}