body {
	overflow-x: hidden;
}
.header {
	width: 100%;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	left: 0;
	z-index: 100;
	box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.16);
	-webkit-transition: ease 0.5s;
	-o-transition: ease 0.5s;
	transition: ease 0.5s;
}

.header .languages {
	margin-right: 0;
}

.header__wrapper {
	background-image: url("/Website2021/dist/images/new-images/header-bg.png");  /* cjw */
	background-size: cover;
	background-position: 0 0;
	background-color: #00050a;
	padding: 23px 0;
}

.header__wrapper .container {
	display: flex;
	align-items: center;
}

.header__logo {
	width: 100%;
	max-width: 306px;
	padding: 0 15px;
}

.header img {
	display: block;
	width: 100%;
}
.header__right {
	display: flex;
	width: 100%;
	/*flex: 1 0 0;*/
	padding-left: 6%;
	padding-right: 20px;
	align-self: center;
	justify-content: space-between;
}
.header__option {
	width: 35px;
}
.header__options {
	display: flex;
	align-items: center;
	list-style: none;
	font-size: 0;
	/*flex: 1 0 0;*/
	margin: 0px;
	padding-left: 20px;
	justify-content: flex-end;
}

.header__right li.header__nav-item,
.header__option:not(:last-of-type) {
	margin-right: 25px;
}

.header__right li.header__nav-item,
.header__option:not(:last-of-type) {
	margin-right: 18px;
}

.header__right li.header__nav-item a,
.header__option a {
	display: block;
}

.header__right li.header__nav-item svg,
.header__option svg {
	max-width: 100%;
	height: auto;
}

.header__cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
}

.header__cart span {
	margin-left: 10px;
}

.header__cart::before {
	width: 18px;
	height: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	content: attr(data-cart-amount);
	font-family: "Swis721 Ex BT", Arial, sans-serif;
	color: #00050a;
	font-size: 10px;
	background-color: #cfd600;
	border-radius: 50%;
	z-index: 2;
	position: absolute;
	top: -1px;
	left: -7px;
}

.header__nav--main {
	position: relative;
}

.dropdown {
	/*width: calc(100% - 30px);*/
	left: 50%;
	transform: translate3d(-50%, 100%, 0);
}

/*
.header--state2 {
	top: 0 !important;
}

.header--state2 .header__wrapper {
	padding: 15px 0;
}

.header--state2 .header__logo {
	max-width: 250px;
}

.header--state2 .header__nav-item {
	padding: 15px 0;
}
*/

.languages .select2-container--open + .select2-container--open {
	left: auto;
	right: 0;
	width: 100%;
}

@media screen and (max-width: 31.25em) {
	.header__cart span:first-of-type::after {
		margin-right: 0;
	}
}
.header__cart span:last-of-type {
	font-family: "Swis721 Ex BT", Arial, sans-serif;
	color: #fff;
	font-size: 0.875rem;
	line-height: 1rem;
	text-transform: uppercase;
}

.form--header {
	margin-bottom: 0px;
	margin-right: 0px;
	align-content: center;
}
.div-search-engine {
	display: none;
    width: 100%;
    background: white;
    position: absolute;
    top: 45px;
	max-height: 25em;
	overflow: auto;
    border-radius: 2px;
    z-index: 1;
   /* border: 1px solid #e6e6e6;*/
    box-shadow: rgba(35, 40, 47, 0.6) -1px 6px 11px 8px;
}
.search-word-list {
	list-style: none;
	margin: 0;
}
.search-word-list li {
	border-bottom: 1px solid #c2c2c261;
    padding-bottom: 10px;
	padding-left: 10px;
    padding-top: 10px;
}
.search-word-list li:hover {
	background-color: #eee;
	cursor: pointer;
}
.search-word-list-img {
	width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-word-list-text {
	padding: 0 0 0 10px;
	font-family: "Open Sans", Arial, sans-serif;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #2e2e2e;
}
.search-word-list-text div {
    font-weight: 700;
    color: black;
	font-size: 14px;
}
.search-word-list-text p {
	font-size: small;
}
.search-word-list-img img {
	width: 100%;
    max-height: 50px;
}
.search-word-list-img, .search-word-list-text {
	display: table-cell;
    vertical-align: top;
}
.div-search-engine::-webkit-scrollbar{
	width: 5px;
}
.div-search-engine::-webkit-scrollbar-track {
	background-color: #e6e6e6;
}
      
.div-search-engine::-webkit-scrollbar-thumb{
	background:#cfd600;
}
#SearchString::placeholder {
  font-weight: 400;
  opacity: 0.5;
  color: white;
}

.header__navigation {
	width: 100%;
	background-color: #d0d62d;
}

.slider__boxes {
	bottom : 10px;
}

.slider__boxes .slick-dots {
	position: relative;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 25px;
	list-style: none;
}

.slider__boxes .slick-dots li {
	width: 8px;
	height: 8px;
	background-color: #cbcbcb;
	border-radius: 50%;
}

.slider__boxes .slick-dots li button {
	display: none;
}
.slider__boxes .slick-dots li.slick-active {
	background-color: #2e2e2e;
}

