@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900');

@import url('https://fonts.googleapis.com/css?family=Abel');

.top_bg{ background:#0e0d0d;}

.top_text{ font-family: 'Raleway', sans-serif; font-size:16px; color:white; padding:10px 0;}

.top_text2{ font-family: 'Raleway', sans-serif; font-size:16px; color:white; padding:10px 0; text-align:right;}

.top_bar{ position:absolute; z-index:999; width:100%;}

.logo{ padding:15px 0;}

.search_bar{ padding:30px 0;}

.form-control{border-radius:0px !important; height:44px !important;}

.btn{border-radius:0px !important; padding:11px 12px !important;}

.basket{ text-align:left; padding:30px 0;}

.nav_bar{ background:#0e0d0d; border-radius:5px;}

.cat_head{ font-family: 'Abel', sans-serif; font-size:36px; color:#0e0d0d; text-align:center; padding:15px 0;}

.cat_name{font-family: 'Abel', sans-serif; font-size:20px; color:#0e0d0d; text-align:center; padding:10px 0 20px 0;}



.featured_bg{ background:#f5f5f5; border-top:solid 1px #e3e3e3;}
.p_img{ max-height:300px; min-height:300px; line-height:300px;}
.p_box{ background:#FFF; border:solid 1px #b0b0b0; padding:15px; margin:0 10px; margin-bottom:20px;}

.p_box2{ background:#FFF; border:solid 1px #b0b0b0; padding:15px;margin-bottom:20px;}

.p_name{ color:#0e0d0d; font-family: 'Abel', sans-serif; font-size:16px; text-align:center;}

.p_art{ color:#0e0d0d; font-family: 'Abel', sans-serif; font-size:15px; padding-bottom:10px; text-align:center;}

.p_btn{ color:#0e0d0d; font-family: 'Abel', sans-serif; font-size:15px; text-align:center;}

.p_btn a{ background:#0e0d0d; color:#fff; font-family: 'Abel', sans-serif; font-size:15px; padding:8px 12px; text-decoration:none;}

.p_btn a:hover{ background:#d00013; color:#fff; text-decoration:none;}



.letter-bg{ background:url(../images/letter-bg.jpg) center top no-repeat; margin:30px 0; border-radius:20px;}

.letter_heading{ font-family: 'Abel', sans-serif; font-size:45px; color:#fff; text-align:center; padding:30px 0 0 0;}

.letter-icon{ font-size:72px; color:#fff; text-align:center;}

.leeter-text{ font-family: 'Abel', sans-serif; font-size:20px; color:#fff; text-align:center; padding:20px 0; text-transform:uppercase;}

.news-letter{ padding:20px 0 30px 0;}

.letter-btn{ font-family: 'Abel', sans-serif; font-size:14px; color:#fff; text-transform:uppercase; background:#0e0d0d;}



.footer_bg{ background:#262626;}

.footer_head{ font-family: 'Abel', sans-serif; font-size:26px; color:#fff; text-transform:uppercase; padding:20px 0 15px 0;}



.footer{ font-family: 'Abel', sans-serif; font-size:16px; color:#fff; text-decoration:none; padding-bottom:20px;}

.footer li a{font-family: 'Abel', sans-serif; font-size:16px; color:#fff; text-decoration:none; display:block; padding-bottom:6px;  transition:all 0.3s;}

.footer li a:hover{font-family: 'Abel', sans-serif; font-size:16px; color:#d00013; text-decoration:underline; display:block; transition:all 0.3s; padding-left:15px;}



.copy_bg{ background:#0e0d0d;}

.copy_text{ font-family: 'Abel', sans-serif; font-size:16px; color:#fff; text-align:center; padding-top:25px;}

.copy_text2{ font-family: 'Abel', sans-serif; font-size:16px; color:#fff; text-align:center; padding-bottom:25px;}

.copy_text2 a{ text-decoration:underline; color:white;}

.copy_text2 a:hover{ color:#d00013;}



.content_head{font-family:Myriad Pro; font-size:28px; color:#080808; font-weight:bold; text-transform:uppercase; padding:12px 0; border-bottom:solid 1px #080808; margin-bottom:20px;}

.content_text{ font-family:Myriad Pro; font-size:13px; color:#717171; padding-bottom:20px;}



.left_menu_main a{ background:#000; font-family:Myriad Pro; font-size:14px; color:#fff; text-transform:uppercase; padding:8px 0 8px 8px; display:block; margin-bottom:8px; transition:all 0.3s;}

.left_menu_main a:hover{ background:#ec3237; color:#fff; text-decoration:none; transition:all 0.3s; text-decoration:none;}



.left_sub_menu{ margin-bottom:6px;}

.left_sub_menu a{ font-family:Myriad Pro; font-size:14px; color:#333; border-bottom:solid 1px #333; padding:5px 0; display:block; transition:all 0.3s;}

.left_sub_menu a:hover{ color:#ec3237; text-decoration:none; transition:all 0.3s; padding-left:10px;}



.baskets{padding:10px 20px 10px 20px; background:#000; border:1px #000 solid; border-radius:0; color:#fff; text-decoration:none;}

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

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

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



.paging_con{ padding-bottom:20px;}



.d_name{ font-family: 'Titillium Web', sans-serif; font-size:22px; color:#0f0f0f; font-weight:700;}

.d_art{ font-family: 'Titillium Web', sans-serif; font-size:16px; color:#ec3237; font-weight:700; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf; margin-bottom:15px;}

.d_detail{ font-family: 'Titillium Web', sans-serif; font-size:14px; color:#999; padding:5px 0 15px 0; border-bottom:solid 1px #dfdfdf;}

.d_qty{ font-family: 'Titillium Web', sans-serif; font-size:22px; color:#0f0f0f; font-weight:700; padding:15px 0; border-bottom:solid 1px #dfdfdf; margin-bottom:20px;}

.social_footer{ text-align:center; margin:20px 0;}
.social_footer a{ font-size:18px; color:white; padding:15px; margin:0 10px; background:black;}
.social_footer a:hover{ background:red;}

.d_head{font-family: 'Titillium Web', sans-serif; font-size:22px; color:#0f0f0f; font-weight:700; padding:15px 0;}





@media (max-width:768px){

	.top_text{ text-align:center;}

	.top_text2{ text-align:center;}

	.logo{ text-align:center;}

	.top_bar{ position:relative; background:#0c0c0c;}

	.search_bar{ padding:10px 0;}

	.basket{ text-align:center; padding:10px 0;}

}

/* Bounce To Top */

.hvr-bounce-to-top {

  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;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

}

.hvr-bounce-to-top:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #d00013;

  -webkit-transform: scaleY(0);

  transform: scaleY(0);

  -webkit-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}

.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {

  color: white;

}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {

  -webkit-transform: scaleY(1);

  transform: scaleY(1);

  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

}



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

}



 .form-control:active, 

 .form-control:focus 

 {

      outline-width: 0;

     

  }

.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:#d00013;

	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 #d00013;

}

.paging_act{

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

	background-color:#d00013;

	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 #d00013;

}

.paging_act:hover{

	font-family:Arial;

	font-size:11px;

	font-weight:bold;

	background-color:#d00013;

	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 #d00013;

}