/*Other_Style_css*/
@import url("social_icon.css");
@import url("top.css");
@import url("font-awesome.min.css");

/*Nav_Style_css*/
@import url("webslidemenu.css");

/*Banner_Style_css*/
@import url("slippry.css");

/*Cetagoury_Style_css*/
@import url("owl.carousel.css");
@import url("owl.theme.css");

/*Tabs_Style_css*/
@import url("responsive-tabs.css");

@font-face {
	font-family:'NexaSlab-Regular';
	src: url('../fonts/NexaSlab-Regular_gdi.eot');
	src: url('../fonts/NexaSlab-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NexaSlab-Regular_gdi.woff') format('woff'),
		url('../fonts/NexaSlab-Regular_gdi.ttf') format('truetype'),
		url('../fonts/NexaSlab-Regular_gdi.svg#NexaSlab-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> 

header, section, nav {
	display: block;
}

.textfont { color:#888888; font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:40px;}

.newmenu { text-align:right;}
.newmenu ul { margin:0px; padding:0px;}
.newmenu ul li { list-style:none; line-height:10px; border-right:1px solid #888; padding:0px 10px;; margin-top:20px; display:inline-block;}
.newmenu ul li a { font-size:12px; color:#888; text-decoration:none; transition:all .5s ease-in-out;}
.newmenu ul li a:hover { color:#d19812; text-decoration:underline;}
.bg_color{
	background-color:#202020;
	display: none;
	}
	
.bg_color3{
	background-image: linear-gradient(#f6f6f6, #e3e3e3 50%, #f6f6f6);
    background-repeat: no-repeat;
    border: medium none;

	}	
.cats_name{ font-family: 'Lato', sans-serif; font-size:24px; color:#000; font-weight:700; text-transform:uppercase; padding:20px 0;}
	
.email_text{
	    margin-top: 15px;
		font-family:'NexaSlab-Regular';
		color:#fff;
		}
		
	.email_text>i{
		color:#fff;}	

.email_text>a{
	text-decoration:none;
	color:red;
	}
	
.email_text>a:hover{
	text-decoration:underline;
	}
	
#fixed-nav {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	display: none;
}
#fixed-nav .navbar-inverse {
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background-color: rgba(255, 255, 255, 0.9);
	background: rgba(255, 255, 255, 0.9);
	color: rgba(255, 255, 255, 0.9);
}	
.logo{
	margin-bottom:10px;
	margin-top:10px;
   }
   
 .logo>a>img{
	 margin-right:auto;
	 max-width: 486px;
	 }
	 
.text1{
	color:#fff;
	font-size:12px;
	font-family:'NexaSlab-Regular';
	margin-top: 45px;
    text-align: center;
	}
	
.text1>i{
	color:red !important;
	}	
	
	.cart-icon {
margin-top: 30px; margin-left:12px;
}	
	
.cart-icon > a {

}
.cart-icon a i {
  color:#fd0000;
  font-size: 22px; padding-right:8px;
}
.cart-icon span {
  background:#d19812 none repeat scroll 0 0;
  border-radius: 90%;
  color: #fff;
  padding: 0 7px;
  position: absolute;
  top: -11px;
}

.centertext {}
.centertext h2 { font-size:48px; color:#010101; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-3px; margin-top:55px;}
.centertext h3 { font-size:48px; color:#010101; text-transform:uppercase; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:-3px;
line-height:5px; margin-bottom:80px;}

.Search { 
clear:both; 
height:30px;
margin-top:30px;
}
.SearchInput { 
background: #FFF;
  height: 35px;
  padding: 0px 5px;
  font-size: 12px;
  color: #333;
  float: left;
  width: 91%;
  border-radius: 3px;
  box-shadow: none;
  border: none;
  outline: none;
  border: 1px solid #000;
}
.SearchBtn {
background:url(../images/search.png) center no-repeat;
width:35px;
height:35px;
float:right;
border:none;
transition: all 0.5s ease-in-out 0s;
}
.SearchBtn:hover { 
cursor:pointer;
opacity:1;
}

.headingBGmain { background:#f2f2f2; margin-bottom:50px;}

.FRTBG { background:#f5f5f5; min-height:560px; width:100%; margin-top:50px;}

h3.h_text{
	text-align:center; margin:0px; padding:0px; font-size:20px;
	}

.new_text { color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:52px; text-align:center; line-height:70px;}

.similar-pro {
	text-align: center;
	font-weight: bold;
	margin-left:40px;
}
.similar-pro li {
    margin-right: 28px; margin-bottom:15px;
}
.quick-view {
	background-color: #8c8c8c;
	color: #fff;
	padding: 3px;
	text-align: center;
	position: absolute;
	display: block;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: none;
}
.similar-pro li:hover .quick-view {
	display: block;
}
.similar-pro li:last-child {
	margin-right: 0px;
}
.similar-img {
	background-color: #e9e6e6;
	padding: 20px;
	margin-bottom: 15px;
	min-height: 235px;
	width: 100%;
	position: relative;
}
.similar-img img {
	margin: 0 auto;
}

.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: 1px solid transparent;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  border:1px solid #8c8c8c; box-shadow:2px 0px 2px 2px rgba(0,0,0,0.3) ;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

body, p {
    font-size: 12px;
}

.btn3 {
    color: #fd0000;
    display: inline-block;
    font-weight: bold;
    margin: 13px 0 10px;
    text-align: center; font-size:14px;
}

.brand-name {
	display: block;
}
.socialmain { margin-bottom:45px;}
.socialmain a { margin:5px; opacity:1; transition:all .5s ease-in-out; }
.socialmain a:hover { opacity:1;}

.c_img{
	overflow: hidden;
	}
	
.c_img>a>img{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
	}
	
.c_img>a>img:hover{
	transform:scale(1.3);
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
 -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
   transition:all .5s ease-in-out;
	}	
	
.c_name{
	background-color:red;
	text-align:center;
	color:#fff;
	font-family:'NexaSlab-Regular';
	font-size:18px;
	padding:5px;
	}
	
.BtmImg {
	 background:url(../images/btm-img.jpg) no-repeat center bottom; 
	   background-attachment:fixed; 
	   padding:30px 0px; 
	   box-shadow:2px 0px 2px 115px rgba(0,0,0,0.5) inset;
	   margin-top:10px;
	   }
.BtmImg .BtmInner {
	 background-attachment:scroll;
	  background-position:center bottom;
	   background-repeat:no-repeat;
	   }	

.InnerText {
	font-family:'Poppins-Regular';
	  text-align:center;
	   width:100%; 
	   text-shadow:0px 2px 2px rgba(0,0,0,0.5);
	   }
	   
.InnerText>h2{
	text-align:center;
	color:#fff;
	font-family:'NexaSlab-Regular';
	font-size:50px;
	margin:0px;
	}	   
	   
.InnerText p { 
font-family:'NexaSlab-Regular';
font-size:16px; 
color:#fff; 
font-weight:300; 
text-align:center;
padding:10px;
letter-spacing:1px;
}	
	
.border{
	background: #fff;
    border: 1px solid #e5e5e5;
	transition: all 0.5s ease-in-out 0s;
	border-radius:5px;
	}
	
.border>a>img{
	margin-left:auto;
	margin-right:auto;
	}
	
.border>a>img:hover{
/*	-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
	-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);*/
	transition: all 0.8s ease-in-out 0s;
	}	
	
.pname {
    font-family:'NexaSlab-Regular';
    color: #666;
    line-height: 20px;
	    font-size: 12px;
}

.part {
    font-family:'NexaSlab-Regular';
    color: #666;
    line-height: 20px;
	    font-size: 12px;
}

.prddetails{
	margin-top:5px;
	}

.prddetails a {
    background: #171717;
    padding: 5px 10px 5px 10px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
	transition: all 0.5s ease-in-out 0s;
	}
	
.prddetails a:hover {
	background:red;
	color:#fff !important;
	}	
	
 .shado{
	  padding:15px 5px 15px 5px;
	    border-radius: 10px;
	  }	
	  
	 .shado:hover{
	-webkit-box-shadow: 0px 0px 10pxrgba(10, 10, 10, 10);
	-moz-box-shadow:    0px 0px 10px rgba(10, 10, 10, 10);
	box-shadow:        0px 0px 10px rgba(10, 10, 10, 10);
	  } 
	
.bg_color4{
	background-image: linear-gradient(#f6f6f6, #e3e3e3 50%, #f6f6f6);
    background-repeat: no-repeat;
    box-shadow: 0 10px 20px -10px #888888 inset;
	margin-top:10px; min-height:260px;
	color: #000;
	}	
.bg_color4 span{
	color: #000 !important;
}
.box1{ border:double #ccc 1px; float:left; margin-top:15px;}
.box1:hover{ border:#1px solid #f00;}
.h_text2{
	color:#82827e;
	text-transform:uppercase; font-size:14px; margin-top:50px; font-weight:bold;
	}
	
.text{
	color:#fff;
	font-family:sans-serif;
	border-right: 1px solid #fff;
	font-size:12px;
	}
	
.text2{
	color:#fff;
	font-family:sans-serif;
	}	
.pdf {
    margin: 42px 0 0;
}
.Search2{ 
background:#fff; 
clear:both; 
height:44px;
}
.SearchInput2 { 
background:none; 
height:44px; 
padding:0px 5px;
font-size:12px;
color:#000; 
font-family:sans-serif;
float:left;
width:100%;
box-shadow:none;
outline:none;
border:none; border-bottom:1px solid #000;
}
.SearchBtn2 {
background:#D13612;
width:100%;
height:44px;
border:none;
transition: all 0.5s ease-in-out 0s; text-align:center; color:#fff; margin-top:10px; font-size:18px;
}
.SearchBtn2:hover { 
cursor:pointer; opacity:0.5;
}

.line{
	border:1px solid #4b4b4b;
	}
	
.marquee{
	color:#8f8f8f;
	font-family:sans-serif;
	}	
.marquee span{
	color: #000;
}
.right2{
text-decoration:none;
font-family:sans-serif;
    font-size: 12px;
    color: #000 !important;
	transition: 0.3s ease-in-out 0s; line-height:20px;
}

.right2:hover{
	color:#fff !important;
    text-decoration:none;
	 transition: 0.3s ease-in-out 0s; padding-left:10px;
}

.name{
	    float: left;
	}
	
.name>a{
	padding: 5px;
    display: block;
    background: #222;
    margin: 5px;
    transition: all 0.5s ease-in-out 0s;
	text-decoration:none;
	color:#fff;
	font-size:12px;
	}
	
.name>a:hover{
	background:#d19812;
	}
		

.bg_color5{
	background-color:#232323;
	padding:20px;
	}
	
.f_link{
	text-align:center;
	font-family:sans-serif;
	color:#fff;
	}
	
.f_link>a{
	text-decoration:none;
	color:#fd0000;
	}
	
.f_link>a:hover{
	text-decoration:underline;
	}				
				
/*==================================================
=            detaile page   style                =
==================================================*/

	.Pagination { 
	clear:both; 
	margin-bottom:10px;
	}
	
	.Pagination a {
 background: #333 none repeat scroll 0 0;
    border: 2px solid #333;
    box-shadow: 0 0 0 1px #fff inset;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 7px;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
	}
	
	.Pagination a:hover, .Pagination a.paging_act {
	background:#d19812;
	color:#fff !important;
	}

	.ProDetailsCon { 
	float:left; 
	padding:15px; 
	margin-left:0px; 
	padding-right:0px;
	width:100%;
	}
	
	.ProDetailsCon h1 { 
	color:#d19812; 
	font-size:22px;
	font-weight:normal; 
	text-transform:uppercase;
	}
	
	.DetailArt {
	font-size:14px; 
	color:#000;
	}
	
	.DetailArt span { 
	color:#000;
	}
	
	.DetailsCon {
	min-height:70px;
	margin-bottom:10px; 
	color:#d19812; margin-top:15px; font-family:Arial, Helvetica, sans-serif;
	}
	
	.DetailsCon span {
	color:#d19812; 
	font-size:16px; font-family:Arial, Helvetica, sans-serif;
	}
	
	
	.ProdOpt { 
	padding:7px 5px;
	margin-bottom:8px; 
	}
	
	.ProdOpt span {
	width:50px; 
	font-size:14px; 
	color:#000; 
	display:inline-block;
	}
	
	.ProdOpt select {
	border:1px solid #ccc;
	padding:2px; 
	color:#000;
	background:#f7f7f7;
	}
	
	.ProdOpt input {
	border:1px solid #ccc;
	width:50px; 
	padding:2px;
	color:#000;
	background:#f7f7f7;
	}
	
	.Button { 
 background: #333 none repeat scroll 0 0;
    border: 2px solid #333;
    box-shadow: 0 0 0 1px #fff inset;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s; padding:7px 15px; text-transform:uppercase;
	}
	
	.Button:hover { 
	background:#d19812; 
	cursor:pointer; 
	color:#fff; 
	}
	
		
	
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/


@media only screen and (max-width: 480px) {
	
	.email_text{
		text-align:right;
		}
		
	.Search {
    margin-top:0px;
}	

.newmenu { text-align:center; margin-bottom:15px;}

.textfont { font-size:12px; text-align:center; line-height:25px; margin-top:50px;}
.cart-icon { margin-top:10px; margin-bottom:10px;}
.Search { margin-bottom:15px;}
.logo > a > img { margin-left:auto; margin-right:auto;}
.SearchInput { width:88%;}
.centertext h3 { line-height:50px;}
.similar-pro { margin-left:-30px;}
	}