/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:'Arial', sans-serif;}
body{margin:0; line-height: 1.5;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2.5rem;margin:.67rem 0}
h2{font-size:2rem;margin:.83rem 0}
h3{font-size:1.75rem;margin:1rem 0}
h4{font-size:1.5rem;margin:1.33rem 0}
h5{font-size:.83rem;margin:1.67rem 0}
h6{font-size:.75rem;margin:2.33rem 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1rem 0}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1rem 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1rem}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5rem}
sub{bottom:-0.25rem}
dl,menu,ol,ul{margin:1rem 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 0}
li{margin: 0 0 10px 0;}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:none;margin:0;padding:0}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;min-width:0;*vertical-align:middle;}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* Standard skipnav configuration */
.skip-to-content{padding: 8px 20px; position: absolute; top: -46px; left: 0px; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; background: #BF1722; transition: top .1s ease-out; z-index: 100; z-index: 100000000}
.skip-to-content:focus{position: absolute; left: 0px; top: 0px; outline-color: transparent; transition: top .1s ease-in; }

/* Define the grid layout */
.col{min-height: 20px; padding: 0 15px;}
.col--1wide{width: calc(8.33% - 30px);}
.col--2wide{width: calc(16.66% - 30px);}
.col--3wide{width: calc(25% - 30px);}
.col--4wide{width: calc(33.33% - 30px);}
.col--5wide{width: calc(41.66% - 30px);}
.col--6wide{width: calc(50% - 30px);}
.col--7wide{width: calc(58.33% - 30px);}
.col--8wide{width: calc(66.66% - 30px);}
.col--9wide{width: calc(75% - 30px);}
.col--10wide{width: calc(83.33% - 30px);}
.col--11wide{width: calc(91.66% - 30px);}
.col--12wide{width: calc(100% - 30px);}

/* Standard hidden functionality */
.hidden {display: none !important; visibility: hidden; }
.metainfo{display: none !important;}

/* Ensure all images don't overflow their container */
img{max-width: 100%;}

/* Default iframe configuration */
iframe{width: 100%; height: auto; border: none;}

/* Reveal the page content */
.page{display: block !important;}

/* Warnings, errors and success messages */
.warning{width: calc(100% - 40px); padding: 20px; margin: 0 0 1rem 0; text-align: center; color: #FFF;}
.warning.fail{background-color: #A00; color: #FFF;}
.warning.success{background-color: #0A0; color: #FFF;}
.warning a{color: #FFF; text-decoration: underline;}

/* Mobile test element */
.mobile-test-element{display: none;}

/* Basic Table styles */
table {text-align: left; font-size: 1rem !important; border: 1px solid #1D9EDA;}
table thead tr th{background-color: #1D9EDA; color: #FFF; padding: 10px;}
table tbody tr td{background-color: #FFF; color: #000; padding: 10px; vertical-align: top;}
table tbody tr td a{text-decoration: none;}
table tbody tr:nth-child(odd) td{background-color: #EEE;}
table tbody tr:hover td{background-color: #32465C; color: #FFF;}
table tbody tr:hover td p{color: #FFF;}
table tbody tr:hover td a{color: #FFF;}

.table--fullwidth{width: 100%;}
.table--noborder{border: none;}
.table--bottom-margin{margin-bottom: 3rem;}

/* Mobile */
@media only screen and (max-width: 840px) {
	.col{padding: 0 15px;}
	.col--1wide, .col--2wide, .col--3wide, .col--4wide, .col--5wide, .col--6wide, .col--7wide, .col--8wide, .col--9wide, .col--10wide, .col--11wide, .col--12wide{width: calc(100% - 30px);}
	.mobile-test-element{display: block;}
}

.block{width: 100%; position: relative; background-color: #FFF;}
.block__wrapper{width: 100%;}

.block--content{background-color: #f6f6f6; padding-top: 55px}

html{scroll-behavior: smooth;}

.fe-body{color: #000;}
h1, h2, h3, h4, h5, h6, p, li, blockquote{color: inherit;}

p{line-height: 1.5; font-size: 1.3rem; font-weight: 400; color: inherit;}
a{text-underline-position: under; color: inherit; transition: background-color 0.1s linear, color 0.1s linear;}
a:hover{color: #9e9e9e;}
li{color: inherit; margin: 0 0 15px 0;}

.grecaptcha-badge {visibility: hidden;} /* Hiding reCaptcha badge */

/* Basic Image positions */
.image--actual-size{width: auto; height: auto;}
.image--full-width{width: 100%; height: auto;}
.image--left{}
.image--centre{margin: 0 auto; display: block;}
.image--right{margin: 0 0 0 auto; display: block;}

.spec-img p{font-size: 0.8rem !important; text-align: center; font-style: italic; margin-top: 0;}

/* Standard document styling */
.spec-doc a {}

/* Standard IFrame styling */
.spec-video{width: 100%; position: relative; height: 0; padding-top: 56.25%; cursor: pointer;}
.spec-video iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

blockquote {border-left:2px solid #6a6a6a; color:#6a6a6a; padding-left:20px; margin-left:20px;}

.link-button{padding: 10px 44px; display: inline-block; background-color: #000; min-width: 150px; text-decoration: none; text-align: center; color: #FFF !important; text-transform: uppercase; cursor: pointer;}
.link-button:hover{background-color: #404040; color: #fff; transition: background-color 0.2s linear, color 0.2s linear; cursor: pointer;}


.block--footer{display: flex; min-height: 450px; flex-direction: column; flex-wrap: wrap; padding: 65px 0; background-color: #fff; background-size: cover; background-repeat: no-repeat; border-top: 3px solid #007eb4;}

.block__wrapper--footer {width: calc(100% - 240px); margin: 0 120px; display: flex; flex-wrap: wrap; justify-content: space-between;color: #777;}

.footer__area{text-align: center;}

.footer__area--1{margin: 18px 0;}
.footer__area--2{margin-bottom: 18px;}
.footer__area--3{margin-bottom: 20px;}

.block--footer p{letter-spacing: 0.07rem;}

.block--footer li{list-style: none;}
.block--footer li a{ text-decoration: none;}
.block--footer li a:hover{}

.social-media li a img{margin: 0 5px;}

.block--subfooter{background-color: #000; text-align: center; padding: 10px 0;}

@media only screen and (max-width: 840px) {
    .block--footer {text-align: center;}
}

.form{}

input, select, textarea{box-sizing: border-box;}

.form__legend{display: none;}
.form__fieldset{margin: 0; padding: 0; border: none; position: relative;}

.form a{}
.form h3{margin-bottom: 1.1rem; font-size: 1.375rem;}
.form p{line-height: 1.6rem; font-size: 1.15rem; margin-bottom: 0.5rem;}

/* Column layout */
.form__column{width: 100%; float: left; display: flex; flex-wrap: wrap;}
.form__column--quarter{width: 25%;}
.form__column--narrow{width: 33%;}
.form__column--wide{width: 67%;}
.form__column--half{width: 48%;}
.form__column--half + .form__column--half{margin-left: 4%}
.form__column--fullpad{width: calc(100% - 40px); padding: 0 20px;}
.form__column--halfpad{width: calc(50% - 40px); padding: 0 20px;}
.form__column--halfpad-vertical{flex-direction: column;}
.form__column--centre{justify-content: center;}
.form__column--right{justify-content: right;}

.form__column--wide label{width: calc(20% - 14px);}
.form__column--wide textarea{min-height: 226px; width: calc(80% - 8px);}
.form__column--wide .checkboxdiv label{width: calc(70% - 14px); margin-left: 19%;}

.form--groups{width: 100%;}
.form--groups fieldset{width: 100%;}
.form--groups .form__column{width: 100%;}
.form--groups .table--groups-list{width: 100%;}
.form--groups .table--groups-list th:first-child{text-align: right; padding-right: calc(10% - 15px);}

.form__section{margin-bottom: 40px; padding-bottom: 20px; display: flex; flex-flow: row wrap; box-shadow: -1px 5px 15px -5px #888;}
.form__section--padded{padding: 10px 20px;}
.form__section--flex{display: flex; flex-flow: row wrap;}
.form__header{color: #FFF; font-size: 1.5rem; font-weight: normal; flex-basis: 100%; background-color: #1D9EDA; padding: 10px 20px; margin: 0 0 10px 0;}
.form__para{padding: 10px 20px; margin: 0 0 10px 0;}

/* Form generic elements */
.form__label{width: auto; text-align: left; padding-left: 0; margin: 0; line-height: 1.35rem; font-size: 0.9rem;}
.form__label--checkbox--small{font-size: 0.8rem;}
.form__input{color: #000; width: 100%; text-align: left; margin: 0 0 0.5rem 0; padding: 5px; height: auto; font-size: 0.9rem; border: 1px solid #CCC;}
.form__select{color: #000; width: 100%; margin: 0 0 0.5rem 0; padding: 5px 0; height: auto; font-size: 0.9rem; border: 1px solid #CCC;}
.form__textarea{color: #000; width: 100%; text-align: left; margin: 0 0 0.5rem 0; height: 10rem; padding: 5px; font-size: 0.9rem; border: 1px solid #CCC;}
.form__p{font-size: 0.85rem; line-height: 1.2rem;}
.form__p--formheading{margin-bottom: 0;}
.form__input--nomargin{margin: 0 !important;}
.form__select--nomargin{margin: 0 !important; width: auto !important;}
.form__label--leftalign{text-align: left;}

.form__label--vertical{display: block; width: calc(100% - 16px); text-align: left; padding: 0; margin-bottom: 0;}
.form__input--vertical{display: block; width: calc(100% - 16px);}
.form__select--vertical{display: block; width: 100%;}
.form__textarea--vertical{display: block; width: calc(100% - 16px);}

.form__input:required:focus:invalid, .form__select:required:invalid, .form__select:required:focus:invalid, .form__textarea:required:focus:invalid{border: 1px solid rgba(255, 0, 0, 0.4); /*background: #fff url("../website/staticimages/exclamation.png") no-repeat 97.5% 50%;*/}
.form__input:required:valid, .form__input:required:focus:valid, .form__select:required:valid, .form__select:required:focus:valid, .form__textarea:required:valid, .form__textarea:required:focus:valid{border: 1px solid #29BF0D; /*background: #fff url("../website/staticimages/tick.png") no-repeat 97.5% 50%;*/}
.form__select:required:invalid, .form__select:required:valid{background-position: 95% 50% !important;}

.form__select--auto-width{display: block; width: auto;}

.form__button{flex-basis: fit-content; padding: 10px 44px; margin: 20px 0; display: inline-block; background-color: #000; border: none; min-width: 150px; text-align: center; color: #FFF; text-transform: uppercase;}
.form__button:hover{background-color: #404040; color: #fff; transition: background-color 0.2s linear, color 0.2s linear;}
.form__button--black:hover{background-color: #353C42; color: #fff;}
.form__button--small{padding: 10px 30px; font-size: 1rem; display: inline-block;}
.form__button--fullwidth{width: 100%;}
.form__button--remove{background-color: #F13333;}
.form__button--pictosicon{font-family: Pictos, sans-serif;}
.form__button--removepictosicon{background: transparent; color: #F13333;}

.form__input::placeholder{color: #858585;}
.form__textarea::placeholder{color: #858585;}

.input-container--zoomy{display: block; width: 100%; position: relative; padding-top: 15px;}
.input-container--zoomy label{color: #000; font-size: 1.05rem; position: absolute; top: 24px; left: 15px; transition: transform 0.3s, font-size 0.3s; cursor: text;}
.input-container--zoomy label.focus{font-size: 0.9rem; color: #fff; top: 0; transform: translate3d(0, -11px, 0);}
.input-container--zoomy label.not-empty{font-size: 0.9rem; color: #fff; top: 0; transform: translate3d(0, -11px, 0);}

.form__p--recaptcha{color: #9c9c9c; margin: 20px 0 10px 0; font-size: 0.8rem; line-height: 1.2rem;}
.form__a--recaptcha{color: #9c9c9c;}

/* Form specific elements */
/* Checkboxes */
.form__checkbox{padding-bottom: 1.2rem; padding-top: 0.7rem; position: relative;}
.form__label--checkbox{width: 91% !important; margin-left: 9% !important; display: block; line-height: 1.05rem;}
.form__input--checkbox{position: absolute; top: 12px; border: 2px solid #fff; background-color: #000; appearance: none; width: 16px; height: 16px;}
.form__input--checkbox:checked:after { content: '\2714'; font-size: 0.8rem; position: absolute; top: -1px; left: 1px; color: #fff;}
.form__multicheckbox{display: flex;}
.form__multicheckboxheading{margin-bottom: 0;}
.form__label--multicheckbox{width: calc(90% - 15px); text-align: left;}
.form__input--multicheckbox{width: calc(10% - 2px);}

/* Date selectors */
.form__label--date{}
.form__input--date{}
.form__datepicker{}
.form__label--datetimepicker{}
.form__label--datepicker{}
.form__input--datepicker{}
.form__label--daterangefrom{}
.form__input--daterangefrom{}
.form__label--daterangeto{}
.form__input--daterangeto{}
.form__datetimepicker{}

/* Date & Time picker */
.form__label--timepicker{}
.form__select--dateday{}
.form__select--datemonth{}
.form__select--dateyear{}
.form__select--timehour{}
.form__select--timeminute{}

/* Time picker */
.form__timepicker{}
.form__label--timepicker{}
.form__input--timepicker{}

/* Time */
.form__time{}
.form__label--time{}

/* HTML5 time */
.form__label--html5time{}
.form__input--html5time{}

/* File upload */
.form__label--upload{}
.form__input--upload{}

/* Hidden */
.form__input--hidden{}

/* Month */
.form__label--month{}
.form__input--month{}
.form__select--month{}
.form__select--year{}

/* Multiselect */
.form__label--multiselect{}
.form__select--multiselect{}
.form__select__tip{}

/* Password */
.form__label--password{}
.form__input--password{}

/* Radio buttons */
.form__radio{display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 50px; width: 100%; margin: 0 0 10px 0;}
.form__radio .form__p{flex-basis:  100%;}
.form__radiooption{display: flex; align-items: center; gap: 0 12px;}
.form__radiooption--reverse{flex-direction: row-reverse; justify-content: flex-end;}
.form__input--radio{width: auto !important;}
.form__input--radio--large{width: 2rem !important; height: 2em;}
.form__label--radio{}

/* Spam test field */
.form__covertlabel{display: none;}
.form__covertinput{display: none;}

/* Change Autocomplete styles in Chrome */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {-webkit-text-fill-color: #000 !important;}


/* Mobile */
@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 840px) {
	.form {}
	.form__select--auto-width {margin: 10px auto;}
	.form__p--formheading {text-align: left;}
	.form__multicheckboxheading {text-align: left;}

	.form__column--narrow {width: 100%;}
	.form__column--wide {width: 100%;}
	.form__column--half {width: 100%;}
	.form__column--half + .form__column--half {margin-left: 0;}

	.form__button {width: 100% !important;}
}

@media only screen and (max-width: 420px) {
	.form {}

	.form__label--checkbox{margin-left: 0 !important; width: 100% !important; padding: 0;}
	.form__input--checkbox{position: absolute; top: auto; margin-bottom: 5px;}
}

.hero-seach-section .form__input, .hero-seach-section .form__select {
    font-size: 1.2rem;
    padding: 0.7rem 2.4rem 0.7rem 1.2rem;
    height: 3.4rem;
    font-weight: 400;
    line-height: 1.5;
	appearance: none;
	display: block;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
	transition: border-color .15s  ease-in-out, box-shadow .15s  ease-in-out;
	margin-bottom: 0;
}
.hero-seach-section .form__input:focus-visible, .hero-seach-section .form__select:focus-visible {
	outline: none;
}
.hero-seach-section .form__select {
    display: block;
    width: 100%;
	padding: .375rem 2.25rem .375rem .75rem;
	appearance: none;
    background-color: var(--bs-body-bg);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14l-4.796-5.481C2.01 5.266 2.48 4.5 3.25 4.5h9.5c.77 0 1.24.766.799 1.159l-4.796 5.481a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 1rem;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.hero-seach-section .form__fieldset{
	display: flex;
	gap: 0.5rem;
}
.hero-seach-section .form__column--half + .form__column--half{
	margin-left: 0;
}
 @media only screen and (max-width: 900px) {
    .hero-seach-section .form__fieldset{
        flex-direction: column;
        gap: 1rem;
    }
    .hero-seach-section .form__fieldset .form__column--quarter{
        width: 100%;
    }
 }
.hero-seach-section .filter-form{
	padding-bottom: 0 !important;
}
.hero-seach-section.no-labels .form__label {
	display: none;
}
.hero-seach-section .form__button, .hero-seach-section .form__button:hover{
	    --bs-btn-border-radius: var(--bs-border-radius);
	--bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107;
	font-size: 1.2rem;
    padding: 0.7rem 1.5rem;	
	background-color: var(--color-yellow);
    color: var(--color-black);
	border-radius: 0.375rem;
	margin-bottom: 0;
}
.filter-form__clear-link{
	position: absolute;
    margin-top: 1rem;
    display: block;
    right: 0;
    top: 3.5rem;
	color: var(--color-white) !important;
	text-decoration: none;
}
.hero-seach-section .supplier-wrapper_request-refresh{
	font-size: 1.2rem;
	margin-bottom: 0;
}
.hero-seach-section .supplier-wrapper_request-refresh a{
	text-decoration: none;
	color: var(--color-white);
}
 .hero-seach-section .form__textarea{
	display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-size: 1.2rem;
	padding: 0.7rem 2.4rem 0.7rem 1.2rem;
	min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
	height: 3.4rem;
	margin-bottom: 0;
}
 .hero-seach-section .form__textarea:focus-visible{
	outline: none;
 }
 @media only screen and (max-width: 900px) {
	 .hero-seach-section .form__textarea{
		height: auto;
	 }
	.hero-section .form__button {
        margin-top: 1rem;
        font-size: 1.2rem;
        padding: 0.7rem 1.5rem;
        width: 100% !important;
        line-height: 1.5;
    }
    .filter-form__clear-link{
        position: static;
        margin-top: 0;
        display: block;
        right: 0;
        top: 3.5rem;
        color: var(--color-white) !important;
        text-decoration: none;
    }
}

.block--topline{background-color: #0E0845; color: #FFF;}
.block--header{background-color: #FFF;}

.home-link{cursor: pointer;margin: 20px 0;}

@media only screen and (max-width: 840px) {
    .block__wrapper--masthead{text-align: center;}
}

/* Menu specific styles */
.block--menu{background-color: #EEE;}

/** Masthead Menu Formatting **/
.menu--masthead{text-align: right; z-index: 2; color: #000; font-size: 1.125rem; line-height: 1.315rem; letter-spacing: -0.01rem; margin-top: 30px;}
.menu--masthead li{position: relative; padding: 0;}
.menu--masthead a{
	text-decoration: none; 
	display: block; 
	/* margin: 0 1.5rem 0 1.5rem;  */
	padding: 0;
}
.menu--masthead a:hover{color: #404040;}
.menu__lastitem{margin-right: 0;}

/** Inline Menu Formatting **/
.menu--inline {display:inline-block}
.menu--inline li{position: relative; display: inline-block; padding: 0; margin: 0 0.5rem 0 0;}

/** Sub Menu Formatting **/
.menu--masthead li ul{z-index: 2; display: none; position: absolute; background-color: #404040; margin-left: 4px; margin-top: 20px; padding: 4px 0;}
.menu--masthead li.haschildren a{padding-right: 20px; padding-left: 20px; padding-bottom: 10px; margin: 0 -1.05rem -20px -17px; transition: none;}
.menu--masthead li.haschildren:hover{}
.menu--masthead li.haschildren:hover a{background-color: #404040; color: #fff;}
.menu--masthead li.haschildren:hover ul{display: block;}
.menu--masthead li.haschildren ul li{min-width: 16rem;}
.menu--masthead li.haschildren ul li a{padding: 15px 20px !important; margin-bottom: 0 !important;}
.menu--masthead li.haschildren ul li a:hover{background-color: #000;}

/** Footer Menu Formatting **/
.menu--footer{margin: 0;}
.menu--footer li{margin: 0 10px;}
.menu--footer li a{padding: 10px; display: block;}

/** Mobile Menu Formatting **/
.menu__mobile-control{display: none !important; width: 57px !important; position: absolute; top: 20px; left: 0;}
.menu__mobile-control-image--burger{width: 18px; height: 14px;}
.menu__mobile-control-image--cross{width: 18px; height: 18px; position: relative;}

/* Mobile */
@media only screen and (max-width: 840px) {
	.menu--inline {display: block;}
	.menu--hidden li {display: block;}

	.menu__mobile-control{display: none !important; position: absolute !important; top: 0; right: 0;}
	.menu__mobile-control a:hover{background-color: transparent !important;}

	.menu--masthead{background-color: var(--bg-white); display: block; margin-top: 0; margin-bottom: 0; text-align: left;}
	.menu--masthead li{width: 100%; margin: 0;}
	.menu--masthead li a{color: var(--color-black); width: auto; display: block; padding: 0.5rem 0; position: relative; z-index: 2; margin: 0;}
	.menu--masthead li a:hover{color: var(--color-red); background-color: transparent;}
	.menu--masthead li ul li{padding: 0 0 0 18px; width: calc(100% - 18px);}
	.menu--masthead li ul li:hover{background-color: #000;}

	.menu--masthead li.haschildren{}
	.menu--masthead li.haschildren:not(.submenu--hidden):before{content: " "; background: transparent url("../website/staticimages/menu-cross.svg") top right no-repeat; width: 15px; height: 15px; position: absolute; z-index: 1000; top: 11px; right: 9px; filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(280deg) brightness(101%) contrast(104%);}
	.menu--masthead li.haschildren ul{display: contents;}
	.menu--masthead li.haschildren:hover a{margin: 0; padding: 15px 24px 15px 15px;}
	.menu--masthead li.haschildren:hover ul{display: contents;}
	.menu--masthead li.haschildren:hover ul li a{width: calc(100% - 40px);}

	.menu--masthead li.submenu--hidden:before{content: " "; background: transparent url("../website/staticimages/sub-menu-cross.png") top right no-repeat; width: 15px; height: 15px; position: absolute; z-index: 1000; top: 11px; right: 9px;}
	.menu--masthead li.submenu--hidden ul{display: none;}
	.menu--masthead li.submenu--hidden:hover ul{display: none;}
}

/* Overlay */
.overlay{width: 100%; height: 100vh; background: rgba(30, 19, 36, 0.85); position: fixed; z-index: 10000; top: 0; left: 0;}
.overlay__dialog{background:#fff; width: 1000px; margin: 0 calc(50% - 500px) 0 calc(50% - 500px); position: fixed; top: 3vh; max-height: 96vh; overflow-y: auto; padding: 0; box-shadow: 0 0 15px rgba(255, 255, 255, 0.1)}
.overlay__dialog--wide{width: 80%; max-height: none; margin: 0 10% 0 10%;}
.overlay__close{position: absolute; top: 10px; right: 10px; font-size: 1.2rem; font-family: 'Arial', sans-serif; color: #111; cursor: pointer;}
.overlay__dialog__header {width:100%; text-align:center; font-size:2em; color: #3F3F3F;}

@media only screen and (max-width: 1100px) {
    .overlay__dialog{width: 96vw; margin: 0 2vw; top: 2vh;}
}

/* Underpinning cross site segment styles */
.segment__wrapper{width: 100%; max-width: 1248px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.segment__wrapper--wide{width: 100%; max-width: 1600px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.segment__wrapper--fullwidth{max-width: 100%;}

.segment{padding: 65px 0;}
.segment ul, .segment ol{padding-left: 20px;}

/* Standard Image positions */
.segment img.left{float: left; margin: 0 20px 20px 0; clear: left;}
.segment img.right{float: right; margin: 0 0 20px 20px; clear: right;}
.segment img.block{float: none; margin: 20px auto;}

/* Mobile */
@media only screen and (max-width: 840px) {
	/* .segment__wrapper{flex-direction: column} */
	.segment__wrapper{flex-direction: row}
}


/* Standard individual segment styles */

.segment__area--2col-bgimg-text-image-fullwidth--2{background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 650px;}
.segment__area--2col-bgimg-text-image-fullwidth--1{background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; color: #FFF; justify-content: flex-end; align-items: center; padding: 55px; width: calc(50% - 110px);}
.segment__area--2col-bgimg-text-image-fullwidth--1 p{text-align: center;}

@media only screen and (max-width: 840px){
	.segment__area--2col-bgimg-text-image-fullwidth--2{width: calc(100% - 30px); min-height: 450px;}
	.segment__area--2col-bgimg-text-image-fullwidth--1{width: calc(100% - 110px); min-height: 450px;}
}

.segment--3col-bgimg-text-fullwidth{text-align: center; color: #FFF;}

.segment__area--segment--3col-bgimg-text-fullwidth{background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 377px; width: calc(33.33% - 60px); position: relative; display: flex; flex-direction: column; justify-content: end;}

@media only screen and (max-width: 840px){
	.segment__area--segment--3col-bgimg-text-fullwidth{width: calc(100% - 30px); margin-top: 10px}
}

@media only screen and (max-width: 840px){
	.segment__area--3col-text{margin-top: 15px;}
}

.segment--fullwidth-centred-bgimg-overlay{padding: 0; color: #FFF; background-size: cover; background-repeat: no-repeat;}

.segment__wrapper--fullwidth--centred-bgimg-overlay{justify-content: center; align-content: center;}

.segment__area--fullwidth-centred-bgimg-overlay{background-image: linear-gradient(to right, rgba(239, 239, 240, 1) 40%, rgba(239, 239, 240, 0.5) 100%); content: " "; display: block; width: 100%; height: 450px; position: absolute;}
.segment__area__subarea--fullwidth-centred-bgimg-overlay{text-align: center; max-width: 50rem; z-index: 1000; color: black; padding: 0 25px;}
.segment__area__subarea--fullwidth-centred-bgimg-overlay h4{padding: 8px 12px; display: inline-block; background-color: #b8b8b8; min-width: 10%; text-decoration: none; text-align: center; color: #FFF;}

.segment--fullwidth-centred-bgimg{color: #FFF;}
.segment__wrapper--fullwidth--centred-bgimg{justify-content: center; align-content: center; min-height: 450px; background-size: cover; background-repeat: no-repeat; }
.segment__area--fullwidth-centred-bgimg{text-align: center; padding: 0 25px;}
.segment__area--fullwidth-centred-bgimg h4{padding: 8px 12px; display: inline-block; background-color: #b8b8b8; min-width: 10%; text-decoration: none; text-align: center; color: #FFF;}

.block--slideshow{background-color: #DDD;}

/* Slideshow specific styles */
div.blmslideshow{width: 200px; height: 200px; position: relative; overflow: hidden; margin: 0x; display: inline-block}


/* Example Sizes - SHOULD BE REPLACED OR MADE MORE SPECIFIC */
div.blmslideshow.fullwidth{width: 100%; height: 754px; margin: 0;}


div.blmslideshow div.slide{background: transparent center center no-repeat; width: 100%; height: 100%; background-size: cover; position: absolute;}
div.blmslideshow div.slide.clickable{cursor:pointer;}

/* Multiple Slides At Once */
div.blmslideshow.multi {width: 700px; height: 120px}
div.blmslideshow.multi div.slide{position: absolute; width: 20% !important; margin-right: 20px;}
div.blmslideshow.multi div.slide.pos1{left: 0% !important;}
div.blmslideshow.multi div.slide.pos2{left: 20% !important;}
div.blmslideshow.multi div.slide.pos3{left: 40% !important;}
div.blmslideshow.multi div.slide.pos4{left: 60% !important;}
div.blmslideshow.multi div.slide.pos5{left: 80% !important;}

/* Captions */
div.blmslideshow div.slide div.caption{width: calc(422px - 88px); padding: 47px 44px; position: absolute; top: 24%; left: 11.75%; color: #1f1b42; background-color: #fff;}
div.blmslideshow div.slide div.caption h3{margin: 0 0 10px 0; padding: 0; color: #1f1b42; text-transform: uppercase; font-size: 2.15rem; line-height: 2.6rem; font-weight: 600;}
div.blmslideshow div.slide div.caption p{margin: 0; padding: 0; color: #1f1b42; letter-spacing: 0.18rem; font-size: 1.2rem; text-transform: uppercase;}
div.blmslideshow div.slide div.caption .button--slideshow{}
div.blmslideshow div.slide div.caption .button--slideshow:hover{background-color: #eee; /*background-image: url('../images/arrow-right-blue.png');*/}

/* Arrows */
div.blmslideshow a.arrows{position: absolute; top: 50%; margin-top: -20px; z-index: 2000; font-weight: bold; color: white; cursor: pointer;}
div.blmslideshow a.arrows.previous{left: 5px;}
div.blmslideshow a.arrows.next{right: 5px;}
div.blmslideshow .arrows_previcon{height: 40px;}
div.blmslideshow .arrows_nexticon{height: 40px;}

/* Indicators */
div.blmslideshow ul.indicators{list-style-type: none; position: absolute; bottom: 20px; left: 50px; z-index: 2000; margin: 0; padding: 0;}
div.blmslideshow ul.indicators li{list-style-type: none; width: 9px; height: 9px; border-radius: 50%; display: inline-block; background: rgba(200, 200, 200, 0.2); border: 2px solid rgb(255 255 255); z-index: 2001; margin: 0 15px 0 0; box-shadow: 0 0 6px 3px rgba(74,144,226,0), 0 1px 4px 0 rgba(0,0,0,0.5);}
div.blmslideshow ul.indicators li:hover{cursor: pointer;}
div.blmslideshow ul.indicators li.selected{animation: indicators-fadein 2s; animation-fill-mode: forwards;}	
@keyframes indicators-fadein{
	100% { background: #FFF; border: 2px solid #FFF;}
}

/* Jump Arrow */
.scroll-down-container{position: absolute; left: calc(50% - 46px); bottom: 0; z-index: 10000; background-color: #1F1B42; padding: 25px 30px 19px 30px; cursor: pointer; transition: background-color 0.2s linear, color 0.2s linear;}
.scroll-down-container:hover{background-color: #60B53D;}
.scroll-down-container__arrow{display: inline-block; text-decoration: none; text-align: center;}

/* Transition into first slide */
div.blmslideshow div.slide1 {animation: slide-fadein 0.5s; opacity: 0; animation-fill-mode: forwards;}					
@keyframes slide-fadein{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

div.blmslideshow div.slide1 div.caption{animation: slide-slide1-captionanim 0.5s; animation-delay: 0.75s; animation-timing-function: linear; opacity: 0; animation-fill-mode: forwards;}
@keyframes slide-slide1-captionanim{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

div.blmslideshow div.slide2 div.caption{animation: slide-slide1-captionanim 0.5s; animation-delay: 0.75s; animation-timing-function: linear; opacity: 0; animation-fill-mode: forwards;}

/* Transition Options */
div.blmslideshow.crossfade div.slide2 {animation: slide-crossfade 2s; opacity: 0; animation-fill-mode: forwards;}					
@keyframes slide-crossfade{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
div.blmslideshow.crossfade div.slide2 div.caption{opacity: 0;}
div.blmslideshow.crossfade div.slide2 div.caption{animation: slide-crossfade-captionanim 1s; animation-delay: 2s; opacity: 0; animation-fill-mode: forwards;}					
@keyframes slide-crossfade-captionanim{
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

div.blmslideshow.slidefromright div.slide2 { animation: slide-slidefromright 0.5s; animation-timing-function: linear; animation-fill-mode: forwards; right: -100%;}
@keyframes slide-slidefromright{
	0%   {right: -100%;}
	100% {right: 0%;}
}

div.blmslideshow.slidefromleft div.slide2 { animation: slide-slidefromleft 0.5s; animation-timing-function: linear; animation-fill-mode: forwards;  left: -100%;}
@keyframes slide-slidefromleft{
	0%   {left: -100%;}
	100% {left: 0%;}
}

div.blmslideshow.pop div.slide2 { animation: slide-pop 0.5s; animation-timing-function: easeInOutElastic; animation-fill-mode: forwards; left: 50%; top: 50%; width: 0%; height: 0%;}					
@keyframes slide-pop{
	0%   {left: 50%; width: 0%; height: 0%; top: 50%; color: transparent; }
	70% {left: -5%; width: 110%; height: 110%; top: -5%; color: transparent;}
	100% {left: 0%; width: 100%; height: 100%; top: 0%; color: black;}
}

/* Basic Table styles */
table {text-align: left; font-size: 1rem !important; border: 1px solid #1D9EDA;}
table thead tr th{background-color: #1D9EDA; color: #FFF; padding: 10px;}
table tbody tr td{background-color: #FFF; color: #000; padding: 10px; vertical-align: top;}
table tbody tr td a{text-decoration: none;}
table tbody tr:nth-child(odd) td{background-color: #EEE;}
table tbody tr:hover td{background-color: #32465C; color: #FFF;}
table tbody tr:hover td p{color: #FFF;}
table tbody tr:hover td a{color: #FFF;}

.table--fullwidth{width: 100%;}
.table--noborder{border: none;}
.table--bottom-margin{margin-bottom: 3rem;}

.paging{list-style: none;}

/** Standard paging list **/
.paging--standard{width: 100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; padding: 0 !important;}
.paging--short{width: 100%; display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; padding: 0 !important;}

.paging__list-item{color: var(--color-black); text-align: center; margin: 0 0.2rem; border-radius: 0.5rem; overflow: hidden;}
.paging__list-item:hover{background: #555; color: #FFF;}

.paging__list-item--standard{margin: 0;}
.paging__list-item--standardrange{}
.paging__list-item--standardrange--current{background: #333; color: #FFF;}

.paging__list-item--firstpage{margin-right: 30px; position: relative;}
.paging__list-item--firstpage:after{content: "..."; display: block; position: absolute; top: 0; right: -1.4rem;}
.paging__list-item--firstpage:hover:after{color: #333 !important;}
.paging__list-item--lastpage{margin-left: 30px; position: relative; overflow: visible;}
.paging__list-item--lastpage:after{content: "..."; display: block; position: absolute; top: 0; left: -1.4rem; color: var(--color-black) !important;}
.paging__list-item--lastpage:hover:after{color: #333 !important;}

.paging__list-item--previouspage{}
.paging__list-item--previouspage--disabled{opacity: 0.4;}
.paging__list-item--previouspage--disabled:hover{background: transparent; color: #333;}

.paging__list-item--nextpage{}
.paging__list-item--nextpage--disabled{background: transparent; color: #333;}
.paging__list-item--nextpage--disabled{opacity: 0.4;}
.paging__list-item--nextpage--disabled:hover{background: transparent; color: #333;}

.paging__list-item__link{text-decoration: none; display: block; min-width: 2rem; color: inherit; padding: 0.5rem 0.5rem;}
.paging__list-item__link:hover{color: inherit;}

.paging__list-item__link--standard{}
.paging__list-item__link--standardrange{}
.paging__list-item__link--standardrange:hover{}
.paging__list-item__link--standardrange--current{}
.paging__list-item__link--standardrange--current:hover{}

.paging__list-item__link--previouspage{}
.paging__list-item__link--previouspage:before{content: "<"; display: inline-block; margin-right: 5px;}
.paging__list-item__link--previouspage--disabled{cursor: default}
.paging__list-item__link--previouspage--disabled:before{content: "<"; display: inline-block; margin-right: 5px;}

.paging__list-item__link--nextpage{}
.paging__list-item__link--nextpage:after{content: ">"; display: inline-block; margin-left: 5px;}
.paging__list-item__link--nextpage--disabled{cursor: default}
.paging__list-item__link--nextpage--disabled:after{content: ">"; display: inline-block; margin-left: 5px;}

/***************** design.css *****************/
html,button,input,select,textarea{font-family:'Montserrat', sans-serif;}

li{color: inherit; margin: 0 0 15px 0; line-height: 1.5rem;}

.warning{border-radius: 15px;}
/* .warning.fail{background-color: #fa0000; color: #FFF; font-weight: 700;} */
.warning.fail{
    background-color: var(--color-white);
    border-radius: 0;
    color: var(--color-red);
    text-align: left;
    font-size: 1rem;
    padding: 0.5rem 0;
}
.warning.success{background-color: #00b700;}

blockquote {border-left: 2px solid #002f9f; color: #002f9f; padding-left: 20px; margin-left:20px; font-size: 1.1rem; font-weight: 600;}

.spec-doc a{line-height: 1.625rem; font-size: 1.125rem; letter-spacing: 0.18px;}

.block--content{background-color: var(--color-white); padding-top: 0;}

/* .loggedinname__details{margin: 0; text-transform: uppercase; font-size: 0.8rem;} */
.loggedinname__details{margin: 0;}
/* .loggedinname__details__link{font-family: 'Open Sans', sans-serif; font-size: 0.75rem; letter-spacing: 0.04rem; padding: 5px 11px; display: inline-block; color: #FFF; background-color: #000; text-decoration: none; text-align: center; border-radius:5px; margin: 0 10px 0 0; line-height: 0.75rem;} */
.loggedinname__details__link{
        padding: 0.8rem 1.5rem;
        border-bottom: 1px solid rgba(0,0,0,0.2);
        background-color: var(--color-light) !important;
        font-size: 1.2rem;
        display: block;
        width: 100%;
        clear: both;
        font-weight: 400;
        color: var(--bs-dropdown-link-color);
        text-align: inherit;
        text-decoration: none;
        white-space: nowrap;
        background-color: transparent;
}
.loggedinname__details__link:hover{
    background-color: var(--color-red) !important; 
    color: var(--color-white) !important; 
    transition: background-color 0.2s linear, color 0.2s linear;
}

/* .block--user__loggedinname{text-align: right; display: flex; flex-wrap: wrap; justify-content: flex-end;} */
.block--user__loggedinname{display: block;}

.segment__wrapper{max-width: 1250px;}

.link-button{font-size: 1.3rem; padding: 15px 31px; display: inline-block; background-color: #E41E26; min-width: 10%; text-decoration: none; text-align: center; color: #FFF; border-radius: 36px; font-weight: 600}
.link-button:hover{background-color: #3B3945; color: #FFF; transition: background-color 0.2s linear, color 0.2s linear; cursor: pointer;}

.link-button--black{background-color: #3B3945;}
.link-button--black:hover{background-color: #E41E26;}

.link-button--green{background-color: #009900;}
.link-button--green:hover{}

.link-button--purple{background-color: #52427F;}
.link-button--purple:hover{background-color: #E41E26;}

.link-button--orange{background-color: #FF5F1F;}

.link-button--resend{margin-right: 10px !important;}

.link-button--small{font-size: 0.8rem; border-radius: 36px; font-weight: 600; margin: 0 0 8px 0; padding: 8px 18px;}

.link-button--commercial{background-color: #E8DD19; color: #000 !important;}
.link-button--commercial:hover{background-color: #000; color: #FFF !important;}

.link-button--float-right{float: right; margin-left: 10px;}

.button-container{display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between;}

.install-webapp{position: fixed; bottom: 10px; z-index: 1000000000000; background-color: #fff; width: calc(98vw - 20px); margin-left: 1vw; padding: 10px 10px; gap: 0 5px; border-radius: 5px; display: flex; align-items: center; justify-content: center;}
.install-webapp--safari::after {content: ''; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%); border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 14px solid #fff;}
.install-webapp--safari{bottom: 20px;}
.install-webapp__icon{}
.install-webapp__para{font-size: 0.8rem; line-height: 1.1rem; margin: 0; position: relative; top: auto;}
.install-webapp__para--ios{}
.install-webapp__para__share-icon{position: relative; top: 7px; margin-top: -11px;}

.install-webapp--hide{bottom: -60px; animation: addtohomescreen-slideout 3s; animation-fill-mode: forwards;}

@keyframes addtohomescreen-slideout {
    0% {opacity: 1; bottom: 10px;}
    40% {opacity: 1;}
    100% {opacity: 0; bottom: -60px;}
}

@media only screen and (max-width: 640px) {
    .link-button--float-right {float: none; margin: 0 0 8px 0;}
    .loggedinname__details__link{
        padding: 0.7rem 0;
        background-color: transparent !important;
        font-size: 1.1rem;
        text-transform: capitalize;
    }
    .mobile-logged-session.profile-panel ul.navbar-nav{
        margin-top: 0 ;
    }
}

@media only screen and (max-width: 340px){
    .loggedinname__details__link{margin: 0 5px 0 0;}
    .block--user__loggedinname{text-align: left;}

    .install-webapp{padding: 8px 10px;}
    .install-webapp__para{top: 0; line-height: 1rem;}
    .install-webapp__para__share-icon{top: 3px; width: 17px;}
}
@media only screen and (max-width: 1000px) {
    .loggedinname__details__link{
        padding: 0.7rem 0;
        background-color: transparent !important;
        font-size: 1.2rem;
        text-transform: capitalize;
    }
    .link-button--float-right{float: none; margin-left: 10px;}
}

.form p{color: #000000 !important;}
.form p.helptext{color: grey !important;}
.form a{color: #3C3945;}
.form a:hover{color: rgba(60, 57, 69, 0.4);}

.form p:first-of-type{margin-top: 0;}
.form p{width: 100%;}
.form p:last-of-type{margin-bottom: 1.5rem;}

.form__label{font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
    line-height: 1.5;
}
.form__input{margin-bottom: 1.5rem; width: 100%; border: 1px solid #343434; padding: 6px;}
.form__input:not(.form__input--radio){
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 1.2rem;
    padding: 0.7rem 2.4rem 0.7rem 1.2rem;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.form--suppliers-search .form__input, .form--suppliers-search .form__select{
    margin-bottom: 0;
}
/* .form__select{margin-bottom: 1.5rem; width: 100%; border: 1px solid #343434;} */
.form__select{
  
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 1.2rem;
    padding: 0.7rem 2.4rem 0.7rem 1.2rem;
    border: 1px solid rgba(0, 0, 0, 0.3);
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14l-4.796-5.481C2.01 5.266 2.48 4.5 3.25 4.5h9.5c.77 0 1.24.766.799 1.159l-4.796 5.481a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem;
}
/* .form__textarea{margin-bottom: 1.5rem; width: 100%; border: 1px solid #343434;} */
.form__textarea{
    display: block;
    width: 100%;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-size: 1.2rem;
    padding: 0.7rem 2.4rem 0.7rem 1.2rem;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.form__textarea-vehicle-modifications{height: 5rem;}
.form__label--checkbox{width: calc(100% - 35px) !important; margin-left: 35px !important; display: block; line-height: 1.35rem;}
.form__input--checkbox{top: 14px; border: 2px solid #fff; background-color: #055175; color: #000; width: auto !important; border-radius: 0; -webkit-appearance: revert !important;}
.form__input--checkbox:checked:after{content: none;}
.form__input--multicheckbox{width: auto; margin: 4px 10px 12px 0;}
.form__input--table{margin: 0; padding: 2px; font-size: 0.8rem; width: 100px;}
.form__long-input--table{width: 80%;}
.form__input--radio{margin: 0;}
.form__checkbox .form__input{
    border-color: rgba(0, 0, 0, 0.3);
    width: 1.5rem !important; 
    height: 1.5rem;
    margin-top: 0;
    border-radius: .25em;
}
.form__checkbox .form__input:checked[type=checkbox]{
    background-color: var(--color-black);
}
.form__checkbox .form__label{
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.5;
}
.form__checkbox .form__label > a{
    font-weight: 500;
}
.form__textarea--short{height: 50px;}

.form__button{padding: 15px 35px; background-color: #E41E26; text-transform: uppercase; font-size: 1.3rem; border-radius: 36px; font-weight: 600;}
.form__button:hover{background-color: #3B3945;}
.form__button--nomargin{margin: 0;}
.form__button--white:hover{background-color: #fff; color: #343434;}

.form__button--green{background-color: #0A0; color: #fff;}
.form__button--green:hover{background-color: #090;}

.form--login{background-color: #FFF; color: #3C3945; border-radius: 23px;}

.login-back a{color: #fff;}

.input-container--zoomy label{top: 33px;}

.form__input::placeholder{color: #000; font-weight: 400;}
.form__textarea::placeholder{color: #000; font-weight: 400;}

/* File upload */
.form__label--upload{}
.form__input--upload{background-color: #fff;}
p.fileupload__existing-label{color: #fff; margin-top: 0; margin-right: 10px; display: inline-block;}
.fileupload__existing-document{margin: 0 0 1.5rem 0 !important; font-size: 1rem !important; display: inline-block;}
a.fileupload__existing-document-link{color: #fff;}
a.fileupload__existing-document-link:hover{color: #fff; opacity: 0.8;}

.form__column__fieldwrapper{width: 100%;}

.filter-form{padding: 0 0 30px 0 !important; width: 100% !important;}
.filter-form__clear-link{float: right;}
.button--apply-filter{margin-top: 0;}

.form--suppliers-search .filter-form__clear-link{
    position: relative;
    float: none;
    top: 0;
}
.form--parts-request .form__checkbox{display: flex; width: 100%; flex-wrap: wrap;}
.form--parts-request__date-range-section{flex-basis: 100%; display: flex; gap: 0 30px;}
.form__wrapper--daterangefrom{flex-basis: 50%;}
.form__wrapper--daterangeto{flex-basis: 50%;}

.inline-container div{display: inline-block;}

/* Radio controls */
.radio-container p.radiopara {height: auto; line-height: 1.4em; font-size: 1.1em; margin: 0 0 10px 0}
.radio-container .radiodiv {margin-bottom: 20px;}
.radio-container .radiodiv-nomargin {margin-bottom: 0;}
.radio-container .radiodiv input{display: inline-block; margin-right: 10px; position: relative;}
.radio-container .radiodiv label{display: inline-block; margin-right: 30px; position: relative;}

.radio-container .radiodiv-large-radios{position: relative}
.radio-container .radiodiv-large-radios label{margin: 0; position: absolute; top: 7px; left: 45px}
.radio-container .radiodiv-large-radios input {margin: 0 120px 0 0; width: 2.5em; height: 2.5em;}

/* benefits area register */
.form__column--benefits-heading{background-color: #E41E26; color: #FFF; padding: 0 15px; width: calc(100% - 30px); border-radius: 15px 15px 0 0;}
.form__column--benefits{background-color: #E41E26; color: #FFF; border-radius: 24px; margin-top: 40px;}
.form__column--benefits li{background-image: url('../website/staticimages/check_box_24dp.svg'); background-position: left; background-repeat: no-repeat; list-style: none; font-weight: 600; padding-left: 35px;}

/* Review Form */
.review{}
.review__heading{margin-top: 1.5rem !important; margin-bottom: 0.5rem !important;}

/* Parts Request Vin Number Form */
.form--parts-request-reg{}

.error{color: var(--color-red) !important; border-color: var(--color-red);}

/* WhatsApp Telephone field */
.form__column-phone-number{display: flex; width: 100%; gap: 1rem;}
.form__column-phone-number .form__column__fieldwrapper__area-code{width: 245px;}
.form__column-phone-number .form__column__fieldwrapper__area-code-tel{width: calc(100% - 245px);}
.form__column-phone-number .form__column__fieldwrapper__area-code select{padding: 0.7rem 2.4rem 0.7rem 1.2rem;}

@media only screen and (max-width: 878px){
    .form__column__fieldwrapper{width: 95%;}
}

@media only screen and (max-width: 840px){
    .form__button--green{width: auto !important;}
}

@media only screen and (max-width: 640px){
    .table--no-data-attributes .form__input--table{width: 100%;}

    .form__column-phone-number .form__column__fieldwrapper__area-code{width: 120px;}
    .form__column-phone-number .form__column__fieldwrapper__area-code-tel{width: calc(100% - 120px);}
}

@media only screen and (max-width: 400px)
{
    .form__button{white-space: normal;}
}

@media only screen and (max-width: 386px)
{
    .form__column-phone-number .form__column__fieldwrapper__area-code{width: 85px;}
    .form__column-phone-number .form__column__fieldwrapper__area-code-tel{width: calc(100% - 85px);}
}

.table--showlinks tbody tr td a{text-decoration: underline; font-weight: bold}

/* Mobile */
@media only screen and (max-width: 700px) {
	.results-list__result{width: 95%; margin: 0 0 80px 0;}
	
	.results-list__result--with-date-home-page {padding-left:0;}
	
	.results-list__result--with-date {padding-left:0;}
	
	.search-form .searchbutton {width:85%;}
	
	.search-form--2-fields div div {width:100%;}
	.search-form--3-fields div div {width:100%;}
	.search-form--4-fields div div {width:100%;}
	
	.results-list__result-image {width:60px; height:100px; display:none;}
	.results-list__result--with-image {padding-left:0;}

	.paging {text-align: center; padding-top: 50px; padding-left:0}
}

/** Masthead Menu Formatting **/
/* .menu--masthead{margin: 0; display: flex; flex-wrap: nowrap; height: 100%; font-size: 1.3rem;}
.menu--masthead li{margin: 0;}
.menu--masthead a{font-family: 'Open Sans', sans-serif; color: #FFF; font-weight: 400; margin: 0; padding: 32px 23px 12px 22px; text-align: center; height: calc(100% - 44px); display: flex; align-items: center; border-right: 1px solid rgba(228, 30, 38, 0.5); letter-spacing: 0.02rem;}
.menu--masthead a:hover{color: #FFF; background-color: #E41E26;}
.commercial--menu--masthead a:hover{color: #000000; background: linear-gradient(0deg, rgba(255,244,0,1) 0%, rgba(255,187,40,1) 100%);}
.commercial--menu--masthead a{border-color: #E8DD19;}
.menu--masthead .menu__lastitem{margin-right: 0; background: linear-gradient(0deg, rgba(255,244,0,1) 0%, rgba(255,187,40,1) 100%);}
.menu--masthead .menu__lastitem a{color: #000000;}

.menu--masthead li .selected{background-color: #E41E26;}

.block__wrapper--user-menu{max-width: 1250px; color: #FFF; margin: 0 auto;}
.block--user-menu{background-color: #E41E26;}
.block--user-menu a{margin: 0 0.5rem 0 0;}
.block--user__links{display: inline-block; flex-grow: 1; margin: 7px 0;}

.block--masthead__links{height: 100%;}

@media only screen and (max-width: 1265px){
    .block__wrapper--user-menu{width: calc(100% - 30px); padding: 0 15px;}
}

@media only screen and (max-width: 1090px){
    .block__wrapper--user-menu{text-align: center;}
}

@media only screen and (max-width: 840px) {
    .menu--masthead{text-align: center; background-color: #343434; display: block;}
    .menu--masthead li a{border-right: none;}
}

@media only screen and (max-width: 320px) {
    .menu--masthead li.menu__mobile-control a{    padding: 0 5px 5px 5px;}
} */

.menu--masthead{
    margin: 0; 
    display: flex;  
    flex-basis: auto;
    flex-direction: row;
    /* flex-wrap: nowrap; 
    height: 100%; 
    font-size: 1.3rem; */
    list-style: none;
    margin-left: auto;
}
.menu--masthead li{margin: 0;}
.menu--masthead a{  
    padding: 0.5rem 0.8rem;
    font-weight: 500;
    font-size: 1.2rem;
    color: var(--color-black);
}
/* .menu--masthead a:hover{color: #FFF; background-color: #E41E26;} */
.commercial--menu--masthead a:hover{color: #000000; }
/* .commercial--menu--masthead a{border-color: #E8DD19;} */
.menu--masthead .menu__lastitem{margin-right: 0; background: linear-gradient(0deg, rgba(255,244,0,1) 0%, rgba(255,187,40,1) 100%); display: none;}
.menu--masthead .menu__lastitem a{color: #000000;}

.menu--masthead li .selected{color: var(--color-red); position: relative;}
.menu--masthead li .selected::after{
    content: '';
    width: 100%;
    height: 7px;
    background-color: var(--color-red);
    display: block;
    position: absolute;
    bottom: -27px;
    left: 0;
}

.block__wrapper--user-menu{max-width: 1250px; color: #FFF; margin: 0 auto;}
.block--user-menu{background-color: #E41E26;}
.block--user-menu a{margin: 0 0.5rem 0 0;}
/* .block--user__links{display: inline-block; flex-grow: 1; margin: 7px 0;} */
.block--user__links{}
.block--user__links .menu--inline{
    margin: 0;
    display: flex;
    flex-basis: auto;
    flex-direction: row;
    list-style: none;
    margin-left: auto;
}
.block--user__links > .menu--inline > li > a, .block--user__links > .menu--inline > li > a:hover{
    padding: 0.8rem;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    line-height: 1.5;
    color: var(--color-black);
}
.block--user__links > .menu--inline > li.selected > a{
    color: var(--color-red);
    position: relative;
}
.block--user__links > .menu--inline > li.selected > a::after{
     content: '';
    width: 100%;
    height: 5px;
    background-color: var(--color-red);
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.block--masthead__links{height: 100%;}

@media only screen and (max-width: 1400px){
    .menu--masthead a{  
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        font-size: 1.1rem;
    }

}
@media only screen and (max-width: 1265px){
    .block__wrapper--user-menu{width: calc(100% - 30px); padding: 0 15px;}
}

@media only screen and (max-width: 1090px){
    .block__wrapper--user-menu{text-align: center;}
    .block--user__links > .menu--inline > li.selected > a::after{
        content: none;
    }
    .block--user__links > .menu--inline > li > a, .block--user__links > .menu--inline > li > a:hover{
        padding: 0.7rem 0;
    }
}

@media only screen and (max-width: 840px) {
    .menu--masthead{text-align: left; background-color: var(--color-white); display: block;}
    .menu--masthead li a{border-right: none;}
    .menu--masthead li .selected::after { content: none;}
    .block--user__links .menu--inline{
        margin: 0;
        display: flex;
        flex-basis: auto;
        flex-direction: column;
        list-style: none;
        margin-left: auto;
    }
    .block--user__links > .menu--inline > li > a, .menu--inline.menu--masthead > li > a{
        padding: 0.7rem 0;
    }
    .block--user__links > .menu--inline > li, .menu--inline.menu--masthead > li{
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
}

@media only screen and (max-width: 320px) {
    .menu--masthead li.menu__mobile-control a{    padding: 0 5px 5px 5px;}
}
@media only screen and (max-width: 1199px) {
    .block--user__links .menu--inline{
        flex-direction: column;
    }
    .block--user__links > .menu--inline > li > a, .menu--inline.menu--masthead > li > a{
        padding: 0.7rem 0;
    }
    .block--user__links > .menu--inline > li, .menu--inline.menu--masthead > li{
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    .loggedinname__details__link {
        padding: 0.7rem 0;
        background-color: transparent !important;
        font-size: 1.2rem;
        text-transform: capitalize;
    }
    .menu--masthead{text-align: left; background-color: var(--color-white); display: block;}
    .menu--hidden li {display: block;}
}

.segment{padding: 7.5rem 0}

@media only screen and (max-width: 599px){
    .segment{padding: 3rem 0}
}

/***************** filter styling *****************/
.filter-area{background-color: #FFF; margin: 22px 20px 0 20px; height: fit-content; padding-bottom: 15px;}

@media only screen and (max-width: 840px){
    .filter-area{margin: 22px 0 0 0;}
}

/***************** segment--3col-bgimage-text.css *****************/
.segment--3col-bgimage-text{background-color: #EBEBEB;}
.segment__area--3col-bgimage-text{min-height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0; display: flex; border-radius: 15px;}
.segment__area__subarea--3col-bgimage-text{color: #FFF; padding: 15px 50px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.segment__area__subarea--3col-bgimage-text h2{font-size: 2rem; margin: 0.83rem 0 0 0;}
.segment__area__subarea--3col-bgimage-text p{margin: 1rem 0 0 0; color: rgba(255, 255, 255, 0.85);}

.segment__area--3col-bgimage-text--2{background-color: #3B3945;}
.segment__area--3col-bgimage-text--3{background-color: #52427F;}

@media only screen and (max-width: 840px){
    .segment__wrapper--3col-bgimage-text{justify-content: center; align-content: center;}
    .segment__area--3col-bgimage-text{margin-top: 15px;}
    .segment__area__subarea--3col-bgimage-text{width: calc(100% - 30px);}
}


/***************** segment--3col-image-text-heading.css *****************/
.segment--3col-image-text-heading{background-color: #EBEBEB;}

.segment__area--3col-image-text-heading--1{text-align: center;}
.segment__area--3col-image-text-heading--1 h2{font-size: 2.5rem;}

.segment__area__subarea--3col-image-heading{background-repeat: no-repeat; background-size: cover; min-height: 300px; background-position: center center;}
.segment__area__subarea-3col-text-heading{background-color: #FFF; padding: 0 15px 5px 15px; margin-top: -12px; width: calc(100% - 30px); border-radius: 0 0 15px 15px;}
.segment__area--3col-image-text-heading__subarea{display: grid; gap: 35px; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-template-rows: auto; justify-items: center; align-items: center; justify-content: center;}
.segment__area--3col-image-text-heading_subarea-section{width: 100%;}

.segment__area__subarea-3col-text-heading h2{margin: 0; padding: 0.5rem 0 0 0;}
.segment__area__subarea-3col-text-heading p{margin: 0 0 0.5rem 0; color: #E41E26;}

.segment__area--3col-image-text-heading--5{text-align: center; margin-top: 25px;}

@media only screen and (max-width: 840px){

}

/***************** segment--background-image-right-text.css *****************/
.segment--background-image-right-text{background-color: #EBEBEB;}
.segment__wrapper--background-image-right-text{background-size: cover; background-repeat: no-repeat; min-height: 519px; border-radius: 23px;}
.segment__area--background-image-right-text{display: flex; justify-content: center; flex-direction: column; color: #FFF;}
.segment__area--background-image-right-text--2 h2{font-size: 3.4rem;}
.segment__area--background-image-right-text--2 p{font-size: 1.3rem; color: rgba(255, 255, 255, 0.85);}

@media only screen and (max-width: 840px){
    .segment__wrapper--background-image-right-text{display: flex; flex-direction: column-reverse;}
    .segment__area--background-image-right-text--2{background-color: rgba(000, 000, 000, 0.4); border-radius: 23px;}
}



/***************** segment--fullwidth-background-image-centered.css *****************/
.segment--fullwidth-background-image-centered{padding: 0;}
.segment__wrapper--fullwidth-background-image-centered{min-height: 650px; background-size: cover; background-repeat: no-repeat; max-width: 100%; background-position: center; padding: 100px 0;}
.segment__area--fullwidth-background-image-centered{display: flex; align-items: center; justify-content: center; flex-direction: column; color: #FFF;}
.segment__area--fullwidth-background-image-centered h2{font-size: 2.5rem; margin-top: 0;}

.segment__area__subarea--fullwidth-background-image-centered{text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.segment__area__subarea--fullwidth-background-image-centered .form__select{border-radius: 15px; text-align: center; border: none;}
.segment__area__subarea--fullwidth-background-image-centered .form__input{border-radius: 15px;}
.segment__area__subarea--fullwidth-background-image-centered .form__textarea {border-radius: 15px; height: 100px; min-height: 100px;}


@media only screen and (max-width: 840px){
    .segment__wrapper--fullwidth-background-image-centered{min-height: auto;}

    .segment__area__subarea--fullwidth-background-image-centered{margin: 40px 0;}
}

.segment__area__subarea--fullwidth-background-image-centered-2{}
.segment__area__subarea--fullwidth-background-image-centered-3, .segment__area__subarea--fullwidth-background-image-centered-1{width: calc(65% - 50px); padding: 0 25px; background-color: #000000; min-height: 250px; border-radius: 23px;}
.segment__area__subarea--fullwidth-background-image-centered-1{color: #e8df18; padding: 25px;}
.segment__area__subarea--fullwidth-background-image-centered-3 h3, .segment__area__subarea--fullwidth-background-image-centered-1 h3{font-size: 1.5rem;}
.segment__area__subarea--fullwidth-background-image-centered-3{background-color: #52427F;}
.segment__area__subarea--fullwidth-background-image-centered-4{color: #FFF; padding: 0 50px; font-size: 1.125rem; border-radius: 23px; margin: 60px 0 0 0; text-align: left;}
.segment__area__subarea--fullwidth-background-image-centered-4 li{background-image: url('../website/staticimages/check_box_24dp.svg'); background-position: left; background-repeat: no-repeat; list-style: none; font-weight: 600; padding-left: 35px; font-size: 2rem;}

@media only screen and (max-width: 1360px){
    .segment__area--fullwidth-background-image-centered--1, .segment__area--fullwidth-background-image-centered--2, .segment__area--fullwidth-background-image-centered--3{width: calc(100% - 50px); margin: 10px 0;}
    .segment__area--fullwidth-background-image-centered--3{flex-direction: row;}
    .segment__area__subarea--fullwidth-background-image-centered-3, .segment__area__subarea--fullwidth-background-image-centered-1{width: calc(45% - 50px);}
    .segment__wrapper--fullwidth-background-image-centered{justify-content: center; align-items: center;}
    .segment__area--fullwidth-background-image-centered--2{order: -1;}
}

@media only screen and (max-width: 718px){
    .segment__area--fullwidth-background-image-centered--3{flex-direction: column;}
    .segment__area__subarea--fullwidth-background-image-centered-3, .segment__area__subarea--fullwidth-background-image-centered-1{width: calc(80% - 50px);}
}

/***************** segment--background-image-centered-text.css *****************/
.segment--background-image-centered-text{background-color: #EBEBEB;}
.segment__wrapper--background-image-centered-text{background-size: cover; background-repeat: no-repeat; min-height: 519px; border-radius: 23px;}
.segment__area--background-image-centered-text{display: flex; justify-content: center; align-items: center; flex-direction: column; color: #FFF;}
.segment__area--background-image-centered-text--1{width: calc(100% - 600px); padding: 0 300px; text-align: center;}
.segment__area--background-image-centered-text--1 h4{color: rgba(255, 255, 255, 0.4); font-size: 2.5rem;}
.segment__area--background-image-centered-text--1 h2{font-size: 3.4rem;}
.segment__area--background-image-centered-text--1 p{font-size: 1.3rem;}

@media only screen and (max-width: 980px){
    .segment__area--background-image-centered-text--1{padding: 0 150px; width: calc(100% - 300px);}
}

@media only screen and (max-width: 656px){
    .segment__area--background-image-centered-text--1{padding: 0 50px; width: calc(100% - 100px);}
}

/***************** segment--circle-image-text-circle-image.css *****************/
.segment--circle-image--text-circle-image{background-color: #EBEBEB}
.holder{border-radius: 15px;}
.segment__wrapper--circle-image--text-circle-image{justify-content: center; align-items: center; min-height: 450px; max-width: 1273px;}

.segment__area--circle-image--text-circle-image{padding: 80px 23px; ;background-color: #FFF; display: flex;}

.segment__area--circle-image--text-circle-image__section-1{padding-bottom: 15px; width: calc(100% - 15px); border-radius: 15px 15px 0 0;}
.segment__area--circle-image--text-circle-image__section-2{padding-top: 15px; width: calc(100% - 15px); border-radius: 0 0 15px 15px;}

.segment__subarea--circle-image--text-circle-image__1{width: calc(50% - 50px); padding: 0 25px; background-size: contain; background-repeat: no-repeat; min-height: 472px; background-position: center;}
.segment__subarea--circle-image--text-circle-image__2{width: calc(50% - 50px); padding: 0 25px; color: #FFF; display: flex; flex-direction: column;}
.segment__subarea--circle-image--text-circle-image__2 h2{color: #1A3B55; font-size: 3rem; font-weight: 400;}
.segment__subarea--circle-image--text-circle-image__2 p{color: #1A3B55; font-size: 1.2rem;}

.segment__subarea--circle-image--text-circle-image__3{width: calc(50% - 50px); padding: 0 25px; color: #FFF; display: flex; flex-direction: column;}
.segment__subarea--circle-image--text-circle-image__3 h2{color: #1A3B55; font-size: 3rem; font-weight: 400;}
.segment__subarea--circle-image--text-circle-image__3 p{color: #1A3B55; font-size: 1.2rem;}
.segment__subarea--circle-image--text-circle-image__4{width: calc(50% - 50px); padding: 0 25px; background-size: contain; background-repeat: no-repeat; min-height: 472px; background-position: center;}

@media only screen and (max-width: 1274px){
    .segment__area--circle-image--text-circle-image__section-1{width: calc(100% - 50px); padding: 25px 25px 15px 25px; flex-direction: column;}
    .segment__area--circle-image--text-circle-image__section-2{width: calc(100% - 50px); padding: 15px 25px 25px 25px; flex-direction: column-reverse;}
    .segment__subarea--circle-image--text-circle-image__1{width: calc(100% - 50px); padding: 0 25px;}
    .segment__subarea--circle-image--text-circle-image__2{width: calc(100% - 50px); padding: 0 25px;}
    .segment__subarea--circle-image--text-circle-image__3{width: calc(100% - 50px); padding: 0 25px;}
    .segment__subarea--circle-image--text-circle-image__4{width: calc(100% - 50px); padding: 0 25px;}
}

@media only screen and (max-width: 840px){
    .segment__area--circle-image--text-circle-image__section-1{width: 100%; padding: 25px 0;}
    .segment__area--circle-image--text-circle-image__section-2{width: 100%; padding: 25px 0;}
}

/***************** segment--fullwidth-centered-background-color.css *****************/
.segment--fullwidth-centered-background-color{background-color: #EBEBEB;}
.segment__area--fullwidth-centered-background-color{display: flex; align-items: center; justify-content: center; flex-direction: column; color: #3C3945; text-align: center; min-height: 300px; background-color: #FFF; border-radius: 15px; padding: 15px 250px; width: calc(100% - 500px);}
.segment__area--fullwidth-centered-background-color h2{font-size: 2.2rem; font-weight: 400;}

@media only screen and (max-width: 1000px){
    .segment__area--fullwidth-centered-background-color{padding: 15px 100px; width: calc(100% - 200px);}
}

@media only screen and (max-width: 640px){
    .segment__area--fullwidth-centered-background-color{padding: 15px 50px; width: calc(100% - 100px);}
}

/***************** segment--fullwidth-centered.css *****************/
.segment--fullwidth-centered{background-color: #EBEBEB;}
.segment__area--fullwidth-centered{display: flex; align-items: center; justify-content: center; flex-direction: column; color: #3C3945; text-align: center; min-height: 300px;}
.segment__area--fullwidth-centered h2{font-size: 1.5rem; font-weight: 500;}

/***************** segment--fullwidth-left-aligned.css *****************/
.segment--fullwidth-left-aligned{background-color: #EBEBEB;}
.segment__area--fullwidth-left-aligned{display: flex; flex-direction: column; color: #3C3945; min-height: 300px;}
.segment__area--fullwidth-left-aligned h2{font-size: 1.5rem; font-weight: 500;}

/***************** segment--fullwidth-left-aligned-dark-background.css *****************/
.segment--fullwidth-left-aligned-dark-background{background-color: #343434;}
.segment__area--fullwidth-left-aligned-dark-background{display: flex; flex-direction: column; color: #3C3945; min-height: 300px;}
.segment__area--fullwidth-left-aligned-dark-background a{color: #3C3945 !important;}
.segment__area--fullwidth-left-aligned-dark-background a:hover{color: rgba(60, 57, 69, 0.4) !important;}
.segment__area--fullwidth-left-aligned-dark-background h2{font-size: 2.5rem; color: #FFF;}

.segment--fullwidth-left-aligned-dark-background .form{}

/***************** segment--3col-image-text-heading-description.css *****************/
.segment--3col-image-text-heading-description{background-color: #EBEBEB;}

.segment__area--3col-image-text-heading-description--1{text-align: center;}
.segment__area--3col-image-text-heading-description--1 h2{font-size: 2.5rem;}

.segment__area__subarea--3col-image-heading-description{background-repeat: no-repeat; background-size: cover; min-height: 300px; background-position: center center;}
.segment__area__subarea-3col-text-heading-description{background-color: #FFF; padding: 15px 15px 5px 15px; width: calc(100% - 30px); border-radius: 0 0 15px 15px;}
.segment__area--3col-image-text-heading-description--2, .segment__area--3col-image-text-heading-description--3, .segment__area--3col-image-text-heading-description--4{padding: 0 5px; width: calc(33.33% - 10px);}

.segment__area--3col-image-text-heading-description--5{text-align: center; margin-top: 25px;}

@media only screen and (max-width: 840px){
    .segment__area--3col-image-text-heading-description{width: calc(100% - 30px); padding: 0 15px 15px 15px;}
}

/***************** segment--top-img-text.css *****************/
.segment__area---top-img-text{display: flex; flex-direction: column; background-color: #FFF; justify-content: center; align-items: center; width: calc(100% - 30px); margin-bottom: 10px; border-radius: 23px;}
.segment__area---top-img-text:hover{}
.segment__area---top-img-text:hover .link-button{background-color: #000;}
.segment__area---top-img-text p a{font-size: 1rem; text-decoration: none;}

@media only screen and (max-width: 840px){
    .segment__wrapper--3col-top-img-text{text-align: center; flex-direction: row;}
}

@media only screen and (max-width: 570px){
    .segment__area---top-img-text{width: calc(100% - 30px);}
    .segment__area---top-img-text p{word-break: break-word;}
}

/*@media only screen and (max-width: 340px){*/
/*    .segment__area---top-img-text{width: calc(75% - 30px);}*/
/*    .segment__area---top-img-text:nth-child(2n){margin-left: 0;}*/
/*    .segment__area---top-img-text:nth-child(2n + 1){margin-right: 0;}*/
/*}*/

/***************** segment--2col-text-image.css *****************/
.segment--2col-text-image{background-color: #000000; background-repeat: no-repeat; background-position: bottom right; min-height: 638px; padding: 37px 0;}

.segment__area--2col-text-image--1{color: #FFF; display: flex; flex-direction: column; justify-content: center;}
.segment__area--2col-text-image--1 h2{font-size: 3.8rem; font-weight: 400; margin-bottom: 38px;}
.segment__area--2col-text-image--1 h2:last-of-type{font-size: 1.5rem; margin: 5px 0 20px 0;}
.segment__area--2col-text-image--1 h2 b{color: #E41E26; font-weight: 400;}
.segment__area--2col-text-image--1 ul{text-align: left;}
.segment__area--2col-text-image--1 p{font-size: 1.8rem; font-weight: 400; line-height: 2.9rem; margin-top: 0; margin-bottom: 14px;}
.segment__area--2col-text-image--1 .parts_request_or{margin: 0 64% 1rem 36%; font-size: 2.5rem; font-weight: 600;}
.segment__area--2col-text-image--1 p:first-of-type{font-size: 2.5rem; margin-bottom: 26px;}
.segment__area--2col-text-image--1 .link-button{background-color: #3B3945; color: #E8DD19 !important; border-radius: 0; margin: 16px 0 15px 0; padding: 4px 20px; font-weight: 400; font-size: 1.2rem; line-height: 1.6rem;}
.segment__area--2col-text-image--1 .link-button:hover{background-color: #E41E26; color: #FFF !important;}
.segment__area--2col-text-image--1 .form__select, .segment__area--2col-text-image--1 .form__input, .segment__area--2col-text-image--1 .form__textarea{width: 80%; font-weight: 400;}
.segment__area--2col-text-image--1 .form--parts-request-reg .form__input{width: 80%;}
.parts_request_start{margin: 0; font-weight: 600; line-height: 1.7rem;}

.segment__area--2col-text-image--1 p.warning.fail {font-size: 1.2rem; line-height: 1.5rem;}

@media only screen and (max-width: 1170px){
    .segment__area--2col-text-image--1{width: calc(60% - 50px);}
}

@media only screen and (max-width: 840px){
    .segment--2col-text-image{background-position: bottom center;}
    .segment__area--2col-text-image--1{padding: 0 25px; width: calc(100% - 50px); align-items: center; justify-content: center; text-align: center;}

    .segment__area--2col-text-image--1 .form__select, .segment__area--2col-text-image--1 .form__input, .segment__area--2col-text-image--1 .form__textarea{width: 100%; border-radius: 0;}
    .segment__area--2col-text-image--1 .form__select{height: 32px;}
    .segment__area--2col-text-image--1 .parts_request_or{margin: 0 auto 1rem auto;}
}

/***************** segment--2col-text-image--yellow.css *****************/
.segment--2col-text-image--yellow{background-color: #000000; background-repeat: no-repeat; background-position: bottom right; min-height: 638px; padding: 37px 0;}

.segment__area--2col-text-image--yellow--1{color: #FFF; display: flex; flex-direction: column; justify-content: center;}
.segment__area--2col-text-image--yellow--1 h2{font-size: 3.8rem; font-weight: 400; margin-bottom: 38px;}
.segment__area--2col-text-image--yellow--1 h2 b{color: #E8DD19; font-weight: 400;}
.segment__area--2col-text-image--yellow--1 p{color: #E8DD19; font-size: 1.8rem; font-weight: 400; line-height: 2.9rem; margin-top: 0; margin-bottom: 2px;}
.segment__area--2col-text-image--yellow--1 p:first-of-type{color: #FFF; font-size: 2.5rem; margin-bottom: 26px;}
.segment__area--2col-text-image--yellow--1 .form__select, .segment__area--2col-text-image--yellow--1 .form__input, .segment__area--2col-text-image--yellow--1 .form__textarea{width: 78.5%;}
.segment__area--2col-text-image--yellow--1 .form--parts-request-reg .form__input{width: calc(90% - 70px);}

.segment__area--2col-text-image--yellow--1 .link-button{background: linear-gradient(0deg, rgb(255, 187, 40), rgb(255, 244, 0)); color: #000000 !important; border-radius: 0; margin: 16px 0 0px 0; padding: 4px 20px; font-weight: 400; font-size: 1.2rem;}
.segment__area--2col-text-image--yellow--1 .link-button:hover{background: linear-gradient(0deg, rgba(255,244,0,1) 0%, rgba(255,187,40,1) 100%);}
.parts_request_start{margin: 55px 0 0 0; font-weight: 600; line-height: 1.7rem;}

@media only screen and (max-width: 1170px){
    .segment__area--2col-text-image--yellow--1{width: calc(60% - 50px);}
}

@media only screen and (max-width: 840px){
    .segment--2col-text-image--yellow{background-image: none !important;}
    .segment__area--2col-text-image--yellow--1{padding: 0 25px; width: calc(100% - 50px); align-items: center; justify-content: center; text-align: center;}
}

@media only screen and (max-width: 449px){
    .segment__area--2col-text-image--yellow--1 .link-button{min-width: auto;}
}


/***************** segment--fullwidth-centred-images.css *****************/
.segment--fullwidth-centred-images{padding: 0; background-color: #EBEBEB;}

.segment__wrapper--fullwidth-centred-images{justify-content: center; align-items: center; min-height: 450px; }

.segment__area--fullwidth-centred-images{width: 100%; display: grid; gap: 15px; grid-template-columns: repeat(auto-fit, minmax(210px, 210px));; grid-template-rows: auto; justify-items: center; align-items: baseline; justify-content: space-between;}
.segment__area--fullwidth-centred-images--1{padding-top: 1rem;}
.segment__area--fullwidth-centred-images div{text-align: center;}
.segment__area--fullwidth-centred-images div p{text-transform: uppercase;}

@media only screen and (max-width: 884px){
    .segment__area--fullwidth-centred-images{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: 20px 0;}
    .segment__area--fullwidth-centred-images div{flex-basis: 50%;}
}

@media only screen and (max-width: 840px){
    .segment__area--fullwidth-centred-images{ margin-bottom: 1rem;}
    .segment__subarea--fullwidth-centred-images img{margin-bottom: 1rem;}
    .segment__subarea--fullwidth-centred-images{margin: 1rem 0; width: calc(100% - 50px);}
}

@media only screen and (max-width: 614px){
    .segment__area--fullwidth-centred-images{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-evenly;}
    .segment__area--fullwidth-centred-images div{flex-basis: 40%;}
    .segment__area--fullwidth-centred-images div p{font-size: 0.9rem;}
    .segment__area--fullwidth-centred-images div img{max-width: 50%;}
}

@media only screen and (max-width: 300px){
    .segment__area--fullwidth-centred-images{flex-direction: column;}
    .segment__area--fullwidth-centred-images div{flex-basis: 40%;}
}


/***************** segment--fullwidth-centred-images-white-bg.css *****************/
.segment--fullwidth-centred-images-white-bg{padding: 0; background-color: #FFF;}

.segment__wrapper--fullwidth-centred-images-white-bg{justify-content: center; align-items: center; min-height: 450px; }

.segment__area--fullwidth-centred-images-white-bg{width: 100%; display: grid; gap: 15px; grid-template-columns: repeat(auto-fit, minmax(300px, auto));; grid-template-rows: auto; justify-items: center; align-items: baseline; justify-content: space-between;}
.segment__area--fullwidth-centred-images-white-bg--1{padding-top: 1rem;}
.segment__area--fullwidth-centred-images-white-bg div{text-align: center;}
.segment__area--fullwidth-centred-images-white-bg div p{text-transform: uppercase;}

@media only screen and (max-width: 840px){
    .segment__area--fullwidth-centred-images-white-bg{flex-direction: column; align-items: center; display: flex; margin-bottom: 1rem;}
    .segment__subarea--fullwidth-centred-images-white-bg img{margin-bottom: 1rem;}
    .segment__subarea--fullwidth-centred-images-white-bg{margin: 1rem 0; width: calc(100% - 50px);}
}


/***************** segment--fullwidth-solid-color.css *****************/
.segment--fullwidth-solid-color{border-top: 30px solid #E41E26; border-bottom: 80px solid #000000; padding: 0;}

/* Testimonials */
.segment--testimonial{background-color: #000; text-align: center; min-height: 340px; display: flex; align-items: center; padding: 30px 0;}
.segment__wrapper--testimonial{}
.segment--testimonial p{color: #fff; font-weight: 600; font-size: 2.2rem; line-height: 3.1rem; margin-bottom: 0; letter-spacing: 0.1rem;}

@media only screen and (max-width: 850px) {
	.segment__wrapper--testimonial{width: 90%;}
}

@media only screen and (max-width: 700px) {
	.segment--testimonial{height: auto;} 
	.segment--testimonial__wrapper{height: auto; margin-top: 0; padding-top: 20px;}
	.segment--testimonial img:first-child{clip-path: none; position: relative; max-height: 200px;}
	.segment--testimonial__text {width: 100%; padding: 0; margin: 0;}
	.segment--testimonial__text img{position: relative; bottom: auto; right: auto;}
	.segment--testimonial__text p{width: 100%;}
	.segment--testimonial-logo-holder{display: none;}
	.segment--testimonial::before{display: none;}
	.segment--testimonial::after{display: none;}
}

.paging--standard{justify-content: flex-end; flex-wrap: wrap;}
.paging__list-item--firstpage:after{content: "..."; display: block; position: absolute; top: 0; right: -1.4rem; color: #FFF; padding-top: 11px;}
.paging__list-item--lastpage:after{content: "..."; display: block; position: absolute; top: 0; left: -1.4rem; color: #FFF; padding-top: 11px;}

.paging__list-item__link--standardrange--current {background-color: #e41e26 !important;}



.expandable-heading{cursor: pointer; margin-top: 0; margin-bottom: 0; padding: 1.2rem 0; font-family: var(--font-zalando-expanded); font-size: 1.4rem;}
.expandable-heading:hover{color: var(--color-red);}
.expandable-heading__number{position: absolute; margin-left: -60px;}
.expandable-heading--top-border{border-top: 1px solid rgba(0, 0, 0, 0.2); padding: 1.2rem 0;  font-size: 1.4rem;}
.expandable-hidden{display: none;}
.expandable-heading + *{margin: 0 0 0.5rem;}
.expandable-heading:first-letter{
    color: var(--color-red); padding-right: 0.5rem;
}

.expandable-heading + .expandable{overflow: hidden; transition: max-height 0.25s ease-in-out, margin-bottom 0.25s ease-in-out; }
.expandable-heading + .expandable--shown{max-height: 600px;  font-size: 1.2rem; font-weight: 300;}
.expandable-heading + .expandable--hidden{height: 0; margin-bottom: 0; margin-top: 0;}

.expandable + .expandable{overflow: hidden; transition: max-height 0.25s ease-in-out, margin-bottom 0.25s ease-in-out; }
.expandable + .expandable--shown{max-height: 600px;  font-size: 1.2rem; line-height: 1.5;}
.expandable + .expandable--hidden{height: 0; margin-bottom: 0; margin-top: 0;}
ol.expandable.expandable--shown{
    padding-left: 2rem;
}

.case-study-text-wrapper{overflow: hidden;}
.case-study-text{opacity: 1; transition: 1s all; position: absolute; top: 0; left: 0; height: 330px; padding: 51px 18px 87px 40px; display: flex; flex-direction: column;}
.case-study-text--appearing{z-index: 100; width: calc(100% - 58px); animation: be-casestudy-slidein 0.25s; animation-delay: 0.2s; animation-fill-mode: forwards; }
.case-study-text--disappearing{z-index: 10; width: calc(100% - 58px); animation: be-casestudy-slideout 0.25s; animation-delay: 0.2s; animation-fill-mode: forwards; }

.case-study-image{height: 600px; width: 816px; background-size: cover; background-position: center center; opacity: 0; transition: 1s all; position: absolute; top: 0; left: 0;}
.case-study-image--appearing{animation: be-casestudy-fadein 1s; animation-delay: 0.2s; animation-fill-mode: forwards; z-index: 100;}
.case-study-image--disappearing{animation: be-casestudy-fadeout 0.5s; animation-fill-mode: forwards; z-index: 10;}

.case-study-disc-wrapper{position: absolute; bottom: 56px; left: 10px; width: calc(100% - 20px); text-align: center; z-index: 1000;}
.case-study-disc-wrapper__disc{background-color: #F1F1EA; width: 7px; height: 7px; display: inline-block; border-radius: 50%; margin: 5px; cursor: pointer; opacity: 0.4; transition: 0.5s opacity;}
.case-study-disc-wrapper__disc--current{opacity: 1; transition: 0.5s opacity; background-color: #D8FC5C;}
.case-study-disc-wrapper__disc:hover{background-color: #D8FC5C;}

@keyframes be-casestudy-fadein {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes be-casestudy-fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes be-casestudy-slidein {
    0% {opacity: 0; margin-left: 100%; }
    100% {opacity: 1; margin-left: 0; }
}

@keyframes be-casestudy-slideout {
    0% {opacity: 1; margin-left: 0; }
    100% {opacity: 0; margin-left: -100%; }
}

.news-list__newsitem__image{height: 100px; width: 100px; background-size: cover}

/* .block--masthead {min-height: 99px; display: flex; background-color: #000000;}
.block__wrapper--masthead{width: 100%; max-width: 1450px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}

.block--masthead-message{background-color: #E41E26;}
.block__wrapper--masthead-message{max-width: 1450px; width: calc(100% - 30px); margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center;}
.block__wrapper--masthead-message p{color: #FFF !important; font-size: 1.5rem; width: 100%;}

.block--masthead-message__commercial{background-image: linear-gradient(0deg, rgb(255, 187, 40), rgb(255, 244, 0));}
.block__wrapper--masthead-message__commercial p{color: #000000 !important;}

.block--area-masthead--1{display: flex; align-items: center; padding-right: 25px;}
.block--area-masthead--2{height: 100%;}

.block--area-masthead--2 .menu--main li a{color: #FFF; text-decoration: none;}

.home-link{cursor: pointer; margin: 0; max-width: initial;}

.block--masthead__logo{padding-right: 25px;}

.block--disclaimer{color: #E41E26;}
.block--disclaimer-commercial{color: #000;}
.block__wrapper--disclaimer{max-width: 1450px; width: calc(100% - 30px); margin: 0.5rem auto; padding: 0 15px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.block--disclaimer__text{font-size: 1.5rem; margin: 0; padding: 0; letter-spacing: 0.06rem; display: flex; justify-content: center; align-items: center; text-transform: uppercase; color: #E41E26;}
.block--disclaimer__linkpara__link{background-color: #3B3945; color: #E5FF06 !important; border-radius: 0; display: block;}
.block--disclaimer__linkpara__link:hover{background-color: #000;}
.block--disclaimer__text-image{height: 100%; margin-right: 15px;}

@media only screen and (max-width: 1300px) {
    .block__wrapper--masthead{flex-direction: column; justify-content: center;}
    .block--area-masthead--1{padding: 0; margin: 25px 0;}
}

@media only screen and (max-width: 1265px){
    .block__wrapper--masthead{width: 100%;}
}

@media only screen and (max-width: 1010px){
    .block__wrapper--masthead{justify-content: center; flex-direction: column;}
    .block--masthead{text-align: center;}
    .block--masthead img{position: relative; left: auto; bottom: auto; max-width: 100%;}
    .block--masthead__links{text-align: center;}
    .block--disclaimer__text{margin: 1rem 0;}
    .block__wrapper--masthead-message p{text-align: center;}
    .block__wrapper--disclaimer{justify-content: center;}
}

@media only screen and (max-width: 521px){
    .block--disclaimer__linkpara__link{font-size: 0.85rem; padding: 6px 16px;}
}

@media only screen and (max-width: 516px){
    .block--disclaimer__text{display: flex; flex-direction: column; text-align: center;}
    .block--disclaimer__text img{margin: 0 0 1rem 0;}
} */
@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans+Expanded:ital,wght@0,200..900;1,200..900&family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap');

*{
    font-family: "Zalando Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
:root{
    --color-light: #efefef;
    --color-black: #000000;
    --color-red: #a6161c;
    --color-white: #ffffff;
    --color-yellow: #ffbf25;
    --font-zalando-expanded:  "Zalando Sans Expanded", sans-serif;
}
.zalando-expanded {
  font-family: var(--font-zalando-expanded);
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
body{
    font-size: 1.1rem;
}
.navbar-brand{
    max-width: 250px;
    overflow: hidden;
}
.bg-light{
    background-color: var(--color-light) !important;
    color: var(--color-black);
}
.bg-black, .bg-dark, .btn-dark{
    background-color: var(--color-black) !important;
    color: var(--color-white);
}
.bg-yellow, .bg-warning, .btn-warning{
    background-color: var(--color-yellow);
    color: var(--color-black);
}
.bg-red, .bg-danger, .btn-danger{
    background-color: var(--color-red) !important;
    color: var(--color-white) !important;
}
.text-danger{
    color: var(--color-red) !important;
}
.text-warning{
    color: var(--color-yellow) !important;
}
header .container-fluid{
    padding: 0.5rem 1rem;    
}
.navbar-container-fluid{
    padding: 0.2rem 1rem;    
}
.navbar .navbar-nav .nav-link{
    font-weight: 500;
    color: var(--color-black);
}
.sub-menu{
    padding: 0 0.5rem 0 0;
}
.sub-menu .btn-warning{
    border-radius: 0;
    padding: 0.7rem 1.2rem;
    font-size: 1.1rem;
    font-weight: 500;
}
.sub-menu .nav-link{
    font-weight: 400;
    padding: 0.7rem ;
}
.sub-menu .nav-link:focus{
    outline: none;
}
.hero-section{
    background-color: var(--color-black);
    color: var(--color-white);
    background-image: url(../website/staticimages/car-wireframe.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
}
.hero-section.commercial-section{
    background-color: var(--color-black);
    color: var(--color-white);
    background-image: url(../website/staticimages/commercial-machinery.png);
    background-position: 105% bottom;
    background-repeat: no-repeat;
}
.hero-section.no-bg{
    background-image: none;
}
.hero-section .titles-section{
     text-align: center;
}
.hero-section.logged-in-session .titles-section{
    text-align: left;
}
.hero-section.commercial-section .titles-section{
     text-align: left;
}
.hero-seach-section{
    background-color: var(--color-red);
    color: var(--color-white);
    padding: 1rem;
    border-radius: 1rem;
    position: relative;
    z-index: 5;
   box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.hero-seach-section > h3{
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: 300;
    margin-top: 0;
}
.hero-seach-section .form--parts-request{
    padding: 0;
    width: auto;
}
.hero-seach-section > h3 > strong{
    font-weight: 600;
}
.hero-seach-section .btn{
    font-weight: 600;
}
.trust-section{
    padding: 5rem 0 5rem;
    background-image: url(../website/staticimages/why-thousands-trust-dublaa.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right bottom;
}
.trust-section.no-bg{
    background-image: none;
}
.split-title{
    font-size: 2.5rem;
    font-weight: 300;
    font-family: var(--font-zalando-expanded);
}
.split-title > span{
    font-size: 3.5rem;
    font-weight: 700;
    font-family: var(--font-zalando-expanded);
    display: block;
}
.single-title{
    font-size: 2.5rem;
    font-weight: 500;
}
 .trust-section .card .title-holder, .trust-section .card .title-holder > span{
    font-weight: 600;
 }
 .section{
    padding: 3rem 0;
 }
 .suppliers-slider .slider-item{
    background-size: 5000%;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-light);
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0.1rem;
 }
  .suppliers-slider .slider-item img{
    max-width: 100%;
    height: auto;
  }
.subtext{
    font-size: 1.3rem;
    font-weight: 400;
}
.car-parts-card .card-body{
    padding: 2rem;
}  
.car-parts-card ul.list-unstyled{
    padding-left: 0;
}
.car-parts-card ul.list-unstyled > li{
    margin-bottom: 0;
}
.car-parts-card .card-body > .icon-holder{
    text-align: center;
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 1rem;
    min-width: 200px;
} 
.car-parts-card h3{
    font-weight: 500;
}
.vehicle-part-slider a{
    font-family: var(--font-zalando-expanded);
    font-size: 2rem;
    color: var(--color-black);
    text-decoration: none;
    padding: 0.5rem  1.5rem;
}
.button-holder{
    padding-top: 2rem;
}
.btn{
    font-size: 1.2rem;
    padding: 0.7rem 1.5rem;
    font-weight: 500;
}
.btn-outline-secondary{
    border-color: rgba(0, 0, 0, 0.3);
    color: var(--color-black);
}
.btn-outline-secondary:hover, .btn-outline-secondary:active{
    background-color: var(--color-black);
    color: var(--color-white);
    border-color: var(--color-black);
}
a.zalando-expanded{
    color: var(--color-black);
    text-decoration: none;
    font-weight: 500;
}
.card li a{
    text-decoration: none;
    color: var(--color-black);
    padding: 0.2rem 0;
    display: inline-block;
}
.card li a:hover{
    text-decoration: underline;
}
.need-help-section .icon-holder{
    font-size: 5rem;
}
.need-help-section {
    padding: 7.5rem 0 15rem;
}
footer{
    font-weight: 100;
    color: var(--color-light);
}
footer ul{
    list-style: none;
    padding-left: 0;
}
footer a{
    color: var(--color-light);
    text-decoration: none;
    padding: 0.3rem 0;
    font-weight: 100;
    display: inline-block;
}
footer .social-links ul{
    border-top: 1px solid rgba(255,255,255,0.2);
}
footer .social-links ul > li:not(:last-child){
    border-right: 1px solid rgba(255,255,255,0.2);
}
footer .social-links a{
    display: inline-block;
    padding: 1rem 1.5rem;
    font-size: 1.8rem;
}
.copyright-section{
    padding: 0.5rem 0;
}
.app-banner{
    border-radius: 1rem;
}
.app-banner a{
    max-width: 200px;
    height: auto;
    margin-bottom: 2rem;
}
.app-banner a > img{
    width: 200px;
    height: auto;
}
.navbar-toggler{
    border: 0;
    font-size: 2rem;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.profile-panel{
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    width: 70%;
    background: var(--color-white);
    z-index: 8;
    padding: 4rem 2em 3rem 2rem;
    box-shadow: -1rem 0 5rem rgba(0, 0, 0, 0.8);
}
.profile-panel .close-button{
    background-color: transparent;
    color: var(--color-black);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    right: 0.5rem;
    top: 1rem;
    border: 0;
    font-size: 1.3rem;
}
#navbarProfile .nav-link{
    color: var(--color-black);
    font-weight: 300;
    font-size: 1.1em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 0.7rem 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}
#navbarProfile .nav-link .bi{
    font-size: 1.5rem;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
    color: var(--color-red);
    position: relative;
}
.product-card{
    display: block;
    border-color: var(--color-light) ;
    text-decoration: none;
    border-radius: 1rem;
}
.product-card:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.product-card .product-image-holder{
    overflow: hidden;
    border-radius: 1rem 1rem 0 0;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-card .product-image{
    max-width: 100%;
    height: auto;
    display: block;
}
.product-card .card-body{
    padding: 1.5rem 1.8rem;
    display: block;
    text-align: left;
}
.product-card .card-body .product-title{
    display: block;
    font-weight: 400;
    font-size: 1.1rem;
    height: 7rem;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4; /* Number of lines to show */
}
.product-card .product-price > span{
    font-size: 1.4em;
    font-weight: 600;
    color: var(--color-red);
}

.pagination .page-link{
    background-color: transparent;
    color: var(--color-black);
    font-size: 1.1rem;
    border: 1px solid var(--color-black);
}
.pagination .page-item.active .page-link{
    background-color: var(--color-black);
    color: var(--color-white);
}
.page-link:focus{
    box-shadow: none;
}
.supplier-logo-holder{
    width: 250px;
    height: 250px;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: var(--color-light);
}
.bg-light .supplier-logo-holder{
     background-color: var(--color-white);
}
.supplier-logo-holder > img{
    max-width: 100%;
    height: auto;
}
.list-item .product-card{
    border-radius: 0.5rem;
    height: 100%;
}
.list-item .product-card .product-image-holder{
    height: 180px;   
}
.list-item .product-card .product-image-holder{
    border-radius: 0.5rem 0.5rem 0 0;
}
.list-item .product-card .card-body{
    padding: 0.5rem 0.8rem;
}
.list-item .product-card .card-body .product-title{
    font-size: 0.85rem;
    height: auto;
}
.list-item .product-price{
    font-size: 0.75rem;
}
.google-maps-link{
    color: var(--color-white);
    text-decoration: none;
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}
.google-maps-link > .google-maps-image-holder{
    width: 50px;
    height: 50px;
    overflow: hidden;
}
.google-maps-link > .locate-text{
    font-family: var(--font-zalando-expanded);
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
}
.google-maps-link > .locate-text > span{
    font-family: var(--font-zalando-expanded);
    font-size: 1.1rem;
}
.accordion-button:not(.collapsed){
    color: var(--color-black);
    background-color: transparent;
    box-shadow: none;
}
.accordion-button{
    color: var(--color-black);
    font-size: 1.4rem;
    font-family: var(--font-zalando-expanded);
    font-weight: 500;
    position: relative;
}
.accordion-button{
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}
.accordion-button::before{
    content: 'Q';
    padding-right: 0.5rem;
    margin-right: 1rem;
    font-weight: 500;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    color: var(--color-red);
}
.accordion-item{
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
.accordion-body{
    font-size: 1.2rem;
}
.accordion-item:first-of-type>.accordion-header .accordion-button, .accordion-button:focus{
    border-radius: 0;
    box-shadow: none;
}
.form-group{
    margin-bottom: 1.5rem;
}
.form-group .form-select, .form-group .form-control{
    font-size: 1.2rem;
    padding: 0.7rem 2.4rem 0.7rem 1.2rem;
    border: 1px solid rgba(0, 0, 0, 0.3)
}
.form-group label{
    font-weight: 500;
    font-size: 1.2rem;
    margin-bottom: 0.3rem;
}
.form-check {
    padding-left: 1.8rem;
}
.form-check-input:checked{
    background-color: var(--color-black);
    box-shadow: none;
}
.form-check-input:focus{
    box-shadow: none;
}
 .form-check .form-check-input{
    border-color: rgba(0, 0, 0, 0.3);
    width: 1.5rem;
    height: 1.5rem;
    margin-left: -1.8rem;
    margin-top: 0;
 }

.text-bg-secondary{
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
    font-size: 1.1rem;
}
.search-control{
    position: relative;
}
.search-control .form-control{
    padding: 0.7rem 1.2rem 0.7rem 2.5rem !important;
    position: relative;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg>');
    background-position: 1rem center;
    background-repeat: no-repeat;
}
.ajax-search-results__match {
    width: calc(100% - 25px);
    text-align: left;
    padding: 0.8rem 1rem;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
    cursor: pointer;
    transition: 0.15s all linear;
}
.ajax-search-results__match:hover {
    color: var(--color-red);
    border-bottom: 1px solid var(--color-red);
    background-color: var(--color-light);
}
.parts-selection-wrapper-items-header {
    padding: 1rem;
    margin: 0 !important;
    text-align: left;
    font-weight: 500;
    font-family: var(--font-zalando-expanded);
    font-size: 1.3rem;
    background: var(--color-dark);
    color: var(--color-white);
    border-radius: 10px 10px 0 0;
}
.parts-selection-wrapper__items-wrapper_item {
    border-top: 1px solid #ddd;
    background-color: var(--color-white);
    padding: 1rem;
    margin: 0;
    position: relative;
    text-align: left;
    color: var(--color-black)
}
.parts-selection-wrapper__items-wrapper_item h4 {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 1.1rem;
}
.parts-selection-wrapper__items-wrapper_item p {
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 1rem;
    line-height: 1.3rem;
}
.parts-selection-wrapper__items-wrapper_item_images img {
    max-width: 150px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 10px;
    box-shadow: 1px 2px 3px 0 #afafaf;
}
.parts-selection-wrapper__items-wrapper_item-delete {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    transition: 0.2s all linear;
    color: var(--color-black);
}
.parts-selection-wrapper__items-wrapper .parts-selection-wrapper__items-wrapper_item:last-child{
     border-radius: 0 0 10px 10px;
}
#drop-area {
    border-radius: 10px;
    width: 100%;
    max-width: 600px;
    padding: 20px;
    text-align: center;
    margin: 20px auto;
    cursor: pointer;
    border: 2px dashed var(--color-black);
    background-color: var(--color-white);
}
 #drop-area  .hero-title {
    font-size: 4.375rem;
}
#drop-area .sub-title{
    font-size: 1.2rem;
    font-family: var(--font-zalando-expanded);
}
#drop-area .btn{
    font-size: 1rem;
    padding: 0.4rem 0.8rem;
}
.or-section{
    border-top: 1px solid rgba(255,255,255,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.or-section span{
    background-color: var(--color-black);
    padding: 0.5rem 1rem;
    margin-top: -1.2rem;
}
.or-section.light-bg{
    border-top: 1px solid rgba(0,0,0,0.3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.or-section.light-bg span{
    background-color: var(--color-light);
    padding: 0.5rem 1rem;
    margin-top: -1.2rem;
}
.pin-number-control{
    display: flex;
    gap: 1rem;
}
.pin-number-control > .form-control{
    flex-basis: 60px;
    text-align: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-weight: 600;
    font-size: 1.25rem;
}
.registration-info-section{
    border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.registration-info-section .card-body .w-50{
    width: 150px !important;
}
.registration-info-section .card.bg-light{
    background-color: var(--color-white) !important;
}
.registration-info-section .card-body .d-flex{
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.sub-menu .nav-link.active{
    color: var(--color-red);
    position: relative;
}
.sub-menu .nav-link.active::after{
    content: '';
    width: 100%;
    height: 4px;
    background-color: var(--color-red);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.profil-thumb{
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid var(--color-light);
    display: flex;
    align-items: center;
    justify-content: center;
}
.supplier-businesstypes ul, .supplier-businesstypes ul li{
    margin: 0;
    list-style: none;
    font-family: var(--font-zalando-expanded);
}
.supplier-businesstypes ul{
    display: flex;
    gap: 1rem;
}
.supplier-businesstypes ul li:not(:first-child)::before{
    content: ' | ';
    margin-right: 1rem;
    color: rgba(0, 0, 0, 0.25);
}
.vehicle-make-list li{
    --bs-badge-padding-x: 0.65em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    margin-bottom: 0;
    background-color: var(--color-white) !important;
    color: var(--color-black) !important;
    font-size: 1.1rem;
    border-radius: var(--bs-border-radius-pill) !important;
    font-weight: 400 !important;
}
.supplier-wrapper__star-rating-wrapper p{
    font-size: 1.2rem;
    font-weight: 300;
    margin-top: 0;
}
.suppliers-list .paging--standard{
    justify-content: center;
    margin-top: 3rem;
}
.bg-dark .google-maps-link .text-dark{
    color: var(--color-white) !important;
}
.search-overview{
    text-align: center;
    padding-top: 2rem;
}
.suppliers-list .noresults{
    text-align: center;
    padding-bottom: 4rem;
}
/* Star rating */
.star-rating-wrapper {display: flex;}
.star-rating-wrapper__star-rating{background: rgba(0, 0, 0, 0.15);  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%); display: inline-block; height: 30px; width: 30px;}
.star-rating-yellow{background: var(--color-yellow);}
.supplier-market-place .row{
    justify-content: center;
}
.supplier-market-place .noresults{
    text-align: center;
}
.form-errors .warning.fail{
    background-color: var(--color-red);
    color: var(--color-white);
    width: 100%;
    margin: 0;
    padding: 1.5rem 1.5rem;
    font-size: 1rem;
}
@media (max-width: 599px){
    .navbar-brand{
        max-width: 48vw;
    }
    .sub-menu .btn-warning{
        display: block;
    }
    .sub-menu{
        padding: 0;
    }
    .hero-section{
        padding: 2rem 0;
        background-size: 80%;
        background-position: 100% 30vw; 
    }
     .hero-section .titles-section{
        padding: 0 5vw;
        margin-bottom: 10vw;
     }
    .hero-section .titles-section h1, .hero-section .titles-section h1 > span{
        font-size: 9vw;
        font-weight: 600;
        line-height: 1.4;
        text-align: left; 
    }
     .hero-section .titles-section h2{
        font-size: 6.5vw;
        line-height: 1.5;
        text-align: left;
     }
     .hero-seach-section{
        padding: 7vw;
        margin-bottom: -25vw;
     }
     .hero-seach-section > h3{
        font-size: 5.2vw;
        line-height: 1.4;
     }
    .hero-seach-section > h3.small{
        font-size: 4.5vw;
        line-height: 1.4;
     }
    .hero-seach-section .form-control, .hero-seach-section .form-select {
        font-size: 4.5vw;
        padding: 0.7rem 2.4rem 0.7rem 1.2rem;
    }
  
    .hero-seach-section .btn{
        display: block;
        width: 100%;
        margin-bottom: 3vw;
    }
    .trust-section{
        padding: 30vw 0 100vw;
        background-size: 85vw;
    }
    .split-title{
        font-size: 6vw;
        margin-bottom: 5vw;
    }
    .split-title > span{
        font-size:8vw;
    }
    .trust-section .card{
        height: 100%;
    }
    .trust-section .card .icon-holder{
        width: 20vw;
        margin: 0 auto 5vw;
    }
    .trust-section .card .title-holder{
        font-size: 5vw;
        line-height: 1.3;
        text-align: center;
    }
    .single-title{
        font-size: 6.8vw;
        margin-bottom: 5vw;
    }
    .subtext{
        font-size: 4.5vw;
    }
    .vehicle-part-slider a{
        font-size: 5.5vw;
        padding: 5vw 4vw;
        display: inline-block;
    }
    .need-help-section{
        padding: 10vw 5vw 60vw;
    }
    .button-holder {
        padding-top: 1vw;
    }
    .app-banner {
        margin-top: -60vw;
        margin-bottom: 20vw;
    }
    .app-banner .padding {
       padding: 12vw 8vw 0;
    }
    .app-banner .padding.mobile-pad-0{
        padding-top: 0;
    }
    .app-banner a{
        max-width: 37vw;
        margin-bottom: 5vw;
    }
    .app-banner a > img{
        width: 37vw;
    }
    .copyright-section{
        text-align: center;
        padding: 10vw;
    }
    .search-group.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .search-group.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .search-group.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .search-group.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){
        border-radius: var(--bs-border-radius);
    }
    .product-card .card-body .product-title{
        height: 25vw;
    }
    .product-card .product-image-holder{
        height: 40vw;
    }
    .product-card .card-body{
        padding: 3vw;
        font-size: 3.5vw;
    }
    .product-card .card-body .product-title{
        font-size: 4vw;
    }
    .product-card .product-price > span{
        font-size: 5vw
    }
    .trust-section.market-section{
        padding-bottom: 20vw;
    }
    .need-help-section .icon-holder{
        font-size: 3rem;
    }
    .supplier-logo-holder{
        width: 120px;
        height: 120px;
    }
    .parts-selection-wrapper-items-header{
        font-size: 1.1rem;
    }
    .registration-info-section{
        border-right:0;
        background-color: var(--color-light);
        padding: 2rem 1.5rem;
    }
    h3 {
        font-size: 1.3rem;
        margin: 1rem 0;
    }
    .form-group .form-select, .form-group .form-control{
        font-size: 1rem;
    }
}
@media(min-width:600px) and (max-width: 900px){
     .hero-section{
        padding: 4rem 0;
        background-size: 80%;
    }
     .hero-section .titles-section{
        padding: 0 5vw;
        margin-bottom: 3rem;
     }
    .hero-section .titles-section h1, .hero-section .titles-section h1 > span{
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.4;
    }
     .hero-section .titles-section h2{
        font-size: 2rem;
        line-height: 1.5;
     }
     .hero-seach-section{
        padding: 3rem;
        margin-bottom: -10rem;
     }
     .hero-seach-section > h3{
        font-size: 1.5rem;
        line-height: 1.4;
     }
    .hero-seach-section .form-control, .hero-seach-section .form-select {
        font-size: 1.2rem;
        padding: 0.7rem 2.4rem 0.7rem 1.2rem;
        height: 3.4rem;
    }
    .hero-seach-section .btn{
        display: block;
        width: 100%;
        margin-bottom: 0;
    }
    .trust-section{
        padding: 10rem 0 5rem;
        background-size: 30rem;
        
    }
    .split-title{
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }
    .split-title > span{
        font-size:2.2rem;
    }
    .trust-section .card{
        height: 100%;
    }
    .trust-section .card .icon-holder{
        width: 5rem;
        margin: 0 auto 1rem;
    }
    .trust-section .card .title-holder{
        font-size: 1.2rem;
        line-height: 1.3;
        text-align: center;
    }
    .single-title{
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    .subtext{
        font-size: 1.2rem;
    }
    .vehicle-part-slider a{
        font-size: 1.5rem;
        padding: 1rem 1.5rem;
        display: inline-block;
    }
    h3{
        font-size: 1.25rem;
    }
    .need-help-section{
        padding: 5rem 2rem 10rem;
    }
    .button-holder {
        padding-top: 5vw;
    }
    .app-banner {
        margin-top: -10rem;
        margin-bottom: 3rem;
    }
    .app-banner .padding {
       padding: 3rem 3rem 0;
    }
    .app-banner .padding.mobile-pad-0{
        padding-top: 0;
    }
    .app-banner a{
        max-width: 12rem;
        margin-bottom: 1rem;
    }
    .app-banner a > img{
        width: 12rem;
    }
    .copyright-section{
        text-align: center;
        padding: 2rem;
    }
    .section .tab-pdding{
        padding: 0 3rem 2rem;
    }
    footer .footer-links{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .hero-seach-section .form--parts-request .row > .col{
        flex: 0 0 auto;
        width: 100%;
    }
 
}
@media(min-width:1000px) and (max-width: 1399px){
     .hero-section{
        padding: 4rem 0;
        background-size: 45%;
    }
     .hero-section .titles-section{
        padding: 0 5vw;
        margin-bottom: 3rem;
     }
    .hero-section .titles-section h1, .hero-section .titles-section h1 > span{
        font-size: 3rem;
        font-weight: 600;
        line-height: 1.4;
    }
     .hero-section .titles-section h2{
        font-size: 2rem;
        line-height: 1.5;
     }
     .hero-seach-section{
        padding: 2rem;
        margin-bottom: -10rem;
     }
     .hero-seach-section > h3{
        font-size: 1.3rem;
        line-height: 1.4;
     }
    .hero-seach-section .form-control, .hero-seach-section .form-select {
        font-size: 1.2rem;
        padding: 0.7rem 2.4rem 0.7rem 1.2rem;
        height: 3.4rem;
    }
    .hero-seach-section .btn{
        display: block;
        width: 100%;
        margin-bottom: 0;
    }
    .trust-section{
        padding: 10rem 0 5rem;
        background-size: 30rem;
        
    }
    .split-title{
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }
    .split-title > span{
        font-size:2rem;
    }
    .trust-section .card{
        height: 100%;
    }
    .trust-section .card .icon-holder{
        width: 5rem;
        margin: 0 auto 1rem;
    }
    .trust-section .card .title-holder{
        font-size: 1.2rem;
        line-height: 1.3;
        text-align: center;
    }
    .single-title{
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    .subtext{
        font-size: 1.2rem;
    }
    .vehicle-part-slider a{
        font-size: 1.5rem;
        padding: 1rem 1.5rem;
        display: inline-block;
    }
    h3{
        font-size: 1.25rem;
    }
    .need-help-section{
        padding: 5rem 2rem 10rem;
    }
    .button-holder {
        padding-top: 5vw;
    }
    .app-banner {
        margin-top: -10rem;
        margin-bottom: 3rem;
    }
    .app-banner .padding {
       padding: 0rem 3rem 3rem;
    }
   
    .app-banner a{
        max-width: 10rem;
        margin-bottom: 0;
    }
    .app-banner a > img{
        width: 10rem;
    }
    .copyright-section{
        text-align: center;
        padding: 2rem;
    }
    .section .tab-pdding{
        padding: 3rem 3rem 2rem;
    }
    footer .footer-links{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .hero-section .form__button {
        margin-top: 0;
        font-size: 1.2rem;
        padding: 0.7rem 1.5rem;
        min-width: auto;
        line-height: 1.5;
    }
}
@media (min-width: 1400px){
    .navbar .navbar-nav .nav-link{
        font-size: 1.2rem;
    }
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
    .hero-section{
        padding: 7rem 0;
    }
    .hero-section.logged-in-session{
        padding: 1rem 0;
    }
    .hero-section.logged-in-session.with-search-control{
        padding: 1rem 0 5rem;
    }
    .hero-section h1, .hero-section h1 > span{
        font-size: 5rem;
        font-weight: 700;
    }
    .hero-section.logged-in-session h1{
        font-size: 1.8rem;
        font-weight: 600;
    }
    .hero-section h2{
        font-size: 3rem;
        font-weight: 400;
    }
    .hero-seach-section{
        padding: 2.5rem 3rem;
        margin-bottom: -12rem;
        margin-top: 5rem;
    }
    .hero-seach-section > h3{
        font-size: 1.4rem;
        margin-bottom: 1.2rem;
        margin-top: 0;
    }
    .hero-section .form__button{
        margin-top: 0;
        font-size: 1.2rem;
        padding: 0.7rem 1.5rem;
        min-width: auto;
        line-height: 1.5;
    }
    .hero-seach-section .form-control, .hero-seach-section .form-select{
        font-size: 1.2rem;
        padding: 0.7rem 2.4rem 0.7rem 1.2rem;
        height: 3.4rem;
    }
    .hero-seach-section .btn{
        font-size: 1.2rem;
        padding: 0.7rem 1.5rem;
    }
    .trust-section{
        padding: 10rem 0 8rem;
    }

    .split-title{
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    .split-title > span{
        font-size: 3rem;
    }
    .single-title{
        font-size: 2.8rem;
        font-weight: 500;
    }
    .trust-section .card{
        text-align: center;
    }
    .trust-section .card .icon-holder{
        margin: 1.5rem 0 1rem 0;
    }
    .trust-section .card .title-holder{
        font-size: 1.65rem;
        padding: 0 1rem;
        line-height: 1.4;
        margin-bottom: 1.5rem;
    }
     .section{
        padding: 7.5rem 0;
    }
    .subtext{
        font-size: 1.3rem;
    } 
     .car-parts-card{
        height: 100%;;
     }
    .car-parts-card .card-body{
        padding: 2rem;
    }  
    .car-parts-card .card-body > .icon-holder{
        padding: 1.5rem 0.5rem;
        min-width: 220px;
    } 
    .vehicle-part-slider a{
        font-size: 2rem;
        padding: 0.8rem  2.5rem;
        display: inline-block;
    }
    .vehicle-make-slider .icon-holder{
        padding: 1rem 0;
        text-align: center;
    }
    .sub-menu .btn-warning {
        padding: 0.8rem 1.4rem;
        font-size: 1.2rem;
    }
    .sub-menu .nav-link {
        padding: 0.8rem;
        font-size: 1.2rem;
    }
    .navbar-brand {
        max-width: 270px;
    }
    .btn{
        font-size: 1.3rem;
        padding: 0.8rem 2rem;
        font-weight: 500;
    }
    .btn.btn-sm{
        font-size: 1.1rem;
        padding: 0.5rem 1.2rem;
        font-weight: 400;
    }
    .card li a{
        font-size: 1.2rem;
    }
    .need-help-section {
        padding: 7.5rem 0 15rem;
    }
    footer.section{
        padding-bottom: 2rem;
    }
    .app-banner{
        border-radius: 1.5rem;
        margin-top: -18rem;
        margin-bottom: 5rem;
    }
    .app-banner .padding{
        padding: 3rem 5rem 3rem;
    }
    .app-image-holder{
        padding: 5rem 0 0;
    }
    .dropdown-menu{
        border-radius: 0;
        padding: 0;
        box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1);
    }
    .dropdown-menu > li{
        margin: 0;
    }
    .dropdown-menu .dropdown-item{
        padding: 0.8rem 1.5rem;
        border-bottom: 1px solid var(--color-black);
        background-color: var(--color-light);
        font-size: 1.2rem;
    }
    .dropdown-item.active, .dropdown-item:active{
        background-color: var(--color-red);
    }
    .navbar-nav .nav-link.active::after, .navbar-nav .nav-link.show::after{
        content: '';
        width: 100%;
        height: 7px;
        background-color: var(--color-red);
        display: block;
        position: absolute;
        bottom: -27px;
        left: 0;
    }
}
@media (min-width: 1800px){
     .split-title{
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }
    .split-title > span{
        font-size: 3.5rem;
    }
     .hero-section h1, .hero-section h1 > span{
        font-size: 6rem;
        font-weight: 700;
    }
    .container-fluid{
        padding: 0.5rem 5rem;
    }
}

.section .supplier-wrapper_request-summary{
    display: flex;
    gap: 1.5rem;
    margin-top: 1rem;
}
.section .supplier-wrapper_request-summary p{
    font-size: 1.2rem;
    margin: 0;
}
.section .supplier-wrapper_request-summary p > span{
    font-size: 1.2rem;
    font-family: var(--font-zalando-expanded);
    font-size: 2.4rem;
    font-weight: 600;
}
.section-pad-bottom-small{
    padding-bottom: 1.5rem;
}
.body-container .segment{
    padding: 2rem 0;
}
.segment.pad-0{
    padding: 0;
}
.body-container table{
    width: 100%;
    border: 1px solid rgba(0,0,0,0.2)
}
.body-container table thead tr th{
       background-color: var(--color-white);
    padding: 1rem;
    font-size: 1.2rem;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 500;
}
.body-container table thead tr th:first-child{
    border-top-left-radius: 0.2rem;
}
.body-container table thead tr th:first-child{
    border-top-right-radius: 0.2rem;
}
.body-container .col--12wide{
    width: 100%;
    padding: 0;
}
.body-container table tbody tr td{
    font-size: 1.1rem;
}
.body-container table tbody tr:nth-child(odd) td{
    background-color: var(--color-light);
}
.body-container table tbody tr:hover td {
    background-color: var(--color-black);
}
@media (max-width: 640px){
    .body-container table tr {
        margin-bottom: 1rem;
        display: block;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.5rem;
    }
    .body-container table{
        border:0;
    }
    .body-container table tr td{
        padding: 0.6rem 1rem;
    }
    .body-container table tr td:first-child{
        border-radius: 0.5rem 0.5rem 0 0;
    }
     .body-container table tr td:last-child{
        border-radius:  0 0 0.5rem 0.5rem;
    }
    .body-container table td a{
        width: 100% !important;
        border-radius: 3rem;
        background-color: var(--color-red);
        padding: 0.5rem 1rem;
        text-align: center;
    }
    .body-container table td[data-label="Action"]::before, .body-container table td[data-label="Requests"]::before{
        content: '';
    }
    .section .supplier-wrapper_request-summary{
        flex-direction: row;
        gap: 1.5rem;
        margin-top: 3rem;
    }
    .section .supplier-wrapper_request-summary p{
        font-size: 1rem;
    }
    .section .supplier-wrapper_request-summary p > span{
        font-size: 2rem;
    }
}
.table-suppliers-parts-requests tbody tr.requests--items-row-top-items td{background-color: #ffb5b5 !important;}

.block.block--cookies.js-cookies{
    display: none;
}
.body-container table tbody tr td[data-label="Location"]{
     white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
@media (min-width: 641px) and (max-width: 1199px){
    .body-container .supplier-wrapper__content-container.supplier-wrapper__content-container--white{
        max-width: 100%;
        overflow: auto;
    }
    .profile-panel{
        width: 50% !important;
    }
    form[action="parts/search"] .form__button{
        margin-top: 0;
    }
}
@media(max-width: 1700px){
     .section .d-md-flex .supplier-wrapper_request-summary p > span, .section .container-fluid .supplier-wrapper_request-summary p > span {
        font-size: 1.8rem;
    }
}
@media(max-width: 1399px){
     .section .d-md-flex .supplier-wrapper_request-summary p > span {
        font-size: 1.8rem;
    }
     .section .d-md-flex .supplier-wrapper_request-summary{
      margin-top: 4em;  
     }
}
@media(max-width: 1199px){
    .section .d-md-flex .supplier-wrapper_request-summary, .section .container-fluid .supplier-wrapper_request-summary{
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-top: 4em;
        width: 100%;
    }
    .section .container-fluid .supplier-wrapper_request-summary{
        margin-top: 1rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary > .supplier-wrapper_request-summary-item, .section .container-fluid .supplier-wrapper_request-summary > .supplier-wrapper_request-summary-item{
       flex: 0 0 24.3%;
        box-sizing: border-box;
        border: 1px solid #ccc;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 1rem 0.5rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary p, .section .container-fluid .supplier-wrapper_request-summary p{
        font-size: 0.8rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary p > span, .section .container-fluid .supplier-wrapper_request-summary p > span {
        font-size: 1.5rem;
    }
}
@media(max-width: 900px){
    .section .d-md-flex .supplier-wrapper_request-summary, .section .container-fluid .supplier-wrapper_request-summary{
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary > .supplier-wrapper_request-summary-item, .section .container-fluid .supplier-wrapper_request-summary > .supplier-wrapper_request-summary-item{
       flex: 0 0 32%;
        box-sizing: border-box;
        border: 1px solid #ccc;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 1rem 0.5rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary p, .section .container-fluid .supplier-wrapper_request-summary p{
        font-size: 0.8rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary p > span, .section .container-fluid .supplier-wrapper_request-summary p > span {
        font-size: 1.5rem;
    }
}
@media(max-width: 600px){
    .section .d-md-flex .supplier-wrapper_request-summary, .section .container-fluid .supplier-wrapper_request-summary{
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-top: 1.5rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary > .supplier-wrapper_request-summary-item,  .section .container-fluid .supplier-wrapper_request-summary > .supplier-wrapper_request-summary-item{
       flex: 0 0 48%;
        box-sizing: border-box;
        border: 1px solid #ccc;
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 1rem 0.5rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary p, .section .contaienr-fluid .supplier-wrapper_request-summary p{
        font-size: 0.8rem;
    }
    .section .d-md-flex .supplier-wrapper_request-summary p > span, .section .container-fluid .supplier-wrapper_request-summary p > span {
        font-size: 1.3rem;
    }
}




@media(max-width: 430px){
.body-container table tbody tr td[data-label="Location"]{
    max-width: 404px;
}
}
@media(max-width: 414px){
.body-container table tbody tr td[data-label="Location"]{
    max-width: 388px;
}
}
@media(max-width: 375px){
.body-container table tbody tr td[data-label="Location"]{
    max-width: 350px;
}
}
@media(max-width: 360px){
.body-container table tbody tr td[data-label="Location"]{
    max-width: 335px;
}
}
@media(max-width: 320px){
.body-container table tbody tr td[data-label="Location"]{
    max-width: 305px;
}
}

.block--footer{display: flex; flex-direction: row; flex-wrap: wrap; padding: 30px 0; background-color: #000; background-repeat: no-repeat; border-top: 30px solid #E41E26;}
.block--footer__logo{display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; gap: 30px;}

.block__wrapper--footer{width: 100%; max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; color: #fff;}
.block--area--footer{color: #FFF;}
.block--area--footer p a{color: #FFF;}

.block--footer__menus-address{display: flex; flex-wrap: wrap; gap: 20px 100px;}

.block--footer__contact__details{margin-top: 9px;}


.block--footer li{list-style: none;}
.block--footer li a{color: #FFF; text-decoration: none}

.commercial--block--footer{border-top: none !important; background-image: linear-gradient(0deg, rgb(255, 187, 40), rgb(255, 244, 0)); background-position: top; background-size: 100% 45px; background-repeat: no-repeat; background-clip: padding-box; padding-top: 100px;}

.block--subfooter{background-color: #181818;}
.block--subfooter__bluelinelink{color: #FFF; text-decoration: none;}
.block--subfooter__all-rights-reserved{color: #FFF !important;}
footer .logo-box{
    max-width: 270px;
}
footer .logo-box > img{
    max-width: 100%;
    height: auto;
    margin-top: 1rem;
}
footer ul > li{
    margin-bottom: 0;
}
footer .col{
    padding: 0;
}
@media only screen and (max-width: 840px) {
    .block--footer {text-align: center;}

    .block--footer__menus-address{justify-content: center; flex-direction: column; width: 100%;}

    footer .col{
        padding: 0 calc(var(--bs-gutter-x) * .5);
    }
}

.vehicle-listing-block{display: flex;}

/* Product View Page */
.vehicle{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px; max-width: 1370px; margin: 0 auto;}
.vehicle__wrapper{width: 100%; padding: 3rem 0 3rem 0;}
.vehicle__breadcrumb{order: 1; font-size: 0.9rem; margin-bottom: 0;}
.vehicle__overview-container{order: 2; display: flex; flex-wrap: wrap; justify-content: space-between}
.vehicle__overview{order: 2; flex-basis: calc(50% - 60px); margin-left: 60px;}
.vehicle__overview ul{list-style: none;}
.vehicle__images{order: 1; flex-basis: 50%; display: flex; flex-direction: column; gap: 0 15px; padding: 0; background-color: #ededed;}
.vehicle__images--vertical{flex-direction: row-reverse;}
.vehicle__content{order: 4; border-top: 1px solid #DDD; margin-top: 40px; width: 50%;}
.vehicle__techspecs{order: 5; background-color: #f7f7f7; margin-top: 40px; width: 50%;}
.vehicle__relatedvehicles{order: 6;}
.vehicle__recentlyviewed{order: 7;}
.vehicle__wrapper--recentlyviewed{padding-top: 4.5rem;}
.vehicle__morelikethis{order: 7; width: 60%; margin: 2rem 20% 0 20%; border-top: 1px solid #DDD; padding-top: 2rem;}

.vehicle__breadcrumb a{color: inherit; text-decoration: none;}
.vehicle__breadcrumb a:hover{text-decoration: underline;}

.vehicle__heading{color: #000; margin: -0.4rem 0 0 0; font-size: 4rem; line-height: 4rem; letter-spacing: normal; word-break: break-word;}
.vehicle__catalogue-number{margin: 0 0 1.4rem 0; font-size: 0.8rem; }
.vehicle__price{font-size: 1.6rem; color: #ff0000;}
.vehicle__price-special{color: #b20000;}
.vehicle__preorder-message{font-weight: 800; color: #FFF !important; background-color: #000; padding: 10px; text-align: center;}

/* Product images */
.vehicle__images__main-image{min-height: 500px; max-height: 600px; width: 100%; background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: contain;}
.vehicle__images__main-image--activated{cursor: pointer;}
.vehicle__images__thumbs{flex-basis: 100%; margin-top: 40px; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px;}
.vehicle__images__thumbs--vertical{flex-direction: column; flex-basis: 25%; justify-content: space-between; gap: 30px 0; margin-top: 0;}
.vehicle__images__thumb{max-height: 118px; min-height: 118px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.vehicle__images__thumb--vertical{flex: 1; width: 100%; }
.vehicle__images__thumb--activated{cursor: pointer;}
.vehicle__images__zoom-image{width: 100%; height: 80vh; background-position: center center; background-repeat: no-repeat;}

/* Product content */
.vehicle__section-heading{margin-bottom: 2rem; font-size: 2rem; line-height: 2rem; letter-spacing: normal;}
.vehicle__content *:last-child{margin-bottom: 0;}

/* Specification */
.vehicle__techspecs-list{font-size: 1.2rem; list-style: none; margin: 0;}
.vehicle__techspecs-list__item{margin: 0; padding: 5px 0; border-bottom: 1px solid #DDD; display: flex; flex-wrap: wrap;}
.vehicle__techspecs-list__item__title{min-width: 130px; font-weight: 600;}
.vehicle__techspecs-list__item__detail{margin: 0; padding: 0 0 0 10px; border-left: 1px solid #ddd;}

/* Product Listings Display */
.vehicle-list-heading{font-size: 1.4rem; font-weight: 400; line-height: 2.6rem; margin-bottom: 0;}

/* Product lists */
.vehicle-list{display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); grid-template-rows: auto;}
.vehicle-list__item{cursor: pointer; background-color: #f4f4f4; padding: 10px;}
.vehicle-list__item__image{background-size: contain; background-repeat: no-repeat; height: 15vw; background-position: center center;}
.vehicle-list__item__title{padding: 15px 0 5px 0; margin: 0; border-bottom: 1px solid #DDD; font-size: 1.2rem;}
.vehicle-list__item__briefdescription {font-size:0.95rem; line-height: 1.4rem;}
.vehicle-list__item__link{text-decoration: none;}
.vehicle-list__item__price{padding: 5px 0; margin: 0; border-bottom: 1px solid #DDD; font-weight: 800; color: #000 !important;}
.vehicle-list__item__price-special{color: #ff0000;}

/* Product filter display */
.filter-heading{font-size: 1.4rem; letter-spacing: normal; font-weight: 400; border-bottom: 5px solid #EAEAEA;}

.form--vehicle-filter__section{margin-bottom: 20px}
.form--vehicle-filter__section--search-wrapper{display: none;}

.form--vehicle-filter__search-tags__item{background-color: #DDD; border-radius: 5px; padding: 2px 20px 2px 5px; display: inline-block; margin-top: 5px; position: relative;}
.form--vehicle-filter__search-tags__item__remove{font-size: 0.7rem; position: absolute; right: 5px; top: 0; color: #8C6E36; font-weight: 600; cursor: pointer;}

.form--vehicle-filter__heading{font-size: 1.4rem; font-weight: 600; line-height: 1.8rem; letter-spacing: normal; border-top: 1px solid #EEE; padding-top: 10px; margin: 15px 0 5px 0;}

.form--vehicle-filter__innersection:nth-child(1) .form--vehicle-filter__heading{border-top: none;}

.form--vehicle-filter__category-item-input{display: inline-block; margin-right: 5px; width: 20px; height: 24px; bottom: 1px; vertical-align: middle;}
.form--vehicle-filter__category-item-label{display: inline-block; height: 20px; font-size: 0.95rem; }

.form--vehicle-filter__filter-option{margin-bottom: 4px;}
.form--vehicle-filter__submit--hidden{display: none;}

/* Product filter sort by specifics */
.form--vehicle-filter__section--hidden{display: none;}
.form--vehicle-filter__heading--sort-by{font-size: 1.1rem; border: none; padding: 0; margin: 0;}
.form--vehicle-filter__section--sort-by-in-page{position: absolute; top: auto; right: 15px;}

/* Filter update display changes*/
.vehicle-list--refreshing{opacity: 0.5}
.form--filter--refreshing{opacity: 0.5}

/* Responsive styles */
@media only screen and (max-width: 1600px) {
    .vehicle-list{grid-template-columns: calc(100% / 3 - 40px / 3) calc(100% / 3 - 40px / 3) calc(100% / 3 - 40px / 3);}
    .vehicle-list__vehicle__image{height: 20vw;}
}

@media only screen and (max-width: 1200px) {
    .vehicle-list{grid-template-columns: calc(100% / 2 - 20px / 2) calc(100% / 2 - 20px / 2);}
    .vehicle-list__vehicle__image{height: 32vw;}

    .add-to-basket-form__variation-label{width: calc(100% - 15px);}
    .add-to-basket-form__variation-select{width: 100%;}
    .add-to-basket-form__variation-textarea{width: 100%;}
}

@media only screen and (max-width: 1000px) {
    .vehicle__images__thumb{min-height: 150px;}
}

@media only screen and (max-width: 840px) {
    .vehicle-listing-block{flex-direction: column; padding: 25px 0;}
    .form--vehicle-filter__section--sort-by-in-page{position: relative; right: auto;}

    .vehicle-list__vehicle__image{height: 42vw;}

    .vehicle__images{flex-basis: 100% !important; margin-bottom: 20px;}
    .vehicle__overview{flex-basis: 100% !important; margin-left: 0 !important;}

    .vehicle__content{flex-basis: 100%;}
    .vehicle__techspecs{flex-basis: calc(100% - 20px);}
    .vehicle__techspecs-list{min-width: auto;}

    .vehicle__images__thumb{min-height: 100px;}
}

@media only screen and (max-width: 560px) {
    .vehicle-list{grid-template-columns: 100%;}
    .vehicle-list__vehicle__image{height: 85vw;}

    .vehicle__techspecs-list__item{flex-direction: column;}
    .vehicle__techspecs-list__item__detail{padding: 0; border: none; margin-top: 5px; font-size: 1rem;}
}

@media only screen and (max-width: 300px) {
    .vehicle__techspecs-list__item__detail{position: relative; width: 100%;}
}


/* Vehicles */
.vehicle-list__item{box-shadow: 0 0 6px 0 #d0d0d0;}
.vehicle-list__item:hover{background-color: #fff;}

.vehicle-list__item-price{margin: 0; color: #E41E26;}

@media only screen and (max-width: 840px){
    .vehicle-list__item__image{height: 26vw;}
}

@media only screen and (max-width: 560px){
    .vehicle-list__item__image{height: 52vw;}
}

.product__overview-container{display: flex; gap: 0 40px;}
.product__overview{padding: 0; width: auto; flex-basis: calc(50% - 40px); margin: 0;}
.product__images{padding: 0; width: auto;}
.product__content{padding: 0 20px; width: calc(100% - 40px);}
.product__recentlyviewed{padding: 0 20px; width: calc(100% - 40px);}
.product__breadcrumb{padding: 0 20px; width: calc(100% - 40px);}

.part-listing-block{display: flex;}

/* Product View Page */
.part{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px; max-width: 1370px; margin: 0 auto;}
.part__wrapper{width: 100%; padding: 3rem 0 3rem 0;}
.part__breadcrumb{order: 1; font-size: 0.9rem; margin-bottom: 0;}
.part__overview-container{order: 2; display: flex; flex-wrap: wrap; justify-content: space-between}
.part__overview{order: 2; flex-basis: calc(50% - 60px); margin-left: 60px;}
.part__overview ul{list-style: none;}
.part__images{order: 1; flex-basis: 50%; display: flex; flex-direction: column; gap: 0 15px; padding: 0; background-color: #ededed;}
.part__images--vertical{flex-direction: row-reverse;}
.part__content{order: 4; border-top: 1px solid #DDD; margin-top: 40px; width: 50%;}
.part__techspecs{order: 5; background-color: #f7f7f7; margin-top: 40px; width: 50%;}
.part__relatedparts{order: 6;}
.part__recentlyviewed{order: 7;}
.part__wrapper--recentlyviewed{padding-top: 4.5rem;}
.part__morelikethis{order: 7; width: 60%; margin: 2rem 20% 0 20%; border-top: 1px solid #DDD; padding-top: 2rem;}

.part__breadcrumb a{color: inherit; text-decoration: none;}
.part__breadcrumb a:hover{text-decoration: underline;}

.part__heading{color: #000; margin: -0.4rem 0 0 0; font-size: 4rem; line-height: 4rem; letter-spacing: normal; word-break: break-word;}
.part__catalogue-number{margin: 0 0 1.4rem 0; font-size: 0.8rem; }
.part__price{font-size: 1.6rem; }
.part__price-special{color: #ff0000;}
.part__preorder-message{font-weight: 800; color: #FFF !important; background-color: #000; padding: 10px; text-align: center;}

/* Product images */
.part__images__main-image{min-height: 600px; max-height: 600px; width: 100%; background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: contain;}
.part__images__main-image--activated{cursor: pointer;}
.part__images__thumbs{flex-basis: 100%; margin-top: 40px; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px;}
.part__images__thumbs--vertical{flex-direction: column; flex-basis: 25%; justify-content: space-between; gap: 30px 0; margin-top: 0;}
.part__images__thumb{max-height: 118px; min-height: 118px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.part__images__thumb--vertical{flex: 1; width: 100%; }
.part__images__thumb--activated{cursor: pointer;}
.part__images__zoom-image{width: 100%; height: 94vh; background-position: center center; background-repeat: no-repeat;}

/* Part content */
.part__section-heading{margin-bottom: 2rem; font-size: 2rem; line-height: 2rem; letter-spacing: normal;}
.part__content *:last-child{margin-bottom: 0;}
.part__content ul{margin-left: 18px;}

/* Specification */
.part__techspecs-list{font-size: 1.2rem; list-style: none; margin: 0;}
.part__techspecs-list__item{margin: 0; padding: 5px 0; border-bottom: 1px solid #DDD; display: flex; flex-wrap: wrap;}
.part__techspecs-list__item__title{min-width: 130px; font-weight: 600;}
.part__techspecs-list__item__detail{margin: 0; padding: 0 0 0 10px; border-left: 1px solid #ddd;}

/* Product Listings Display */
.part-list-heading{font-size: 1.4rem; font-weight: 400; line-height: 2.6rem; margin-bottom: 0;}

/* Product lists */
.part-list{padding-bottom: 25px; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); grid-template-rows: auto;}
.part-list__item{cursor: pointer; background-color: #f4f4f4; padding: 10px;}
.part-list__item__image{background-size: contain; background-repeat: no-repeat; height: 15vw; background-position: center center;}
.part-list__item__title{padding: 15px 0 5px 0; margin: 0; border-bottom: 1px solid #DDD; font-size: 1.2rem;}
.part-list__item__briefdescription {font-size:0.95rem; line-height: 1.4rem;}
.part-list__item__link{text-decoration: none;}
.part-list__item__price{padding: 5px 0; margin: 0; border-bottom: 1px solid #DDD; font-weight: 800; color: #000 !important;}
.part-list__item__price-special{color: #ff0000;}

/* Product filter display */
.filter-heading{font-size: 1.4rem; letter-spacing: normal; font-weight: 400; border-bottom: 5px solid #EAEAEA;}

.form--filter__section{margin-bottom: 20px}
.bg-light .form--filter__section{margin-bottom: 0}
.form--filter__section--search-wrapper{}

.form--filter__search-tags__item{background-color: rgba(255,255,255,0.3); color: var(--color-white); border-radius: 20px; padding: 0.1rem 2rem 0.1rem 0.8rem; display: inline-block; margin-top: 5px; position: relative;}
.form--filter__search-tags__item__remove{font-size: 1.1rem; position: absolute; right: 9px; top: 0; color: #fff; font-weight: 300; cursor: pointer; padding: 0 5px}

.form--filter__heading{font-size: 1.4rem; font-weight: 600; line-height: 1.8rem; letter-spacing: normal; border-top: 1px solid #EEE; padding-top: 10px; margin: 15px 0 5px 0;}

.form--filter__innersection:nth-child(1) .form--filter__heading{border-top: none;}

.form--filter__category-item-input{display: inline-block; margin-right: 5px; width: 20px; height: 24px; bottom: 1px; vertical-align: middle;}
.form--filter__category-item-label{display: inline-block; height: 20px; font-size: 0.95rem; }

.form--filter__filter-option{margin-bottom: 4px;}
.form--filter__submit--hidden{display: none;}

/* Product filter sort by specifics */
.form--filter__section--hidden{display: none;}
.form--filter__heading--sort-by{font-size: 1.1rem; border: none; padding: 0; margin: 0;}
.form--filter__section--sort-by-in-page{position: absolute; top: auto; right: 15px;}

/* Filter update display changes*/
.part-list--refreshing{opacity: 0.5}
.form--filter--refreshing{opacity: 0.5}

/* Responsive styles */
@media only screen and (max-width: 1600px) {
    .part-list{grid-template-columns: calc(100% / 3 - 40px / 3) calc(100% / 3 - 40px / 3) calc(100% / 3 - 40px / 3);}
    .part-list__part__image{height: 20vw;}
}

@media only screen and (max-width: 1200px) {
    .part-list{grid-template-columns: calc(100% / 2 - 20px / 2) calc(100% / 2 - 20px / 2);}
    .part-list__part__image{height: 32vw;}

    .add-to-basket-form__variation-label{width: calc(100% - 15px);}
    .add-to-basket-form__variation-select{width: 100%;}
    .add-to-basket-form__variation-textarea{width: 100%;}
}

@media only screen and (max-width: 1000px) {
    .part__images__thumb{min-height: 150px;}
}

@media only screen and (max-width: 840px) {
    .part-listing-block{flex-direction: column; padding: 25px 0;}
    .form--filter__section--sort-by-in-page{position: relative; right: auto;}

    .part-list__part__image{height: 42vw;}

    .part__images{flex-basis: 100% !important; margin-bottom: 20px;}
    .part__overview{flex-basis: 100% !important; margin-left: 0 !important;}

    .part__content{flex-basis: 100%;}
    .part__techspecs{flex-basis: calc(100% - 20px);}
    .part__techspecs-list{min-width: auto;}

    .part__images__thumb{min-height: 100px;}
}

@media only screen and (max-width: 560px) {
    .part-list{grid-template-columns: 100%;}
    .part-list__part__image{height: 85vw;}

    .part__techspecs-list__item{flex-direction: column;}
    .part__techspecs-list__item__detail{padding: 0; border: none; margin-top: 5px; font-size: 1rem;}

    .part__images__main-image{max-height: none; min-height: 350px;}
}

@media only screen and (max-width: 370px) {
    .part__images__main-image{min-height: 300px;}
}

@media only screen and (max-width: 300px) {
    .part__techspecs-list__item__detail{position: relative; width: 100%;}
}


/* Parts */
.parts-list__item{box-shadow: 0 0 6px 0 #d0d0d0;}
.parts-list__item:hover{background-color: #fff;}

.part__breadcrumb{margin: 0 15px 15px 15px;}

.part__price{font-weight: 700; font-size: 2.5rem; margin: 1.5rem 0; display: flex; flex-direction: column;}
.part__price strike{margin-top: 12px;}
.supplier-details{border-top: 2px solid black; border-bottom: 2px solid black;}

.part__overview-container{margin: 0 15px; width: calc(100% - 30px);}
.part__wrapper{width: calc(100% - 30px); margin: 0 15px;}

.part-buttons a{margin-bottom: 1rem;}

/* Parts Request */
.parts-request-block{background-color: #343434; text-align: center; min-height: 340px; display: flex; align-items: center; justify-content: center; padding: 30px 0;}
p.parts-request-block__selected-vehicle{color: #fff !important; font-size: 1.2rem; line-height: 2.1rem; margin: 0 0 30px 0; letter-spacing: 0.1rem; background-color: #343434; border-radius: 10px; padding: 5px;}
.parts-request-block__selected-vehicle b{font-size: 1.8rem; display: block;}

.parts-request-vehicle-not-listed{font-size: 1.2rem; margin-bottom: 22px;}

.parts-selection-wrapper__parts-search{color: #fff; margin: 0 0 5px 0; background-color: #343434; border-radius: 10px; padding: 20px;}
.parts-selection-wrapper__parts-search__heading{text-align: left; margin-top: 0;}
.parts-selection__additional-notes{font-size: 0.8rem; margin: 0; color: #e41e26 !important;}
.form__input--parts-search{width: 100%; border-radius: 10px; display: block; margin: 0; padding: 10px;}

.parts-request-form-wrapper{background: #fff; border-radius: 20px; padding: 30px;}
.parts-request-form-wrapper .form__column{flex-direction: column;}
.parts-request-form-wrapper .form__textarea{padding: 5px;}

.parts-request-summary-wrapper{background: #fff; border-radius: 20px; padding: 30px;}
.parts-request-summary-wrapper__heading{margin: 0 0 10px 0; font-size: 1.7rem;}
.parts-request-summary-wrapper__subheading{margin-bottom: 10px;}
.parts-request-summary-wrapper__subheading__level2-subheading{margin-bottom: 3rem;}
.parts-request-summary-wrapper__details{list-style: none; padding: 0 !important; margin-bottom: 3rem;}
.parts-request-summary-wrapper__details__item{margin: 0 0 5px 0; word-break: break-word;}
.parts-request-summary-wrapper__details__item--additional-info{color: #e41e26;}
.parts-request-summary-wrapper__details__item__heading{width: 130px; display: inline-block;}
.parts-request-summary-wrapper .noresults{background-color: #A00; color: #FFF; width: calc(100% - 40px); padding: 20px; margin: 0 0 1rem 0; text-align: center; border-radius: 15px;}

.parts-request-summary-wrapper__requested-parts{margin-top: 50px;}

.parts-request-summary-wrapper--supplier{padding: 0; flex-basis: 100%; width: 100%;}
.parts-request-summary-wrapper_request-status{float: right; display: inline-block; background-color: #FF5F1F; min-width: 150px; text-decoration: none; text-align: center; color: #FFF !important; font-size: 0.8rem; border-radius: 36px; margin: 8px 0 8px 10px; padding: 1px 16px;}

.parts-selection-wrapper{background: #fff; border-radius: 20px; padding: 30px;}

/* Customer details */
.parts-request-summary--customer-details{border-radius: 10px; border: 1px solid #343434; padding: 10px;}
.parts-request-summary--customer-details p{padding: 0; margin: 2px 0; font-size: 0.8rem;}

/* Parts Request - Part Item Display */
.parts-selection-wrapper__items-wrapper{border-radius: 10px; padding: 0; margin: 0 0 30px 0; width: 100%;}
.parts-selection-wrapper__items-wrapper_item{border: 1px solid #ddd; background-color: var(--color-white); padding: 20px; margin: 0; position: relative; text-align: left}
.parts-selection-wrapper__items-wrapper_item h4{padding: 0; margin: 0 0 5px 0; font-size: 1.1rem}
.parts-selection-wrapper__items-wrapper_item p{padding: 0; margin: 0 0 5px 0; font-size: 1rem; line-height: 1.3rem}
.parts-selection-wrapper__items-wrapper_item-delete{position: absolute; top: 10px; right: 10px; width: 25px; transition: 0.2s all linear;}
.parts-selection-wrapper__items-wrapper_item-delete:hover{filter: invert(10%) sepia(98%) saturate(6172%) hue-rotate(5deg) brightness(104%) contrast(116%);}
.parts-selection-wrapper__items-wrapper_item_images{}
.parts-selection-wrapper__items-wrapper_item_images img{max-width: 150px; display: inline-block; margin-right: 10px; border-radius: 10px; box-shadow: 1px 2px 3px 0 #afafaf;}
.parts-selection-wrapper-items-header{padding: 20px; margin: 0 !important; text-align: left; font-weight: 600; font-size: 1.3rem; background: #343434; color: #fff; border-radius: 10px 10px 0 0;}

.parts-selection-wrapper__items-wrapper_item__image{max-width: 150px; display: inline-block; margin-right: 10px; border-radius: 10px; box-shadow: 1px 2px 3px 0 #afafaf;}

.parts-selection-wrapper__items-wrapper_item__response{margin: 30px 0 0 0;}
.parts-selection-wrapper__items-wrapper_item__response__table{border-width: 2px;}

.parts-selection-wrapper__results{}
.parts-selection-wrapper__results__wrapper{background-color: #343434; color: #fff; display: block; padding: 20px; border-radius: 10px;}
.parts-selection-wrapper__results p{background-color: #343434; color: #fff; display: block; padding: 20px; border-radius: 10px;}
.parts-selection-wrapper__results-message p{background-color: #343434; color: #fff; display: block; padding: 20px; border-radius: 10px;}

.ajax-search-results__match{width: calc(100% - 25px); text-align: left; padding: 10px 0; border-bottom: 1px dashed #BBB; cursor: pointer; font-style: normal; font-size: 1rem; transition: 0.1s all linear;}
.ajax-search-results__match:hover{color: #fdffaf; border-bottom-style: solid;}

.part-list__item__price{border: none; margin: 0; color: #E41E26 !important; font-weight: 600;}

.parts-selection-add-manual{margin-bottom: 20px;}
.parts-selection-next-step{margin-top: 20px;}

.parts-request-supplier-responses{}
.parts-request-supplier-responses tr:hover td{background-color: inherit; color: inherit;}
.parts-request-supplier-responses tr:hover td p{color: inherit;}
.parts-request-supplier-responses tr:hover td p a{color: inherit;}
.parts-request-supplier-responses tr:hover td a{color: inherit;}

#supplierresponse1{width: 120px;}
#supplierresponse2{width: 200px;}
#supplierresponse3{}
#supplierresponse4{}
#supplierresponse5{}
#supplierresponse6{}
#supplierresponse7{width: 185px;}

.parts-request-supplier-responses{margin-bottom: 80px;}
.parts-request-supplier-responses__response{display: flex; flex-wrap: wrap; gap: 0; border: 1px solid #3b3a45; border-bottom: 0; box-shadow: 1px 2px 8px 0 #bfbebe;}
.parts-request-supplier-responses__response:not(:last-child){margin-bottom: 40px;}
.parts-request-supplier-responses__response__heading{background-color: #3b3945; color: #fff; font-weight: 600; padding: 10px; flex-basis: 240px; border-bottom: 1px solid #636363;}
.parts-request-supplier-responses__response__heading__header{margin: 0; font-size: 0.9rem;}
.parts-request-supplier-responses__response__data{padding: 10px; border-bottom: 1px solid #3b3a45; flex-basis: calc(100% - 240px); font-size: 0.9rem;}
.parts-request-supplier-responses__response__name{flex-basis: 100%; background-color: #e9e9e9; font-size: 2.4rem; font-weight: 600; text-align: center; color: #3b3a45; border-bottom: 1px solid #3b3a45;}
.parts-request-supplier-responses__response__totalprice{padding: 20px 10px;}
.parts-request-supplier-responses__response__heading__header--total-price{font-size: 1.5rem;}
.parts-request-supplier-responses__response__col5{background-color: #e41e26; color: #fff; font-weight: 600; font-size: 1.5rem; padding: 20px 10px;}
.supplier-details-customer-response-container p{font-size: 0.9rem;}
.supplier-details-customer-response-container__link{margin-bottom: 10px; display: block;}
.parts-request-supplier-responses__response__data__supplierheading{display: block; margin-bottom: 10px;}

.parts-request-supplier-responses_parts{}
.parts-request-supplier-responses_parts__part{display: flex; gap: 16px; margin-bottom: 10px;}
.parts-request-supplier-responses_parts__part:last-child{margin: 0;}
.parts-request-supplier-responses_parts__part__heading{font-weight: 700;}
.parts-request-supplier-responses_parts__part__data{}


/* Parts Request - Part Item Edit form */
.form__parts-request-item-header{margin: 0 0 40px 0; padding: 0; font-size: 1.8rem;}
.form__parts-request-item{border: 1px solid #777; color: #fff; margin: 0 0 5px 0; background-color: #343434; border-radius: 10px; padding: 20px;}
.form__parts-request-item-textarea{height: 168px; padding: 10px; border-radius: 10px;}
.form__parts-request-item-video-link{ padding: 10px;}
.form__label[for=ImageIDs]{line-height: 1rem;}

.form--parts-selection p{color: #222 !important}

.form--parts-request__section .be-nice-select{}
.form--parts-request__section .be-nice-select__selected-values{}

.form--parts-request__message p{font-size: 0.9rem; color: #222 !important}

.form__column--images .be-medialibrary-wrapper--multiple .be-medialibrary-preview{width: 100%;}
.form__column--images .be-medialibrary-wrapper--multiple.be-medialibrary-wrapper--2options .be-medialibrary-filedrop{width: 100%;}

.segment--fullwidth-background-image-centered .form--parts-request .form__button{background-color: #E41E26;}
.segment--fullwidth-background-image-centered .form--parts-request .form__button:hover{background-color: rgba(228, 30, 38, 0.7);}

.parts-request-form-wrapper .form{}
.parts-request-form-wrapper h2{margin: 0.83rem 0.83rem 2.3rem 0.83rem; font-size: 2.5rem;}
.parts-request-form-wrapper .form__select{border: 1px solid #CCC;}

.parts-request-reg-wrapper{display: flex}
.form--parts-request-reg .form__input{background-color: #E5FF06; color: #222; text-transform: uppercase; text-align: center; font-size: 2rem; border: none; width: calc(100% - 70px); padding: 7px;}
.form--parts-request__submit-reg{height: 54px; width: 54px; margin-left: 10px;}

.parts-request-button{min-width: 62px;}

.parts_request_response_image{max-width: 150px; display: inline-block; margin-right: 10px; border-radius: 10px; box-shadow: 1px 2px 3px 0 #afafaf;}

/* Parts Request - Supplier Response */
.form__parts-request-item--response-holder{order: 2; display: flex; flex-wrap: wrap; justify-content: space-between}
.form__parts-request-item--response-holder_item{order: 2; flex-basis: 49%;}
.form__parts-request-item--response-holder_item-1{flex-basis: 59%}
.form__parts-request-item--response-holder_item-2{flex-basis: 39%; display: flex;}
.form__parts-request-item--response-holder_item .form__label{display: none}
.form__parts-request-item--response-holder_item .be-medialibrary-preview{width: 100%; background-color: color(srgb 0.93 0.93 0.93 / 0.4); padding-bottom: 25px;}
.form__parts-request-item--response-holder_item .be-medialibrary-preview--noselection{}
.form__parts-request-item--response-holder_item .be-medialibrary-filedrop{width: 100%; height: 100% !important;}
.form__parts-request-item--response-holder_item .be-medialibrary-filedrop__text{padding: 6px 10%; align-items: flex-end; width: calc(80% + 1px);}


.form__parts-request-item .be-medialibrary-preview{width: 100%; background-color: color(srgb 0.93 0.93 0.93 / 0.4); padding-bottom: 25px;}
.form__parts-request-item .be-medialibrary-preview--noselection{}
.form__parts-request-item .be-medialibrary-filedrop{width: 100%; height: 100% !important;}
.form__parts-request-item .be-medialibrary-filedrop__text{padding: 6px 10%; align-items: flex-end; width: calc(80% + 1px);}



.form .be-medialibrary-preview{width: 100%; background-color: color(srgb 0.4 0.4 0.4); padding-bottom: 25px;}
.form .be-medialibrary-preview--noselection{opacity: 1;}
.form .be-medialibrary-filedrop{width: 100%; height: 100% !important;}
.form .be-medialibrary-filedrop__text{padding: 6px 10%; align-items: flex-end; width: calc(80% + 1px);}

@media only screen and (max-width: 1000px) {
    .part-list__item__image{height: 250px;}
}

@media only screen and (max-width: 895px){
    .parts-selection-wrapper__items-wrapper_item-delete{top: 18px;}
    .parts-selection-wrapper__items-wrapper_item h4{padding: 0 20px 0 0;}
    .form__parts-request-item .form__button{padding: 15px;}
}

@media only screen and (max-width: 840px) {
    .form__parts-request-item-header{word-break: break-word;}
    .form__parts-request-item .be-medialibrary-filedrop__text{align-items: flex-start;}
    .form--parts-request__submit-reg{height: 40px; width: 40px; margin: 0;}
    .form--parts-request-reg .form__input{padding: 7px; font-size: 1rem; margin-bottom: 10px;}
    .segment__area--2col-text-image--1 .form--parts-request-reg .form__input{width: 100%;}
    .parts-request-reg-wrapper{justify-content: center; flex-direction: column; align-items: center;}
    .parts-request-summary-wrapper__email{word-break: break-word;}
    .parts-selection-wrapper__items-wrapper_item{word-break: break-word;}
    .parts-request-summary--customer-details p{word-break: break-word;}
}

@media only screen and (max-width: 700px) {
    .form--parts-request-reg{width: auto;}
    .form--parts-request{width: calc(100% - 30px); padding: 0 15px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
    .form--parts-request .form__input--checkbox{top: 5px; margin-left: 10px; position: relative;}
    .form--parts-request .form__label--checkbox{width: auto !important; margin-left: 0 !important;}
    .button-container{flex-wrap: wrap; justify-content: center; flex-direction: column-reverse;}

    .parts-request-supplier-responses__response{flex-direction: column;}
    .parts-request-supplier-responses__response__heading{flex-basis: auto;}

    .supplier-details-customer-response-container__contact b{width: auto !important; padding-right: 10px;}
}

@media only screen and (max-width: 600px) {
    .parts-request-summary-wrapper{padding-right: 5px; padding-left: 5px;}
    .parts-selection-wrapper__items-wrapper_item h4{word-break: break-word;}
}

@media only screen and (max-width: 500px) {
    .parts-request-summary-wrapper__details__item__heading{display: inline;}
}

@media only screen and (max-width: 500px) {
    .part__heading{font-size: 3rem; line-height: 3rem;}
    .part__price{font-size: 2rem;}
    .parts-selection-wrapper{padding: 5px;}
}

.parts-request-supplier-responses__response__heading{
    background-color: var(--color-black);
}
.parts-request-supplier-responses__response__name{
    font-family: var(--font-zalando-expanded);
    color: var(--color-black);
    background-color: var(--color-light);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    font-size: 1.8rem;
}
.parts-request-supplier-responses__response{
    box-shadow: none;
    border-color: var(--color-black)
}
.parts-request-supplier-responses__response__data, .supplier-details-customer-response-container p{
    font-size: 1.2rem;
}
.parts-request-supplier-responses__response__col5{
    font-size: 1.4rem;
}
.parts-request-supplier-responses__response__heading__header{
    font-size: 1.2rem;
    font-weight: 300;
}
.parts-request-supplier-responses__response__col5{
    background-color: var(--color-red);
}
 .parts-request-summary-wrapper_request-status{
    position: absolute;
    top: -0.5rem;
    right: 0;
    border-radius: 0 0 1rem 1rem;
    background-color: #f44600;
}
@media only screen and (max-width: 900px) {
    .parts-request-supplier-responses__response__data, .supplier-details-customer-response-container p{
        font-size: 1rem;
    }
    .parts-request-supplier-responses__response__name{
        display: block;
        font-size: 1.6rem;
    }
    .parts-request-supplier-responses__response__col5{
        font-size: 1.2rem;
    }
    .parts-request-supplier-responses__response__heading__header{
        font-size: 1rem;
    }
}


.be-medialibrary-wrapper{width: 100%; min-height: 8.5rem; margin-bottom: 2rem; display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative;}


/** File Drop **/
.be-medialibrary-filedrop{width: 31%; display: flex; flex-wrap: wrap; border: none !important; border-radius: 15px; align-items: stretch; height: auto; position: absolute !important;}
.be-medialibrary-filedrop--highlighted{border-color: #d90912; border-style:solid; background:#eaeaea}
.be-medialibrary-filedrop__fileselector{display: none;}
.be-medialibrary-filedrop__text{cursor: pointer; text-align: center; width: 80%; padding: 0 10%; font-size: 0.8rem; text-transform: uppercase; color: #FFF !important; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.be-medialibrary-filedrop__progress{margin: 0 10%; display: block !important; position: absolute; bottom: 20px; width: 80%;}
.be-medialibrary-filedrop__progress--hidden{display: none;}
.be-modal-dialog__middle .be-medialibrary-wrapper{width: 69%}

/** Preview **/
.be-medialibrary-preview{width: 31%; position: relative; display: flex; gap: 20px; flex-wrap: wrap;}
.be-medialibrary-preview--document{background-size: auto 70%; background-position: center 5px;}

.be-medialibrary-preview__item{width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: top center; position: relative; background-color: #EEE;}
.be-medialibrary-preview__item__name{background-color: rgba(57, 106, 179, 0.9); color: #FFF; font-weight: 600; position: absolute; bottom: 0; left: 0; font-size: 0.8rem; text-align: center; width: 100%; padding: 3px 0}
.be-medialibrary-preview__item__view{position: absolute; z-index: 1000; width: 20px; height: 20px; bottom: 2px !important; left: 5px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: top center; background-color: #FFF; background-image: url(../parts/hubimages/modules/visibility_black_18dp.svg);}
.be-medialibrary-preview__item__delete{position: absolute; z-index: 1000; width: 20px; height: 20px;  bottom: 2px !important; right: 5px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: top center; background-color: #FFF; background-image: url(../parts/hubimages/modules/delete_forever-black-18dp.svg);}

.be-medialibrary-preview--noselection{opacity: 0.4; background-color: #EEE; background-repeat: no-repeat; background-size: contain; background-position: center; min-height: 126px;}
.be-medialibrary-preview--noselection .be-medialibrary-preview__view{display: none;}
.be-medialibrary-preview--noselection .be-medialibrary-preview__delete{display: none;}


/** Dialog **/
.be-medialibrary-dialog-control{width: 31%;  display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.be-medialibrary-dialog-control__button {background-color: #444; color: #FFF; font-size: 0.8rem; padding: 5px 10px; width: auto; border-radius: 4px; font-weight: 600; text-transform: uppercase; cursor: pointer; text-align: center}

.be-medialibrary-dialog-overlay__wrapper{display: flex; flex-wrap: wrap; width: 100%;}
.be-medialibrary-dialog-overlay__wrapper__selections{width: 156px; height: calc(100% - 20px); background-color: #EEE; padding: 10px; display: flex; align-items: center; justify-content: center;}
.be-medialibrary-dialog-overlay__wrapper__page-wrapper{width: calc(100% - 196px); height: calc(100% - 60px); padding: 0 10px; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: start;}

.be-medialibrary-dialog-overlay__wrapper__page-search{width: 50%; padding: 5px 0 9px 0; display: flex; justify-content: flex-start; align-items: baseline;}
.be-medialibrary-dialog-overlay__wrapper__search-label{color: #666; font-size: 0.95rem; text-transform: uppercase; margin-right: 10px;}
.be-medialibrary-dialog-overlay__wrapper__search-box{width: 100%; font-size: 0.95rem; border: 0; padding: 5px 7px 4px 7px;  box-shadow: 2px 1px 4px 1px rgb(0 0 0 / 16%);}
.be-medialibrary-dialog-overlay__wrapper__search-box:focus{outline: none;}

.be-medialibrary-dialog-overlay__wrapper__page-paging{width: 50%; padding: 7px 0 9px 0;}
.be-medialibrary-dialog-overlay__wrapper__paging-list{display: block; text-align: right; margin: 0; width: 100%; font-size: 0.8rem; text-transform: uppercase;}
.be-medialibrary-dialog-overlay__wrapper__paging-item{display: inline-block; margin-left: 10px; margin-bottom: 0;}
.be-medialibrary-dialog-overlay__wrapper__paging-link{color: #666; text-decoration: none;}
.be-medialibrary-dialog-overlay__wrapper__paging-link:hover{text-decoration: underline;}
.be-medialibrary-dialog-overlay__wrapper__paging-link--standardrange--current{font-weight: 800; font-size: 1.2rem; color: #2a5bac;}
.be-medialibrary-dialog-overlay__wrapper__paging-link--standardrange--current:hover{text-decoration: none;}

.be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{width: calc(100% - 20px); background-color: #E0E0E0; padding: 10px; display: grid; justify-items: center; align-content: baseline; grid-template-columns: repeat(6, minmax(156px, 278px)); gap: 20px; height: 100%; overflow-y: scroll;}
.be-medialibrary-dialog-overlay__wrapper__page-item{width: 100%; min-height: 8.3vw; position: relative; background-color: #FFF; background-size: contain; background-position: top center; border: 3px solid #FFF; background-repeat: no-repeat; cursor: pointer; outline: 1px solid #2a5bac;}
.be-medialibrary-dialog-overlay__wrapper__page-item--document{background-size: auto 70%; background-position: center 5px;}
.be-medialibrary-dialog-overlay__wrapper__page-item:hover{box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 40%);}
.be-medialibrary-dialog-overlay__wrapper__page-item__description{background-color: #2a5bac; color: #FFF; width: calc(100% - 20px); text-align: center; font-size: 0.8rem; word-break: break-all; padding: 10px; position: absolute; bottom: 0; min-height: 2rem}

/** 1/2/3 Tile Layouts **/
.be-medialibrary-wrapper--2options .be-medialibrary-filedrop{width: 48%}
.be-medialibrary-wrapper--2options .be-medialibrary-preview{width: 48%}
.be-medialibrary-wrapper--2options .be-medialibrary-dialog-control{width: 48%}

.be-medialibrary-wrapper--1option .be-medialibrary-filedrop{width: 98%}
.be-medialibrary-wrapper--1option .be-medialibrary-preview{width: 98%}
.be-medialibrary-wrapper--1option .be-medialibrary-dialog-control{width: 98%}

/** Multiple Layouts **/
.be-medialibrary-wrapper--multiple{flex-wrap: wrap; gap: 20px; justify-content: flex-start; position: relative !important;}
.be-medialibrary-wrapper--multiple .be-medialibrary-preview{width: 100%;}
.be-medialibrary-wrapper--multiple .be-medialibrary-preview__item{height: 144px; width: 30%; flex-grow: 2}
.be-medialibrary-wrapper--multiple .be-medialibrary-filedrop{height: 136px; width: 47.5%;}
.be-medialibrary-wrapper--multiple .be-medialibrary-dialog-control{height: 136px; width: 47.5%;}

.be-medialibrary-wrapper--multiple.be-medialibrary-wrapper--2options .be-medialibrary-filedrop{width: 100%;}
.be-medialibrary-wrapper--multiple.be-medialibrary-wrapper--2options .be-medialibrary-dialog-control{width: 100%;}

@media only screen and (max-width: 1620px) {
    .be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{grid-template-columns: repeat(4, minmax(156px, 278px));}
    .be-medialibrary-dialog-overlay__wrapper__page-item{min-height: 14.8vw;}
}

@media only screen and (max-width: 1176px) {
    .be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{grid-template-columns: repeat(3, minmax(156px, 278px));}
    .be-medialibrary-dialog-overlay__wrapper__page-item{min-height: 14.8vw;}
}

@media only screen and (max-width: 954px) {
    .be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{grid-template-columns: repeat(2, minmax(156px, 278px));}
    .be-medialibrary-dialog-overlay__wrapper__page-item{min-height: 21.5vw;}
}

@media only screen and (max-width: 740px) {
    .be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{grid-template-columns: repeat(1, minmax(156px, 337px));}
    .be-medialibrary-dialog-overlay__wrapper__page-item{min-height: 30vw;}
}

@media only screen and (max-width: 400px) {
    .be-medialibrary-dialog-overlay__wrapper{flex-direction: column; flex-wrap: nowrap; width: auto;}
    .be-medialibrary-dialog-overlay__wrapper__selections{width: auto;}
    .be-medialibrary-dialog-overlay__wrapper__page-search{width: auto;}
    .be-medialibrary-dialog-overlay__wrapper__page-wrapper{width: 100%; padding: 0; flex-direction: column; flex-wrap: nowrap;}
    .be-medialibrary-dialog-overlay__wrapper__page-paging{width: 100%; padding: 10px 0 20px 0;}
    .be-medialibrary-dialog-overlay__wrapper__paging-list{text-align: center;}
    .be-modal-dialog__bottom{justify-content: space-evenly;}
    .be-modal-dialog__close-link{margin: 0;}
    .be-modal-dialog__apply-link{margin: 0;}

}

.be-medialibrary-wrapper{width: 100%; min-height: 8.5rem; margin-bottom: 1.5rem !important; display: flex; flex-wrap: nowrap; justify-content: space-between;}


/** File Drop **/
.be-medialibrary-filedrop{width: 31%; display: flex; flex-wrap: wrap; border: 4px dotted #CCC; border-radius: 15px; align-items: stretch; height: auto; position: relative;}
.be-medialibrary-filedrop--highlighted{border-color: #d90912; border-style:solid; background:#eaeaea}
.be-medialibrary-filedrop__fileselector{display: none;}
.be-medialibrary-filedrop__text{cursor: pointer; text-align: center; width: 80%; padding: 0 10%; font-size: 0.8rem; text-transform: uppercase; color: #888; font-weight: 800; display: flex; align-items: center; justify-content: center;}
.be-medialibrary-filedrop__progress{margin: 0 10%; display: block !important; position: absolute; bottom: 20px; width: 80%;}
.be-medialibrary-filedrop__progress--hidden{display: none;}
.be-modal-dialog__middle .be-medialibrary-wrapper{width: 69%}

/** Preview **/
.be-medialibrary-preview{width: 31%; position: relative; display: flex; gap: 20px; flex-wrap: wrap;}
.be-medialibrary-preview--document{background-size: auto 70%; background-position: center 5px;}

.be-medialibrary-preview__item{width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: top center; position: relative; background-color: #EEE;}
.be-medialibrary-preview__item__name{background-color: rgba(57, 106, 179, 0.9); color: #FFF; font-weight: 600; position: absolute; bottom: 0; left: 0; font-size: 0.8rem; text-align: center; width: 100%; padding: 3px 0}
.be-medialibrary-preview__item__view{position: absolute; z-index: 1000; width: 20px; height: 20px; bottom: 25px; left: 5px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: top center; background-color: #FFF; background-image: url(../parts/hubimages/modules/visibility_black_18dp.svg);}
.be-medialibrary-preview__item__delete{position: absolute; z-index: 1000; width: 20px; height: 20px;  bottom: 25px; right: 5px; cursor: pointer; background-size: contain; background-repeat: no-repeat; background-position: top center; background-color: #FFF; background-image: url(../parts/hubimages/modules/delete_forever-black-18dp.svg);}

.be-medialibrary-preview--noselection{opacity: 0.4; background-color: #EEE; background-repeat: no-repeat; background-size: contain; background-position: center; min-height: 126px;}
.be-medialibrary-preview--noselection .be-medialibrary-preview__view{display: none;}
.be-medialibrary-preview--noselection .be-medialibrary-preview__delete{display: none;}


/** Dialog **/
.be-medialibrary-dialog-control{width: 31%;  display: flex; flex-wrap: wrap; align-items: center; justify-content: center}
.be-medialibrary-dialog-control__button {background-color: #444; color: #FFF; font-size: 0.8rem; padding: 5px 10px; width: auto; border-radius: 4px; font-weight: 600; text-transform: uppercase; cursor: pointer; text-align: center}

.be-medialibrary-dialog-overlay__wrapper{display: flex; flex-wrap: wrap; width: 100%;}
.be-medialibrary-dialog-overlay__wrapper__selections{width: 156px; height: calc(100% - 20px); background-color: #EEE; padding: 10px; display: flex; align-items: center; justify-content: center;}
.be-medialibrary-dialog-overlay__wrapper__page-wrapper{width: calc(100% - 196px); height: calc(100% - 60px); padding: 0 10px; display: flex; flex-wrap: wrap; align-content: flex-start; align-items: start;}

.be-medialibrary-dialog-overlay__wrapper__page-search{width: 50%; padding: 5px 0 9px 0; display: flex; justify-content: flex-start; align-items: baseline;}
.be-medialibrary-dialog-overlay__wrapper__search-label{color: #666; font-size: 0.95rem; text-transform: uppercase; margin-right: 10px;}
.be-medialibrary-dialog-overlay__wrapper__search-box{width: 100%; font-size: 0.95rem; border: 0; padding: 5px 7px 4px 7px;  box-shadow: 2px 1px 4px 1px rgb(0 0 0 / 16%);}
.be-medialibrary-dialog-overlay__wrapper__search-box:focus{outline: none;}

.be-medialibrary-dialog-overlay__wrapper__page-paging{width: 50%; padding: 7px 0 9px 0;}
.be-medialibrary-dialog-overlay__wrapper__paging-list{display: block; text-align: right; margin: 0; width: 100%; font-size: 0.8rem; text-transform: uppercase;}
.be-medialibrary-dialog-overlay__wrapper__paging-item{display: inline-block; margin-left: 10px; margin-bottom: 0;}
.be-medialibrary-dialog-overlay__wrapper__paging-link{color: #666; text-decoration: none;}
.be-medialibrary-dialog-overlay__wrapper__paging-link:hover{text-decoration: underline;}
.be-medialibrary-dialog-overlay__wrapper__paging-link--standardrange--current{font-weight: 800; font-size: 1.2rem; color: #2a5bac;}
.be-medialibrary-dialog-overlay__wrapper__paging-link--standardrange--current:hover{text-decoration: none;}

.be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{width: calc(100% - 20px); background-color: #E0E0E0; padding: 10px; display: grid; justify-items: center; align-content: baseline; grid-template-columns: repeat(6, minmax(156px, 278px)); gap: 20px; height: 100%; overflow-y: scroll;}
.be-medialibrary-dialog-overlay__wrapper__page-item{width: 100%; min-height: 8.3vw; position: relative; background-color: #FFF; background-size: contain; background-position: top center; border: 3px solid #FFF; background-repeat: no-repeat; cursor: pointer; outline: 1px solid #2a5bac;}
.be-medialibrary-dialog-overlay__wrapper__page-item--document{background-size: auto 70%; background-position: center 5px;}
.be-medialibrary-dialog-overlay__wrapper__page-item:hover{box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 40%);}
.be-medialibrary-dialog-overlay__wrapper__page-item__description{background-color: #2a5bac; color: #FFF; width: calc(100% - 20px); text-align: center; font-size: 0.8rem; word-break: break-all; padding: 10px; position: absolute; bottom: 0; min-height: 2rem}

/** 1/2/3 Tile Layouts **/
.be-medialibrary-wrapper--2options .be-medialibrary-filedrop{width: 48%}
.be-medialibrary-wrapper--2options .be-medialibrary-preview{width: 48%}
.be-medialibrary-wrapper--2options .be-medialibrary-dialog-control{width: 48%}

.be-medialibrary-wrapper--1option .be-medialibrary-filedrop{width: 98%}
.be-medialibrary-wrapper--1option .be-medialibrary-preview{width: 98%}
.be-medialibrary-wrapper--1option .be-medialibrary-dialog-control{width: 98%}

/** Multiple Layouts **/
.be-medialibrary-wrapper--multiple{flex-wrap: wrap; gap: 20px; justify-content: flex-start}
.be-medialibrary-wrapper--multiple .be-medialibrary-preview{width: 100%;}
.be-medialibrary-wrapper--multiple .be-medialibrary-preview__item{height: 136px; width: 30%; flex-grow: 2}
.be-medialibrary-wrapper--multiple .be-medialibrary-filedrop{height: 136px; width: 47.5%;}
.be-medialibrary-wrapper--multiple .be-medialibrary-dialog-control{height: 136px; width: 47.5%;}

.be-medialibrary-wrapper--multiple.be-medialibrary-wrapper--2options .be-medialibrary-filedrop{width: 100%;}
.be-medialibrary-wrapper--multiple.be-medialibrary-wrapper--2options .be-medialibrary-dialog-control{width: 100%;}

@media only screen and (max-width: 1620px) {
    .be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{grid-template-columns: repeat(4, minmax(156px, 278px));}
    .be-medialibrary-dialog-overlay__wrapper__page-item{min-height: 14.8vw;}
}

@media only screen and (max-width: 1176px) {
    .be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{grid-template-columns: repeat(3, minmax(156px, 278px));}
    .be-medialibrary-dialog-overlay__wrapper__page-item{min-height: 14.8vw;}
}

@media only screen and (max-width: 954px) {
    .be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{grid-template-columns: repeat(2, minmax(156px, 278px));}
    .be-medialibrary-dialog-overlay__wrapper__page-item{min-height: 21.5vw;}
}

@media only screen and (max-width: 840px){
    .be-medialibrary-wrapper--2options .be-medialibrary-filedrop{width: 100% !important;}
    .be-medialibrary-wrapper--2options .be-medialibrary-preview{width: 100% !important;}
    .be-medialibrary-wrapper--2options .be-medialibrary-dialog-control{width: 100% !important;}
}

@media only screen and (max-width: 740px) {
    .be-medialibrary-dialog-overlay__wrapper__page-items-wrapper{grid-template-columns: repeat(1, minmax(156px, 337px));}
    .be-medialibrary-dialog-overlay__wrapper__page-item{min-height: 30vw;}
}

@media only screen and (max-width: 400px) {
    .be-medialibrary-dialog-overlay__wrapper{flex-direction: column; flex-wrap: nowrap; width: auto;}
    .be-medialibrary-dialog-overlay__wrapper__selections{width: auto;}
    .be-medialibrary-dialog-overlay__wrapper__page-search{width: auto;}
    .be-medialibrary-dialog-overlay__wrapper__page-wrapper{width: 100%; padding: 0; flex-direction: column; flex-wrap: nowrap;}
    .be-medialibrary-dialog-overlay__wrapper__page-paging{width: 100%; padding: 10px 0 20px 0;}
    .be-medialibrary-dialog-overlay__wrapper__paging-list{text-align: center;}
    .be-modal-dialog__bottom{justify-content: space-evenly;}
    .be-modal-dialog__close-link{margin: 0;}
    .be-modal-dialog__apply-link{margin: 0;}

}

.be-nice-select{position: relative; margin-bottom: 0.5rem; background-color: #ffffff; min-height: 30px; min-width: 0;}

.be-nice-select__add-values{position: absolute; right: 0.5rem; top: 0.8rem; z-index: 999; background-image: url(../suppliers/hubimages/modules/nice-multi-select-settings-black.svg); background-position: center center; background-repeat: no-repeat; height: 30px; width: 35px; background-size: 22px; cursor: pointer}

.be-nice-select__close{display: none; height: 40px; width: 40px; position: absolute; top: -40px; right: 0; background-color: #DDD; z-index: 1200; background-image: url(../suppliers/hubimages/modules/nice-multi-select-settings-remove.svg); background-position: center center; background-repeat: no-repeat; background-size: 25px; cursor: pointer;}
.be-nice-select__close:hover{background-color: #BBB;}
.be-nice-select__close--show{display: block;}

.be-nice-select__filter{display: none; height: 41px; width: 300px; position: absolute; border-radius: 0; padding: 0 0 0 40px; border: 1px solid #DDD; border-bottom-color: #FFF; top: -40px; right: 40px; background-color: #FFF; box-shadow: none; z-index: 1200; background-image: url(../suppliers/hubimages/modules/nice-multi-select-settings-filter.svg); background-position: left 10px center; background-repeat: no-repeat; background-size: 25px; cursor: pointer; box-sizing: border-box;}
.be-nice-select__filter:focus{outline: none;}
.be-nice-select__filter--show{display: block;}

.be-nice-select__selected-values{border: 1px solid rgba(0, 0, 0, 0.3); font-size: 1.2rem; padding: 0.7rem 2.4rem 0.7rem 1.2rem; min-height: 55px; border-radius: var(--bs-border-radius); }
.be-nice-select__selected-values span{display: inline-block; padding: 7px 30px 6px 10px; margin: 0.2rem; font-size: 0.8rem; font-weight: 600; color: #666; background-color: #F0F0F0; background-image: url(../suppliers/hubimages/modules/nice-multi-select-settings-remove.svg); background-position: right 8px top 7px; background-repeat: no-repeat; background-size: 15px; cursor: pointer;}
.be-nice-select__selected-values span:hover{background-color: #FCF4A3;}
.be-nice-select__selected-values__option--empty{background: none !important; padding-right: 10px !important;}

.be-nice-select__options{display: none; position: absolute; color: #777; background: #FFF; border: 1px solid #DDD; flex-wrap: wrap; padding: 0.5rem 1rem; z-index: 1000; top: 3.4rem; height: 250px; overflow-y: auto; width: 100%; align-content: flex-start;}
.be-nice-select__options--show{display: flex; align-items: stretch;}

.be-nice-select__options__option{border: 1px solid #FFF; width: 100%; opacity: 1; padding: 10px 0 10px 40px; font-size: 1rem; min-height: 20px; background-image: url(../suppliers/hubimages/modules/nice-multi-checkbox-unticked.svg); background-position: 3px center; background-repeat: no-repeat; background-size: 30px; cursor: pointer; display: flex; align-items: center}
.be-nice-select__options__option:hover{background-color: #FCF4A3; cursor: pointer; opacity: 1;}
.be-nice-select__options__option--selected{background-color: #FCF4A3; background-image: url(../suppliers/hubimages/modules/nice-multi-checkbox-ticked.svg); font-weight: 600; opacity: 1;}

@media only screen and (max-width: 840px) {
    .be-nice-select__options__option{width: calc(100% - 37px);}
    .be-nice-select__filter{width: calc(100% - 40px); border-bottom: 1px solid #ddd;}
}

@media only screen and (max-width: 352px) {
    .be-nice-select{min-width: auto;}
}

/* Hidden style to remove the source of the HTML */
.be-html-edit--hidden{display: none;}

/* Main HTML Edit Area */
.be-html-edit-area{position: relative;}
.be-html-edit-area--plain-styles{padding: 0; margin-bottom: 20px; background-color: #fff; width: calc(100% - 4px); border: 2px solid #3b3a45; min-height: 200px;}

.be-html-edit-area__block{width: 100%; min-height: 20px;}
.be-html-edit-area__block--plain-styles{padding: 2px 10px; width: calc(100% - 20px);}
.be-html-edit-area__block--plain-styles.be-html-edit-area__block--highlight{background-color: #FFFFCF;}
.be-html-edit-area__block--plain-styles p{font-size: 1rem;}
.be-html-edit-area__block__element{outline: none}

/* Toolbars and buttons */
.be-html-toolbar{position: absolute; z-index: 2; display: none; opacity: 0; padding: 10px; background-color: transparent;}
.be-html-toolbar__inner{border: 1px solid #eaeaea; box-shadow: 0 3px 15px -3px rgb(13 20 33 / 13%); border-radius: 4px;flex-direction: row; flex-wrap: nowrap; display: flex;}
.be-html-toolbar--active{display: block; animation: be-toolbar-fadein 1s; animation-fill-mode: forwards; z-index: 10000}

.be-html-toolbar__helptext{display: none; position: absolute; top: -30px; background-color: #2A5CAC; color: #FFF; font-size: 0.7rem; padding: 4px 15px; border-radius: 4px; font-weight: bold; width: auto; text-align: center; white-space: nowrap;}
.be-html-toolbar__helptext--active{display: block; animation: be-toolbar-fadein 0.5s; animation-fill-mode: forwards;}
.be-html-toolbar__helptext--active::before{content: ''; position: absolute; width: 0; height: 0; top: 100%; left: calc(50% - 0.35rem); border: .35rem solid transparent; border-bottom: none; border-top-color: #2A5CAC;}

.be-html-toolbar__item{position: relative;}

.be-html-toolbar__item__button{width: 30px; height: 30px; background-size: 65%; background-position: center center; background-repeat: no-repeat; display: block; border: none; background-color: #F0F0F0;}
.be-html-toolbar__item__button--rightborder{}
.be-html-toolbar__item__button--hidden{display: none}
.be-html-toolbar__item:hover .be-html-toolbar__item__button{cursor: pointer; background-size: 80%; background-color: #FAFAFA}
.be-html-toolbar__item:hover .be-html-toolbar__item__button--rightborder{}

.be-html-toolbar__item__button--dropdown{background-color: #F0F0F0 !important; background-size: 65% !important; }
.be-html-toolbar__item__button--dropdown:hover{background-size: 80% !important; }
.be-html-toolbar__item__button--dropdown-wide{width: 100%; background-size: 15px !important; background-position: 5px center; font-size: 0.8rem; padding-left: 30px; text-align: left; }
.be-html-toolbar__item__button--dropdown-wide:hover{background-size: 20px !important; background-position: 2.5px center; background-color: #FAFAFA !important;}
.be-html-toolbar__item__button--dropdown--currently-selected{display: none;}

.be-html-toolbar__item__drop{display: none; position: absolute; border: 1px solid #eaeaea; box-shadow: 0 3px 15px -3px rgb(13 20 33 / 13%); border-radius: 4px; width: 150px; /*overflow: hidden;*/}
.be-html-toolbar__item:hover .be-html-toolbar__item__drop{display: block;}

.be-html-toolbar__item__drop--horizontal{width: auto; top: -1px; left: 30px}
.be-html-toolbar__item:hover .be-html-toolbar__item__drop--horizontal{display: flex;}

.be-html-toolbar__item__drop--horizontal--left{width: auto; top: -1px; left: auto; right: 30px;}

.be-html-toolbar__item__drop--horizontal .be-html-toolbar__item__button{opacity: 1 !important;}
.be-html-toolbar__item__drop--horizontal .be-html-toolbar__item__button:hover{opacity: 1 !important;}

/* Allow a little bit of leeway when hovering the toolbars */
.be-html-toolbar__item__drop:before {content: " "; position: absolute; width: 100%; left: -20px; top: -20px; height: 100%; z-index: 0; padding: 20px 40px;}

/* Movement toolbar specifics */
.be-html-toolbar--movement{margin-left: -52px;}

/* Specialist display blocks */
.be-html-edit-area__block__child--spec-sep{padding: 20px 0;}
.be-html-edit-area__block__child--spec-img{width: 100%; min-height: 0; padding-top: 100px; position: relative; cursor: pointer;}
.be-html-edit-area__block__child--spec-img:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../hubimages/modules/html-edit/image_not_supported_black_24dp.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100px 100px; opacity: 0.2}
.be-html-edit-area__block__child--spec-img--hasimg{padding-top: 0;}
.be-html-edit-area__block__child--spec-img--hasimg:before{display: none;}
.be-html-edit-area__block__child--spec-img img[src=""]{display: none;}

/* Basic Image positions */
.image--actual-size{width: auto; height: auto;}
.image--full-width{width: 100%; height: auto;}
.image--left{}
.image--centre{margin: 0 auto; display: block;}
.image--right{margin: 0 0 0 auto; display: block;}

.spec-img p{font-size: 0.8rem !important; text-align: center; font-style: italic; margin-top: 0;}

/* Specialist anchor blocks */
.be-html-edit-area__block__child--spec-anchor{width: 100%; position: relative; height: 100px; cursor: pointer; background: rgb(224,224,224);
    background: radial-gradient(circle, rgba(224,224,224,1) 0%, rgba(238,238,238,1) 100%);}
.be-html-edit-area__block .be-html-edit-area__block__child--spec-anchor a{width: 100%; position: absolute; top: 0; left: 0; color: #000; font-weight: 600; text-align: center; padding-top: 72px; font-size: 0.8rem; font-style: italic}
.be-html-edit-area__block .be-html-edit-area__block__child--spec-anchor a:hover{text-decoration: none; color: #000;}
.be-html-edit-area__block__child--spec-anchor:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../hubimages/modules/html-edit/anchor.svg'); background-repeat: no-repeat; background-position: center 10px; background-size: 60px; opacity: 0.6;}
.be-html-edit-area__block__child--spec-anchor a:before{content: attr(name);}

/* Specialist video blocks */
.be-html-edit-area__block__child--spec-video{width: 100%; position: relative; height: 0; padding-top: 56.25%; cursor: pointer;}
.be-html-edit-area__block__child--spec-video iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.be-html-edit-area__block__child--spec-video:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../hubimages/modules/html-edit/ondemand_video_black_24dp.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100px 100px; opacity: 0.2}
.be-html-edit-area__block__child--spec-video--hasvideo:before{display: none;}

/* Specialist document blocks */
.be-html-edit-area__block__child--spec-doc{width: 100%; min-height: 80px; position: relative; cursor: pointer; color: #FFF; text-align: center; display: flex; align-items: stretch;
    background: rgb(186,0,33); background-image: url('../hubimages/modules/html-edit/document_white.svg'), linear-gradient(0deg, rgba(186,0,33,1) 0%, rgba(202,0,58,1) 100%); background-repeat: no-repeat; background-position: 20px 10px, 0px 0px; background-size: 60px 60px, 100% 100%;}
.be-html-edit-area__block__child--spec-doc:before{content: "No document selected"; padding-top: 30px; font-weight: 800; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.be-html-edit-area__block__child--spec-doc--hasdoc:before{display: none;}
.be-html-edit-area__block__child--spec-doc a{display: block; width: 100%; flex-grow: 2; padding-top: 26px;}
.be-html-edit-area__block__child--spec-doc a[href=""]{display: none;}

/* Specialist snippet blocks */
.be-html-edit-area__block__child--spec-snippet{width: calc(100% - 6px); min-height: 120px; position: relative; cursor: pointer; margin-bottom: 10px; display: flex; justify-content: center; align-items: flex-end; color: #FFF; font-weight: 800; border: 10px solid #2c497f;
background: rgb(57,106,179); background: radial-gradient(circle, rgba(57,106,179,1) 0%, rgba(42,92,172,1) 100%);
background-image: url('../hubimages/modules/html-edit/snippet.svg'), radial-gradient(circle, rgba(57,106,179,1) 0%, rgba(42,92,172,1) 100%); background-repeat: no-repeat; background-position: top center, center center; background-size: 80px, cover;}
.be-html-edit-area__block__child--spec-snippet div{font-size: 0.8rem; padding-bottom: 10px; text-align: center;}

/* Specialist content blocks */
.be-html-edit-area__block__child--spec-contentblock{width: calc(100% - 6px); min-height: 120px; position: relative; cursor: pointer; margin-bottom: 10px; display: flex; justify-content: center; align-items: flex-end; color: #FFF; font-weight: 800; border: 10px solid #FF7733;
    background: rgb(255,172,129,1); background: radial-gradient(circle, rgba(255,172,129,1) 0%, rgba(255,146,92,1) 100%);
    background-image: url('../hubimages/modules/html-edit/contentblocks_white_24dp.svg'), radial-gradient(circle, rgba(255,172,129,1) 0%, rgba(255,146,92,1) 100%); background-repeat: no-repeat; background-position: top center, center center; background-size: 80px, cover;}
.be-html-edit-area__block__child--spec-contentblock div{font-size: 0.8rem; padding-bottom: 10px; text-align: center;}

/* Basic OL/UL styling to make it look slightly nicer */
.be-html-edit-area ul{}
.be-html-edit-area ol{}

/* Standard document styling */
/*.spec-doc a {margin: 1rem 2rem; border: 1px solid #EEE; padding: 10px; display: inline-block; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px; width: fit-content}*/

/* Fade in animation */
@keyframes be-toolbar-fadein {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.be-modal-dialog-overlay{position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 99999;}

.be-modal-dialog{position: absolute; top:50vh; left: 50vw; transform: translate(-50%, -50%); z-index: 1000; background-color: #FFF; width: 500px; box-shadow: 0 3px 15px -3px rgb(13 20 33 / 46%); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 5px; display: flex; flex-flow: row wrap; }
.be-modal-dialog--wide{width: 750px; }
.be-modal-dialog--massive{width: 80%; height: 90vh;}

.be-modal-dialog__top{width: calc(100% - 40px); padding: 15px 20px; border-bottom: 1px solid #EEE; position: relative; height: 30px; background-color: #2a5bac; background-image: linear-gradient(117deg, #2a5cac 3.5%, #396ab3 3.5%, #396ab3 22.79%, #2a5cac 22.79%); background-position: -28px 0;}
.be-modal-dialog__title{margin: 0; padding: 3px 0 0 0; line-height: 1; font-size: 1.6rem; font-family: inherit; color: #FFF; font-weight: 400}
.be-modal-dialog__close-x{position: absolute; top: 20px; right: 15px; color: #FFF; font-family: inherit; font-size: 1rem; font-weight: bold; cursor: pointer; transition: 0.2s all linear;}
.be-modal-dialog__close-x:hover{transform: rotate(-180deg);}

.be-modal-dialog__middle{width: calc(100% - 40px); padding: 15px 20px; display: flex;align-content: stretch; flex-grow: 2; height: calc(100% - 61px - 71px);}
.be-modal-dialog__form{display: flex; flex-wrap: wrap; width: 100%;}
.be-modal-dialog__panel{width: 50%;}
.be-modal-dialog__panel--full-width{width: 100%;}
.be-modal-dialog__input-wrapper{width: 100%; display: flex; align-items: center; margin-bottom: 20px;}
.be-modal-dialog__input-wrapper--align-top{align-items: start}
.be-modal-dialog__input-wrapper:last-child{margin-bottom: 0px;}
.be-modal-dialog__label{width: 25% !important; text-align: right; margin-right: 2%; font-size: 0.8rem; font-weight: 600; color: #2a5cac}
.be-modal-dialog__input{width: 69%; padding: 5px 2%; border: 1px solid #DDD; border-radius: 5px;}
.be-modal-dialog__select{width: 69%; padding: 5px 2%; border: 1px solid #DDD; border-radius: 5px; box-sizing: content-box;}
.be-modal-dialog__input--checkbox{width: 15px; height: 15px;}
.be-modal-dialog__input:focus{box-shadow: none; outline-offset: 0px; outline: none; border: 1px solid #2a5cac;}

.be-modal-dialog__input-note {color: #2a5cac; margin-left: 28%; font-size: 0.8rem; margin-top: -10px; font-style: italic;}
.be-modal-dialog__input-note--link{cursor: pointer;}

.be-modal-dialog .dropzone{width: calc(73% - 40px); padding: 10px 20px; margin: 0; min-height: 160px; border: 2px dashed #DDD}
.be-modal-dialog .dropzone__preview__wrapper .dropzoneremovefile{display: none}
.be-modal-dialog .dropzone__preview__img{margin-bottom: 0;}
.be-modal-dialog img[src=""] { display: none; }
.be-modal-dialog .button{padding-left: 10px}

.be-modal-dialog__bottom{width: calc(100% - 40px); padding: 20px; border-top: 1px solid #EEE; position: relative; background-color: #FAFAFA; display: flex; justify-content: flex-end; align-items: center; height: 30px}
.be-modal-dialog__close-link{margin-left: 20px; text-decoration: none; color: #050505; padding: 6px 25px; border-radius: 5px; transition: 0.2s all ease-in-out; background-repeat: no-repeat;}
.be-modal-dialog__close-link:hover{text-decoration: underline;}
.be-modal-dialog__apply-link{background-color: #4C9F70; color: #FFF; text-decoration: none; padding: 6px 25px; margin-left: 20px; border-radius: 5px; transition: 0.2s all ease-in-out;}
.be-modal-dialog__apply-link:hover{background-color: #2a5bac; color: #FFF}
.be-modal-dialog__custom-apply-link{position: absolute; left: 20px; text-decoration: none; background-color: #605B56; color: #FFF;  padding: 6px 25px; border-radius: 5px; opacity: 0.5}
.be-modal-dialog__custom-apply-link:hover{opacity: 1}

@media only screen and (max-width: 400px) {
    .be-modal-dialog__bottom{justify-content: space-evenly;}
    .be-modal-dialog__close-link{margin: 0;}
    .be-modal-dialog__apply-link{margin: 0;}
}

.factorymachineryitem-listing-block{display: flex;}

/* Product View Page */
.factorymachineryitem{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px; max-width: 1370px; margin: 0 auto;}
.factorymachineryitem__wrapper{width: 100%; padding: 3rem 0 3rem 0;}
.factorymachineryitem__breadcrumb{order: 1; font-size: 0.9rem; margin-bottom: 0;}
.factorymachineryitem__overview-container{order: 2; display: flex; flex-wrap: wrap; justify-content: space-between}
.factorymachineryitem__overview{order: 2; flex-basis: calc(50% - 60px); margin-left: 60px;}
.factorymachineryitem__overview ul{list-style: none;}
.factorymachineryitem__images{order: 1; flex-basis: 50%; display: flex; flex-direction: column; gap: 0 15px; padding: 0; background-color: #ededed;}
.factorymachineryitem__images--vertical{flex-direction: row-reverse;}
.factorymachineryitem__content{order: 4; border-top: 1px solid #DDD; margin-top: 40px; width: 50%;}
.factorymachineryitem__techspecs{order: 5; background-color: #f7f7f7; margin-top: 40px; width: 50%;}
.factorymachineryitem__relatedfactorymachineryitems{order: 6;}
.factorymachineryitem__recentlyviewed{order: 7;}
.factorymachineryitem__wrapper--recentlyviewed{padding-top: 4.5rem;}
.factorymachineryitem__morelikethis{order: 7; width: 60%; margin: 2rem 20% 0 20%; border-top: 1px solid #DDD; padding-top: 2rem;}

.factorymachineryitem__breadcrumb a{color: inherit; text-decoration: none;}
.factorymachineryitem__breadcrumb a:hover{text-decoration: underline;}

.factorymachineryitem__heading{color: #000; margin: -0.4rem 0 0 0; font-size: 4rem; line-height: 4rem; letter-spacing: normal; word-break: break-word;}
.factorymachineryitem__catalogue-number{margin: 0 0 1.4rem 0; font-size: 0.8rem; }
.factorymachineryitem__price{font-size: 1.6rem; }
.factorymachineryitem__price-special{color: #ff0000;}
.factorymachineryitem__preorder-message{font-weight: 800; color: #FFF !important; background-color: #000; padding: 10px; text-align: center;}

/* Product images */
.factorymachineryitem__images__main-image{min-height: 500px; max-height: 600px; width: 100%; background-position: center center; background-repeat: no-repeat; background-color: transparent; background-size: contain;}
.factorymachineryitem__images__main-image--activated{cursor: pointer;}
.factorymachineryitem__images__thumbs{flex-basis: 100%; margin-top: 40px; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px;}
.factorymachineryitem__images__thumbs--vertical{flex-direction: column; flex-basis: 25%; justify-content: space-between; gap: 30px 0; margin-top: 0;}
.factorymachineryitem__images__thumb{max-height: 118px; min-height: 118px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.factorymachineryitem__images__thumb--vertical{flex: 1; width: 100%; }
.factorymachineryitem__images__thumb--activated{cursor: pointer;}
.factorymachineryitem__images__zoom-image{width: 100%; height: 80vh; background-position: center center; background-repeat: no-repeat;}

/* Product content */
.factorymachineryitem__section-heading{margin-bottom: 2rem; font-size: 2rem; line-height: 2rem; letter-spacing: normal;}
.factorymachineryitem__content *:last-child{margin-bottom: 0;}

/* Specification */
.factorymachineryitem__techspecs-list{font-size: 1.2rem; list-style: none; margin: 0;}
.factorymachineryitem__techspecs-list__item{margin: 0; padding: 5px 0; border-bottom: 1px solid #DDD; display: flex; flex-wrap: wrap;}
.factorymachineryitem__techspecs-list__item__title{min-width: 130px; font-weight: 600;}
.factorymachineryitem__techspecs-list__item__detail{margin: 0; padding: 0 0 0 10px; border-left: 1px solid #ddd;}

/* Product Listings Display */
.factorymachineryitem-list-heading{font-size: 1.4rem; font-weight: 400; line-height: 2.6rem; margin-bottom: 0;}

/* Product lists */
.factorymachineryitem-list{padding-bottom: 25px; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); grid-template-rows: auto;}
.factorymachineryitem-list__item{cursor: pointer; background-color: #f4f4f4; padding: 10px;}
.factorymachineryitem-list__item__image{background-size: contain; background-repeat: no-repeat; height: 15vw; background-position: center center;}
.factorymachineryitem-list__item__title{padding: 15px 0 5px 0; margin: 0; border-bottom: 1px solid #DDD; font-size: 1.2rem;}
.factorymachineryitem-list__item__briefdescription {font-size:0.95rem; line-height: 1.4rem;}
.factorymachineryitem-list__item__link{text-decoration: none;}
.factorymachineryitem-list__item__price{padding: 5px 0; margin: 0; border-bottom: 1px solid #DDD; font-weight: 800; color: #000 !important;}
.factorymachineryitem-list__item__price-special{color: #ff0000;}

/* Product filter display */
.filter-heading{font-size: 1.4rem; letter-spacing: normal; font-weight: 400; border-bottom: 5px solid #EAEAEA;}

.form--factorymachineryitem-filter__section{margin-bottom: 20px}
.form--factorymachineryitem-filter__section--search-wrapper{display: none;}

.form--factorymachineryitem-filter__search-tags__item{background-color: #DDD; border-radius: 5px; padding: 2px 20px 2px 5px; display: inline-block; margin-top: 5px; position: relative;}
.form--factorymachineryitem-filter__search-tags__item__remove{font-size: 0.7rem; position: absolute; right: 5px; top: 0; color: #8C6E36; font-weight: 600; cursor: pointer;}

.form--factorymachineryitem-filter__heading{font-size: 1.4rem; font-weight: 600; line-height: 1.8rem; letter-spacing: normal; border-top: 1px solid #EEE; padding-top: 10px; margin: 15px 0 5px 0;}

.form--factorymachineryitem-filter__innersection:nth-child(1) .form--factorymachineryitem-filter__heading{border-top: none;}

.form--factorymachineryitem-filter__category-item-input{display: inline-block; margin-right: 5px; width: 20px; height: 24px; bottom: 1px; vertical-align: middle;}
.form--factorymachineryitem-filter__category-item-label{display: inline-block; height: 20px; font-size: 0.95rem; }

.form--factorymachineryitem-filter__filter-option{margin-bottom: 4px;}
.form--factorymachineryitem-filter__submit--hidden{display: none;}

/* Product filter sort by specifics */
.form--factorymachineryitem-filter__section--hidden{display: none;}
.form--factorymachineryitem-filter__heading--sort-by{font-size: 1.1rem; border: none; padding: 0; margin: 0;}
.form--factorymachineryitem-filter__section--sort-by-in-page{position: absolute; top: auto; right: 15px;}

/* Filter update display changes*/
.factorymachineryitem-list--refreshing{opacity: 0.5}
.form--filter--refreshing{opacity: 0.5}

/* Responsive styles */
@media only screen and (max-width: 1600px) {
    .factorymachineryitem-list{grid-template-columns: calc(100% / 3 - 40px / 3) calc(100% / 3 - 40px / 3) calc(100% / 3 - 40px / 3);}
    .factorymachineryitem-list__factorymachineryitem__image{height: 20vw;}
}

@media only screen and (max-width: 1200px) {
    .factorymachineryitem-list{grid-template-columns: calc(100% / 2 - 20px / 2) calc(100% / 2 - 20px / 2);}
    .factorymachineryitem-list__factorymachineryitem__image{height: 32vw;}

    .add-to-basket-form__variation-label{width: calc(100% - 15px);}
    .add-to-basket-form__variation-select{width: 100%;}
    .add-to-basket-form__variation-textarea{width: 100%;}
}

@media only screen and (max-width: 1000px) {
    .factorymachineryitem__images__thumb{min-height: 150px;}
}

@media only screen and (max-width: 840px) {
    .factorymachineryitem-listing-block{flex-direction: column; padding: 25px 0;}
    .form--factorymachineryitem-filter__section--sort-by-in-page{position: relative; right: auto;}

    .factorymachineryitem-list__factorymachineryitem__image{height: 42vw;}

    .factorymachineryitem__images{flex-basis: 100% !important; margin-bottom: 20px;}
    .factorymachineryitem__overview{flex-basis: 100% !important; margin-left: 0 !important;}

    .factorymachineryitem__content{flex-basis: 100%;}
    .factorymachineryitem__techspecs{flex-basis: calc(100% - 20px);}
    .factorymachineryitem__techspecs-list{min-width: auto;}

    .factorymachineryitem__images__thumb{min-height: 100px;}
}

@media only screen and (max-width: 560px) {
    .factorymachineryitem-list{grid-template-columns: 100%;}
    .factorymachineryitem-list__factorymachineryitem__image{height: 85vw;}

    .factorymachineryitem__techspecs-list__item{flex-direction: column;}
    .factorymachineryitem__techspecs-list__item__detail{padding: 0; border: none; margin-top: 5px; font-size: 1rem;}
}

@media only screen and (max-width: 300px) {
    .factorymachineryitem__techspecs-list__item__detail{position: relative; width: 100%;}
}


.commercialpart-listing-block{display: flex;}

/* Product View Page */
.commercialpart{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 30px; max-width: 1370px; margin: 0 auto;}
.commercialpart__wrapper{width: 100%; padding: 3rem 0 3rem 0;}
.commercialpart__breadcrumb{order: 1; font-size: 0.9rem; margin-bottom: 0;}
.commercialpart__overview-container{order: 2; display: flex; flex-wrap: wrap; justify-content: space-between}
.commercialpart__overview{order: 2; flex-basis: calc(50% - 60px); margin-left: 60px;}
.commercialpart__overview ul{list-style: none;}
.commercialpart__images{order: 1; flex-basis: 50%; display: flex; flex-direction: column; gap: 0 15px; padding: 0; background-color: #ededed;}
.commercialpart__images--vertical{flex-direction: row-reverse;}
.commercialpart__content{order: 4; border-top: 1px solid #DDD; margin-top: 40px; width: 50%;}
.commercialpart__techspecs{order: 5; background-color: #f7f7f7; margin-top: 40px; width: 50%;}
.commercialpart__relatedcommercialparts{order: 6;}
.commercialpart__recentlyviewed{order: 7;}
.commercialpart__wrapper--recentlyviewed{padding-top: 4.5rem;}
.commercialpart__morelikethis{order: 7; width: 60%; margin: 2rem 20% 0 20%; border-top: 1px solid #DDD; padding-top: 2rem;}

.commercialpart__breadcrumb a{color: inherit; text-decoration: none;}
.commercialpart__breadcrumb a:hover{text-decoration: underline;}

.commercialpart__heading{color: #000; margin: -0.4rem 0 0 0; font-size: 4rem; line-height: 4rem; letter-spacing: normal; word-break: break-word;}
.commercialpart__catalogue-number{margin: 0 0 1.4rem 0; font-size: 0.8rem;}
.commercialparts__price{font-size: 2rem; font-weight: bold; margin: 20px 0 40px 0;}
.commercialpart__price{font-size: 1.6rem;}
.commercialpart__price-special{color: #ff0000;}
.commercialpart__preorder-message{font-weight: 800; color: #FFF !important; background-color: #000; padding: 10px; text-align: center;}
.commercialpart__supplierdetails{margin-top: 50px;}

/* Product images */
.commercialpart__images__main-image{min-height: 500px; max-height: 600px; width: 100%; background-position: left center; background-repeat: no-repeat; background-color: transparent; background-size: contain;}
.commercialpart__images__main-image--activated{cursor: pointer;}
.commercialpart__images__thumbs{flex-basis: 100%; margin-top: 40px; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px;}
.commercialpart__images__thumbs--vertical{flex-direction: column; flex-basis: 25%; justify-content: space-between; gap: 30px 0; margin-top: 0;}
.commercialpart__images__thumb{max-height: 118px; min-height: 118px; background-size: cover; background-position: center center; background-repeat: no-repeat; cursor: pointer;}
.commercialpart__images__thumb:hover{opacity: 0.8;}
.commercialpart__images__thumb--vertical{flex: 1; width: 100%; }
.commercialpart__images__thumb--activated{cursor: pointer;}
.commercialpart__images__zoom-image{width: 100%; height: 80vh; background-position: center center; background-repeat: no-repeat;}

/* Product content */
.commercialpart__section-heading{margin-bottom: 2rem; font-size: 2rem; line-height: 2rem; letter-spacing: normal;}
.commercialpart__content *:last-child{margin-bottom: 0;}

/* Specification */
.commercialpart__techspecs-list{font-size: 1.2rem; list-style: none; margin: 0;}
.commercialpart__techspecs-list__item{margin: 0; padding: 5px 0; border-bottom: 1px solid #DDD; display: flex; flex-wrap: wrap;}
.commercialpart__techspecs-list__item__title{min-width: 130px; font-weight: 600;}
.commercialpart__techspecs-list__item__detail{margin: 0; padding: 0 0 0 10px; border-left: 1px solid #ddd;}

/* Product Listings Display */
.commercialpart-list-heading{font-size: 1.4rem; font-weight: 400; line-height: 2.6rem; margin-bottom: 0;}

/* Product lists */
.commercialpart-list{padding-bottom: 25px; display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(20%, 1fr)); grid-template-rows: auto;}
.commercialpart-list__item{cursor: pointer; background-color: #f4f4f4; padding: 10px;}
.commercialpart-list__item__image{background-size: contain; background-repeat: no-repeat; height: 15vw; background-position: center center;}
.commercialpart-list__item__title{padding: 15px 0 5px 0; margin: 0; border-bottom: 1px solid #DDD; font-size: 1.2rem;}
.commercialpart-list__item__briefdescription {font-size:0.95rem; line-height: 1.4rem;}
.commercialpart-list__item__link{text-decoration: none;}
.commercialpart-list__item__price{padding: 5px 0; margin: 0; border-bottom: 1px solid #DDD; font-weight: 800; color: #000 !important;}
.commercialpart-list__item__price-special{color: #ff0000;}

/* Product filter display */
.filter-heading{font-size: 1.4rem; letter-spacing: normal; font-weight: 400; border-bottom: 5px solid #EAEAEA;}

.form--commercialparts-filter__section{margin-bottom: 20px}

.form--commercialparts-filter__search-tags__item{background-color: #DDD; border-radius: 5px; padding: 2px 20px 2px 5px; display: inline-block; margin-top: 5px; position: relative;}
.form--commercialparts-filter__search-tags__item__remove{font-size: 0.7rem; position: absolute; right: 5px; top: 0; color: #8C6E36; font-weight: 600; cursor: pointer;}

.form--commercialparts-filter__heading{font-size: 1.4rem; font-weight: 600; line-height: 1.8rem; letter-spacing: normal; border-top: 1px solid #EEE; padding-top: 10px; margin: 15px 0 5px 0;}

.form--commercialparts-filter__innersection:nth-child(1) .form--commercialpart-filter__heading{border-top: none;}

.form--commercialparts-filter__category-item-input{display: inline-block; margin-right: 5px; width: 20px; height: 24px; bottom: 1px; vertical-align: middle;}
.form--commercialparts-filter__category-item-label{display: inline-block; height: 20px; font-size: 0.95rem; }

.form--commercialparts-filter__filter-option{margin-bottom: 4px;}
.form--commercialparts-filter__submit--hidden{display: none;}

/* Product filter sort by specifics */
.form--commercialparts-filter__section--hidden{display: none;}
.form--commercialparts-filter__heading--sort-by{font-size: 1.1rem; border: none; padding: 0; margin: 0;}
.form--commercialparts-filter__section--sort-by-in-page{position: absolute; top: auto; right: 15px;}

/* Filter update display changes*/
.commercialpart-list--refreshing{opacity: 0.5}
.form--filter--refreshing{opacity: 0.5}

/* Responsive styles */
@media only screen and (max-width: 1600px) {
    .commercialpart-list{grid-template-columns: calc(100% / 3 - 40px / 3) calc(100% / 3 - 40px / 3) calc(100% / 3 - 40px / 3);}
    .commercialpart-list__commercialpart__image{height: 20vw;}
}

@media only screen and (max-width: 1200px) {
    .commercialpart-list{grid-template-columns: calc(100% / 2 - 20px / 2) calc(100% / 2 - 20px / 2);}
    .commercialpart-list__commercialpart__image{height: 32vw;}

    .add-to-basket-form__variation-label{width: calc(100% - 15px);}
    .add-to-basket-form__variation-select{width: 100%;}
    .add-to-basket-form__variation-textarea{width: 100%;}
}

@media only screen and (max-width: 1000px) {
    .commercialpart__images__thumb{min-height: 150px;}
}

@media only screen and (max-width: 840px) {
    .commercialpart-listing-block{flex-direction: column; padding: 25px 0;}
    .form--commercialparts-filter__section--sort-by-in-page{position: relative; right: auto;}

    .commercialpart-list__commercialpart__image{height: 42vw;}

    .commercialpart__images{flex-basis: 100% !important; margin-bottom: 20px;}
    .commercialpart__overview{flex-basis: 100% !important; margin-left: 0 !important;}

    .commercialpart__content{flex-basis: 100%;}
    .commercialpart__techspecs{flex-basis: calc(100% - 20px);}
    .commercialpart__techspecs-list{min-width: auto;}

    .commercialpart__images__thumb{min-height: 100px;}
}

@media only screen and (max-width: 560px) {
    .commercialpart-list{grid-template-columns: 100%;}
    .commercialpart-list__commercialpart__image{height: 85vw;}

    .commercialpart__techspecs-list__item{flex-direction: column;}
    .commercialpart__techspecs-list__item__detail{padding: 0; border: none; margin-top: 5px; font-size: 1rem;}
}

@media only screen and (max-width: 300px) {
    .commercialpart__techspecs-list__item__detail{position: relative; width: 100%;}
}


/* Parts */
.commercialpart-list__item{box-shadow: 0 0 6px 0 #d0d0d0;}
.commercialpart-list__item:hover{background-color: #fff;}

/* Parts Request */
.commercialparts-request-block{background-color: #343434; text-align: center; min-height: 340px; display: flex; align-items: center; justify-content: center; padding: 30px 0;}
p.commercialparts-request-block__selected-vehicle{color: #fff !important; font-size: 1.5rem; line-height: 2.1rem; margin: 0 0 30px 0; letter-spacing: 0.1rem; background-color: #343434; border-radius: 10px; padding: 20px;}

.commercialparts-request-form-wrapper{background: #fff; border-radius: 20px; padding: 30px;}

.commercialparts-request-summary-wrapper{background: #fff; border-radius: 20px; padding: 30px;}

.commercialparts-selection-wrapper{background: #fff; border-radius: 20px; padding: 30px;}

.commercialparts-listing-block{display: flex;}

/* Parts Request - Part Item Display */
.commercialparts-selection-wrapper__items-wrapper{border: 1px solid #777; padding: 15px; margin: 30px 0; }
.commercialparts-selection-wrapper__items-wrapper_item{border: 1px solid #ddd; background-color: #eee; padding: 10px; margin: 10px 0; position: relative; text-align: left}
.commercialparts-selection-wrapper__items-wrapper_item h4{padding: 0; margin: 0 0 5px 0; font-size: 1.1rem}
.commercialparts-selection-wrapper__items-wrapper_item p{padding: 0; margin: 0 0 5px 0; font-size: 1rem; line-height: 1.3rem}
.commercialparts-selection-wrapper__items-wrapper_item-delete{position: absolute; top: 10px; right: 10px; width: 25px;}
.commercialparts-selection-wrapper__items-wrapper_item_images img{width: 50px; height: 50px; display: inline-block; margin-right: 10px;}
.commercialparts-selection-wrapper-items-header{padding: 0; margin: 0 0 20px 0; text-align: left; font-weight: normal; font-size: 1.3rem}

.commercialparts-selection-wrapper__items-wrapper_item__image{max-width: 150px; display: inline-block; margin-right: 10px; border-radius: 10px; box-shadow: 1px 2px 3px 0 #afafaf;}

.commercialparts-selection-wrapper__items-wrapper_item__response{margin: 30px 0 0 0;}
.commercialparts-selection-wrapper__items-wrapper_item__response__table{border-width: 2px;}

.commercialparts-selection-wrapper__results{}
.commercialparts-selection-wrapper__results__wrapper{background-color: #343434; color: #fff; display: block; padding: 20px; border-radius: 10px;}
.commercialparts-selection-wrapper__results p{background-color: #343434; color: #fff; display: block; padding: 20px; border-radius: 10px;}
.commercialparts-selection-wrapper__results-message p{background-color: #343434; color: #fff; display: block; padding: 20px; border-radius: 10px;}

.ajax-search-results__match{width: calc(100% - 25px); text-align: left; padding: 10px 0; border-bottom: 1px dashed #BBB; cursor: pointer; font-style: normal; font-size: 1rem; transition: 0.1s all linear;}
.ajax-search-results__match:hover{color: #fdffaf; border-bottom-style: solid;}

.part-list__item__price{border: none; margin: 0; color: #E41E26 !important; font-weight: 600;}


/* Parts Request - Part Item Edit form */



/* Parts Request - Part Item Edit form */
.form__commercialparts-request-item-header{margin: 0 0 20px 0; padding: 0; font-size: 1.8rem;}
.form__commercialparts-request-item{border: 1px solid #777; color: #fff; margin: 0 0 5px 0; background-color: #343434; border-radius: 10px; padding: 20px;}
.form__commercialparts-request-item-textarea{height: 168px; padding: 10px; border-radius: 10px;}
.form__commercialparts-request-item-video-link{ padding: 10px; border-radius: 10px;}
.form__label[for=ImageIDs]{line-height: 1rem;}

.form--commercialparts-selection p{color: #222 !important}

.form--commercialparts-request__message p{font-size: 0.9rem; color: #222 !important}

.commercialparts-request-form-wrapper .form{width: 60%; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #ccc}

.commercialparts-request-reg-wrapper{display: flex}
.form--commercialparts-request-reg .form__input{background-color: #FFCD28; color: #222; text-transform: uppercase; text-align: center; font-size: 2rem; border-radius: 5px; border: none; width: calc(100% - 70px);}
.form--commercialparts-request__submit-reg{height: 68px; width: 68px;}

.commercialparts-request-button{min-width: 62px;}

.form__column--images .be-medialibrary-wrapper--multiple .be-medialibrary-preview{width: 100%;}
.form__column--images .be-medialibrary-wrapper--multiple.be-medialibrary-wrapper--2options .be-medialibrary-filedrop{width: 100%;}


.ajax-search-results__match {
    width: calc(100% - 25px);
    text-align: left;
    padding: 7px 5px;
    border-bottom: 1px dashed #BBB;
    cursor: pointer;
    font-style: normal;
    font-size: 0.8rem;
}

@media only screen and (max-width: 850px) {


}

@media only screen and (max-width: 700px) {
    .form--commercialparts-request-reg{width: auto;}
    .form--commercialparts-request{width: auto;}
}

/* Vehicles */
.factorymachineryitem-list__item{box-shadow: 0 0 6px 0 #d0d0d0;}
.factorymachineryitem-list__item:hover{background-color: #fff;}

.block--topline{background-color: #343434;}

.block__wrapper--topline{}
.block--area-topline{display: flex; justify-content: flex-end; align-items: center; padding: 5px 6px 6px 6px; gap: 10px;}

.block__wrapper--topline .link-button{padding: 10px 20px;}
.block__wrapper--topline .link-button-purple{padding: 10px 20px;}
.menu--topline{margin: 0.5rem 0;}

.menu--topline a:hover{color: #fff; transition: background-color 0.2s linear, color 0.2s linear;}

.block--topline__top-menu li{display: inline-block;}

@media only screen and (max-width: 840px){
    .block__wrapper--topline{justify-content: center;}
}

/* Basic Table styles */
table {border: 1px solid #3b3945;}
table thead tr th{background-color: #3b3945;}
table tbody tr:hover td{background-color: #1e1c29;}
table tbody tr.js-inherit-link td{cursor: pointer;}

@media only screen and (max-width: 640px){
    table {border: 0;}
    table col{display: none;}
    table thead {display: none;}
    table tr {margin-bottom: 10px; display: block; border-bottom: 2px solid #3b3945;}
    table tr:after {content: ""; display: table; clear: both;}
    table tr:before {display: block;}
    table td, table th {box-sizing: border-box; display: block; float: left; clear: left; width: 100%; text-align: right !important; border-bottom: 1px dotted #ccc;}
    .table--no-data-attributes td{text-align: left !important;}
    table td:last-child, table th:last-child {border-bottom: 0;}
    table td:before, table th:before {content: attr(data-label); float: left;}
    table tbody tr.altRow {background-color: #fff !important;}
    table td a{text-decoration: none; color: #fff; background-color: #E41E26; padding: 5px 10px; border-radius: 15px; width: calc(100% - 20px) !important; display: block;}
}