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

body{ margin:0px; padding:0px; background:#fff;}
.topbg{ padding:0px !important; background:#282828;  height:51px;}
.phone{ float:left; width:33%;background:url(image/phone.png) no-repeat left; margin-top:15px; font-family: 'Raleway', sans-serif; color:#919595; padding-left:25px; font-size:14px;}
.mail{ float:left; width:45%; background:url(image/mail.png) no-repeat left; margin-top:15px; font-family: 'Raleway', sans-serif; color:#919595; padding-left:35px; text-decoration:none; font-size:14px;}
.social{ float:right;}

.menu{ float:left; width:100%; margin-top:35px;}
.menu ul{ list-style:none; margin:0px; padding:0px; float:right;}
.menu ul li{ float:left;}
.menu ul li a{ float:left; text-decoration:none; color:#282828;  padding:7px 22px; font-family: 'Raleway', sans-serif; font-size:16px; font-weight:700; text-transform:uppercase;}
.menu ul li a:hover{ color:#fd2914;}
.logo{ float:left; padding:8px 0px;}
.logo img{ width:100%;}
.box1 {
    display: inline-block;
    padding: 0px 0 0;
	margin-top: -3px;
	float:right;

}
.container-2 {
    position: relative;
    top: -10px;
    vertical-align: middle;
    white-space: nowrap;
}
.container-2 input#search {
    background: none;
    border: 2px solid #282828;
    box-shadow: none;
    color: #282828;
    float: left;
    font-size: 14px;
    height: 40px;
    margin: 0;
	border-radius:20px;
    padding-left: 37px;
    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
    width: 0;
}
.container-2 input:focus { box-shadow: none;}
.container-2 input#search::-webkit-input-placeholder {
   color: #282828;
}
 
.container-2 input#search:-moz-placeholder { 
   color: #282828;  
}
 
.container-2 input#search::-moz-placeholder { 
   color: #282828;  
}
 
.container-2 input#search:-ms-input-placeholder {  
   color: #282828;  
}

.container-2 .icon {
    color: #5c7781;
    left: 11px;
    position: absolute;
    top: 10px;
    z-index: 1;
	cursor:pointer;
	background:url(image/search.png) no-repeat center;
	height:20px; width:20px;
}
.container-2 span.icon i { 
	font-size:16px;
	color:#fff;
}
.container-2 input#search:focus, .container-2 input#search:active{
  outline:none;
  width: 170px;
}
 
.container-2:hover input#search{
width: 180px;
}
 
