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: 14px /*{body-font-size}*/;
	color: #212529 /*{body-font-colour}*/;
	background-image:none /*{body-background-image}*/;
	background-color: #fff /*{body-background-colour}*/;
}

a, .btn-link{
	color: #006FF5 /*{link-text-colour}*/;
}
a:hover, a:active, a:focus, .btn-link:hover{
	color: #004ca9 /*{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: #333 /*{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: #333 /*{buttons | btn-default-text-colour}*/;
	background-color: #fff /*{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: #006FF5 /*{buttons | btn-primary-background-colour}*/;
	border-color: #006FF5 /*{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: #28a745 /*{buttons | btn-success-background-colour}*/;
	border-color: #28a745 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color:  #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{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: #218838 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #1e7e34 /*{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.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: #f8f9fa /*{breadcrumb-background-colour}*/;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #6c757d /*{breadcrumb-text-colour}*/;
}

.breadcrumb > .active,
.breadcrumb a {
	color: #696969 /*{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: #28a745 /*{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: #ddd /*{panel-border-colour}*/;
}
.card-header {
	background-color: #f5f5f5 /*{panel-header-bg-colour}*/;
	border-color: #ddd /*{panel-header-border-colour}*/;
}

.productsave {
	color: #D9534F /*{sale-colour}*/;
}

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

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

.wrapper-header .navbar .navbar-nav .nav-link {
	color: #696969 /*{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: #fff /*{dropdown-menu-bg}*/;
	border-color: #ccc /*{dropdown-menu-border-colour}*/;
}

.dropdown-item{
	color: #212529 /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active{
	color: #262626 /*{dropdown-menu-link-colour-hover}*/;
	background-color: #f5f5f5 /*{dropdown-menu-link-bg-hover}*/;
}
a.specific-btn._itmspec_selected {
	color: #000!important;
	background-color: #fff!important;
	border: 2px solid #000!important;
}
a.specific-btn:hover {
	border: 2px solid #000!important;
  }
  .gd-cart__item-sku .option-type i {
	color: #28a745;
  }
  .gd-cart__item-sku .option-type {
	text-transform: none!important;
  }
  .menu__btn{
	width: 100%!important;
  }



  .brands-dd {
    background: #fff;
    border: 1px solid;
    padding: 0;
    width: 80%;
    position: absolute;
    z-index: 131000000000;
    height: 85vh;
    overflow: scroll;
    left: 10%;
    border-top: 5px solid;
    box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.75);
    padding-top: 0;
	display: none;
}
.main-container{
	height: 100%;
	overflow: scroll;
}
.brand-items {
	background: #f0f0f0;
    overflow: scroll;
	overflow-y: scroll;
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 200vh;
}

.category-item {
    display: flex !important;
    justify-content: flex-start;
    align-items: start !important;
}
.brand-block{
	width: 100%;
}

.show-brands + .brands-dd {
	display: block!important;
}

.show-brands-mobile + .brands-dd {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000000000000;
	padding-bottom: 20px;
	
}
@media (max-width:1023px) {
	.brands-dd {
		transform: translateX(-100%); /* Start off-screen left */               /* Optional: fade in */
  		animation: slideInLeft 0.4s forwards; /* 1s duration */
	}
	@keyframes slideInLeft {
		to {
		  transform: translateX(0); /* Move to original position */
		             /* Fade in */
		}
	  }
	.show-brands-mobile + .brands-dd {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1000000000000;
		padding: 0;
		
	}



	.category-item{
		&:hover{
			color: #000;
    		background-color: #fddd03;
		}
		a {
			color: #000;
			padding: 10px 15px;
			display: block;
			margin: 0 !important;
			font-weight: normal;
			&:hover{
				color: #000;
			}
		}
	}



}
.hide-big {
	display: none;
	width: 16px;
	height: 16px;
}

@media (max-width:1023px) {
	#main-content .back-arrow{
		display: block!important;
	}
	.hide-big {
		display: inline-block;
	}
}
@media (max-width:991px) {

	
.brand-items{
	background-color: #fff;
	.category-item {
		border-bottom: 1px solid #f0f0f0;
	}
}
}

@media (max-width:1745px) {
	.brand-items {
		height: 261vh;
	}
}

@media (max-width:1700px) {
	.brand-items {
		height: 271vh;
	}
}
@media (max-width:1530px) {
	.brand-items {
		height: 273vh;
	}
}
@media (max-width:1468px) {
	.brand-items {
		height:342vh;;
	}
}


@media (max-width:1200px) {
	.brand-items {
		height:432vh;;
	}
}

@media (max-width:1100px) {
	.brand-items {
		height:448vh;;
	}
}
.category-item {
	a {
		padding: 10px 20px;
		margin: 0 !important;
        display: block;
        width: 100%;
		color: #000;
		&:hover{
			background-color: #faeb2c;

		}
	}
}

.header-brand{
	padding: 10px 20px;
	background-color: #000;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}


@media (min-width:1024px) {
	.brands-dd:hover{
		display: block!important;
	}
}

@media (max-width:1023px) {

	.brands-dd {
		background: #fff;
		border: 1px solid;
		padding: 0;
		width: 100%;
		position: absolute!important;
		z-index: 131000000000;
		height: 100%;
		overflow: scroll;
		left: 0;
		border-top: 5px solid;
		box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.75);
		-webkit-box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 2px 6px 10px 0px rgba(0,0,0,0.75);
		padding-top: 0;
		top: 0;
		display: none;
	}

	.header-brand{
		width: 100%;
		height: 45px;
		cursor: pointer;
		color: #000;
		background-color: #fff;
		text-transform: uppercase;
		border-bottom: 1px solid #f0f0f0;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		margin: 0;
		padding: 10px 15px;
		font-size: 18px;
		font-weight: 600;
		line-height: 1;
		display: flex;
}
.show-brands-mobile + .brands-dd{
	padding-bottom: 0;
}
.brand-items{
	height: 100%;
	background-color: #fff;
}
.category-item {
    border-bottom: 1px solid #f0f0f0;
}
}

.brand-header {
    margin-right: 20px;
    display: flex;
    gap: 10px;

	a{
		display: block;
		background-color: #fff;
		border-radius: 5px;
		overflow: hidden;
	}

	img{
		width: 80px;
		height: auto;
		filter: grayscale(1);
	}
}

@media (min-width:1504px) {
	.header-main--desktop .header-main__search-btn {
		margin-right: 10px!important;
	}
	.header-main--desktop .header-main__menu {
		margin-left: 30px!important;
	}
}

@media (min-width:1460px) {

	.header-main__logo{
		max-width: 220px;
	}
}

@media (max-width:1023px) {
	.brand-header{
		justify-content: center;
    	margin: 20px 0 0;
	}
}