/*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");

/*Zoomer_Style_css*/
@import url("../source/jquery.fancybox.css");

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

@font-face {
	font-family:'Sanseriffic-Regular';
	src: url('../fonts/Sanseriffic_gdi.eot');
	src: url('../fonts/Sanseriffic_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Sanseriffic_gdi.woff') format('woff'),
		url('../fonts/Sanseriffic_gdi.ttf') format('truetype'),
		url('../fonts/Sanseriffic_gdi.svg#Sanseriffic-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+001D-2122;
}

.top_bg{
	background-color:#03031f;
	}
	
.email{
	color:#fff;
	font-size:14px;
	font-family:'Calibri-Regular';
	}
	
.email>i{
	color:#fff;
}

.phone{
	color:#fff;
	font-size:14px;
	font-family:'Calibri-Regular';
	}
	
.phone>i{
	color:#fff;
}

.logo{
	  
	}

.logo>a>img{
	margin-left:auto;
	margin-right:auto;
	}

.searchlink {
  display: block;
  position: relative;
 font-size: 25px;
  cursor: pointer;
  text-align: center;
    padding: 7px 0px 7px 0px;
	color:#fff;
	background-color:#9f8d5f;
}
.searchlink:hover, .searchlink.open {
  color: #bababa;
  background: #3a3a3a;
}

.searchlink.open > .searchform {
  display: block;
}


/** search field **/
.searchform {
  display: none;
  position: absolute;
  right: 0;
  cursor: default;
  z-index:9999;
}

.searchlink.open .searchform {
  display: block;
}

#search {
  display: block;
  position: relative;
}

#s {
  width: 270px;
  background: #272727;
  padding: 5px 8px;
  font-size:14px;
  border: 0;
  color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline:none;
}


.h_text{
	font-family:'Sanseriffic-Regular';
	color:#000;
	text-align:center;
	}
	
.cb_bg{}

.cb_bg>img{
	margin-left:auto;
	margin-right:auto;
	}
	
.text1{
	font-family:'Calibri-Regular';
	color:#000;
	}
	
.border{
	background: #fff;
    border: 2px solid #e5e5e5;
	transition: all 0.5s ease-in-out 0s;
	border-radius:5px;
	padding:10px;
	margin:10px;
	}
	
.border>a>img{
	margin-left:auto;
	margin-right:auto;
	}
	
.pname {
   font-family:'Calibri-Regular';
    color: #666;
    line-height: 20px;
	    font-size: 12px;
}

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

.prddetails{
	margin-top:5px;
	}

.prddetails a {
    background: #9f8d5f;
    padding: 4px 10px 4px 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
	font-family:'Calibri-Regular';
	font-size:12px;
	border-radius:4px;
	}
	
.prddetails a:hover {
	background:#000;
	color:#fff !important;
		transition: all 0.5s ease-in-out;
	}
	
.c_img{}

.c_img>a>img{
	-webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	}
	
.c_img>a>img:hover{
	 -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
	}
	
.bg_color3{
	background-color:#03031f;
	-webkit-box-shadow:0px -15px 50px -1px rgba(0,0,0,0.9);
-moz-box-shadow: 0px -15px 50px -1px rgba(0,0,0,0.9);
box-shadow:0px 15px 50px -1px rgba(0,0,0,0.9);
padding: 10px;
    margin-top: 20px;
	}
	
.h_text2{
	font-family:'Sanseriffic-Regular';	
    color: #fff;
	}
	
.text2{
	color:#fff;
	font-family:'Calibri-Regular';
	}		


.SigInput {
background:#121220; 
display:block;
width:100%;
padding:0px 5px;
height:28px;
font-size:12px; 
color:#fff;
font-family:'Calibri-Regular';
    border: none;
	outline:none;
}
.SigBtn { 
float:right; 
margin-top:5px;
background:#9f8d5f; 
padding:5px 10px;
color:#fff; 
font-size:14px;
transition: all 0.5s ease-in-out 0s;
font-family:'Calibri-Regular';
font-weight:400;
border: none;
}
.SigBtn:hover {
	color:#fff; 
background:#000; 
cursor:pointer;
}

.marquee{
	color:#fff;
	font-family:'Calibri-Regular';
	}

