html,
body {
	height: 100%;
	width: 100%;
	font-family: 'Exo 2', sans-serif;
	background-image: url(../images/mainback.jpg);
	background-repeat: repeat;
}

ul, ol { list-style-position: inside; padding: 0;}
.wrapper { margin:0px; padding:0px;}
.pd30 { padding:30px 0;}
div.checkoutsteps{
text-align:center;
font-weight:bold;
padding:8px;
margin-bottom:8px;
border:0;
border-radius: 5px 5px 0 0;
background-color:#FFF4DC;
color:#000;
font-size: 1.2em;
}

.header {position: relative; z-index: 250;}
.header .top { background-color: #fff; color:#212222; font-size:11px; text-transform:uppercase; line-height:14px; z-index: 10; padding:10px 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;}
.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:#212222;}
.header .top a:hover { color:#212222; text-decoration:none;}
.header .bottom { background-color: #ffffff; padding:5px 0;}

.searchBox { position:relative;margin-top:30px;}
.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:#CC0000; color:#fff; font-size:14px; font-weight:normal; text-transform:uppercase; border:1px solid #949494; height:40px; box-sizing:border-box;}
.btnSearch:hover{color:#fff; background: #E51937;}
.header .bottom:before { content: ''; display: block;}
.header .bottom:after { content: ''; display: table; clear: both;}
.header .bottom > .container > .row { position: relative;}
.logo img{max-width:100%; height:auto;}
.navbar{font-size:1.1em;background: #fff; border-bottom: 1px solid #ccc;}
.navbar a {color:#000!important;}
.navbar a:hover{text-decoration:underline!important;}

.home .container{
  background:#fff;
}
.container h3, .container h2{ font-size: 1.3em;}
.bannerWrapper { margin:0px; padding:0px;}
.bannerWrapper img { width:100%;} 

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

.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:9px;background:#fff;padding:4px;}

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

/*--- Sidebar ---*/
.widget {
  background-color: #fff;
  border-top: 1px solid #cf65d1;
  padding: 20px;
  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);
}


div.sidebar_right{
background-color:#fff;
padding-bottom:10px;
border: 2px solid #000; border-radius:15px;
-webkit-box-shadow: 9px 18px 5px 3px rgba(74,72,74,0.57);
-moz-box-shadow: 9px 18px 5px 3px rgba(74,72,74,0.57);
box-shadow: 9px 18px 5px 3px rgba(74,72,74,0.57);
}

/*FOOTER*/
.footer { position: relative; z-index: 50; background-color: #333; padding: 40px 0; font-size: 13px; color: #fff;}
.footer h6 { font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 10px; color: #fff;}
.footer .links { margin: 0;}
.footer .links li { margin:0px; padding:2px 0; list-style: none;}
.footer .links a { color: #fff; text-decoration: none;}
.footer .links a:hover, .footer .links a:focus {color: #fff;}


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

/*---Copyright Text---*/
.ft_copyright_row {
	padding: 10px 0;
	color: #000;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../images/mainback.jpg);
	background-repeat: repeat;
}
.ft_copyright_row a {
  color: #000;
  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: #000;
}
.right_link a { margin:0 0px 0 10px;}

.sidebar_right { float:right;}


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


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

@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%;}
.searchBox {margin-top:0px;}
}

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

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