﻿html,
body {
  height: 100%;
  width: 100%;
}

body { background:#071a6c}

div.home-content{ float:left;width:100%;}
div.home-content img{max-width:100%; height:auto;}


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

#top {
background-color: #020d39;
}

.top-margin {
 margin-top: 10px;
 margin-bottom: 10px;
}
.header {position: relative; z-index: 250;}
.header .top { background-color: #020d39 !important; color:000000; font-size:12px; text-transform:uppercase; line-height:14px; z-index: 10; padding:0px 0;}
.header .top .left_link ul { margin:0px; padding:0px;}
.header .top .left_link li { margin:0px; padding:0 10px; list-style:none; float:left; border-right:1px solid #212222;}
.header .top .left_link li:last-child { border-right:none;}
.header .top .right_link { margin:0; padding:0px; text-align:right; text-align:right}
.header .top .right_link ul { margin:0px; padding:0px; float:right;}
.header .top .right_link li { margin:0px; padding:0 10px; list-style:none; float:left; border-right:1px solid #212222;  position:relative;}
.header .top .right_link li:last-child { border-right:none;}
.header .top .right_link li.cart_icon:before { content:""; position:absolute; width:19px; height:30px; left:-10px; top:-5px; background:url(../images/cart_icon.png) no-repeat 0 0px; }
.header .top a { color:#f5f5f5;}
.header .top a:hover { color:#b61818; text-decoration:none;}
.header .bottom { background-color: #ffffff; 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;}
.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:100px; text-align:center; background-color:#949494; color:#000; font-size:16px; font-weight:bold; text-transform:uppercase; border:1px solid #949494; height:40px; box-sizing:border-box;}
.btnSearch:hover{color:#DBDBDB;}
.header .bottom:before { content: ''; display: block;}
.header .bottom:after { content: ''; display: table; clear: both;}
.header .bottom > .container > .row { position: relative;}

.bannerWrapper { margin:0px; padding:0px;}
.bannerWrapper img { width:100%;} 

.subnav_row { background-color:#C19851; padding:5px 0; text-align:center;}
.subnav_row_2 { background-color:#BA0102; padding:5px 0; text-align:center;}
.subnav_row a { margin:0 10px;}

.sub_menu { position:absolute; width:100%; left:0px;}
.nav > li.full_width { position:inherit !important}
.dropdown-menu { border:0px !important ; box-shadow:none !important; border-radius:0px !important; }
.sub_menu ul { margin:0px; padding:0px;}
.sub_menu li { margin:0px; padding:3px 20px; list-style:none;}
.sub_menu li a { color:#b2b2b2; text-decoration:none; font-size:12px;}
.sub_menu li a:hover {text-decoration:none; color:#fff; }

.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:20px 10px; }
.home_right { width:25%; float:right; padding:20px 20px 20px 0px;}
.mid_bg { background:#dbdbdb; }

.intro_white_box { background-color:#fff; padding:15px; margin:0 10px 20px;}
.intro_white_box h2 {margin:0px; padding:0 0 15px; font-size:32px; color:#b61818; font-weight:normal;}
.btn_row { margin-bottom:0px;}
.btn_row a { margin:0 5px; background-color:#838383; padding:5px 15px; font-size:16px; color:#fff; font-weight:normal; text-transform:uppercase;}

.catheader {
    padding-top: 10px;
}

/*mini cart checkout text style*/
a.ectlink:visited,a.ectlink:link {
	color: #CC0000 !important; 
}

a.ectlink:hover {
	color: #000000 !important;
	text-decoration: none;
}


/*home products*/
.wall-item { display: block; margin: 0 0 30px 0; padding:0px; background: #ececec; border-radius: 3px; box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1); transition: all 220ms; overflow:hidden;}
.wall-item:hover { box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.3); transition: all 220ms; text-decoration:none;}
.wall-item > img { display: block; width: 100%; margin:0;}
.wall-item-details { padding:10px 20px; display:block; position:relative;}
.up_ar { position:absolute; left:20px; top:-11px; z-index:0;}
.wall-item h2 { color:#000000; text-align: left; font-size: 14px; font-weight:bold; margin: 0 0 5px 0;}
.wall-item .price_text {  margin:0px; padding:0px; color:#b70000; font-weight:bold;}
.wall { display: block; position: relative;}
.wall-column { display: block; position: relative; width: 33.333333%; float: left; padding: 0 10px; box-sizing: border-box;}
.wall-item p.dl_text  {  margin:0px; padding:0px; color:#6a6a6a !important;}


/*--- Sidebar ---*/
.widget {
  background-color: #ffffff;
  border-top: 5px solid #f2a20b;
  padding: 6px;
  margin-bottom: 20px;
  -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);
}
.widget h3,
.widget h3.widget-title {margin:0px; padding:10px 0px; font-size:18px; text-transform:uppercase; font-weight:normal; color:#020D39; border-bottom:1px solid #f0f0f0;}
.widget.Categories ul,
.widget.Menu ul {
  list-style: none;
  margin: 0;
}
.widget.Categories > ul,
.widget.Menu > ul {
  margin: -20px -20px;
}
.widget.Categories a,
.widget.Menu a {
  display: block;
  padding: 15px 20px;
  border-bottom: 1px solid #f0f0f0;
  color: rgb(248, 180, 15);
  text-decoration: none;
  font-size: 12px;
}
.widget.Categories a:hover,
.widget.Menu a:hover,
.widget.Categories a:focus,
.widget.Menu a:focus {
  background-color: #6b6b6b;
  color: #ffffff;
}
.widget.Categories a:hover .count,
.widget.Menu a:hover .count,
.widget.Categories a:focus .count,
.widget.Menu a:focus .count {
  background-color: #ffffff;
  color: #6b6b6b;
  text-shadow: none;
}
.widget.Categories ul ul a,
.widget.Menu ul ul a {
  padding-left: 40px;
}
.widget .box  { padding:3px; color:#020D39; font-size:14px;}


.categorysidebar { padding:0px;}
.categorysidebar h3.widget-title {margin:0; padding:10px 15px !important;}
.categorysidebar ul { margin:0px; padding:0px;}
.categorysidebar li { margin:0; padding:0; list-style:none; border-bottom:1px solid #f0f0f0;}
.categorysidebar li a { margin:0; padding:8px 10px; color:#020D39; display:block}
.categorysidebar li a:hover { background-color:#e5a908; color:#fff; text-decoration:none;}
.categorysidebar li.active a { margin:0px; padding:0px;}


.widget .hgroup {border-bottom:1px solid #f0f0f0; margin:0px; padding:4px 5px;}

.widget .hgroup h3 { margin:0px; padding:3px; border-bottom:0px;}
.widget .hgroup h5 { margin:0px; padding:0px; color:#969393; 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-bottom:10px;
}

/*FOOTER*/
.footer { 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);}
.footer h6 { font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 10px; color: #474948;}
.footer .links { margin: 0;}
.footer .links li { margin:0px; padding:2px 0; list-style: none;}
.footer .links a { color: #020D39; text-decoration: none;}
.footer .links a:hover, .footer .links a:focus {color: #f40c0c;}


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

/*---Copyright Text---*/
.ft_copyright_row { background-color: #C19851; padding: 10px 0; color: #212222; font-size: 12px; line-height: 18px;}
.ft_copyright_row 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;
}
.ft_copyright_row a:hover {
  color: #cc0000;
}

.right_link a { margin:0 0px 0 10px;}

.sidebar_right { float:right;}


.goToTop { position: fixed; top: 0; height: 50px;  z-index: 1;}
nav { position: absolute; bottom: 0; width: 100%;}
nav li {  }


@media (max-width: 980px) {
#kofcheader-title .remove-padding {
	padding-top: 0 !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;}

.goToTop { position:inherit; height:auto;}
}

@media (max-width: 767px) {
  .footer .links {
    margin-bottom: 40px;
  }
.sidebar_right { float:none;}
.categorysidebar { margin-top:20px;}
}


@media (max-width: 640px) {
.wall-column { width: 50%;}
.home_right  { width:90%;}
.ft_copyright_row .right_link { text-align:left; margin-left:-10px; padding-top:5px}
.left_link { width:100%; float:left;}
.header .top .right_link ul {  margin: 0; padding: 0 0 0 40px; text-align:center;}
.header .top .left_link { float:none; text-align:center;}
.header .top .left_link li { margin-bottom:8px; float:none; display:inline-block;}


.row_menu  { padding:0px;}
.row_menu .menu_col_4  { float:none; width:100%;}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 20px;
}
.btn_row a{ font-size:12px !important;white-space:nowrap;line-height:2.4}

}


@media (max-width: 480px) {
.wall-column { width: auto; float: none;}
.home_right  { width:100%;}

}

@media (max-width: 360px) {
	
}

@media (max-width: 320px) {
	
}