.box {
	display: flex;
	height: 270px;
	width: 100%;
	position: relative;
}
.box__image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.box__name {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #d0d62d;
	color: #000;
	font-family: "Swis721 Ex BT", Arial, sans-serif;
	font-size: 18px;
	line-height: 23px;
	width: calc(100% - 75px);
	height: 70px;
	padding: 10px 30px;
	display: flex;
	align-items: center;
}
.box__name:after {
	content: "";
	border-left: 0 solid transparent;
	border-right: 75px solid transparent;
	border-bottom: 70px solid #d0d62d;
	position: absolute;
	bottom: 0;
	right: -75px;
}

.shop__advertisments {
	list-style: none;
	margin: 20px 0 0 0;
}

.shop__advertisments li:not(:last-of-type) {
	margin-bottom: 17px;
}

.mobile__content .form--header {
	display: flex !important;
}
@media (max-width: 1024px) {
	.header__wrapper {
		padding: 15px 0;
	}

	.header__logo {
		max-width: 220px;
	}
	.header--state2 .header__logo {
		max-width: 200px;
	}

	.header__right li.header__nav-item,
	.header__option:not(:last-of-type) {
		margin-right: 15px;
	}

	.header__right li.header__nav-item,
	.header__option:not(:last-of-type) {
		margin-right: 15px;
	}

	.header__cart span:last-of-type {
		display: none;
	}

	.form--header {
		display: none;
	}
	
	.header__options {
		width: 100%;
	}
}

@media (max-width: 640px) {
	.header__logo {
		max-width: 200px;
	}

	.header--state2 .header__logo {
		max-width: 180px;
	}

	.header__options {
		margin-right: 0px;
	}

	.header__right li.header__nav-item svg,
	.header__option svg {
		width: 22px;
		height: auto;
	}

	.header__cart svg {
		width: 20px;
		height: auto;
	}

	.header__hamburger:before {
		font-size: 22px;
	}

	.header__cart::before {
		width: 15px;
		height: 15px;
		font-size: 7px;
		left: -4px;
	}

	.box__name {
		font-size: 16px;
		line-height: 21px;
		width: calc(100% - 75px);
		height: 50px;
	}
	.box__name:after {
		content: "";
		border-left: 0 solid transparent;
		border-right: 75px solid transparent;
		border-bottom: 50px solid #d0d62d;
		position: absolute;
		bottom: 0;
		right: -75px;
	}
}

@media (max-width: 380px) {
	.header__logo {
		max-width: 160px;
	}

	.header--state2 .header__logo {
		max-width: 150px;
	}
}

/* Input Fields */
.form__input.validCheck:focus:valid {
	border: 1px solid #cfd600;
	outline: none;
}
.form__input.validCheck:focus:invalid {
	border: 1px solid red;
	outline: none;
}
.invalidInput{
	border: 1px solid red;
	border-color: red;
	outline: none;
}
.validInput{
	border: 1px solid #cfd600;
	outline: none;
}
.hiddenError{
	height: 0px;
	display: block;
    overflow: hidden;
	margin-top: 0px;
	margin-left: 5px;
	color: red;
	font-family: Open Sans, Arial, sans-serif;
	-webkit-transition:height, 0.3s linear;
    -moz-transition: height, 0.3s linear;
    -ms-transition: height, 0.3s linear;
    -o-transition: height, 0.3s linear;
    transition: height, 0.3s linear;
}
.show .hiddenError{
	height:20px;
	margin-top: 10px;
    -webkit-transition:height, 0.3s linear;
    -moz-transition: height, 0.3s linear;
    -ms-transition: height, 0.3s linear;
    -o-transition: height, 0.3s linear;
    transition: height, 0.3s linear;
}

