html,
body {
  height: 100%;
  width: 100%;
 font-family: 'Exo 2', sans-serif;
background:#dfdfdf
}

ul, ol { list-style-position: inside; padding: 0;}
.wrapper { margin:0px; padding:0px;}
.pd30 { padding:30px 0;}

.header {position: relative; z-index: 250;}
.top_row { background-color: #dbdbdb; color:#212222; font-size:12px; text-transform:uppercase; line-height:14px; z-index: 10; padding:10px 0;}
.top_row .left_link ul { margin:0px; padding:0px;}
.top_row .left_link li { margin:0px; padding:0 10px; list-style:none; float:left; border-right:1px solid #212222;}
.top_row .left_link li:last-child { border-right:none;}
.top_row .right_link { margin:0; padding:0px; text-align:right; text-align:right}
.top_row .right_link ul { margin:0px; padding:0px; float:right;}
.top_row .right_link li { margin:0px; padding:0 10px; list-style:none; float:left; border-right:1px solid #212222;  position:relative;}
.top_row .right_link li:last-child { border-right:none;}
.top_row .right_link li.cart_icon:before { content:""; position:absolute; width:19px; height:30px; left:-4px; top:-3px; background:url(../images/cart_icon.png) no-repeat 0 0px; }
.top_row a { color:#212222;padding:4px}
.top_row a:hover { color:#b61818; text-decoration:none;}
.logo_row { background-color: #fff; padding:35px 0;  -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);  -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996); box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);}

.searchBox { position:relative;background-color:#fff;color:#666}
.search_input { margin:0px; padding:5px 120px 5px 30px; height:40px; border:1px solid #949494; width:100%; background:url(../images/search_icon.png) no-repeat 5px 8px; box-sizing:border-box; }
.btnSearch { margin:0px; padding:5px; position:absolute; right:0px; top:0px; width:80px; text-align:center; background-color:#dbdbdb; color:#000; font-size:14px; font-weight:normal; text-transform:uppercase; border:1px solid #949494; height:40px; box-sizing:border-box;}
.btnSearch:hover{color:#fff;}
.header .logo_row:before { content: ''; display: block;}
.header .logo_row:after { content: ''; display: table; clear: both;}
.header .logo_row > .container > .row { position: relative;}

.nav_bar { background:#444; border-top:1px solid #ececec; border-bottom:1px solid #949494; padding:15px 0px; margin-bottom:20px; }
.nav_bar ul { margin:0px; padding:0px;}
.nav_bar ul { margin:0px; padding:0px;}
.nav_bar li { margin:0px; padding:0 14px; list-style:none; display:inline-block; border-right:1px solid #555555;}
.nav_bar li:last-child { border:none;}
.nav_bar li a { color:#fff; font-size:13px; text-transform:uppercase; text-decoration:none;}
.nav_bar li a:hover { color:#ccc;}
.navTab { display:none;}

.home .container{
	background:#efefef;
}

div.autosearch{
	border:1px solid #949494;
	margin-top:-1px;
}

div.nosearchresults{
	padding:10px;
	color:#EE2222;
}

.row_menu  { padding:0 15px;}
.row_menu .menu_col_4 { float:left; width:25%; }


.home_left, .home_right { box-sizing:border-box; position:relative; }
.home_left { width:75%; float:left; padding:10px 5px; }
.home_right { width:25%; float:right; padding:0px 10px 10px 0px;}
.mid_bg { background:#efefef; }
.home_right h2{font-size:1.5em; margin-top:8px;}

/*--- Sidebar ---*/
.left_nav_wrap {
  background-color: #ffffff;
  border-top: 1px solid #B61818;
  color:#939694;
  padding: 4px;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2px;
  -moz-background-clip: padding;
  border-radius: 2px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
  -moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
  box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
}

.left_nav_wrap h2 {margin:4px 0px 8px 0px!important; padding:2px 0px; font-size:18px; text-transform:uppercase; font-weight:normal; color:#6f6f6f; border-bottom:1px solid #f0f0f0;}
.left_nav_wrap.Categories ul,
.left_nav_wrap.Menu ul {
  list-style: none;
  margin: 0;
}
.left_nav_wrap.Categories > ul,
.left_nav_wrap.Menu > ul {
  margin: -20px -20px;
}
.left_nav_wrap.Categories a,
.left_nav_wrap.Menu a {
  display: block;
  padding: 5px 10px;
  border-bottom: 1px solid #f0f0f0;
  color: #666;
  text-decoration: none;
  font-size: 12px;

}
.left_nav_wrap.Categories a:hover,
.left_nav_wrap.Menu a:hover,
.left_nav_wrap.Categories a:focus,
.left_nav_wrap.Menu a:focus {
  background-color: #dbdbdb;
  color: #ffffff;
}
.left_nav_wrap.Categories a:hover .count,
.left_nav_wrap.Menu a:hover .count,
.left_nav_wrap.Categories a:focus .count,
.left_nav_wrap.Menu a:focus .count {
  background-color: #ffffff;
  color: #dbdbdb;
  text-shadow: none;
}
.left_nav_wrap.Categories ul ul a,
.left_nav_wrap.Menu ul ul a {
  padding-left: 40px;
}

.left_nav_wrap { padding:5px 8px;line-height:1.8}


.mid_left { padding:0px;}
.mid_left h2 {margin:0; padding:10px 8px !important;}
.mid_left ul { margin:0px; padding:0px;}
.mid_left li { margin:0; padding:0; list-style:none; border-bottom:1px solid #f0f0f0;}
.mid_left li a { margin:0; padding:8px 10px; color:#666; display:block}
.mid_left li a:hover { background-color:#dbdbdb; color:#333; text-decoration:none;}
.mid_left li.active a { margin:0px; padding:0px;}


.left_nav_wrap.hgroup {border-bottom:1px solid #f0f0f0; margin:0px; padding:10px 15px;}

.left_nav_wrap .hgroup h3 { margin:0px; padding:0px; border-bottom:0px;}
.left_nav_wrap .hgroup h5 { margin:0px; padding:0px; color:#939694; font-size:14px;}

div.sidebar_right{
background-color:#fff;
border-radius: 3px; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transition: all 220ms;
padding:4px 8px;
}

input.ectbutton,button.ectbutton{
background:#B61818;
color:#fff;
font-family:FontAwesome, sans-serif
}
input.ectbutton:hover,button.ectbutton:hover{
background:#ddd;
color:#000;
cursor:pointer;
font-family:FontAwesome, sans-serif
}

/*FOOTER*/
.footerWrapper {line-height:26px; position: relative; z-index: 50; background-color: #fff; padding: 40px 0; font-size: 13px; color: #797d7b;  -webkit-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996); -moz-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996); box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996);}
.footerWrapper h6 { font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 10px; color: #474948;}
.footerWrapper ul{list-style:none;}
.footerWrapper .links { margin: 0;}
.footerWrapper .links li { margin:0px; padding:2px 0; list-style: none;}
.footerWrapper .links a { color: #474948; text-decoration: none;}
.footerWrapper .links a:hover, .footer .links a:focus {color: #000;}


/*--- social icons ---*/
.social { margin-top:40px;}

/*---Copyright Text---*/
.copyright_text { background-color: #474948; padding: 10px 0; color: #939694; font-size: 12px; line-height: 18px;}
.copyright_text a {
  color: #adafae;
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.copyright_text a:hover {
  color: #c7c8c8;
}
.right_link a { margin:0 0px 0 10px;}

.sidebar_right { float:right;}

nav { position: absolute; bottom: 0; width: 100%;}
nav li {  }

img{max-width:100%;height:auto;}

@media (max-width: 980px) {
.relative { position:relative;}
.navTab { display:inline-block; cursor:pointer;margin-left:10px;}
.navLink { border:1px solid #949494; background-color:#fff; border-radius:4px; padding:10px; position:absolute; width:100%; box-sizing:border-box; z-index:9999; left:0px; top:42px; display:none}
.nav_bar li { display:block; border-right:none; padding:0 0 5px;}
.top_search input{width:80%}
.navLink li a{color:#333 !important;}
.navLink li a:hover{color:#999 !important;}
}

@media (max-width: 800px) {
.logo { padding-bottom:15px; text-align:center;}
.home_left { float:none; width:100%; top:auto; position:inherit; margin:0px;}
.home_right  { float:none; width:70%; position:inherit; margin:0px auto; clear:both;}
}

@media (max-width: 767px) {
  .footerWrapper .links {
    margin-bottom: 40px;
  }
.sidebar_right { float:none;width:95%;margin:0 auto;}
.mid_left { margin-top:20px;}
.col-sm-4{width:40%;float:right;}
.col-sm-8{width:54%;float:left}
  .footerWrapper .col-sm-3{width:48%;float:left;}
}


@media (max-width: 640px) {
.home_right  { width:90%;}
.copyright_text .right_link { text-align:left;}
.row_menu  { padding:0px;}
.row_menu .menu_col_4  { float:none; width:100%;}

}


@media (max-width: 480px) {
.home_right  { width:100%;}
.footerWrapper .col-sm-3{width:98%;}
}