/*! 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}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2rem;margin:.67rem 0}
h2{font-size:1.5rem;margin:.83rem 0}
h3{font-size:1.17rem;margin:1rem 0}
h4{font-size:1rem;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}

/* Cookies */
.block--cookies{position: fixed; width: 100%; height: 100%; text-align: center; top: 0; z-index: 20000; background-color: rgba(100, 100, 100, 0.9); display: none;}

.cookies-details{background-color: #FFF; width: 40%; min-width: 22rem; float: none; padding: 40px 10%; margin: 10% auto 0 auto;}
.cookies-details__logo{max-width: 50%;}
.cookies-details__para{color: #222; width: auto; margin: 20px auto;}
.cookies-details__para a{color: #222;}

.cookies-accept-button{position: relative; }
.cookies-accept-button a{background-color: #000; color: #fff; text-transform: uppercase; cursor: pointer; display: inline-block; padding: 20px 45px; font-weight: 600; text-decoration: none;}
.cookies-accept-button a:hover{background-color: #404040; transition: background-color 0.2s linear, color 0.2s linear;}

@media only screen and (max-width: 840px){
    .cookies-details{width: calc(100% - 8%); min-width: 0; padding: 40px 4%;}
    .cookies-details__para{width: auto;}
    .cookies-accept-button a{width: 100%; padding-left: 0; padding-right: 0;}
}

html{scroll-behavior: smooth;}

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

p{line-height: 1.5rem; font-size: 1rem; 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: 2.5rem !important; height: 2.5em;}
.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: relative; top: auto; margin-bottom: 5px;}
}

.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: 1000; 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: 20000; 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: none;}

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

	.menu--masthead{background-color: #404040; display: block; margin-top: 0; margin-bottom: 0; text-align: left;}
	.menu--masthead li{width: 100%; margin: 0;}
	.menu--masthead li a{color: #fff; width: calc(100% - 39px); display: block; padding: 15px 24px 15px 15px; position: relative; z-index: 10; margin: 0;}
	.menu--masthead li a:hover{color: #fff; background-color: #000;}
	.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}
}


/* 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: #333; text-align: center; margin: 0 0.2rem;}
.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;}
.paging__list-item--lastpage:after{content: "..."; display: block; position: absolute; top: 0; left: -1.4rem;}
.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.95rem 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.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: #ebebeb; padding-top: 0;}

.loggedinname__details{margin: 0; text-transform: uppercase; font-size: 0.8rem;}
.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:hover{background-color: #E41E26; color: #fff; transition: background-color 0.2s linear, color 0.2s linear;}

.block--user__loggedinname{text-align: right; display: flex;}

.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;}
}

@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;}
}

.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{width: auto; text-align: left; padding-left: 0; margin: 0; margin-left: 0px; display: inline-block;}
.form__input{margin-bottom: 1.5rem; width: 100%; border: 1px solid #343434; padding: 6px;}
.form__select{margin-bottom: 1.5rem; width: 100%; border: 1px solid #343434;}
.form__textarea{margin-bottom: 1.5rem; width: 100%; border: 1px solid #343434;}
.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__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--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: #E4584C !important; border-color: #E4584C;}

/* WhatsApp Telephone field */
.form__column-phone-number{display: flex; width: 100%;}
.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: 5px 0 5px 5px; height: 32px;}

@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;}
}

.segment{padding: 30px 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 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; min-width: 409px; font-weight: 400; font-size: 1.2rem;}
.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; min-width: 409px; 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: 10px 0;}
.expandable-heading:hover{background-color: #F5F5F5;}
.expandable-heading__number{position: absolute; margin-left: -60px;}
.expandable-heading--top-border{border-top: solid 1px #e0e7f2; padding: 10px 0;}
.expandable-hidden{display: none;}
.expandable-heading + *{margin: 0 0 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;  }
.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;  }
.expandable + .expandable--hidden{height: 0; margin-bottom: 0; margin-top: 0;}

.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;}
    .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;}
}

.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;}

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

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

.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: 500px; 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}
.form--filter__section--search-wrapper{}

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

.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: #eee; 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: 200px; 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;}
}

.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: 1.5rem; background-color: #f0f0f0; min-height: 30px; min-width: 0;}

