* {
	margin:0px;
	padding:0px;
}
body {
	font-family: "Cantarell",sans-serif, arial;
	font-size:13px;
	color:#000;
}
.myborder{border:1px solid #CCC}
p{text-align:justify;}
header, section, footer, aside, main, article, figure {
	display: block;
}

.demof ul li img{width:140px; float:left; margin:0px; padding:0px;}

.demof ul li p {
	line-height:30px;
	 word-spacing: 0px;
	 text-align:left;
	 float:left;	
	 font-weight:normal;
	 font-size:14px;
	 width:130px;
	 margin-left:3px;
	 padding-top:12px;
}
img {
	max-width:100%;
}

header {
	width:100%;
	margin:0px auto;
	position:relative;
	
	background: -webkit-linear-gradient(#2a2e53, #1f2241); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2a2e53, #1f2241); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2a2e53, #1f2241); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2a2e53, #1f2241); /* Standard syntax (must be last) */ 
	
	/*box-shadow:3px 3px 5px #666;*/
	margin-bottom:5px;
	z-index:99999;
	}
	
.logo{margin:2px 0px 0px 70px; position:absolute; /*box-shadow:3px 3px 3px #333;*/}

#head_bg_color{background: -webkit-linear-gradient(#2a2e53, #1f2241); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2a2e53, #1f2241); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2a2e53, #1f2241); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2a2e53, #1f2241); /* Standard syntax (must be last) */ }

.top_header{float:right; position:absolute; right:0; top:2px; color:#f2f2f3; font-weight:bold;}

.icon ul{
	margin-top:20px;
}.icon li{
	line-height:25px;
	color:#333;
	padding:2px;
	float:left;
	font-size:12px;
	margin-left:20px;
	font-weight:800;
	

}
.menu{margin:25px 0px 15px 0px; float:right; }
.bg_color{background-color:transparent;}

.box_boder{background:#333; height:30px; margin-top:-10px; margin-bottom:10px; z-index:-9999999999; overflow:hidden;}
.box_boder h4{color:#e7e6f4; font-size:16px; line-height:35px; text-align:left; margin-left:80px;}

.wel{
	width:100%;
	height:auto;
	padding:2px 5px 15px 5px;
	text-align:justify;
	background:#f3f3f3;
	overflow:hidden;


}
.wel p{width:100%; text-align:justify;}

.readmore2{width:100px; float:left;}
.readmore2 span a{text-align:center; padding:10px; margin:5px; border:1px solid; text-decoration:none;}
/*.readmore2 span a:hover{border:2px solid; font-weight:bold;}*/

.cards{overflow:hidden;}
.cards ul li{list-style-type:none;float:left; margin:8px;}
.cards ul li.certict{width:100px; height:auto;}
.cards ul li.cardsize{width:50px; margin:8px;}
.cardhead{float:none; font-size:16px; font-weight:bold; background-color:#eaeaeb; padding:5px; color:#2a2e53; font-family:Arial, Helvetica, sans-serif;}

.home_list{margin:20px; }
.home_list li{list-style-type:disc; line-height:20px;}


.downpart{
	/*background:url(../images/bg2_down.jpg);*/
	padding:25px 0px 0px 0px;
	
	}
	h4{text-align:center;margin:0px;font-size:24px; color:#2a2e53; font-weight:bold;  margin-bottom:10px;  }

.box{
background: -webkit-linear-gradient(#2a2e53, #1f2241); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2a2e53, #1f2241); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2a2e53, #1f2241); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2a2e53, #1f2241); /* Standard syntax (must be last) */ 
padding:10px;
margin:5px;
color:#fff;
height:155px;
overflow:hidden;


}
/*.mainbox a:hover .box{

padding:10px;
margin:10px 0px;
color:#fff;
 
}*/

.catalogue{width:100%;}
.catalogue ul li{line-height:30px; list-style-type:none;}

 .mainbox a:hover .box2{
/*
padding:10px;
margin:0px;
color:#fff;
*/
/* background:#e59703;*/
 
}






/*.mainbox1 a:hover .box{
background:#ab0000;
padding:10px;
margin:0px;
color:#fff;
}*/


.mainbox a{
text-decoration:none;


}

.mainbox1 a{
text-decoration:none;


}

.box h2{
	padding:0px;
	font-size:24px;
	color:#fff;
	margin:0px;

}


.box p{
	margin:0px;
	padding:0px;
	color:#fff;
	line-height:20px;



}




.box  h2 small{
	padding:0px;
	font-size:36px;
	color:#fff;
	margin:0px;
	font-weight:lighter;
	line-height:60px;

}
.box h3{
	padding:0px;
	font-size:28px;
	color:#fff;
	margin:0px;
	font-weight:normal;

}

.box2{
background: -webkit-linear-gradient(#2a2e53, #1f2241); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2a2e53, #1f2241); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2a2e53, #1f2241); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2a2e53, #1f2241); /* Standard syntax (must be last) */ 
padding:10px;
margin:5px;
height:155px;
overflow:hidden;


}

.box2 span{float:right; width:100px; color:#fff;}
.box span{float:right; width:100px; color:#fff;}

.box2 h2{
	padding:0px;
	font-size:24px;
	color:#fff;
	margin:0px;

}

.box2 p{
	margin:0px;
	padding:0px;
	color:#fff;
	line-height:20px;
    text-align:justify;


}



.footer {

	border-top:1px solid #e4e2e2;
	z-index:99999;
	padding:10px;
	color:#333;
	margin:0px;
	font-size:13px;
	overflow:hidden;
	
	background: linear-gradient(bottom , rgb(251, 251, 251) , rgb(227, 227, 227) 100%);
background: -o-linear-gradient(bottom , rgb(251, 251, 251) , rgb(227, 227, 227) 100%);
background: -ms-linear-gradient(bottom , rgb(251, 251, 251) , rgb(227, 227, 227) 100%);
background: -moz-linear-gradient(bottom , rgb(251, 251, 251) , rgb(227, 227, 227) 100%);
background: -webkit-linear-gradient(bottom , rgb(251, 251, 251) , rgb(227, 227, 227) 100%);

}



.fl a {
	text-decoration:none;
	color:#333333;
}
.fl {
	float:left;
	padding:10px 0px 5px 20px;
}
.fr {
	float:right;
	padding:5px 20px 5px 0px;
	text-align:right;
}
.bblock{
	margin: 0px;
	padding:0px;
}
a.social {
	background: #ccc;
	color: #888;
	display: inline-block;
	font-size: 16px;
	height: 28px;
	line-height: 30px;
	margin: 0px 1px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease 0s;
	width: 28px;
	border-radius:50px;
}
a.social.fa-twitter:hover {
	background: none repeat scroll 0 0 #41b7d8 !important;
	color: #fff !important;
}
a.social.fa-facebook:hover {
	background: none repeat scroll 0 0 #3b5997 !important;
	color: #fff !important;
}
a.social.fa-google-plus:hover {
	background: none repeat scroll 0 0 #d64937 !important;
	color: #fff !important;
}
a.social.fa-linkedin:hover {
	background: none repeat scroll 0 0 #0073b2 !important;
	color: #fff !important;
}
a.social.fa-vimeo-square:hover {
	background: none repeat scroll 0 0 #388fc5 !important;
	color: #fff !important;
}
a.social.fa-youtube-square:hover {
	background: none repeat scroll 0 0 #a40f09 !important;
	color: #fff !important;
}
a.social.fa-flickr:hover {
	background: none repeat scroll 0 0 #ff0084 !important;
	color: #fff !important;
}
a.social.fa-pinterest:hover {
	background: none repeat scroll 0 0 #cb2027 !important;
	color: #fff !important;
}
a.social.fa-skype:hover {
	background: none repeat scroll 0 0 #00aff0 !important;
	color: #fff !important;
}
a.social.fa-instagram:hover {
	background: none repeat scroll 0 0 #4a2d29 !important;
	color: #fff !important;
}
a.social.default:hover {
	background: none repeat scroll 0 0 #37353a !important;
	color: #fff !important;
}
a.social.rounded {
	height: 38px;
	line-height: 38px;
	width: 38px;
}


.leftnav{
	
	border:1px solid #e9e9e9;
	 border-top:3px solid #0b8048;
	 margin:20px 0px;
	
	 background:#f2f4f3;
	 overflow:hidden;
	  padding:0px;




}

.leftnav ul{
	list-style-type:none;
	

}
.leftnav ul li {
	list-style:url(../images/bullet.png)  inside ;
		transition: padding-left 0.3s ease 0s;
		padding:8px 5px;
			border-bottom:dotted 1px #ccc;


}
.leftnav ul li a {
	color:#333;
	text-decoration:none;
	font-size:13px;
	font-weight:800;

}

.leftnav ul li:hover {
	list-style:url(../images/bullet-hover.png)  inside ;
		padding-left:12px;


}

.leftnav ul li a:hover {
	color:#0b8048 !important;

}
.leftnav ul li.last{
	border:none;

} 

.leftnav h3{
	
	margin:0px;
	padding:10px;
	background:#f4f4f4;

}

.content{
	 border-top:3px solid #0b8048;
	 margin:20px 0px;
	
	 background:#f6f7f7;
	 overflow:hidden;
	 padding:10px 30px 30px 30px;

}
.content h3{
	margin:0px 0px 10px 0px;
	padding:0px;
}

.content ul{
	list-style-type:none;	

}

.content ul li{
	list-style-type:square;
	line-height:25px


}

.right ul{
	list-style-type:none;

}
.right ul li{
	list-style-type:none;
}
.banner{
	max-width:100%;
	height:auto;
	text-align:center;
	margin-top:0px;

}

.luminites h5{
	padding:5px 0px;

}
.luminites h5 a{
	text-decoration:none;
	color:#000;

}
.luminites h5 a:hover{
	text-decoration:underline;
	color:#333;

}

<!-------scroller----->

/*news and updates scroller*/	
.demof {
	background:#171717 !important;
	
}
.news{margin:0px; padding:0px;}
.news_bg{background-color:#f0efef;}
.news_heading{border-bottom:2px solid #ad7100;
 background: -webkit-linear-gradient(#2a2e53, #1f2241); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2a2e53, #1f2241); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2a2e53, #1f2241); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2a2e53, #1f2241); /* Standard syntax (must be last) */ 
	color:#fff; text-align:center; padding:10px; margin:0px; font-weight:bold;}

{border-bottom:2px solid #0b8048}

.demof ul {
    list-style: outside none none;
    padding: 0;
}
.demof li {
    /*border-bottom: 1px dashed #ccc;
*/    line-height: 20px;
    margin: 1px 0 0;
    padding: 7px;
}

.demof li span{
	color:#990000;
	font-weight:600;
}

.demof li::after {
    clear: both;
    content: "";
    display: block;
}
.demof img {
    float: left;
    padding: 8px 6px;
}
.demof a {
    color: #1a5caa;
    font-size: 15px;
    font-weight: 600;
}
.demof p {
    font-size: 14px;
    margin: 4px 0 0;
}

.about_img{width:350px; float:right; margin:5px;}
.iso_certifcates{float:left; margin:10px;}

.sealing_materials{width:100%; margin:0px auto; overflow:hidden; }

.left_menu{width:300px; margin:0px; padding:5px; float:left; overflow:hidden;}
.left_menu ul{width:250px; margin:0px; padding:0px; }
.left_menu ul li{list-style-type:none; border-bottom:1px solid #CCC; }
.left_menu ul li a{color:#333; font-size:14px; line-height:30px; text-decoration:none;}
.left_menu ul li a:hover{color:#000; text-decoration:underline;}

.right_content{width:700px; float:right; overflow:hidden;}

.sealing_box{width:100%; margin:0px; padding:0px; border-bottom:1px solid #CCC}
.sealing_box h4{font-size:13px; color:#006; font-weight:bold; padding:5px; float:left;}
.sealing_heading{font-size:24px; border-bottom:3px solid #003; padding:10px 5px;}

.clear{clear:both}

.prod_menu{width:300px; margin:0px; padding:5px; float:left; overflow:hidden;}
.prod_menu ul{width:250px; margin:0px; padding:0px; }
.prod_menu ul li{list-style-type:none; border-bottom:1px solid #CCC; }
.prod_menu ul li a{color:#333; font-size:14px; line-height:30px; text-decoration:none;}
.prod_menu ul li a:hover{color:#000; text-decoration:underline;}
.heading_menu{line-height:40px; background-color:#2a2e53; color:#F90; text-align:center;}
li.heading_menu a.mycolor{color:#fff; font-weight:bold;}
li.heading_menu a.mycolor:hover{color:#FFF;}

.mytable{margin:10px 0px;}

table tr td a{color:#666; font-size:14px;}
.prod{background:#2a2e53; color:#FFF; padding:10px 0px; text-align:center;}
.prod_image{background:#2a2e53; color:#FFF; text-align:center}

.prod_box2{width:200px; height:200px; border:2px solid #CCC; margin:5px; float:left; overflow:hidden;}
.prod_box2 img{width:200px; height:200px; margin:0px; padding:0px;}

.main_image{width:300px; height:200px; border:3px solid #CCC; float:none; text-align:center; margin:10px auto; overflow:hidden;}

.seals_img{width:130px; height:130px; border:1px solid #CCC; padding:15px 7px;}
.seals_lbl{width:130px; height:25px; background:#CCC; color:#333; text-align:center;}
.seals_lbl span{font-size:14px; line-height:25px;}
.seals_box{float:left; margin:5px; padding:5px 0px; overflow:hidden; text-align:center;}

.oring_box{width:220px; height:auto; margin:10px 15px; padding:0px; float:left; border:2px solid #CCC; overflow:hidden;}
.oring_box img{width:220px; height: 80px; margin:0px; padding:0px; border:1px solid #CCC;}
.oring_box p{text-align:justify; padding:2px;}
.oring_box p span{float:right; margin:2px;}
.heading{background-color:#102540; width:220px; height:30px; text-align:center; line-height:30px; font-weight:bold; color:#fff; text-decoration:none;}
.heading a{text-decoration:none; color:#FFF;}

.product_main p img{width:350px; height:150px; border:2px solid #CCC;}

#howto p img{float:left; width:auto; border:none;}
#howto p{float:left;}

h3 a{text-decoration:none; color:#333;}

.table2{border:1px solid #999;}
/*.table2 tr{border:1px solid #999; text-align:center}*/
/*tbody tr{border:1px solid #999;}*/

.table_heading{background:#2a2e53; color:#FFF; font-size:14px; font-weight:bold; text-align:center;}
.table_heading2{font-size:12px; font-weight:bold;}
.text2{font-size:14px; font-weight:bold; color:#2a2e53;}

.product_main h2{background:#2a2e53; padding:0px 10px; font-size:14px; font-weight:bold; color:#FFF; margin-top:5px;}
.product_main h3{background-color:#e6e6e6; color:#2a2e53; font-size:13px; font-weight:bold; line-height:35px; padding-left:10px;}
.product_main p img{float:right; margin:5px;}

.product_main ul li{list-style-type:none; line-height:25px;}
.product_main ul li img{margin:2px;}

.bot_prod{width:100%; margin:0px; padding:10px; text-align:center; overflow:hidden; margin:10px 0px; border-radius:10px; }
.prod_box1{width:200px; margin:0px 10px; padding:0px;  float:left;}
.prod_box1 img{border:2px solid #CCC;}
.prod_box1 p{text-align:center;}

.product_main h5{font-weight:bold; font-size:16px;}

.image_desc{text-align:center; margin:5px;}

.image_install{width:247; height:auto; margin:10px; float:left;}

.product_main form label{float:left; line-height:30px; width:30%; margin:2px; }
.product_main form label input{float:right;}
.form-group2{text-align:center; margin:10px;}
.form-group2 input{padding:5px 10px;}

.main_group{border:1px solid #CCC; border-radius: 10px; padding:5px; margin:5px;}

input,select, textarea{width:300px;}

.submit{width:70px; padding:5px 10px; font-weight:bold;}
.cylinder_box{width:190px; height:120px; float:left; margin:10px;}

.sitemap{width:100%; margin:10px;}
.sitemap ul{margin-left:10px;}
.sitemap ul li{line-height:20px; margin-left:20px; }
.sitemap ul li a{color:#2a2e53; font-size:14px;}





 @media (min-width: 768px) and (max-width: 960px) {
 
 
}
@media (min-width: 300px) and (max-width: 767px) {

.box2{
background: -webkit-linear-gradient(#2a2e53, #1f2241); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2a2e53, #1f2241); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2a2e53, #1f2241); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2a2e53, #1f2241); /* Standard syntax (must be last) */ 
padding:10px;
margin:5px;
height:auto;
overflow:hidden;
}

.box{
background: -webkit-linear-gradient(#2a2e53, #1f2241); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2a2e53, #1f2241); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2a2e53, #1f2241); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2a2e53, #1f2241); /* Standard syntax (must be last) */ 
padding:10px;
margin:5px;
color:#fff;
height:auto;
overflow:hidden;
}


.menu{margin:0px auto; float:none;}

.fl {
	float:none;
	padding:10px 0px 0px 20px;
	text-align:center;
}
.fr {
	float:none;
	padding:10px 20px 0px 0px;
	text-align:center;
}


.logo img{width:60%; height:auto; margin:0px auto; float:left;}
.logo{margin:2px 0px 0px 5px; position:absolute; /*box-shadow:3px 3px 3px #333;*/}
.top_header{display:none;}

.box_boder{background:#333; height:30px; margin-top:-10px; margin-bottom:10px; z-index:-9999999999; overflow:hidden;}
.box_boder h4{color:#e7e6f4; font-size:16px; line-height:35px; text-align:center;}


}
.blog{
	text-align:justify;
}
.blog img{
	width:100%;
	height:400px;
	}