/* CSS Document */

html,body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	
}	
*{
	padding:0;
	margin:0;
}
img {
	border:none;
	display:block;
	max-width:100%;
	height:auto;
	width:auto;
	}
a {
	text-decoration:none;
	color:#0981CB;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color:#fff;
}
.underline {
	text-decoration:underline;
}
.underline:hover {
	text-decoration:none;
}
	
h1, h2, h3, h4, h5, h6, p, div, span, html, ol, ul, li, form,label {
	margin:0;
	padding:0;
}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}
.flotleft{
	float:left;
	width:auto;
	}
.flotright{
	float:right;
	width:auto;
	}
	.clear
{
    clear: both;
}
form{
	margin:0;
	padding:0;
}
p  {
	text-align:justify;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display: block;
}

nav ul {
    list-style: none;
}


@font-face {
    font-family: "helr47w";
    src: url('../fonts/helr47w.eot');
    src: url('../fonts/helr47w.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helr47w.woff') format('woff');
}
@font-face {
    font-family: "helr65w";
    src: url('../fonts/helr65w.eot');
    src: url('../fonts/helr65w.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helr65w.woff') format('woff');
}

@font-face {
    font-family: "Helvetica";
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Helvetica.woff') format('woff');
}

@font-face {
    font-family: "helvetica-webfont";
    src: url('../fonts/helvetica-webfont.eot');
    src: url('../fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-webfont.woff') format('woff');
}	

@font-face {
    font-family: "Harabara";
    src: url('../fonts/Harabara.eot');
    src: url('../fonts/Harabara.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Harabara.woff') format('woff');
}	




