body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{body-font-family}*/;
	font-size: 16px /*{body-font-size}*/;
	color: #fff !important /*{body-font-colour}*/;
	background-image:url('../img/darkconcrete_BG_min.jpg') /*{body-background-image}*/;
	background-color: #OOO /*{body-background-colour}*/;
}



a, .btn-link{
	color: #CAC7C7 /*{link-text-colour}*/;
}
a:hover, a:active, a:focus, .btn-link:hover{
	color: #f25621 /*{link-text-hover-colour}*/;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" /*{headers-font-family}*/;
	color: #fff /*{headers-colour}*/;
}

.carousel-caption h3, .carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
	color: #fff /*{carousel-text-colour}*/;
}

h1, .h1 {
	font-size: 26.249px /*{header-1-font-size}*/;
}
h2, .h2 {
	font-size: 21px /*{header-2-font-size}*/;
}
h3, .h3 {
	font-size: 18.375px /*{header-3-font-size}*/;
}
h4, .h4 {
	font-size: 15.75px /*{header-4-font-size}*/;
}
h5, .h5 {
	font-size: 13.124px /*{header-5-font-size}*/;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #808080 /*{buttons | btn-default-text-colour}*/;
	background-color: #000 /*{buttons | btn-default-background-colour}*/;
	border-color: #ccc /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: #333 /*{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: #333 /*{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: #333 /*{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: #fff /*{buttons | btn-primary-text-colour}*/;
	background-color: #808080 /*{buttons | btn-primary-background-colour}*/;
	border-color: #808080 /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #005ecf /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #0058c2 /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color:  #005ecf /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #0058c2  /*{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: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #005ecf /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #0058c2  /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Warning button */
.btn-warning {
	color: #fff /*{buttons | btn-warning-text-colour}*/;
	background-color: #ffc107 /*{buttons | btn-warning-background-colour}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour}*/;
}
.btn-warning:hover {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning.disabled, .btn-warning:disabled {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color:  #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
/* Danger button */
.btn-danger {
	color: #fff /*{buttons | btn-danger-text-colour}*/;
	background-color: #dc3545 /*{buttons | btn-danger-background-colour}*/;
	border-color: #dc3545 /*{buttons | btn-danger-border-colour}*/;
}
.btn-danger:hover {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color:  #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #c82333 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #bd2130 /*{buttons | btn-danger-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: #fff /*{buttons | btn-success-text-colour}*/;
	background-color: #ffa500 /*{buttons | btn-success-background-colour}*/;
	border-color: #ffa500 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: orange /*{buttons | btn-success-background-colour-hover}*/;
	border-color: orange /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color:  #ff8c00 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #ff8c00 /*{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: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: orange /*{buttons | btn-success-background-colour-hover}*/;
	border-color: orange /*{buttons | btn-success-border-colour-hover}*/;
}
/* Info button */
.btn-info {
	color: #fff /*{buttons | btn-info-text-colour}*/;
	background-color: #17a2b8 /*{buttons | btn-info-background-colour}*/;
	border-color: #17a2b8 /*{buttons | btn-info-border-colour}*/;
}
.btn-info:hover {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info.disabled, .btn-info:disabled {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color:  #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}

.breadcrumb {
	background-color: #000 /*{breadcrumb-background-colour}*/;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: gray /*{breadcrumb-text-colour}*/;
}

.breadcrumb > .active,
.breadcrumb a {
	color: #gray /*{breadcrumb-text-colour}*/;
}

.pagination .page-link{
	color: #006FF5 /*{pagination-text-colour}*/;
	background-color: #fff /*{pagination-bg-colour}*/;
	border-color: #dee2e6 /*{pagination-border-colour}*/;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
	color: #004ca9 /*{pagination-text-colour-hover}*/;
	background-color: #e9ecef /*{pagination-bg-colour-hover}*/;
	border-color: #dee2e6 /*{pagination-border-colour-hover}*/;
}
.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
	color: #fff /*{pagination-text-colour-active}*/;
	background-color: #006FF5 /*{pagination-bg-colour-active}*/;
	border-color: #006FF5 /*{pagination-border-colour-active}*/;
}

.badge-secondary {
	background-color: #ebebeb /*{label-default-bg}*/;
}
.badge-primary {
	background-color: #006FF5 /*{label-primary-bg}*/;
}
.badge-success {
	background-color: #ffa500 /*{label-success-bg}*/;
}
.badge-info {
	background-color: #17a2b8 /*{label-info-bg}*/;
}
.badge-warning {
	background-color: #212529 /*{label-warning-text-colour}*/;
	background-color: #ffc107 /*{label-warning-bg}*/;
}
.badge-danger {
	background-color: #dc3545 /*{label-danger-bg}*/;
}

.card {
	border-color:  /*{panel-border-colour}*/;
	background-color: black;
}
.card-header {
	background-color: #808080 /*{panel-header-bg-colour}*/;
	border-color: #ddd /*{panel-header-border-colour}*/;
}

.card.thumbnail.card-body{ 
	border-color: gray; 
	margin:0.2em; 
} 

.productsave {
	color: #D9534F /*{sale-colour}*/;
}
.wrapper-header {
 background-color:#000;
 padding-top:  0 !important;
}


.wrapper-header .navbar-toggler {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar {
	background-color: #000 /*{navbar-default-bg-colour}*/ !important;
}

.wrapper-header .navbar .navbar-nav .nav-link {
	color: red /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus {
	color: #333 /*{navbar-default-link-colour-hover}*/;
}
.wrapper-header .navbar-nav .show > .nav-link,
.wrapper-header .navbar-nav .active > .nav-link,
.wrapper-header .navbar-nav .nav-link.show, .wrapper-header .navbar-nav .nav-link.active{
	color: #555 /*{navbar-default-link-colour-active}*/;
}

.dropdown-menu {
	background-color: #000 /*{dropdown-menu-bg}*/;
	border-color: #dddddd /*{dropdown-menu-border-colour}*/;
	margin-top: 0px;
}

.dropdown-item{
	color: gray /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active{
	color: #gray /*{dropdown-menu-link-colour-hover}*/;
	background-color: #f5f5f5 /*{dropdown-menu-link-bg-hover}*/;
}

.list-group-item {
	/* background-color: #808080; */
	background-color: #000;
	color: gray !important;
}

.table {
	color: #fff;
	
}

#main-content {
background: rgba(0, 0, 0, 0.42);
background-clip: content-box;
}

@media (min-width:1200px) {
 .container-xl {
  max-width:1920px;
 }
}

 .container,
 .container-lg,
 .container-md,
 .container-sm {
  max-width:100%;
 }

 /*Mega Category menu option*/
 @media (min-width: 768px) {
    .mega-menu {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
@media (min-width: 1200px) {
    .mega-menu {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}
 
 /*Mega Category menu option -- END*/
 
 .searchbartopleft {
	 
	margin-bottom: 2%;
}



.header-search {

	padding-left: 0px;
	margin-left: -15px;
}


.mainheaderimage {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
/* Take out gap between header and menu */
.pb-2, .py-2 {
padding-bottom: .0rem !important;
}

@media (min-width: 768px) {
.mt-md-2, .my-md-2 {
margin-top: -1.5rem !important;
}
}
/* Take out gap between header and menu */


.npopup {
  /* background: #fff; */
  background: #000;
}
/* <!-- Colour Swatch Insert --> */
.nSwatch { 
    margin-right: 2px; 
    box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 1);  
    height: 18px; 
    width: 18px; 
    border-radius: 50%; 
    border: 1px gray solid; 
    display: inline-block; 
    cursor: pointer; 
    position: relative;  
    transition: transform 0.2s ease, opacity 0.2s ease; 
} 
 
.nSwatch:hover::after, 
.nSwatch.selected::after { 
    content: ""; 
    position: absolute; 
    top: -4px;  
    left: -4px; 
    width: 24px;  
    height: 24px; 
    border-radius: 50%;  
    border: 2px solid gray;  
    background-color: transparent;  
    z-index: -1;  
    transition: all 0.2s ease;  
	text-decoration: none; 
}

.nColourList {
    margin: 0 0 10px;
    min-height: 25px;
}


/* <!-- Colour Swatch Insert --> */

/* Take out gap between header and top of screen */
.pt-3, .py-3 {
padding-bottom: 0rem !important;
}

/* Adjust for overhang of new header */
.navbar {
padding: .5rem 1rem;
padding: 0rem 1rem 1rem;
}

/* Product Page - Size Variations */
a.size-block {
    color: #808080;
    text-decoration: none;
	background-color: #000;
}
a.size-block:hover,
a.size-block._itmspec_selected {
    background: #dee2e6;
}
#stloc_selector_cysel, #stloc_state_sel, #suburb_sl, ._itmspec_opt, .form-control, .n-wrapper-form-control select {
color: #fff;;
background-color: #242526;
}
.bottombar {
    height: 15px;
    width: 100%;
    background-color: #171717;
    position: relative;
    padding-top: 0px;
    box-shadow: 0px 10px 8px black;
}

.modal-content {
background-color: #000;
}
/* Variation Colour Insert */
.nSwatchProduct {
    height: 40px; 
    width: 40px; 
    display: block;
}
.nColourSwatch._itmspec_lnk {
    display: inline-block;
    margin-right: 5px;
}
.nColourSwatch._itmspec_lnk._itmspec_selected {
    padding: 4px;
}
.nColourSwatch._itmspec_lnk._itmspec_selected::before {
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    color: #333;
    position: absolute;
    content: "\f00c";
    font: normal normal normal 26px/1 FontAwesome;
    line-height: 40px;
    z-index: 10;
}
.nColourSwatch._itmspec_lnk._itmspec_selected .nSwatchProduct {
    opacity: 0.5;
}
.nColourSwatch ._itmspec_listitm {
    margin: 0;
}
/* Variation Colour Insert */
.header-message {
	padding-top: 8px; 
	text-align: center; 
	margin-bottom: -2rem;
}

.thumb_cart {
 color: #fff;
}

/*   Ticker CSS code */

@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.ticker-wrap {
  
  position: relative;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  height: 2rem;
  background-color: black; 
  padding-left: 100%;
  box-sizing: content-box;
  
}

.ticker {

    display: inline-block;
    height: 2rem;
    line-height: 2rem;  
    white-space: nowrap;
    padding-right: 100%;
    box-sizing: content-box;

    -webkit-animation-iteration-count: infinite; 
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
   -webkit-animation-name: ticker;
           animation-name: ticker;
    -webkit-animation-duration: 60s;
            animation-duration: 60s;
  }
  
  .ticker:hover{
  animation-play-state: paused; /* Pause scroll on mouse hover */
}

  
  .ticker__item {

      display: inline-block;

      padding: 0 2rem;
      font-size: 1rem;
      color: white;

    }
	
.ticker__item a, .btn-link {
 color:#6a6868;
}

.img-category {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.img-category:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.list-social a:hover {
 text-decoration:none;
 color:#fff;
}

 @font-face {
    font-family: "LicensePlate";
    src: url("../fonts/LicensePlate.woff") format("woff"), url("../fonts/LicensePlate.ttf") format("ttf");
  }

  .NumPlate {
	max-width: 300px;
  } 
 
  .NumPlate textarea{
	resize: none;
	font-size: 40px;
	line-height: 60px;
	letter-spacing: 1px;
	text-align: center;
	font-family: 'LicensePlate';
	border: 10px solid #000;
	border-radius: 8px;
	overflow: hidden;
	padding: 0 8px;
	margin:auto;
   }


/* Reviews */   
.tcarousel {
	display: flex;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.tcarousel-inner {
	display: flex;
	transition: transform 1s ease;
	width: 100%;
	align-items: center;
}

.testimonial {
	flex: 0 0 100%;
	box-sizing: border-box;
	padding: 10px;
	max-width: 300px;
}

.speech-bubble {
	position: relative;
	margin: 10px;
	padding: 20px;
	background: #000000;
	border-radius: 25px;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid white;
}

.speech-bubble::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #f1f1f1;
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: 0;
}

.tname {
	text-align: center;
	margin-top: 20px;
}

.tarrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.5);
	border: none;
	color: white;
	font-size: 2rem;
	cursor: pointer;
	padding: 10px;
	z-index: 1000;
}

.tarrow.tleft {
	left: 10px;
}

.tarrow.tright {
	right: 10px;
}
   
.subcat-link {
   display: inline-block;
   padding: 12px 20px;
   margin: 6px 4px;
   background-color: #ffffff;
   color: #1a1a1a;
   text-decoration: none;
   border: 1px solid #e0e0e0;
   border-radius: 8px;
   font-weight: 600;
   font-size: 14px;
   line-height: 1.2;
   transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.1s ease;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.subcat-link:hover {
   background-color: #f8f9fa;
   border-color: #c0c0c0;
   transform: translateY(-2px);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.subcat-link:active {
   transform: translateY(0);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}