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


body{ background:#fff; margin:0px; padding:0px; font-family: 'Raleway', sans-serif; font-size:14px; color:#111;}
.wraper{ width:1070px; margin:0px auto;}

p {line-height:20px;}

.top-adres{ float:left; width:30%; margin-top:15px; padding-bottom:3px; color:#3d3d47; font-size:13px; background:url(image/adres.png) no-repeat left; padding-left:25px; font-family: 'Roboto', sans-serif; font-weight:400;}
.left-main{ float:left; width:40%; text-align:center; margin:0px auto;}
.left-main-name{ float:left; width:100%; text-align:center; font-size:25px; text-transform:uppercase; color:#9d9d9d; font-weight:500; font-family: 'Raleway', sans-serif; padding:25px 0px;}
.left-main-name span{ font-weight:700; color:#13a0b2; padding-right:5px;}
.main-copy{ margin:30px 0px; border-bottom:1px solid #eaeaea;  border-top:1px solid #eaeaea; float:left; width:100%;}
.copy{ text-align:center; color:#8c8888; float:left; width:100%; font-weight:300; padding:20px 0px; font-family: 'Roboto', sans-serif; font-size:14px;}
.product-main{ float:left; width:100%; background:url(image/pro-main.png); background-size:100%; height:97px;}
.topbg{ float:right; width:100%;height:43px; border-bottom:1px solid #e5e5e5;}
.phone{ float:right; width:23%; color:#51515b; font-size:18px; font-family: 'Raleway', sans-serif; background:url(image/phone.png) no-repeat left; padding-left:30px; margin-top:33px; height:28px; padding-top: 5px;}
.mail{ float:left; width:25%; color:#3d3d47; font-size:13px; font-family: 'Roboto', sans-serif; background:url(image/mail.png) no-repeat left; padding-left:25px; margin-top:14px; font-weight:400;}
.logo1{ float:left; width:30%; padding:15px 0px;}
.headerbg{ float:left; width:100%; border-bottom:1px solid #e5e5e5; height:100px;}
.news-bar{ float:left; width:100%; border:1px solid #1dd1c5; margin:567px 0px 30px 0px; height:50px;}
.menu{ float:left; width:100%;}
.menu ul{ list-style:none; margin:0px; padding:0px;}
.menu ul li{ float:left; background:url(image/li.png) no-repeat right;}
.menu ul li:last-child{ background:none;}
.menu ul li a{ color:#51515b; font-size:15px; padding:15px 30px; font-weight:500; font-family: 'Raleway', sans-serif; text-transform:capitalize; float:left; text-decoration:none; font-weight:500; border-top:1px solid transparent;}
.menu ul li a:hover{ color:#07a3dc; border-top:1px solid #07a3dc;}
.bas{ float:left; margin-top:28px;}
.facebok{ float:right; width:25px; height:15px; background:url(image/facebok.png) no-repeat; margin-top:15px;}
.facebok:hover{ background-position:0px -24px;}
.twiter{ float:right; width:25px; height:15px; background:url(image/twiter.png) no-repeat; margin-top:15px;}
.twiter:hover{ background-position:0px -24px;}
.google{ float:right; width:25px; height:15px; background:url(image/google.png) no-repeat; margin-top:15px;}
.google:hover{ background-position:0px -24px;}
.linked{ float:right; width:25px; height:15px; background:url(image/linked.png) no-repeat; margin-top:15px;}
.linked:hover{ background-position:0px -24px;}
.centerbor{ border-radius:5px; box-shadow:0px 0px 5px 1px rgba(100, 100, 106, 0.81); height:300px; float:left; width:100%; margin:33px 0px;}
.span3{ float:left; width:30% !important; padding-left:30px !important; margin-left:0px !important;}
.pdf-title{ float:left; width:100%; margin-top:30px; font-size:26px; font-family: 'Raleway', sans-serif; font-weight:200; color:#777777; background:url(image/pdf.png) no-repeat left; background-position:0px 0px; padding:5px 0px; padding-left:90px; text-transform:uppercase;}
.news-title{ float:left; width:149px; font-size:16px; font-family: 'Roboto', sans-serif; font-weight:600; color:#fff; background:url(image/news.png) ;  padding:16px 15px; text-transform:uppercase;}

.featurebg{ float:left; background:url(image/featurebg.png); background-size:100%; width:100%; padding-bottom:50px; margin-top:42px;}
.feature{ font-weight:500; float:left; width:100%; text-align:center; font-family: 'Raleway', sans-serif; padding:30px 0px; font-size:24px; color:#07a3de; text-transform:uppercase;}
.cat{ float:left; padding:20px 20px; width:32%; margin-right:18px; border:1px solid #e8e7e7;}
.one{ float:left; background:url(image/1.png) no-repeat; width:90px; height:90px;}
.cat:hover .one{ background-position:0px -110px;}
.two{ float:left; background:url(image/2.png) no-repeat; width:90px; height:90px;}
.cat:hover .two{ background-position:0px -110px;}
.three{ float:left; background:url(image/3.png) no-repeat; width:90px; height:90px;}
.cat:hover .three{ background-position:0px -113px;}
.four{ float:left; background:url(image/4.png) no-repeat; width:90px; height:90px;}
.cat:hover .four{ background-position:0px -110px;}
.five{ float:left; background:url(image/5.png) no-repeat; width:90px; height:90px;}
.cat:hover .five{ background-position:0px -110px;}
.sixe{ float:left; background:url(image/6.png) no-repeat; width:90px; height:90px;}
.cat:hover .sixe{ background-position:0px -110px;}

.seven{ float:left; background:url(image/7.png) no-repeat; width:90px; height:90px;}
.cat:hover .seven{ background-position:0px -93px;}

.eight { float:left; background:url(image/8.png) no-repeat; width:90px; height:90px;}
.cat:hover .eight { background-position:0px -93px;}

.nine { float:left; background:url(image/9.png) no-repeat; width:90px; height:90px;}
.cat:hover .nine { background-position:0px -93px;}

.cat-name{ float:left; width:65%; color:#7d7d87; font-size:17px; font-weight:500; font-family: 'Raleway', sans-serif; padding-left:10px;}
.cat-des{ float:left; width:65%; color:#7d7d87; font-size:12px; font-weight:400; font-family: 'Raleway', sans-serif; padding-left:10px; line-height:20px; padding-top:10px;}
.cat-read{ float:right; width:67%; color:#07a3de; text-decoration:none; font-size:12px; font-weight:400; font-family: 'Raleway', sans-serif; padding-left:0px; padding-top:10px;}
.box{
height:380px; background:#FFFFFF; text-align:center; border:1px solid #e3e3e3; float:left; width:24%; margin-right:8px; border-radius:5px;}
.box img{ padding:4px; margin:0px auto; height:auto;}
.pro-name{ float:left; width:100%; text-align:center; color:#1dd1c5; font-size:15px; font-weight:500; font-family: 'Raleway', sans-serif; padding:5px 0px;}
.pro-code{ float:left; width:100%; text-align:center; font-size:12px; font-weight:400; color:#42b4e5; font-family: 'Raleway', sans-serif;}
.box .add img{ margin:0px auto; width:auto !important; height:auto !important;}
.box:hover{ border:1px solid #07a3de;}
.add{ float:left; width:100%; text-align:center; margin:10px 0px;}
.foter1{ float:left; width:100%; background:#027988;}
.home1{ float:left; background:url(image/foter-home.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:18px; font-family: 'Roboto', sans-serif; padding-left:70px; width:65%; padding:10px 0px 45px 80px; margin-top:50px;}
.home1 span{ font-size:12px !important; line-height:20px; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:300; width:100%;}
.phone1{ float:left; background:url(image/foter-phone.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:18px; font-family: 'Roboto', sans-serif; padding-left:70px; width:65%; padding:22px 0px 53px 80px; margin-top:50px;}
.phone1 span{ font-size:12px !important; line-height:20px; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:300; width:100%;}
.mail1{ float:left; background:url(image/foter-mail.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:18px; font-family: 'Roboto', sans-serif; padding-left:70px; width:65%; padding:25px 0px 50px 80px; margin-top:50px;}
.mail1 span{ font-size:10px !important; line-height:20px; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:300; width:100%;}
.watch1{ float:left; background:url(image/foter-watch.png) no-repeat; color:#FFFFFF; text-transform:uppercase; font-size:18px; font-family: 'Roboto', sans-serif; padding-left:70px; width:65%; padding:18px 0px 57px 90px; margin-top:50px;}
.watch1 span{ font-size:12px !important; line-height:20px; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-style:italic; font-weight:300; width:100%;}
.foter2-span{ float:left; width:23%; margin-left:0px !important; padding-left:20px;}
.foter2-span:hover{ background:#13a0b2;}
.foter{ float:left; width:100%; background:#444f5d; margin-top:30px;}
.about{ float:left; width:25%;}
.f-title{ float:left; width:100%; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-weight:500; text-transform:uppercase; background:url(image/foter-bor.png) no-repeat bottom left; padding:35px 0px 15px 0px; font-size:18px;}
.about-des{ float:left; width:90%; color:#FFFFFF; font-weight:300; font-family: 'Roboto', sans-serif; font-size:12px; line-height:20px; padding:10px 0px;}
.fmenu{ float:left; width:100%; padding-top:10px;}
.fmenu ul{ list-style:none; margin:0px; padding:0px;}
.fmenu ul li{ float:left; width:100%;}
.fmenu ul li a{ float:left; width:100%; text-decoration:none; padding:2px 0px; font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px; color:#a1a6ad;}
.fname1{ float:left; width:47%; font-size:14px; font-weight:300; font-family: 'Roboto', sans-serif; border-radius:5px; background:#FFFFFF; border:0px; height:33px; margin-top:10px;}
.femail{ float:left; width:96%; font-size:14px; font-weight:300; font-family: 'Roboto', sans-serif; border-radius:5px; background:#FFFFFF; border:0px; height:33px;}
.msg{ float:left; width:96%; font-size:14px; font-weight:300; font-family: 'Roboto', sans-serif; border-radius:5px; background:#FFFFFF; border:0px;}
.submit{ float:left; border-radius:5px; background:#f6bb19; color:#FFFFFF; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300; height:28px; width:80px; border:0px; margin-bottom:20px;}
.foter2{ float:left; width:100%; background:#444f5d; border-top:1px solid #56606d; }
.copy{ float:left; width:100%; text-align:center; color:#8e959d; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:300;}
.left-widt{ float:left; width:25%; margin-top:25px;}
.right-widt{ float:left; width:73%; margin-top:35px; margin-left:2%;}
.heading{ float:left; width:50%; color:#fff; font-size:26px; text-transform:uppercase; font-weight:400; font-family: 'Roboto', sans-serif; text-transform:uppercase; padding:32px 0px;}
.pro-right{ float:right; width:50%;}

.home{ float:left; width:100%; margin-bottom:5px; padding-top:35px;}
.home ul{ list-style:none; margin:0px; padding:0px; float:right;}
.home ul li{ float:left; }
.home ul li a{ color:#fff; font-weight:500; text-decoration:none; font-size:12px; font-weight:400; padding:0px 3px; float:left; font-family: 'Roboto', sans-serif;}
.next{ float:left; width:100%; margin-bottom:5px;}
.next ul{ list-style:none; margin:0px; padding:0px; float:right;}
.next ul li{ float:left; color:#fff;}
.next ul li a{ color:#fff; font-family: 'Roboto', sans-serif; text-decoration:none; font-size:12px; font-weight:500; padding:0px 1px; float:left;}

.cata{ float:left; width:100%; margin:7px 0px; height:auto; }
.map {
    margin-bottom: 30px;
}
.main-title { float:left; width:100%; margin-bottom:6px; font-size:16px; color:#fff !important; font-family: 'Roboto', sans-serif; text-decoration:none; font-weight:500; padding:12px 15px; background:url(image/catbg.png); text-transform:uppercase;}
.main-title a{ color:#fff !important;}
.main-title a:hover{ text-decoration:none; color:#13a0b2;}
.main-title a:focus{ text-decoration:none; color:#13a0b2;}
.left-menu{ float:left; width:100%; padding:0px 0px;}
.cate{ background:url(image/catbg.png); color:#fff; text-transform:uppercase; font-weight:500; font-size:22px; font-family: 'Roboto', sans-serif; padding:10px 0px 10px 17px; margin-bottom:8px;}
.left-menu ul{ list-style:none; margin:0px; padding:0px; background:#f0f0f0; float:left; width:100%;}
.left-menu ul li{ float:left; margin-left:5px;}
.left-menu ul li a{ float:left; text-decoration:none; font-weight:400; padding:7px 8px; color:#a8a8a8; font-size:14px; font-family: 'Roboto', sans-serif; }
.left-menu ul li a span{ background:url(image/span1.png) no-repeat; width:5px; height:16px; background-position: 0px 6px; float:left;}
.left-menu ul li:hover{ background:url(image/left-ho.png) no-repeat; background-position:24px 0px; border-radius:0px; float:left; color:#fff; width:98%;}
.left-menu ul li a:hover{ color:#FFFFFF;}
.left-menu ul li a:hover span{ background:url(image/span.png) no-repeat center left; float:left; height:20px; width:11px; background-position: 0px 5px; padding-right:15px;}
.whit{ background:#FFF; float:left; width:100%; margin:10px 0px 0px 6px;}
 
 .right-title{ float:left; width:100%; padding:2px 0px; font-size:18px; color:#4E4E4E; font-weight:600; font-family: 'Raleway', sans-serif;}
.art{ float:left; width:100%; padding:0px 0px; font-size:14px; color:#4E4E4E; font-family: 'Raleway', sans-serif; font-weight:600;}
.right-des1{ float:left; width:90%; line-height:25px; color:#a4a4a4; padding:0px 0px 7px 0px; font-size:13px; font-family: 'Raleway', sans-serif; font-weight:500;}
.add{ float:left; margin:20px 3px; border-radius:4px;}
.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: #4E4E4E; font-size: 14px; font-weight: 700; 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:#181818; color:#FFF;}
.basket_art input:hover{ background:#0e0e0e; text-decoration:none; color:#FFF;}
.btn-delete{ float:left; padding: 7px; border-radius: 5px; margin-left: 13px; background:#181818; color:#FFF; margin-bottom:20px;}
.btn-delete:hover{ background:#0e0e0e; text-decoration:none; color:#FFF;}
.for{ float:left; width:48%; margin-left:10px;}
.for input{ float:left; width:99%; height:30px; margin:10px 0px; background:#2D2D2D ; border:1px solid #FFFFFF; color:#FFFFFF; padding-left:10px;}
.for select{ float:left; width:99%; height:30px; margin:10px 0px; background:#fff ; border:1px solid #CCC; color:#555; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding-left:10px;}
.for1 textarea{ float:left; width:100%; margin:10px 0px; padding-top:5px; background:#fff ; border:1px solid #CCC; color:#555; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; padding-left:10px;}
.for1{ float:left; width:96.5%; margin-left:11px;}
.addthis_native_toolbox{ float:left; width:100%;}
.related{ float:left; width:100%; font-family: 'Roboto', sans-serif; padding-left:10px; padding-top:5px; padding-bottom:5px; color:#4e4e4e; font-size:22px; font-weight:600; text-transform:uppercase;}
.smal-baner{ padding:0px !important;}
.smal-b{ padding:0px !important;}
.news-w{ width:23.4% !important; margin-left:15px;}
.navbar-toggle { border:1px solid #FFF !important;}
.navbar-toggle .icon-bar{ border:1px solid #FFF;}
.navbar-collapse{ padding:0px !important;}
.container { width:1200px !important; }
.col-md-3{ float:left; width:25%; text-align:center;}
.art-no{ border-bottom:1px solid #CCC; float:left; width:100%;}
.ares{ float:left; width:100%; color:#919191; font-size:14px; font-family: 'Roboto', sans-serif;}
.site_menu{ float:left; width:45%; padding-left:34px; }
.site_menu ul{ list-style:none; margin:0px; padding:0px; }
.site_menu ul li{ float:left; width:100%;}
.site_menu ul li:last-child{ padding-bottom:30px;}
.site_menu ul li a{float: left; width: 100%; color: #4E4E4E; font-size: 14px; text-decoration:none;
text-transform: uppercase;
font-weight: 500;
font-family: "Roboto",sans-serif;}
.col-md-2{ float:left; width:18%; border-right:1px solid #ccc; text-align:center;}
.col-md-4{ float:left; width:26%; border-right:1px solid #ccc; text-align:center;}
#fname{ float:left; width:49%; margin-right:10px;}
#company{ float:left; width:49%;}
#phone{ float:left; width:49%; margin-right:10px;}
#email{ float:left; width:49%;}
#city{ float:left; width:49%; margin-right:10px;}
#country{ float:left; width:49%;}
#address{ float:left; width:49%; margin-right:10px;}
#inq_type{ float:left; width:49%;}
.basket_img img{ width:20%;}
.category-title{ float:left; width:100%; font-size:18px; font-family: 'Raleway', sans-serif; font-weight:600; color:#30d6c0; padding:10px 0px 5px 0px; text-transform:capitalize;}
.detail_code{ float:left; width:100%; font-size:14px; font-family: 'Raleway', sans-serif; padding:4px 0px; font-weight:600; color:#07a3de;}
.category-des{ float:left; width:100%; font-size:16px; font-family: 'Raleway', sans-serif; font-weight:600; color:#30d5bf;}
.category-paragraph{ float:left; width:100%; color:#c3c1c1; line-height:22px; font-family: 'Raleway', sans-serif; font-size:14px;}
.category-qty{ float:left; width:95%;}
.category-qty span{ width:50%; float:left; color:#30d5bf; font-family: 'Raleway', sans-serif; font-size:16px; font-weight:600;}
.category-qty input{ float:left; width:50px; color:#e0dfdf; border:1px solid #e0dfdf;}
.btn-Basket{ font-size:0px; background:url(image/basket1.png) no-repeat center; height:40px; border:0px; width:200px !important;}
.search{ display:none; margin-top:30px; float:right; height:28px; border-radius:20px !important; padding-left:10px !important; margin-right:10px;}
.plus{ float:right; margin-top:33px; background:url(image/serch%20icon.png) no-repeat right center; height:31px;    background-position:0px -16px; width:39px;}
.plus:active,.plus:focus{ background-position:0px -67px;}
.polish{ float:left; width:100%; font-family: 'Raleway', sans-serif; color:#c3c1c1; font-size:18px;}
.carousel-inner img{ width:100%;}
.left-content{ float:left; width:50%;}
.left-title{ float:left; width:100%; color:#373f50; font-size:24px; font-weight:600; padding:40px 0px 20px 0px; text-transform:uppercase; font-family: 'Raleway', sans-serif;}
.manuf {border-top-right-radius: 40px;float: left; height: 230px;text-align: center; width: 100%;}
.left-des{ float:left; width:95%; padding:20px; color:#92929a; font-size:12px; font-family: 'Raleway', sans-serif; line-height:22px; border:1px solid #e6e6e6;  border-top-right-radius: 40px;}
.tab{ float:left; width:100%;}
.tab ul{ list-style:none; margin:0px; padding:0px;}
.tab ul li{ float:left;}
#tab-one{ float:left; background:url(image/tab1.png) no-repeat; width:170px; height:53px;}
#tab-one:hover{ background-position:0px -59px;}
#tab-one:focus{ background-position:0px -59px;}
#tab-one:active{ background-position:0px -59px;}
#tab-two{ float:left; background:url(image/tab2.png) no-repeat; width:170px; height:53px;}
#tab-two:hover{ background-position:0px -59px;}
#tab-two:focus{ background-position:0px -59px;}
#tab-two:active{ background-position:0px -59px;}
.tab-img{ float:left; width:40%; margin:30px 0px 20px 0px;}
.tab-des{ float:left; width:58%; padding:30px 0px 20px 10px; color:#92929a; font-size:12px; font-weight:500; font-family: 'Raleway', sans-serif; line-height:22px;}
.tab-des span{ float:left; width:100%; color:#373f50; font-size:24px; font-weight:600; font-family: 'Raleway', sans-serif; padding:10px 0px;}

#tab-three{ float:left; background:url(image/tab3.png) no-repeat; width:170px; height:53px;}
#tab-three:hover{ background-position:0px -59px;}
#tab-three:focus{ background-position:0px -59px;}
#tab-three:active{ background-position:0px -59px;}
.left-des span{ color:#373f50; font-size:24px; font-weight:600; float:left; width:100%; padding-bottom:10px;}
.news{ float:left; width:80%; color:#a1a6ad; font-family: "Roboto",sans-serif; font-size:14px; font-weight:500;}
.news strong{ float:left; width:100%; padding:5px 0px; color:#a1a6ad; font-family: "Roboto",sans-serif; font-size:15px; font-weight:600;}
.adres{ float:left; width:100%; padding:5px 0px; color:#a1a6ad; font-family: "Roboto",sans-serif; font-size:14px; font-weight:400;}
.f-phone{ float:left; width:100%; padding:2px 0px 2px 30px; background:url(image/f-phone.png) no-repeat left; color:#a1a6ad; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:500; margin:5px 0px;}
.fax{ float:left; width:100%; padding:2px 0px 2px 30px; background:url(image/fax.png) no-repeat left; color:#a1a6ad; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:500; }
.f-mail{ float:left; width:100%; padding:2px 0px 2px 30px; background:url(image/f-mail.png) no-repeat left; color:#a1a6ad; font-family: 'Raleway', sans-serif; font-size:14px; font-weight:500; margin:5px 0px;}
.product-main{ float:left; width:100%;}

.view-gallery {
	color: #000;
    float: left;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    text-align: center;
    top: 10px;
    width: 100%;
}
.view-gallery:focus,
.view-gallery:hover { color:#07a3dc; text-decoration:none;}