@charset "utf-8";

/* CSS Document */



body{ margin:0px; padding:0px; background:#FFF;}
.topbg{ padding:0px; background:#f9f9f9; border-bottom:1px solid #e9e9e9; height:33px;}
.logo{ float:left; width:100%; padding:6px 0px;}
.logo img{ width: 30%;}
.phone{ float:left; width:35%; background:url(image/phone.png) no-repeat left; padding-left:25px; color:#505050; font-size:12px; font-family: 'Open Sans', sans-serif; margin-top:8px; font-weight:500;}
.feat{ display:none;}
.btn-success{ background:#9ad447 !important; border:1px solid #9ad447 !important; margin:0px 5px; padding:4px 0px;}
.mail{ float:left; width:45%; background:url(image/mail.png) no-repeat left; padding-left:30px; color:#505050; font-size:12px; font-family: 'Open Sans', sans-serif; margin-top:8px; font-weight:500;}
.top-social{ float:right;}
.certi{ padding: 30px 0px; background: #0f8b6f; text-align: center;}
.certi img{ width: 50%;}
.menubg{ padding:0px !important; background:#cde3e3; height:55px;}

.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{ float:left; color:#454545; font-weight:700; font-family: 'Open Sans', sans-serif; padding:17px 35px 16px 35px; font-size:15px; text-decoration:none; text-transform:uppercase;}

.menu ul li a:hover{ color:#fff; background:#0f8b6f;}

.menu ul li ul { margin-top:55px; z-index:1111; padding:0px; list-style:none; width:250px; background:#2D2D2D  ; position:absolute;  display:none;  }

.menu ul li ul a:hover{ background:#000; width:320px;}

.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:700; font-size:12px; font-family: 'Raleway', sans-serif; font-size:12px; text-transform:uppercase;padding: 8px 10px;float: left;}

.menu ul li ul li a:hover{ background:#6DCBF5; color:#FFF; width:250px;}

.search{ float:right; background:url(image/search.png) no-repeat; width:360px; height:45px; border:2px solid black!important; padding-left:10px; margin-top:33px; color:#4f4f4f; font-family: 'Open Sans', sans-serif; font-size:12px; font-style:italic; }
input#search {
    border: 2px solid black!important;
}
.top-basket{ float:right; margin-top:33px; margin-left:10px;}
 .box {

    display: inline-block;

    padding: 0px 0 0;

	

	float:right;

	



}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img{ width:100%;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img{ width:100%;}

.container-2 {

    position: relative;

    

    vertical-align: middle;

    white-space: nowrap;

}



.container-2 input#search {

    

    

    box-shadow: none;

    color: #636363;

    float: left;

    font-size: 14px;

    height: 72px;

    margin: 0;

    padding-left: 50px;

    -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: 50px;

	border:2px;

	background:#212121;

	margin-top:-14px;

	border-radius:0px;

}

.container-2 input:focus { box-shadow: none;}

.container-2 input#search::-webkit-input-placeholder {

   color: #636363;

}

 

.container-2 input#search:-moz-placeholder { 

   color: #636363;  

}

 

.container-2 input#search::-moz-placeholder { 

   color: #636363;  

}

 

.container-2 input#search:-ms-input-placeholder {  

   color: #636363;  

}



.container-2 .icon {

    color: #636363;

    left: 12px;

    position: absolute;

    top: 8px;

    z-index: 1;

	cursor:pointer;

	background:url(image/search.png) no-repeat center;

	height: 28px;

width: 33px;

	

}

.container-2 span.icon i { 

	font-size:16px;

	color:#fff;

	margin-top: 2px;

	margin-left: 2px;

}

.container-2 input#search:focus, .container-2 input#search:active{

  outline:none;

  width: 350px;

  color:#636363;



}

 

.container-2:hover input#search{

width: 350px;

color:#636363;





}

 

.container-2:hover .icon{

  color: #636363;

}

.navbar-collapse.collapse{ padding:0px;}

.cata{ float:left; background:#f0f0f0; padding:12px; position:absolute; z-index:111111; margin-top: -50px;}

.cata img{ width:100%;}

.cata:hover{ background:#ce0f33;}

.cata-name{ font-family: 'Oswald', sans-serif; float:left; width:100%; background:#202020; font-size:25px; color:#FFF; text-transform:uppercase; font-weight:400; text-align:center; padding:8px 0px;}

.cata:hover .cata-name{ background:#ce0f33;}

.about{ float:left; width:100%; color:#ccc; font-weight:800; font-family: 'Raleway', sans-serif; background:url(image/bord.png) no-repeat left top; font-size:35px; margin-left:15px; padding:5px 0px; margin-top:15px;}

.marg-top{ padding:0px; margin-top:30px;}

.about-im{ float:left;}

.about-im img{ width:100%;}

.about-tite{ float:left; width:100%; font-size:25px; font-weight:800; color:#424242; text-transform:uppercase; font-family: 'Raleway', sans-serif;}

.about-tite span{ font-size:18px; font-weight:600; float:left; width:100%;}

.about-des{ float:left; width:90%; color:#323232; font-size:13px; font-weight:500; font-family: 'Raleway', sans-serif; color:#343434; line-height:21px;}

.read{ float:right; width:140px; height:42px; background:url(image/read.png) no-repeat; margin:19px 0px;}

.feature{ float:left; width:100%; text-align:center; font-size:27px; padding:50px 0px 30px 0px; font-family: 'Roboto', sans-serif; color:#0e0e0e; font-weight:500;}

.box1{ float:left; width:100%; text-align:center; background:#FFF; border:2px solid #e6e6e6; border-radius:5px;}

.box1 img{ text-align:center; padding:5px; display:inline-block; }

.box1 .waqas1 img{ width:100%;}

.pro-name{ float:left; width:100%; text-align:center; font-family: 'Open Sans', sans-serif; padding:5px 0px; font-size:15px; font-weight:600; color:#9ad447;}

.waqas{ float: left;  margin:15px 0px; background:url(image/basket1.png) no-repeat; background-position: 58px 0px; height:38px; width:100%;}

.box1:hover .waqas{ background:url(image/basket1.png) no-repeat; background-position: 58px -40px;}

.pro-code{ float:left; width:100%; text-align:center; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:600; color:#3f3f3f;}

.box1:hover{ border:2px solid #9ad447; padding-bottom:0px;}

.basket{ background:url(image/basket.png) no-repeat center; width:97%; height:45px; float:left; margin-top: 60px; display:none; position:absolute; z-index:1111}

.box1:hover .basket{ display:block;}

.basket1{ float:left; width:100%; background:url(image/basket1.png) no-repeat center; height:68px;}

.foterbg{ padding:0px; background:#2a2a2a; }

.ftitle{ float:left; width:100%; text-transform:uppercase; padding:40px 0px 10px 0px; font-weight:700; font-family: 'Open Sans', sans-serif; color:#FFF; font-size:15px; border-bottom:1px solid #373737;}

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

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

.fmenu ul li{ float:left; width:100%;}

.fmenu ul li a{ text-decoration:none; float:left; padding:3px 0px; float:left; padding:0px; font-weight:500; font-family: 'Open Sans', sans-serif; color:#ccc; font-size:13px;}

.fmenu ul li a:hover{ text-decoration:underline; color:#9ad447;}

.news{ float:left; width:90%; font-family: 'Open Sans', sans-serif; border-bottom:1px solid #a7c676; padding:5px 0px; font-weight:500; color:#282828; font-size:20px; text-transform:uppercase; padding-top:20px;}
.feature2{ float:left; width:98%; font-weight:700; margin-left:15px; margin-bottom:40px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:25px; color:#454545; background:url(image/feature-bor.png) no-repeat left bottom; padding:30px 0px 10px 0px;}
.feature2 span{ background:url(image/feature-bg.png) no-repeat; width:33px; margin-top:7px; height:23px; float:left;}
.click{ float:left; width:100%; padding:20px 0px;}

.featurebg{ padding:0px !important; background:#f6f6f6;}

.news-des{ float:left; width:100%; font-weight:500; font-family: 'Open Sans', sans-serif; color:#808080; font-size:13px; padding-top:10px;}

.fmail1{ float:left; width:100%; background:#494949; height:40px; border:0px; margin:10px 0px; color:#a6a6a6; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:italic; padding-left:15px;}

.sub{ float:right; width:100px; height:40px; color:#FFF; background:#31d6c4; border-radius:5px; border:0px; font-weight:700; margin-bottom:60px; font-size:13px; font-family: 'Raleway', sans-serif;}

.adres{ float:left; width:100%; background:url(image/mab.png) no-repeat left top; padding-left:25px; font-size:13px; font-family: 'Open Sans', sans-serif; color:#ccc; margin-top:10px; border-bottom:1px solid #373737; padding-bottom:5px;}

.fphone{ float:left; width:100%; background:url(image/fphone.png) no-repeat left; padding-left:20px; margin:5px 0px; font-size:13px; font-family: 'Open Sans', sans-serif; color:#ccc;}

.fmail{ float:left; width:100%; background:url(image/fmail.png) no-repeat left; padding-left:20px; margin:5px 0px; font-size:13px; font-family: 'Open Sans', sans-serif; color:#ccc;}

.social{ margin:10px 0px; float:left;}

.copy{ float:left; width:100%; color:#6d6d6d; font-size:13px; font-weight:300; font-family: 'Open Sans', sans-serif; padding:30px 0px;}

.heading{ float:left; width:100%; font-size:16px; color:#000; font-family: 'Raleway', sans-serif; font-weight:700; margin-top:30px; padding:10px; background:#FFF; border-radius:20px; text-transform:uppercase;}

.home{ float:left; width:60%; margin-top:5px; margin-bottom:20px;}

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

.home ul li{ float:left;}

.home ul li a{ float:left; padding:0px 5px; font-family: 'Roboto', sans-serif; font-weight:400; color:#515151;}

.next1{ float:left; width:40%; margin-top:5px; margin-bottom:20px;}

.next1 ul{ margin:0px; padding:0px; list-style:none; float:right;}

.next1 ul li{ float:left;}

.next1 ul li a{ float:left; padding:0px 2px; font-family: 'Roboto', sans-serif; font-weight:400; color:#515151;}

.cat{ float:left; width:100%; background:#fff; margin-top:30px; margin-bottom:20px;}

.produ{ float:left; width:100%; background:url(image/2.png) no-repeat; height:50px; text-transform:uppercase; text-align:center; font-weight:700; font-family: 'Open Sans', sans-serif; color:#FFF; font-size:17px;}

.main-title a{ float:left; width:90%; background:#f2f2f2; border:1px solid #cecece; margin:5px 15px; border-radius:4px; padding:7px 12px; 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:25px; height:20px; float:left;}

.main-title a:focus span{background:url(image/mains.png) no-repeat left; width:25px; height:20px; float:left;}

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

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

.left-menu ul li{ float:left; background:url(image/border.png) no-repeat bottom center; width:100%; padding:5px 0px;}

.left-menu ul li a{ text-decoration:none; width:100%; padding:8px 25px; color:#000; font-family: 'Open Sans', sans-serif; font-size:12px; font-weight:600;}

.left-menu ul li a:hover{ color:#349dd9;}

.right-title{ float:left; font-weight:700; width:100%; text-align:left; color:#525252; font-size:16px; font-family: 'Open Sans', sans-serif; padding:20px 0px 5px 0px;}

.right-art{ float:left; width:100%; font-weight:700;font-family: 'Open Sans', sans-serif; font-size:14px; color:#6dcbf5;}

.right-des1{ float:left; width:100%; text-align:left; color:#333; font-size:13px; font-family: 'Open Sans', sans-serif; padding:10px 0px 30px 0px;}

.add{ float:left; background:url(image/basket2.png) no-repeat left; width:100%; height:44px; border:0px; font-size:0px;}

.d_art{ float:left; background:#eeeeee; color:#333; font-size:13px; font-family: 'Open Sans', sans-serif; width:170px; padding-left:10px;}

.fname{ width:49%; margin:10px 2px; text-align:left; border-radius:5px; background:#CCC; border:1px solid #000; padding:5px;}

.navbar-toggle{ border:1px solid #fff; margin-bottom:3px; margin-top:3px;}

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

.baner-posion{ position:absolute; z-index:11111; background:rgba(10,11,13,0.9); top:164px; left:200px; width:350px;}

.baner-name{ float:left; color:#FFF; font-size:60px; padding:17px 0px 0px 25px; font-family: 'Oswald', sans-serif; text-transform:uppercase;}

.baner-des{ float:left; padding:5px 0px 5px 25px; color:#fff; font-size:14px; font-family: 'Raleway', sans-serif; }

.learn{ float:left; background:url(image/learn.png) no-repeat; width:140px; height:45px; margin:5px 25px;}	

.tab{ float:left; width:100%; text-align:center; margin:30px 0px 12px;}

.tab ul{ list-style:none; margin:0px; padding:0px; display:inline-block;  background:#FFF; border-radius:20px;}

.tab ul li{ float:left;}

.tab ul li a{ text-decoration:none; float:left; color:#000; font-size:16px; font-family: 'Raleway', sans-serif; font-weight:700; padding:14px 15px; margin:0px 0px; text-transform:uppercase;}

.tab ul li:hover{ background:#ececec; border-radius:20px;}

.tab ul li:hover:last-child{ }

.tab ul li a:focus{ background:#ececec; }

.newsbg{ padding:0px; background:url(image/newslater.png) ; background-size:100%; height:104px;}

.nes{ float:left; width:100%; color:#FFF; font-weight:800; font-family: 'Raleway', sans-serif; font-size:25px; text-transform:uppercase; padding-top:20px;}

.nes1{ float:left; width:100%; color:#FFF; font-weight:500; font-family: 'Raleway', sans-serif; font-size:13px; padding-top:5px;}

.email{ float:left; background:#383839; border-radius:4px; height:35px; width:100%; border:0px; margin:10px 0px; font-size:13px; color:#616161; font-style:italic; font-weight:300; font-family: 'Open Sans', sans-serif; padding-left:15px;}
.f-adres{ float:left; width:100%; font-size:13px; font-weight:500; color:#ccc; font-family: 'Open Sans', sans-serif; padding-top:10px;}
.submit{ float:left; background:url(image/submit.png) no-repeat; width:100%; height:40px; border:0px; font-size:0px; margin-bottom:30px;}

.centerbg{ padding:0px; background:#f6f6f6;}

.related{ float:left; width:100%; padding:15px 10px; color:#000; font-size:16px; font-weight:700; font-family: 'Raleway', sans-serif;}


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

	.baner-posion{ display:none;}

				.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; float:left; width:100%; 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;}
.menu ul li ul li a:hover{ color:#fff;background:none; background:#473a30;}

		.search{ float:left; margin-bottom:20px; }

		.menubg{ background:none;}	

		.logo img{ width:100%;}

		.logo{ position:static;}

		.phone{ width:60%; margin-left:25%;}

		.cata{ position:static; margin-top:15px;}

		.pos{ position:relative; margin:0px; padding:0px; background:#000;}

		.mail{ width:60%; margin-left:25%;}

		.topbg{ height:auto;}

		.top ul{ float:left;}

		.email{ width:216px;}

		.menu ul li ul {
    margin-top: 0px;
    z-index: 1111;
    padding: 0px;
    list-style: none;
    width: 100%;
    background: #2D2D2D;
    position: relative;
    display: none;}
	.menu ul ul li{ padding-left:15px;}
	.feat{ display:block;}
	.featnon{ display:none;}
	.box1{ margin:10px 0px;}
	.mob{ width:100%;}.menubg{ height:auto;}

				}