.pass-hidden-error{
	height: 0px;
	display: block;
    overflow: hidden;
	margin-top: 0px;
	margin-left: 5px;
	color: red;
	font-family: Open Sans, Arial, sans-serif;
	-webkit-transition:height, 0.3s linear;
    -moz-transition: height, 0.3s linear;
    -ms-transition: height, 0.3s linear;
    -o-transition: height, 0.3s linear;
    transition: height, 0.3s linear;
}
.show .pass-hidden-error {
	height:20px;
	margin-top: 10px;
    -webkit-transition:height, 0.3s linear;
    -moz-transition: height, 0.3s linear;
    -ms-transition: height, 0.3s linear;
    -o-transition: height, 0.3s linear;
    transition: height, 0.3s linear;
}
.show .form__password .form__input--password {
	border: 1px solid red;
	outline: none;
}
.pass-field2-check{
    position: absolute;
    top: 60%;
    width: 25px;
    height: 25px;
	display: flex;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0.875rem;
}
.blinkInput{
	animation: blink 0.8s;
    animation-iteration-count: 3;
}
@keyframes blink { 50% { border-color:#fff ; }  }

/* PipeDrive */
@media screen and (max-width: 39.99875em){
	.pipedriveWebForms{
		padding-left: 20px;
		padding-right: 20px;
	}
}

.basket__bottom {
	bottom: 0;
    position: absolute;
    margin: 0;
    width: calc(100% - 85px);
    margin: 1.875rem 0 1.3125rem 0;
	display: flex;
    flex-flow: column;
}
.basket__subtotal {
	margin: 10px 0px 10px 0px;
	font-family: "Swis721 Ex BT", Arial, sans-serif;
}
.css-table {
  display: flex;
}

.key {
  width: 50%;
}

.val::before {
  content: ': ';
}
.basket__content::-webkit-scrollbar{
	width:13px;
}
.basket__content::-webkit-scrollbar-track {
	border-left: 10px solid white;
	background-color: #e6e6e6;
}
      
.basket__content::-webkit-scrollbar-thumb{
	background:#cfd600;
	border-left: 10px solid white;
}

.popoutAnimation{
	display:flex !important;
	animation: growOut 400ms ease-in-out forwards;
    transform-origin: top center;
}
.nounderline:hover{
	text-decoration: none;
}
.details-update-group {
	margin-top: 25px;
}
/* To use this css class, you need to surround the element in which
 * you are using .disabled-field with a div block, in order for it 
 * to work.
 */
.disabled-field {
	pointer-events: none !important;
	cursor: not-allowed !important; 
	opacity: 0.7 !important;
}
div:has(> .disabled-field) {
	cursor: not-allowed;
}
.required-field:after {
	content: " *";
	color: red;
}
.home__text h1,
.home__text h2,
.home__text h3,
.home__text h4,
.home__text h5,
.home__text h6{
	font-family: "Swis721 Ex BT", Arial, sans-serif;
    color: #2e2e2e;
	margin: 0px;
}
@media screen and (max-width: 29.6875em) {
    .basket__container {
        padding-right: 4px;
    }
	#shopping-cart-span {
		display: flex;
		justify-content: flex-end;
	}
}
@media screen and (max-width: 29.6875em) {
		.basket__bottom {
		padding-right: 20px;
		width: 100%;
	}
}

/* Profile dropdown */
.profile-dropdown {
	margin-right: 15px;
	position: relative;
	width: fit-content;
	flex-flow: row;
    border-radius: 30px;
    padding: 6px;
	background-position: top;
}
.profile-dropdown-content {
	position: absolute;
	min-width: 260px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	top: 4.6rem;
	left: -100px;
	background-color: #fff;
	z-index: 10;
	padding: 15px;
	display: none;
}
.profile-dropdown-content .button{
	min-width: 100%;
	min-width: -webkit-fill-available;
	min-width: -moz-available;
	min-width: fill-available;
}
.profile-dropdown.active {
	.profile-dropdown-content{
		display: block;	
	}
}
.top-nav-account-name-span {
	color: white;
	margin: 0px 9px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: 1rem;
	font-weight: 400;
	align-self: center;
	width: fit-content;
    max-width: 52px;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	user-select: none;
	text-overflow: ellipsis;
}
.profile-name-hovered {
	color: black;
	font-weight: 600;
}
.profile-dropdown-hover {
	background-image: linear-gradient(to top, #d0d62d 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: bottom;
    transition: background-position 0.2s ease-in-out;
}
.profile-icon-black-filter {
	filter: invert(0%) sepia(92%) saturate(7425%) hue-rotate(146deg) brightness(0%) contrast(101%);
}
/***/

#bootstrap-overrides:hover {
	color: #cfd600;
}
.bootstrap-overrides:hover {
	color: #cfd600 !important;
}
#bootstrap-overrides.button--coal{
	color: #fff;
}
#bootstrap-overrides.button--coal:hover{
	color: black;
}
.account_ul-css-overrides li:before{
	margin-right: 0px !important;
}
.account_ul-css-overrides {
	margin-bottom:0px;
	width: 100%;
}
.hover-effect:hover {
	background-color: #eeeeee;
}
.edit-address {
    background-color: #f0f0f0;
    width: 75%;
}