.container-2:hover .icon{
  color: #fff;
}
.catpos{ float:left; width:100%; position:absolute; z-index:11111; margin-top:-125px;}
.basket{ float:right; margin-top:37px;}
.catagari{ float:left; width:100%; color:#282828; text-transform:uppercase; padding:45px 0px 0px 0px;text-align:center; font-size:26px; font-family: 'Raleway', sans-serif; }
.catagari-name{ float:left; width:65%; color:#fff; font-size:26px; font-family: 'Raleway', sans-serif; margin:42px 0px 0px;  text-transform:uppercase; padding-left:10px;}
.catagari-des{ float:left; width:50%; color:#fff; font-size:12px; margin:0px 12px; font-family: 'Raleway', sans-serif;}
.read{ float:left; width:50%; color:#505050; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:700; font-size:12px; padding:20px 22px;}
.pos{ background:url(image/posbg.png) no-repeat center; width:320px; position:absolute; z-index:1111; float:left; margin:170px 20px 0px 0px; height:127px;}
.arro{ float:right; width:25%; margin-top:-30px;}
.arro img{ width:auto !important;}
.ca{ float:left; width:100%; background:#FFFFFF;}
.cat-name{ float:left; width:65%; font-size:18px; font-family: 'Open Sans', sans-serif; text-transform:uppercase; padding:15px 9px; font-weight:600; color:#2c2c2c;}
.view{ background:url(image/more.png) no-repeat; float:right; width:70px; height:30px; margin:14px 5px;}
.contentbor{ border-bottom:2px solid #666666; border-top:2px solid #666666; margin:40px 0px; float:left; width:100%;}
.catagari-1{ margin-top:10px; float:left;}
.catagari-1 img{ width:100%;}

.catagari-1:hover .pos{ background:url(image/pos.png) no-repeat center;}
.featurebg{ background:#e9e9e9; padding-bottom:25px;}
.feature{ float:left; width:100%; text-align:center; color:#ff0000; font-family: 'Raleway', sans-serif; font-weight:700; font-size:26
; padding:30px 0px; text-transform:uppercase;}
.box{ float:left; width:100%; background:#FFF; border:1px solid #d0cfcf;}
.box img{ float:left; width:100%;}
.box2{ float:left; width:100%; background:#FFF; border:1px solid #d0cfcf;}
.box2 img{ float:left; width:100%;}
.pro-name{ float:left; width:100%; text-align:center; color:#282828; font-size:16px; padding:5px 0px; font-family: 'Raleway', sans-serif;}
.pro-code{ float:left; width:100%; text-align:center; font-size:16px; color:#282828; font-family: 'Raleway', sans-serif;}
.add2{ float:left; background:url(image/add.png) no-repeat center; height:40px; width:100%; margin:10px 0px;}
.pro-code2{ float:left; width:100%; text-align:center; color:#fff; font-size:18px; font-weight:700; font-family: 'Roboto', sans-serif; text-transform:uppercase;}
.pro-des2{ float:left; width:95%; text-align:center; color:#FFF; font-size:13px; font-family: 'Raleway', sans-serif; padding-left:20px;}
.pro-basket{ float:left; width:100%; text-align:center; background:url(image/pro-basket.png) no-repeat center bottom; height:40px;}
.centerbg{ padding:0px;}
.fal-title{ float:left; width:100%; font-size:24px; font-family: 'Raleway', sans-serif; color:#282828; text-transform:uppercase;}
.fal-des{ float:left; width:100%; color:#4c4c4c; font-size:14px; font-family: 'Raleway', sans-serif;}
.aboutbg{ padding:0px; background:url(image/aboutbg.png); background-size:100%; height:270px; margin-bottom:40px;}
.about-title{ float:left; width:100%; color:#FFF; font-size:24px; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:700; text-align:center; padding:25px 0px 20px 10px;}
.about-des{ float:left; width:100%; color:#FFF; text-align:center;font-size:14px; line-height:25px; font-family: 'Raleway', sans-serif; }
.all{ float:left; width:100%; margin:20px 0px 40px 10px;}
.f-title{ float:left; width:100%; font-size:18px; color:#fd2914; text-transform:uppercase; padding:14px 0px 16px; margin-top:10px; font-weight:700; font-family: 'Raleway', sans-serif;}
.about{ float:left; width:100%; font-weight:300; color:#676767; font-size:12px;}
.fmenu{ float:left; width:100%;}
.fmenu ul{ list-style:none; margin:0px; padding:0px;}
.fmenu ul li{ float:left; width:100%;}
.fmenu ul li a{ float:left; text-decoration:none; color:#282828; font-size:14px;padding:3px 0px; font-family: 'Raleway', sans-serif;}
.adres{ float:left; width:90%; color:#282828; font-size:14px; font-family: "Raleway",sans-serif;}
.fphone{ float:left; width:100%; background:url(image/fphone.png) no-repeat left; margin-top:5px; padding-left:30px; font-size:14px; font-weight:300; font-family: "Raleway",sans-serif; color:#282828;}
.fax{ float:left; width:100%; background:url(image/fax.png) no-repeat left; margin-top:5px; padding-left:30px; font-size:14px; font-weight:300; font-family: "Raleway",sans-serif; color:#282828;}
.fmail{ float:left; width:100%; background:url(image/fmail.png) no-repeat left; margin-top:5px; padding-left:30px; font-size:14px; font-weight:300;    font-family: "Raleway",sans-serif; color:#282828; margin-bottom:10px;}
.faltu-mail{ float:left; width:100%; font-size:25pt; color:#3c3c3c; font-family: 'Roboto', sans-serif;}
.foter2{ padding:0px; float:left; width:100%; }
.fmenu2{ float:left; width:100%;}
.fmenu2 ul{ list-style:none; margin:0px; padding:0px;}
.fmenu2 ul li{ float:left; background:url(image/ful.png) no-repeat right;}
.fmenu2 ul li a{ float:left; padding:40px 8px; text-decoration:none; font-size:12pt; font-family: 'Roboto', sans-serif; color:#474747;}
.smal-baner{ padding:0px !important;}
.smal-baner img{ width:100%;}
.heading{ float:left; font-family: 'Raleway', sans-serif; width:100%; font-size: 24px; font-weight:600; color:#fd2914; text-transform: uppercase; padding:15px 0 5px 0px;}
.home{ float:left; width:59%;}
.home ul{ list-style:none; margin:0px; padding:0px;}
.home ul li{ float:left;}
.home ul li a{ float:left; text-decoration:none; font-size: 14px; color:#666666;  padding:0px 5px;}
.home ul li a:hover{ color:#fd2914;}
.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:14px; color:#666666; padding:5px 5px;}
.next1 ul li a:hover{ color:#fd2914;}
.cata{ float:left; width:100%; border-radius:0px; background:#202e31; margin:10px 0px; height:700px; border-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%; font-weight:600; text-transform:uppercase; margin:5px 0px 2px 0px; color:#fff; font-family: 'Raleway', sans-serif; font-size:22px; background: #fd2914; padding:6px 15px; text-decoration:none;}
 .main-title a:focus{ text-decoration:none; border:0px; color:#FFF;}
 .main-title a:active{ text-decoration:none; border:0px; color:#FFF;}
 .main-title a:hover{ text-decoration:none; border:0px; color:#FFF;}
 .mainbg{ background-color:#1b1b1b; float:left; width:100%; height:40px; margin:1px 0px;}
 .left-menu{ float:left; width:100%; }
 .left-menu ul{ list-style:none; padding:0px; float:left; width:100%; margin:0px;}
 .left-menu ul li{ float:left; width:100%; }
 .left-menu ul li a{ float:left; width:100%; border-bottom:1px solid #fff; background:url(image/left-ul.png) no-repeat left; background-position:13px 12px; text-decoration:none; font-family: 'Raleway', sans-serif;  font-size:15px; color:#fff; padding:5px 0px 5px 30px; margin:0px 17px 0 0px;}
 .left-menu ul li a:hover{ background: #fd2914 url(image/left-ul2.png) no-repeat left; background-position:13px 12px; color:#FFFFFF;}
 .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:16px; padding-top:0px; color:#FD2914; font-family: 'Open Sans', sans-serif;}
 .right-title{ float:left; width:100%; font-size:22px; font-weight:600; padding-top:0px; color:#FD2914; font-family: "Raleway",sans-serif; text-transform:uppercase;}
.art{ float:left; width:100%; padding:0px 0px; font-size:14px; color:#666666; font-family: 'Open Sans', sans-serif; }
.right-des1{ float:left; width:90%; line-height:25px; color:#666666; padding:0px 0px 7px 0px; font-size:13px; font-family: 'Open Sans', sans-serif;}
.add{ float:left; margin:20px 3px;}
.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:20%; margin:5px 0px; color: #FD2914; font-size: 13px; font-weight: 600; font-family: "Raleway",sans-serif;}
.qty1{ float:left; width:30%; margin:5px 0px;}
.qty1 select{ background:url(image/arow.png) no-repeat right; border:1px solid #A4A4A4; width:82%; margin-left:5px; margin-right:5px; padding: 2px 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color: #7E7E7E;
	font-size:12px;
    
    }
	.qty1 input{ border:1px solid #A4A4A4; padding: 2px 5px; font-size:12px; float:left; width:78px; background:none; margin-left:5px; color: #7E7E7E;}

.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#fd2914; color:#FFF;}
.basket_art input:hover{ background:#1B1B1B; text-decoration:none; color:#FFF;}
.btn-delete{ float:left; padding: 7px; border-radius: 5px; margin-left: 25px; background:#fd2914; color:#FFF;}
.btn-delete:hover{ background:#1B1B1B; text-decoration:none; color:#FFF;}
.for{ float:left; width:46%; margin-left:9px;}
.for input{ float:left; width:99%; font-size:12px; height:30px; margin:10px 0px; background:none ; border:1px solid #BABABA; color:#727272; padding-left:10px;}
.for select{ float:left; font-size:12px; width:99%; height:30px; margin:10px 0px; background:none ; border:1px solid #BABABA; color:#727272; padding-left:10px;}
.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:92.5%; margin-left:9px;}
.addthis_native_toolbox{ float:left; width:100%;}
.related{ float:left; width:100%; padding-left:10px; padding-top:20px; color:#fd2914; font-family: "Raleway",sans-serif; font-size:20px; font-weight:600; text-transform:uppercase;}
.top-facebok{ float:left; width:35px; height:50px; background:url(image/facebok.png) no-repeat;}
.top-facebok:hover{ background-position:0px -50px;}
.top-twiter{ float:left; width:35px; height:50px; background:url(image/twiter.png) no-repeat;}
.top-twiter:hover{ background-position:0px -50px;}
.top-google{ float:left; width:35px; height:50px; background:url(image/google.png) no-repeat;}
.top-google:hover{ background-position:0px -50px;}
.top-linked{ float:left; width:35px; height:50px; background:url(image/linked.png) no-repeat;}
.top-linked:hover{ background-position:0px -50px;}
  .fac{ color:#8b8b8b; font-size:14px; margin-top:10px;}
  .dis{ display:none;}
  .f-main{ float:left; width:25%;}
  .newbg{ float:left; width:100%; border:1px solid #dddddd; height:40px; margin:30px 15px;}
  .news-title{ float:left; width:8%; padding:8px 16px; text-transform:uppercase; color:#fff; font-size:16px; font-family: "Raleway",sans-serif; background:#fd2914;}
  .news{ float:left; width:92%; font-family: "Raleway",sans-serif; font-size:14px; color:#4c4c4c; padding:9px 10px;}
   .smal-ba{ float:left; width:100%; margin:20px 0px;}
   .smal-ba img{ width:100%;}
  .news strong{ font-size:13px; font-weight:600; width:100%; float:left;}
  .foterbg{ float:left; width:100%; border-top:1px solid #919595; border-bottom:1px solid #919595;padding-bottom:20px; background:url(image/foterbg.png) no-repeat center;}
  .copy{ float:left; width:100%; padding:15px 0px; font-size:14px; font-family: "Raleway",sans-serif; color:#919595;}
  .copy span{ text-align:right; float:right;}
  .basket-page{ text-align:center;}
  .art-no{ text-align:left; float:left; width:100%; border-bottom:1px solid #BABABA; color:#666; padding:3px 0px;}
  .span12{ float:left; margin-top:10px;}
  .pro-pro{ float:left; width:100%;}
.navbar-collapse{ padding:0px !important;}
.navbar-toggle{ background:#ffc13b !important; border:1px solid #fff !important;}
.navbar-toggle .icon-bar{ border:1px solid #fff;}
.bask{ border-top:1px solid #BABABA; float:left; width:100%; margin-top:10px; margin-left:15px; border-bottom:1px solid #BABABA; padding-bottom:10px;}
.socialbg{ padding:0px; background:#ffc13b;}
.folow{ color:#FFFFFF; font-size:30px; text-transform:uppercase; padding:22px 0px; float:left; width:20%; font-family: "Raleway",sans-serif;}
.f-fac{ float:left; background:url(image/f-fac.png) no-repeat; width:160px; height:87px;}
.f-fac:hover{ background-position:0px -100px;}
.f-twi{ float:left; background:url(image/f-twi.png) no-repeat; width:160px; height:87px;}
.f-twi:hover{ background-position:0px -100px;}
.f-lin{ float:left; background:url(image/f-lin.png) no-repeat; width:160px; height:87px;}
.f-lin:hover{ background-position:0px -100px;}
.f-gog{ float:left; background:url(image/f-gog.png) no-repeat; width:160px; height:87px;}
.f-gog:hover{ background-position:0px -100px;}
.f-pin{ float:left; background:url(image/f-pin.png) no-repeat; width:160px; height:87px;}
.f-pin:hover{ background-position:0px -100px;}
@media (max-width:1200px){
.container{ width:1050px !important;}
}
@media (max-width:768px){
.baner{ width:1400px;}
.container{ width:1050px !important;}
}