@import url('//fonts.googleapis.com/css?family=Montserrat:400,700');
body {
	background-color: rgba(232, 229, 225, 1) /*{body|background-colour}*/;
	background-image: none /*{body|background-image}*/;
	font-family: 'Montserrat', sans-serif;
	color: #222222 /*{body|text-colour}*/
}
a, a:hover, a:active, .btn-link, .btn-link:hover{
	color: #333333 /*{body|link-colour}*/;
}
.breadcrumb {
	background:none;
}
.navbar-default {
	background-color: rgba(8, 8, 8, 1) /*{header|navigation-background-colour}*/;
	border-color: transparent;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	border-radius:0px;
}
.nMobileNav li a, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active{
    color: rgba(255, 255, 255, 1) /*{header|link-colour}*/;
}
@media (max-width: 767.98px){
	.wrapper-header .navbar-nav .dropdown-menu{
		background-color: transparent;
	}
	.wrapper-header .dropdown-menu .dropdown-item{
		color: rgba(255, 255, 255, 1) /*{header|link-colour}*/;
	}
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: rgba(255, 255, 255, 1) /*{header|link-colour}*/;
	border-radius: 8px;
}
.wrapper-header .navbar-default{
    border-radius: 0;
}
.wrapper-header .btn-default {
	color: rgba(255, 255, 255, 1) /*{header|link-colour}*/;
}
.wrapper-header .btn-default {
	background-color: #222222 /*{header|navigation-button-colour}*/;
	border-color: #222222 /*{header|navigation-button-colour}*/;
	color: #ffffff /*{header|navigation-button-text-colour}*/;
}
/* Footer */
.wrapper-footer {
	background-color: rgba(222, 218, 218, 1) /*{footer|background-colour}*/;
}
.wrapper-footer p, .wrapper-footer h4, .wrapper-footer {
	color: #333333 /*{footer|text-colour}*/;
}
.wrapper-footer a, .wrapper-footer a:hover, .wrapper-footer a:visited {
	color: #333333 /*{footer|link-colour}*/;
}
.wrapper-footer hr {
	border-top:2px solid #222;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: rgba(8, 8, 8, 1) /*{buttons | btn-default-text-colour}*/;
	background-color: #ffffff /*{buttons | btn-default-background-colour}*/;
	border-color: #cccccc /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: rgba(237, 73, 73, 1) /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled, .btn-default:disabled {
	color: rgba(237, 73, 73, 1) /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: rgba(237, 73, 73, 1) /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour}*/;
	background-color: rgba(31, 194, 85, 1) /*{buttons | btn-primary-background-colour}*/;
	border-color: rgba(222, 218, 218, 1) /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(7, 143, 7, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(240, 237, 237, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(7, 143, 7, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(240, 237, 237, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(7, 143, 7, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(240, 237, 237, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: rgba(5, 0, 0, 1) /*{buttons | btn-success-text-colour}*/;
	background-color: rgba(232, 232, 75, 1) /*{buttons | btn-success-background-colour}*/;
	border-color: rgba(240, 226, 226, 1) /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: rgba(15, 1, 1, 1) /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(250, 247, 170, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: rgba(102, 100, 100, 1) /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: rgba(15, 1, 1, 1) /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(250, 247, 170, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: rgba(102, 100, 100, 1) /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: rgba(15, 1, 1, 1) /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(250, 247, 170, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: rgba(102, 100, 100, 1) /*{buttons | btn-success-border-colour-hover}*/;
}
/* Product Page - Size Variations */
a.size-block {
    color: #333;
    text-decoration: none;
}
/* Product Page - Size Variations */
a.size-block {
    color: #333;
    text-decoration: none;
}
/* Product Page - Size Variations */
a.size-block {
    color: #333;
    text-decoration: none;
}
a.size-block:hover,
._itmspec_selected {
    background: #dee2e6;
}
/* Thumbnails: Top Seller Badge */
.savings-container {
    width: 100%;
    left: 1px;
    top: 0px;
    z-index: 1;
}
/* top-seller-badge */
.savings-container {
    height: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 50%;
    white-space: normal;
    font-size: 12px;
    font-weight: 400;
    padding: 0px;
    margin-top: 3px;
}
/* Thumbnails: Aus Made */
.savings-container-fluid {
    width: 100%;
    left: 1px;
    top: 3px;
    z-index: 2;
}
/* aus-made-badge */
.savings-container-fluid p-1 {
    height: 20px;
    width: 100%;
    display: flex;
    align-items:center;
    border-radius: 50%;
    white-space: pre;
    font-size: 14px;
    font-weight: 500;
    padding: 3px;
    margin-top: 3px;
}
/*confirm age checkbox */
.checkbox {
	padding: 15px;
}
/*brand menu custom*/
.wrapper-brand {
	position: static !important;
	padding: 8px;
}
.wrapper-brand .brand {
	width: 100%;
	margin-top: -8px;
}
.mobile-menu ul,
.mobile-brands li{
  padding: 0px 0px 0px 10px !important;
}
.mobile-brands li a{
  padding: 0px !important;
}
.mobile-menu li,
.mobile-menu a {
  color: white;
  text-decoration: none;
  list-style: none;
  list-style-type: none;
}
.mobile-brands,
.mobile-brands a{
  color: white;
  text-decoration: none;
  list-style: none;
  list-style-type: none;
}
 .mobile-menu > li > a:hover, .mobile-menu> li > a:focus {
  color: rgba(250, 193, 5, 1) /*{navbar-default-link-colour-hover}*/;
  background-color: transparent;
}
@media (max-width:767px) {
#mb-menu-cat .mb-drop:after {
		content: "\f0d8";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		float: right;
		color: #ffffff;
		width: 10px;
	}
	#mb-menu-cat .mb-drop.collapsed:after {
		content: "\f0d7";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		float: right;
		color: #ffffff;
	}
	#mb-menu,
	#mb-menu ul {
		list-style:none;
		padding-left: 0;
	}
	#mb-menu li a,
	#mb-menu-cat li a {
		color: #fff;
		font-size: 12px;
	}
	.nav > li > a:hover,
	.nav > li > a:focus {
		background: transparent;
	}
	#mb-menu-cat .collapse-menu,
	#mb-menu .collapse-menu {
		padding: 0;
		padding: 0 15px;
	}
	#mb-menu-cat .collapse-menu li a,
	#mb-menu .collapse-menu li a {
		padding: 8px;
		display: block;
		color: #fff;
		font-size: 12px;
	}
	ul#mb-menu-cat {
		background: #33632d;
		margin-bottom: 0;
	}
	ul#mb-menu-cat li {
		list-style: none;
		padding-left: 0;
	}
	ul#mb-menu-cat ul {
		padding-left: 0;
	}
	#mb-menu .mb-drop:after {
		content: "\f0d8";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		float: right;
		color: #ffffff;
		width: 10px;
	}
	#mb-menu .mb-drop.collapsed:after {
		content: "\f0d7";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		float: right;
		color: #ffffff;
	}
	ul#mb-menu {
		background: #33632d;
		margin-bottom: 0;
	}
	#mb-menu-cat li a.mb-drop,
	#mb-menu li a.mb-drop {
		background: #33632d;
		font-family: 'Brown Bold', sans-serif;
	}
	#mb-menu-cat li a.mb-drop:focus {
		background: #33632d;
	}
	#mb-menu-cat li a.mb-drop.collapsed,
	#mb-menu li a.mb-drop.collapsed {
		background: #33632d;
	}
	.wrapper-brand {
		padding: 8px 16px;
	}
}
.features {
	padding: 10px 0px 10px;
}
ul.brand.dropdown-menu {
    right: 0;
    margin: -8px auto;
}
@media screen and (min-width: 1200px) {
    .wrapper-brand .brand {
		width: 75%;
	}
}
nav {
	padding: 10px;
	text-align: center;
}
/*Category Border*/
.wrapper-category {
    border: 1px solid #1d1d1e;
    padding: 10px;
    border-radius: 10px;
}
.category-thumbnail {
	margin-bottom: 15px;
}
/*Collapsible Shipping Method Result*/
/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #ccc;
}
/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}
#calc-desktop {
	display: block;
}
#calc-mobile {
	display: none;
}
@media screen and (max-width: 768px) {
	#calc-desktop {
		display: none;
	}
	#calc-mobile {
		display: block;
	}
}
/*Reduce padding & margin on breadcrums*/
ol.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    font-size: 13px;
}
/*Secondary Navbar*/
nav.secondary-nav {
	background-color: rgba(242, 162, 12, 0.95) /*{header|secondary-navbar-colour}*/;
}
/*Header Background*/
.container-fluid.wrapper-header {
    background-color: rgba(242, 162, 12, 0.95) /*{header|header-background-color}*/;
}
.nReviewsBlock {
    margin: 0 0 10px;
    min-height: 25px;
}