@font-face {
    font-family: 'source_sans_proregular';
    src: url('sourcesanspro-regular.eot');
    src: url('sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),
         url('sourcesanspro-regular.woff') format('woff'),
         url('sourcesanspro-regular.ttf') format('truetype'),
         url('sourcesanspro-regular.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


*{margin:0px; padding:0;}

body{
	font-family: 'source_sans_proregular';
}


img{border:0px; max-width:100%;}

ul{margin:0px; padding:0px;}

.clr{clear:both;}

/*=============*/

h2, h3, h4, h5, h6{color:#ee7f00; font-weight:normal; letter-spacing:1px; margin-bottom:10px;}

h1{color:#FFF; font-weight:normal; letter-spacing:1px; margin-bottom:10px;}

p{color:#616265; letter-spacing:1px; text-align:justify; line-height:25px; margin-bottom:15px;}


.empty01{height:15px;}

.empty02{height:70px;}

.header{
	width:100%;
	background:#f9f9f9;
	border-bottom:1px solid #ececec;
	color:#000;
	font-size:14px;
}


.logopart{
	width:100%;
	padding:25px 0;
	border-bottom:1px solid #ececec;
}

.phone, .email{
	float:right;
	padding:12px 20px;
	text-align:center;
}

.phone{
	width:208px;
	background:url(../images/phone.jpg) no-repeat 40px 12px;
	border-left:1px solid #ececec;
	border-right:1px solid #ececec;
}

.email{
	width:209px;
	background:url(../images/email.jpg) no-repeat 40px 12px;
	border-right:1px solid #ececec;
}


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


.email a:hover{
	color:#ef7f00;
}


.container{
	width:1200px;
	margin:auto;
}

.logo{
	width:304px;
	float:left;
}

.navi{
	width:670px;
	float:right;
	text-transform:uppercase;
	font-size:14px;
	margin-top:15px;
}

/*=============*/

.banner{
	width:100%;
	background:#CC3366
}


/*=============*/

.int-pro{
	width:180px;
	float:left;
}

.int-pro li{
	list-style-type:none;
	padding:10px 20px;
	border-top:1px solid #ececec;
	border-right:1px solid #ececec;
	text-align:right;
}


.int-pro li:hover{
	border-left:7px solid #282828;
}

.int-pro a{
	text-decoration:none;
	color:#333;
}

.int-pro a:hover{
	color:#ef7f00;
}


.abt-con{
	width:600px;
	float:left;
	margin:0 2.5%;
}

.company-img{
	width:360px;
	float:left;
}

.products-list{
	width:100%;
	padding:15px 0;
	background:#b2b3b5;
	background:url(../images/pattern-9.png);
}

.pds-int{
	width:250px;
	float:left;
	margin:15px 25px;
	background:#FFF;
}


.pds-int:hover{
	filter:grayscale(100%);
}

.pds-int h4{
	text-align:center;
	margin-top:5px;
}

/*=======*/

.footer{
	width:100%;
	padding:1% 0;
	background:#242424;
	color:#fff;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}


.footer-part{
	width:980px;
	margin:auto;
}


.foo-links{
	width:225px;
	float:left;
	text-transform:capitalize;
	margin:0 10px;
}


.foo-links li{
	list-style-type:none;
	padding:7px 0;
}


.footer a{
	text-decoration:none;
	color:#fff;
}

.footer a:hover{
	color:#ec7f00;
	text-decoration:underline;
}

.copyright{
	width:90%;
	padding:0.5% 5%;
	color:#FFFFFF;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	line-height:25px;
}

.copyright a{
	text-decoration:none;
	color:#666;
}

.copyright a:hover{
	color:#FFF;
}


.gototop{
    position:fixed;
    right:20px;
    bottom:50px;
}


.inr-pg-hdr{
	width:100%;
	padding:30px 0;
	background:url(../images/pattern-9.png);
}


.inr-pg-hdr .head-line{
	width:320px;
	float:left;
}

.inr-pg-hdr .head-links{
	width:320px;
	float:right;
	margin-top:10px;
	text-align:right;
}


.inr-pg-hdr .head-links a{
	text-decoration:none;
	color:#000;
}

.inr-pg-hdr .head-links a:hover{
	color:#FF6600;
}


.left-panel{
	width:810px;
	float:left;
}

.right-panel{
	width:300px;
	float:right;
}

.left-panel li{
	margin-left:70px;
	line-height:30px;
	color:#616265;
}

.right-panel li{
	list-style-type:none;
	padding:10px 30px;
	border-top:1px solid #ececec;
	border-right:1px solid #ececec;
	text-align:right;
}

.right-panel li:hover{
	border-left:7px solid #282828;
}

.right-panel .act-like{
	border-left:7px solid #282828;
	background:#ed8001;
	color:#fff;
}

.right-panel a{
	text-decoration:none;
	color:#333;
}

.right-panel a:hover{
	color:#ef7f00;
}


.con-add{
	width:35%;
	float:left;
}

.con-add a{
	text-decoration:none;
	color:#333333;
}

.con-add a:hover{
	color:#FF6600;
}

.con-add li{
	color:#666666;
	width:40%;
	float:left;
	line-height:30px;
	margin:0 5%;
}


.con-form{
	width:60%;
	float:right;
}

.boxes{
	width:46%;
	margin:0 2%;
	float:left;
}

.textstyle{
	width:95%;
	border:0;
	padding:10px 10px;
	background:#F0F0F0;
	font-family: 'source_sans_proregular';
	font-size:16px;
}


.sendbutton{
	background:#FF6600;
	border:0;
	margin-top:20px;
	padding:10px 20px;
	font-family: 'source_sans_proregular';
	font-size:16px;
	color:#FFFFFF;
	text-transform:uppercase;
	cursor:pointer;
}

.captcha{
	background:#FFCC00;
	padding:5px 10px;
	color:#FFFFFF;
}

.facility{
	width:260px;
	float:left;
	margin:5px;
}


.full-deta{
	margin-top:10px;
	width:160px;
	padding:10px 0;
	text-align:center;
	background: linear-gradient(#fdb913, #ef7f01);
}

.full-deta:hover{
	background:#ef7f01;
}


.full-deta a{
	text-decoration:none;
	color:#FFFFFF;
}




.enqu-us{
	margin-top:10px;
	width:160px;
	padding:10px 0;
	text-align:center;
	background:#4d4e53;
}

.enqu-us:hover{
	background:#ef7f01;
}


.enqu-us a{
	text-decoration:none;
	color:#FFFFFF;
}


.mach001{
	width:385px;
	float:left;
	margin:10px;
}

.iframe-style{
	width:100%;
	border:0;
	height:900px;
}

/*===MEDIA SCREEN===*/

@media only screen and (min-width:980px) and (max-width:1199px) {

.container{width:980px;}

.logo{width:280px;}

.navi{width:650px;}

.pds-int{width:215px; margin:15px;}

.int-pro{width:147px;}

.abt-con{width:490px;}

.company-img{width:294px;}

.left-panel{width:660px;}

.right-panel{width:245px;}

.facility{width:210px;}

.mach001{width:310px;}

}


@media only screen and (min-width:768px) and (max-width:979px) {

.container, .footer-part{width:768px;}

.logo{width:220px;}

.navi{width:500px; margin-top:5px; text-transform:capitalize;}

.pds-int{width:172px; margin:10px;}

.int-pro{width:192px;}

.abt-con{width:345px;}

.company-img{width:192px;}

.foo-links{width:172px; margin:0 10px; }

.left-panel{width:547px;}

.right-panel{width:192px;}

.facility{width:176px; margin:3px;}

.mach001{width:253px;}


}

@media only screen and (min-width:600px) and (max-width:767px) {

.container, .footer-part{width:600px;}

.logo{width:300px; float:none; margin:0 150px;}

.navi{width:100%; float:none; margin:0px; position:absolute; left:0; top:0;}

.pds-int{width:140px; margin:5px;}

h3{font-size:14px;}

.int-pro, .company-img{width:360px; float:none; margin:0 120px;}

.abt-con{width:560px; float:none; margin:0 20px;}

.foo-links{width:140px; margin:0 5px;}

.left-panel{width:400px;}

.right-panel{width:180px;}

.con-add, .con-form{width:100%; float:none;}

.con-add li{color:#666666; width:30%; float:left; line-height:30px; margin:0 5%;}

.facility{width:127px; margin:3px;}

.mach001{width:190px; margin:5px;}

}

@media only screen and (min-width:480px) and (max-width:599px) {

.container, .footer-part{width:480px;}

.phone, .email{padding:12px 10px;}

.logo{width:300px; float:none; margin:0 90px;}

.navi{width:100%; float:none; margin:0px; position:absolute; left:0; top:0;}

.pds-int{width:230px; margin:5px;}

.int-pro, .company-img{width:360px; float:none; margin:0 60px;}

.abt-con{width:460px; float:none; margin:10px;}

.foo-links{width:220px; margin:10px;}

.left-panel{width:460px; float:none; margin:0 10px;}

.right-panel{float:none; margin:10px 90px;}

.con-add, .con-form{width:100%; float:none;}

.boxes{width:100%; margin:0; float:none;}

.sendbutton{margin:0px;}

.facility{width:143px;}

.mach001{width:220px; float:left; margin:5px;}

}

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

.container, .footer-part{width:320px;}

.phone, .email{float:none; padding:10px 0; width:100%; background:none; border:0;}

.logo{width:300px; float:none; margin:0 10px;}

.navi{width:100%; float:none; margin:0px; position:absolute; left:0; top:0;}

.pds-int{float:none; margin:5px 20px; padding-bottom:5px; width:280px;}

.int-pro, .company-img, .abt-con{width:300px; float:none; margin:5px 10px;}

.foo-links{width:220px; float:left; text-transform:capitalize; margin:10px 50px;}

.left-panel, .right-panel{width:300px; float:none; margin:10px;}

.con-add, .con-form{width:100%; float:none;}

.boxes{width:100%; margin:0; float:none;}

.sendbutton{margin:0px;}

.facility{width:260px; float:none; margin:5px 20px;}

.mach001{width:280px; float:none;}


}


/*===MEDIA SCREEN===*/