.order-subtitle-section {
	display: flex;
	flex-flow: row;
	grid-auto-rows: auto;
	margin: 0 0.9375rem;
	justify-content: space-between;
}
.order-subtitle {
	height: fit-content;
	display: flex;
	align-self: center; 
	justify-self: center;
	justify-self: center;
}
.orders-list {
	margin-top: 40px;
	margin-bottom: 2.375rem;
}
/* Order table */
.order__table {
	border: 1px solid #000000a6;
    border-radius: 0.30rem;
    margin: 0 0.9375rem;
	margin-bottom: 3.375rem;
}
.order__table-headings {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 0.625rem 15px;
}
.order__table-headings-subsection {
	display: flex;
}
.order__table-heading {
    font-family: Swis721 Ex BT,Arial,sans-serif;
    color: #d0d62d;
    padding: 0 0.9375rem;
	font-size: .9375rem;
}
.order__table-heading-value {
    font-family: Swis721 Ex BT,Arial,sans-serif;
    color: #fff;
    padding: 0 0.9375rem;
	font-size: .9375rem;
}
.order__body {
	padding: 20px;
}
.order__title {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-family: Swis721 Ex BT, Arial, sans-serif;
	color: #009045;
	font-size: 17px;
	line-height: 1.125rem;
	margin-bottom: 0.3125rem;
}
.order-line-table-section {
	width: 70%;
}
.order-details-section {
	justify-self: center;
	width: 30%; 
	padding: 0 0 20px 20px;
}
.order-line-table__headings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    padding: 0.40rem 0.6rem;
}
.order-line-table__heading {
	font-family: Swis721 Ex BT,Arial,sans-serif;
	color: #fff;
	width: 100%;
	display: flex;
	justify-content: center
}
.order-line-table__heading-group {
	display: flex;
	width: 75%;
	height: fit-content;
	justify-content: flex-end;
}
.order-line-table-and-details-section {
	display: flex;
	flex-flow: row;
}
.order-line-table-visible-section {
	display:flex;
}
.order-line-table__row {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: row;
	margin-top: 15px;
	padding: 1.25rem 15px;
	background: #e6e6e6;
	border-bottom: 0.0625rem solid #f0f0f0;
}
.font-overrides {
	color: black;
	width: 100%;
	font-family: inherit;
}
.order-line-table__heading.first-item {
	width: 100%;
	justify-content: flex-start;
}
.order-line-table__row-plus-icon {
	font-size:12px;
	margin-right: 15px;
	display: grid; 
	margin-top: 3px;
	height: fit-content;
	cursor: default;
	user-select: none;
}
.order-line-table__row-product {
    width:100%;
	height: fit-content;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.order-line-table__row-body {
	display: flex;
	flex-flow: column;
	width: 100%;
}
.order-line__product-details-hidden {
	max-height: 0px;
    overflow: hidden;
	-webkit-transition:max-height, 0.3s linear;
    -moz-transition: max-height, 0.3s linear;
    -ms-transition: max-height, 0.3s linear;
    -o-transition: max-height, 0.3s linear;
    transition: max-height, 0.3s linear;
}
.order-line__product-details-show {
	max-height:160px;
	margin-top: 10px;
    -webkit-transition:max-height, 0.3s linear;
    -moz-transition: max-height, 0.3s linear;
    -ms-transition: max-height, 0.3s linear;
    -o-transition: max-height, 0.3s linear;
    transition: max-height, 0.3s linear;
}
/* Green button above track package button */
.order-details-hidden {
	max-height: 0px;
	background: #e6e6e6;
	border-bottom: 0.0625rem solid #f0f0f0;
	padding:0px;
	overflow: hidden;
	-webkit-transition:height, 0.3s linear;
    -moz-transition: height, 0.3s linear;
    -ms-transition: height, 0.3s linear;
    -o-transition: height, 0.3s linear;
    transition: height, 0.3s linear;
}
.order-details-show {
	max-height:380px;
	padding:10px;
    -webkit-transition:height, 0.3s linear;
    -moz-transition: height, 0.3s linear;
    -ms-transition: height, 0.3s linear;
    -o-transition: height, 0.3s linear;
    transition: height, 0.3s linear;
}
.order-details-price-table {
  border-collapse: collapse;
  width: 100%;
}
.order-details-price-table tr th, td {
  text-align: end;
}
.order-details-price-table tr th:first-child, td:first-child {
	text-align: left;
}
.button--icon-before:before {
	content: attr(data-before-icon);
	-webkit-transition:transform, 0.5s cubic-bezier(0.84, 0.01, 0.48, 1.01);
    -moz-transition: transform, 0.5s cubic-bezier(0.84, 0.01, 0.48, 1.01);
    -ms-transition: transform, 0.5s cubic-bezier(0.84, 0.01, 0.48, 1.01);
    -o-transition: transform, 0.5s cubic-bezier(0.84, 0.01, 0.48, 1.01);
    transition: transform, 0.5s cubic-bezier(0.84, 0.01, 0.48, 1.01);
}
.order-details-button-animate:before {
	content: attr(data-before-icon);
	transform: rotate(180deg);
	-webkit-transition:transform, 0.5s cubic-bezier(0.37, 0.02, 0.48, 1.01);
    -moz-transition: transform, 0.5s cubic-bezier(0.37, 0.02, 0.48, 1.01);
    -ms-transition: transform, 0.5s cubic-bezier(0.37, 0.02, 0.48, 1.01);
    -o-transition: transform, 0.5s cubic-bezier(0.37, 0.02, 0.48, 1.01);
    transition: transform, 0.5s cubic-bezier(0.37, 0.02, 0.48, 1.01);
}
.blue-text-hover:hover {
	color: #0056b3 !important;
}
.order-line-content_1 {
	width: 16%;
}

.cart__product .details table td {
	text-align: left;
	padding-left: 20px;
}
.cart__product .details table th {
	font-family: Swis721 Ex BT,Arial,sans-serif;
    margin-right: 1rem;
	font-size: .9375rem;
	color: #000;
	width: 40%;
	line-height: 1.125rem;
}

/**/
.plusminus {
    position: relative;
    width: 12px;
    height: 12px;
    cursor: pointer;
	
	&.active {
		&:before {
			transform: translatey(-50%) rotate(-90deg);
			opacity: 0;
		}
		&:after {
			transform: translatey(-50%) rotate(0);
		}
	}
	
	&:before , &:after {
		content: "";
		display: block;
		background-color: #333;
		position: absolute;		
		top: 50%; left: 0;
		transition: .35s;
		width: 100%;
		height: 3px;
	}
	
	&:before {		
		transform: translatey(-50%);
	}
	
	&:after {
		transform: translatey(-50%) rotate(90deg);
	}
	
}
.page-warning {
	width: 100%;
	background: red;
	padding:10px;
	color: white;
	text-align: center;
	animation: 0.8s ease-out 0s 1 drop_down;
}
.page-warning h6 {
	margin-bottom:0px;
}
.page-warning__link {
	color: greenyellow;
	text-decoration: underline !important;
}
.page-warning__link:hover {
	color: #d0d62d !important;
}
.cart__product .details table tr.small-screen-size  {
	display: none;
}
.cart__product.small-screen-size {
	flex-wrap: nowrap;
}
.cart__discount p {
	margin-top:0px;
	font-size:14px;
	display:none;
	padding: 5px 1.625rem;
	background-color: #cfd600c9;
    text-align: center;
    font-weight: 500;
}
.register.page__title {
	margin-top: 0px;
	font-size: 2.1rem;
}
.order-details-section-btns {
	min-width: 100%;
	min-width: -webkit-fill-available; 
	min-width: -moz-available;
	min-width: fill-available;
	border-radius: 0; 
	margin-bottom: 0px;
}
.order-btns-block {
	margin-top: 12px;
}
.order-btns-block .order-details-section-btns:not(:first-child) {
    margin-top: 5px;
}
.icon-coal::before {
	color: white;
}
.icon-coal:hover:before {
	color: black;
}
.track-package__dropdown {
	display: none;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
    max-height: 88px;
    position: absolute;
    overflow-y: auto;
    animation: growDown 300ms cubic-bezier(0.17, 0.01, 0, 1.01) forwards;
    transform-origin: top center;
	box-shadow: -6px 7px 8px 0px rgba(0,0,0,0.2);
}
.track-package__dropdown li {
	display: block;
	color: black;
	background-color: #e6e6e6;
	font-size: 16px;
	cursor: pointer;
}
.track-package__dropdown li:hover {
	background-color: #c3c3c3;
}
.track-package__dropdown::-webkit-scrollbar {
	width: 5px;
    background-color: #F5F5F5;
}  
.track-package__dropdown::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.track-package__dropdown::-webkit-scrollbar-thumb{
	background:#cfd600;
	border-left: 10px solid #aaa;
}

.register-btn-loading:hover {
	background-color: #2e2e2e;
    color: #cfd600;
}
.register-btn-loading:before {
    color: #cfd600;
	animation: fa-spin 1.8s linear infinite;
}
.register-btn-loading {
	cursor: not-allowed;
}
#slideBox button:focus {
	outline:none;
}
.items li {
	font-weight: bold;
    padding-bottom: 10px;
    display: flex;
    border-bottom: 0.0625rem solid #f0f0f0;
}
.items li div:first-child {
	width: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e6e6e6;
}
.items li div:last-child {
	margin-left: 20px;
    width: 100%;
}
.items li div:last-child a:hover{
	color: #0056b3;;
}
.menu-overlay {
	position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 51%);
    z-index: 51;
    cursor: pointer;
}
.items div img {
	max-height: 110px;
	padding: 5px;
}
.order-success-container {
	padding: 20px; 
	width: 100%;
	display: flex; 
	justify-content: center;
}
.order-success-container .details {
	display: flex;
	flex-wrap: wrap;
	min-height: 250px;
	justify-content: center;
	align-content: center;
}
.border {
    width: 85% !important;
    height: 85% !important;
    margin: auto;
}
.paypal-btn-icon:hover {
	box-shadow: 0px 6px 15px #0000ff61;
    border: 0.0625rem solid #ffc439;
}
.paypal-btn-icon:hover::after {
	opacity: 1;
	transition: all 0.5s;
	color: black;
}
.paypal-btn-icon::after {
	content: attr(data-after-icon);
	font-weight: 400;
	opacity: 0;
	font-family: Font Awesome\5 Pro, Font Awesome\5 Brands, Arial, sans-serif;
}
.loading-icon::after {
	content: attr(data-load-icon);
	animation: spin 1.6s linear infinite;
	opacity: 1;
	font-weight: 400;
	font-family: Font Awesome\5 Pro, Font Awesome\5 Brands, Arial, sans-serif;
}
.paypal-btn-anim {
	padding: 0px 20px 0px 0px;
	transition: all 0.5s;
}
.tooltip-red {
	background-color: #d0342c;
	border: 2px Solid black;
    color: #fff;
	font-family: 'Open Sans';
    font-size: 15px;
    text-align: center;
    border-radius: 5px;
    padding: 5px 12px;
    position: absolute;
    transform: translate(-25px, 60px);
    z-index: 1;
	visibility: hidden;
}
.tooltip-red::before {
	content: '';
	position: absolute;
	display: block;    
	width: 0px;        
	left: 54px;
	top: 5px;
	border: 10px solid transparent;
	border-top: 0;
	border-bottom: 10px solid black;
	transform: translate(-50%, calc(-100% - 5px));
}
.tooltip-red::after {
	content: '';
	position: absolute;
	display: block;    
	width: 0px;        
	left: 54px;
	top: 6px;
	border: 8px solid transparent;
	border-top: 0;
	border-bottom: 8px solid #d0342c;
	transform: translate(-50%, calc(-100% - 5px));
}
.product__size .size.size--disabled:hover ~ .tooltip-red {
	visibility: visible;
}
.cart__box-container {
	padding: 20px;
	display: grid;
	justify-self: center;
	justify-items: center;
}