.be-nice-select__add-values{position: absolute; right: 1px; top: 1px; 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 #EEE; padding: 0; min-height: 28px; border-right: 40px solid #EEE;}
.be-nice-select__selected-values span{display: inline-block; padding: 7px 30px 6px 10px; 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: 0px; z-index: 1000; top: 0; height: 250px; overflow-y: auto; width: calc(100% - 2px); align-content: flex-start;}
.be-nice-select__options--show{display: flex; align-items: stretch;}

.be-nice-select__options__option{border: 1px solid #FFF; width: calc(33% - 37px); opacity: 0.7; padding: 10px 0 10px 35px; font-size: 0.8rem; 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;}
}


/* Masthead basket styles */
.basket--masthead{position: absolute; top: 15px; right: 20px; z-index: 2000; cursor: pointer; min-height: 24px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-end; display: none}
.basket--masthead__count-icon{position: relative; right: 0; width: 30px; color: #fff; filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(280deg) brightness(101%) contrast(104%);}
.basket--masthead__count{position: relative; top: -4px; right: -5px; min-width: 12px; text-align: center; background-color: #000; border-radius: 50%; color: #fff; font-size: 0.7rem; margin-left: -20px; margin-bottom: 14px;}
.basket--masthead__count:before, .basket--masthead__count:after {content: '\200B'; display: inline-block; line-height: 0; padding-top: 50%; padding-bottom: 50%;}
.basket--masthead__count:before {padding-left: 8px;}
.basket--masthead__count:after { padding-right: 8px;}
.basket--masthead__count--empty{display: none;}

/* Basket Overlay */
.basket-overlay{width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.7); position: fixed; z-index: 11000; top: 0; left: 0; display: none;}
.basket-overlay--reveal{display: block;}

/* Underlying basket styles */
.basket{max-width: 1248px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between;}
.basket--standard{margin-top: 20px;}
.basket__heading{font-size: 2rem; text-align: center; margin: 0 0 1rem 0;}
.basket--standard__heading{border-bottom: 1px solid #DDD; padding-bottom: 10px; margin-bottom: 40px; flex-basis: 100%;}
.basket__checkout{width: calc(100% - 88px);}
.basket__items{margin-bottom: 10px;}
.basket__item-total{margin: 2rem 0 1rem 0; font-size: 1.2rem;}
.basket__item-total-desc{text-align: left; display: inline-block; width: 50%;}
.basket__item-total-amount{text-align: right; display: inline-block; width: 50%;}

/* Discount styles */
.basket__discount{margin: 1rem 0; padding-top: 1rem; font-size: 1.2rem; border-top: 2px solid #EEE}
.basket__discount-desc{text-align: left; display: inline-block; width: 50%;}
.basket__discount-amount{text-align: right; display: inline-block; width: 50%;}
.basket__discount-option-desc{font-size: 0.8rem; font-style: italic; line-height: 1.2rem; display: block;}
.basket__discount-remove-link{margin-top: 6px; display: block;}

/* Delivery styles */
.basket__delivery{margin: 1rem 0; font-size: 1.2rem;}
.basket__delivery-desc{text-align: left; display: inline-block; width: 50%;}
.basket__delivery-amount{text-align: right; display: inline-block; width: 50%;}
.basket__delivery-type-desc{font-size: 0.8rem; font-style: italic; line-height: 1.2rem; display: block; text-transform: none;}
.basket__delivery-type-desc__subdesc{font-size: 0.7rem; font-style: italic; line-height: 1.2rem; display: block;}

/* VAT styles */
.basket__vat{margin: 1rem 0; font-size: 1.2rem;}
.basket__vat-desc{text-align: left; display: inline-block; width: 40%;}
.basket__vat-amount{text-align: right; display: inline-block; width: 60%;}

/* Giftcard styles */
.basket__giftcard{margin: 1rem 0; font-size: 1.2rem; display: flex; flex-wrap: nowrap;}
.basket__giftcard-desc{text-align: left; flex: 1;}
.basket__giftcard-desc__inner {display: inline-block; word-break: break-all; font-size: 1rem;}
.basket__giftcard-amount{text-align: right; flex-basis: 40%;}
.basket__giftcard-remove-link {font-size:0.85rem;}

/* Total styles */
.basket__total{margin: 1rem 0; font-size: 1.6rem;}
.basket__total-desc{text-align: left; display: inline-block; width: 40%;}
.basket__total-amount{text-align: right; display: inline-block; width: 60%;}
.basket__checkout--error-message{font-size: 1rem; text-align: center; color: #FFF; background-color: #A00; padding: 10px; line-height: 1.5rem;}

/* Basic basket item styles */
.basket__item{}
.basket__item__image{}
.basket__item__details{}
.basket__item__description{}
.basket__item__quantity{}
.basket__item__line-price{}
.basket__item_remove{cursor: pointer;}

/* Standard (Full page) basket styles */
.basket--standard__items{flex-basis: 65%;}
.basket--standard__item{padding: 20px 0; margin-bottom: 10px; border-bottom: 1px solid #DDD; display: flex;}
.basket--standard__item:last-child{border-bottom: none; color: red;}
.basket--standard__item__image{flex-basis: 20%; min-height: 150px; background-size: cover; background-position: center center; background-color: #DDD; background-repeat: no-repeat;}
.basket--standard__item__details{min-height: 150px; flex-basis: calc(80% - 30px); margin-left: 30px; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; align-content: space-between;}
.basket--standard__item__description{flex-basis: 70%; font-size: 1.6rem;}
.basket--standard__item__description__link{text-decoration: none;}
.basket--standard__item__preorder-message{font-style: italic; flex-basis: 70%;}
.basket__item__variations{flex-basis: 70%;}
.basket--standard__item__quantity{display: block;}
.basket__item__quantity-wrapper{flex-basis: 40%; font-size: 1.2rem; display: flex; align-items: center; gap: 0 10px; flex-wrap: wrap;}
.basket--standard__item__line-price{flex-basis: 60%; text-align: right; font-size: 1.6rem;}
.basket__item__quantity{flex-basis: inherit; flex-grow: 1;}
.basket--standard__item_remove{flex-basis: 30%; text-align: right; text-decoration: underline;}

.basket--standard__empty{display: block; margin: 2rem 0;}

.basket_update-button{width: 100%; background-color: #4DAF41; color: #FFF; display: block; text-align: center; text-decoration: none; padding: 10px 0; font-size: 2rem; border: none;}

.basket__summary{flex-basis: calc(30% - 60px); border: 1px solid #DDD; padding: 10px 30px;}
.basket__summary__heading{font-size: 1.8rem;}
.basket__summary p{}

.form--discount-apply{display: flex; flex-wrap: wrap; flex-direction: row; align-content: flex-start; align-items: baseline; gap: 0 15px;}

.basket__delivery-options{border: 1px solid #DDD; border-width: 1px 0; padding: 10px 0;}
.basket__delivery-options__label{flex-basis: 100%; font-size: 0.9rem; margin-bottom: 5px;}
.basket__delivery-options__select{flex-basis: 100%; width: 100%;}
.basket__delivery-options__button{flex-basis: 50%; margin: 5px 0 0 0;}

.basket__discount-options{border: 1px solid #DDD; border-width: 1px 0; padding: 10px 0;}
.basket__discount-options__label{flex-basis: 100%; font-size: 0.9rem; margin-bottom: 5px;}
.basket__discount-options__input{flex-basis: 100%;}
.basket__discount-options__button{flex-basis: 50.1%; margin: 5px 0 0 0;}

.basket--standard__giftcard{margin: 12px 0; padding-top: 0.8rem;}
.basket__giftcard-options{border: 1px solid #DDD; border-width: 1px 0; padding: 10px 0;}
.basket__giftcard-options__label{flex-basis: 100%; font-size: 0.9rem; margin-bottom: 5px;}
.basket__giftcard-options__input{flex-basis: 100%;}
.basket__giftcard-options__button{flex-basis: 50%; margin: 5px 0 0 0;}

.products--basket .form__button{background-color: #000;}
.products--basket .form__button:hover{background-color: #404040; color: #fff;}

/* Mini basket styles */
.basket--mini{display: none; position: fixed; right: 0; top: 0; height: 100vh; z-index: 11001; width: calc(600px - 40px); background-color: #fff;}
.basket--mini--reveal{display: block}
.basket--mini__close{cursor: pointer; display: block; position: absolute; z-index: 11002; right: 10px; top: 0; text-align: center; font-size: 1.2rem; color: #444; padding-top: 10px; font-weight: 400; font-family: Arial, sans-serif;}

.basket--mini__summary{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; background-color: #fff; padding: 20px; border-bottom: none; width: calc(100% - 40px); align-items: stretch;}
.basket--mini__summary--bottom{border-top: none !important; border-left: none !important}
.basket--mini__heading{color: #111; font-size: 2rem; text-align: left; flex-basis: 100%;}
.basket--mini__checkout{width: auto; flex-basis: calc(40% - 88px); min-width: auto; display: flex; align-items: center; justify-content: center;}
.basket--mini__item-total{flex-basis: 55%; font-size: 1rem; display: flex; justify-content: space-between; align-items: stretch; align-content: center; margin: auto 0 !important; border: 1px solid #DDD; border-width: 1px 0;}
.basket--mini__item-total-desc{width: auto; font-size: 0.95rem; display: block; padding: 14px 0;}
.basket--mini__item-total-amount{width: auto; text-align: right; font-weight: 600; margin: auto 0; }

.basket--mini__items{background-color: #FFF; max-height: calc(100vh - 256px); overflow-y: auto; padding: 10px 20px; width: calc(100% - 40px); margin-bottom: 0;}
.basket--mini__item{padding-bottom: 10px; margin: 0 0 16px 0;  border-bottom: 1px solid #DDD; cursor: pointer; width: 100%;}
.basket--mini__item:last-child{margin: 0;}
.basket--mini__item__image{display: inline-block; width: 40%; min-height: 236px; background-size: cover; background-position: center center; background-color: #DDD;}
.basket--mini__item__details{display: inline-block; width: calc(60% - 20px); margin-left: 15px; vertical-align: top; position: relative; }
.basket--mini__item__description{display: block; color: #111; font-size: 1.2rem; max-width: 90%; }
.basket--mini__item__description__link{text-decoration: none; color: #111;}
.basket--mini__item__quantity{display: block; font-size: 1.2rem; margin-top: 1rem;}
.basket--mini__item__line-price{display: block; text-align: right; font-size: 1.6rem; margin-top: -1.8rem}
.basket--mini__item_remove{position: absolute; top: 0; right: 0; font-family: Arial, sans-serif;}

.basket--mini__totals{background-color: #FFF;}
.basket--mini__total{padding-bottom: 10px; margin: 0;}
.basket__total__details{display: flex; flex-direction: row; justify-content: space-between;}
.basket--mini__total__description{}
.basket--mini__total__line-price{}

/* Add to basket form */
.add-to-basket-form{border-top: 1px solid #DDD; margin-top: 2rem; padding-top: 1.5rem;}
.add-to-basket-form__quantity-label{display: inline-block; font-weight: 400; font-size: 1.2rem;margin-right: 1rem;}
.add-to-basket-form__quantity{display: inline-block; width: 40px;}
.add-to-basket-form__add{font-size: 1.5rem; width: 100%; min-width: 150px;}
.add-to-basket-form__add:hover{}
.add-to-basket-form__variations{background-color: #eee; padding: 10px; margin: 40px 0 0 0;}
.add-to-basket-form__variations h3{margin-top: 0;}
.add-to-basket-form__variation-label {}
.add-to-basket-form__variation-sublabel {width:55%;}
.add-to-basket-form__variation-select {}
.add-to-basket-form__variation-textarea {}
.add-to-basket-form__variations_configuration_product__price {font-size: 1.5rem; font-weight: 600;}

.add-to-basket-form__variations_summary {padding:20px 0 20px 0; display: block; float: none !important; clear: both;}
.page .add-to-basket-form__variations_summaryheader {font-size: 1.3rem; margin: 0 0 4px 0; color: inherit; font-weight: 600;}
.add-to-basket-form__variations_summaryitems {list-style:none; margin: 0; padding: 0;}
.add-to-basket-form__variations_summaryitem {margin: 0; line-height: 1.5rem;}
.variations_summaryitem__type {display: inline-block; margin-right:10px; font-size:1.1rem;}
.variations_summaryitem__priceincrease {display: inline-block; padding-left: 5px; color: #29ca23; font-size: 1rem;}

.add-to-basket-form--listing{display: none; position: absolute; top: 232px; width: 100%; background-color: rgba(100, 100, 100, 0.5); padding: 20px 0; border-top: none; margin-top: 0; text-align: center;}
.product-list__product:hover .add-to-basket-form--listing{display: block;}
.add-to-basket-form--listing .add-to-basket-form__quantity-label{display: none;}
.add-to-basket-form--listing .add-to-basket-form__add{width: 100px; height: 28px; padding: 0; margin: 0; font-size: 1rem;}

.product-out-of-stock{background-color: rgba(0, 0, 0, 0.9); padding: 20px 0;  color: #FFF; font-weight: 800; text-align: center; margin-top: 20px;}
.product-out-of-stock--listing{position: absolute; top: 232px; width: 100%; margin-top: 0;}



/* Added to basket styles */
.basket-added{padding: 20px 40px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 3%;}
.page .basket-added__heading{flex-basis: 100%; border-bottom: 2px solid #DDD; padding-bottom: 15px; margin: 0 0 20px 0; text-align: center; font-size: 1.6rem; color: #111 !important; font-family: Arial, sans-serif;}
.basket-added__item__image{display: inline-block; flex-basis: 40%; min-height: 420px; background-size: contain; background-position: center center; background-color: #E9E9EB; background-repeat: no-repeat;}
.basket-added__item{display: inline-block; flex-basis: 57%; position: relative;  min-height: 200px;}
.basket-added__item__description{display: block; font-size: 1.4rem; border-bottom: 2px solid #DDD; margin-bottom: 5px;}
.basket-added__item__quantity{display: block; font-size: 1.2rem; margin-top: 1rem;}
.basket-added__item__line-price{display: block; font-size: 1.6rem; text-align: right; margin-top: -1.8rem}
.basket-added__options{width: 100%; margin: 20px 0 0 0; display: flex; justify-content: space-between; gap: 0 2%; align-items: flex-end;}
.basket-added__option{display: block; width: 50%; background-color: #111; color: #FFF; text-align: center; font-size: 1rem;  padding: 20px; text-decoration: none; cursor: pointer}
.basket-added__options--two-options .basket-added__option{width: 48%; margin-right: 2%;}
.basket-added__option--checkout{background-color: #4DAF41; color: #FFF;}
.basket-added__option:last-child{margin-right: 0;}
.basket-added__option:hover{text-decoration: underline; color: #FFF;}

@media only screen and (max-width: 1340px){
    .basket{justify-content: space-around;}
}

@media only screen and (max-width: 900px){
    .basket--standard__items{flex-basis: calc(100% - 40px); margin: 0 20px;}
    .basket__summary:not(.basket--mini__summary){flex-basis: calc(100% - 40px); margin: 0 20px 20px 20px;}
}

@media only screen and (max-width: 900px){
    /* Mini basket */
    .basket--mini{width: 100%;}
}

@media screen and (max-height: 700px){
    .basket-added__item__image{min-height: auto !important;}
}

@media only screen and (max-width: 600px){
    .basket--standard__item{flex-direction: column; gap: 15px 0;}
    .basket--standard__item__details{margin-left: 0 !important;}
}

@media only screen and (max-width: 450px){
    .basket--standard__item__image{flex-basis: 40%;}
    .basket--standard__item__details{flex-basis: calc(60% - 30px);}

    .basket--standard__item__description{flex-basis: 100%;}
    .basket--standard__item_remove{flex-basis: 100%;}
    .basket__item__quantity-wrapper{flex-basis: 100%;}
    .basket--standard__item__line-price{flex-basis: 100%;}

    .basket__summary{flex-basis: calc(100% - 40px); padding: 10px; margin: 0 10px 20px 10px;}

    .basket__checkout{min-width: auto; padding: 10px; width: calc(100% - 20px);}

    /* Mini basket */
    .basket--mini{height: 103vh;}
    .basket--mini__summary{border: none;}
    .basket--mini__checkout{flex-basis: 100%;}
    .basket--mini__item-total{flex-basis: 100%;}
    .basket--mini__item__description{}
    .basket--mini__items{max-height: calc(100vh - 316px);}

    .form__button{min-width: auto; font-size: 1rem;}

    .basket-added{padding: 10px;}
    .basket-added__heading{font-size: 1.4rem;}
    .basket-added__item__description{font-size: 1.1rem;}
    .basket-added__item__line-price{font-size: 1.2rem;}
    .basket-added__item__quantity{font-size: 1.5rem !important;}
    .basket-added__option{padding: 5px; font-size: 0.9rem;}

    .add-to-basket__button-container__quantity{flex-basis: 27% !important;}
    .add-to-basket-form__quantity{padding: 12px 10px 12px 10px !important;}
}

.block--header--checkout{margin-bottom: 0;}
.block--header__12widecol--checkout{text-align: center; justify-content: center; border-bottom: 1px solid #E8E8E8;}
.segment--checkout{padding: 0;}

.checkout-wrapper{width: 1200px; margin: 0 auto; display: flex;}
.checkout-col{padding-top: 20px;}
.checkout-col--left{flex-basis: calc(60% - 50px); padding-right: 50px;}
.checkout-col--right{flex: 1; padding-left: 50px; border-left: 1px solid #E8E8E8;}

.checkout-heading{text-align: center;}

.checkout-progress{display: flex; flex-wrap: wrap; gap: 12px 0; margin: 0; padding: 0 !important; list-style: none; justify-content: space-between; width: 100%; position: relative;}
.checkout-progress:before{content: " "; width: 100%; border-top: 1px solid #111; position: absolute; margin-top: 10px;}
.checkout-progress__stage{display: flex; align-items: center; font-size: 1rem; line-height: 1rem; margin: 0; padding: 0 8px; background-color: #FFF; z-index: 10;}
.checkout-progress__stage:first-child{padding-left: 0;}
.checkout-progress__stage:last-child{padding-right: 0;}
.checkout-progress__stage__circle{display: inline-block; width: 20px; height: 15px; padding-top: 5px; font-family: Arial, sans-serif; border-radius: 50%; border: 1px solid #111; color: #111; background-color: #FFF; text-align: center; margin-right: 10px; font-size: 0.7rem; line-height: 0.7rem;}
.checkout-progress__stage__circle--active{background-color: #111; color: #FFF; }
.checkout-progress__stage__desc{display: inline-block; line-height: 1rem; color: #666;}
.checkout-progress__stage__desc--active{color: #111;}

.checkout-condensed{margin: 2rem 0; padding: 5px 0; border: 1px dotted #A9A9A9; font-family: Arial, sans-serif;}
.checkout-condensed:empty{display: none}
.checkout-condensed__entry{display: flex; align-items: center; position: relative; color: #999; font-size: 0.8rem;}
.checkout-condensed__entry:last-child{}
.checkout-condensed__entry__title{flex-basis: calc(20% - 21px); padding: 6px 10px; border-right: 1px dotted #A9A9A9; text-align: right;}
.checkout-condensed__entry__desc{flex: 1; padding: 6px 10px; }
.checkout-condensed__entry__edit-wrapper{flex-basis: calc(5% - 20px); padding: 6px 10px; }
.checkout-condensed__entry__edit{color: #000; cursor: pointer; display: inline-block; margin-left: 5px;}
.checkout-condensed__entry__edit:hover{text-decoration: underline;}

.checkout-form {margin-top:2rem}
.checkout-form__section{}
.checkout-form__section--inactive{display: none;}
.checkout-form__section--active{display: block;}

.checkout-form__section{margin: 2rem 0 3rem 0;}
.checkout-form__header{font-size: 1rem; font-weight: 600; color: #333; margin: 0;}
.checkout-form__intro-text{font-size: 0.8rem; line-height: 1.2rem; color: #333; margin: 0;}
.checkout-form__intro-text--loginerror {color: red !important; font-size: 0.9rem;}

.checkout-form__fields{margin: 1rem 0; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}

.checkout-form__section__register{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.checkout-form__section__register__text{}
.checkout-form__intro-text__register-link{padding: 10px; font-size: 0.9rem;}

.checkout-form__buttons-wrapper{display: none; justify-content: space-between; align-items: flex-end;}
.checkout-form__buttons-wrapper--right{justify-content: right;}
.checkout-form__section--active .checkout-form__buttons-wrapper{display: flex;}
.checkout-form__button{display: block; cursor: pointer;}
.checkout-form__button--backward{color: #777; text-align: center; font-size: 0.8rem; font-weight: 600; border-bottom: 1px solid #777;}
.checkout-form__button--backward:hover{transition: background-color 0.2s linear, color 0.2s linear; color: #000;}
.checkout-form__button--forward{padding-bottom: 20px; padding-top: 20px;}
.checkout-form__button--altforward {outline: 1px solid #fff; margin-right: 20px;}

.checkout-form__input-wrapper{position: relative; margin-bottom: 0.5rem;}
.checkout-form__input-wrapper--100{width: 100%;}
.checkout-form__input-wrapper--50{width: 49%;}
.checkout-form__label{font-size: 0.7rem; color: #888; position: absolute; top: 7px; left: 10px; text-transform: capitalize;}
.checkout-form__input{padding: 25px 10px 5px 10px; border-radius: 5px; border: 1px solid #CCC; width: 100%;}

.checkout-form__input-wrapper--delivery{display: flex; gap: 0 10px; align-items: center; margin: 10px 0; padding-left: 0;}
.checkout-form__input--delivery{flex-basis: 30px; padding: 0; width: 20px; height: 20px;}
.checkout-form__label--delivery{flex-grow: 1; position: relative; top: auto; left: auto; font-size: 1rem; color: #000;}

.checkout-form__input-wrapper--billingsameasdelivery{padding: 1rem 0; display: none;}
.checkout-form__input-wrapper--billingsameasdelivery--active{display: block;}
.checkout-form__label--billingsameasdelivery{width: auto; display: inline-block; position: relative; top: 1px; font-size: 1rem; font-weight: 600; color: #333;}
.checkout-form__input--billingsameasdelivery{width: auto; display: inline-block; border: 1px solid #333 !important;}
.checkout-form__paragraph-billing-address{font-size: 0.8rem; line-height: 1.2rem; color: #000; margin: 0 0 28px 28px; border: 1px solid #d9d9d9; padding: 20px; background-color: #f6f6f6; display: inline-block; min-width: 150px;}

.checkout-form__input-wrapper--checkbox{display: flex; gap: 0 10px; align-items: flex-start; margin-top: 0.5rem;}
.checkout-form__input--checkbox{width: auto; margin-top: 3px; flex-grow: 1;}
.checkout-form__label--checkbox{color: #555; text-transform: none; position: relative; top: auto; left: auto; font-size: 0.8rem; line-height: 1.2rem; flex-basis: 94%;}

/* Clean up the selects across all browsers */
.checkout-form__input-wrapper select{height: 55px; padding: 25px 10px 5px 10px; border-radius: 5px; border: 1px solid #CCC; width: 100%; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../checkout/images/arrow-down.svg) no-repeat #EEE; background-position: 99% 90%; background-size: 4%;}
/* Remove default arrow in Internet Explorer 10 and 11, then Target Internet Explorer 9 to undo the custom arrow */
.checkout-form__input-wrapper select::-ms-expand {display: none;}

@media screen and (min-width:0\0) {
    .checkout-form__input-wrapper select {
        background: none\9;
        padding: 5px\9;
    }
}

.checkout-form__submit{border: none; background-color: #111; text-align: center; color: #FFF; font-weight: 600; padding: 20px 0; width: 10rem; float: right; text-shadow: none;}
.checkout-form__submit--inactive{display: none;}

.checkout-form__payment-buttons{display: flex; flex-wrap: wrap; margin: 1rem 0; justify-content: space-between; width: 100%;}
.checkout-form__payment-button{padding-top: 20px; padding-bottom: 20px;}
.checkout-form__payment-button:hover{}

.checkout-form__error-message{font-size: 1rem; color: #A00; font-weight: 600; width: 100%; margin-bottom: 1rem;}
.checkout-form__error-list{margin: 0;}
.checkout-form__error-item{margin: 0; color: #A00; font-size: 0.8rem; font-weight: 600; line-height: 1.4rem;}

/* Checkout - Summary */
.checkout-summary{}
.checkout-summary__heading{font-size: 2rem; text-align: left; margin: 0 0 1rem 0;}
.checkout-summary__checkout{width: 100%; background-color: #4DAF41; color: #FFF; display: block; text-align: center; text-decoration: none; padding: 10px 0; font-size: 2rem;}
.checkout-summary__checkout:hover{color: #FFF; text-decoration: underline;}
.checkout-summary__item-total{margin: 2rem 0 1rem 0; font-size: 1.2rem; }
.checkout-summary__item-total-desc{text-align: left; display: inline-block; width: 50%;}
.checkout-summary__item-total-amount{text-align: right; display: inline-block; width: 50%}
.checkout-summary__discount{margin: 1rem 0; padding-top: 1rem; font-size: 1.2rem; border-top: 2px solid #EEE}
.checkout-summary__discount-desc{text-align: left; display: inline-block; width: 50%;}
.checkout-summary__discount-amount{text-align: right; display: inline-block; width: 50%}
.checkout-summary__discount-option-desc{font-size: 0.8rem; font-style: italic; line-height: 1.2rem; display: block;}
.checkout-summary__delivery{margin: 1rem 0; font-size: 1.2rem;}
.checkout-summary__delivery-desc{text-align: left; display: inline-block; width: 50%;}
.checkout-summary__delivery-amount{text-align: right; display: inline-block; width: 50%}
.checkout-summary__delivery-type-desc{font-size: 0.8rem; font-style: italic; line-height: 1.2rem; display: block;}
.checkout-summary__vat{margin: 1rem 0; font-size: 1.2rem;}
.checkout-summary__vat-desc{text-align: left; display: inline-block; width: 40%;}
.checkout-summary__vat-amount{text-align: right; display: inline-block; width: 60%}
.checkout-summary__total{margin: 0 0 15px 0; font-size: 1.2rem;}
.checkout-summary__total-desc{text-align: left; display: inline-block; width: 40%;}
.checkout-summary__total-amount{text-align: right; display: inline-block; width: 60%}

.checkout-summary__total__details {display: flex; gap: 0 10px;}
.checkout-summary__total__description {}
.checkout-summary__total__description__subdesc{display: block; font-size: 0.8rem; font-style: italic; margin-top: 4px; line-height: 1rem;}
.checkout-summary__total__line-price {flex: 1; text-align: right;}

.checkout-summary__checkout--error-message{font-size: 1rem; text-align: center; color: #FFF; background-color: #A00; padding: 10px; line-height: 1.5rem; }
.checkout-summary__editbasketlink {font-size: 0.8rem;}
.checkout-summary__editbasketlink a {}

.checkout-summary__items{max-height: calc(100vh - 266px); margin-bottom: 30px; padding: 10px 0 0 0; overflow-y: auto;}
.checkout-summary__item{display: flex; padding-bottom: 10px; margin: 0 0 16px 0; border-bottom: 1px solid #DDD; cursor: pointer;}
.checkout-summary__item:last-child{margin: 0;}
.checkout-summary__item__image{position:relative; flex-basis: 20%; min-height: 80px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-color: #ddd;}
.checkout-summary__item__details{flex: 1; margin-left: 15px; display: flex; flex-direction: column; gap: 6px 0;}
.checkout-summary__item__description{display: block; color: #111; font-size: 1.4rem;}
.checkout-summary__item__description__link{text-decoration: none; color: #111;}
.checkout-summary__item__subdescription{font-style: italic;}
.checkout-summary__item__variationsummary{}
.checkout-summary__item__quantity{display:block; position: absolute; top: -10px; right: -10px; min-width: 16px; text-align: center; background-color: #000; border-radius: 50%; color: #fff; margin: 0; padding: 2px 0 0 0; font-size: 1rem; width: 24px; height: 23px;}
.checkout-summary__item__line-price{display: block; text-align: left; font-size: 1.4rem;}
.checkout-summary__item_remove{position: absolute; top: 0; right: 0;}

/* Order Complete Summary */
.order-receipt {display: flex; flex-wrap: wrap; align-content: flex-start;}
.order-receipt--cancelled {margin: 0 auto;}
.order-receipt__header {flex-basis: 100%; min-height: 250px; text-align: center; padding: 40px 0 0 0;}
.order-receipt__header__heading {font-size: 2rem; margin: 20px 0 0 0;}
.order-receipt__header__subheading {font-size: 1.8rem; margin: 0 0 20px 0;}
.order-receipt__header__note {padding: 0; margin: 0 0 10px 0; color:#000 !important}
.order-receipt__header__links {display: flex; padding-top: 50px;}
.order-receipt__header__links a {flex: 0 0 50%;}

.order-receipt__register {flex-basis: 100%; text-align: center; margin: 30px 0 50px 0; background-color: #ededed; padding-bottom: 20px;}
.order-receipt__register__note {color: #000 !important}
.order-receipt__register__error {}
.order-receipt__register__success {margin: 50px 0;}
.order-receipt__register__form {padding:0 0 20px 0;}
.order-receipt__register__form__details {color:#000 !important;}
.order-receipt__register__form__inputsection {width:50%; margin:0 auto; display:flex; padding-bottom:20px;}
.order-receipt__register__form__label {color:#000; flex-basis: 45%; text-align:right; padding-right:20px;}
.order-receipt__register__form__input {flex-basis: 45%; padding: 10px 15px;}
.order-receipt__register__form__button {}


.order-receipt__header__back-link{margin: 0 auto;}
.order-receipt__header__back-link a{display: inline-block; font-weight: 600; padding: 20px 50px; color: #000;}
.order-receipt__header__back-link:last-child{margin-top: 2rem;}

.customer-summary {flex-basis: 50%; display: flex; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.customer-summary__heading {flex-basis: 100%; margin: 0; padding: 0 0 30px 0; font-weight: 600;}
.customer-summary__subheading {font-weight: 600;}
.customer-summary__billing {flex-basis: 50%;}
.customer-summary__delivery {flex-basis: 50%;}
.customer-summary__deliverymethod {flex-basis: 50%;}
.customer-summary__deliverymethod p {color:#000}
.customer-summary__paymentmethod {flex-basis: 50%;}
.customer-summary__paymentmethod p {color:#000}
.customer-summary__name p {margin:0;}
.customer-summary__address p {color:#000 !important}

.purchase-summary{}
.purchase-summary__heading{text-align: left; margin: 0; padding:0 0 30px 0; font-weight: 600; font-size: 2rem; line-height: 2.6rem;}
.purchase-summary__checkout{width: 100%; background-color: #4DAF41; color: #FFF; display: block; text-align: center; text-decoration: none; padding: 10px 0; font-size: 2rem;}
.purchase-summary__checkout:hover{color: #FFF; text-decoration: underline;}
.purchase-summary__item-total{margin: 2rem 0 1rem 0; font-size: 1.2rem; }
.purchase-summary__item-total-desc{text-align: left; display: inline-block; width: 50%;}
.purchase-summary__item-total-amount{text-align: right; display: inline-block; width: 50%}
.purchase-summary__discount{margin: 1rem 0; padding-top: 1rem; font-size: 1.2rem; border-top: 2px solid #EEE}
.purchase-summary__discount-desc{text-align: left; display: inline-block; width: 50%;}
.purchase-summary__discount-amount{text-align: right; display: inline-block; width: 50%}
.purchase-summary__discount-option-desc{font-size: 0.8rem; font-style: italic; line-height: 1.2rem; display: block;}
.purchase-summary__delivery{margin: 1rem 0; font-size: 1.2rem;}
.purchase-summary__delivery-desc{text-align: left; display: inline-block; width: 50%;}
.purchase-summary__delivery-amount{text-align: right; display: inline-block; width: 50%}
.purchase-summary__delivery-type-desc{font-size: 0.8rem; font-style: italic; line-height: 1.2rem; display: block;}
.purchase-summary__vat{margin: 1rem 0; font-size: 1.2rem;}
.purchase-summary__vat-desc{text-align: left; display: inline-block; width: 40%;}
.purchase-summary__vat-amount{text-align: right; display: inline-block; width: 60%}
.purchase-summary__total{margin: 0 0 15px 0; font-size: 1.6rem;}
.purchase-summary__total-desc{text-align: left; display: inline-block; width: 40%;}
.purchase-summary__total-amount{text-align: right; display: inline-block; width: 60%}

.purchase-summary__total__details {display:flex;}
.purchase-summary__total__description {}
.purchase-summary__total__line-price {flex: 1; text-align: right}

.purchase-summary__checkout--error-message{font-size: 1rem; text-align: center; color: #FFF; background-color: #A00; padding: 10px; line-height: 1.5rem; }
.purchase-summary__editbasketlink {text-align:right; margin-top: -20px;}
.purchase-summary__editbasketlink a {text-decoration:none; text-transform: uppercase}
.purchase-summary__editbasketlink:hover a {text-decoration:underline}

.purchase-summary__items{max-height: calc(100vh - 266px); margin-bottom: 30px; padding: 10px 0 0 0; overflow-y: auto;}
.purchase-summary__item{display: flex; padding-bottom: 10px; margin: 0 0 16px 0; border-bottom: 1px solid #DDD;}
.purchase-summary__item:last-child{margin: 0;}
.purchase-summary__item__image{position:relative; flex-basis: 20%; min-height: 80px; background-repeat: no-repeat; background-size: contain; background-position: center center; background-color: #ddd;}
.purchase-summary__item__details{flex: 1; margin-left: 15px; display: flex; flex-direction: column; gap: 6px 0;}
.purchase-summary__item__description{display: block; color: #111; font-size: 1.4rem;}
.purchase-summary__item__subdescription{font-style: italic;}
.purchase-summary__item__variationsummary{}
.purchase-summary__item__quantity{display:block; position: absolute; top: -10px; right: -10px; min-width: 16px; text-align: center; background-color: #000; border-radius: 50%; color: #fff; margin: 0; padding: 2px 0 0 0; font-size: 1rem; width: 24px; height: 22px;}
.purchase-summary__item__line-price{display: block; text-align: left; font-size: 1.4rem;}
.purchase-summary__item_remove{position: absolute; top: 0; right: 0;}

.purchase-summary .payment-summary {}
.purchase-summary .payment-summary__total{margin: 0 0 15px 0; font-size: 1.2rem;}
.purchase-summary .payment-summary__total-desc{text-align: left; display: inline-block; width: 40%;}
.purchase-summary .payment-summary__total-amount{text-align: right; display: inline-block; width: 60%}

.purchase-summary .payment-summary__total__details {display:flex;}
.purchase-summary .payment-summary__total__description {}
.purchase-summary .payment-summary__total__description__subdesc{display: block; font-size: 0.8rem; font-style: italic; margin-top: 4px; line-height: 1rem;}
.purchase-summary .payment-summary__total__line-price {flex: 1; text-align: right}

.order-receipt .purchase-summary{flex: calc(50% - 20px); margin-left: 20px;}

/* Checkout Payment - Stripe */
.outcome {text-align: center;}
/*.error {display: none; font-size: 1rem; width: 100%; padding: 10px 0; margin-bottom: 10px;}
.error.visible {display: block; border: none; margin: 0;}*/
.error {color: #E4584C;}

.checkoutpaymentwrapper--stripe {margin: 40px auto 100px auto;}
.checkoutpaymentwrapper--stripe label {}
.checkoutpaymentwrapper--stripe label span {}
.checkoutpaymentwrapper--stripe label input {width: 370px;}

.checkoutpayment__paymentform {}

.stripepayment__card {width:100%; margin-top: 10px; background: #fff; box-sizing: border-box; font-weight: 400; border: 1px solid #a6a6a6; border-radius: 20px; color: #32315E; outline: none; flex: 1; height: 48px; line-height: 48px; padding: 0 20px; cursor: text;}
.stripepayment__card::-webkit-input-placeholder {color: #CFD7DF;}
.stripepayment__card::-moz-placeholder {color: #CFD7DF;}
.stripepayment__card:focus, .stripepayment__card.StripeElement--focus {border-color: #F99A52;}

.checkoutpayment__submit--stripe {background: #666ee8; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); border-radius: 4px; border: 0; font-weight: 700; width: 100%; height: 40px; outline: none; cursor: pointer; transition: all 0.15s ease;}
.checkoutpayment__submit--stripe:focus {background: #555abf;}
.checkoutpayment__submit--stripe:hover {transform: translateY(-1px); box-shadow: 0 7px 14px 0 rgba(50, 50, 93, 0.1),0 3px 6px 0 rgba(0, 0, 0, 0.08);}
.checkoutpayment__submit--stripe:active {background: #43458b;}

.checkoutpayment__paymentform__top {}
.checkoutpayment__paymentform__bottom {padding: 10px 0;}
.checkoutpayment__paymentform__bottom button {}

.password-helper{font-style: italic;}
.form__column--button{margin-top: 20px;}

p.poweredby {width: 160px;}
p.payment-terms {color:#000}

@media only screen and (max-width: 1200px) {
    .checkout-wrapper {width: 100%;}

    .checkout-progress{justify-content: center;}
    .checkout-progress:before{display: none;}
}

@media only screen and (max-width: 1000px) {
    .checkout-col--left{flex-basis: calc(60% - 20px); padding-right: 20px;}
    .checkout-col--right{padding-left: 20px;}

    .checkout-summary__item__description{font-size: 1rem;}

    .checkout-summary__total{font-size: 0.9rem;}
}

@media only screen and (max-width: 840px) {
    .checkout-wrapper {width: 100%; flex-direction: column;}

    .checkout-col {width: 100%; padding: 0;}
    .checkout-col--right{border-top: 1px solid #E8E8E8; border-left: none;}

    .customer-summary{flex-direction: column; flex-wrap: nowrap;}

    .checkout-summary__items{max-height: none;}

    .checkout-progress{justify-content: space-between;}
    .checkout-progress:before{display: block;}

    .purchase-summary .payment-summary__total{font-size: 1.2rem;}

    .purchase-summary__item__description{font-size: 1.1rem;}

    .checkout-summary__item__image{min-height: 176px; flex-basis: 40%; }
}

@media only screen and (max-width: 640px) {
    .checkout-progress{justify-content: center;}
    .checkout-progress:before{border: none;}
    .checkout-progress__stage:first-child{padding-left: 20px;}
}

@media only screen and (max-width: 520px) {
    .order-receipt {flex-wrap: nowrap; flex-direction: column;}

    .customer-summary__heading{margin: 0 auto;}
    .order-receipt .purchase-summary{margin-top: 20px; margin-left: 0;}
    .purchase-summary__heading{text-align: center;}

    .checkout-condensed__entry{flex-direction: column; align-items: flex-start; border-bottom: 1px dotted #999;}
    .checkout-condensed__entry:last-of-type{border: none;}
    .checkout-condensed__entry__title{border: none; font-weight: 600; padding: 6px;}
    .checkout-condensed__entry__desc{padding: 6px;}
    .checkout-condensed__entry__edit-wrapper{display: flex; justify-content: flex-end; width: calc(100% - 12px); padding: 0 6px 6px 6px;}
}

.segment--customer{padding: 65px 0;}
.customer-wrapper{width: 1250px; margin: 0 auto; padding-bottom: 50px;}

.customerpage p{color: #000;}
.form p{}

.customer-form {margin-top: 2rem;}

.menu--customer{margin: 0 15px 0.2rem 15px;}
.menu--customer li{position: relative; padding: 0;}
.menu--customer a{text-decoration: none; display: block; margin: 0 1rem 0 0; padding: 2px 0 0 0;}
.menu--customer a:hover{color: #8C6E36;}
.menu--customer .menu__lastitem{margin-right: 0;}

table{width: 100%;}

@media only screen and (max-width: 1200px) {
    .customer-wrapper {width: calc(100% - 100px);}
    .block--customer-menu{background-color: #000; position: relative; top: auto; padding-top: 15px;}
}

@media only screen and (max-width: 840px) {
    .block--customer-menu{ text-align: center; padding-top: 0;}
    .menu--customer li{margin: 5px 0;}
    .customer-wrapper {width: calc(100% - 100px); flex-direction: column;}

    .block__wrapper--customer-menu{align-items: center; margin: 0 60px; width: calc(100% - 120px);}

    .customer-wrapper__content-container{overflow-x: auto;}
}

@media only screen and (max-width: 450px) {
    .button--submit{position: absolute; bottom: -88px; left: -15px; width: calc(100% + 30px) !important; margin: 0;}
}

.segment--supplier{padding: 65px 0;}
.supplier-wrapper{width: 1250px; margin: 0 auto; display: flex;  flex-wrap: wrap; color: #3C3945; border-radius: 15px; padding-bottom: 50px;}

.supplier-image-container{flex-basis: 300px; margin-right: 60px;}
.supplier-image-container__image{max-width: 300px; box-shadow: 2px 1px 4px 1px rgb(0 0 0 / 16%); border-radius: 20px;}
.supplier-details-container{flex-basis: calc(100% - 360px);}
.supplier-details-container h1{}
.supplier-listings-container{flex-basis: 100%; width: 100%; margin-top: 80px; border-top: 2px solid #24316c;}

.supplier-details-container__businessname{margin: 0;}
.supplier-details-container__businesstype{margin: 0; font-style: italic;}
.supplier-details-container__businessaddress{}
.supplier-details-container__businessname{}
.supplier-details-container__contact{margin: 0;}
.supplier-details-container__contact b{padding-right: 10px; display: inline-block;}

.supplier-details-customer-response-container{margin-top: 10px;}
.supplier-details-customer-response-container__image{max-width: 300px; box-shadow: 2px 1px 4px 1px rgb(0 0 0 / 16%); border-radius: 20px;}
.supplier-details-customer-response-container h1{margin-top: -11px;}
.supplier-details-customer-response-container__businessname{margin: 0;}
.supplier-details-customer-response-container__businesstype{margin: 0; font-style: italic;}
.supplier-details-customer-response-container__businessaddress{}
.supplier-details-customer-response-container__businessname{}
p.supplier-details-customer-response-container__contact{margin: 0;}
.supplier-details-customer-response-container__contact b{width: 150px; display: inline-block;}

.supplier-vehicle-makes{}
.supplier-vehicle-makes__heading{margin-bottom: 0;}
.supplier-vehicle-makes__makes{list-style: none; display: flex; padding: 0 !important; flex-wrap: wrap; margin-top: 5px;}
.supplier-vehicle-makes__makes__make{display: block; background-color: #3B3945; color: #fff; padding: 5px 10px; border-radius: 5px; margin-right: 10px;}

.supplier-businesstypes{}
.supplier-businesstypes__heading{margin-bottom: 0;}
.supplier-businesstypes__types{list-style: none; display: flex; padding: 0 !important; flex-wrap: wrap; margin: 5px 0 0 0;}
.supplier-businesstypes__types__type{display: block; background-color: #3B3945; color: #fff; padding: 5px 10px; border-radius: 5px; margin-right: 10px;}

.supplierpage p{color: #000;}
.form p{}

.supplier-form {margin-top: 2rem;}

.menu--supplier{margin: 0 15px 0.2rem 15px;}
.menu--supplier li{position: relative; padding: 0;}
.menu--supplier a{text-decoration: none; display: block; margin: 0 1rem 0 0; padding: 2px 0 0 0;}
.menu--supplier a:hover{color: #E41E26;}
.menu--supplier .menu__lastitem{margin-right: 0;}

.menu--supplier li ul li{padding: 0 0 0 18px; width: calc(100% - 18px);}
.menu--supplier li ul li:hover{background-color: #000;}

.menu--supplier li.haschildren{}
.menu--supplier 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--supplier li.haschildren ul{display: contents;}
.menu--supplier li.haschildren:hover a{margin: 0; padding: 15px 24px 15px 15px;}
.menu--supplier li.haschildren:hover ul{display: contents;}
.menu--supplier li.haschildren:hover ul li a{width: calc(100% - 40px);}


.menu--supplier 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--supplier li.submenu--hidden ul{display: none;}
.menu--supplier li.submenu--hidden:hover ul{display: none;}


table{width: 100%;}

@media only screen and (max-width: 1200px) {
    .supplier-wrapper {width: calc(100% - 100px);}
    .block--supplier-menu{background-color: #000; position: relative; top: auto; padding-top: 15px;}
}

@media only screen and (max-width: 840px) {
    .block--supplier-menu{ text-align: center; padding-top: 0;}
    .menu--supplier li{margin: 5px 0;}
    .supplier-wrapper {width: calc(100% - 100px); flex-direction: column;}

    .block__wrapper--supplier-menu{align-items: center; margin: 0 60px; width: calc(100% - 120px);}

    .supplier-wrapper__content-container{overflow-x: auto;}
}

@media only screen and (max-width: 500px) {
    .supplier-details-container__contact b{display: inline;}
}

@media only screen and (max-width: 450px) {
    .button--submit{position: absolute; bottom: -88px; left: -15px; width: calc(100% + 30px) !important; margin: 0;}
}

.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);}





.supplierpage p{color: inherit;}
.segment--supplier_dark{background-color: #343434;}
.segment--supplier_dark h1{color: #FFF;}

.supplier-wrapper{flex-direction: column;}
.supplier-wrapper__content-container{display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start;}
.segment--supplier--heading{display: flex; justify-content: space-between;}

.supplier-wrapper .paging--standard{gap: 10px;}
.supplier-wrapper .paging__list-item__link--standard{background-color: #fff;}
.supplier-wrapper .paging__list-item:hover a{background-color: #000;}
.supplier-wrapper .paging__list-item__link--selected{background-color: #000; color: #fff;}

/* Main supplier container */
.supplier-wrapper__content-container{display: flex; flex-wrap: wrap;}
.supplier-wrapper__content-container--white{background-color: #FFF; padding: 30px; border-radius: 23px; width: calc(100% - 60px);}
.supplier-wrapper__content-container--view-page{flex-direction: row;}

/* Supplier container background */
.segment--supplier_dark{background-color: #343434;}
.segment--supplier_dark h1{color: #FFF;}
.segment--supplier_dark .form{background-color: #FFF; padding: 30px; border-radius: 23px; color: #343434; width: calc(100% - 60px);}
.segment--supplier_dark .form{background-color: #FFF; padding: 30px; border-radius: 23px; color: #343434; width: calc(100% - 60px); display: flex; justify-content: center; flex-direction: column;}
.segment--supplier_dark .form__label{color: #343434;}

.supplier-wrapper_request-refresh a{text-decoration: none; color: #fff; background-color: #E41E26; padding: 5px 10px; border-radius: 15px;}
.supplier-wrapper_request-refresh a:hover{background-color: #3B3945;}

.supplier-details-container h1{color: #343434 !important; margin-top: 15px;}
.supplier-details-container h1 a{text-decoration: none;}

.supplier-details-container--review{background-color: #FFF; border-radius: 23px; padding: 0 30px;}
.supplier-details-container--review h2{color: #343434; margin-top: 30px; font-size: 1.6rem;}

.form--register{width: calc(100% - 98px); background-color: #1e1c29; color: #fff; padding: 34px 49px;}
.form--register h3{font-weight: 500; margin-bottom: 10px;}

.form--account{width: calc(100% - 98px); background-color: #1e1c29; color: #fff;  padding: 34px 49px;}
.form--account h3{margin: 0 0 1.9rem 0; font-weight: 500;}
.form__fieldset >  h3:first-child{margin: 0;}
/*.supplier-wrapper > .form--account:first-of-type h3{margin-top:0;}*/
.form__column > *:first-child h3{margin-top:0;}

.form__column-phone-number-suppliers{display: flex; width: 100%;}
.form__column-phone-number-suppliers .form__column__fieldwrapper__area-code{width: 200px !important;}
.form__column-phone-number-suppliers .form__column__fieldwrapper__area-code-tel{width: calc(100% - 200px) !important;}
.form__column-phone-number-suppliers .form__column__fieldwrapper__area-code select{padding: 5px 0 5px 5px; height: 32px;}

.form--checkout-register{display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}

/*.block__wrapper--supplier-menu{font-size: 0.9rem}*/
/*.loggedinname__details-supplier{color: #fff; background-color: limegreen; padding: 0 10px; }*/
/*.loggedinname__details-supplier a{text-decoration: none; padding: 0 10px}*/

.form--login{background-color: #1e1c29; color: rgba(255,255,255,0.7); padding: 34px 49px;}

.dashboard-link{}

/* Supplier parts request summary */
.supplier-wrapper_request-summary{border: 2px solid #343434; padding: 10px; margin: 0 0 20px 0; display: flex; flex-wrap: wrap; width: calc(100% - 24px);}
.supplier-wrapper_request-summary-item{flex-basis: 50%; display: flex; flex-direction: column; padding: 0;}
.supplier-wrapper_request-summary-item p{padding: 0; margin: 0; width: 75%}
.supplier-wrapper_request-summary-item p span{font-weight: bold;}

/* Buy options */
.account-packages{padding: 0 20%; margin: 30px 0 0 0; list-style: none; text-align: center;}
.account-packages li{padding: 0; margin: 0; display: inline-block; text-align: center; vertical-align: top; width: 25%}
.account-packages li div{margin: 0 15px; border: 1px solid #303F46; background-color: #efeded; min-height: 380px; box-shadow: 0 8px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.account-packages li div h5{color: #fff; font-size: 1.5rem; font-weight: normal; background-image: linear-gradient(to bottom right, #24316b, #073999); padding: 20px 0; margin: 0; border-bottom: 1px solid #224295}
.account-packages li div p.desc{margin: 20px 10px 0 10px; font-size: 0.9rem}
.account-packages li div p.desc strong{margin-top: 5px;}
.account-packages li div p.price{margin: 10px; padding: 20px 0; background-color: #d9d9d9; font-size: 1.3rem}
.account-packages li div p.saving{min-height: 20px; font-style: italic;}
.account-packages li div .button-link-green {margin-top: 50px; }
.account-packages li div .button-link-green a{display:inline-block; width: 75%; padding: 10px 0; font-size: 1.2rem; background-color: #15378B; border: 1px solid #007139; color:#fff}
.account-packages li div .button-link-green a:hover {color:#fff}

/* Suppliers List in parts request */
.parts-request-supplier-details-container{text-align: left; flex-basis: 45%; border: 1px solid #DDD; padding: 15px 2%; margin-bottom: 20px;}
.parts-request-supplier-details-container:hover{background-color: #f6f6f6}
.parts-request-supplier-details-container h3{font-size: 1rem; margin: 0;}
.parts-request-supplier-details-container p{font-size: 0.9rem;}

/* Suppliers Area */
.table-suppliers-parts-requests{font-size: 0.8rem !important;}
.table-suppliers-parts-requests tbody tr td{background-color: #ddd}
.table-suppliers-parts-requests tbody tr td[data-label="Part Requested"] em{}

.table-suppliers-parts-requests__heading-row{border-top: 2px solid #343434;}
.table-suppliers-parts-requests__heading-row:hover{cursor: pointer;}

.table-suppliers-parts-requests__items-row td{background-color: #fff !important; border-bottom: 1px solid #d3d3d3;}
.table-suppliers-parts-requests__items-row:hover td{color: #3C3945;}
.table-suppliers-parts-requests__items-row i{font-size: 0.7rem;}
.table-suppliers-parts-requests__images{display: flex}
.table-suppliers-parts-requests__images a{display: inline-flex; margin-right: 10px; background-color: transparent;}
.table-suppliers-parts-requests__images img{max-height: 50px; border-radius: 10px; box-shadow: 1px 2px 3px 0 #afafaf;}
.table-suppliers-parts-requests__video-link a{background-color: transparent;}

.table-suppliers-parts-requests tbody tr.requests--items-row-top-items td{background-color: #ffb5b5 !important;}
.table-suppliers-parts-requests tbody tr.table-suppliers-parts-requests__heading-row--new-part td{background-color: #fffab5 !important;}

.requests--items-row_link{background-color: #E41E26; color: #fff; border-radius: 10px; padding: 2px 7px}
.requests--items-row_link-green{background-color: #009900;}

/* Star rating */
.star-rating-wrapper {display: flex;}
.star-rating-wrapper__star-rating{background: #000; 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: gold;}

/* Supplier Register Grid */
.supplier-register-benefits-area{margin-bottom: 20px;}
.benefits-container{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; width: 100%;}
.benefit-item{background-color: #EFEDED; padding: 30px 15px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center;}
.benefit-item-1{border-radius: 23px 0 0 0;}
.benefit-item-2{background-color: #e7e5e5;}
.benefit-item-3{border-radius: 0 23px 0 0;}
.benefit-item-4{background-color: #e7e5e5;}
.benefit-item-6{background-color: #e7e5e5;}
.benefit-item-7{border-radius: 0 0 0 23px;}
.benefit-item-8{border-radius: 0 0 23px 0; display: flex; justify-content: center;}
.benefit-item p{color: #E51D27; text-transform: uppercase; font-size: 0.9rem; margin: 0; font-weight: 600;}
.span-two{grid-column: span 2; display: flex; gap: 1px; background-color: #E51D27;}
.supplier_wrapper-register{flex-direction: row; background-color: #FFF;}
.benefit-item__image{height: 106px; display: flex; justify-content: center; align-items: end; margin-bottom: 15px;}
.benefit-item__image img{}

.menu--supplier{margin: 0 0 0.2rem 0;}
.menu--supplier a{font-size: 1.1rem; font-weight: 700;}
.menu--supplier a:hover{color: #000000;}

.supplier-details-container{padding-bottom: 15px;}
.supplier-details-container__star-rating{display: flex;}
.segment__area__subarea--top-img-text__supplier-details{width: 100%; display: flex;}
.segment__area__subarea--top-img-text__supplier-details .supplier-image-container{margin-top: 16px;}
.supplier-details-container__star-rating .supplier-wrapper__star-rating-wrapper:first-of-type{margin-left: 0;}
.supplier-details-container__star-rating .supplier-wrapper__star-rating-wrapper{margin-left: 15px;}
.supplier-details-container__star-rating .supplier-wrapper__star-rating-wrapper p{font-size: 0.8rem; margin: 0;}
.supplier-details-container__star-rating .supplier-wrapper__star-rating-wrapper .star-rating-wrapper__star-rating{width: 15px; height: 15px;}
.supplier-details-container .supplier-vehicle-makes__makes{margin-bottom: 0 !important;}
.supplier-details-container .supplier-listings-container{margin-top: 20px;}

.segment__area__subarea--top-img-text__supplier-current-parts .supplier-listings-container .part-list{grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}
.segment__area__subarea--top-img-text__supplier-current-parts .supplier-listings-container .part-list__item__image{height: 4vw; min-height: 60px;}
.segment__area__subarea--top-img-text__supplier-current-parts .supplier-listings-container .part-list__item__title{font-size: 0.8rem; font-weight: 500;}

.segment__area__subarea--top-img-text__supplier-current-parts{width: 100%;}
.segment__area__subarea--top-img-text__supplier-current-parts .supplier-listings-container{margin-top: 0px;}

.supplier-details-container__contact--whatsapp-list{padding-top: 10px; margin: 0;}
.supplier-details-container__contact--whatsapp{padding-top: 15px;}

/* Supplier search form */
.form--suppliers-search .form__column--third{width: 33.333%;}
.supplier-wrapper .search-overview{color: #FFF;}
.supplier-wrapper .noresults{color: #FFF;}

@media only screen and (max-width: 1090px) {
    .menu--supplier a{margin: 0 0.5rem 0 0.5rem;}
}

@media only screen and (max-width: 1280px){
    .supplier-wrapper{width: 100%;}
}

@media only screen and (max-width: 1130px){
    .benefits-container{grid-template-columns: repeat(2, 1fr);}
    .benefit-item-8{order: 1; border-radius: 23px 23px 0 0;}
    .benefit-item-1{order: 2; border-radius: 0;}
    .benefit-item-2{order: 3;}
    .benefit-item-3{order: 4; border-radius: 0;}
    .benefit-item-4{order: 5;}
    .benefit-item-5{order: 6;}
    .benefit-item-6{order: 7;}
    .benefit-item-7{order: 8;}
}

@media only screen and (max-width: 1050px) {
    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code{width: 120px !important;}
    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code-tel{width: calc(100% - 120px) !important;}
}

@media only screen and (max-width: 915px){
    .supplier-wrapper__content-container--white{padding: 15px; width: calc(100% - 30px);}
    .supplier-wrapper{padding: 0;}
}

@media only screen and (max-width: 878px) {
    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code-tel{width: calc(95% - 120px) !important;}
}

@media only screen and (max-width: 840px){
    .supplier_wrapper-register{flex-direction: column-reverse;}
    .supplier-register-benefits-area{width: calc(100% - 30px);}
    .supplier-register-form-area{width: calc(100% - 30px);}
    .benefits-container{grid-template-columns: repeat(3, 1fr);}
    .benefit-item-1{order: 1; border-radius: 23px 0 0 0;}
    .benefit-item-2{order: 2;}
    .benefit-item-3{order: 3; border-radius: 0 23px 0 0;}
    .benefit-item-4{order: 4;}
    .benefit-item-5{order: 5;}
    .benefit-item-6{order: 6;}
    .benefit-item-7{order: 7;}
    .benefit-item-8{order: 8; border-radius: 0 0 23px 0;}
    .supplier-details a{word-break: break-word;}

    .segment__area__subarea--top-img-text__supplier-details{flex-direction: column;}
    .segment__area__subarea--top-img-text__supplier-details .supplier-image-container{margin-right: 0; width: 100%; text-align: center;}
    .segment__area__subarea--top-img-text__supplier-details .supplier-details-container{display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
    .segment__area__subarea--top-img-text__supplier-details .supplier-details-container .supplier-vehicle-makes{justify-content: center; display: flex; flex-direction: column; align-items: center;}
    .segment__area__subarea--top-img-text__supplier-details .supplier-details-container .supplier-vehicle-makes .supplier-vehicle-makes__makes{justify-content: center; align-items: center;}
    .segment__area__subarea--top-img-text__supplier-details .supplier-details-container .supplier-vehicle-makes .supplier-vehicle-makes__makes .supplier-vehicle-makes__makes__make{margin: 0 0 5px 0; width: 100%;}

    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code{width: 245px !important;}
    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code-tel{width: calc(95% - 245px) !important;}
}

@media only screen and (max-width: 741px){
    .supplier-wrapper__content-container--view-page{justify-content: center;}
}

@media only screen and (max-width: 640px){
    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code{width: 200px !important;}
    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code-tel{width: calc(95% - 200px) !important;}

    .table-suppliers-parts-requests tbody tr td .form__long-input--table{width: 50%;}
    .table--no-data-attributes tbody tr td .form__long-input--table{width: 100%;}
    .filter-form--5-fields .form__column--quarter{width: 100%;}
    .filter-form--5-fields input{margin-bottom: 1rem;}

    .requests--items-row_link{display: inline;}
}

@media only screen and (max-width: 547px){
    .segment__area__subarea--top-img-text__supplier-details .supplier-details-container .supplier-details-container__star-rating{flex-direction: column;}
    .supplier-details-container__star-rating .supplier-wrapper__star-rating-wrapper{margin-left: 0;}
}

@media only screen and (max-width: 540px){
    .segment__area__subarea--top-img-text__supplier-details .supplier-image-container{text-align: center;}

    .form--suppliers-search .form__column--third{width: 100%;}
}

@media only screen and (max-width: 490px) {
    .button--submit{position: inherit; width: calc(85% + 30px) !important; margin: 25px 0 0 0;}
    .segment--supplier--heading{flex-direction: column-reverse;}
    .link-button--commercial{float: right;}
    .link-button--parts-requests{float: right;}

    .benefits-container{grid-template-columns: repeat(2, 1fr);}
    .benefit-item-8{order: 1; border-radius: 23px 23px 0 0;}
    .benefit-item-1{order: 2; border-radius: 0;}
    .benefit-item-2{order: 3;}
    .benefit-item-3{order: 4; border-radius: 0;}
    .benefit-item-4{order: 5;}
    .benefit-item-5{order: 6;}
    .benefit-item-6{order: 7;}
    .benefit-item-7{order: 8;}

    .form__parts-request-item--response-holder{flex-direction: column;}
}

@media only screen and (max-width: 432px){
    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code{width: 120px !important;}
    .form__column-phone-number-suppliers .form__column__fieldwrapper__area-code-tel{width: calc(95% - 120px) !important;}
}

@media only screen and (max-width: 420px){
    .form--account .form__checkbox{display: flex; flex-direction: row-reverse}
    .form--account .form__checkbox .form__label--checkbox{margin-left: 0 !important;}
    .form--account .form__checkbox .form__input--checkbox{top: 0; margin-right: 10px;}

    .form--register .form__checkbox{display: flex; flex-direction: row-reverse}
    .form--register .form__checkbox .form__label--checkbox{margin-left: 0 !important;}
    .form--register .form__checkbox .form__input--checkbox{top: 0; margin-right: 10px;}

    .supplier-wrapper__content-container--view-page{justify-content: unset;}
}

@media only screen and (max-width: 386px){
    .supplier-wrapper .paging--standard{flex-wrap: wrap;}
    .supplier-wrapper .paging__list-item__link--standard{padding: 0.1rem;}
}

@media only screen and (max-width: 362px){
    .supplier-image-container__image{max-width: 250px;}
    .segment__area__subarea--top-img-text__supplier-details .supplier-image-container{text-align: center; max-height: 250px;};
}

@media only screen and (max-width: 350px) {
    .button--submit{position: inherit; width: calc(85% + 30px) !important; margin: 25px 0 0 0;}

    .benefits-container{grid-template-columns: repeat(1, 1fr);}

    .span-two{grid-column: 1;}

    .supplier-details-container__contact--emailaddress{word-break: break-word;}
    .supplier-details-container__link{word-break: break-word;}
    .supplier-details-container{flex-basis: auto;}
    .supplier-details-container__businessname{word-break: break-word;}

}

@media only screen and (max-width: 303px){
    .supplier-image-container__image{max-width: 200px;}
    .segment__area__subarea--top-img-text__supplier-details .supplier-image-container{text-align: center; max-height: 200px;};
}

/* Account Form */
.formimage{max-width: 200px; max-height: 200px;}

.customerpage p{color: inherit; word-break: break-word;}
.segment--customer--dark{background-color: #3b3a45;}
.segment--customer--dark h1{color: #FFF;}
.customer-wrapper__content-container_white{background-color: #FFF; padding: 30px; border-radius: 23px; width: calc(100% - 60px);}
.segment--customer--dark .form{background-color: #FFF; padding: 30px; border-radius: 23px; color: #3b3a45; width: calc(100% - 60px); display: flex; justify-content: center; flex-direction: column;}
.segment--customer--dark .form__label{color: #3b3a45 !important;}

.customer-wrapper__content-container .parts-request-summary-wrapper{padding-top: 0;}
.customer-wrapper__content-container .parts-request-summary-wrapper .link-button:last-of-type{margin-bottom: 40px;}

.form--register{width: calc(100% - 98px); background-color: #1e1c29; color: #fff;  padding: 34px 49px;}
.form--register h3{margin-bottom: 1.9rem; font-weight: 500; margin-bottom: 10px;}

.form--account{width: calc(100% - 98px); background-color: #1e1c29; color: #fff;  padding: 34px 49px;}
.form--account h3{margin: 0 0 1.9rem 0; font-weight: 500;}
.form__fieldset >  h3:first-child{margin: 0;}
/*.customer-wrapper > .form--account:first-of-type h3{margin-top:0;}*/
.form__column > *:first-child h3{margin-top:0;}

/* Message on customer login screen */
.customer-wrapper__login-message{border: 1px solid #ddd; background-color: #fff; text-align: center; padding: 20px; border-radius: 20px; font-size: 1.3rem; font-weight: 600;}

.form--checkout-register{display: flex; flex-wrap: wrap; flex-direction: column; align-items: center;}

.block__wrapper--customer-menu{font-size: 0.9rem}

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

.dashboard-link{}

.menu--customer a{font-size: 1.1rem; font-weight: 700}
.menu--customer a:hover{color: #000000;}
.menu--customer{margin: 0 0 0.2rem 0;}

.form__column--pin{}
.form__column--pin-four-inputs{flex-basis: 100%;}
.form__column--pin-four-inputs__password-box{display: flex; gap: 10px; margin-bottom: 1.5rem;}
.form__column--pin-four-inputs__password-box__input{flex-basis: 30px; text-align: center; margin: 0;}

.password-helper{width: 100%; display: block;}

@media only screen and (max-width: 1280px){
    .customer-wrapper{width: 100%;}
}

@media only screen and (max-width: 1090px){
    .menu--customer a{margin: 0 0.5rem 0 0.5rem;}
}

@media only screen and (max-width: 915px){
    .customer-wrapper__content-container_white{padding: 15px; width: calc(100% - 30px);}
    .customer-wrapper{padding: 0;}

    .form__column-phone-number-customer .form__column__fieldwrapper__area-code{width: 200px !important;}
    .form__column-phone-number-customer .form__column__fieldwrapper__area-code-tel{width: calc(100% - 200px) !important;}
}

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

    .form__column-phone-number-customer .form__column__fieldwrapper__area-code{width: 245px !important;}
    .form__column-phone-number-customer .form__column__fieldwrapper__area-code-tel{width: calc(95% - 245px) !important;}
}

@media only screen and (max-width: 640px){
    .form__column-phone-number-customer .form__column__fieldwrapper__area-code{width: 200px !important;}
    .form__column-phone-number-customer .form__column__fieldwrapper__area-code-tel{width: calc(95% - 200px) !important;}
}

@media only screen and (max-width: 450px) {
    .button--submit{position: inherit; width: calc(85% + 30px) !important; margin: 25px 0 0 0;}

    .form__column-phone-number-customer .form__column__fieldwrapper__area-code{width: 120px !important;}
    .form__column-phone-number-customer .form__column__fieldwrapper__area-code-tel{width: calc(95% - 120px) !important;}
}

@media only screen and (max-width: 420px){
    .form--login{padding: 15px; width: calc(100% - 30px);}

    .form--account .form__checkbox{display: flex; flex-direction: row-reverse}
    .form--account .form__checkbox .form__label--checkbox{margin-left: 0 !important;}
    .form--account .form__checkbox .form__input--checkbox{top: 0; margin-right: 10px;}

    .form--register .form__checkbox{display: flex; flex-direction: row-reverse}
    .form--register .form__checkbox .form__label--checkbox{margin-left: 0 !important;}
    .form--register .form__checkbox .form__input--checkbox{top: 0; margin-right: 10px;}
}