@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */
/* Museo 300 */
@import "fonts/stylesheet.css";
@import "fonts/font-awesome.css";


@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);

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

/* Basic Reset */
*{ margin:0px; padding:0px;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,ul.category-grid li h2 address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; list-style: none; }

/* General */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, mark, time { display:block }
	
	
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary 
{display:block; margin:0px; padding:0px;}


body, html, form, section {height:100%; min-height:100%;}

html    { background:#fff; }
body {  font-family: 'SegoeUI', Arial, sans-serif;  font-size: 14px;   color: #666; background:#fff;}

table {border-collapse:collapse; width:100%; height:auto;}

body { opacity:0; }


 
 /*
=====================================================================================================================================================
COMMON TAGS
=====================================================================================================================================================
*/


p { margin:0px 0px 15px 0px; padding:0px; text-align:left; line-height:15pt;  }
b, strong { font-weight:600;   }

ul  {padding:0px; margin:0px  0px 10px 0px;;}
li {list-style-type:disc; padding:0px; margin:0px 10px 5px 20px; line-height:16pt;  }
.list li { list-style-image: url('images/list-bullet.gif'); padding-left: 00px; margin:0px 10px 5px 20px; line-height: 13pt; vertical-align:text-top; }
.listcol2 li {  list-style-type:disc; padding:0px; margin:0px 10px 5px 20px; width:44%;  vertical-align:top; float:left;  }

img { max-width: 100%; height: auto; border: 0; outline:none;}

/* Anchor Styles */
a		{color:#666; text-decoration:underline;}
a:hover	{color:#666; text-decoration:none;}
a       {outline:none;}


/* Clear Styles */
.clear	{clear:both; width:100%;} 
.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;}


/* Hr Line Style  */
hr { width:100%; margin:15px 0px 15px 0px; padding:0px 0px 0px 0px; clear:both;   }
hr.solid { border: 0; border-bottom: 1px solid #ccc;  }
hr.dotted { border: 0; border-bottom: 1px dotted #e8e8e8; background: #e8e8e8; }
hr.dashed { border: 0; border-bottom: 1px dashed #ccc; background: #fff; }
hr.double { border: 0; border-bottom: 1px dashed #ccc; background: #999; }

/* Float Style  */
.fnone { float:none;} 
.fleft { float:left;} 
.fright { float:right;}

/* Text Style  */
.txt_left { text-align:left; }
.txt_cent { text-align:center; }
.txt_rgt { text-align:right; }

/* Ruppe Style  */
span.rs     {font-family: 'rupee_foradianregular'; font-weight:normal; font-style:normal;}

.err    {font-family: Arial; font-size: 12px; font-weight: bold; color: rgb(200,0,0);}
.error  {color:White; font-size:11px; font-weight:bold; text-decoration: none;}


/* GO To Top Style  */
.scrollup{ width:30px; height:40px;	text-indent:-9999px; position:fixed; bottom:20px; right:20px; display:none; background: url('images/up.png') no-repeat; z-index:999999999;}
.scrollup {  -webkit-animation: moveFromBottom 1000ms ease; -moz-animation: moveFromBottom 1000ms ease;   -ms-animation: moveFromBottom 1000ms ease;}
.scrollup:hover{ background: url('images/up.png') no-repeat; background-position:0 -35px; z-index:999999999; }



/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/
h1, h2, h3, h4, h5, h6 {font-style:normal; font-weight:normal; line-height:normal; margin:0px; padding:0px; font-family: 'SegoeUI', Arial, sans-serif;   }

h1      {font-size:2.2em;  color:#06777c; text-transform:none; margin-bottom:10px; }
h2      {font-size:2em; color:#000; margin-bottom:10px;  text-transform:none; font-weight:300; }
h3      {font-size:1.6em; color:#666; margin-bottom:10px;   }
h4      {font-size:1.4em; color:#06777c;   margin-bottom:6px;  text-transform:none;}
h5      {font-size:1.2em; color:#666;   margin-bottom:10px;  text-transform:none;}
h6      {font-size:1em; color:#666;   margin-bottom:10px;  text-transform:none;}

h2 a {  text-decoration: none;}

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

.wrap             { width:100%; max-width:1100px; margin:0 auto;}
/*****************************************************************************************************************
WRAPPER ENDS
*****************************************************************************************************************/


.tcenter {text-align:center; }
.tjustify {text-align:justify }

/*
=====================================================================================================================================================
HEADER STYLE
=====================================================================================================================================================
*/

#headerpan1 { width:100%;  margin:0px; padding:0; background:#fff; z-index:99;   float:left;  display:block;  border-bottom:5px solid #fe9600;    }
#headerpan { width:100%;  margin:0px; padding:0; background:#fff; z-index:99;    display:block; position:fixed; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;     }
#header { width:100%; display:block; margin:0px; padding:5px 0px; float:left;   }
#header .logo {   width:150px;   padding:0px;   }
#header .logo img { float:left; }

#header .header_right { float:right;}
#header .header_right ul {  padding:0; margin:23px 0 0 0; text-align:left;}
#header .header_right li { float:left; padding:5px; margin:0; text-align:left; list-style:none; font-weight:600;   color:#000; font-size:1em; padding:0px 10px; font-style:italic; text-transform:uppercase; font-weight:500;    }
#header .header_right li a { color:#00c0ac; text-decoration:none;} 
#header .header_right li a:hover {   text-decoration:underline;}
#header .header_right .fa { margin-right:5px; font-size:12px;}


.headershadow {  box-shadow: 0px 5px 5px rgba(0,0,0,0.08); position:relative;   }



.fixed {position:fixed;}




header.sticky { text-align: left;  }
 

header.sticky  .logo img {width:100px; height:auto; }
header.sticky .menu a { padding:3px 0px 8px 0px; } 
header.sticky  #header .header_right ul { margin-top:8px }
/* header style */
 

/*
=====================================================================================================================================================
HOME BODY STYLE
=====================================================================================================================================================
*/

/* home container style */
#home-containerpan  {width:100%;}
.home-container     {width:100%; float:left;}
.homespan   { width:100%; float:left; background:#afa487 url(images/pic-blur.jpg) no-repeat center; background-size:cover;   display:block;  }

.headline { border-bottom:2px dotted #afa487; display:block;  float:none; }
.headline span { border-bottom:2px solid #00c0ac; display:inline-block; margin-bottom: -2px; padding: 5px;    }


.introbg { min-height:300px; border-bottom:1px solid #c7d3da; padding:40px 0px 20px 0px; float:left; width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffff+54,c7d3da+100 */
background: rgb(254,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 54%, rgba(199,211,218,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,rgba(254,255,255,1)), color-stop(100%,rgba(199,211,218,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 54%,rgba(199,211,218,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,255,255,1) 54%,rgba(199,211,218,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 54%,rgba(199,211,218,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,255,255,1) 54%,rgba(199,211,218,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#c7d3da',GradientType=0 ); /* IE6-9 */

 }
 
 
.introbg1 {   border-bottom:1px solid #c7d3da; padding:40px 0px 20px 0px; float:left; width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d3dee5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(211,222,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(211,222,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,222,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,222,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(211,222,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(211,222,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3dee5',GradientType=0 ); /* IE6-9 */

 }


.inner-data {width:80%; margin:0 10%;  }
.inner-data {  color:#333; font-size:15px; }

.introduction {   margin:0px 0px 0px 0px; padding:0px; float:left; width:100%; }
.introduction h1 {   margin:0px 0px 15px 0px; font-weight:300; line-height:38px; }
.introduction p {   color:#333; font-size:15px; line-height:18pt; }


.introduction .intro_left { width:34%; float:left; vertical-align:top;}
.introduction .intro_right { width:65%; float:right; vertical-align:top;}

.introduction .intro_left img {border:1px solid #9fd4d7; }


/* home container style */
#home-data  {width:100%;   height:auto; float:left; position:relative; z-index:9; background:#fff;    }

 
#downloads { width:100%; float:left;  }
ul.downloads { width:100%; margin:0px; padding:0px; }
ul.downloads li {list-style:none; width:20%; display:inline-block; vertical-align:top; text-align:center; margin-bottom:30px;  }
ul.downloads li img {border:1px solid #9fd4d7; }
ul.downloads li a {text-decoration:none; }
ul.downloads li a:hover { color:#0299c4; }


.hdbg {border-bottom:1px solid #ccc; width:100%; text-align:center; margin-bottom:40px; height:40px;    }
.hdbg h2 {background:#fff; padding:5px 10px; display:inline-block; text-align:center; margin:15px 0px 0px 0px;     }





/*
=====================================================================================================================================================
VISUAL PANELS
=====================================================================================================================================================
*/





ul.category-grid { width:100%; float:left; margin-top:58px; padding:0px; text-align:center;}
ul.category-grid li {list-style:none; background:#fff; padding:0px; margin:2% 2%; width:45%;  display:inline-block;  vertical-align:top; text-align:center;  }
ul.category-grid li  h2 {  font-size:1.05em;    margin-bottom:10px;  }
ul.category-grid li  p  {  text-align:center;  }
ul.category-grid li figure { float:left; width:100%;  overflow:hidden;  }
ul.category-grid li figure img {  float:left; padding:0; margin:0; border:0px; /*max-width:320px;*/ width:100%; }
ul.category-grid li figcaption { float:left; width:100%; }

.bannermask {     border:1px solid #8ebec1; float:left; display:block;  overflow:hidden;  padding:0; margin:0; }
.bannermask img {    float:left; padding:0; margin:0; border:0px;
   -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;
}
 ul.category-grid li:hover .bannermask img {   
   -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1;
}









/* :: Our Team :: */
ul.prod_list { padding:0; margin:0% -3.6% 6% 0% ; overflow:hidden;  text-align:left;} 
ul.prod_list li { padding:0; margin:1% 3.4% 7% 0% ; list-style:none; display:inline-block; max-width:22%; text-align:center; vertical-align:top; _border:1px solid #9fd4d7;     background: #e5ebf0;} 
ul.prod_list li img { padding:0; margin:0; max-width:100%; width:100%; height:auto; float:left;  }
ul.prod_list li {   transition:all .3s ease-in;  -webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; -ms-transition:all .3s ease-in;}
ul.prod_list li:hover {    background: #00c0ac; } 
ul.prod_list li.prod_list_sm figcaption { height:180px;}

ul.prod_list li a.dwn-brochure { padding:10px 0px;  display:block; width:100%; color:#333; font-size:16px; text-decoration:none;  } 
ul.prod_list li a.dwn-brochure:hover {color:#fff; }



.prod_list_left{ padding:0;  overflow:hidden;  text-align:left; width:45%; float:left;} 
.prod_list_left img{width:100%; margin:0px auto;}
.prod_list_right{ padding:0; overflow:hidden; width:48%; float:right;  text-align:left;} 



/* Effect style */
ul.prod_list figure { position: relative; float: left; overflow: hidden;   text-align: center;   } 
ul.prod_list figcaption { padding:5% 0; margin:0;  text-align: center; float:left; display:block; width:100%; height:180px; position:relative; } 
ul.prod_list figure:hover figcaption {   text-align: center; } 
ul.prod_list figcaption {   transition:all .3s ease;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease;}

ul.prod_list h3 { text-align:center; padding:0; margin:0 0 5px 0; font-size:20px; color:#00c0ac;} 
ul.prod_list p { text-align:center; padding:0; margin:0 0 10px 0;} 
ul.prod_list li:hover h3, ul.prod_list li:hover p { color:#fff;}

/* visual style */
.slide	{   width:100%; position:relative;}
#visual_container { display:block; width: 100%; background:url(images/banner-bg.jpg) no-repeat center top; background-size:cover; max-height:400px; clear:both; float:left;    }


.row-3  {width:33%; display: inline-block; margin-top: 100px; margin-bottom: 20px; text-align: center; }


#section_visual { width:100%;  background:#afa487 url(images/bg-visual.jpg) repeat; float:left; display:block; clear:both; }
.section_visual_wrap { max-width:1000px; margin:0 auto; }
#section_visual figure { width:100%;  position:relative; float:left; }
#section_visual figure img {  float:left; }
#section_visual figure figcaption h1 { padding:0px 5px 0px 20px; margin:0px;  font-size:2.4em; line-height:normal; text-transform:uppercase; color:#fff; font-weight:400;    }

#section_visual figure figcaption{ bottom: 30px; display: block; position: absolute; height:50px;  padding:0px; margin:0px;  background: rgba(0, 190, 170, 0.8);   }
#section_visual figure figcaption:after{ content: ""; border:25px solid rgba(0, 190, 170, 0.8); position:absolute; top:0; right: -50px;   }
#section_visual figure figcaption:after { border-right-color:transparent;}

.marquee0 img{ border:1px solid #e8e8e8; margin:0 5px;}
.marquee0{margin-bottom: 20px;}
.marquee h2{ font-size:16px; width:100%; text-align:center;}

/* Logo Carousel */


/*
=====================================================================================================================================================
BODY STYLE / OTHER PANELS
=====================================================================================================================================================
*/

#body-wrapeer { width:100%;    margin-bottom:30px; float:left;   }
#body-container { width:100%; display:table; margin:0px; padding:90px 0px 0px 0px;   }
#body-container .body_left {   display:table-cell; width:17%; vertical-align:top; }
#body-container .body_right {  display:table-cell; vertical-align:top; padding: 0 0 0 3.5%; margin:0;  width:79.5%; text-align:left; }

#content {width:100%; float:left;} 
#content p  { line-height:18pt;}
 

#content hr { margin:10px 0px;    }
 /*
=====================================================================================================================================================
PRODUCT PANELS
=====================================================================================================================================================
*/
 


 /*
=====================================================================================================================================================
FOOTER STYLE
=====================================================================================================================================================
*/
 #footerpan    { border-top: 1px solid #ccc;  background:#ededed; padding:12px 0px 5px 0px; width:100%; float:left; display:block; height:auto; position:relative; }
 
ul.footerlinks {width:100%; margin-bottom:10px; padding:0px; text-align:left;  }
ul.footerlinks  li { display:inline-block;  margin:0px; padding:0px 15px; list-style:none; text-align:left; border-right:1px solid #ccc; }
ul.footerlinks  li:last-child {border:none; }



 #footerpan a {  text-decoration:none; }
 #footerpan a:hover {  text-decoration:underline; }

.footer-row { width:100%; float:left; }
.f-left {float:left; width:50%; } 
.f-right {float:right; width:50%; text-align:right; }
  


 
/*
=====================================================================================================================================================
BREADCRUMB STYLE
=====================================================================================================================================================
*/

#breadcrumb {width:100%; margin:20px 0 0; color:#000; padding:15px 0px 10px 0; clear:both;  float:left;       }
ul.crumbs  {background:none; padding:0px; margin:0px; width:auto; float:left;  }
ul.crumbs li			{ list-style:none; float:left; padding:0px 6px 5px 0px;  margin:0px;   }
ul.crumbs li			{  color:#656565; font-weight:normal; line-height:18px; font-size:14px; }
ul.crumbs li:after {  content: "\f105"; font-family: 'FontAwesome'; margin-left:6px;   }

.crumbs li:last-child::after   { content: "";}

.crumbs li a        {color:#656565; text-decoration:none;}	
.crumbs li a:hover  {color:#00c0ac; text-decoration:underline;}
.crumbs li.focus    {color:#00c0ac;  }

#breadcrumb .bread-left {float:left; padding-top:10px;}  
#breadcrumb .bread-right {float:right;} 


.back_btn { text-align:right; padding:0px 0 0 0px;  float:right;  } 
.back_btn a { text-decoration:none; font-size:14px; }

/*
=====================================================================================================================================================
ICON STYLE
=====================================================================================================================================================
*/
.icon-web, .icon-map, .icon-weblink, .icon-gallery { transition:all .6s ease;  -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; -ms-transition:all .6s ease;}
 

 
/*
=====================================================================================================================================================
BUTTON STYLE
=====================================================================================================================================================
*/

a.btnlink:link, a.btnlink:active, a.btnlink:visited, input.btnlink { display: inline-block; box-shadow: -0px 1px 2px #eee;   width:auto;   cursor: pointer; text-decoration: none; transition:all .6s ease;  -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; -ms-transition:all .6s ease;
    color: #008c82; border: 1px solid #00c0ac; border-width: 1px 2px 2px 1px;   margin:8px 8px 8px 0; outline:none;  padding: 3px 10px;  
    border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px;
}
a.btnlink:hover, input.btnlink:hover { background: #00c0ac; color:#fff; text-decoration: none; }

a.btnlink .fa-chevron-right {    margin-left:5px; font-size:10px;  }
a.btnlink .fa {    margin-left:5px;    }

.smallbtn {   font-size:11px !important; padding: 3px 8px !important; line-height: 16px !important; }
/* :: Grayscale Effect :: */
.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}



.btn_small { padding:1px 3px;  font-size:10px; } 



a.btn-contact:link, a.btn-contact:active, a.btn-contact:visited, input.btnlink { display: inline-block;    width:auto;   cursor: pointer; text-decoration: none;   font-size:16px;   color: #fff; border: 1px solid #1a7c99;    margin:8px 8px 8px 0; outline:none;  padding: 6px 10px; color:#1a7c99; font-weight:normal; }
a.btn-contact:hover, input.btn-contact:hover { border: 1px solid #fe9600; color:#fe9600; text-decoration: none; font-weight:normal; }


a.btn-dwn-pdf:link, a.btn-dwn-pdf:active, a.btn-dwn-pdf:visited, input.btnlink { display: inline-block;    width:auto;   cursor: pointer; text-decoration: none;   font-size:16px;   color: #fff; border: 1px solid #1a7c99;    margin:8px 8px 8px 0; outline:none;  padding: 6px 10px; color:#1a7c99; font-weight:normal; }
a.btn-dwn-pdf:hover, input.btn-dwn-pdf:hover { border: 1px solid #fe9600; color:#fe9600; text-decoration: none; font-weight:normal; }

 
 /*
=====================================================================================================================================================
TRANSITION STYLE
=====================================================================================================================================================
*/
a	{ transition:all .6s ease;  -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; -ms-transition:all .6s ease;}

.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;}


/*
=====================================================================================================================================================
 GRID STYLE
=====================================================================================================================================================
*/ 


/*  SECTION */
.cols-container { clear: both; padding: 0px; margin: 20px 0px;}

/*  COLUMN SETUP  */
.cols { display:block; float:left; margin: 2% 2% 2% 2%;}
.cols .cols-cnt { height: 100%; overflow: hidden;}
.cols-cnt { -webkit-animation: fadeInUp 1000ms ease; -moz-animation: fadeInUp 1000ms ease;   -ms-animation: fadeInUp 1000ms ease;}
/* .cols p { margin:5px 0px; text-align:left;} */


/*  GROUPING  */
.colsgroup:before, .colsgroup:after { content:""; display:table;}
.colsgroup:after { clear:both;}
                                               
					
/*  GRID OF FOUR  */
.span1 { width: 96%;}
.span2 { width: 46.0%;}
.span3 { width: 66.0%; }
.span4 { width: 26.0%;}



/*  GRID OF FOUR  */
.spancol1 { width:98%;}
.spancol2 { width: 46.0%;}
.spancol3 { width: 29.0%; }
.spancol4 { width: 21.0%;}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
.cols { padding:0px; margin:0px; width:100%; }
.cols .col { max-width:100%; width:47%; float: left; margin:0px 0px 10px 15px;}
}



@media only screen and ( min-width: 240px) and ( max-width: 768px)
{
.cols { padding:0px; margin:0px; width:100%; }
.cols .col { width:100%;  float: left; margin:0px 0px 10px 15px; }

 

}



.circle-bg1 {background:#1a7c99; padding:20px 20px; font-size:20px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:normal;  } 
.circle-bg2 {background:#1a7c99; padding:20px 20px; font-size:20px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase;  font-weight:normal; } 
.circle-bg3 {background:#1a7c99; padding:20px 20px; /*padding:11px 13px;*/ font-size:20px; font-weight:bold; color:#fff; text-decoration:none; text-transform:uppercase;  font-weight:normal; } 
  
 



/* contact us  Style  */
.contactus {  width:100%; display:table; }
.contactus-cell {display:table-cell; width:33%; vertical-align:top; }
.contactus-cell  b { font-size:16px; font-weight:500; color:#226174; }

.map_canvas { width:55%; min-height:300px;  display:table-cell;  }
.map_area{ width:86%; /*height:100%;*/ min-height:300px; border:2px solid #fff; }

.contactus_info { padding: 0%; margin: 0 auto; width:60%;  display:table-cell; vertical-align:top;   }
.contactus_info li { list-style:none; padding:0px; margin:0px;  vertical-align:top; line-height:18pt; font-size:16px;    }
.contactus_info .address { width:100%;    }
.contactus_info .telmail { width:100%;   }
.contactus_info p {line-height:20pt; padding-left:40px; margin:0px 0px 10px 0px; }
.contactus_info p .fa {margin-left:-38px; font-size:20px; width:37px; }
.contactus_info li h2 { font-size:22px; margin-bottom:10px; color:#333; }
.contactus_info p b {  display:inline-block; margin:0px; padding-top:10px;position: relative; left: -5px; }
.contactus_info  ul.contactlist    {list-style:none; margin:0px auto; padding:0px; margin-top:5px;}
.contactus_info  ul.contactlist li {list-style:none; margin:0px auto; padding:5px 7px 5px 0px; display:inline-block}
.img-contact                               {vertical-align:top;}
/* contact us  Style  */





ul.sitemap {width:290px; margin:0px auto; padding:0px; text-align:center; }
ul.sitemap li { list-style:none; text-align:center;   margin:5px 0px;   }
ul.sitemap li a {background:#c2dfe0; text-align:center;  padding:5px 10px; text-align:center;display:block; text-align:center; text-decoration:none; font-size:16px; }
ul.sitemap li a:hover {background:#1f9499; color:#fff; }



.heading { display:none;  } 
.ss { display:block; }
.ss1 { display:none; }


ul.two-col {width:100%; margin:0px; padding:0px; }
ul.two-col li {float:left; width:45%; }

ul.three-col {width:100%; margin:0px; padding:0px; }
ul.three-col li {float:left; width:30%; }





.prod-table { width:100%; display:table; margin:0px; padding:0px 0px;   }
.prod-table-row { width:100%; display:table-row;  padding:30px 0px;   }
.prod-table-col1 {   display:table-cell; width:17%; vertical-align:top;  border-bottom:1px solid #e8e8e8;  padding:30px 0px;}
.prod-table-col2 {  display:table-cell; vertical-align:top; padding: 30px 0 30px 3.5%; margin:0;  width:79.5%; text-align:left;  border-bottom:1px solid #e8e8e8;  }
.prod-table-col1 .fa {font-size:30px; text-align:center; }
.prod-table-col1 .info-back {position:absolute; top:40%; left:30%; }
.prod-table-col1 .img {position:relative;   }
.prod-table-col1 .img .icon-zoom:before { background:#0f3546; opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */  content: "\f00e"; font-family: 'FontAwesome'; font-size:16pt; color:#fff; position:absolute; z-index:0; height:20px; width:20px; right:0px; bottom:0px; padding:10px;  }
.prod-table-col1 .img:hover .icon-zoom:before { background:none; content: ""; } 
.prod-table-col1 .img .icon-pdf:before { background:#0f3546; opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */  content: "\f1c1"; font-family: 'FontAwesome'; font-size:16pt; color:#fff; position:absolute; z-index:9; height:20px; width:20px; right:0px; bottom:0px; padding:10px;  }
.prod-table-col1 .img:hover .icon-pdf:before { background:none; content: ""; } 


.btns {width:100%; margin:0px; padding:0px ;}
.btn-left {float:left; }
.btn-right {float:right; }


.table2 { width:100%; display:table; margin:0px; padding:0px 0px;   }
.table2-row { width:100%; display:table-row;  padding:30px 0px;   }
.table2-col1 {   display:table-cell; width:25%; vertical-align:top;  border-bottom:1px solid #e8e8e8;  padding: 5px 5px 7px 5px;}
.table2-col2 {  display:table-cell; vertical-align:top; padding: 5px 5px 7px 5px; margin:0;  width:70%; text-align:left;  border-bottom:1px solid #e8e8e8;  }

.table3 { width:100%; display:table; margin:0px; padding:0px 0px;   }
.table3-row { width:100%; display:table-row;  padding:30px 0px;   }
.table3-col1 { display:table-cell; width:20%; vertical-align:top; border-bottom:1px solid #ccc;  padding: 5px 5px 7px 5px;}
.table3-col2 { display:table-cell; vertical-align:top; padding: 5px 5px 7px 5px; margin:0;  width:30%; text-align:left;  border-bottom:1px solid #ccc;  }
.table3-col3 { display:table-cell; vertical-align:top; padding: 5px 5px 7px 5px; margin:0;  width:50%; text-align:left;  border-bottom:1px solid #ccc;  }


.th { background:#1a7c99; color:#fff; }



.head {width100%; padding:0px; margin:0px; clear:both }
.head .hd {float:left; width:82%; padding-top:8px; }
.head .back {float:right; width:18%; text-align:right; }

.item-hover.circle .img { border:1px solid #9fd4d7; }
.item-hover.circle .img-new { border:1px solid #d3e9ea; }



.imgborder {border:1px solid #ccc; }
.img-spacing { margin:10px 0px ;} 


.csd-img { width:100%;}

ul.csd_list { padding:0; margin:0% -12.6% 6% 0% ; overflow:hidden;  text-align:left;} 
ul.csd_list li { padding:0; margin:1% 3.4% 7% 0% ; list-style:none; display:inline-block; max-width:27%; text-align:center; vertical-align:top; _border:1px solid #9fd4d7;     background: #e5ebf0;} 
ul.csd_list li:last-child{margin-right: 0;}
ul.csd_list li img { padding:0; margin:0; max-width:100%; width:100%; height:auto; float:left;  }


.csd_list_left{ padding:0;  overflow:hidden;  text-align:left; width:40%; float:left;} 
.csd_list_left img{ height:auto; margin:0px auto;}
.csd_list_right{ padding:0; overflow:hidden; width:60%; float:right;  text-align:left;} 

.careers-data { width:100%; float:left; margin:0px; padding:0px;}
.data-left { width:48%; float:left; margin:0px; padding:0px;}
.data-right { width:48%; float:right; margin:0px; padding:0px;}

 
.mannuals {width:50%; float:left}
 
.mannuals li { list-style:none; position:relative; padding-left: 5px;}
.mannuals li:before{ font-family:FontAwesome;  content:'\f1c1'; left: -15px; top:2px; position:absolute; }
.mannuals li:hover:before{ font-family:FontAwesome; color: #06777c !important; content:'\f1c1'; left: -15px; top:2px;  }
.mannuals a {text-decoration:none !important; padding-left: 0px;}
.mannuals a:hover { color: #06777c !important;}

@media (max-width:768px){
.mannuals {width:100%; float:left; margin: 0 !important;}
}

.row{margin: 0 -15px;}
.col-md-4, col-md-6, .contact-panel{ position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.list-inline li{ display: inline-block;margin-left: 5px;}
.text-center{ text-align:center; }
.prod-heads{text-align:center;margin:0 0;}
.prod-heads .col-md-4{margin-bottom: 35px; float:none; display:inline-block; vertical-align:top;}
.prod-heads .col-md-4 h3{ font-size:1.1em; color: #666;}
.prod-heads .col-md-4 h3 a, .prod-heads .col-md-4 h4 a{text-decoration:underline;font-weight:700;}
.prod-heads .col-md-4 img{ width: 240px;}

@media (min-width: 768px){
.prod-heads .col-md-4{width: 33%;}
}
.vision-box {border: 1px solid #fe9625;clear: both;padding: 15px 0 25px;background-color: #fbfcfd;margin: 15px 0;}
.vision-box *{ color: #06777c !important;}
.vision-box h3{margin-bottom: 0;font-weight: 600;}
.vision-box p{font-size: 18px;width: 75%;margin: 0 auto;}

.prod-heads .bannermask{ display:inline-block; float:none;}
.prod-heads .bannermask:hover img {   
   -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1;
}
@media(min-width: 768px){
    .col-md-6{width: 50%;float:left;}
    .col-md-4{width: 33.33%; float:left;}
    .col-md-4:nth-child(3n+1){ clear:left;}
    .contact-panel{width: 30.33%; float:left;}
    .prod-heads .col-md-4{margin-bottom: 25px;}
}
.no-margin{ margin: 0;}

@media(min-width: 768px){
.margin-l-desk-map{margin-left:10%;}
}

@media(max-width:767px){ .ssl-logo{ margin-top:10px;}}
@media(min-width:1200px) {
    .ssl-logo{ width:90px; margin-left:10px; display:inline-block; vertical-align:middle; }
}



.ps-hide{opacity:0; pointer-events:none;}