@font-face {
	font-family: 'Conv_Lato-Regular';
	src: url('fonts/Lato-Regular.eot');
	src: local('☺'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype'), url('fonts/Lato-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





/**** Start Header ****/
#wrapper {
	width: 96%;	
	max-width: 980px;
	margin: auto;
}

header {
width:100%;
float:left;
position:fixed;
height:139px;
z-index:100;
background:url(../images/bg.gif) repeat-x;
}

.blank_left_right {
	width:95%;
	float:left;
	height:1px;
}

.left_coloum {
float:left;
width:77%;

}	
.left_coloum p {
float:left;
padding:4px 0 0 0;
color:#fff;
font-family: "Helvetica";
font-size:15px;
}
.left_coloum img {
float:left;
padding:3px 5px 0 0;
}

.right_coloum {
float:left;
width:20%;
}
.right_coloum p {
float:left;
padding:4px 0 0 0;
color:#fff;
font-family: "Helvetica";
font-size:15px;
}
.right_coloum img {
float:left;
padding:7px 5px 0 0;
}



.logo {
width:95%;
float:left;
padding-top:15px;
}
.logo img {
	float:left;
	padding:0 0 0 0;
}

/***** Banner ****/
.banner_main {
float:left;
width:100%;
background:url("../images/center-bg.gif");
}
/**** Banner End ***/

/*** Body Content ***/
.about_company_content {
float:left;
width:99.8%;
background:url("../images/line-bg.gif") repeat-x;
height:17px;
margin-top:10px;
margin-bottom:10px;
}

.about_company_content1 {
float:left;
width:45%;
padding-left:38%;
}
.about_company_content1 img {
float:left;
padding:0 0 0 0;
}

.about_profile {
	float:left;
	width:100%;
}



/*** Body Content ***/


.safty_content{
width:23%;
float:left;
margin:5px 1%;
}
.safty_content img {
padding:0 4px 0 0;
float:left;
}
.safty_content h2 {
font-size:17px;
padding:15px 0 15px 0;
color:#242424;
font-family: "helr65w";
}
.safty_content p {
font-size:15px;
width:99%;
line-height:20px;
font-weight:normal;
padding:0 0 0 0;
color:#414141;
font-family: 'Lato', sans-serif;
}

.clear {
clear:both;
	}
	
.company_content {
	float:left;
	width:50%;
	height:auto;
	}
.company_content h1 {
font-size:17px;
padding:10px 0 10px 0;
color:#4b62ab;
font-family: "helr65w";
}
.company_content p {
font-size:15px;
width:99%;
line-height:25px;
font-weight:normal;
padding:0 0 10px 0;
color:#414141;
font-family: 'Lato', sans-serif;
}	
aside {
width:47%;
float:right;
height:auto;
}	
aside h1 {
font-size:17px;
padding:10px 0 10px 0;
color:#4b62ab;
font-family: "helr65w";
}
aside p {
font-size:15px;
width:99%;
line-height:25px;
font-weight:normal;
padding:0 0 0 0;
color:#414141;
font-family: 'Lato', sans-serif;
}
ul .experience li {

}
.experience h3{
font-size:15px;
width:97%;
line-height:22px;
font-weight:normal;
padding:1px 0 10px 15px;
color:#414141;
font-family: 'Lato', sans-serif;
background:url("../images/round.gif") no-repeat left top 7px;
}

.top_content {
	float:left;
	width:25%;
}

.top_content3 {
float:right;
width:22%;
padding:20px 0 5px 0;
}


.social_blank_content {
	float:left;
	width:70%;
	background:red;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.social_blank_content1 {
	float:left;
	width:70%;
	padding:0 0 0 0;
}

.socail_content {
	float:left;
	width:99%;
	padding:0 0 0 0;
	margin:0 0 0 0;
}	

.socail_content h3 {
	float:left;
	width:39%;
	padding-top:6px;
	font-family:arial;
	color:#4b4b4b;
	font-size:14px;
	font-weight:normal;
}
.socail_content img {
float:left;
padding:0 0 0 5px;
} 	
.socail_content a {
}
	

ul.social li {
display:inline;
float:left;
padding:0 2px 0 2px;
}
ul.social li img {
padding:0 0 0 0;
}	






/***** Special Content ****/
.special_content {
	float:left;
	width:100%;
	background:url(../images/center-bg.gif);
}
.special_content1 {
	float:left;
	width:100%;	
}

.new {
width:23%;
float:left;
margin:0 0;
padding-top:1%;
padding-left:2%;
}
.new img {
padding:0 18% 5% 28%;
float:left;
}
.new h2 {
font-size:15px;
text-align:center;
padding:15px 0 15px 0;
color:#4b62ab;
width:93%;
font-family: "helr65w";

}
.new  a {
	color:#4b62ab;
}
.new a:hover {
	color:#000000;

}
	

/***** Special Content ****/


/**** Bottom ****/
.start_content {
width:100%;
float:left;
background:url("../images/footer-bg.jpg") no-repeat center bottom;
height:246px;
}
.start_content1 {
width:98%;
float:left;
}
.start_content1 h1 {
font-size:35px;
text-align:center;
padding:15% 0 19px 0;
color:#ffffff;
float:left;
width:100%;
font-family: "helr65w";
}
.start_content1 a {
	border-radius: 10px;
	background: linear-gradient(to bottom, #f0f0f0 0%,#f6f6f6 50%,#f9f9f9 51%,#fcfcfc 100%);
	padding:10px 30px 10px 30px;
	font-family: 'Lato', sans-serif;
	font-size:15px;
    height: 50px;
color:#575757;	
margin-left:42%;

}
.start_content1 a:hover {
color:#ffffff;
background: linear-gradient(to bottom, #607ac9 0%,#607ac9 40%,#293a6e 71%,#293a6e 100%);
}




/**** Bottom ****/

footer {
width:100%;
float:left;
background:#293a6e;
padding:5px 0 5px 0;
}

.footer_content {
float:left;
width:100%;
}

.copyright_content {
	color:  #ffffff;
	font-size:13px;
	width:30%;
	font-family:arial;
	padding:8px 0 5px 0;
	float:left;
}


.footer-links {
	color:white;
padding:5px 5px 5px 5px;
width:44%;
float:left;	
}

.footer-links a{
	text-decoration: none;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
}
.footer-links a:hover {
color:black;
}

.design_content {
	float:left;
	width:24%;
	padding:8px 0 5px 0;
}

.design_content a{
	text-decoration: none;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:normal;
}
.design_content a:hover {
color:black;
}



/***** About Us ***/

.bg_about_content {
	float:left;
	background:#f0f0f0;
	width:100%;
	margin-top:10%;
	border-bottom:1px solid #dddddd;
}

.bg_about_content1 {
	float:left;
	width:95%;
}
.bg_about_content1 h1 {
	float:left;
	font-size:35px;
	color:#434343;
	padding:15px 0 15px 5px;
	font-family: "helr65w";
}	


.left_about_bg {
	float:left;
	padding:0 0 0 0;
	background:white;
	width:45%;
	border:1px solid #f0f0f0;
	margin-right:3%;
	margin-top:1%;
}
.left_about_bg img {
	float:left;
	padding:21% 0 21% 20%;
}



.about_left_tab {
	float:left;
	width:100%;
	border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
margin-bottom:1%;	
}




/***** About Us ***/


/***** Product ******/
.product_content {
		float:left;
	padding:0 0 0 0;
	width:35%
	margin-right:3%;
	margin-top:1%;
	padding-bottom:1%;
}
.product_content img {
	float:left;
	padding:0 0 0 0;
}
.frp_data_content {
		float:left;
		width:65%;
padding-left:2%;		
	}
.frp_data_content h1 {
font-size:17px;
padding:10px 0 10px 0;
color:#4b62ab;
font-family: "helr65w";
}
.frp_data_content p {
font-size:15px;
width:99%;
line-height:25px;
font-weight:normal;
padding:0 0 10px 0;
color:#414141;
font-family: 'Lato', sans-serif;
}	
	

/***** Product ******/


/**** Contact ****/
.contact_page_content {
	float:left;
	width:100%;
}

.contact_details {
	float:left;
	width:42%;
	padding:1px 0 5px 0;
}	
.contact_details h1 {
	font-family: "helr65w";
	font-size:25px;
	color:#4b62ab;
	width:99%;
	letter-spacing:normal;
	padding:10px 0 0 0;
}
.contact_details h2 {
	float:left;
	width:90%;
	font-family: "helr65w";
	font-size:16px;
	padding:10px 0 10px 0;
	color:#4b62ab;
	font-weight:600;
	letter-spacing:normal;
}
.contact_details img {
	float:left;
	padding:2px 3px 0 0;
}
.contact_details p {
	float:left;
	font-size:15px;
	color:#888888;
	width:95%;
	padding:0 0 0 0;
	letter-spacing:normal;
	line-height:26px;
	font-family: 'Lato', sans-serif;
}

.contact_page_content2 {
	float:left;
	width:48%;
}	

.contact_page_content3 {
	float:left;
	width:98%;
}

.contact_page_content3  h2 {
	float:left;
	width:90%;
	font-family: "helr65w";
	font-size:16px;
	padding:10px 0 10px 0;
	color:#4b62ab;
	font-weight:600;
	letter-spacing:normal;
}

.fan_content {
	width:31%;
	border:3px solid #cccccc;
	margin-left:5px;
	float:left;
	margin-bottom:5px;
}	
.fan_content img {
	padding:3px 3px 3px 3px;
}	
	




/**** Contact ****/






@media screen and (max-width:989px) {
header {
width:100%;
position:relative;
}
	.left_coloum  {
	width:75%;
}
.right_coloum  {
	width:23%;
}
.right_coloum img {
padding:7px 5px 0 0;
}

.top_content {
	width:25%;
	padding:0 0 0 0;
}
.logo {
	width:100%;
}
.top_content3 {
	width:27%;
	float:right;
	padding:13px 0 12px 0;
}

.socail_content {
	width:99%;
	float:left;
}
.socail_content h3 {
	width:45%;
}

	
.bg_about_content {
	margin-top:0;
}	 


.banner_main {
width:100%;
float:left;
}

.safty_content{
width:23%;
}



.about_company_content {
width:99%;
}
.about_company_content1 {
width:45%;
padding-top:0px;
padding-left:30%;
}

.company_content {
	width:61%;
	}
aside {
width:99%;
padding-bottom:10px;
}
aside p {
	width:99%;
	line-height:25px;
	font-size:18px;
	text-align:justify;
	padding-bottom:10px;
}	
	
.experience h3{
font-size:17px;
width:97%;
line-height:28px;
font-weight:normal;
padding:1px 0 10px 15px;
color:#414141;
font-family: 'Lato', sans-serif;
background:url("../images/round.gif") no-repeat left top 8px;
}	

.new {
width:23%;
float:left;

}
.new img {
padding:0 18% 5% 26%;
}
.new h2 {
width:98%;
}

.start_content {
width:100%;
}
.start_content1 {
width:100%;
}
.start_content1 h1 {
font-size:35px;
text-align:center;
padding:20% 0 17px 0;
}
.start_content1 a {
	padding:10px 10px 10px 10px;
		background: linear-gradient(to bottom, #f0f0f0 0%,#f6f6f6 50%,#f9f9f9 51%,#fcfcfc 100%);
margin-left:40%;

}
.start_content1 a:hover {
color:#ffffff;
background: linear-gradient(to bottom, #607ac9 0%,#607ac9 40%,#293a6e 71%,#293a6e 100%);
}

footer {
width:100%;
}

.footer_content {
width:98%;
}

.copyright_content {
	width:99%;
	padding-left:5px;
}

.footer-links {
width:97%;
}
.design_content {
	width:75%;
padding-left:5px;	
}

.left_about_bg {
	width:35%;
	margin-top:15;
}
.left_about_bg img {
	padding-left:2%;
}

.product_content {
	width:35%
}
.product_content img {
padding-bottom:5px;
}
.frp_data_content {
	width:60%;
	padding:0 0 0 0;
}


.contact_details {
	width:55%;
}

.contact_page_content2 {
	width:45%;
}

.contact_page_content3 {
	width:99%;
}	

.fan_content {
	width:31.5%;
	margin-left:1px;
	margin-bottom:1px;
}	
.fan_content img {
	padding:3px 1px 3px 1px;
}


}





@media only screen and (max-width: 240px){
header {
width:100%;
height:214px;
background:url(../images/m-bg.gif) repeat-x;
}


.left_coloum  {
	width:52%;
}
	
.right_coloum  {
	width:95%;
	padding:0 0 0 0;
	float:left;
	margin:0 0 0 0;
}
.top_content {
	width:91%;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.logo {
	width:95%;
	padding:10px 0 0 0;
	margin:0 0 0 0;
}
.top_content3 {
	width:87%;
	float:left;
	padding:5px 0 5px 0;
}
.safty_content{
width:98%;
}
.new {
width:85%;
}
.start_content1 h1 {
font-size:22px;
text-align:center;
padding:55% 0 18px 0;
}
.start_content1 a {
	padding:10px 10px 10px 10px;
margin-left:20%;
	background: linear-gradient(to bottom, #f0f0f0 0%,#f6f6f6 50%,#f9f9f9 51%,#fcfcfc 100%);
}
.start_content1 a:hover {
color:#ffffff;
background: linear-gradient(to bottom, #607ac9 0%,#607ac9 40%,#293a6e 71%,#293a6e 100%);
}
.about_company_content1 {
padding-top:5px;
}
	.company_content {
	width:99%;
	}
.bg_about_content {
margin:0;
padding:0;
}	
.left_about_bg {
	width:96%;
	padding:0 0 0 0;
	margin-left:1px;
	margin-top:9px;
}
.left_about_bg img {
	padding-left:1px;
}
.fan_content {
	width:85%;
	margin-left:2%;
}
.product_content {
	width:85%
}

.frp_data_content {
		float:left;
		width:95%;
padding-left:2%;		
	}
.contact_details  {
	width:95%;
}
.contact_page_content2 {
	width:95%;
}


}


@media only screen and (min-width:320px) and (max-width: 370px){

.left_coloum  {
	width:40%;
}
	
.right_coloum  {
	width:55%;
}
.top_content {
	width:51%;
	float:left;
}
.top_content3 {
	width:47%;
	float:right;
	padding:13px 0 5px 0;
}
.socail_content h3 {
	width:30%;
}
.safty_content{
width:98%;
}
.about_company_content1 {
padding-top:4px;
}
	.company_content {
	width:99%;
	}
.new {
width:45%;
}	

.start_content1 h1 {
font-size:22px;
text-align:center;
padding:40% 0 18px 0;
}
.start_content1 a {
	padding:10px 10px 10px 10px;
margin-left:27%;
	background: linear-gradient(to bottom, #f0f0f0 0%,#f6f6f6 50%,#f9f9f9 51%,#fcfcfc 100%);
}
.start_content1 a:hover {
color:#ffffff;
background: linear-gradient(to bottom, #607ac9 0%,#607ac9 40%,#293a6e 71%,#293a6e 100%);
}

.left_about_bg {
	width:95%;
	padding:0 0 0 0;
	margin-left:5px;
	margin-top:9px;
}
.left_about_bg img {
	padding-left:10%;
}

.product_content {
	width:95%
}
.product_content img {
padding-bottom:5px;
padding-left:5%;
}
.frp_data_content {
	width:95%;
	padding:0 0 0 0;
}

.fan_content {
	width:85%;
	margin-left:2%;
}
.contact_details  {
	width:95%;
}
.contact_page_content2 {
	width:95%;
}

}



@media only screen and (min-width:375px) and (max-width: 400px){
.left_coloum  {
	width:51%;
}	
.right_coloum  {
	width:47%;
}
.top_content {
	width:51%;
	float:left;
}
.top_content3 {
	width:40%;
	float:right;
	padding:13px 0 5px 0;
}
.socail_content h3 {
	width:27%;
}
.safty_content{
width:98%;
}
.about_company_content1 {
padding-top:4px;
}
	.company_content {
	width:99%;
	}
.new {
width:45%;
}
.start_content1 h1 {
font-size:22px;
text-align:center;
padding:35% 0 18px 0;
}
.start_content1 a {
	padding:10px 10px 10px 10px;
margin-left:29%;
	background: linear-gradient(to bottom, #f0f0f0 0%,#f6f6f6 50%,#f9f9f9 51%,#fcfcfc 100%);
}
.start_content1 a:hover {
color:#ffffff;
background: linear-gradient(to bottom, #607ac9 0%,#607ac9 40%,#293a6e 71%,#293a6e 100%);
}
.left_about_bg {
	width:95%;
	padding:0 0 0 0;
	margin-left:5px;
	margin-top:9px;
}
.left_about_bg img {
	padding-left:10%;
}

.product_content {
	width:95%
}
.product_content img {
padding-bottom:5px;
padding-left:5%;
}
.frp_data_content {
	width:95%;
	padding:0 0 0 0;
}

.fan_content {
	width:81%;
	margin-left:2%;
}
.contact_details  {
	width:95%;
}
.contact_page_content2 {
	width:95%;
}


}


@media only screen and (min-width:414px) and (max-width: 500px){
.left_coloum  {
	width:57%;
}	
.right_coloum  {
	width:43%;
}
.top_content {
	width:45%;
	float:left;
}
.top_content3 {
	width:47%;
	float:right;
	padding:13px 0 5px 0;
}
.safty_content{
width:48%;
height:140px;
}
.about_company_content1 {
padding-top:2px;
}
	.company_content {
	width:99%;
	}
	
.new {
width:30%;
}
.start_content1 h1 {
font-size:22px;
text-align:center;
padding:32% 0 18px 0;
}
.start_content1 a {
	padding:10px 10px 10px 10px;
margin-left:32%;
	background: linear-gradient(to bottom, #f0f0f0 0%,#f6f6f6 50%,#f9f9f9 51%,#fcfcfc 100%);
}
.start_content1 a:hover {
color:#ffffff;
background: linear-gradient(to bottom, #607ac9 0%,#607ac9 40%,#293a6e 71%,#293a6e 100%);
}
.left_about_bg {
	width:95%;
	padding:0 0 0 0;
	margin-left:5px;
	margin-top:9px;
}
.left_about_bg img {
	padding-left:18%;
}
.product_content {
	width:95%
}
.product_content img {
padding-bottom:5px;
padding-left:5%;
}
.frp_data_content {
	width:95%;
	padding:0 0 0 0;
}

.fan_content {
	width:71%;
	margin-left:2%;
}
.contact_details  {
	width:95%;
}
.contact_page_content2 {
	width:95%;
}



}


@media only screen and (min-width:420px) and (max-width: 780px){

	.company_content {
	width:99%;
	}

}

@media only screen and (min-width:560px) and (max-width: 600px){
.left_coloum  {
	width:67%;
}	
.right_coloum  {
	width:33%;
}
.top_content {
	width:45%;
	float:left;
}
.top_content3 {
	width:34%;
	float:right;
	padding:13px 0 5px 0;
}
.socail_content h3 {
	width:44%;
}
.safty_content{
width:48%;
height:140px;
}
.left_about_bg {
	width:60%;
	padding:0 0 0 0;
	margin-left:15%;
	margin-top:9px;
}
.left_about_bg img {
	padding-left:15%;
}
.frp_data_content {
	width:62%;
	padding:0 0 0 10px;
}

}


@media only screen and (min-width:660px) and (max-width: 690px){
.left_coloum  {
	width:73%;
}	
.right_coloum  {
	width:27%;
}
.top_content {
	width:45%;
	float:left;
}
.top_content3 {
	width:30%;
	float:right;
	padding:13px 0 5px 0;
}
.socail_content h3 {
	width:44%;
}
.safty_content {
	width:48%;
	height:110px;
}

.start_content1 h1 {
font-size:31px;
text-align:center;
padding:22% 0 18px 0;
}
.left_about_bg {
	width:48%;
	padding:0 0 0 0;
	margin-left:25%;
	margin-top:9px;
}
.left_about_bg img {
	padding-left:12%;
}


}

@media only screen and (min-width:700px) and (max-width: 780px){
.left_coloum  {
	width:74%;
}	
.right_coloum  {
	width:26%;
}
.top_content {
	width:20%;
	float:left;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.top_content3 {
	width:28%;
	float:right;
	padding:13px 0 5px 0;
}
.socail_content h3 {
	width:44%;
}
.safty_content {
	width:48%;
	height:110px;
}
.left_about_bg {
	width:45%;
	padding:0 0 0 0;
	margin-left:30%;
	margin-top:9px;
}
.left_about_bg img {
	padding-left:15%;
}
.product_content {
	width:31%;
	
}	

.frp_data_content {
	width:65%;
	padding:0 0 0 10px;
}

}