.line{
	height:1px;
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(147,147,147,1) 50%,rgba(0,0,0,0) 100%);
	margin-top:10px;
	}		
	
	
.f_link{
	font-family:'Calibri-Regular';
	color:#979da0;
	font-size:12px;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	letter-spacing:0.5px;
	}
	
.f_link>a{
	color:#fff;
	text-transform:uppercase;
	}	
	
.f_link>a:hover{
	text-decoration:underline;
	}					

.box3{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-top: 15px;
	}
	
.box3>a>img{
	margin-left:auto;
	margin-right:auto;
	    padding: 10px;
	}
	
.box4{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
	 margin-top: 5px;
	}
	
				
/*==================================================
=            detaile page   style                =
==================================================*/

	.Pagination { 
	clear:both; 
	margin-bottom:10px;
	}
	
	.Pagination a {
	background:#f3f3f3; 
	padding:3px 6px; 
	font-size:14px; 
	font-family:'robotomedium'; 
	text-decoration:none; 
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px; 
	-khtml-border-radius:3px; 
	color:#000 !important;
	}
	
	.Pagination a:hover, .Pagination a.paging_act {
	background:#2B1C13;
	color:#fff !important;
	}

	.ProDetailsCon { 
	float:left; 
	padding:15px; 
	margin-left:0px; 
	padding-right:0px;
	width:100%;
	}
	
	.ProDetailsCon h1 { 
	color:#000; 
	font-size:18px;
	font-family: 'oswaldmedium'; 
	font-weight:normal; 
	text-transform:uppercase;
	}
	
	.DetailArt {
	border:1px solid #fff;
	padding:7px 5px; 
	font-size:12px; 
	color:#000;
	font-size:14px; 
	font-family: 'oswaldmedium';
	margin:8px 0 10px; 
	box-shadow:0px 0px 2px #000; 
	}
	
	.DetailArt span { 
	color:#000;
	}
	
	.DetailsCon {
	border:1px solid #fff; 
	padding:7px 5px; 
	min-height:100px;
	margin-bottom:10px; 
	color:#333;
	box-shadow:0px 0px 2px #000;
	font-family: 'oswaldmedium';
	}
	
	.DetailsCon span {
	color:#000; 
	font-size:16px; 
	font-family: 'oswaldmedium';
	}
	
	
	.ProdOpt { 
	border:1px solid #fff;
	padding:7px 5px;
	margin-bottom:8px; 
	box-shadow:0px 0px 2px #000;
	}
	
	.ProdOpt span {
	width:100px; 
	font-size:14px; 
	font-family: 'oswaldmedium'; 
	color:#000; 
	display:inline-block;
	}
	
	.ProdOpt select {
	border:1px solid #ccc;
	padding:2px; 
	color:#666;
	background:#f7f7f7;
	}
	
	.ProdOpt input {
	border:1px solid #ccc;
	width:50px; 
	padding:2px;
	color:#666;
	background:#f7f7f7;
	}
	
	.Button { 
	background:#fff; 
	padding:8px 10px; 
	color:#000; 
	transition: 
	all 0.5s ease-in-out 0s; 
	font-family: 'oswaldmedium';
	font-size:14px; 
	text-transform:uppercase;  
	margin:8px 0 10px 0px;
	box-shadow:0px 0px 2px #000;
	border: 1px solid;
	}
	
	.Button:hover { 
	background:#2B1C13; 
	cursor:pointer; 
	color:#fff; 
	}
	
		
	
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

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


@media only screen and (max-width: 480px) {
	
	
	
	}				

					


.item-name{
	min-height: 250px;
	background-size: cover;
	background-position: center;
	border: 5px solid #00000033;
	margin-bottom: 25px;
	background-size: 100%;
	transition: all 0.3s ease-out;
	position: relative;
}
.item-name:hover{
	background-size: 108%;
	transform: rotate(-1deg);
	transition: all .3s ease-out;
}
.item-name a{
	display: block;
	background: #03031d;
	color: white;
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0px;
	padding: 10px 0px;
	transition: all 0.3s ease-in-out;
}
.item-name:hover a{
	bottom: 43%;
	background: #9f8d5f;
}
.categoriesdf{
	clear: both;
	float: none;
	position: relative;
	overflow: hidden;
}