@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'calibriregular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibri-webfont.woff') format('woff'),
         url('../fonts/calibri-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'newsgoth_cn_btbold';
    src: url('../fonts/newsgoth-cn-bt-bold-webfont.eot');
    src: url('../fonts/newsgoth-cn-bt-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/newsgoth-cn-bt-bold-webfont.woff') format('woff'),
         url('../fonts/newsgoth-cn-bt-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'newsgoth_cn_btregular';
    src: url('../fonts/vikash-webfont.eot');
    src: url('../fonts/vikash-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/vikash-webfont.woff') format('woff'),
         url('../fonts/vikash-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


img {
	border:0px; max-width:100%;
}
a {
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
ul, li, p {
	padding:0px;
	margin:0px;
	list-style:none;
}
span {
	margin:0px;
	padding:0px;
}
.clear10 {
	clear:both;
	height:20px;
	width:100%;
}
.clear {
	clear:both;
	height:0px;
	width:100%;
}
.clear5 {
	clear:both;
	height:289px;
	width:100%;
}
body{font-family: 'Open Sans', sans-serif;}
.strip{ float:left; width:100%; height:5px; background-color:#31384e; margin-bottom:15px;}
.logo { float:left; margin-top:10px; padding-top:20px; padding-bottom:30px;}
.call{ float:left; width:100%; margin-bottom:3px;}
.call span{ float:left; font-size:16px; color:#31384e; margin-left:20px;}
.call a{float:left; font-size:16px; color:#31384e; margin-left:2px; text-decoration:none;}

.menu{ float: left;    background-image: url(../images/menu.png);    width: 100%;    background-repeat: no-repeat;    background-position: 0 0;    background-size: 100% 100%;    margin-top: 25px;}

.banner{ display:table; margin:0 auto; padding-bottom:15px;}
.product{ display:table; margin-top:30px;}

.footer{ float:left; width:100%; background-color:#494949; padding:20px; margin-top:30px;}
.contact { float:left; width:100%;}
.contact h4{ float:left; font-size:24px; color: #ffad39; font-weight:600; margin-bottom:5px;}
.contact span{ float:left; font-size:18px; color:#fff; font-weight:bold; margin-bottom:5px;}
.contact P{ float:left; background-image:url(../images/location.png); background-repeat:no-repeat; background-position:left top; font-size:17px; color:#fff; line-height:27px; padding-left:30px;}
.calmal a{color: #fff;    float: left;    font-size: 17px;    line-height: 27px;    margin-bottom: 10px;    min-height: 35px;    padding-left: 50px;    width: 100%; text-decoration:none;}
.calmal{ float:left; width:100%; margin-top:60px;}
.cal{ background-image:url(../images/call.png); background-repeat:no-repeat; background-position:left top;}
.mal{ background-image:url(../images/mail.png); background-repeat:no-repeat; background-position:left top;}
.map{ float:left; width:100%; border:3px solid #cecece;}
.copyright{ float:left; width:100%; background-color:#e9113f; padding:15px;}
.copyright p{ display:block; margin:0 auto; font-size:14px; color:#fff; text-align:center;}

 @media (max-width: 600px){ /* spans reduce to 100px then go full width */ }
 @media screen and (max-width:767px) {
	 			
	}