@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

@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");


.mmenu{
	display:none;
	}

.top_color{ background:url(../images/topbg.png) repeat-x #333230; width:100%; min-height:126px;

	}
.socialfooter { margin-top:100px;}
.socialfooter a { transition: all 0.5s ease-in-out 0s;}
.socialfooter a:hover { opacity:0.5;}
.email_t a { color:#1f1f1f; font-size:12px;}

.borderlinetop { background:#d30303; width:100%; height:1px; float:left; margin-top:5px;}

.TopMenu { 
margin:0px; 
padding:0px 0 0; text-align:right;
}
.TopMenu li { 
list-style:none;
 display:inline-block; border-right:1px solid #666666; line-height:10px;
  }
.TopMenu li a { 
 text-decoration:none;
  color:#333; 
  font-size:12px; 
   padding:5px 17px; 
    transition: all 0.5s ease-in-out 0s;
	}
.TopMenu li a:hover { 
 color:#e5091c;
}	

.text1{
	font-family:'bebas_neueregular';
	color:#fff;
	    margin-top: 5px;
	}

h2.h_cat { font-family: 'Oswald', sans-serif; font-weight:700; text-align:center; background:url(../images/catlines.png) top center no-repeat; color:#fc3c2a; text-transform:uppercase; font-size:26px; line-height:44px;}

.catsmain a {transition: all 0.5s ease-in-out 0s;}
.catsmain a:hover { opacity:0.5;}
.Search { 
background:#222; 
height:40px; margin:26px 0px;
border-radius:4px;
border:1px solid #2e2e2e;
}
.SearchInput { 
background:#111111; 
height:38px; 
padding:0px 5px;
font-size:12px;
color:#ccc; 
font-family: 'Open Sans', sans-serif; font-weight:400;
float:left;
box-shadow:none;
border:none;
outline:none; width:220px;
}
.SearchBtn {
background:url(../images/search.png) center no-repeat;
width:35px;
height:38px;
float:right;
border:none;
opacity:0.5; 
transition: all 0.5s ease-in-out 0s;
}
.SearchBtn:hover { 
cursor:pointer;
opacity:1;
}

.logo{ margin-top:5px;}

.logo>a>img{ display:inline-block}
	
.cart_btn{
	/* background-color: #cb3747;*/
	margin:35px 0;
	float:right;
	}
	
.cart_btn>i{
	color:#e8e8e8;
	font-size: 20px !important;
	}

.cart_btn>a{
	text-decoration:none;
	font-family: 'Open Sans', sans-serif; font-weight:600; text-transform:uppercase;
	color:#e8e8e8;
	font-size:12px;
	}
.cart_btn>a:hover { color:#ce0303;}	

.c_img{
	  overflow: hidden;
	  margin-top:-100px; position:relative; z-index:9999999;
	}
	
.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;
	}
	
.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);
	}
	
	.p_box{
	border:1px solid #e5e5e5;
	padding:10px;
	height:330px; margin-bottom:22px;
	}
	
.p_box:hover{
box-shadow: 2px 2px 10px 2px rgba(119, 119, 119, 0.5);
-moz-box-shadow: 2px 2px 10px 2px rgba(119, 119, 119, 0.5);
-webkit-box-shadow: 2px 2px 10px 2px rgba(119, 119, 119, 0.5);
	}	
	
.p_box>a>img{
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px 10px 0px;
	}
	
.art_name{
	color:#434343;
	font-size:14px; text-align:center;
	}
	
.art_num{
    color: #434343;
    line-height: 30px;
    font-size: 12px; text-align:center;
	}
	
.p_btn{
      text-align: center;
  font-family:'Poppins-Regular';
   border:none;
    
	}
	
.p_btn>a{
	text-decoration: none;
	font-size: 12px;
	  color: #434343;
	   padding:4px 13px; border:1px solid #434343; border-radius:18px;
	}

.p_btn>a:hover { background:#fc3c2a; color:#fff; border:1px solid #fff;}

.footerbg { width:100%; min-height:290px; margin-top:100px;}
.footerbgbottom { width:100%; min-height:100px; margin-top:25px; border-top:1px solid #fff;}
.h_text1{
	color:#ce0303;
	font-family: 'Oswald', sans-serif; font-weight:400; font-size:18px; text-align:center;
	}


.h_text7 { color:#1f1f1f; font-family: 'Oswald', sans-serif; font-size:18px; text-transform:uppercase; border-bottom:1px solid #f00; line-height:30px;
 margin-left:25px;}
.text2{
	color:#fff; line-height:20px;
	font-size:12px; padding:10px;
	}
	
.h_text2{
	color:#1f1f1f;
	font-family: 'Oswald', sans-serif; font-size:22px; margin-bottom:20px;
	text-transform:uppercase; margin-left:15px;
	}
	
.SGNBG { background:url(../images/SGNBG.jpg) top center no-repeat; width:100%; height:408px;}	

.socialbg { background:#f4f4f4; width:100%; min-height:60px; margin-top:15px;}
.socialbox { margin-top:5px;}
.socialbox a { transition: all 0.5s ease-in-out 0s;}
.socialbox a:hover { opacity:0.5;}
.colorline { margin-top:15px; margin-bottom:15px;}
.SoicalBox a { margin-left:15px;}
.SoicalBox a:hover { opacity:0.5;}
.aboutBG { background:#a09f9f; width:100%; min-height:150px; }

	
.f_color{
	background-color:#1c1c1c;
	margin-top:20px;
	}	
	
.h_text3{
	text-align:left;
	color:#fff; font-weight:bold;
	 text-transform:uppercase; font-size:18px; line-height:70px;
	}	
	
.h_text3>span{
	}

	.right2{
	text-decoration:none;
	font-size: 12px;
	color: #fff !important;
	transition: 0.3s ease-in-out 0s;
	line-height:25px;
	}

.right2:hover{
	color:#da516b !important;
    text-decoration:none;
	padding-left:15px;
}

.text3{
	text-align:right;
	color:#fff;
	font-size:12px; line-height:100px;
	}


.socialBGmain { background:url(../images/socialBGmain.png) top center no-repeat; width:100%; min-height:349px; position:relative;}

.similar-pro {
	text-align: center;
	font-weight: bold;
}
.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: #f7f7f7;
	padding: 20px;
	margin-bottom: 18px;
	min-height: 260px;
	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;
}

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

.brand-name {
	display: block;
}

.InnerText {
	   width:100%; 
	   text-shadow:0px 2px 2px rgba(0,0,0,0.5);
	   }
	   
.InnerText>h2{
	text-align:left;
	color:#fff;
	font-family:'Dosis-Regular';
	font-size:50px;
	margin:0px;
	}
	
.InnerText>h3{
	text-align:left;
	color:#fff;
	font-family:'Dosis-Regular';
	    font-size:38px;
    font-weight: bold;
	margin:0px;
	}	
	
.InnerText>h3>span{
	color:#ea0006;
	}	
	

.marquee{
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
	}
	
.border_line{
	border-right:1px solid #ccc;
	}
	
.text4{
	color:#fff;
	font-size:12px; line-height:30px;
	}
	
.text4>i{
	color:#fff !important;
	}

.bootomfooter { background:#333; width:100%; min-height:515px;  margin-top:-100px;}

.SigInput {
background: none; 
display:block;
width:50%;
padding:0px 5px;
height:50px;
font-size:12px; 
color:#fff;
border: none;

	 
    border: 2px solid #fff;
    vertical-align: top; margin-top:200px; box-shadow:none;
		 
}
.SigBtn { 
background:#fc3c2a; 
padding:0px 8px !important;
height:30px;
color:#fff; 
font-size:14px;
text-transform:uppercase; 
transition: all 0.5s ease-in-out 0s;
font-weight:400;
border: none;
    vertical-align: top; margin-top:20px;
}
.SigBtn:hover {
background:#fff; 
cursor:pointer; color:#fc3c2a;
}

.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;
	}

.borderline { background:#0c0c0c; width:100%; height:auto;}

.f_link{
	color:#fff;
	font-size:12px;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	letter-spacing:0.5px;
	}
	
.f_link>a{
	color:#ce0303;
	}	
.bottomtext {}
.bottomtext h2 { font-family: 'Oswald', sans-serif; color:#fff;}
.bottomtext h3 { color:#fff; font-size:14px; line-height:0px;}
.bottomtext p { color:#fff; line-height:0px;}
.f_link>a:hover{
	text-decoration:underline;
	}															
		
.CopyRights { line-height:50px;}				
/*==================================================
=            detaile page   style                =
==================================================*/

	.Pagination { 
	clear:both; 
	margin-bottom:10px;
	}
	
	.Pagination a {
	background:#f3f3f3; 
	padding:3px 6px; 
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif; 
	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:#fc3c2a;
	color:#fff !important;
	}

	.ProDetailsCon { 
	float:left; 
	padding:15px; 
	margin-left:0px; 
	padding-right:0px;
	width:100%;
	}
	
	.ProDetailsCon h1 { 
	color:#fc3c2a; 
	font-size:22px;
	font-family: 'Oswald', sans-serif; 
	font-weight:normal; 
	text-transform:uppercase;
	}
	
	.DetailArt {
	padding:7px 5px; 
	font-size:12px; 
	color:#000;
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	margin:8px 0 10px; 
	}
	
	.DetailArt span { 
	color:#000;
	}
	
	.DetailsCon {
	padding:7px 5px; 
	min-height:100px;
	margin-bottom:10px; 
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.DetailsCon span {
	color:#000; 
	font-size:16px; 
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
	.ProdOpt { 
	padding:7px 5px;
	margin-bottom:8px; 
	}
	
	.ProdOpt span {
	width:100px; 
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif; 
	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:#fc3c2a; 
	padding:8px 10px; 
	color:#fff; 
	transition:all 0.5s ease-in-out 0s; 
	font-size:14px; 
	text-transform:uppercase;  
	margin:8px 0 10px 0px;
	box-shadow:0px 0px 2px #fc3c2a;
	border: 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	}
	
	.Button:hover { 
	background:#0d0d0d ; 
	cursor:pointer; 
	color:#fff; 
	}

.box1 { border:1px solid #1f1f1f;}
		
	
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

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


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

.logo { text-align:center; margin-top:50px;}	
.text1{ text-align:right;}
.SearchInput { width:81%;} 
.cart_btn { text-align:center; margin:0 0 26px; float:none;}
.h_text7 { text-align:center;}
.c_img { margin-top:5px;}	
.socialfooter { margin-top:0px;}
}