/* Checkbox & Online-returns page */
.checkbox-wrapper-33 {
	--s-xsmall: 0.625em;
	margin-top: 10px;
	margin-right: 10px;
	display: flex;
	--border-width: 1px;
	--c-primary: #00050a;
	--c-primary-20-percent-opacity: rgb(72 67 80 / 20%);
	--c-primary-10-percent-opacity: rgb(95 17 232 / 10%);
	--t-base: 0.4s;
	--t-fast: 0.2s;
	--e-in: ease-in;
	--e-out: cubic-bezier(.11,.29,.18,.98);
}

.checkbox-wrapper-33 .visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.checkbox-wrapper-33 .checkbox-label {
	display: flex;
	align-items: center;
	margin-bottom: 0px;
	justify-content: flex-start;
}
.checkbox-wrapper-33 .checkbox-label + .checkbox-label {
	margin-top: var(--s-small);
}
.checkbox-wrapper-33 .checkbox__symbol {
	display: inline-block;
	display: flex;
	margin-right: calc(var(--s-small) * 0.7);
	border: var(--border-width) solid var(--c-primary);
	position: relative;
	border-radius: 0.1em;
	width: 1.5em;
	height: 1.5em;
	transition: box-shadow var(--t-base) var(--e-out), background-color var(--t-base);
	box-shadow: 0 0 0 0 var(--c-primary-10-percent-opacity);
}
.checkbox-wrapper-33 .checkbox__symbol:after {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	width: 0.25em;
	height: 0.25em;
	background-color: var(--c-primary-20-percent-opacity);
	opacity: 0;
	border-radius: 3em;
	transform: scale(1);
	transform-origin: 50% 50%;
}
.checkbox-wrapper-33 .checkbox-label .icon-checkbox {
	width: 1em;
	height: 1em;
	margin: auto;
	fill: none;
	stroke-width: 3;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	color: var(--c-primary);
	display: inline-block;
}
.checkbox-wrapper-33 .checkbox-label .icon-checkbox path {
	transition: stroke-dashoffset var(--t-fast) var(--e-in);
	stroke-dasharray: 30px, 31px;
	stroke-dashoffset: 31px;
}
.checkbox-wrapper-33 .checkbox__textwrapper {
	margin: 0;
}
.checkbox-wrapper-33 .checkbox__trigger:checked + .checkbox__symbol:after {
	-webkit-animation: ripple-33 1.5s var(--e-out);
	animation: ripple-33 1.5s var(--e-out);
}
.checkbox-wrapper-33 .checkbox__trigger:checked + .checkbox__symbol .icon-checkbox path {
	transition: stroke-dashoffset var(--t-base) var(--e-out);
	stroke-dashoffset: 0px;
}
.checkbox-wrapper-33 .checkbox__trigger:focus + .checkbox__symbol {
	box-shadow: 0 0 0 0.25em var(--c-primary-20-percent-opacity);
}
.cart__product-options li span {
	font-size: 14px;
} 
.item_row {
	display: flex; 
	width: 100%;
	margin-top: 20px;
	flex-flow: column;
}
.item_row-sections {
	display: flex;
	width:100%;
	justify-content: center;
}
.item_row-section-1 {
	display: flex; 
	width: 100%;
}
.item_row-section-2 {
	display: flex;
	width: 55%; 
	margin-left: 10px;
	height: fit-content;
}
.item_row-section-2 .cell {
	width: 100%;
	display: flex;
	align-self: flex-start;
	justify-content: center;
}
.item_row-section-2 .cell div {
	align-self: center;
}
.order-line-table__heading-group.heading {
	width: 54%;       
}
.item_row-product {
	width: 100%;
	display: flex;
	flex-flow: row;
	margin-bottom: 0.9375rem;
}
.item_row-product .image {
	display:flex; 
	max-height: 160px;
	justify-content: center;
	border: none;
	background: white;
}
.item_row-product .image img{
	width: fit-content;
	object-fit: scale-down;
}
/*
.item_row-reason_selector {
	position: relative;
}
.item_row-reason_selector select {
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	padding: 0.8em 2em 0.8em 1em;
	background-color: #fff;
	border: 1px solid #caced1;
	border-radius: 0.25rem;
	color: #000;
	cursor: pointer;
	outline: none;
}

.item_row-reason_selector::before,
.item_row-reason_selector::after {
	--size: 0.3rem;
	content: "";
	position: absolute;
	right: 1rem;
	pointer-events: none;
}
.item_row-reason_selector::before {
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-bottom: var(--size) solid black;
	top: 40%;
}

.item_row-reason_selector::after {
	border-left: var(--size) solid transparent;
	border-right: var(--size) solid transparent;
	border-top: var(--size) solid black;
	top: 55%;
}
**/
.item_row-separator {
	width: 100%;
	height: 0.0625rem;
	margin-top: 15px;
	background-color: rgba(0, 0, 0, 0.15);
}
.item_row-selected {
	border: 2px Solid #dc3545;
	padding: 10px;
	transition: padding, 0.15s linear;
}
.orderlines {
	margin-top: 1.9375rem;
}
.orderlines .header-txt {
	font-weight: bold;
	font-size: 16px;
	margin-top: 1.9375rem;
}
.no-orderlines {
	height: 70px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.cart__price.qty {
	text-align: center;
}
.item_row-product.cart__product .image {
	width: 60%;
	border: 0.0625rem solid #ccbebe;
}
.item_row-product.cart__product .details {
	width: 100%;
}
.radio-button-lbl {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 17px;
  font-family: Open Sans, Arial, sans-serif !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-button-lbl input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #aaa;
}
.radio-button-lbl:hover input ~ .checkmark {
  background-color: #ccc;
}
.radio-button-lbl input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-button-lbl input:checked ~ .checkmark:after {
  display: block;
}
.radio-button-lbl .checkmark:after {
 	top: 7px;
	left: 7px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
}
.success-box {
	display: flex;
	align-items: center;
}
.weboc_detail-container {
	margin-top: 12px;
	padding: 0px 2.25rem;
	font-family: Swis721 Ex, Arial, sans-serif;
}
#weboc_orderlines .items {
	margin: 0 0 0.625rem 0;
}
.weboc_order-addr {
	width: 100%;
	display: flex;
}
.abbr-text div{
	display: block;
}
.abbr-text span {
	display: none;
}
.cart__product-img-container {
	max-height: 160px;
	width: 180px;
	background: white;
	border: 0.0625rem solid #ccbebe;
	display: flex;
	justify-content: center;
}
.info-icon {
	display: flex;
	justify-content: center;
}
.info-icon span {
	padding: 0px 0px 3px 0px;
	color: black;
	font-size: 18px;
	border-radius: 50%;
	border: solid 2px black;
	width: 26px;
	height: 28px;
	font-weight: bold;
	text-align: center;
	margin: 4px;
	display: flex;
	align-self: center;
	justify-content: center;
}
.holds-the-iframe {
  background:url('/Images/loading-icon.gif') center center no-repeat;
}
.header__right .form.form--header input:-webkit-autofill,
.header__right .form.form--header input:-webkit-autofill:hover, 
.header__right .form.form--header input:-webkit-autofill:focus, 
.header__right .form.form--header input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}
.cart-title .info {
	font-size: 14px;
	line-height: 20px;
	/*border: 1px solid #aaa;*/
	margin-bottom: 8px;
	margin-top: 21px;
	padding: 5px 12px;
	/*font-weight: 600;*/
	color: black;
	text-align: center;
	background-color: #e6e6e6;
}
.icon-info {
	display: flex;
	justify-content: center;
	justify-items: center;
}
.icon-info i {
	width: 20px;
	font-size: 18px;
	font-weight: 500;
	margin-right: 10px;
	align-self: center;
}
.cart-title .guest-info {
	font-size: 14px;
	line-height: 20px;
	background-color: #f5f5f5;
	border: 1px solid #1a1a1a;
	/* margin-bottom: 8px; */
	margin-top: 15px;
	padding: 16px 12px;
	text-align: center;
	background-color: rgba(255,200,0,.1);
	border-color: #ffc800;
}
.small-screen-device {
	display: none;
}
.info-section ul {
	list-style: none;
	margin: 0;
}
.warning-icon {
    font-size: 14px;
    line-height: 20px;
    color: red;
    display: flex;
    flex-flow: row;
    margin-top: 10px;
}
.warning-icon span{
	background: url("/Website2021/dist/images/site/warning.svg") no-repeat;
    margin:8px 10px 0 0;
    width: 25px;
}
.warning-icon p {
	margin: 0;
}
.loader {
	background: rgba(255, 255, 255, 0.9);
	opacity: 1;
	padding: 10px;
    display: none;
	/*visibility: hidden;*/
	-webkit-transition: opacity .3s, visibility 0s .3s;
	transition: opacity .3s, visibility 0s .3s
}
.loader:after {
	display: block;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: border-color .1s;
    transition: border-color .1s;
    -webkit-animation-name: preloader-animation;
    animation-name: preloader-animation;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    /*left: calc(50% - 50px);
    top: calc(50% - 50px);*/
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
.form .searchbar {
	width: 100%;
    background-color: transparent;
    /* color: #2e2e2e; */
    outline: none;
    border: none;
    color: #fff;
    font-size: 0.8125rem;
}
.jspell-pred {
	padding: 10px;
	display: none;
}
.jspell-pred div {
	color: red;	
}
.jspell-pred a {
	font-weight: bold;
	color: #007bff !important;
	cursor: pointer;
}
.jspell-pred a:hover {
	text-decoration: underline !important;
}
.search-form {
	margin:0;
	display:flex;
	flex-flow: row;
}
.search-form:has(input:focus) {
  border: 2px solid #cfd600;
}



/* Media Queries */
@media screen and (max-width: 74.688em) {
	.order-line-content_1 {
		width: 18%;
	}
}
@media screen and (max-width: 63.99875em) {
	.account__boxes {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}
@media screen and (max-width: 63.99875em) {
	.edit-address {
		width: 100%;
	}
	.cart__product-options li .content_1 {
		width: 15%;
	}
}
@media screen and (max-width: 39.99875em) {
	.page__title--mt-sm {
		margin-top: 0px;
	}
}
@media screen and (max-width: 63.99875em) {
	.pagination {
        display: none;
    }
	.order-line-table-and-details-section {
		flex-flow: column;
	}
	.order-line-table-section {
		width: 100%;
	}
	.order-details-section {
		margin-top: 15px;
		padding: 0px;
		width:100%;
	}
	.item_row-sections {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.item_row-section-2 {
		width: 100%;
		margin-top: 15px;
		margin-left: 0px;
		justify-content: space-between;
		height: fit-content;
	}
	.order-line-table__heading-group.heading {
		display: none;
	}
	.item_row-reason_selector {
		margin-top: 20px;
	}
}
@media screen and (max-width: 46.563em) {
	.order-line-content_1 {
		width: 30%;
	}
	.cart__product-options li .content_1 {
		width: 20%;
	}
	.item_row-product {
		flex-flow: column;
	}
	.item_row-product .image {
		align-self: center;
	}    
	.item_row-product .details {
		width: 100%;
		margin-top: 20px;
	}
	
	.checkbox-wrapper-33 .checkbox-label {
		align-items: flex-start;
	}
}
@media screen and (max-width: 41.563em) {
	.order-line-table__heading-group {
		display: none;
	}
	.cart__product .details table tr.small-screen-size {
		display: table-row;
	}
	.cart__product.small-screen-size {
		flex-flow: column;
	}
	.details.small-screen-size {
		width: 100%;
		padding-left: 0;
		margin-top: 12px;
	}
	.order-line__product-details-show {
		max-height:  450px;
	}	
	.cart__product-options.small-screen-size {
		margin-bottom: 0.9375rem;
	}
	.cart__product .details table th {
		width: 65%;
	}
}
@media screen and (max-width: 39.99875em) {
	.order-line-content_1 {
		width: 50%;	
	}
	.pagination.small-screen-size {
		display: flex;
	}
	.register.page__title {
		margin-top: 20px;
		line-height: initial;
	}
	.cart__product-options li .content_1 {
		width: 40%;
	}	
	.checkout .upper {
		display: none;
	}
}
@media screen and (max-width: 34.375em) {
	.success-box {
		flex-flow: column;
	}
	.success-box img {
		margin-bottom: 15px;
	}
	.weboc_detail-container {
		padding: 0px 0.25rem;
	}
	.weboc_order-addr {
		flex-flow: column;
	}
	.weboc_order-addr div:nth-child(2) {
		margin-top: 12px;
	}
}
@media screen and (max-width: 28.938em) {
	.order__table-headings {
		align-items: baseline;
		padding: 0.625rem 8px;
	}
	.order__table-headings-subsection {
		width: 70%;
	}
	.cart__product .cart__product-img-container {
		width: 100%;
		display:flex;
		justify-content: center;
	}
  .item_row-section-2 {
		flex-flow: column;
	}
   .item_row-section-2 .cell {
		margin-top: 10px;
		justify-content: flex-start;
	}
   .item_row-section-2 .cell .form__quantity .qty {
		width: 100%;
   }
   .cart__price.qty {
		text-align: start;
   }
   .cart__price.qty:before {
		justify-content: flex-start;
   }
}
@media screen and (max-width: 28.125em) {
	.subsection {
		margin-bottom: 0px;
	}
	.cart__product-options li .content_1 {
		width: 21%;
	}
	.cart__product .code {
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.cart__product .details table th {
		width: 58%;
	}
}


/* Keyframe Animations*/
@keyframes drop_down {
	0% {
		opacity: 0;
		transform: scale(0);
	  }
	  
	  80% {
		transform: scale(1.07);
	  }

	  100% {
		opacity: 1;
		transform: scale(1);
	  }
}
@keyframes slideDown {
  0% { 
    opacity: 0;
    transform: translateY(-60px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Blinking Text animation */
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/* Spinning Animation */
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@keyframes growOut {
     0% {
        transform: scale(0)
    }
    80% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}
@keyframes growDown {
    0% {
        transform: scaleY(0)
    }
    80% {
        transform: scaleY(1.1)
    }
    100% {
        transform: scaleY(1)
    }
}
@keyframes downOut {
     0% {
        transform: translateZ(200px) transLateY(40px)
    }
    80% {
        transform: translateZ(-10px) transLateY(0px)
    }
    100% {
        transform: translateZ(0px) transLateY(0px)
    }
}
@-webkit-keyframes ripple-33 {
	from {
	  transform: scale(0);
	  opacity: 1;
	}
	to {
	  opacity: 0;
	  transform: scale(20);
	}
}

@keyframes ripple-33 {
	from {
	  transform: scale(0);
	  opacity: 1;
	}
	to {
	  opacity: 0;
	  transform: scale(20);
	}
}
@-webkit-keyframes preloader-animation {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes preloader-animation {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}