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

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

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

@font-face {
	font-family: 'Tahoma';
	src: url('../fonts/Tahoma.eot');
	src: url('../fonts/Tahoma.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Tahoma.woff') format('woff'),
		url('../fonts/Tahoma.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


.top_bg{
	background:url(../images/top_bg.jpg) no-repeat center top;
	}

.top_phone{
	font-family: 'Tahoma';
	text-align:center;
	}
	
.top_phone>h3{
	color:#ffc600;
	margin:10px 0px 10px 0px;
	}	
	
.top_phone>span{
	color:#666666;
	}	

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

.bg_color1{
	background-color:#ffc600;
	}
	
.Search { 
background:#f1f1f1; 
box-shadow:1px 1px 1px rgba(0,0,0,0.5) inset;
clear:both; 
width:100%;
height:30px;
float: right;
border-radius: 5px;
    margin-top: 10px;
}
.SearchInput { 
background:none; 
height:30px; 
padding:0px 5px;
font-size:12px;
color:#333; 
font-family: 'Tahoma';
float:left;
width:200px;
box-shadow:none;
border:none;
outline:none;
}
.SearchBtn {
background:url(../images/search.png) center no-repeat;
width:35px;
height:30px;
float:right;
border:none;
opacity:0.5; 
transition: all 0.5s ease-in-out 0s;
}
.SearchBtn:hover { 
cursor:pointer;
opacity:1;
}

.h_text{
		color:#272726;
		font-family: 'Tahoma';
		font-size:30px;
		text-transform:uppercase;
		text-align:center;
		margin-top:20px;
		}

.h_boder{
		border-bottom:1px solid #a8a8a8;
		margin-top:30px;
		}	
		
	.h_boder2{
		border-bottom:1px solid #a8a8a8;
		margin-top:5px;
		}
		
	.r_m{}	

.border{
	background: #fff;
    border: 2px solid #e5e5e5;
	transition: all 0.5s ease-in-out 0s;
        margin-top: 10px;
	}
	
.border:hover{
    border: 2px solid #ffc600;
	}
	
.border>a>img{
	margin-left:auto;
	margin-right:auto;
	  margin-top: 10px;
  margin-bottom: 10px;
	}
	
.pname {
    font-family: 'Tahoma';
    color: #1f1f1f;
    line-height: 20px;
}

.artdetail {
    font-family: 'Tahoma';
    color: #1f1f1f;
    line-height: 20px;
}

.prddetails a {
    background: #ffc600;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    margin-top: 10px;
	transition: all 0.5s ease-in-out 0s;
	}
	
.prddetails a:hover {
	background:#000;
	}
	
.m_top{
	margin-top:40px;
	}


.bg_color3{
	background-color:#ffc600;
	padding:10px;
	height:188px;
	}	
	
.h_text2{
	color:#fff;
	font-size:16px;
	font-family: 'Tahoma';
	text-transform:uppercase;
	margin-top: -1px;
	}
	
.h_text2>strong{
	color:#000;
	}	
	
.text1{
	color:#fff;
	}	
	
.btn-default{
	color:#000;
	background-color:#fff;
	}	
	
	.btn-default:hover{
	color:#fff;
	background-color:#000;
	}
	
.bg_color4{
	background-color:#353535;
    margin-top: 10px;
	}	
	
.h_text3{
	color:#cccccc;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
	font-family: 'Tahoma';
	}
		

.footermenu{
	margin-left:-38px;
	}
	
.footermenu>ul>li>a{
	background-image:url(../images/tik.jpg);
		background-repeat:no-repeat;
  line-height:30px;
  padding: 0px 20px;
  text-decoration:none;
  color:#cccccc;
}			  	   			

.footermenu>ul>li>a:hover{
	  background: #3f4c58;
  border: 1px solid #45525f;
  padding: 6px 25px !important;
  color: #ffffff;
  -webkit-transition: 0.3s ease-in-out 0s;
  transition: 0.3s ease-in-out 0s;
	}	
	
	.f_text{
        text-align: center;
		color:#fff;
		 font-size:12px;
		 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 5px 0px; 
		}
		
	.f_text>a{
		color:#fff;
		text-decoration:none;
		}	
		
	.text2{
		color:#cccccc;
		}
		
	.follow{
		color:#595959;
		font-size:16px;
		font-family: 'Tahoma';
		text-transform:uppercase;
		text-align:center;
		}

.form-group{
    display:inline-block;
    margin-bottom: 10px;
}
				
/*==================================================
=            detaile page   style                =
==================================================*/

	.Pagination { 
	clear:both; 
	margin-bottom:10px;
	}
	
	.Pagination a {
	background:#f3f3f3; 
	padding:3px 6px; 
	font-size:14px; 
	font-family: 'Tahoma'; 
	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: 'Tahoma'; 
	font-weight:normal; 
	text-transform:uppercase;
	}
	
	.DetailArt {
	border:1px solid #fff;
	padding:7px 5px; 
	font-size:12px; 
	color:#000;
	font-size:14px; 
	font-family: 'Tahoma';
	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: 'Tahoma';
	}
	
	.DetailsCon span {
	color:#000; 
	font-size:16px; 
	font-family: 'Tahoma';
	}
	
	
	.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: 'Tahoma'; 
	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: 'Tahoma';
	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) {
	
    .top_bg{
        background: none;
    }
	
	}