* { margin:0; padding:0; box-sizing:border-box; }
body { background:#F9F5F5; }
.wrap { height:auto; width:1200px; margin:auto; border:0px solid #F00; }
.clr { clear:both; }

/*------------- header -------------*/
#header { width:100%; min-height:180px;  border-bottom:3px solid #d93131;  background-color: #d4d4d4; }
#header .wrap .logo { width:auto; border:0px solid; height:auto; float:left; }
#header .wrap .logo img {height: 90px; margin-top:62px;     margin-top:20px;}

#header .wrap .right { width:auto; height:auto; float:right; border:0px solid; margin-top:40px; }
#header .wrap .right .right_box { width:100%; height:60px; border:0px solid; }
#header .wrap .right .right_box p { text-align:right; font-family: calibri; font-size:18px; color:#0a0303; width:100%; height:50px; border:0px solid; }

#header .wrap .right ul { list-style:none; }
#header .wrap .right ul li { display:inline-block; }
#header .wrap .right ul li a {
    font-family: century gothic;
    font-size: 15px;
    transition: 1s;
    display: block;
       padding: 40px 15px;
    text-transform: uppercase;
    text-decoration: none;
       color: black;
}
#header .wrap .right ul li a:hover {    color: red;   }


/*------- banner -----------*/
#banner { width:100%; height:400px; border:0px solid; margin-top:20px; }

/*--------- wrap -----------*/
.wrap h2,.abc { font-family:century Gothic;  line-height:25px; margin-top:0px; background-color: #e7e7e7; padding: 5px; }
/*-------------- welcome -------------------*/
#welcome { min-height:200px; width:100%; border:0px solid; margin:20px 0; }
#welcome .wrap .welcome_box { background:#000; min-height:200px; width:33.5%; padding:10px 30px; float:left; border:0px solid; }
#welcome .wrap .welcome_box img { float:left; margin-right:10px; }
#welcome .wrap .welcome_box h3 { color:#FFF; font-family:century gothic; font-size:20px; margin-top:15px; }
#welcome .wrap .welcome_box p  { font-family:Arial, Helvetica, sans-serif; color:#CCC; margin-top:20px; text-align:justify; }

#welcome .wrap .welcome_box2 { min-height:200px; width:33%; padding:10px 30px; float:left; border:0px solid; }
#welcome .wrap .welcome_box2 img { float:left; margin-right:10px; }
#welcome .wrap .welcome_box2 h3 { color:#000; font-family:century gothic; font-size:20px; margin-top:15px; }
#welcome .wrap .welcome_box2 p  { font-family:Arial, Helvetica, sans-serif; color:#000; margin-top:20px; text-align:justify; }

/*-------------- mission ---------------*/
#mission { min-height:200px; width:100%; border:0px solid; margin-top:20px; background:#EBEBEB; padding:20px 0; }
#mission .wrap .box { min-height:150px; width:33.5%; padding:10px 30px; box-shadow:0px 0px 5px 3px #B9B9B9; float:left;  }
#mission .wrap .box h3 { font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:25px; }
#mission .wrap .box p { font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-top:10px; text-align:justify; }

#mission .wrap .box2 { min-height:150px; width:60%; border:0px solid; padding:10px 30px; float:right;  }
#mission .wrap .box2 marquee img { height:200px; width:250px; border:2px solid #666; margin:0 10px; }
#mission .wrap .box2 h3 { font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:25px; }

/*----------- footer -----------*/
#footer { width:100%; min-height:100px; border-top:0px solid; margin-top:20px;     background-color: #0085ca; }
#footer .wrap .footer_con { width:33.3%; float:left; border:0px solid; min-height:150px; padding:10px 30px;     line-height: 30px; }
#footer .wrap .footer_con h3 { font-family:century gothic; border-bottom:2px solid #CCC; margin-bottom: 15px; color: white; }
#footer .wrap .footer_con ul { list-style:none; padding-top:5px; }
#footer .wrap .footer_con .social_icon li { width:50px; height:50px; display:inline-block; }
#footer .wrap .footer_con .social_icon li img { width:40px; height:40px; }
#footer .wrap .footer_con ul li a { font-family:Arial, Helvetica, sans-serif; line-height:25px; font-size:17px; text-decoration:none; color:white;}
#footer .wrap .footer_con p { font-family:Arial, Helvetica, sans-serif; line-height:20px; font-size:17px; text-align:justify; color:white; }

/*--------------- sub footer ----------------*/
#subfooter { width:100%; height:auto; background:#333;     padding: 10px;  }
#subfooter .wrap p { color:#FFF; font-family:Arial, Helvetica, sans-serif; }
#subfooter .wrap p a { color:#F00; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }

/*---------- about -------------*/
#about { width:100%; min-height:200px; border:0px solid; margin-top:20px; }
#about .wrap .ab_box { min-height:200px; width:100%; border:0px solid; padding:30px; background:#EFEFEF; }
#about .wrap .ab_box .ab_box2 { min-height:200px; width:100%; border:1px solid #CACACA; background:#FFF; padding:15px; }

#about .wrap .ab_box .ab_box3 { width:60%; min-height:300px; border:0px solid; float:left; }
#about .wrap .ab_box .ab_box3 h2 { font-family:Verdana, Geneva, sans-serif; text-transform:capitalize; }
#about .wrap .ab_box .ab_box3 p { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:25px; text-align:justify; }

#about .wrap .ab_box .ab_box4 { width:30%; height:300px; border:0px solid; margin-top:30px; float:right; }
#about .wrap .ab_box .ab_box4 img { width:100%; height:100%; border:3px solid #CCC; }


/*----------- prod -------------*/
#prod { width:100%; min-height:100px; border:0px solid; margin-top:20px; }
#prod .wrap .head { font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #000; padding:10px 10px; }
#prod .wrap .prod_box { width:20%; min-height:50px; border:0px solid; float:left; margin:20px 30px; text-align:center; }
#prod .wrap .prod_box img { width:100%; height:220px; border:3px solid #D4D4D4; }
#prod .wrap .prod_box img:hover { border:5px solid #666; }
#prod .wrap .prod_box h2 { margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:20px; }

/*--------- other product ------------*/
#prod .wrap .production { margin-top:20px; width:30%; height:300px; float:left; border:0px solid; }
#prod .wrap .production img { width:100%; height:100%; border:3px solid #CCC; }
#prod .wrap .production_2 { margin:20px 20px; width:65%; height:300px; float:left; border:0px solid; }
#prod .wrap .production_2 h2 { font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; }
#prod .wrap .production_2 p { font-family:Arial, Helvetica, sans-serif; line-height:25px; text-align:justify; }



/*---------- inquiry -------------*/
.data_size{
	
	color: red;
    font-size: 28px;
    text-align: center;
	margin-bottom: 20px;
    margin-left: -60px;
	margin-top: 20px;
}

#text1 {
    border: 1px solid #47baef);
    height: 25px;
    width: 90%;
    box-shadow: 0 0 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

#text1:hover,
#text1:focus {
    width: 90%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}

.product_image {
	padding: 0px;
	float: left;
	height:auto;
	width:250px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.product_image img { width:100%; height:auto;}

.product_name{ font-family:Cambria; font-size:18px; color:#7F0000;  padding:5px; margin:0px; width:100%; text-align:center; text-transform:uppercase }

.second_div {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	
}
.main_div {
	padding: 0px;
	height: auto;
	    width: 60%;
	margin-top: 0px;
	margin-right: auto;
	    margin-bottom: 20px;
	margin-left: auto;
}


.white_heading{ font-family:Cambria; font-size:24px; color:white; float:left; color:white; margin-top:10px;
 width:auto; height:auto; padding:5px 70px 5px 5px; background-color:black
 }
 
 .main_text{ width:auto; height:auto; font-family:Arial; font-size:15px; color:#000; text-decoration:none; float:left; line-height:22px;}


.main_text_right {
	margin: 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 38%;
}
.main_text_right h1{font-family:Arial; font-size:25px; color:#000; font-weight:bold;}

.product_div {
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border:#ccc 1px solid;
	
}

	
.product_image {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 250px;
	margin-left:15px;
	margin-top:15px;
	
}


.product_image img{height: auto;
	width: 100%;}
	
	
	.product_text {
	font-family: Calibri;
	font-size: 17px;
	color: #000;
	text-align:justify;
	margin: 3px;
	padding: 3px;
	float: right;
	height: auto;
	width: 65%;
	
}
	.product_text h1{font-family:Arial; font-size:25px; color:#cf3131; font-weight:bold; background-color:#f7f7f7;}
	
	/*---------- contact -------------*/
	.contact_div {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	background-color: white;
}

.contact_div h1{ font-family:Century Gothic; font-size:25px;  color:#aa0000; float:left; width:100%; }

.contact_div h3{ font-family:Century Gothic; font-size:18px; color:#000; float:left; width:100%; margin:0px;}
.contact_div P{ float:left; display:block; width:100%; font-family:Century Gothic; font-size:15px; margin:0px; color:#000; text-decoration:none;}

.contact_div a{ float:left; display:block; width:96%; font-family:Century Gothic; font-size:16px; color:#000; margin:0px; text-decoration:none;}

.contact_div a:hover{ color:#aa0000; text-decoration:underline;}


#qualitypolicy{ width:100%; min-height:100px; border-top:0px solid; margin-top:20px; }
.qualityul{
	font-family: century gothic;
    font-size: 16px;
    margin-top: 25px;
    margin-left: 19px;
}
.aluminium{
	    font-size: 16px;
    font-family: century gothic;
    line-height: 27px;
}

/*-------application-------*/

.applicationh1{
	font-size: 26px;
    font-family: century gothic;
    background-color: #D4D4D4;
    color: #0085CA;
    padding: 5px;
}
.applicationh2{
	font-size: 20px;
    font-family: century gothic;
    background-color: black;
    padding: 3px;
    color: white;
	width: 100%;
}
.image-width{
	width:100%;
}


/*-----technical-info------*/
.homepage_widgets_bg {
	background: #95A3AB;
    border-top: 1px solid #000000;
}
.homepage_widgets_bg p {
	color:#000000;
}
.button_divider {
	width:207px;
	margin:-70px auto 0 auto;
}
.button_divider a.button_big {
	margin:0 0 0 11px;
}
.homepage_widgets {
	text-align:center;
	border:0;
	border-top:1px solid #f1f1f1;
	padding:40px 0 80px 0;
}
.homepage_widgets .col_1_3 {
	width:280px;
	margin:40px 20px 0 20px;
}
.homepage_widgets .col_1_3 h3.red {
	margin:27px 0 10px 0;
}
.homepage_widgets .col_1_3 .widget_body p {
	margin:0 0 0 0;
}
.homepage_widgets .col_1_3.first {
	margin:40px 20px 0 10px;
}





table {
	border-collapse:separate;
	border-spacing:0;
	width:100%;
	padding:0;
}
table thead td {
	background:#dddddd;
	height:30px;
	color:#262626;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}
table td {
	vertical-align:middle;
	padding:0;
	height:29px;
	color:#4d4d4d;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}
table tr.grey {
	background:#f2f2f2;
}