@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
@import "css/font-awesome.min.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic);


/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body, html, form{height:100%; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

body { font-family: 'Lato', sans-serif; font-size: 14px;  line-height: 1.42857143;  color: #646464 !important;
        background-color: #fff;}

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}

a { color: #337ab7; text-decoration: none;}
a:hover, a:focus { color: #23527c; text-decoration: underline;}
a:focus { outline: thin dotted;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
 
p{margin:0 0 15px}

body {opacity:0}

/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/

/* GO To Top Style  */
.scrollup {   position:fixed;  bottom:10px; right:0px;  display:none;   z-index:9999; font-size:16px !important;  padding: 0px 8px 3px;  font-weight:300 !important;  }
.scrollup { -webkit-animation: moveFromBottom 1000ms ease; -moz-animation: moveFromBottom 1000ms ease;   -ms-animation: moveFromBottom 1000ms ease;}
a.scrollup { color:#ffffff; width:40px; height:40px; background:#000 ; line-height:40px; text-align:center; border-bottom-left-radius:10%; 
             border-top-left-radius:10%; } 
a.scrollup:hover { color:#fff; background:#444;  }


/* Clear Styles */
.clear	{clear:both; } 
.spacer1 {clear:both; width:100%; height:10px;}
.spacer2 {clear:both; width:100%; height:20px;}
.spacer3 {clear:both; width:100%; height:30px;}
.spacer4 {clear:both; width:100%; height:40px;}
.spacer5 {clear:both; width:100%; height:50px;}


/* Spacing, Border, Shadow Styles */
.border         {border:1px solid #ccc !important;}
.no-border      {border:none !important}
.no-border-l    {border-left:none !important;}
.no-border-r    {border-right:none !important;}
.no-border-t    {border-top:none !important;}
.no-border-b    {border-bottom:none !important;}

.border-t   {border-top:1px solid #ccc !important}
.border-b   {border-bottom:1px solid #ccc !important}


.no-shadow  {box-shadow:none !important}

.no-margin      {margin: 0 !important;}
.no-margin-r    {margin-right: 0 !important;}
.no-margin-l    {margin-left: 0 !important;}
.no-margin-b    {margin-bottom:0 !important;}
.no-margin-t    {margin-top:0 !important;}
.no-margin-x    {margin-left:0 !important; margin-right: 0 !important;}
.no-margin-y    {margin-top:0 !important; margin-bottom: 0 !important;}

.marg-t     {margin-top:30px !important;}
.marg-t20{margin-top:20px !important;}
.marg-b     {margin-bottom:20px !important;}
.marg-ftr-t  {margin-top:20px !important;}
.marg-b0     {margin-bottom:0px !important;}
.no-pad     {padding:0 !important;}
.no-pad-l   {padding-left:0 !important;}
.no-pad-r   {padding-right:0 !important;}
.no-pad-t   {padding-top:0 !important;}
.no-pad-b   {padding-bottom:0 !important;}
.no-pad-x   {padding-left:0 !important; padding-right:0 !important;}
.no-pad-y   {padding-top:0 !important; padding-bottom:0 !important;}

.pad-t     {padding-top:40px !important;}
.pad-b     {padding-bottom:40px !important;}
.pad-t-nav     {padding-top:10px !important;}

@media  (max-width:1024px){.only1024{ margin-top:40px !important;} 
                           .contact-pg h3{ font-size:16px;}
}
@media  (max-width:991px){.marg-t-md20{ margin-top:20px;}
                          .only1024{ margin-top:20px !important;}
                          
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
    .site-form{ margin:15px;}
                          .enquiry-sec h2{ margin:15px 0px 0px 15px !important;}
}
@media  (max-width:767px){.marg-t-sm20{ margin-top:20px;}}

/* Hr Line Style  */
hr.solid { border: 0; border-top: 1px solid #ccc;  }
hr.dotted { border: 0; border-top: 1px dotted #666; background: #292929; }
hr.dashed { border: 0; border-top: 1px dashed #ccc; background: #fff; }
hr.double { border: 0; border-top: 1px dashed #ccc; background: #999; }


.err    {  font-size: 12px;  color:#c80000;}
.red { color:#c80000; }

/*  Transition style */
a, .btn	{ -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}

.delay-05s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay-06s { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay-07s { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay-08s { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay-09s { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay-1s { -webkit-animation-delay: 1s;  animation-delay: 1s;}
.delay-15s { -webkit-animation-delay: 1.5s;  animation-delay: 1.5s;}
.delay-2s { -webkit-animation-delay: 2s;  animation-delay: 2s;}
.delay-25s { -webkit-animation-delay: 2.5s;  animation-delay: 2.5s;}
.delay-3s { -webkit-animation-delay: 3s;  animation-delay: 3s;}


/* Social Media Style */

/*ul.social_media			{margin:0px; padding:0px 0px 5px 0px; width:100%; text-align:center}
ul.social_media li		{display:inline-block; list-style-type:none; list-style-image:none; padding:0px; margin:0 0px 10px 5px; border:none;  vertical-align:top;}
ul.social_media li a	{display:block; font-size: 15px; transition:none .6s ease-in-out; -webkit-transition: none .6s ease-in-out; -moz-transition:none .6s ease-in-out; -o-transition:none .6s ease-in-out; -ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover  {display:block; font-size: 15px;}

ul.social_media .fa         {padding: 0px; margin:0px; font-weight:300; color:#fff; width:35px;  height:35px; border-radius:100%; line-height:35px; text-align:center;}
ul.social_media .fa:hover   {color:#fff}

.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram
{background:#909090; transition:all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; -ms-transition:all .6s ease-in-out;}

.fa-facebook:hover          {background: #3b5998;}
.fa-google:hover            {background: #3f85f4;}
.fa-google-plus:hover       {background: #d13f2d;}
.fa-linkedin:hover          {background: #0275b5;}
.fa-youtube:hover           {background: #ce332d;}
.fa-youtube-play:hover      {background: #ce332d;}
.fa-tumblr:hover            {background: #274152;}
.fa-twitter:hover           {background: #4dc8f1;}
.fa-pinterest:hover         {background: #cb2028;}
.fa-instagram:hover         {background: #3e739d;}*/

/* Google Map  */
.map-container { width:100%; height:100%; border:0px; float:left;   padding:0; margin:0;}
.map-container iframe  { width:100%; height:300px; border:0px; pointer-events: none;   } 

/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:30px}
.h2,h2{font-size:22px;  color:#006eb9; text-transform:uppercase;}
.h3,h3{font-size:18px; color:#000;}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}

/*Breadcrumb*/
.inner-content .breadcrumb{ background:transparent; padding-right:0px;}
.inner-content .breadcrumb a{ color:#000;}
.inner-content .breadcrumb a:hover{ text-decoration:none; color:#006eb9}
.inner-content .breadcrumb > li + li:before{content:"\f105"; font-family: 'FontAwesome'; color:#000;}

/*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
.wrapper            {position:relative;   width:100%; margin:0 auto;  text-align:left; float:none; padding-top:97px;  }
.wrapper            {min-height:100%; height:auto !important; height: 100%; margin: 0 auto -278px;} /* the bottom margin is the negative value of the footer's height */
.footer             {position: relative; width: 100%; margin: 0 auto;  }
.footer, .push      {min-height:278px; clear:both;/* .push must be the same height as .footer */   }


/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/
.headerpan{ width:100%; background:#006eb9; position:fixed; z-index:9999;}
.headerpan .hdr-left{ width:200px; float:left; position:relative; z-index:3;}
.headerpan .hdr-left h1, .headerpan .hdr-left h2{ margin:15px 0px; text-transform:uppercase;}
.headerpan .hdr-left h2{ font-size: 2em; font-weight:bold;}
.headerpan .hdr-left a:hover, .headerpan .hdr-left a:focus{ text-decoration:none;}
.headerpan .hdr-right{float:right;}
.headerpan .navbar-nav{ float:right; z-index:1;}
/*Sticky header*/
.top-nav-collapse{ /*background:#fff !important; box-shadow:2px 2px 2px #ddd;*/}

@media (min-width: 992px) {
    .headerpan .navbar-default{ background:none; border:0px;}
}

.headerpan .navbar{ margin-bottom:0px;}
.headerpan .navbar-nav > li > a{ text-transform:uppercase;}
.headerpan .dropdown-menu{background:rgba(255,255,255,.8);}

/*search box*/
.search-group{ float:right; margin-top:30px;  position:relative; overflow:hidden; border-bottom:1px solid  #f1f1f1;}
.search-group .search-input {  position:relative;  float:left;}
.search-group .navbar-form-search{   position:relative;  display:inline-block; padding: 0px 0px; font-size:20px; margin-left: 0px;   }
.search-group .navbar-form-search{ color:#3f5800;}
.search-group .navbar-form-search{  width: 45px; height: 35px;text-align: center; color: #6e6e6e; font-size:18px; line-height:30px; border-left:1px solid  #f1f1f1;}
.search-group .search-input { width:300px !important; height:35px; background:#fff; margin-right:-45px; padding:5px; box-shadow: none !important;  
    -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; border:1px solid #f1f1f1;   }
.search-input { background: #fff; border: 0px;   resize:none; height:25px; line-height:25px; outline:none; font-size:11px;  }

.search-toggle:after{content:'\f002'; font-family:FontAwesome;}
.search-toggle.open:after{content:'\f00d'; font-family:FontAwesome;}




/*NEW VISUAL*/
.home-visual { margin-top:30px; position:relative; box-shadow:2px 2px 2px #ccc;}
.home-visual img.full{ width:100%;}
.home-visual .overlay-banner{ position:absolute; top:50px; left:30px;}
.home-visual .overlay-banner h2{ color:#fff; text-transform:uppercase; font-size:28px; margin-bottom:20px; }
.home-visual .overlay-banner ul{ margin:0px; padding:0px; list-style-type:none; display:table;border:1px solid #70beda;
}
.home-visual .overlay-banner ul li{ display:table-cell;  padding:15px 20px;}
.home-visual .overlay-banner ul li:first-child{ border-right:1px solid #70beda;}
/*Navigation*/

nav .container-fluid{ padding-right:0px;}
.headerpan .navbar-default .navbar-nav > .open > a, 
.headerpan .navbar-default .navbar-nav > .open > a:hover, 
.headerpan .navbar-default .navbar-nav > .open > a:focus{
     background-color:transparent; color:#e8151f;
}
.headerpan .navbar-default .navbar-nav > li > a:hover, 
.headerpan .navbar-default .navbar-nav > li > a:focus,
.headerpan .navbar-default .navbar-nav > li > a.active {
    background-color:transparent; color:#ffd800;
}
.headerpan .offcanvas-toggle .icon-bar{background:#fff;}
@media (max-width: 1199px) {
.headerpan .nav > li > a { padding: 0px 20px; }
}

@media (min-width: 991px) {
    
    .headerpan .navbar-default .navbar-nav > li > a {
        color: #fff;
        margin-top:15px;
    }
    .headerpan .navbar-default .navbar-nav > li > a:hover, .headerpan .navbar-default .navbar-nav > li > a:focus {
        color: #ffd800;
    }

    .headerpan .nav > li > a {
        line-height: 13px;
        border-right: 1px solid #fff;
        padding: 0px 12px;
    }

        .headerpan .nav > li > a.borderNone {
            padding-right: 0px;
            border: 0px;
        }

    .headerpan .navbar-nav {
        margin-top: 28px;
    }
}
 @media (max-width: 991px) {
.navbar-nav { margin-top:15px !important}.navbar-nav > li { float:none !important; display:block; margin-bottom:10px;}
.headerpan .navbar-default .navbar-nav > li > a:hover, 
.headerpan .navbar-default .navbar-nav > li > a:focus,
.headerpan .navbar-default .navbar-nav > li > a.active {
     color:#006eb9;
}
.headerpan .navbar-default .navbar-nav > li > a{color:#000;}
}  

/*
=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/




/*End Footer New*/
 @media ( max-width:992px){
.copyright p{ text-align:center;}
.footer-con ul.contact-info{ text-align:center;}
.footer-con ul.contact-info li{ float:none; display:inline-block;}
ul.socail-footer li{ padding:10px 0px;}
.footer-links ul{ text-align:center; float:none;}
 }
 
/*
=====================================================================================================================================================
HOME BODY STYLE
=====================================================================================================================================================
*/
.products-home{ margin-top:50px;}
.products-home .inner{ border:1px solid #fff; margin:7px;  min-height:240px;   -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
.products-home .box{ background:#e1e1e1; width:100%;  min-height:250px; display:table; margin-bottom:20px;}
.products-home .box h3{ text-transform:uppercase; font-size:20px;}
.products-home p{ text-transform:uppercase; font-size:12px; line-height:20px;}

.products-home{ margin-top:50px;}
.products-home .inner{ border:1px solid #fff; margin:7px;  min-height:240px; padding:10px;
                         -webkit-transition: all .5s ease-in 0s; -o-transition: all .5s ease-in 0s; transition: all .5s ease-in 0s;   }
.products-home .box{ background:#e1e1e1; width:100%;   min-height:250px; display:table;}
.products-home .box.floatL{ float:right; }
.products-home .box h3{ text-transform:uppercase; font-size:20px;}
.products-home p{ text-transform:uppercase; font-size:12px; line-height:20px;}
.pro .col-sm-12{ padding:0px;}
.pro .col-sm-3, .pro .col-md-3{ padding-left:0px;}
.pro .col-sm-3:last-child, .pro .col-md-3:last-child{ padding-right:0px; padding-left:0px;}
.pro .products-home a{ display: table; color:#000; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;  }
.pro .products-home a:hover .inner{  background:#fff; }
.pro .products-home a:hover{color:#000; text-decoration:none;}
.square-container{ position:relative; margin-top:20px; width:100%; display:table; vertical-align:middle; align-content:center;}
.square{ position:relative;  width:60px; height:60px; border-radius:4px; background:#fff; margin:0 auto; color:#fff;
         -moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow:inset 1px 1px 1px 1px #B0B0B0;
box-shadow:inset 1px 1px 1px 1px #B0B0B0;
}

.square-container .square-img{ position: absolute;  top:0; left:0; right:0; height:60px; line-height:60px;
}
a.home-View-btn { float:right;   background:#e8151f; color:#fff; padding:5px 10px;
}
a.home-View-btn:hover{ text-decoration:none;  background:#cb0c15; }

.top-title { margin-bottom:30px;}
 /*Home Clientele*/
 .clientele { background:#ddd; width:100%; min-height:150px; margin-top:0px; width:100%;}
  .clientele .inner-clientele{  float:left; width:100%;}
  .clientele .inner-clientele ul{ margin:15px; border:1px solid #fff; padding:0px; text-align:center; display:block;}
  .clientele .inner-clientele ul li{ display:inline-block; list-style:none;}
  h2.home-heading{ margin:50px 0px 10px 0px; padding:0px; display:block;}
/*Home About panel*/
.about-pan { margin-top:50px;}
.about-pan .col-sm-6, .about-main .col-sm-12{ padding:0px;}
.about-pan .col-sm-6 img.full{ width:100%;}
.about-pan .about-section{ padding-left:30px;}
.about-pan .about-section h3{ color:#fff; text-transform:uppercase; background:#28b6ea; padding:15px 80px; float:left; margin:0px 0px 0px -80px; font-size:20px; clear:both;}
.about-pan .about-section p{ display:block; margin-bottom:20px;}
.about-pan .about-section h4{ font-size:18px; text-transform:uppercase; color:#000000;}
ul.application{ margin:0px; padding:0px; list-style:none; display:table; border-top:1px solid #ededed;  border-right:1px solid #ededed; width:100%;}
ul.application li{ width:50%; float:left; padding:15px 30px; border-bottom:1px solid #ededed; 
                   border-left:1px solid #ededed; display:table-cell; min-height:45px;}
ul.application li a{ color:#646464;}
ul.application li a:before{content:"\f00c"; font-family:FontAwesome; color:#646464; padding-right:5px; margin-left:-15px;}
ul.application li a:hover{ color:#000; text-decoration:none;}
.pad30 { padding-left:30px !important;}
a.homebtn{ font-size:12px; color:#cb0c15; padding:5px 5px; border:1px solid #cb0c15;}
a.homebtn:hover, a.homebtn:focus{color:#000; border:1px solid #000; text-decoration:none;}
 /*Inner  Page*/
 /*About page*/
 .authorized-stockist ul{ margin:0px; padding:0px; list-style:none; margin-top:20px; display:table;}
 .authorized-stockist ul li{ display:table-cell; padding:10px; vertical-align:middle; border:1px solid #ddd; margin-right:10px; min-height:100px; width:47%;}
  .authorized-stockist ul li:first-child{ border-right:0px;}
  .authorized-stockist ul li img{ max-width:100%;}
 .inner-content .col-sm-12{ padding:0px;}
 .about-content .col-sm-6:first-child{ padding-left:0px;}

 .products-menu ul:nth-child(odd){ background:#e1e1e1;}
 .products-menu ul:nth-child(even){background:#fff;}
.products-menu {border-right:1px solid #f5f5f5;border-top:1px solid #f5f5f5; display:table; clear:both; width:100%;}
 .products-menu ul{ margin:0px; padding:0px; list-style:none; width:100%; display:table;}
 .products-menu ul li {width:25%; border-bottom:1px solid #f5f5f5; border-left:1px solid #f5f5f5; vertical-align:middle; 
                       display:table-cell; padding:15px; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;  }
 .products-menu ul li a{ color:#000; }
 .products-menu ul li:hover{ background:#f5f5f5; cursor:pointer; }
 .products-menu ul li:hover a{ text-decoration:none; color:#e8151f;}
 .inner-content h2{ font-size:20px; padding:0px; margin:0px; color:#006eb9;}
 .inner-content h2 span{color: #006eb9 !important; text-transform:capitalize !important;}
 .main-menu { text-transform:uppercase;}
 /*Inner Banner*/
 .inner-visual{ position:relative; min-height:140px;}
 .inner-visual img{ position:absolute; top:0px; left:0px; min-height:120px; width:100%; }
  .inner-visual h1{ position:absolute; bottom:0px; left:10px; color:#525252; font-weight:bold;
                    font-family: 'Arimo', sans-serif; font-size:25px; text-transform:uppercase;}
/*INDUSTRIES*/
ul.industries {display: block; width: 100%; margin: 0px 0px; padding:0px; text-align:center;}
ul.industries li {vertical-align: top; display: inline-block; padding: 0px 0px;
       width: 24%; min-height: 150px;
}

ul.industries li img{ max-width:90%; margin:0 auto; padding:5px; border:1px solid #ddd;}
ul.industries li h3{ font-size:16px; margin-top:10px; margin-bottom:30px;}

 /*Contact Page*/
 .contact-inn {
    width: 100%;
    padding: 5px 0;
    float: left;
    line-height:22px;
}
        .contact-inn .ico {
    width: 10%;
    float: left;
    color:#006eb9;
    font-size:20px;
}
        .contact-inn .text {
    width: 90%;
    float: left;
}
          .contact-inn .text a{color: #333;}
          
.contact-inn .fontArial{ font-family:Arial !important;}
        .map-container {
    width: 100%;
    float: left;
    border: 1px solid #c1bdb3;
    padding: 5px;
    margin: 50px 0 0px;
}
/*Client*/
ul.innerList {display: flex!important; flex-wrap:wrap;  align-items: stretch!important; margin:0px; padding:0px;   width:100%;}
ul.innerList li {display:block; position:relative; margin:20px; padding:0px !important;  }
ul.innerList li img{ margin:0 auto;}
.innerList li .box {display:block; border:1px solid #ddd;}
.innerList-btn {
padding: 5px 0px;
color: #000;
font-size: 12px;
font-weight: 600;
position:absolute;
left:0; right:0; line-height:normal;
display: block;
text-align: center;
-webkit-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}

.innerList li:hover .innerList-btn {
background: #fff; 
} 

.innerList li:hover .innerList-btn {text-decoration:underline}

@media (max-width:575px){
ul.innerList  {justify-content: center!important;}
}

 /*Sitemap*/
 ul.main-nav{ margin:0px; padding:0px; list-style:none;  width:100%;}
  ul.main-nav li{ float:left; width:100%;}
  ul.main-nav li a, .sitemapStyle h3{ color:#000; line-height:40px; font-size:16px; font-weight:bold;}
  .sitemapStyle h3{ margin-top:0px; margin-bottom:5px;}
  ul.main-nav li a:hover, ul.main-nav li a:focus{text-decoration:none; color:#006eb9;}

    ul.product-list li{ float:none; width:100%; list-style-position:inside; list-style-type:square;}
     ul.product-list li a{ color:#000; font-size:14px; line-height:25px;}
     ul.product-list li a:hover{text-decoration:none;color:#006eb9; }
  /*Error Style*/
  .errorStyle{ padding-top:80px;}
  .errorStyle a{ color:#006eb9;}
  .errorStyle i{ font-size:80px; color:#006eb9;  margin:30px auto;}
  .mt20{margin-top:20px;}
  /*Pagination*/
  .details-pagination ul{ text-align:center;}
    .details-pagination ul li{ display:inline-block;}
   .details-pagination  .pagination > li > a, .pagination > li > span{color:#646464;}
   .details-pagination  .pagination > li > a:hover{color:#e8151f;}
/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/
@media (max-width: 992px) {
    .headerpan, .navbar-fixed-top{ position:relative !important;}
    .search-group{  overflow:hidden;}
    ul.main-nav li, ul.product-list li{ width:50%;}
    .wrapper{padding-top:0px; }
    .pad30{ padding-left:0px !important;}
    .home-visual .overlay-banner {position: absolute;top: 10px;}
    ul.socail-footer{ float:none;}
    .headerpan .navbar-nav{ float:left;}
    
    ul.industries li{ width:32%;}
    
}
@media (max-width: 980px){
    .search-group{margin-right: 12px;}
    .product-panel .product-inner ul li { width:100%;}
    .inner-banner{ min-height:230px;}
}
@media (max-width: 767px) {
    .contact-pg h2{ padding-top:30px; display:table;}
    .contact-pg h3 {
        margin-top: 5px;
    }
    .inner-content .col-sm-12{ padding:15px;}
    .mob-center{ background-position:center !important;}
    .top-title{ margin-bottom:0px !important;}
    .map-con{ margin-top:20px;}
    .map-con img{ float:left; width:auto !important; max-width:100%; min-width:150px !important; margin-bottom:20px;}
    .about-pan .container .col-sm-12 .about-inner{ background:none;}
    .homeSlider .figcaption{ display:none;}
    .about-pan .container .about-home{ width:100%;}
    .about-pan{ margin-top:20px !important;}
    .inner-container .about-text{ padding:20px 0px;}
    ul.industries li{ width:49%;}
    ul.countries{ padding-bottom:20px; clear:both;  display:table;}
    .sitemapStyle .col-sm-3{ display:table;}
    .home-visual .overlay-banner{ position:relative;}
    .home-visual{ box-shadow:none; border:1px solid #28b6ea; background:#28b6ea;}
    .home-visual .overlay-banner{ top:0px; left:0px;}
    .home-visual .overlay-banner h2{ text-align:center; font-size: 24px; margin:10px 0px;}
    .home-visual .overlay-banner ul li {display: inline-block; display:initial;}
    .home-visual .overlay-banner ul{ text-align:center; display:block; border:0px; padding-bottom:10px;}
    .headerpan .hdr-left{ padding-left:20px;}
    .products-home{ margin-top:20px;}
    .about-pan .about-section{ padding-left:0px;}
    .about-pan .about-section h3{ margin:-20px 0px 0px 0px; font-size:18px !important; padding:7px 20px;}
    .products-menu ul li{ display:inline-block; width:100%;}
   .products-menu ul:nth-child(even), .products-menu ul:nth-child(odd){background: #fff;}
   .products-menu ul li:nth-child(odd){ background:#fff;}
   .products-menu ul li:nth-child(even){background: #e1e1e1;}
 
}
@media (max-width: 640px) {
    .product-panel .product-inner ul li .pro-left  h2{ font-size:18px;}
    .product-panel .product-inner{margin-top:-25px;}
    .visual-pan .bx-wrapper .bx-pager{ bottom:25px;}
     .inner-banner{ min-height:180px;}
     .inner-container{margin-top:-30px;}
     .inner-banner h1{ bottom:32px; font-size:22px;}
     ul.main-nav li, ul.product-list li{ width:100%;}
     .search-group .search-input{width: 220px !important;}
     .headerpan .hdr-left, .headerpan .hdr-left img{ width:130px;}
     .overlay-banner  img{ width:120px;}
     .products-home .box{min-height: 263px;}
     ul.industries li{ width:99%;}
}
@media (max-width: 510px) {
    .products-home .box{width:100%;}
    .products-home .col-xs-6 {width:100%;} 
    .pro .products-home a{ display:block;} 
    ul.application li{ width:100%;}                                      
                           
}
@media (max-width: 450px) {
    .product-panel .product-inner ul li .pro-left h2{text-align:center;}
    .product-panel .product-inner ul li .pro-left .pro-arrow i{
        font-size: 18px;
    margin-top: 10px;
    border: 2px solid rgba(0,0,0,.3);
    
    border-radius: 100%;
    text-align: center;
    width: 28px;
    height: 28px;
    line-height: 20px;
    }
    .product-panel .col-sm-12, .about-pan .col-sm-12, .about-inner .col-sm-7, .about-inner .col-sm-5{ padding:0px;}
    .about-pan .container .col-sm-12 {padding: 10px 10px 0px 10px;}
     .headerpan .hdr-left, .headerpan .hdr-left img{ width:100px;}
}
@media (max-width: 380px) {
    .product-panel .product-inner ul li .pro-left  h2{ font-size:14px;}
    .headerpan .hdr-left h1, .headerpan .hdr-left h2{ font-size:22px;}
    .headerpan .hdr-right {
    float: left;
    width: 100%;
}
    .search-group {
        float: left;
        margin-top: 0px;
        margin-bottom:10px;

    }
    .navbar-toggle{ position:absolute !important; top:15px; right:15px;}
    .headerpan .hdr-left{padding-left: 0px;}
    .home-visual .overlay-banner h2{ font-size:18px;}
    .overlay-banner  img{ width:90px;}
    .home-visual .overlay-banner ul li{padding: 15px 10px;}
}

/*Home Page*/
/*Button Styles*/
.black-btn a{ background:#000; color:#fff; padding:7px 15px; text-transform:uppercase; font-size:12px; display:inline-block; border:1px solid transparent;}
.black-btn a:hover{background:#fff; color:#000; border:1px solid #000; text-decoration:none;}
.home-pro-panel{  z-index:100; position:relative; margin-top:-70px;}
.home-pro-panel .home-pro{background-image: url(images/home-product-bg.jpg);  color:#fff; width:100%; display:table; background-repeat: no-repeat;padding: 10px;background-size: cover;position: relative;}
.home-pro-panel .home-pro a{ color:rgba(255,255,255,1);}
.home-pro-panel .home-pro a:hover, .home-pro-panel .home-pro a:focus{ text-decoration:none; color:rgba(255,255,255,.7);}
.home-pro-panel .home-pro .img-con{width: auto !important; float:left;margin: 0px 15px 0px 0px;padding: 0px;display: inline-block;position: relative;overflow: hidden;}
.home-pro-panel .home-pro img{ width:auto !important; margin:0px; padding:0px; display:inline-block; position:relative; -webkit-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;} 
.home-pro-panel .home-pro a:hover img{ transform: scale(1.1);}
.home-pro-panel .home-pro  p{ margin-bottom:0px; }
.home-pro-panel .home-pro  p span{ font-size:20px; display:block; text-transform:uppercase;}
.home-pro-panel .home-pro  p i{ font-size:18px;}
h2.heading-home{ text-align:center;  position:relative; color:#1e3b6c; font-weight:bold;}
h2.heading-home:after{ content:""; background-image:url(images/heading-bg.png); background-repeat:no-repeat; position:absolute;  height:7px; width: 70px; bottom:-15px; margin-left:-35px; left:50%; }
    .home-info{ text-align:center;  margin:0 auto; max-width:773px;}
    ul.downloads{ display:block; width:100%; max-width:210px; margin:50px auto 0px;padding:0px; list-style:none; text-align:center; 
                  }
     ul.downloads li{  margin-bottom:20px;}
     ul.downloads li a{   text-transform:uppercase; width:210px !important; padding:10px;  background:rgba(0,0,0,.6); display:table-cell; color:#fff; width:100%;  vertical-align:middle;  text-align:left;}
    ul.downloads li a:hover{ text-decoration:none;}
    ul.downloads li a img{ float:right;}
     ul.downloads i{ float:left !important; font-size:40px; font-weight:100 !important; margin-right:10px;}
    
   
    .tp-white{ color:#fff !important;}
     /*.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption{ background:rgba(255,255,255,.5); padding:5px; display:block;}*/
    @media(max-width:1199px){ul.downloads li a{ text-transform:inherit}}
    @media(max-width:991px){ul.downloads li a img{ display:none; line-height:25px;}}
    @media(max-width:767px){
        
         .downloads-panel h2{ left: 0px; color:#fff !important; margin-top:30px !important;}
         ul.downloads li{ float:none;}
         ul.downloads{margin: 20px auto 0px;}
         .home-info{ padding:0px 10px;}
    }
     /*home product*/
    .padtb{ padding:30px 0px;}
    .bg-top{
       background: rgba(86,183,243,0.7);
background: -moz-linear-gradient(left, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 63%, rgba(255,255,255,0.7) 63%, rgba(255,255,255,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(86,183,243,0.7)), color-stop(0%, rgba(86,183,243,0.7)), color-stop(63%, rgba(86,183,243,0.7)), color-stop(63%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,0.7)));
background: -webkit-linear-gradient(left, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 63%, rgba(255,255,255,0.7) 63%, rgba(255,255,255,0.7) 100%);
background: -o-linear-gradient(left, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 63%, rgba(255,255,255,0.7) 63%, rgba(255,255,255,0.7) 100%);
background: -ms-linear-gradient(left, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 63%, rgba(255,255,255,0.7) 63%, rgba(255,255,255,0.7) 100%);
background: linear-gradient(to right, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 0%, rgba(86,183,243,0.7) 63%, rgba(255,255,255,0.7) 63%, rgba(255,255,255,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56b7f3', endColorstr='#ffffff', GradientType=1 );
    }
    @media(max-width:1199px){
        .bg-top{ background:rgba(86,183,243,0.7) !important;}
    }
    /*Application and awards*/ 
    .app-panel{/*background-image:url(images/app-bg-top.png); background-position:bottom right; background-repeat:no-repeat;*/}
    .app-image img{ margin-bottom:-30px;}
  .app-panel h2.heading-home{  text-align:left !important;  position:relative; color:#000 !important; font-size:20px; padding:0px; margin:0px;}
   .app-panel  h2.heading-home:after{ content:""; background-image:url(images/heading-bg-black.png); background-repeat:no-repeat; position:absolute;  height:7px; width: 70px; bottom:-15px; left:18%; }
   .app-panel ul{ margin:0px; padding:0px 0px 0px 30px; text-transform:uppercase; color:#000; list-style:none;}
   .app-panel ul li { margin:20px 0px 30px; position:relative; font-weight:bold;}
   .app-panel ul li:before{ content:"";  background-image:url(images/bullet-1.png); vertical-align:middle;  background-repeat:no-repeat; position:absolute; height:20px; width:20px; left:-30px; }
   ul.bxslider1{ color:#000;}
   ul.bxslider1 b{ font-weight:bold; display:block; margin-top:10px;}
   ul.bxslider1 p{ width:70%; margin:0 auto 10px; }
   
.new-launched-prod { width:96%; margin:0px auto;  background:#fff; padding:1% 1%;  vertical-align:top; border-radius:10px; text-align:center;}

.img-client { border:1px solid #ccc; margin:5px 5px; }
/*  Parallax image style */
.parallax-banner    { position:relative; width:100%; height:100%; min-height:100%; padding:0px 0;  margin:0px;  overflow:hidden; clear:both; float:left; z-index:0;}
.parallax-banner-home    { position:relative; width:100%; height:100%; min-height:100%; padding:0;  margin:0px;  overflow:hidden; clear:both;   z-index:0;}
/*Footer*/
/*Footer New*/
.footer{ /*border-top:1px solid #789f18; background:#eef3e3;*/  width:100%; }
.footer-con{  font-weight:normal; background:#f0f0f0;}
.inner-footer-bg:before{ content:""; content:""; background-image:url(images/footer-inner-bg.jpg); background-repeat:no-repeat; position:absolute;  height:79px; background-size:cover; top:-79px; width:100%; margin-top:00px;}
/*.footer-con ul.contact-info{ margin:0px; padding:0px; list-style:none;}
.footer-con ul.contact-info li{ float:left;}
.footer-con ul.contact-info .footer-con i{font-size:18px; color:#636363; padding-right:5px;}
.footer-con ul.contact-info .footer-con{ padding-right:10px; font-family:Arial !important; margin-bottom:10px;}
.footer-con ul.contact-info .footer-con a{ color:#636363;}
ul.socail-footer{ margin:0px; padding:0px; text-align:center;  margin-bottom:20px; float:right;}
ul.socail-footer li{ display:inline-block;}
ul.socail-footer a i{color:#636363 !important; font-size:18px; width:30px; height:30px; 
                                                  line-height:28px; text-align:center; border:2px solid #636363;
                                                   border-radius:100%; margin-right:10px;  -webkit-transition: 0.8s ease; transition: 0.8s ease;}
ul.socail-footer a i:hover {color:#e8151f !important;  border:2px solid #e8151f;}
.copyright{ background:#525252}
.copyright p{ text-align:center; margin-top:10px; font-size:12px; color:#fff;}
.footer-links ul{ margin:0px 0px 0px 0px; padding:0px; list-style-type:none; list-style-type:none; float:right;}
 .footer-links ul li {display: inline-block;}
  .footer-links ul li a{border-right:1px solid #636363; padding:0px 5px; color: #636363;}
  .footer-links ul li a.border-none{border-right:0px solid #789f18;}
  .footer-links ul li a:hover{ text-decoration:none; color:#e8151f;}*/

ul.main-nav-list { margin:0px; padding:0px; list-style:none; display:table; text-transform:uppercase; color:#000; width:100%;}

ul.main-nav-list > li{ border-right:2px solid #e3e3e3; display:table-cell; padding:30px 0px 30px;}
ul.main-nav-list > li h4{ font-size:16px;}
ul.main-nav-list > li a{ color:#000; line-height:25px;}
ul.main-nav-list > li:first-child{width:20%; padding-left:25px; padding-right:25px;}
ul.main-nav-list > li:nth-child(2){width:17%; padding-left:25px; padding-right:25px;}
ul.main-nav-list > li:nth-child(3){width:17%; padding-left:25px;}
ul.main-nav-list >  li:nth-child(4){width:46%; border-right:0px; padding-left:25px;  }

ul.main-nav-list >  li:nth-child(4) i{ color:#000;}
ul.main-nav-list >  li:nth-child(4) a{ text-transform:lowercase;}
ul.main-nav-list .footer-inner-list{ margin:0px; padding:0px; list-style:none;}
.copyright{ background:#006eb9}
.copyright p{ text-align:center; margin:20px 0px; font-size:14px; color:#fff; text-transform:uppercase;}
@media (max-width:767px){
    ul.main-nav-list{ display:block;}
    ul.main-nav-list > li{ width:100% !important;}
    .mobile-font-small, .copyright p{ font-size:12px;}

}
/*Inner Pages*/
.visual-bg {
    background-position: top center;
    background-size: cover !important;
    height: 195px;
    width: 100%;
    background-repeat: no-repeat !important;
}

.inner-content{ margin-bottom:100px;}
.inner-content h1{  text-align:left !important; font-size:26px; font-weight:700;  position:relative; color:#00406b !important; text-transform:uppercase; margin:15px 0px !important;   }
.inner-content  h1:after{ content:""; background-image:url(images/heading-bg.png); background-repeat:no-repeat; position:absolute;  height:7px; width: 70px; bottom:-15px; left:0%; }
.top-title .breadcrumb{ float:right; margin-top:10px;}
.bg-blue { background:#e4f5ff; padding:20px;     min-height: 425px;}
ul.inner-list{  padding:0px 0px 0px 30px;  list-style:none;}
.listInline li{ display:inline-block ; min-width:200px;}
ul.inner-list li { line-height:25px; position:relative; font-weight:bold; margin:5px 0px 10px}
ul.inner-list li:before{ content:"";  background-image:url(images/bullet-2.png); vertical-align:middle;  background-repeat:no-repeat; position:absolute; height:20px; width:20px; left:-30px; top:0%; margin-top:5px;}
.download-pdf a{ background:#000; padding:20px 20px; color:#fff; text-transform:uppercase; border:1px solid #000; }
.download-pdf a img{ vertical-align:middle; margin-left:30px;}
.download-pdf a:hover{ background:transparent; text-decoration:none; color:#000;}
.inner-content1{ width:90%;}
/*Inner left panel*/
@media(max-width:991px) {
    .inner-content1{ width:100%;}
}
@media(max-width:767px){
    .inner-content h1{font-size:18px;}
    .inner-content h2{font-size:15px;}
    .visual-bg{height: 100px;}
    .top-title .breadcrumb{ float:left; margin-bottom:0px !important;}
.breadcrumb{ padding-left:0px !IMPORTANT;}
}
@media(max-width:375px) {
    .download-pdf a {
        text-transform: capitalize !important;
        padding: 15px;
    }
}
 .left-pro{ float:right;  background-image: url(images/inner-left-bg.jpg);  color:#fff; width:100%; display:table; background-repeat: no-repeat;padding: 15px;background-size: cover;position: relative;}
 .left-pro a{ color:rgba(255,255,255,1);}
.left-pro a:hover, .home-pro-panel .home-pro a:focus{ text-decoration:none; color:rgba(255,255,255,.7);}
.left-pro .img-con{width: auto !important; float:left;margin: 0px 0px 0px 0px;padding: 0px;display: inline-block;position: relative;overflow: hidden;}
.left-pro img{ width:auto !important; max-width:100%; margin:0px; padding:0px; display:block;  -webkit-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;} 
.left-pro a:hover img{ transform: scale(1.1);}
.left-pro p{ font-size:18px; margin-top:15px; text-align:center; display:block; }
.left-pro p span{ font-size:20px; font-weight:bold; text-transform:uppercase; padding:0px; margin:0px;  display:block }
.left-pro h3{background: #ffd800;color: #000; margin:-15px; padding:10px; text-align:center; line-height:1.5}
.left-pro ol{ padding:0px; margin:30px 0px 20px;}
.left-pro ol li{background:rgba(0,0,0,.2); position:relative; padding:5px 15px 5px 25px; vertical-align:middle; list-style-position:inside; min-height:50px; margin-bottom:15px; display:table; width:100%; }
.left-pro ol li span{ position:absolute; font-weight:bold; left:-10px;top:10px; text-align:center; clip-path; color:#000; width:30px; height:30px; line-height:30px; border-radius:100%;     background: #ffd800;}
.left-pro ol li div{ display:table-cell; vertical-align:middle;}
.action-btn{ padding:10px 15px; background:#ffd800; color:#000; border:1px solid #ffd800; text-transform:uppercase; display:inline-block; position:absolute; bottom:-20px; left:50%; margin-left:-68px;
                    -webkit-transition:all 1s ease 0s; -o-transition:all 1s ease 0s; transition:all 1s ease 0s;
       }
       .left-pro a:hover .action-btn{background:#fff; }
       .left-pro a:focus{ text-decoration:none;}
       @media (max-width:767px){ 
    .left-pro{max-width: 280px; float: left;} 
    .tp-banner-container{ display:none !important;}
    .home-pro-panel{ margin-top:20px;}
     ul.main-nav-list > li:first-child, ul.main-nav-list > li:nth-child(2), ul.main-nav-list > li:nth-child(3), ul.main-nav-list > li:nth-child(4){ width:100%; display:block !important;}
     ul.main-nav-list > li{padding: 10px 0px 5px;}
     .bg-top{ background:#006eb9 !important;}
     .app-panel h2.heading-home, .app-panel ul, ul.bxslider1 p, ul.bxslider1 b{ color:#fff !important;}
     .app-panel ul{ list-style:disc !important;}
     .app-panel ul li:before{background-image:none !important;}

}
@media (max-width:992px){.home-pro-panel .home-pro .img-con{float:none;} .app-image img{ display:none;}}

@media (max-width:991px)
{
    ul.main-nav-list > li:first-child, ul.main-nav-list > li:nth-child(2), ul.main-nav-list > li:nth-child(3){ width:33.33%; display:inline-block; border-right:0px; vertical-align:top; }
    ul.main-nav-list > li:nth-child(4){ width:100%; display:block !important;}
 }                                                                                                                                        }

/*Submersible*/
/*.inner-slider{ border:1px solid #ddd; max-width:200px; margin-bottom:20px;}*/
.img-box{ float:left; margin-right:20px;}
.img-box img{ border:1px solid #ccc; padding:30px 20px; background:#fff; float:left; margin-right:20px;}
.pic-box { border:1px solid #ddd;}
.pic-box ul{ margin:0px; padding:0px; text-align:center;}
.pic-box ul li{ width:49%; display:inline-block;}
/*responsive table*/
table tr td {padding:10px !important;}
.th { background: #006eb9 !important; color:#fff;  }
.th td{ padding:10px  !important; text-transform:uppercase;}
 .responsive-table table{ width:100%; border:1px solid #ccc;}
  .responsive-table table tr{ border-bottom:1px solid #ccc;}
@media only screen and (max-width: 767px) {
    .inner-slider{ max-width:100px;}
    .inner-slider img{ max-width:100%; max-height:300px; }
  .responsive-table table{ border:0px solid #ccc;} 
table tr td {padding:10px !important;}
table tr th {padding:5px !important; background: #006eb9 !important; }

.responsive-table table, .responsive-table thead, .responsive-table tbody, 
.responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr   {display: block;}

.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table tr        {border:1px solid #ccc !important; margin-bottom:20px;}
.responsive-table thead tr  {position:absolute; top:-9999px; left:-9999px;}
.responsive-table tr        {border:1px solid #ccc !important; margin-bottom:20px;}
.responsive-table table tr td {text-align:left !important; width:auto !important}
.responsive-table td    {border:none; border-bottom:0px solid #ccc; position:relative; padding-left:50% !important; white-space:normal; text-align:left; z-index:99}
.responsive-table td:before {position:absolute; top:4px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:500; color:#000}

.responsive-table td:before {content:attr(data-title); z-index:-1}
.pic-box ul li img{ max-height:200px; margin:0 auto;}
}
@media only screen and (max-width: 480px) {
    .responsive-table td {
        padding: 30px 6px 10px !important;width: 100% !important;
        border-bottom:1px solid #ccc;
    }
   .responsive-table td:before {
        width: 100% !important;
        padding-left: 0px;padding-right: 0px;
   }

}
/*Dewatering*/
.dewatering-pics img{ float:left; padding:1px; border:1px solid #ccc; margin-right:10px;}