.brand-color-text {
	color: #ffffff;
}

.brand-color-bg, a.brand-color-bg {
	background-color: #ffffff;
	color: #ffffff;
}

.brand-color-transparent {
	background-color: rgba(255, 255, 255, 0.7);
}

.brand-color-transparent-hover {
	background-color: rgba(255, 255, 255, 0.7);
}

.brand-color-transparent-hover:hover {
	background-color: #e3c9f5;
}

button.brand-color-bg:hover, input.brand-color-bg:hover, a.brand-color-bg:hover {
	background-color: #e3c9f5;
	color: #ffffff;
}

.brand-color-border {
	border-color: #ffffff;
}


.brand-second-color-text {
	color: #cfcfcf;
}

.brand-second-color-bg, a.brand-second-color-bg {
	background-color: #cfcfcf;
	color: #101010;
}

.brand-second-color-bg:hover, a.brand-second-color-bg:hover {
	background-color: #adadad;
	color: #101010;
}

.brand-second-color-border {
	border-color: #cfcfcf;
}

.brand-second-button, .brand-second-button:visited, a.brand-second-button, a.brand-second-button:visited {
	background-color: #cfcfcf;
	color: #101010;
	text-decoration: none;
	border: none;
}

.brand-second-button:hover, a.brand-second-button:hover {
	background-color: #adadad;
}

.nav-header, div#popup_container div#popup_title {
	background-color: #8816fe;
	border-color: #8816fe;
}

.nav-header ul li > a, .nav-header ul li > a > i, .mobile-icon i, .mobile-basket-icon i, .user-budget-info {
	color: #000000;
}

.nav-header ul li > a:hover, .nav-header ul li > a:hover > i {
	color: #ffffff;
}

.nav-sub ul {
	background-color: #919191;
	border-color: #000000;
}

.nav-sub ul li > a {
	color: #000000;
}

.nav-sub ul li a:hover {
	background-color: #7a7a7a;
	color: #ffffff;
}

.change-region.active, .change-currency.active {
	color: #fafafa;
	background-color: #088dd4;
}

.page-menu-hover:hover {
	padding-top: 19px;
	margin-top: -21px;
	border-top: 2px solid #ffffff !important;
}


.page-menu-hover-classic:hover {
	background-color: #ffffff !important;
}

.page-menu-active {
	padding-top: 19px;
	margin-top: -21px;
	border-top: 2px solid #ffffff !important;
}


.product-card {
	color: #ffffff !important;
}

.paginate-blurb {
	color: #ffffff !important;
}

.uk-tab>.uk-active>a {
	border-color: #ffffff !important;
}

.breadcrumb-option {
	background-color: #adadad;
	color: #101010;
}

.arrow-right {
	border-left: 15px solid #ffffff !important;
}

.breadcrumb-selected {
	background-color: #ffffff !important;
}


.region-message {
	
	box-shadow: 0 5px 15px rgba(0,0,0,.08);
}



.product-favourite {
	color: #8816fe !important;
}







.spin::before {
	animation: 1.5s linear infinite spinner;
	animation-play-state: inherit;
	border: solid 5px #cfd0d1;
	border-bottom-color: #ffffff;
	border-radius: 50%;
	content: "";
	height: 40px;
	width: 40px;
	position: absolute;
	top: 10%;
	left: 10%;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
}


	html {
		color: #ffffff;
	}
	.background-gradient {
		background-color: #8816fe;
		background: linear-gradient(45deg, #8816fe 0%, #06014f 80%);
	}
	.background-image {
		background: url(/assets/stores/HUMANSEC/branding/heroimage.png) no-repeat !important;
		background-size: cover !important;
		background-position: center !important;
	}
	.link-hover {
		color: #ffffff !important;
	}
	.link-hover:hover {
		color: #e3c9f5 !important;
	}
	.global-icons {
		color: #ffffff !important;
	}
	.global-icons:hover {
		color: # !important;
	}
	h1, h2, h3, h4, h5 {
		color: #ffffff !important;
	}
	a {
		color: #ffffff;
	}
	a:hover {
		color: #e3c9f5 !important;
	}
	.uk-navbar-nav>li>a {
		color: #ffffff;
	}
	.brand-button, .brand-button:visited, a.brand-button, a.brand-button:visited {
		border: 1px solid #ffffff;
	}
	.brand-button:hover {
		opacity: 0.8;
		border: 1px solid # !important;
	}
	.brand-button-dark, .brand-button-dark:visited, a.brand-button-dark, a.brand-button-dark:visited {
		border: 1px solid #8816fe;
	}
	.brand-button-dark:hover {
		opacity: 0.8;
		border: 1px solid # !important;
	}
	input[type=text]:focus, textarea:focus {
		border: 1px solid #06014f;
	}
	.nav-basket-item-count {
		background-color: #8816fe;
	}
	.nav-header, div#popup_container div#popup_title {
		background-color: #8816fe;
		background: linear-gradient(45deg, #8816fe 0%, #06014f 80%);
	}
	.forgot-password {
		color: #ffffff;
	}
	.uk-form-label {
		color: #ffffff;
	}
	progress[value]::-webkit-progress-value {
		background-color: #06014f;
	}
	.breadcrumb {
		background: linear-gradient(90deg, #8816fe 50%, #06014f 100%);
	}
	.breadcrumb-selected {
		background: #06014f !important;
	}
	.arrow-right {
		border-left: 15px solid #06014f !important;
	}
	.remove-voucher {
		color: #ffffff;
	}
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
		border: 1px solid #8816fe !important;
		background: #06014f !important;
		color: #ffffff !important;
	}

.slide-navs {
	color: #ffffff !important;
}

.wbd-logo-tag {
	color: #ffffff;
}

.modern-sub-nav-bg {
	background-color: #919191;
}

.modern-header-nav-colour {
	color: #101010;
}

.modern-header-nav-colour a {
	color: #101010 !important;
}

.modern-header-nav-colour a:hover {
	opacity: 0.8;
}