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

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

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

@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_btbold';
 src: url('../fonts/newsgoth-bt-bold-webfont.eot');
 src: url('../fonts/newsgoth-bt-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/newsgoth-bt-bold-webfont.woff') format('woff'),  url('../fonts/newsgoth-bt-bold-webfont.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

@font-face {
  font-family: 'Calibri-Bold';
  src: url('../fonts/Calibri-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Conv_Cabin-Regular';
	src: url('../fonts/Cabin-Regular.eot');
	src: local('☺'), url('../fonts/Cabin-Regular.woff') format('woff'), url('../fonts/Cabin-Regular.ttf') format('truetype'), url('../fonts/Cabin-Regular.svg') format('svg');
	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: 'calibriregular';}

.header-main{  background: none;}
.tran{ background-color:#373435; border-bottom:1px solid #bbbbbb;}
.call{ float:right; margin-bottom:5px; margin-top:5px;}
.call a{font-family: 'calibriregular'; font-size:16px; color:#fff; padding-left:5px; text-decoration:none; }
.offer > img {    float: left;    margin-top:3px;}
.banner{ float:left; width:100%;}
.banner img{ width:100%;}
.ph{ float:right; margin-bottom:5px; width:170px; margin-top:5px;}
.ph > img { float: left; padding-right:5px;}
.ph span{font-family: 'calibriregular'; font-size:16px; color:#fff; text-decoration:none; float:left;}
.hmenu {    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;    float: left;    margin-top: 10px;}

.mail{ float:right; margin-bottom:5px; width:260px; margin-top:5px;}
.mail > img { float: left; padding-right:5px;}
.mail a{font-family: 'calibriregular'; font-size:16px; color:#fff; text-decoration:none; float:left;}

.red{ float:left; width:100%; background-image:url(../homeimages/header-bg.jpg);}

.pro{ float:left; width:100%; background-image:url(../homeimages/product-bg.jpg); padding-top:25px; padding-bottom:25px;}
.pro-cat{ float:left; widows:100%; background:#373435; width:100%; padding:7px;}
.pro-cat span{ float:left; font-family: 'newsgoth_cn_btregular'; font-size:22px; color:#fff;}
.pro-cat img{ float:right; padding-top:9px;}
.searc{ float:left; width:100%;}
.search{ float:left; width:100%}
.search input{ float:left; width:100%; border:1px solid #c9c9c9; height:46px; padding:8px; color:#a8a8a8; font-size:20px; font-family: 'newsgoth_cn_btregular';}

.se{ float:left;}
.categories{ margin-top:40px;}
.pro-icon{  background: #fff none repeat scroll 0 0;
    border-color: #c3c3c3;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 5px;
    float: left;
    width: 100%;}
	
	
.pro-icon:hover{ border-bottom:1px solid #c3c3c3; margin-top:5px; cursor:pointer;}
.pro-icon img {
    float: left;

}
.pro-icon p{ color: #505050;    float: left;    font-family: "newsgoth_cn_btregular";    font-size: 20px;    padding-top: 23px;    width: 60%;padding-left: 10px;}

.gal{ float:left; width:100%; text-align:center; }
.gal h2{font-family: 'NewsGothCnBTBold'; font-size:24px; color:#ed3237; padding-top:30px; padding-bottom:30px;}
.gal img {    padding-left: 10px;    padding-right: 10px; margin-bottom:30px;}

.about{ float:left; width:100%; background-color:#373435; padding-top:20px; padding-bottom:20px;}
.abus{ float:left; width:100%;}
.abus h2{ color:#fff; font-family: 'NewsGothCnBTBold'; float:left; font-size:36px;}
.abus p{ float:left; text-align:justify; color:#fff; font-size:16px; line-height:19px; padding-top:20px; font-family: 'calibriregular';}
.abus span{ float:left; padding-right:10px;}
.abus a{ float:right; margin-top:10px;}

.video{float:left; width:100%;}
.video h2 {    color: #fff;    float: left;    font-family: "NewsGothCnBTBold";    font-size: 36px; padding-bottom:20px;}
.video img{ width:100%; max-width:360px;}

.online{ float:left; margin-top:30px; margin-bottom:30px;}
.online img{ float:left; width:100%; max-width:360px;}

.footer{ float:left; width:100%; background-color:#e9e5dc; }
.add{ float:left;padding-top:30px; padding-bottom:30px;}
.add img{ float:left; padding-bottom:20px;}
.add h3{ float:left; width:100%; color:#1a1a1a; font-size:26px; font-family: "NewsGothCnBTBold"; padding-bottom:5px;}
.add p{ float:left; font-size:16px; color:#505050; padding-bottom:25px;}
.phone{ float:left; width:100%;}
.phone span{ float:left; width:100px; color:#121212; font-size:16px; font-weight:bold;}
.phone p{ float:left; font-size:16px; color:#505050; padding-bottom:5px;}
.phone a{ float:left; font-size:16px; color:#505050; padding-bottom:5px; text-decoration:none;}
.social{ float:left; margin-top:30px;}
.social ul li{ float:left; padding-right:10px; display:inline;}
.copy{ float:left; width:100%; text-align:center; background:#2087e4;}
.copy p{ font-size:14px; color:#fff; padding-top:15px; padding-bottom:15px;}


div#clickme.show_form {
    background: transparent none repeat scroll 0 0;
    width: 317px;
}
.quick_cntct_form #clickme {
    background-color: #fff;
    cursor: pointer;
    margin: 6% 0 4%;
    min-height: auto;
    padding: 0;
    position: fixed;
    right: 0;
    top: 8%;
    width: 42px;
    z-index: 200;
}
.recent_order {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
}
.mod_simple_marquee_content {
    height: 46px !important;
    width: 525px !important;
}
.member_login {
    color: #ffffff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 44px;
    list-style: outside none none;
    text-align: center;
}
#ariextmenu_ariext143 A {
	
    font-size: 15px !important;
    font-weight: normal !important;
    text-transform: none !important;
	color:#fff;
}
.ux-menu a { background:#373435 none repeat scroll 0 0; border:none;}
.ux-menu-arrow { background:rgba(0, 0, 0, 0) url("../homeimages/menu-arrow-down.png") no-repeat scroll 0 0}
.ux-menu li li { width: 450px !important; margin-left: -14px !important;
    border-right: none !;
}
.ux-menu ul a.ux-menu-link-last, .ux-menu.ux-menu-vertical a.ux-menu-link-last { font-size: 15px !important; padding-left:10px;}
.ux-menu a:focus, .ux-menu a:hover, .ux-menu a.ux-menu-link-hover { padding-left:13px; }

<!-- inner -->


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

    .row-fluid-5 [class*="span"]{
    margin-left: 0;
    float: left;
    width: 100%;
    padding: 10px; 
    }
	.ph{ float:left; margin-bottom:5px; border-right:1px solid #aaaaaa; width:100%; margin-top:15px; margin-left:20px;}
.mail{ float:left; margin-bottom:5px; margin-left:20px; margin-top:15px; width:250px;}
.service span {    border-bottom: 1px solid #cccccc;    float: right;}
.service p {    color: #595959;    font-size: 14px;    line-height: 22px;    padding-bottom: 30px;    text-align: justify; }
.right {    float: right;  }
.right img{ min-width:100px;}
 }
 
 @media (min-width: 768px) and (max-width:1023px){ 
 .navbar-nav>li>a {
	 color: #f7f4ea;
    display: block;
    font-family: "Calibri";
    font-size: 16px;
    padding:4px 14px;
	text-transform:capitalize;
}

.menubg{background-image:none; background-color:#e87816;}
.top img{ display:none;}
 }
 
 @media screen and (max-width:768px) {
	.logo{margin:0 auto; display:table;}
	.input-group {	display:table;	margin-top:25px;}
.ph{ float:left; margin-bottom:5px; border-right:1px solid #aaaaaa; width:170px; margin-top:15px; margin-left:20px;}
.mail{ float:left; margin-bottom:5px; margin-left:20px; margin-top:15px;width:250px; }
.top img{ display:none;}
.log{ display:none;}
.product img {
    border-bottom: 7px solid #e87816;
    float: left;
    width: 100%;
}
.service span {    border-bottom: 1px solid #cccccc;    float: right;}
.service p {    color: #595959;    font-size: 14px;    line-height: 22px;    padding-bottom: 30px;    text-align: justify; width:100%; }
.right {float: left; width:100%;  }
.right img{width:100px; padding-left:10px;}

input {    border: 1px solid #dcdcdc;    float: left;    height: 35px;    margin-top: 15px;    padding: 3px;    width: 100%;}
.footer{ background: #34312c; float:left; width:100%; margin-top:20px;}
	}
	
strong{ color:#3193ee;}