@charset "utf-8";

/* CSS Document */



body{ margin:0px; padding:0px; background:#fff;}

.carousel-inner img{ width:100%;}

.right-top{ float:right; width:17%;}

.right-top li{ list-style:none;}

.right-top li a{ float:left;}

.topbg{ padding:0px; border-bottom:1px solid #ececed;}

.lan{ float:right; text-align:right; font-weight:400; font-family: 'Oswald', sans-serif; font-size:13px; margin-top:25px; color:#504f54; text-transform:uppercase;}

.logo{ float:left; width:100%; padding:10px 0px;}

.top-phone{ float:left; background:url(image/top-phone.png) no-repeat left; padding:25px 0px 0px 70px; margin-top:40px; height:60px; color:#01adef; font-size:22px; font-family: 'Open Sans', sans-serif; font-weight:700;}

.menubg{ padding:0px; background:url(image/menubg.png) repeat-x; height:49px;}

.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{ font-weight:600; font-family: 'Open Sans', sans-serif; font-size:14px; color:#fff; text-transform:uppercase; text-decoration:none; padding:14px 25px; float:left;}

.menu ul li a:hover{ background:#01adef; color:#FFF;}

.fmenu ul li a:hover,

.fmenu1 ul li a:hover { color:#01adef;}

.menu ul li ul { margin:0px; padding:0px; list-style:none; width:300px; background:#ffffff ; position:absolute;  display:none;  }
.menu ul li ul a:hover{ background:#018bb8; width:300px;}
.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 { float:left; text-decoration:none; font-size:16px; text-transform:capitalize; color:#4f4f4f; padding:16px 13px;  font-family: 'Raleway', sans-serif;}
.menu ul li ul li a:hover{ background:#01adef; color:#FFF;}

.tens{ float:left; border:1px solid #dcdcdc; height:47px; width:50px; padding: 13px 12px; margin:0px 5px;}

.top-bsaket{ float:right; margin-top:-10px; background:url(image/basket.png) no-repeat; width:140px; height:40px;}

.search{ float:right; border:0px; background: url(image/search.png) no-repeat; height:42px; width:275px; padding-left:10px; margin-top:52px; font-weight:400; font-family: 'Open Sans', sans-serif; color:#b7b7b7; font-size:12px;}

.about-title{ float:left; width:100%; color:#333333; background:url(image/about-border.png) no-repeat bottom left; font-size:32px; font-family: 'Oswald', sans-serif; font-weight:700; padding:40px 0px 10px 0px;}

.about-title span{ color:#01adef;}

.about-des{ float:left; width:100%; color:#9c9c9c; font-size:12px; font-weight:400; line-height:27px; font-family: 'Open Sans', sans-serif; padding:20px 0px;}

.issuu{ float:left; width:100%; padding-bottom:40px;}

.super{ float:left; width:100%;}

.super img{ width:100%;}

.super-name{ float:left; width:100%;  font-size:20px; font-family: 'Oswald', sans-serif; font-weight:700; color:#01adef; padding:5px 0px 0 0;}

.super-des{ float:left; width:100%;  font-size:13px; font-weight:400; color:#9c9c9c; line-height:22px; font-family: 'Roboto', sans-serif;}

.super-more{ float:left; width:100%; background:url(image/more.png) no-repeat bottom left; font-family: 'Roboto', sans-serif; padding:5px 0px 0px 0px; color:#353535; text-decoration:none; margin-bottom:20px;}

.featurebg{ padding:0px; background:#99e2fe; padding-bottom:30px;}

.feature{ float:left; width:100%; text-align:center; background:url(image/featurebg.png) no-repeat center bottom; font-family: 'Oswald', sans-serif; color:#FFFFFF; font-weight:300; text-transform:uppercase; padding:40px 0px 5px 0px; font-size:40px; margin-bottom:40px;}

.contact-title{ float:left; width:100%; text-align:center; background:url(image/conatcbg.png) no-repeat center bottom; font-family: 'Oswald', sans-serif; color:#585858; font-weight:300; text-transform:uppercase; padding:40px 0px 5px 0px; font-size:40px;}

.contactbg{ background:#fff; padding:0px 0 30 0;}

.centent{ float:left; width:100%;}

.fphone{ float:left; width:100%; color:#01adef; font-size:18px; text-transform:uppercase; font-family: 'Oswald', sans-serif; padding:10px 0px; text-align:center; font-weight:400;}

.centent span{ float:left; width:100%; color:#9c9c9c; font-size:14px; font-family: 'Roboto', sans-serif; text-align:center;}

.center1{ float:left; background:url(image/02.png) no-repeat; height:90px; width:100%; background-position: 142px 6px; margin-top:50px;}

.centent:hover .center1{ background-position: 142px -80px;}

.center2{ float:left; background:url(image/01.png) no-repeat; height:90px; width:100%; background-position: 142px 6px; margin-top:50px;}

.centent:hover .center2{ background-position: 142px -80px;}

.center3{ float:left; background:url(image/03.png) no-repeat; height:90px; width:100%; background-position: 142px 6px; margin-top:50px;}

.centent:hover .center3{ background-position: 142px -80px;}

.brand{ float:left; width:100%; text-align:center;}

.brand ul{ list-style:none; margin:0px; padding:0px; display:inline-block;}

.brand ul li{ float:left;}

.brand ul li a{ float:left; padding:50px 22px;}

.foterbg{ padding:0px; background:#eff0f2; padding-bottom:30px;}

.f-title{ float:left; width:100%; background:url(image/ftitle.png) no-repeat bottom left; font-size:18px; text-transform:uppercase; font-family: 'Oswald', sans-serif; padding:30px 0px 10px 0px; color:#01adef; font-weight:400;}

.fmenu{ float:left; width:100%; margin-top:10px;}

.fmenu ul{ list-style:none; margin:0px; padding:0px;}

.fmenu ul li{ float:left; width:100%; color:#9c9c9c; font-weight:300; padding:5px 0px; text-decoration:none; font-size:14px; font-family: 'Roboto', sans-serif;}

.fmenu ul li a{ float:left; width:100%; color:#9c9c9c; font-weight:300; text-decoration:none; font-size:14px; font-family: 'Roboto', sans-serif;}

.foter2{ padding:0px;}

.copy{ float:left; width:100%; padding:30px 0px; color:#5a5a5a; font-family: 'Roboto', sans-serif; text-align:center;}

.goog-te-gadget{float:left; margin-top:7px;}

.goog-te-gadget img{ background:url(image/language.png)  no-repeat center !important; width:92px; height:40px; }

.goog-te-gadget-simple .goog-te-menu-value span{ display:none;}

.goog-te-gadget-simple .goog-te-menu-value{ display:none;}

.goog-te-gadget-icon{ height:29px !important; border:none; border-right:0px solid #e5e5e5 !important;}

.goog-te-gadget-simple{ border:none !important;}

.goog-te-gadget-simple{ background-color:#fff !important;}





.fmenu1{ float:left; width:100%; margin-top:10px;}

.fmenu1 ul{ list-style:none; margin:0px; padding:0px;}

.fmenu1 ul li{ float:left; width:33%}

.fmenu1 ul li a{ float:left; width:100%; color:#888888; font-weight:300; padding:5px 0px; text-decoration:none; font-size:14px; font-family: 'Roboto', sans-serif;}

.right{ float:right; margin-top:17px; margin-left:10px;}

.pro-box2{ float:left; width:100%; text-align:center; border-radius:5px; border:1px solid #9e9e9e !important; margin:10px 0px; background:#FFFFFF;}

.pro-box2 img{ padding:4px; text-align:center; margin:0px auto;}

.pro-name{ float:left; width:100%; color:#414141; font-size:16px; font-weight:400; padding:5px 8px; font-family: 'Montserrat', sans-serif;  text-align:center;}

.pro-code{ float:left; width:100%; color:#01adef; font-size:12px; font-weight:400; padding-bottom:20px; font-family: 'Montserrat', sans-serif;  text-align:center;}

.pro-box2:hover{box-shadow: 0px 0px 4px #cfcfcf; transform: scale(1.03, 1.03);}









































.smal-baner{ padding:0px !important; width:100%;}

.smal-baner img{ width:100%;}

.heading{ float:left; font-family: 'Oswald', sans-serif; width:100%; font-size: 24px; color:#434343; text-transform:uppercase; padding:25px 0 5px 0px; font-weight:500;}

.home{ float:left; width:59%;}

.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: 12px; color:#828282;  padding:0px 5px;  font-family: 'Roboto', sans-serif; font-weight:400;}

.home ul li a:hover{ color:#da241b;}

.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:12px; color:#828282; padding:3px 2px; font-family: 'Roboto', sans-serif; font-weight:400;}

.next1 ul li a:hover{ color:#ffc13b;}

.our{ float:left; margin-bottom:3px; font-family: 'Oswald', sans-serif; padding:10px 15px; width:100%; color:#FFFFFF; text-transform:uppercase; font-size:18px; background:#019ad4; height:44px; background-size:100%;}

.cata{ float:left; width:100%; margin-top:30px; border-radius:5px; padding:5px 0px;}

.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%; color:#474747 !important; font-family: 'Oswald', sans-serif; font-size:15px; padding:11px 15px; background:#eff0f2; border-bottom:1px solid #000; text-decoration:none; text-transform:capitalize; font-weight:500;}

 .main-title a:hover{ text-decoration:none;}

 .mainbg{ background-color:#1b1b1b; float:left; width:100%; height:40px; margin:1px 0px;}

 .left-menu{ float:left; width:100%; background:#eff0f2; margin-bottom:3px;}

 .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: 15px 12px;}

 .left-menu ul li a{ float:left; width:100%; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#565656 !important; padding:7px 0px 7px 25px; font-weight:700; text-transform:capitalize; }

 

 .left-menu ul li a:hover{ color:#fff !important; background:#019ad4 url(image/arrow1.png) no-repeat left; background-position: 15px 12px;}

 .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:#01adef; font-family: 'Oswald', sans-serif; text-transform:uppercase;}

 .right-title{ float:left; width:100%; font-size:20px; padding:0px 0px 10px 0px; margin-top:10px; font-weight:500; padding-top:0px; color:#01adef; font-family: 'Oswald', sans-serif; text-transform:uppercase;}

.art{ float:left; width:100%; padding:10px 0px; font-size:14px; color:#737373; font-family: 'Roboto', sans-serif; }

.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:10px 0px; color: #4b4b4b; font-size: 12px; font-weight: 500; font-family: 'Roboto', sans-serif;}

.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:#01aaeb; 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:#01aaeb; color:#FFF; text-align:center; margin-bottom:20px; width:140px !important; border:0px;}

.btn-delete:hover{ background:#01aaeb; 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; color:#01adef; font-family: 'Oswald', sans-serif; font-size:18px; font-weight:500; text-transform:uppercase; margin-bottom:20px;}

.social{ float:right;}

.top-facebok{ float:left; width:35px; height:33px; background:url(image/facebok.png) no-repeat; color:#7c7c7c; font-size:14px; font-family: "Raleway",sans-serif; padding-left:40px; margin-top:6px;}

.top-facebok:hover{ background-position:0px -38px; text-decoration:none; color:#7c7c7c;}

.top-twiter{ float:left; width:35px; height:33px; background:url(image/twiter.png) no-repeat; color:#7c7c7c; font-size:14px; font-family: "Raleway",sans-serif; padding-left:40px; margin-top:7px;}

.top-twiter:hover{ background-position:0px -38px; text-decoration:none; color:#7c7c7c;}

.top-google{ float:left; width:35px; margin-top:7px; height:33px; background:url(image/google.png) no-repeat; color:#7c7c7c; font-size:14px; font-family: "Raleway",sans-serif;}

.top-google:hover{ background-position:0px -38px; text-decoration:none; color:#7c7c7c;}

.top-linked{ float:left; width:35px; height:33px; margin-top:7px; background:url(image/linked.png) no-repeat;}

.top-linked:hover{ background-position:0px -38px;}

  .fac{ color:#8b8b8b; font-size:14px; margin-top:10px;}

  .dis{ display:none;}

  .f-main{ float:left; width:25%;}

  .newbg{ float:left; width:100%; background:#009c00; padding-bottom:30px; margin-top:25px;}

  

   .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;}

.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:#01aaeb !important; border:1px solid #fff !important;}

.navbar-toggle .icon-bar{ border:1px solid #fff;}


.mob{ display:none;}

@media (max-width:1200px){



}

@media (max-width:1024px){

.brand ul li a img{ width:100%;}

.logo img{ width:100%;}

.right-top{ width:26%;}

.brand ul li{ width:20%;}

.center1{ background-position: 72px 6px;}

.centent:hover .center1{ background-position: 72px -80px;}

.center2{ background-position: 71px 6px;}

.centent:hover .center2{ background-position: 71px -80px;}

.center3{ background-position: 71px 6px;}

.centent:hover .center3{ background-position: 71px -80px;}

.menu ul li a{ font-size:12px; padding:16px 15px;}

.bng{ background:#fcd846;}

.bngim img{ width:100%;}

.pad{ padding:0px !important;}

}

@media only screen and (min-width:320px) and (max-width:767px){

	.menubg{ height:auto;}

.right{ float:left;}

.lan{ float:left;}

.logo{ margin:0px;}

.mob{ display:block;}

#jssor_1{ display:none;}

.bng{ margin-top:10px; height:auto; background:#fcd846;}

.menu{ width:100%; margin:0px; padding:0px;}

.menu ul{ background:#01aaeb;}

				.menu ul li{ float:left; width:100%; background:none; border-bottom:1px solid #FFF; padding: 4px 5px;}

				.menu ul li:last-child{ border:none;}

				.menu ul{ float:left; width:100%;}

				.menu ul li a{ float:left; width:100%;  margin:0px; color:#fff; padding:5px 6px;}

				.menu ul li a:hover{ width:100%; border:none; background:#000; color:#FFF;}

				.social{ display:none;}

				.modal{ width:100% !important; left:0px !important; margin-left:0px !important;}

				.search{ margin:20px 0px; text-align:center;}

				.qty{ width:20%;}

				.pro-height{ height:430px;}

				.larg img{ width:100%;}

				.for{ width:100%;}

				.for input{ width:100% !important;}

				input, textarea, .uneditable-input{ width:auto !important;}

				.logo img{ width:100%;}

				.right-top{ width:100%; float:left;}

				.logo{ text-align:center;}

				.topbod{ border:0px;}

				.topbor{ height:auto; border:0px;}

				.phone{ text-align:center;}

				.top-bsaket{ margin-top:10px; width:100%; float:left;}

				.search{ float:left; width:100% !important; text-align:left;}

				.issuu img{ width:100%;}

				.brand ul li{ width:100%;}

				.brand ul li a{ width:100%;}

				.center2{ background-position: 126px 6px;}

				.centent:hover .center2{ background-position: 126px -80px;}

				.center1{ background-position: 126px 6px;}

				.centent:hover .center1{ background-position: 126px -80px;}

				.center3{ background-position: 126px 6px;}

				.centent:hover .center3{ background-position: 126px -80px;}

}