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

body{ background:#fff; margin:0px; padding:0px;}
.topbg{ background:#cacaca; height:46px;}
.phone{ float:left; width:35%; background:url(image/phone.png) no-repeat left; padding-left:20px; color:#6d6d6d; margin-top:12px; 
font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400;}
.email{ float:left; width:40%; background:url(image/email.png) no-repeat left; padding-left:25px; color:#6d6d6d; margin-top:12px; 
font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:400;}
.top_lang{ float:right; margin-top:12px; color:#6d6d6d; font-family: 'Open Sans', sans-serif; font-size:12px; text-transform:uppercase;}
a.gflag{ font-size:0px !important;}
.cart{ float:right; margin-top:13px; margin-left:10px;}
.logo{ float:left; width:100%; padding:0px 0px 27px 0px; margin-top:-3px;}
.logo img{ margin:0px auto; width:70%;}
.search{ float:right; width:52%; margin-top:45px; font-size:12px; padding-left:10px; font-family: 'Raleway', sans-serif; color:#5c5c5c; border-radius:20px; border:1px solid #dfdfdf; height:36px; background:#e5e5e5;}
.sub{ right:-1px; top:46px; background:url(image/search.png) no-repeat; width:40px; height:37px; border:0px; font-size:0px; position:absolute;}
.headerbg{ padding:0px; background:url(image/headerbg.png) no-repeat; height:170px; background-size: 100% 100%;}
.menu{ float:left; width:98%; background:#000000; margin:0px 15px; height:50px; position:relative; z-index:1111;}
.menu ul{ float:left; margin:0px; list-style:none; padding:0px;}
.menu ul li{ float:left;}
.menu ul li a{ float:left; padding:15px 19px; font-size:14px; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:500; color:#fff;}
.menu ul li a:hover{ text-decoration:none; background:#ffc90a;}

.menu ul li ul { margin-top:49px; z-index:1111; padding:0px; list-style:none; width:250px; background:#ffcb05; position:absolute;  display:none;  }
.menu ul li ul a:hover{ background:#ffcb05; width:250px;}
.menu ul li:hover ul { display:block;}
.menu ul ul li { width:100%; float:left; background:url(image/ulli.png) no-repeat bottom left; background-size:100%;}
.menu ul li ul li a {  text-decoration:none; color:#fff; font-weight:600; font-size:13px; font-family: 'Raleway', sans-serif; text-transform:uppercase;padding: 7px 15px;float: left;}
.menu ul li ul li a:hover{ background:#222222; color:#FFF;}







.pos{ float:left; width:100%; margin-top:20px;}
.pos:hover .cat{ display:block; float:left; width:360px; background:url(image/catbg.png) no-repeat; background-size: 100%; position:absolute; height:460px; }
.cat{ display:none;}
.navbar-collapse{ padding:0px !important;}
.cat_title{ float:left; width:100%; text-align:center; color:#FFF; font-weight:700; font-size:30px; font-family: 'Oxygen', sans-serif; text-transform:uppercase; padding-top:330px;}
.feature{ float:left; width:100%; font-family: 'Russo One', sans-serif; text-align:center; color:#000; font-weight:600; text-transform:uppercase; font-size:32px; padding:30px 0px;}
.feature span{ color:#ffc90a;}
.featurebg{ padding:0px; background:#f8f8f8; margin-top:20px; padding-bottom:30px;}
.mailbg{ padding:0px; background:url(image/mailbg.png) no-repeat; background-size:100% 100%; height:300px;}
.mail_title{ float:left; width:100%; text-align:center; margin:0px auto; padding:80px 0px 30px;}
.mail_mail{ float:left; width:55%; margin-top:-1px; background:#f2f2f2; border:1px solid #c4c4c4; height:48px; color:#474747; font-size:15px; font-weight:700; font-family: 'Raleway', sans-serif; padding-left:10px;}
.submi{ float:left; width:29%; border:0px; background:url(image/sub.png) no-repeat; height:46px; font-size:0px;}
.carousel-inner img{ width:100%;}


.content_title{ float:left; width:100%; text-align:center; color:#000; font-weight:400; text-transform:uppercase; font-size:32px; padding:60px 0px 40px; font-family: 'Russo One', sans-serif;}
.content_title span{ color:#ffc90a;}
.content{ float:left; width:100%; text-align:center; color:#5f5f5f; font-size:14px; font-weight:400; font-family: 'Raleway', sans-serif; line-height:25px;}
.more{ float:left; width:100%; padding:20px 0px; text-align:center; margin:0px auto;}
.pro_box{ float:left; background:#FFF; margin:10px 0px;}
.code{ float:left; width:100%; text-align:center; color:#111112; font-size:18px; font-weight:500; font-family: 'Open Sans', sans-serif; padding:10px 0px;}
.product-name{ float:left; width:100%; text-align:center; color:#fff; text-transform:uppercase; font-size:22px; font-weight:400; font-family: 'Russo One', sans-serif; padding:10px 0px;}
.mapbg{ float:left; width:100%; background:url(image/map.png) no-repeat; background-size:100% 100%; }
.adbg{ background:#141517; margin:90px 0px; height:260px;}
.adres{ float:left; width:100%; color:#fff; font-size:12px; font-weight:400; font-family: 'Open Sans', sans-serif; margin-top:60px;}
.adres strong{ font-weight:400; font-family: 'Russo One', sans-serif; font-size:22px; padding-left:50px; text-transform:uppercase; padding-right:30px;}
.foterbg{ padding:0px; background:#000000;}
.flogo{ float:left; padding:0px 0px;}
.f_about{ float:left; width:100%; font-family: 'Open Sans', sans-serif; color:#b7b7b7; font-size:12px; font-weight:400; line-height:22px; padding-bottom:10px;}
.copy{ float:left; width:100%; font-size:13px; font-weight:400; color:#878686; font-family: 'Open Sans', sans-serif; padding:10px 0px; border-top:1px solid #303338;}
.ftitle{ float:left; width:100%; color:#FFF; font-family: 'Russo One', sans-serif; font-size:22px; padding:50px 0px 30px 0px;}
.fmenu{ float:left; width:100%;}
.fmenu ul{ list-style:none; margin:0px; padding:0px;}
.fmenu ul li{ float:left; width:100%; background:url(image/fli.png) no-repeat left;}
.fmenu ul li a{ color:#c2c2c2; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:400; float:left; padding:5px 0px 5px 20px; text-transform:uppercase;}
.fmenu ul li a:hover{ color:#ffc90a;}
.news{ float:left; color:#c2c2c2; font-size:13px; font-weight:400; width:100%; font-family: 'Open Sans', sans-serif;}
.news strong{ float:left; width:100%; padding:7px 0px; color:#ffc90a;}
.navbar-toggle{ border:1px solid #fff; margin-bottom:3px; margin-top:3px;}
.navbar-toggle .icon-bar{ border:1px solid #fff;}


.box1{ float:left; width:100%; border:1px solid transparent;}
.box1 img{ width:100%; padding:5px;}
.pro-name{ float:left; width:100%; text-align:center; font-family: 'Roboto', sans-serif; padding:5px 0px; font-size:18px; font-weight:700; color:#d38502;}
.pro-code{ float:left; width:100%; text-align:center; font-family: 'Roboto', sans-serif; padding:0px 0px 5px 0px; font-size:15px; font-weight:500; color:#272727;}
.box1:hover{ border:1px solid #ffc90a; box-shadow:0px 0px 3px #ffc90a; padding-bottom:0px;}
.basket{ background:url(image/basket2.png) no-repeat center; width:97%; height:45px; float:left; margin:10px 0px;}
.about-des{ float:left; width:100%;}
.about-des p{ float:left; width:100%; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#777676; line-height:22px;}
.fa-chevron-right{ position:absolute; z-index:1111; right:4%; margin-top:-245px;}
.fa-chevron-left{ position:absolute; z-index:1111; left:4%; margin-top:145px;}



.smal-baner{ padding:0px !important; width:100%; float:left;}
.smal-baner img{ width:100%;}
.heading{ float:left; font-family: 'Roboto Condensed', sans-serif; width:100%; font-size: 20px; color:#0e0e0e; text-transform:uppercase; padding:9px 0 5px 15px; font-weight:700; border-bottom:1px solid #cdcdcd; margin-top:40px; margin-bottom:10px;}
.home{ float:left; width:59%; padding-left:10px;}
.home ul{ list-style:none; margin:0px; padding:0px;}
.home ul li{ float:left; background:url(image/homeul.png) no-repeat right;}
.home ul li:last-child{ background:none;}
.home ul li a{ float:left; text-decoration:none; font-size: 15px; color:#fff;  padding:11px 5px;  font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:700;}
.home ul li a:hover{ color:#fff;}
.next1{ float:left; width:40%;}
.next1 ul{ list-style:none; margin:0px; padding:0px; float:right;}
.next1 ul li{ float:left;}
.next1 ul li a{ float:left; text-decoration:none; font-size: 15px; color:#fff;  padding:11px 5px;  font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
.next1 ul li a:hover{ color:#fff;}
.our{ float:left; width:100%; padding:9px 15px; height:44px; text-transform:uppercase; color:#FFF; margin-bottom:10px; background:#ffc90a; font-family: 'Open Sans', sans-serif; font-weight:700; font-size:17px; border-radius:4px;}
.cata{ float:left; width:100%; margin-top:40px; background:#000; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.catag{ float:left; width:100%; text-align:center; font-weight:700; color:#FFF; font-size:26px; text-transform:uppercase; height:65px; padding-top:14px; font-family: 'Raleway', sans-serif;}
.pro{ float:left; width:100%; height:50px; background:url(image/main.png) no-repeat center; margin:20px 0px 0px 0px;}


.main-title a{ float:left; width:100%; background:#f2f2f2; border:1px solid #cecece; margin:2px 0px; border-radius:4px; padding:7px 0px; color:#363535; font-family: 'Open Sans', sans-serif; font-weight:600; text-decoration:none;}
.main-title a:hover{ text-decoration:none; color:#363535;}
.main-title a:focus{ text-decoration:none; color:#363535;}
.main-title span{ background:url(image/plus.png) no-repeat left; width:15px; height:20px; float:left;}
.main-title a:focus span{background:url(image/mains.png) no-repeat left; width:25px; height:20px; float:left;}
.heading1{ float:left; width:100%; text-align:left; color:#050100; font-size:40px; font-family: 'Russo One', sans-serif; background:url(image/title.png) no-repeat bottom center; padding:30px 0px;}
 .mainbg{ background-color:#1b1b1b; float:left; width:100%; height:40px; margin:1px 0px;}
 .left-menu{ float:left; width:88%; margin:0px 15px;}
 .left-menu ul{ list-style:none; padding:0px; float:left; width:100%; margin:0px;}
 .left-menu ul li{ float:left; width:100%; background:url(image/arrow.png) no-repeat left; background-position: 0px 14px; border-bottom:1px solid #7c7f7e;}
 .left-menu ul li a{ float:left; width:100%; text-decoration:none; font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:700;  color:#fff !important; padding:7px 0px 7px 10px; text-transform:capitalize; }
 .pro-pro{ float:left; width:100%; background:#000; height:44px; margin-bottom:11px; border-radius:5px;}
 .left-menu ul li a:hover{ color:#ffc90a !important; background:#e6e6e6 url(image/arrow.png) no-repeat left; background-position: 0px 14px;}
 .cartifact{ float:left; width:100%; padding:0px 0px 16px ; color:#3d3d3d; font-size:27px; font-weight:700; text-align:center; background:url(image/catagaribg.png) no-repeat bottom;}
.catagaribg{ background:#333333;}
 .whit{ background:#FFF; float:left; width:100%; margin:10px 0px 0px 1px;}
 .des{ float:left; width:100%; font-size:18px; font-weight:500; padding:10px 0px; color:#000; font-family: 'Roboto Condensed', sans-serif;  text-transform:uppercase;}
 .right-title{ float:left; width:100%; font-size:22px; padding:0px 0px 10px 0px; margin-top:10px; font-weight:700; padding-top:0px; color:#333333; font-family: 'Roboto Condensed', sans-serif; border-bottom:1px solid #cececd; text-transform:uppercase;}
.art{ float:left; width:100%; padding:10px 0px; font-size:16px; color:#000; font-family: 'Open Sans', sans-serif; }
.art span{ color:#000; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:700; text-transform:uppercase;}
.right-des1{ float:left; width:90%; font-weight:400; line-height:25px; color:#6b6b6b; padding:0px 0px 7px 0px; font-size:14px; font-family: 'Roboto', sans-serif;}
.add{ float:left; margin:10px 3px 30px 0px;}
.fname{ width:46%; margin:10px 5px; text-align:left; border-radius:5px; background:#CCC; border:1px solid #000; padding:5px 10px;}
.code-des{ font-size: 12px; font-family: 'Roboto', sans-serif; float:left; width:100%; text-align:center; color: rgb( 83, 83, 83 );}
.qty{ float:left; width:100%; margin:0px 0px; color:#000; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:700; text-transform:uppercase;}
.qty1{ float:left; width:82%; margin:10px 0px;}
.qty1 select{ background:url(image/arow.png) no-repeat right; border:1px solid #dcdcdc; width:94%; margin-left:5px; margin-right:5px; padding: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color: #414141;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	padding-left:10px;
	border-radius: 0px;
    
    }
	.qty1 input{ border:1px solid #dcdcdc; font-size:12px !important; float:left; width:90px; height:38px;  background:#f5f5f5; margin-left:5px; color: #d6d6d6 !important; padding:0px !important; color: #414141 !important; border-radius: 0px; padding-left:10px !important;
	font-size:12px;
	font-family: 'Roboto', sans-serif;}

.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#ef131d; color:#FFF;}
.basket_art input:hover{ background:#1B1B1B; text-decoration:none; color:#FFF;}
.btn-delete{ float:left; padding: 10px 0px!important; border-radius: 5px; height:41px; margin-left: 25px; background:#ef131d; color:#FFF; text-align:center; margin-bottom:20px; width:140px !important; border:0px;}
.btn-delete:hover{ background:#ebb633; text-decoration:none; color:#FFF;}
.for{ float:left; width:48%; margin-left:9px;}
.for input{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #BABABA; color:#727272 !important; padding:0px !important; padding-left:10px !important;}
.for select{ float:left; width:100%; font-size:12px !important; height:30px; margin:10px 0px !important; background:none ; border:1px solid #BABABA; color:#727272 !important; padding:0px !important; padding-left:10px !important;}
.for1 textarea{ float:left; font-size:12px; width:100%; margin:10px 0px; background:none ; border:1px solid #BABABA; color:#727272; padding-left:10px; padding-top:10px;}
.for1{ float:left; width:96.5%; margin-left:9px;}
.addthis_native_toolbox{ float:left; width:100%;}
.related{ float:left; width:100%; padding-top:20px; padding-left:15px; color:#ffc90a; font-family: 'Roboto Condensed', sans-serif; font-size:18px; font-weight:500; text-transform:uppercase; margin-bottom:20px;}
.posi{ display:none;}














@media only screen and (min-width:320px) and (max-width:767px){
	.dis{ display:none;}
	.submi{ width:35%;}
	.mail_mail{ width:65%;}
	.pos{ margin-top:20px;}
	.pos:hover .cat{ height: 382px; width:91%;}
	.cat_title{ padding-top:270px;}
	.posi{ display:block;}
				.menu { background:#666;float:left;width:100%;}
.menu ul {list-style:none;margin:0;padding:0; background:#d0062e;}
.menu ul li {float:left; width:100%; margin:0;padding:0; background:none; border-bottom:1px solid #FFF;}
.menu ul li:last-child {background:none; border:none;}
.menu ul li a {display:block;margin:0;padding:10px 30px;color:#fff;font-family: 'Roboto', sans-serif; font-size:12px;text-transform:uppercase; text-align:left;;}
.menu ul li a:hover {display:block;color:#fff;background:none; background:#473a30;}
		.search{ float:left; margin-bottom:20px;}
		.menubg{ background:none;}	
		
		.phone{ width:100%;}
		.topbg{ height:auto;}.logo{ margin:0px; padding:10px 0px;}.email{ width:100%;}
		.headerbg{ height:auto;}
		.menu{ margin:0px; height:auto;}
		.carousel{ margin-top:10px;}
		.cat img{ width:100%;}
		.pro_box img{ width:100%;}
		.adres strong{ width:100%; float:left;}
		.adbg{ float:left; width:100%; height:auto; padding:20px 0px;}
		.adres{ padding-left:10px;}
		
				}