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

body{ margin:0px; padding:0px; background:#fff; font-family: 'Abel', sans-serif;}
.topbg{ padding:0px; background:#000000; border-bottom:1px solid #353535;}
.top-about{ float:left; width:100%; color:#767676; font-size:14px; font-family: 'Abel', sans-serif; margin-top:6px;}

.pad0{
	padding:0px;
	
}

.lpad{
	padding-left:0px;
}

.rpad{
	padding-right:0px;
}
.menu ul{ list-style:none; margin:0px; padding:0px;float: right;}
.menu ul li{ float:left;}
.menu ul li a{ font-weight:400; font-family: 'Abel', sans-serif; font-size:15px; color:#d6d6d6; text-transform:uppercase; text-decoration:none; padding:36px 14px; float:left; background:url(img/top-line-bg.png) no-repeat left; }
.menu ul li a:hover{ background:#151515 url(img/top-line-bg.png) no-repeat left; color:#f39e20;}
.tens{ float:left; border:1px solid #dcdcdc; height:47px; width:50px; padding: 13px 12px; margin:0px 5px;}
.top-bsaket{ float:right; background:url(image/basket.png) no-repeat; width:85px; height:30px; background-position: 65px 4px; color:#767676; font-family: 'Abel', sans-serif; font-size:12px; font-weight:300;}
.search{ float:left; border:0px; background: #0b0b0b url(image/search.png) no-repeat right; height:30px; width:200px; background-position: 170px 12px; padding-left:10px; margin-left: 240px; text-transform:uppercase; font-weight:400; font-family: 'Abel', sans-serif; color:#2a2a2a; font-size:12px; margin-top:10px;}
.about-title{ float:left; width:100%; background:url(image/about-border.png) no-repeat bottom left; font-size:30px; font-family: 'Fjalla One', sans-serif; font-weight:400; padding:40px 0px 10px 0px;}
.about-title span{ color:#d91f27;}
.about-des{ float:left; width:100%; color:#676767; font-size:13px; font-weight:400; line-height:27px; font-family: 'Raleway', 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: 'Fjalla One', sans-serif; font-weight:400; color:#d91f27; padding:5px 0px 0 0;}
.super-des{ float:left; width:100%;  font-size:13px; font-weight:300; color:#676767; line-height:22px; font-family: 'Abel', sans-serif;}
.super-more{ float:left; width:100%; background:url(image/more.png) no-repeat bottom left; font-family: 'Abel', sans-serif; padding:5px 0px 0px 0px; color:#444444; text-decoration:none; margin-bottom:20px;}
.featurebg{ padding:0px; background:#ff8f94; padding-bottom:30px; }
.feature{ float:left; width:100%; text-align:center; background:url(image/featurebg.png) no-repeat center bottom; font-family: 'Abel', 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: 'Abel', sans-serif; color:#585858; font-weight:300; text-transform:uppercase; padding:40px 0px 5px 0px; font-size:40px;}
.contactbg{ background:#f8f8f8; padding:0px 0 30 0;}
.centent{ float:left; width:100%;}
.fphone{ float:left; width:100%; color:#d91f27; font-size:18px; text-transform:uppercase; font-family: 'Abel', sans-serif; padding:10px 0px; text-align:center;}
.centent span{ float:left; width:100%; color:#7a7a7a; font-size:14px; font-family: 'Abel', 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:url(img/footer-bg.png) no-repeat left; padding-bottom:30px; width:100%; float:left; height: auto;
display: table;
background-size: 100% 100%;}
.f-title{ float:left; width:100%; font-size:18px; text-transform:uppercase; font-family: 'Abel', sans-serif; padding:30px 0px 10px 0px; color:#fff; border-bottom:1px solid #151515;}
.fmenu{ float:left; width:100%; margin-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%; color:#888888; font-weight:300; padding:5px 0px; text-decoration:none; font-size:14px; font-family: 'Raleway', sans-serif;}

.fmenu ul li a:hover{color:#f39e20;}
.foter2{ padding:0px; background-color:#151515; width:100%; float:left;}
.copy{ float:left;  padding:30px 0px; color:#5a5a5a; font-family: 'Abel', sans-serif;}
.copy1{ float:right;  text-align:right; padding:18px 0px; color:#5a5a5a; font-family: 'Abel', sans-serif;}
.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: 'Abel', sans-serif;}
.right{ float:right; margin-top:17px; margin-left:10px;}
.pro-box2{ float:left; width:100%; border-radius:5px; border:1px solid #dadada !important; margin:10px 0px; background:#FFFFFF;}
.pro-box2 img{ padding:4px;}
.pro-name{ float:left; width:100%; color:#555555; font-size:14px; font-weight:400; padding:5px 8px; font-family: 'Montserrat', sans-serif;  text-align:center;}
.pro-code{ float:left; width:100%; color:#d91f27; 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: 'Abel', sans-serif; width:100%; font-size: 24px; color:#ffffff; text-transform:uppercase; padding:25px 0 5px 0px; font-weight:500; background:url('img/head-line.png') left bottom; background-repeat: no-repeat;}
.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:#818181;  padding:0px 5px;  font-family: 'Abel', 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: 'Abel', sans-serif; font-weight:400;}
.next1 ul li a:hover{ color:#ffc13b;}
.our{ float:left; margin-bottom:3px; font-family: 'Abel', sans-serif; padding:10px 15px; width:100%; color:#FFFFFF; text-transform:uppercase; font-size:30px;}
.cata{ float:left; width:100%; margin-top:30px; background-color: #000; padding: 0px 15px;     padding-bottom: 15px;}
.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:#f39e20 !important; font-family: 'Abel', sans-serif; font-size:19px; padding:15px 15px;  text-decoration:none; text-transform:capitalize; font-weight:500; background:#151515 url(img/line-bg.jpg) no-repeat bottom left; }
 .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:#e9e7e8;}
 .left-menu ul{ list-style:none; padding:0px; float:left; width:100%; margin:0px;}
 .left-menu ul li{ float:left; width:100%; background:#151515;}
 .left-menu ul li a{ float:left; width:82%; text-decoration:none;  font-size:16px; color:#fff !important; padding:11px 0px; margin-left:16px; text-transform:capitalize;  background:#151515 url(img/line-bg.jpg) no-repeat bottom left; }
 
 .left-menu ul li a:hover{ color:#f39e20 !important;}
 .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:#d91f27; font-family: 'Abel', sans-serif; text-transform:uppercase;}
 .right-title{ float:left; width:100%; font-size:22px; padding:0px 0px 10px 0px; margin-top:10px; font-weight:500; padding-top:0px; color:#f39e20; font-family: 'Abel', sans-serif; text-transform:uppercase; }
.right-art {
    color: #fff;
    float: left;
    width: 100%;
}
.right-option {
    background-color: #f39e20;
    padding: 11px 12px;
    color: #fff;
	width:100%;
	float:left;
}
.right-des {
    color: #fff;
    float: left;
    width: 100%;
}

.address p {
    text-align: center;
    box-shadow: none;
    color: #9a9a9a;
    margin-bottom: 10px;
    padding: 3px 15px;
    width: 100%;
    font-family: 'Oswald', sans-serif;
}
.right-des1{ float:left; width:90%; font-weight:400; line-height:25px; color:#f39e20; padding:0px 0px 7px 0px; font-size:14px; font-family: 'Abel', 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: 'Abel', sans-serif; float:left; width:100%; text-align:center; color: rgb( 83, 83, 83 );}

.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: 'Abel', sans-serif;
	padding-left:10px;
	border-radius: 0px;
    
    }


.form-group{ float:left; width:49%; margin-left:1%;}
.basket_art input{ float:left; margin:10px 0px; background:#f39e20; 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:#f39e20; color:#FFF; text-align:center; margin-bottom:20px; width:140px !important; border:0px;}
.btn-delete:hover{ background:#1B1B1B; text-decoration:none; color:#FFF;}
.for{ float:left; width:48%; margin-left:9px; 
    margin: 10px 0px 0px 11px;}
.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:97.5%; margin-left:9px;}
.addthis_native_toolbox{ float:left; width:100%;}
.related{ float:left; width:100%; padding-top:20px; color:#fff; font-family: 'Abel', 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%; margin-bottom:10px;}
.navbar-collapse{ padding:0px !important;}
.navbar-toggle{ background:#f39e20 !important; border:1px solid transparent !important;}
.navbar-toggle .icon-bar{ border:1px solid #fff;}
.pro-box2 img{ width:100%;}
.mob{ display:none;}

#myTab li a {
color:#fff;}
@media (max-width:1200px){

}
@media (max-width:1024px){
.brand ul li a img{ width:100%;}
.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:40px 6px;}
.bng{ background:#fcd846;}
.bngim img{ width:100%;}
.pad{ padding:0px !important;}
}



.logo-block{
	width:100%;
	float:left;
	background-image:url('img/logo-bg.png');
}

.carousel {
    position: relative;
    float: left;
}

.adres i {
    color: #575757;
	font-size: 19px;
}

.marque {
    color: #797878;
    height: 180px;
      float: left;
    padding: 0px;
}

.mid-block{
	background-color:#151515;
	width:100%;
	float:left;
	
	padding-top: 42px;
}


.mid-block2{
	background-color:#151515;
	width:100%;
	float:left;
	    padding-bottom: 30px;
	}

.contact-in-bar{
	padding:0px;
	padding-top:25px;
	padding-left:200px;
	padding-bottom:25px;
	float:left;
	width:100%;
}

.address i{
	
   
    padding:8px 12px;
    font-size: 33px;
    
    color: #575757;

}

.address p {
	float:left;
	margin-top:0px;
	    padding-left: 13px;
    color: #575757;
	font-family:'Abel', sans-serif;
	margin-bottom:6px;
	
}

.product-box{
	    height: 398px;
}

.product-box2{
	    height: 398px;
}
.box {
    width: 100%;
    float: left;
   text-align:center;
  
	
}


.box:hover .thumbs_link  a.basket{ 
display:block !important;

color:#f39e20;
 }

.box img {
      padding: 20px 22px;
	height:260px;
	background-color:#000;
	width:100%;
}

.product-box2 .box img{
	   padding: 20px 22px;
	height:260px;
	
	width:100%;
	background-color:#000;
}

.thumbs_link {
   float: left;
    text-align: center;
    width: 100%;
	
}
.thumbs_link h3 {
   color:#f39e20;
    width:100%;
	float:left;
    font-size: 23px;
    margin: 10px 0 0px;
    text-align:center;
	border-bottom:1px solid #000;
	padding-bottom:11px;
    
}
.thumbs_link .art {
    color: #575757;
    display:none;
	background-color:transparent;
    width:100%;
	float:left;
    text-align:center;
	margin-top:0px;
	padding-bottom:11px;
	margin-bottom:0px;
	}


.thumbs_link p.bask {
    color: #474747;
    
	
    width:100%;
	float:left;
    text-align:center;
	
	margin:0px;
}

.box:hover .thumbs_link { 

background-color:#000;
color:#fff;
 }

 
 .box:hover .thumbs_link .art{ 
	border-bottom:1px solid #1a1a1a;
background-color:#000;
color:#575757;
display:block !important;
 }
 
  .box:hover .thumbs_link h3{ 

background-color:#000;

display:block !important;
 }


.box:hover .thumbs_link p.bask {
    color: #474747;
    text-align:center;
	border-radius: 0px;
    padding:11px 0px;
}

.product-box2 .box .thumbs_link h3 {
	background-color:transparent;
	margin-bottom:4px;
}

.product-box2 .box .thumbs_link .art {
    color: #cacaca;
    display:block;
	background-color:transparent;
    width:50%;
	float:left;
    text-align:center;
	margin-top:0px;
	padding-bottom:11px;
	margin-bottom:0px;
	border-left:1px solid #000;
	    padding-bottom: 0px;
		    font-size: 16px;
	}
	
	
.product-box2 .box  .thumbs_link p.bask {
    color: #cacaca;
    width:50%;
	float:left;
    text-align:center;
	padding:0px;
	margin:0px;
}
.product-box2 .box:hover .thumbs_link h3 {
	
	border-bottom:1px solid #242424;
}
	
.product-box2 .box  .thumbs_link p.bask a{
    color: #cacaca;
        font-size: 16px;
}

.product-box2 .box:hover .thumbs_link .art{ 
	border-bottom:0px solid #1a1a1a;
	color:#cacaca;
	display:block !important;
	border-left:1px solid #242424;
 }
 
.product-box2 .box:hover .thumbs_link { 

background-color:#000;
color:#fff;
 }
.product-box2 .thumbs_link{
	padding-bottom:20px;
}

.thumb img{
	margin: auto;
}

.thumb-block{
	width:100%;
	float:left;
	padding-bottom:50px;
	padding-top:50px;
}

.thumb{
	
	float:left;
	margin-left:190px;
	background-image:url('img/thumb-bg.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
    background-position: center;
	    box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.25);
}

.thumb ul {
    width: 100%;
    margin:0px;
    float: left;
	padding:0px;
}


.thumb ul li {
    display: inline;
    padding:24px 69px;
    float: left;
    color: #fff;
    font-size: 25px;
}

.thumb ul li:hover{
    color:#f39e20;
}

.adres {
	font-family:'Raleway', sans-serif;
	color:#575757;
	    line-height: 30px;
}

.sub {
    color: #fff;
    background-color: #f39e20 !important;
    border-color: #f39e20;
    font-size: 21px;
    width: 74%;
    float: left;
    padding: 11px 0px;
    border-radius: 6px;
    border: 1px solid transparent;
    margin: 0px 49px;
}

.sub2 {
    color: #fff;
    background-color: #f39e20 !important;
    border-color: #f39e20;
    font-size: 16px;
    width: 17%;
    float: left;
    padding: 5px 0px;
    border-radius: 6px;
    border: 1px solid transparent;
    margin: 0px;
	margin-bottom:10px;
	}

.sub:hover {
	
    color: #000;
  
   
    cursor: pointer;
}


button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
	background:#2e2d2d;
	color:#fff;
	border:0px;
	width: 60%;
    font-size: 14px;
}


p.right-size-name {
    width: 37%;
	padding-left: 12px;
    float: left;
    color: #fff;
    font-size: 16px;
	margin-bottom:0px;
}

.qty {
    float: left;
    width:45%;
        padding: 15px 0px;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Abel', sans-serif;
    background: #2e2d2d;
	   margin: 23px 0px;
    
}

.qty1{
    float:right;
    width: 45%;
	padding: 15px 0px;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Abel', sans-serif;
    background: #2e2d2d;
	    margin: 23px 0px;
}

	.qty1 input{  
	
	float:left; 
	width:90px;
	margin-left:5px; 
	color: #fff ; 
	padding:0px ; 
	 
	padding-left:10px ;
	font-size:14px;
	font-family: 'Abel', sans-serif;}
	
	
	.contact-bar{
		background:#000;
		float: left;
    width: 100%;
    padding: 20px 0px;
	}
	
	.content_text{
		color:#575757;
	}
	
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
	color:#575757;
}

.line{
    width: 100%;
    float: left;
    margin: 7px 0px;
}

h2.title12 {
     color: #fff;
    font-size: 29px;
    background: #151515 url(img/vector-bg.png) no-repeat bottom center;
    padding-bottom: 22px;
    text-align: center;
}

.about-title2 {
    color: #575757;
    font-size: 23px;
    width: 100%;
    text-align: center;
    line-height: 30px;
}

.btm-social {
	float:right;

}
.btm-social ul {
    margin: 0;
	padding:0px;
}
.btm-social ul li {
	display:inline-block;
	width:40px;
	height:40px;
	border-radius:4px;
	    margin-right: 4px;
		float: left;
}

.btm-social ul li a {
   border:1px solid #232323;
  width:40px;
  border-radius:4px;
  text-align:center;
	background-color: transparent;
    color: #575757;
    display: inline-block;
    float: left;
   font-family: "FontAwesome";
    line-height:44px;
    font-style: normal;
    font-weight: normal;
        padding:0px;
    font-size: 20px;
    text-decoration: none;
    transition: background-color 0.2s linear 0s, color 0.2s linear 0s;
    
}
.btm-social ul li a.fa-facebook:hover { border:1px solid transparent; background-color:#3b5998; color:#fff;}
.btm-social ul li a.fa-twitter:hover {  border:1px solid transparent; background-color:#00acee; color:#fff;}
.btm-social ul li a.fa-google-plus:hover {  border:1px solid transparent; background-color:#dd4b39; color:#fff;}
.btm-social ul li a.fa-linkedin:hover {  border:1px solid transparent; background-color:#007fb1; color:#fff;}
.btm-social ul li a.fa-vimeo-square:hover {  border:1px solid transparent; background-color:#8bb225; color:#fff;}
.btm-social ul li a.fa-pinterest-p:hover {  border:1px solid transparent; background-color:#c32524; color:#fff;}
.btm-social ul li a.fa-rss:hover {  border:1px solid transparent; background-color:#e97633; color:#fff;}
.btm-social ul li a.fa-youtube-square:hover { border:1px solid transparent;  background-color:#cb322c; color:#fff;}



@media only screen and (min-width:320px) and (max-width:767px){
.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{ }
				.menu ul li{ float:left; width:100%; background:none; border-bottom:1px solid #FFF; padding: 4px 0px;}
				.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; color:#f39e20; }
				.social{ display:none;}
				.modal{ width:100% !important; left:0px !important; margin-left:0px !important;}
				.search{ margin:20px 0px; text-align:center;}
				.qty{ width:100%;}
				.qty1{ width:100%;}
				.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:auto;}
				.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; background-position: 299px 12px;}
				.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;}
				
				
				.thumb {
    float: left;
    margin-left:0px;
    background-image: url('img/thumb-bg.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 10px 10px 1px rgba(0, 0, 0, 0.25);
}
.thumb ul li {
    display: inline;
    padding: 24px 47px;
    float: left;
    color: #fff;
    font-size: 25px;
	width: 100%;
}
.address {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.contact-in-bar {
    padding: 0px;
    padding-top: 25px;
    padding-left: 14px;
    padding-bottom: 25px;
    float: left;
    width: 100%;
}
.copy {
    padding: 14px 0px;
    color: #5a5a5a;
    font-family: 'Abel', sans-serif;
    text-align: center;
}

.copy1 {
    
    text-align: center;
    padding: 4px 0px;
    color: #5a5a5a;
    font-family: 'Abel', sans-serif;
}

.marque {
    color: #797878;
    height:auto;
    float: left;
    padding: 0px;
    margin-bottom: 13px;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.sub {
    color: #fff;
    background-color: #f39e20 !important;
    border-color: #f39e20;
    font-size: 21px;
    width: 74%;
    float: left;
    padding: 11px 26px;
    border-radius: 6px;
    border: 1px solid transparent;
    margin: 0px 30px;
}






}
.top-about ul{
	padding:0px;
	
}

.top-about .topitem{
	display:inline;
	padding-right:10px;
}

.top-about .topitem a{
	color:#767676;}
	
	
	
	#mytab li a:hover{
		color:#f39e20;
		text-decoration:none;
	}
	
	#mytab li a:focus, a:hover {
   color:#f39e20;
		text-decoration:none;
}