/* CSS Document */

@font-face 
{
	font-family: 'myriad pro-regular';
	src: url('../fonts/myriad pro-regular.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'lanecane';
	src: url('../fonts/lanecane.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'centurygothic';
	src: url('../fonts/centurygothic.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'lane-narrow';
	src: url('../fonts/lane-narrow.ttf')  format('truetype');
}

@font-face 
{
	font-family: 'Questrial-Regular';
	src: url('../fonts/Questrial-Regular.ttf')  format('truetype');
}

body
{
	overflow-x:hidden;
}
.wrapper {
    max-width: 1300px;
    margin: 0px auto;
}

/************ index page start ************/


/************ top-navigation css start ************/

/************ affix menu code ************/
.affix {
    top: 0px;
    width: 100%;
    background-color:#0093df !important;
    border-radius:  0 !important;
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    z-index: 1;
 }
.affix .top-nav {
	display: none;
}
.affix .logo { 
	margin-top: 11px;
    width:50%;
}

.navbar {
    margin-bottom: 0px!important;
    border: none !important;
}
.affix ~ .container-fluid {
   position: relative;
   top: 50px;
}

/************ affix menu code ************/
.top-header {
	background-color:#ff6211 !important;
}
.top-font { 
	font-size: 14px;
	font-family: 'Questrial-Regular'; 
	color:#5a5a5a; 
	padding-top: 12px;
	padding-left: 20px;
}

.top-margin {
	float: right; 
}

.social {
    list-style: none !important;
    display: inline-flex;
    margin-bottom: 5px;
    margin-top: 5px;
}

.social li
{
	padding: 0px 2px !important;
}

.social-icon 
{
	color: #fff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	font-size: 20px;
	border-radius: 100%;
	transition: all 200ms ease-in;
}

.social-icon:hover
{
 	color: #000 !important;
}
.top-logo {
	background-color:#fff;
}

.logo {
	/*! margin-top: -15px; */
}
.logo-font {
	margin-top:  15% !important;
	margin-left:  2% !important;
}
.logo-text {
	margin-top:  -25% !important;
	margin-left: 19% !important;
}
.contact-text {
	font-family: 'lanecane';
	color:#010101;
	font-size:20px;
}
.contact-number {
	font-family: 'centurygothic';
	font-size:16px;
	color:#010101;
	font-weight:700;
}
.menu {
	background-color:#0093df;
}
/************ top-navigation css over ************/

/***************  Product Slider ******************/
.product-slider {
	margin-bottom:50px;
}
.product-bg {
	background-color:#282828;
	height: 130px;
	width: 100%;
	margin-top: -12px !important;
	padding: 17px 10px;
}
.img-bg {
    width: auto !important;
    margin-top: -17px;
}
.image-text {
	font-size:20px;
	color:#282828;
	font-family: 'Questrial-Regular'; 
	margin-top: -40px;
	font-weight: 700;
	letter-spacing: 1px;
}

/***************  Product Slider ******************/

/***************  About Index ******************/
.about-index {
	/*float: right;*/
}
.about-01-index {
	margin-bottom:60px; 
}
.about-index-font {
	font-size:39px;
	color:#000000;
	font-family: 'Questrial-Regular'; 
	margin-bottom: 25px;
}
.about-index-font-01 {
	font-size:20px;
	color:#121212;
	font-family: 'Questrial-Regular'; 
	text-align: justify;
	line-height: 35px;
}
.about-index-font-02 { 
	font-size:20px;
	color:#121212;
	font-family:'Questrial-Regular';
	text-align:justify;
	line-height:35px;
	padding:0px 0px;
	margin-right: 35px !important;
}
.video-top {
	margin-top:22%;
	/*! height: 377px !important; */
	/*! width: 553px; */
}
/***************  About Index ******************/

/***************  Complete Water Treatment Solutions ******************/
.water-treatment {
	margin-bottom:80px;
}
/***************  Complete Water Treatment Solutions ******************/

/***************  Client Slider ******************/
.client-font {
    font-size: 50px;
    font-weight: 700;
    color: #0d0d0d;
    padding: 20px 0px 0px 0px;
    font-family: 'Questrial-Regular';
    text-align: center;
    text-shadow: 2px 2px 20px #fff;
}
.client-img {
	border:1px solid #fff;
}
.client-img:hover  {
	border: 1px solid #000;
	box-shadow: 0 1px 4px rgba(0,0,0,0.6);
}
/***************  Client Slider ******************/

/* ------------ section-index -------------*/
.section-1 { 
	background-image: url(../images/index-bg-img.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;
}

/* ------------ section-index -------------*/

/*************** Footer css ******************/
.footer {
}
.footer li {
    list-style: none;
    border-bottom: 2px dashed #949797;
    padding-bottom: 5px;
}
.footer-font {
	color:#0173c5;
	font-size:25px;
	font-family: 'lane-narrow';
	font-weight: 700;
	letter-spacing: 1px;
}
.footer-font-01 {
	font-family: 'myriad pro-regular';
	font-size:20px;
	color:#0d0d0d;
	letter-spacing: 1px;
	font-weight: 700;
}
.footer-font-02 {
	color:#535353;
	font-size:13px;
	font-family: 'myriad pro-regular';
	font-weight: 700;
	line-height: 25px;
}
.footer-font-02:hover {
	color:#0173c5;
}
.footer-font-03 {
	color:#0173c5;
	font-size:25px;
	font-family: 'lane-narrow';
	font-weight: 700;
	letter-spacing: 1px;
}
.footer-font-04 {
	color:#535353;
	font-size:14px;
	font-family: 'myriad pro-regular';
	font-weight: 700;
	line-height: 25px;
}
.download-img {
	margin-top:30%;
}
.border-left {
	 border-left: 2px dashed #949797;
	 margin-top: 5%;
}
/*************** footer social ******************/
.social-01 {
    padding-top: 20px;
    display: inline-flex;
}
.social-01 li
{
	padding: 0px 2px !important;
	border-bottom: unset;
}
.social-icon-01 {
	color: #ffffff;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background:#898989;
	width: 32px;
	height: 32px;
	font-size: 20px;
	border-radius: 100%;
	transition: all 200ms ease-in;
	border: 2px solid #898989;
}

.social-icon-01:hover {
 	color: #898989 !important;
	background: transparent;
	border: 2px solid #898989;
}
[class^="hvr-"] {
    margin: 0px 0px;
    padding: 7px 6px;
    cursor: pointer;
    background: #898989;
    text-decoration: none;
    color: #252634;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 50%;
    font-size: 14px;
    width: 30px;
    height: 30px;
}
.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: background;
    transition-property: background;
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
    background: none;
   color: #5c99df;
    border: 2px solid #3E87D9;
}
/*************** footer social ******************/
/*************** Footer css ******************/

/*************** Footer Copyright ******************/
.footer-copy {
	background-color:#0093df;
}
.footer-copy-text {
	font-family: 'Questrial-Regular';
	font-size:15.4px;
	color:#fff;
	letter-spacing:1px;
	font-weight:700;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.footer-copy-text a {
	 color: #fff;
}
/*************** Footer Copyright ******************/
/************ top arrow contant  ************/
.scrollTop {
    position: fixed;
    right: 2%;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 10px;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    font-size: 14px;
    border-radius: 50%;
}
.scrollTop:hover {
  background-color:#0093df99;
}
.scrollTop a {
    color: #ccc !important;
}
/************ top arrow contant  ************/
/************ index page over ************/

/************ About page Start ************/
.top-slider {
    margin-bottom: 45px;
}
.slider-font {
    font-size: 50px;
    color: #fff;
    font-family: 'Questrial-Regular';
    text-shadow: 2px 2px 4px #232323;
    font-weight: 700;
    margin-top: -16%;
}
.slider-font-span {
    font-size: 25px;
}
.about {
	margin-bottom:3%;
	background-image: url(../images/about-bg-img.png);
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top: -45px;
}
.about-img-man {
	margin-top:10% !important;
}
.about-text {
	 font-family: 'Questrial-Regular';
	 font-size: 19px;
	 text-align:justify;
	 font-weight:700;
	 color:#202020;
	 line-height:30px;
	 margin-bottom: 20px !important;
}
.about-img-text {
	font-family: 'Questrial-Regular';
	font-size: 20px;
	background-color: #202020;
	color: #fff;
	padding: 12px;
	width: 548px;
	letter-spacing: 1px;
	font-weight: 700;
}
.about-text-01 {
	font-size:40px;
	color:#ff6211;
	font-family: 'Questrial-Regular';
	font-weight:700;
	letter-spacing:1px;
	text-align:center;
}
.about-text-02 {
	font-size:50px;
	font-family: 'Questrial-Regular';
	color:#000000;
	font-weight:700;
	letter-spacing:1px;
	text-align:center;
}
.about-text-03 {
	font-size:20px;
	font-family: 'Questrial-Regular';
	color:#fff;
	background-color:#202020;
	text-align:center;
  padding: 15px;
	max-width: 270px;
	margin-top: 0px;
}
.about-text-03 a {
	color: #fff;
}
.about-text-04 {
	font-family: 'Questrial-Regular';
	font-size: 20px;
	background-color: #202020;
	color: #fff;
	padding: 12px;
	letter-spacing: 1px;
	font-weight: 700;
	width:1123px;
}
.carousel-control {
	top:50% !important;
}
/************ About page Over ************/

/************ client page css ************/

.client-details-01 {
     margin-top: -19%; 
     position: absolute;
}
.client-details {
	/*! background-image: url(../images/client-bg-img.png); */
	/*! background-color: transparent; */
	/*! background-repeat: no-repeat; */
	
}
.client-text {
	background-color: #202020;
	padding: 8px;
	width: 242px;
	color: #fff;
	font-family: 'Questrial-Regular';
	font-size: 20px;
	letter-spacing:1px;
	font-weight:700;
}
.client-text-01 {
	font-family: 'Questrial-Regular';
	font-size: 30px;
	letter-spacing:1px;
	font-weight:700;
	color:#fff;
	background-color:#d22313;
	padding:15px;
	margin-top: -73px;
	padding-left: 10%;
	margin-bottom: 0;
}
.client-text-011 {
	font-family: 'Questrial-Regular';
	font-size: 30px;
	letter-spacing:1px;
	font-weight:700;
	color:#fff;
	background-color:#d22313;
	padding:15px;
	padding-left: 3%;
	margin-bottom: 0;
}
.client-text-02 {
	color:#0a0a0a;
	font-size:19px;
	letter-spacing:1px;
	font-weight:700;
	font-family: 'Questrial-Regular';
	padding: 10px 15px 10px 15px;
	margin: 0;
}
.bg-color {
	background-color:#efefef;
	padding: 7px;
}
.bg-color-01 {
	background-color:#efefef;
	padding: 7px;
	/*! margin-top:-1%; */
}
.client-detail-01 {
	/*! margin:0px !important; */
}
.client-img-01 {
	float: right;
    margin-top: -121px;
	position: relative;
	/*! z-index: 1; */
}

/********** table-contant ***********/
.tr-td-padding {
	padding:10px 6px;
}
/********** table-contant ***********/

/********** tab-panel-contant ***********/
.panel-body {
    padding: 15px !important;
    padding-top: 0 !important;
	padding-bottom:0px !important;
}
.panel-heading {
    padding:0px !important;
}
.panel {
	background-color:transparent !important;
	border:none !important;
}
.panel-default > .panel-heading { 
	background-color:transparent !important;
}
/********** tab-panel-contant ***********/
/************ client page css ************/

/************ Contact page Start ************/
.contact-bg-img {
    float: right;
    margin-right: -14%;
    margin-top: -7%;
	position:relative;
}
.map {
    margin-bottom: -3%;
    position:  absolute;
    margin-top: 7%;
    /*! border: 2px solid #cdcdcd; */
    box-shadow: 0px 0px 3px 3px #e7e4dc;
    border-radius: 15px;
    margin-left: -22%;
}
.contact-font {
	 font-size: 19px;
  	 color: #282828;
   	 font-family: 'Questrial-Regular';
	 font-weight: 700;
     letter-spacing: 1px;
	 margin-bottom:  5% !important;
	 line-height:30px;
}
.contact-font-011 {
	 font-size: 19px;
    color: #282828;
    font-family: 'Questrial-Regular';
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 5% !important;
    line-height: 30px;
    margin-top: 60% !important;
    position: absolute;
    padding-left: 8%;
}

.contact-font-01 {
	font-size:25px;
	color: #282828;
    font-family: 'Questrial-Regular';
	font-weight: 700;
	letter-spacing: 1px;
}
.contact-font-02 {
	 font-size: 23px;
  	 color: #282828;
   	 font-family: 'Questrial-Regular';
	 font-weight: 700;
	 letter-spacing: 1px;
}
.contact-font-03 { 
	 font-size: 20px;
  	 color: #282828;
   	 font-family: 'Questrial-Regular';
	 font-weight: 700;
	 letter-spacing: 1px;
	 margin-bottom: 5%;
}
.contact-mail {
	color:#282828;
}
.contact-mail:hover {
	color:#0093DF;
}
/*** social icon css ***/

.social01 {
   display: inline-flex;
    margin-bottom: 4%;
    /*! margin-top: 70%; */
    /*! padding-left: 14%; */
}
.social02 {
	display: inline-flex;
	margin-bottom: 4%;
}
.social-icon-contact {
    color: #FFFFFF !important;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    line-height: 25px;
    font-size: 30px;
    border-radius: 100%;
    transition: all 200ms ease-in;
    text-shadow: 2px 2px 4px #000000;
}
.social-icon-contact:hover {
    color: #cbd4d4 !important;
    background: #eaeaea;
    background-color: rgb(234, 234, 234);
    border: 2px solid #898989;
    border: none;
    background-color: #3b3b3b !important;
    background: url(../images/insta-bg-hover.png) !important;
}
li {
    list-style-type: none;
}
.social-icon-contact i { 
	font-size: 35px;
}
/*** social icon css ***/
/************ Contact page over ************/


/************ Video page Start ************/
.video01 {
	font-size: 100px;
  	color:#040404;
	font-family: 'Questrial-Regular';
}

.video-slider {background-color: #dbdbdbb3;  height: 416px;box-shadow: 0px 0px 3px 3px #f5f5f5;}

.left-01 {
    left: -45px !important;
    margin-top: -8%; 
    /*! margin-bottom: 30%; */
}

.right-01 {
	right: -45px !important; 
  	margin-top: -8%;
	/*! margin-bottom: 30%; */
}

.video-font
{
    font-size: 25px !important;
    font-family: 'Questrial-Regular';
    color: #fffefe;
    background-color: #000;
    width: 380px;
    border-radius: none !important;
    margin-top: 0% !important;
    padding: 10px;
}
.video-set { width: 90%; height: 350px; margin-top: 5%;}

.video-img-bg {
    margin-top: -4px;
}
.video-bg-color {
	background-color: #e6e6e6;
	height: 385px;
}
/************ Video page over ************/

/************ Download page Start ************/
.download {
	background-image: url(../images/download-bg.png);
	background-color: transparent;
	background-repeat: no-repeat;
	height: 420px;
}
.download-pdf {
	border:5px solid #cbe2f8;
	border-bottom-right-radius: 20%;
}

/************ Download page over ************/

/************ certificate page Start ************/
.certificate {
	background-image: url(../images/certificate-bg.png);
	background-color: transparent;
	background-repeat: no-repeat;
	margin-top: -45px;
}
/************ certificate page over ************/


/********* Product Inner page Start ********/
.width-pro {
    width: 997px;
}
.width-col {
	width:975px;
}
.pro-inner-text {
	font-family: 'Questrial-Regular';
	font-size:20px;
	color:#fff;
	letter-spacing:1px;
	font-weight:700;
	text-align:center;
	background-color:#202020;
	padding:15px;
}
.pro-inner-text-101 {
	font-family: 'Questrial-Regular';
	font-size:20px;
	color:#fff;
	letter-spacing:1px;
	font-weight:700;
	text-align:center;
	background-color:#202020;
	padding:15px;
	width:1109px;
}
.pro-inner-text-7-bg {
	width:583px;
}
.pro-inner-text-7-bg-1 {
	width:636px;
}
.pro-inner-text-7-bg-2 {
	width:445px;
}
.pro-inner-text-8 {
    width: 661px;
}
.pro-inner-text-6 {
    width: 551px;
}

.pro-inner-text-01 {
	font-size:50px;
	font-weight:700;
	color:#000;
	text-align:center;
	font-family: 'Questrial-Regular';
	margin-top: -25%;
}
.pro-inner-text-02 {
	font-family: 'Questrial-Regular';
	font-size: 17px;
	color: #202020;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 26px;
	text-align: justify;
}
.pro-inner-text-202 {
	font-family: 'Questrial-Regular';
	font-size:18px;
	color:#202020;
	letter-spacing:1px;
	font-weight:700;
	left:40px;
	text-align: justify;
}
.img-set-gallom {
	margin-top: -19%;
}
.ro-text {
	font-family: 'Questrial-Regular';
	font-size: 30px;
	text-align:left;
	font-weight:700;
	color:#000000;
}
.process-text {
	font-family: 'Questrial-Regular';
	font-size:25px;
	text-align:left;
	font-weight:700;
	color:#000;
	letter-spacing: 1px;
}
.ro-text-01 {
	font-family: 'Questrial-Regular';
	font-size: 18px;
	color:#202020;
	background-color:#eefcfe;
	font-weight:700;
	letter-spacing:1px;
	line-height:25px;
	padding: 17px;
	border-left: 10px solid #ccf7fd;
}
.ro-img-left {
	margin-left:15%;
}
.ro-text-02 {
	font-family: 'Questrial-Regular';
	font-size: 23px;
	color:#202020;
	border-bottom:2px solid #cdcdcd; solid #cdcdcd;
	text-align:left;
	/*! padding-bottom: 4px; */
	background-color: #fff;
	padding: 6px 4px;
}
.ro-pharma-font {
	font-family: 'Questrial-Regular';
	font-size: 25px;
	color:#fff;
	background-color:#202020;
	padding:15px 5%;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: -4%;
	margin-bottom: 25px;
}
.brackish-img-top {
    margin-top: -50px;
    position: relative;
}
.process-img-top{
	margin-top:-18%;
}
.automatic-pet-text-02 {
    font-family: 'Questrial-Regular';
    font-size: 20px;
    color: #202020;
    border-bottom: 2px solid #cdcdcd;
    text-align: left;
    padding-bottom: 0px;
}
/********* Table Contant *********/
table {
  	border-collapse: collapse;
	  margin: 0;
  	padding: 0;
  	width: 100%;
  	margin-bottom: 4%;
}
table td {
  	
  	border-bottom: 2px solid #747474;
  	padding: 10px 4%;
	font-family: 'Questrial-Regular';
	font-size:18px;
	font-weight: 700;
}
.table-border {
  padding:10px;
	text-align: center;
}

table tr {
	background: #efefef;
}
table th {
	font-size: 25px;
	color: #fff;
	background-color: #202020;
    letter-spacing: 1px;
    line-height: 30px;
	font-weight: 700;
	font-family: 'Questrial-Regular';
	padding: 10px 4%;
}
.table-th {
	font-family: 'Questrial-Regular';
	background-color:#202020;
	color:#fff;
	font-size:20px;
	padding:8px;
	text-align:center;
}
.table-td {
	padding:8px;
	font-family: 'Questrial-Regular';
	font-size:25px;
	font-weight: 700;
	text-align:center;
	border-bottom: none;
	
}
.ro-pharma-table {
    margin-top: -13%;
}
/********* Table Contant *********/
/********* Product Inner page over *********/

/************ Main - Product page Start ************/
.product-img-bg {
	background-color: #202020;
	color: #fff;
	font-family: 'Questrial-Regular';
	text-shadow: 2px 2px 4px #000000;
	font-weight: 700;
	letter-spacing: 1px;
	width: auto;
	font-size: 32px;
	padding-top: 12px;
	height: 110px;
	margin: 0;
}
.product-text {
	font-size:19px;
}
.pro-img-text {
    font-size: 20px;
    color: #282828;
    font-family: 'Questrial-Regular';
    margin-top: -30px;
    font-weight: 700;
    letter-spacing: 1px;
    position: relative;
}
.margin-top-img {
	margin-top:-9%;
}
/************ Main - Product page over ************/