@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
.main_bg{ background:#000 url(../images/main_bg.jpg) center top no-repeat;}
.top_text{font-family: 'Open Sans', sans-serif; font-size:14px; color:#fff; padding:20px 0;}
.top_text a{ color:#fff;}
.top_text a:hover{ color:#7b7b7b; text-decoration:underline;}

.top_icon{font-family: 'Open Sans', sans-serif; font-size:14px; color:#fff; padding:20px 0;}
.top_icon a{ color:#fff; padding:0 15px;}
.top_icon a:hover{ color:#7b7b7b; text-decoration:none;}
.height{ height:900px;}

.nav_btns{ padding-top:70px;}
.nav_btns a{ font-size:14px; font-weight:600; color:#fff; padding:0 5px;}
.nav_btns a:hover{ color:#d0181f;}

.nav_bar{ padding-top:50px;}
.top_bar{ position:absolute; z-index:999; width:100%;}
.logo{
    text-align: center;
    padding: 40px 0;
}

.middle_bg{ background:#000; padding:30px 0;}
.cat_img{ padding-bottom:30px;}
.cat_name1{font-family: 'Open Sans', sans-serif; font-size:24px; color:#fff; font-weight:700; text-transform:uppercase; padding-top:20px; padding-bottom:10px;}
.cat_detail{font-family: 'Open Sans', sans-serif; font-size:14px; color:#8c8c8c; padding-bottom:20px;}
.cat_btn a{font-family: 'Open Sans', sans-serif; font-size:14px; color:white; background:#d70302; padding:10px 20px; border-radius:10px;}
.cat_btn a:hover{ background:#CCC; text-decoration:none; color:black;}

.products_bg{ background:#000;}
.products_heading{font-family: 'Open Sans', sans-serif; font-size:30px; color:#fff; font-weight:700; text-transform:uppercase; padding:20px 0; background:url(../images/line.jpg) center bottom no-repeat; margin-bottom:20px; text-align:center;}

.mian_cate{padding-bottom:10px;}
.mian_cate .cat_pic{position:relative; overflow:hidden;}
.mian_cate .cat_pic img{width:100%; transition:all 0.4s ease-out;}
.mian_cate:hover .cat_pic img{transform:scale(1.1)}
.mian_cate .cat_pic .cat_name{position:absolute; bottom:-50%; right:0px; left:0px; text-align:center; background:#e54444; transition:all 0.4s ease-out;}
.mian_cate .cat_pic .cat_name h3{font-family: 'Poppins', sans-serif;font-size:20px; font-weight:700; color:#fff; text-transform:uppercase;}
.mian_cate:hover .cat_pic .cat_name{bottom:0px;}

.h1, .h1, h2, .h2, h3, .h3{ margin-top:10px !important;}

.p_name{font-family: 'Open Sans', sans-serif; font-size:15px; color:#fff; padding-bottom:20px;}
.p_art{font-family: 'Open Sans', sans-serif; font-size:15px; color:#fff; padding-bottom:20px;text-align:right;}

.p_name2{font-family: 'Open Sans', sans-serif; font-size:13px; color:#000; padding-bottom:20px;}
.p_art3{font-family: 'Open Sans', sans-serif; font-size:13px; color:#000; padding-bottom:20px; text-align:right;}

.footer_bg{ background:#181818;}
.footer_logo{ text-align:center; padding:20px 0;}
.footer_text{font-family: 'Open Sans', sans-serif; font-size:14px; color:#8c8c8c; padding-bottom:20px; text-align:center;}
.footer_icon{font-family: 'Open Sans', sans-serif; font-size:14px; color:#fff; padding:20px 0; text-align:center;}
.footer_icon a{ color:#fff; padding:0 15px;}
.footer_icon a:hover{ color:#7b7b7b; text-decoration:none;}

.footer_bar{ border-top:solid 1px #8c8c8c; text-align:center;}
.footer_t{ color:#8c8c8c !important;}

.copy_bg{ background:#b70409;}
.copy_text{font-family: 'Open Sans', sans-serif; font-size:14px; color:#fff; font-weight:600; padding:15px 0;}
.copy_text a{ text-decoration:underline; color:#fff;}
.copy_text a:hover{ color:#000;}

.header_bg{ background:#181818;}
.header_bar{ position:absolute; z-index:999; width:100%;}


.baskets{padding:10px 20px 10px 20px; background:#222; border:1px #222 solid; border-radius:0; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets:hover{padding:10px 20px 10px 20px; background:#b70409; border:1px #b70409 solid; border-radius:0; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets a{padding:10px 20px 10px 20px; background:#222; border:1px #222 solid; border-radius:0; color:#fff; text-decoration:none; margin-bottom:20px;}
.baskets a:hover{padding:10px 20px 10px 20px; background:#b70409; border:1px #b70409 solid; border-radius:0; color:#fff; text-decoration:none; margin-bottom:20px;}

.padding{ padding-left:0px !important; padding-right:0px !important;}
.menu_name{ font-family: 'Open Sans', sans-serif; padding:10px 0 10px 15px; text-align:left; border-bottom:solid 1px #333; display:block; text-transform:capitalize;}
.menu_name a{ font-family: 'Open Sans', sans-serif; color:#fff; display:block;}
.menu_name a:hover{ color:#ef4136; text-decoration:none; display:block;}
.menu_name i{ font-size:14px;}

.sub_banner{ text-align:center;}
.left_menu_main a{ background:none; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:500; color:#000; text-transform:uppercase; display:block;padding:6px 10px; transition:all 0.3s; margin-bottom:5px; border-radius:5px; border-bottom:solid 1px #000;}
.left_menu_main a:hover{ background:none; text-decoration:none; transition:all 0.3s; padding-left:20px; color:#b70409;}

.left_sub_menu a{ background:none; font-family:Myriad Pro; font-size:14px; color:#000; display:block; padding:5px 12px;  transition:all 0.3s; margin-bottom:2px; border-radius:5px;}
.left_sub_menu a:hover{ background:#b70409; text-decoration:none; padding-left:15px; transition:all 0.3s;}
.content_head{font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:700; color:#000; font-weight:normal; padding:12px 0; border-bottom:solid 1px #080808; margin-bottom:20px; text-transform:uppercase;}
.content_text{ font-family: 'Open Sans', sans-serif; font-size:15px; color:#000; padding-bottom:20px;}

.detail_box{ background:#FFF; padding:20px; text-align:center; border:solid 1px #000000;}
.d_name{ font-family:'Roboto', sans-serif; font-size:22px; color:#b70409; font-weight:700;}
.d_art{ font-family:'Roboto', sans-serif; font-size:16px; color:#000; font-weight:700; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf; margin-bottom:15px;}
.d_detail{ font-family:'Roboto', sans-serif; font-size:14px; color:#000; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf;}
.d_qty{ font-family:'Roboto', sans-serif; font-size:22px; color:#b70409; font-weight:700; padding:15px 0; border-bottom:solid 1px #dfdfdf; margin-bottom:20px;}

.paging_con{ margin-bottom:20px;}




@media (max-width:768px){
	.top_text{ text-align:center; padding:5px 0 0 0;}
	.top_icon{ text-align:center; padding:5px 0 0 0;}
	.height{ height:400px;}
	.top_bar{ position:relative;}
	.logo{ text-align:center; padding-bottom:10px;}
	.nav_btns{ text-align:center; padding:10px 0;}
	.nav_bar{ padding-top:0px;}
	.cat_img{ text-align:center;}
	.cat_name{ text-align:center;}
	.cat_detail{ text-align:center;}
	.cat_btn{ text-align:center; margin-bottom:20px;}
	.p_name{ text-align:center; padding-bottom:5px;}
	.p_art{ text-align:center; padding:0 0 20px 0;}
	.header_bar{position:relative; background:#181818;}
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #d70302;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

.mg-image img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
    max-width: 100%;
	overflow:hidden;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
	 overflow:hidden;
}
.mg-image {
  overflow: auto;
  overflow:hidden;
}

.paging{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-valign:center;
	text-decoration:none;
	background:#000;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:25px;
	height:25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #000;
}
.paging:hover{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-valign:center;
	text-decoration:none;
	background:#d70302;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:25px;
	height:25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #d70302;
}
.paging_act{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#d70302;
	color:#fff;
	text-valign:center;
	text-decoration:none;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:35px;
	height:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #d70302;
}
.paging_act:hover{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#d70302;
	color:#fff;
	text-valign:center;
	text-decoration:none;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:35px;
	height:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #d70302;
}

.menu_sub_cat{ font-family:Arial; font-size:13px; color:#505050; text-transform:capitalize;}
.menu_sub_cat a{ font-family:Arial; font-size:13px; color:#505050; text-transform:capitalize; display:block; padding-bottom:5px; transition:all 0.3s;}
.menu_sub_cat a:hover{ text-decoration:underline; color:#d63138; padding-left:8px; transition:all 0.3s;}