@font-face {
  font-family: 'custom';
  src:  url('../fonts/custom.eot');
  src:  url('../fonts/custom.eot#iefix') format('embedded-opentype'),
    url('../fonts/custom.ttf') format('truetype'),
    url('../fonts/custom.woff') format('woff'),
    url('../fonts/custom.svg#custom') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico-"]::before, [class*=" ico-"]::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'custom' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mod_jmg_sidebar_wrapper.mod_jmg_sidebar_overlap, .mod_jmg_sidebar_wrapper.mod_jmg_sidebar_popup {
  right: -300px;
  width: 300px;
  height: 500px;
  top: 30%;
}
.ico-store:before,
.ico-catalogues:before,
.ico-locations:before,
.ico-coil-spring:before,
.ico-leaf-spring:before,
.ico-shock-absorber:before,
.ico-steering-damper:before,
.ico-torsion-bar:before,
.ico-control-arm:before,
.ico-bull-bars:before,
.ico-snorkel:before,
.ico-winch:before,
.ico-lights:before,
.ico-recovery-gear:before,
.ico-air-compressors:before,
.ico-camping-and-touring:before,
.ico-storage:before,
.ico-batteries:before,
.ico-lifting-jacks:before,
.icon-bump-stops:before,
.icon-snatch-strap:before,
.icon-tyre-accessories:before,
.icon-recovery-kits:before
{
  font-family: 'custom' !important;
}

.ico-store:before {
  content: "\e901";
}
.ico-catalogues:before {
  content: "\e902";
}
.ico-locations:before {
  content: "\e903";
}
.ico-coil-spring:before {
  content: "\e904";
}
.ico-leaf-spring:before {
  content: "\e905";
}
.ico-shock-absorber:before {
  content: "\e906";
}
.ico-steering-damper:before {
  content: "\e907";
}
.ico-torsion-bar:before {
  content: "\e908";
}
.ico-control-arm:before {
  content: "\e909";
}
.ico-bull-bars:before {
  content: "\e910";
}
.ico-snorkel:before {
  content: "\e911";
}
.ico-winch:before {
  content: "\e912";
}
.ico-lights:before {
  content: "\e913";
}
.ico-recovery-gear:before {
  content: "\e914";
}
.ico-air-compressors:before {
  content: "\e915";
}
.ico-camping-and-touring:before {
  content: "\e916";
}
.ico-storage:before {
  content: "\e917";
}
.ico-batteries:before {
  content: "\e918";
}

.ico-lifting-jacks:before {
  content: "\e919";
}
.ico-bump-stops:before {
  content: "\e920";
}
.ico-snatch-strap:before {
  content: "\e921";
}
.ico-tyre-accessories:before {
  content: "\e922";
}
.ico-recovery-kits:before {
  content: "\e923";
}

.uk-navbar-container {
    background: -moz-linear-gradient(180deg, rgba(51,51,51,0.75) 0%, rgba(51,51,51,0.5) 50%, rgba(51,51,51,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(51,51,51,0.75) 0%, rgba(51,51,51,0.5) 50%, rgba(51,51,51,0) 100%);
    background: linear-gradient(180deg, rgba(51,51,51,0.75) 0%, rgba(51,51,51,0.5) 50%, rgba(51,51,51,0) 100%);
    background-blend-mode: multiply;
}

.uk-navbar-nav a,
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a {
    text-shadow: 0 0 5px #000000;
}

.vmCartModule a {
    background-color:transparent;
    color:#888;
    box-shadow:none;
    font-weight:normal;
    letter-spacing:normal;
}

#suspension ul,
#accessories ul {
    display:grid;
}

#accessories ul {
    grid-template-columns: 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09% 9.09%;
}

#suspension ul {
    grid-template-columns: auto auto auto auto auto auto auto ;
}

#extra-nav {
    grid-template-columns: auto auto auto;
}

.uk-navbar-dropdown-dropbar {
    padding:0!important;
}

.submenu-content .el-link {
    display:block;
    text-transform:uppercase;
}

.submenu-content svg {
    display: block;
    justify-content: center;
    margin: 5px auto;
    color:#56534e;
}
.submenu.vehicle-search {
    padding: 20px 0;
}
.uk-navbar-dropdown-dropbar .uk-first-column {
    padding:0!important;
}

#page-header > div {
    padding-top:200px;
}

.page-main-heading {
    text-shadow: 0px 0px 20px rgb(0 0 0);
}

.page-heading {
    text-transform:uppercase;
    letter-spacing:0.15em;
}

.home-work-hilux .uk-position-top-left > .uk-panel {
    background-color:rgba(239, 239, 239, 0.75);
}

.vmCartModule svg,
#cartmodal #showcartbtn svg {
    display:none;
}
.vmCartModule a {
    display: flex;
}
.vmCartModule a::before,
#cartmodal #showcartbtn::before {
    content: "\f07a";
    font-family: fontawesome;
    font-size: 24px;
}

.vehicle-select-menu {
    border: 1pt solid #fff;
    padding:0 20px!important;
}
.tm-toolbar {
    padding:0;
}
.tm-toolbar > .uk-container {
    height:40px;
}
.easysearch-select-holder {
        display:grid;
}
.vehicle-search .easysearch-select-holder,
#vehicle-search .easysearch-select-holder {
    width:100%;
    grid-template-columns: calc(20% - 0.833vw) calc(20% - 0.833vw) calc(20% - 0.833vw) calc(20% - 0.833vw) calc(20% - 0.833vw);
    grid-column-gap: 1vw;
    grid-template-areas: 'Make Type Model Year Detail' ;
}

.selection-container.make { grid-area: Make ;}
.selection-container.type { grid-area: Type ;}
.selection-container.model { grid-area: Model ;}
.selection-container.year { grid-area: Year ;}
.selection-container.detail { grid-area: Detail ;}

#sidebar-vehicle-search .easysearch-select-holder {
    grid-template-columns: 100%;
    grid-template-areas: 'Make' 'Type' 'Model' 'Year' 'Detail' ;
}

#vehicle-make, #vehicle-type, #vehicle-model, #vehicle-year, #vehicle-description, .chzn-done {
    background-color:transparent;
    width:100%;
    height: 50px;
    border-bottom: 2px solid #b0b0b0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #000;
}

.contact-wrapper {
    display: grid;
	grid-template-columns: 14.285% 14.285% 14.285% 14.285% 14.285% 14.285% 14.285% ;
	grid-template-areas: 'ROC BRI SYD MEL ADE USA UAE';
}

.contact-detail {
    font-family: inherit;
    letter-spacing: 2px;
}
	
.wrapper-store {
	display:grid;
	grid-template-columns: 100% ;
	grid-template-areas: 'STORE' 'NUMBER'
}
	
.contact-store { grid-area: STORE ; }
.contact-number { grid-area: NUMBER ; }
	
.contact-store, .contact-number {
	display:flex;
	justify-content: center;
}

.contact-detail.contact-store {
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}
.contact-detail.contact-number {
    text-align: center;
    font-size: 15px;
    color: #fbdd12!important;
    font-weight: 400;
}
.wrapper-store.roc {grid-area: ROC ;}
.wrapper-store.bri {grid-area: BRI ;}
.wrapper-store.syd {grid-area: SYD ;}
.wrapper-store.mel {grid-area: MEL ;}
.wrapper-store.ade {grid-area: ADE ;}
.wrapper-store.usa {grid-area: USA ;}
.wrapper-store.uae {grid-area: UAE ;}

@media screen and (max-width:767px){
	.contact-wrapper {
		grid-template-columns: 100% ;
		grid-template-areas:
		'ROC'
		'BRI'
		'SYD'
		'MEL'
		'ADE'
		'USA'
		'UAE';
		padding: 10px;
	}
	.wrapper-store {
		display:grid;
		grid-template-columns: calc(50% - 0.5vw) calc(50% - 0.5vw) ;
		grid-template-areas: 'STORE NUMBER' ;
		grid-column-gap: 1vw;
		margin-bottom: 5px;
	}
	.contact-store {
		justify-content: flex-end ;
	}
	.contact-number {
		justify-content: flex-start ;
	}
}

.short-panel .blend-right-rotate > div > div,
.short-panel .blend-right-rotate > div > div > div {
    max-height:200px;
}

.blend-bottom .uk-card-media-top {
  position: relative;
}

#home-header .uk-slideshow-items .el-item > div:nth-child(2) {
    background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%) !important;
    background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%) !important;
    background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%) !important;
    opacity: 0.65;
}
#home-header .el-overlay .el-title,
#home-header .el-overlay .el-meta {
    text-shadow: 0 0 10px #000, 0 0 20px #000;
}

.blend-bottom .uk-card-media-top::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
    background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ) !important;
    opacity: 1.0;
}

.blend-left-rotate .uk-card-media-right::after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    width: 60%;
    height: 100%;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    background: linear-gradient(to left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ) !important;
    opacity: 1.0;
}

.blend-right-rotate .uk-card-media-left::after,
.blend-right-rotate .uk-position-cover {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-image: -moz-linear-gradient(right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
    background-image: -webkit-linear-gradient(right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    background-image: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ) !important;
    opacity: 1.0;
}

.blend-right-rotate .uk-card-media-left::after {
    width: 60%;
    height: 100%;
}
.blend-right-rotate .uk-position-cover {
    width: 100%;
    height: 100%;
}


@media (max-width: 959px) {
    .blend-right-rotate .uk-card-media-top::after,
    .blend-left-rotate .uk-card-media-top::after,
    .blend-right-rotate .uk-position-cover,
    .blend-left-rotate .uk-position-cover {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
        background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
        background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ) !important;
        opacity: 1.0;
    }
    
}
.blend-right-rotate .uk-card-body,
.blend-left-rotate .uk-card-body {
    z-index:100;
}
.blend-right-rotate > div > .uk-flex,
.blend-left-rotate > div > .uk-flex {
    align-items:flex-end;
}

.blend-left::after,
.explore-small-blend-left .el-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    background: linear-gradient(to left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ) !important;
    opacity: 1.0;
}

.blend-right::after,
.explore-small-blend-right .el-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
    background-image: -webkit-linear-gradient(right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    background-image: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ) !important;
    opacity: 1.0;
}

.radial-blend .uk-position-cover {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-radial-gradient(60%, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%)!important; /* FF3.6-15 */
    background: -webkit-radial-gradient(60%, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at 60%,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 )!important; /* IE6-9 fallback on horizontal gradient */
}

.shop-blend-bottom .el-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
    background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ) !important;
    opacity: 1.0;
}



@media (max-width: 1024px) {
    
    .blend-left-rotate .uk-first-column::after {
        background-image: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
        background-image: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
        background-image: linear-gradient(to top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ) !important;
    }
    
    .blend-right-rotate .uk-first-column::after {
        background-image: -moz-linear-gradient(bottom,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%) !important;
        background-image: -webkit-linear-gradient(bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
        background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ) !important;
    }
    
}
.footer-heading,
.blend-right-rotate .el-title,
.blend-right-rotate .el-content,
.blend-left-rotate .el-title,
.blend-left-rotate .el-content,
.blend-bottom .el-title,
.blend-bottom .el-content {
    color:#fff!important;
}

.blend-bottom .el-title,
.explore-small-blend-right .el-title,
.explore-small-blend-left .el-title,
.shop-blend-bottom .el-title {
    text-shadow: 0 0 10px #000000;
}

.explore-small-blend-right .uk-position-bottom-right,
.explore-small-blend-left .uk-position-bottom-left,
.shop-blend-bottom .uk-position-bottom-right {
    z-index:1;
}

.explore-small-blend-right .uk-position-bottom-right .uk-button,
.explore-small-blend-left .uk-position-bottom-left .uk-button,
.shop-blend-bottom .uk-position-bottom-right .uk-button,
.base-explore  .uk-button {
    color: rgba(255 , 255, 255, 1);
    background-color: rgba(0 , 0, 0, 0.2);
    font-family: Barlow Condensed;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 3.3px;
    padding-right: 30px;
    padding-left: 30px;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-color: rgba(255 , 255, 255, 1);
    border-radius:0;
}
.explore-small-blend-right .uk-position-bottom-right .uk-button:hover,
.explore-small-blend-left .uk-position-bottom-left .uk-button:hover,
.shop-blend-bottom .uk-position-bottom-right .uk-button:hover,
.base-explore  .uk-button:hover {
    color: #000;
    background-color: #FFF;
    transition: border 0.3s ease-in, box-shadow 0.3s ease-in, background 0.3s, opacity 0.3s ease-in;
}

.bg-grey-bottom {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 80%, #efefef 80%, #efefef 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 80%, #efefef 80%, #efefef 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #efefef 80%, #efefef 100%);
    padding-bottom: 0;
}

#stockist-catalogues-contact .el-link {
    display:none;
}

#stockist-catalogues-contact .uk-margin-top {
    margin-top:10px!important;
}

#stockist-catalogues-contact .uk-grid a {
    box-shadow: none!important;
}

@media screen and (min-width: 641px) {
    .hbs-graphs > div:nth-child(1),
    .hbs-graphs > div:nth-child(2) {
        width:30.25%;
    }
        
    .hbs-graphs > div:nth-child(3) {
        width:39.5%;
    }
}
.uk-tile-primary > *,
.uk-tile-tertiary > * {
    color:#fff;
}
.uk-tile-xsmall {
    padding-top: 10px;
    padding-bottom: 10px;
}

.panel-block .panel-text-left > div {
    padding-top:40px;
    padding-bottom:40px;
}

.panel-block > div > div {
    box-shadow: 0 2px 8px rgb(0 0 0 / 8%);
}

/* #twin-tube-panel > .uk-grid > div:nth-child(1) {
    background-image:url("/images/pages/twin-tube/twin-tube-hero.jpg");
    background-size: cover;
    background-position:center center;
}

@media screen and (max-width: 959px) {
    #twin-tube-panel > .uk-grid > div:nth-child(1) {
        height:60vw;
    }
}

#twin-tube-panel > .uk-grid > div:nth-child(2) {
    padding: 40px 40px;
}
*/

/*
#adminForm {
    display:grid;
    grid-template-columns:calc(100% - 180px) 200px;
    grid-row-gap:15px;
    grid-template-areas:
    'RegForm RegForm'
    'RegRecap RegButtons';
}

@media only screen and (max-width: 600px) {
#adminForm {
    grid-template-columns:100%;
    grid-template-areas:
    'RegForm'
    'RegRecap'
    'RegButtons';
}
}
*/

#adminForm > div:nth-child(1) {grid-area:RegButtons;}
#adminForm > div:nth-child(2) {grid-area:RegForm;}
#adminForm > div#dynamic_recaptcha_1 {grid-area:RegRecap;}

#adminForm > div:nth-child(1),
#adminForm > div#dynamic_recaptcha_1 {
    display:flex;
    justify-content:flex-end;
}

#adminForm input,
#adminForm select {
    min-height:40px;
    border:1pt solid #e7e7e7;
    border-radius:0;
    padding-left:15px;
    width:calc(100% - 30px);
}

.adminForm.user-details tr {
    display:grid;
    grid-template-columns: 130px auto;
    grid-column-gap:10px;
    margin-bottom:10px;
}

.adminForm.user-details tr td:nth-child(1) {
    display:flex;
    align-items:center;
}

#adminForm > div.uk-grid-small.uk-grid-match.uk-margin-small.uk-child-width-1-2\@l.uk-child-width-1-2\@m.uk-child-width-1-1.uk-grid > div.uk-first-column > div > div.uk-width-1-1 {
    display:none;
}
.uk-offcanvas-bar {
    padding: 50px 0 0 0 !important;
}
.uk-offcanvas-bar .vmCartModule  {
    padding: 0 20px!important;
}
.uk-offcanvas-bar .dj-mobile-open-btn {
    display:none;
}
.uk-offcanvas-bar .dj-accordion-in {
    display:block!important;
}

.uk-offcanvas-bar span.toggler {
    padding: 10px 30px!important;
}
.uk-offcanvas-bar .name {
    font-size:18px;
}

.dj-accordion-in .dj-mobileitem > a {
    display: flex!important;
    align-items: center;
    padding-left:20px!important;
}
.dj-accordion-in .dj-mobileitem > a:before {
    font-size:35px;
    margin-right:15px;
}
.tm-toolbar-default {
    z-index:100;
}
.uk-container,
.submenu.vehicle-search {
    max-width:1400px;
}
.submenu.vehicle-search {
    padding-left: 40px;
    padding-right: 40px;
}
.shopping-cart .product .top-row > div:nth-child(3),
.total .price-type,
.total .price-amount {
    color:green!important;
}
.shopping-cart .vmshipment_cost,
.shopping-cart .vmpayment_cost {
    font-size:17px;
    font-weight:bold;
    margin-left:5px;
    color:green!important;
}
.checkout-button-top #bottom_total,
.checkout-button-top #bottom_total .uk-text-large {
    background-color:green;
    color:#fff!important;
}
.checkout-button-top #bottom_total {
    padding:8px;
    margin:20px 0 0 0;
}

.catalogue-revisions .el-item {
    background-color: #fff;
    padding: 20px;
}

.catalogue-revisions-table {
    width:100%;
}

.catalogue-revisions-table .table-header {
    background-color:#6e6e6e;
    height:50px;
}

.catalogue-revisions-table .table-header th {
    text-align:center;
    vertical-align:middle;
    color:#fff;
    border-right:1pt solid #fff;
}

.catalogue-revisions-table .table-body tr:nth-child(even) {
    background-color:#efefef;
}
.catalogue-revisions-table .table-body td {
    padding:5px 10px;
    min-height:40px;
}
.catalogue-revisions-table .table-body .catalogue, .catalogue-revisions-table .table-body .vehicle-code, .catalogue-revisions-table .table-body .position, .catalogue-revisions-table .table-body .revision, .catalogue-revisions-table .table-body .download {text-align:center;}

.catalogue-revisions-table .catalogue {width:10%;}
.catalogue-revisions-table .vehicle-code {width:6%;}
.catalogue-revisions-table .position {width:10%;}
.catalogue-revisions-table .section {width:13%;}
.catalogue-revisions-table .alteration {width:45%;}
.catalogue-revisions-table .revision {width:8%;}
.catalogue-revisions-table .download {width:8%;}

.complete-download {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:50px;
    background-color:#333;
    font-weight:600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.complete-download a {
    color:#fff;
}

.catalogue-revisions-table .body.download a {
    color:#6e6e6e;
}

.footer.suspension li a:before,
.footer.accessories li a:before {
    display:none;
}

@media screen and (max-width:959px) {
    .footer-heading,
    .footer li a {
        display:flex;
        justify-content:center;
    }
}


#edocman-categories .edocman-box-heading,
#edocman-documents .edocman-box-heading,
#edocman-document-page .edocman-box-heading {
    background: #fff!important;
    border: 1px solid #000;
    border-radius: 0;
    padding: 15px;
}

#edocman-categories .edocman-description,
#edocman-documents .edocman-description,
#edocman-document-page .edocman-description {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-radius: 0;
}

#edocman-category {
    border: 1px solid #000;
    padding: 30px!important;
}

.edocman-page-heading,
.edocman-document-title a {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
}

.edocman-page-heading i {
    display:none;
}

#edocman_form {
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
        'pageHeader'
        'pageForm';
    grid-row-gap: 30px;
    width: 100%;
    margin-top: 100px;
    padding: 0!important;
}

#search-bar {
    padding-top:15px!important;
    padding-bottom:15px!important;
}

.search.search-results .uk-grid-stack {
    display: grid;
    grid-template-columns: 100%;
    grid-template-areas:
        'SSHead'
        'SSBody';
}
.search.search-results .uk-grid-stack .uk-article {
    display: grid;
    grid-template-columns: 40% 60%;
    align-items: center;
}

.search.search-results #searchForm > .uk-grid {
    border: 1px solid;
    padding: 10px;
    margin-bottom: 10px;
}
.search.search-results #searchForm > .uk-panel {
    background-color: #efefef;
    padding: 15px;
}
.search.search-results #searchForm > .uk-panel > .uk-grid {
    display:none;
}
.search.search-results .uk-grid {
    margin-left:0!important;
}
.search.search-results #searchForm > .uk-grid select {
    height:44px;
}
.search.search-results .uk-grid-stack .uk-article h2 {
    font-size:17px;
}
.search.search-results > .uk-grid-stack div {
    padding-top:10px!important;
    padding-bottom:10px!important;
    margin:0!important;
}
.search.search-results > .uk-grid-stack div:nth-child(even) {
    background-color: #efefef;
}
body.login-page #tm-main > .uk-container {
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}
body.login-page .com-users-login__form,
body.login-page fieldset {
    width:max-content;
}
body.login-page .com-users-login__form,
#com-form-login,
#com-form-login ~ #adminForm {
    background-color: #fff;
    color: #777;
}
body.login-page fieldset {
    border:1pt solid #efefef;
    padding:30px;
}

#com-form-login .userdata {
    border:0;
    padding:0!important;
}
#com-form-login ~ #adminForm fieldset {
    border:0;
    padding:0;
}
#com-form-login ~ form#adminForm > .adminForm.user-details:before {
    content:"Login details";
}
#com-form-login ~ form#adminForm .adminForm.user-details:before,
#com-form-login ~ form#adminForm fieldset legend {
    display: block;
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 0;
    padding: 5px 15px!important;
    background-color: #efefef;
    font-weight: 500;
    margin-bottom:30px;
    width:calc(100% - 30px);
}
#com-form-login ~ form#adminForm {
    display:grid;
    grid-template-columns:100%;
    grid-template-areas:
    'lDetails'
    'lBilling'
    'lButton';
}
#com-form-login ~ form#adminForm .buttonBar-right {grid-area:lButton;}
#com-form-login ~ form#adminForm .adminForm.user-details {grid-area:lDetails;}
#com-form-login ~ form#adminForm fieldset {grid-area:lBilling;}

#com-form-login ~ form#adminForm table.adminForm.user-details
#com-form-login h2 {
    display: block;
    width: calc(100% - 30px);
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 0;
    padding: 5px 15px!important;
    background-color: #efefef;
    font-weight: 500;
}
#com-form-login #com-form-login-username input,
#com-form-login #com-form-login-password input,
body.login-page fieldset .control-group:nth-child(1) input,
body.login-page fieldset .control-group:nth-child(2) input {
    height:40px;
    border-radius:0;
    border:1pt solid #efefef;
    padding:5px 15px;
}
#com-form-login #com-form-login-username input,
#com-form-login #com-form-login-password input {
    margin-bottom:15px;
}

body.login-page fieldset .control-group:nth-child(1),
body.login-page fieldset .control-group:nth-child(2),
body.login-page fieldset .control-group:nth-child(3) {
    margin-bottom:15px;
}
body.login-page fieldset .control-group:nth-child(1) .control-label,
body.login-page fieldset .control-group:nth-child(2) .control-label {
    margin-bottom:8px;
}
#com-form-login #com-form-login-remember .default,
body.login-page fieldset button,
.buttonBar-right .button {
    color:#fff;
    background-color:#333;
    padding:10px 15px;
    border-radius:0;
    border:0;
    cursor:pointer;
}
.toolbar-search {
    display:flex;
    align-items:center;
}
.toolbar-search .uk-search-icon {
    width:40px;
}
.toolbar-search form,
.toolbar-cart a {
    position: relative;
    transition: all 0.5s;
    height: 35px;
    background: #333;
    box-sizing: border-box;
    border-radius: 25px;
}
.toolbar-search form {
    width: 35px;
}
.toolbar-cart a {
    display:flex;
    align-items:center;
    padding:0 18px!important;
}
.toolbar-search input {
    width: 100%;;
    height: 100%!important;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    border-radius: 25px;
    margin-left: 0.5px;
    padding-left:15px!important;
}
.toolbar-search form:hover{
    width: 200px;
    cursor: pointer;
}
.toolbar-search form:hover input{
    display: block;
}
#cartmodal a {
    border-radius:3px!important;
}
.uk-margin-auto-left > div > div {
    padding-left:15px;
}
.account-details-page #tm-main .uk-container ul {
    list-style-type:none;
}

.account-details-page h1 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    border: 1px solid #000;
    padding: 30px;
}
.account-details-page .button {
    background-color:#333;
    color:#fff;
    padding:10px 15px;
    border:0;
}

.account-details-page #tm-main .uk-container form.form-validate #ui-tabs > div {
    border:3pt solid #efefef;
    padding:30px;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs > div > fieldset {
    border:0;
    padding:0;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs > div > fieldset legend {
    display: block;
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 0;
    padding: 5px 15px!important;
    background-color: #efefef;
    font-weight: 500;
    margin-bottom: 30px;
    width: calc(100% - 30px);
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs #tabs {
    padding:0;
    margin-bottom:0;
    display:grid;
    grid-template-columns:minmax(auto, 170px) minmax(auto, 170px);
    grid-template-rows:50px;
    grid-column-gap:5px;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs #tabs li {
    display:flex;
    align-items:center;
    justify-content:center;
    border-width:3pt 3pt 0 3pt;
    border-color:#efefef;
    border-style:solid;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs #tabs li.current {
    background-color:#efefef;
}
.account-details-page #tm-main .uk-container #form-login {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #efefef;
    padding: 15px;
    font-size:22px;
    font-weight:600;
}
.account-details-page #tm-main .uk-container #form-login .button {
    margin-left:30px;
}
.account-details-page .button:hover {
    cursor: pointer;
}
.account-details-page #tm-main .uk-container #form-login .button {
    margin-left:30px;
}
.account-details-page #tm-main .uk-container #tab-1 fieldset > a {
    border:1pt solid #000;
    padding:15px;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs > div > fieldset ul a:nth-child(1) {
    margin-right:10px;
}
.account-details-page #tm-main .uk-container #tab-1 fieldset > a:before {
    font-family:'FontAwesome';
    content:'\f0fe';
    color:green;
    margin-right:10px;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs > div > fieldset ul a:nth-child(1):before {
    font-family:'FontAwesome';
    content:'\f14b';
    color:#333;
    margin-right:10px;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs > div > fieldset ul a:nth-child(2):before {
    font-family:'FontAwesome';
    content:'\f2d3';
    color:red;
    margin-right:10px;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs > div > fieldset ul {
    padding:0;
}
.account-details-page #tm-main .uk-container form.form-validate #ui-tabs > div > fieldset ul li {
    padding:10px 0;
    font-size:20px;
    border-bottom:1pt solid #efefef;
}
.account-details-page input,
.account-details-page select {
    padding-left:10px;
    padding-right:10px;
}
.account-details-page #tab-2 {
    display:none;
}
.account-details-page #tab-2 table {
    width:100%;
    border-collapse: collapse;
}
.account-details-page #tab-2 table tr {
    display:grid;
    grid-template-columns: 20% 20% 20% 20% 20% ;
}
.account-details-page #tab-2 thead tr {
    background-color: #333;
    height: 40px;
    color:#fff;
}
.account-details-page #tab-2 table td {
    padding: 8px;
    line-height: 18px;
    border-bottom: 1px solid #efefef;
}
.account-details-page #tab-2 tbody tr:nth-child(even) {
    background-color: #efefef;
}
.account-details-page #tab-2 tbody tr {
    border-left: 1pt solid #000;
    border-right: 1pt solid #000;
}
.account-details-page #tab-2 tbody tr:last-child {
    border-bottom: 1pt solid #000;
}
.account-details-page #tab-2 tbody tr td {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-right: 1pt solid #ddd;
    min-height: 40px;
    line-height: 1.2;
}
.account-details-page #tab-2 th:last-child,
.account-details-page #tab-2 td:last-child {
    border-right: 0;
}
.vm-orders-information {
    display:grid;
    grid-template-columns:100%;
    grid-column-gap:30px;
    grid-row-gap:30px;
}
.vm-orders-information h1 {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    border: 1px solid #000;
    padding: 30px;
}
.vm-orders-information .vm-orders-order tbody {
    display:grid;
    grid-template-columns:auto auto;
    grid-template-areas:
        'orderNumber orderOther'
        'orderDate orderOther'
        'orderStatus orderOther'
        'orderUpdate orderOther'
        'orderShip orderOther'
        'orderPay orderOther'
        'orderNote orderOther'
        'orderTotal orderOther';
}
.vm-orders-information .vm-orders-order tbody tr:nth-child(1) {grid-area:orderNumber;}
.vm-orders-information .vm-orders-order tbody tr:nth-child(2) {grid-area:orderDate;}
.vm-orders-information .vm-orders-order tbody tr:nth-child(3) {grid-area:orderStatus;}
.vm-orders-information .vm-orders-order tbody tr:nth-child(4) {grid-area:orderUpdate;}
.vm-orders-information .vm-orders-order tbody tr:nth-child(5) {grid-area:orderShip;}
.vm-orders-information .vm-orders-order tbody tr:nth-child(6) {grid-area:orderPay;}
.vm-orders-information .vm-orders-order tbody tr:nth-child(7) {grid-area:orderNote;}
.vm-orders-information .vm-orders-order tbody tr:nth-child(8) {grid-area:orderTotal;}
.vm-orders-information .vm-orders-order tbody tr:nth-child(10) {grid-area:orderOther;}

.vm-orders-information .vm-orders-order tbody tr:nth-child(10) {
    display:grid;
    grid-template-columns:50% 50%;
    
}
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(1),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(2),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(3),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(4),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(5),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(6),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(7),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(8) {
    display:grid;
    grid-template-columns:140px auto;
    grid-column-gap:10px;
}
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(1) td:nth-child(1),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(2) td:nth-child(1),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(3) td:nth-child(1),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(4) td:nth-child(1),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(5) td:nth-child(1),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(6) td:nth-child(1),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(7) td:nth-child(1),
.vm-orders-information .vm-orders-order > table > tbody > tr:nth-child(8) td:nth-child(1) {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    background-color:#efefef;
    padding-right:15px;
}


.primary-cart hr,
.primary-cart .product-prices .uk-text-small {
    display:none;
}
.primary-cart a,
.primary-cart button {
    background-color:#fff;
    color:#333;
    padding:10px 20px;
}
.primary-cart .PricesalesPrice {
    color:#fff;
    font-size:30px!important;
}
.primary-cart .topdiv a {
    color:#fff!important;
    background-color:transparent;
}
.primary-cart .item-column {
    margin-top:0!important;
}
#module-159 {
    display:flex;
}

section.row.button-section {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding: 15px;
    background-color: #262626;
    margin-bottom: 20px;
}
.price_shopper74,
.retail_shopper74 {
    height: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
    font-weight:700;
    width:200px;
    position:relative;
}
.retail_shopper74,
.price_shopper74 {
    background-color: #696969;
    color: #333;
}
.price_shopper74:hover,
.retail_shopper74:hover {
    background: green;
    color: #fff;
}
.price_shopper74.checked,
.retail_shopper74.checked {
    background: green;
    color: #fff;
}
#myForm input {
    opacity: 0;
    width: 100%;
    height: 100%;
     position: absolute;
    cursor: pointer;
}

.button-section #myForm {
    display:grid;
    grid-template-columns: 200px 200px ;
    grid-column-gap:20px;
    grid-template-areas:'priceYour priceRRP';
    justify-content: center;
}

.price_shopper74 {grid-area:priceRRP;}
.retail_shopper74 {grid-area:priceYour;}

.price_shopper74 > span, .retail_shopper74 > span {background-color:transparent!important;}

.button-section-fixed {
    position: fixed;
    width: calc(100% - 30px);
    top: 80px;
    z-index: 100;
    left: 0;
}

#product-custom-fields .red_note,
#product-custom-fields .black_note {
    text-align:center;
    padding: 5px;
}
#product-custom-fields .red_note {
    border-top:1pt solid #ff0000!important;
    border-bottom:1pt solid #ff0000!important;
    text-align:center;
    padding: 5px;
}
 #product-custom-fields .black_note {
    border-top:1pt solid #000!important;
    border-bottom:1pt solid #000!important;
 }
.vehicle-modal-header {
    background-color:#333;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding: 5px;
    margin-bottom:15px;
}
.related-vehicle-container {
    padding:15px;
}
.related-vehicle-container:nth-child(odd) {
    background-color:#efefef;
}
.related-vehicle-container > div {
    display:grid;
    grid-template-columns:120px auto;
    grid-row-gap:5px;
}
.related-vehicle-type.body {
    text-decoration: underline;
}
.related-vehicle-type.body,
.related-vehicle-category.body {
    margin-bottom:10px!important;
}

.related-vehicle-category.body,
.related-vehicle-description.body {
    color:#333;
}
.related-vehicle-description.body,
.related-vehicle-description.body p {
    margin-bottom:0!important;
}

.productdetails-view .availability-container {
    display:grid;
    grid-template-columns:50% 50%;
}

.productdetails-view .availability-stores,
.productdetails-view .availability-values {
    display:grid;
    grid-template-columns: 100%;
    grid-template-rows: 50px 50px 50px 50px 50px;
}
.productdetails-view .availability-stores > div,
.productdetails-view .availability-values > div {
    display:flex;
    align-items:center;
}
.productdetails-view .availability-stores > div {
    justify-content:flex-end;
    padding-right:15px;
}
.productdetails-view .availability-values > div {
    justify-content:flex-start;
    padding-left:15px;
}
.productdetails-view .availability-stores > div:nth-child(odd),
.productdetails-view .availability-values > div:nth-child(odd) {
    background-color:#efefef;
}
.productdetails-view .availability-values .notavailable {
    color:red;
}
.productdetails-view .availability-values .available {
    color:green;
}

#jform_published {
    margin:0;
    padding:0;
    display: inline-flex;
}
#jform_published .btn {
    padding:15px;
    background-color:#e7e7e7;
    display: grid;
    grid-template-columns: 17px max-content;
    align-items: center;
    grid-column-gap: 8px;
    width:50px;
    justify-content: center;
}
#jform_published .btn.active.btn-success {
    background-color:green;
}
#jform_published .icomoon::before {
    color:#777;
}
#jform_published .btn.active.btn-danger {
    background-color:red;
}
#jform_published .btn.active,
#jform_published .btn.active i::before {
    color:#fff;
}
.radio.btn-group input[type=radio] {
    display: inline-block !important;
    visibility: hidden;
    float: left;
    margin-left: -13px;
}
.product-overview p {margin:0 0 10px 0!important;}

.product-detail-price div:nth-child(2) {padding-left:15px;}

#member-profile > fieldset {
    border:3px solid #e7e7e7;
}

#member-profile > fieldset {
    padding:10px;
    margin:30px 0;
}

#member-profile > fieldset > legend {
    font-size: 20px;
    font-weight: 500;
    padding: 0 20px;
}

#member-profile > fieldset:nth-child(1) > .control-group,
#member-profile > fieldset:nth-child(2) > .control-group,
#member-profile > fieldset:nth-child(4) > .control-group {
    display:grid;
    grid-template-columns: 140px auto;
    grid-column-gap: 20px;
}

#member-profile > fieldset > .control-group > .control-label {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    width:140px!important;
    margin:0!important;
    height: 40px;
}

#member-profile > fieldset > .control-group > .controls .input-group > input,
#member-profile > fieldset > .control-group > .controls > select,
#member-profile > fieldset > .control-group > .controls > input {
    height: 40px;
    display: flex;
    align-items: center;
}

#member-profile > fieldset > .control-group > .controls > input,
#member-profile > fieldset > .control-group > .controls .input-group > input,
#member-profile > fieldset > .control-group > .controls > select,
#member-profile > fieldset > .control-group > .controls > textarea {
    border: 2pt solid #e7e7e7;
    max-width: 305px;
    padding: 0 0 0 15px;
    width: 100%;
}

#member-profile > fieldset > .control-group > .controls .input-group {
    display: grid;
    grid-template-columns: max-content 200px;
    grid-column-gap: 15px;
}
#member-profile > fieldset > .control-group > .controls .input-group button,
#member-profile .com-users-profile__edit-submit.control-group button {
    background-color:#333;
    color:#fff;
    border:0;
}
#member-profile .com-users-profile__edit-submit.control-group .controls {
    display: flex;
    gap: 10px;
}
#member-profile .com-users-profile__edit-submit.control-group button {
    padding:20px;
}

#users-mfa-code {
    min-height:50px;
    border:2px solid #e7e7e7;
    width: 100%;
    padding: 0 10px;
}
#users-mfa-captive-form-standard-buttons,
#users-mfa-captive-form-method-fields { 
    margin-top:20px;
}
#users-mfa-code { 
    margin-top:10px;
}
#users-mfa-captive-form-method-fields label {
    font-weight:bold;
    color:#333;
}
#users-mfa-captive-form-standard-buttons button {
    margin: 0 15px 15px 0;
}
#users-mfa-captive-button-submit {
    background-color:#333;
    border: 0;
    padding: 10px;
    color: #fff;
}
#product-detail-add-to-cart fieldset {
    border:0!important;
    padding: 0;
    margin: 0;
    width: 100%;
}


.submenu.vehicle-search .control-group,
#vehicle-search-module_342 {
    margin:0;
}
.submenu.vehicle-search .controls,
#vehicle-search-module_342 > .controls,
#vehicle-search-module_267 > .controls,
#vehicle-search-module_381 > .controls {
    display:grid;
    grid-column-gap:10px;
    padding:0!important;
    max-width:1400px;
    margin:0 auto!important;
    font-family: 'Barlow Semi Condensed';
}
.submenu.vehicle-search .controls,
#vehicle-search-module_342 > .controls {
    grid-template-columns:calc(16.667% - 12px) calc(16.667% - 12px) calc(16.667% - 12px) calc(16.667% - 12px) calc(16.667% - 12px) calc(16.667% - 12px) ;
}
@media screen and (min-width:767px) and (max-width:1000px){
    .submenu.vehicle-search .controls,
    #vehicle-search-module_342 > .controls {
        grid-template-columns:calc(33.334% - 12px) calc(33.334% - 12px) calc(33.334% - 12px) ;
        grid-row-gap:10px;
    }
}
@media screen and (min-width:550px) and (max-width:766px){
    .submenu.vehicle-search .controls,
    #vehicle-search-module_342 > .controls {
        grid-template-columns:calc(50% - 12px) calc(50% - 12px) ;
        grid-row-gap:10px;
    }
}
@media screen and (max-width:549px){
    .submenu.vehicle-search .controls,
    #vehicle-search-module_342 > .controls {
        grid-template-columns:calc(100%) ;
        grid-row-gap:10px;
    }
}
.submenu.vehicle-search select,
#vehicle-search-module_342 select,
#vehicle-search-module_267 select,
#vehicle-search-module_381 select {
    width:100%;
    background-color: #fff;
    margin: 0;
    padding-left: 10px;
}

#vehicle-search-module_267 > .controls,
#vehicle-search-module_381 > .controls {
    display:grid;
    grid-template-columns:calc(100%)!important ;
    grid-row-gap:10px;
}
.addtocart-area {
    box-shadow:none;
}
.shopping-cart .line-through {
    color:red;
}
.sale-button {
    background: #9d3a96;
    padding: 0 25px!important;
}
@media (min-width: 960px) {
    .uk-navbar-nav {
        gap: 1.2vw!important;
    }
}

.newsletter-signup .fieldacy1 > label > span,
.newsletter-signup .fieldacy2 > label > span {
    padding-right:10px;
}
.newsletter-signup .fieldacy1 > label > input,
.newsletter-signup .fieldacy2 > label > input {
    height:40px;
    padding-left:10px;
    border:2pt solid #efefef;
}
.newsletter-signup .button {
    color:#fff!important;
    cursor: pointer;
    background-color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    text-transform: none;
    -webkit-appearance: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 24px;
    vertical-align: middle;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    transition: .3s ease-in-out;
    transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
    font-weight: 500;
    letter-spacing: 1.5px;
    border-radius: 3px;
    background-origin: border-box;
}

#locationlocator {
    background:none!important;
}
#locationlocator,
#resulttop .row0,
#resulttop .row1 {
    background-color:#efefef!important;
}
#locationresult #resulttop address {
    width: 90%!important;
}
#searchzipcode {
    width: 100%;
    background: #fff url(images/selectIcn.png) 95% center no-repeat;
    height: 40px;
    padding: 5px 25px 5px 20px;
    font-size: 15px;
    color: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    border: 1px solid #e8e8e8 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    margin-bottom: 10px;
}
#locationlocator #locationsearch_div .input-append {
    margin: 20px 0 10px 0;
}
#locationlocator #locationsearch_div .input-append #searchinput {
    height:48px;
}
.tm-cookie-banner a {
    color:#1e87f0!important;
}
.tm-cookie-banner p {
    color:#fff!important;
}
@media screen and (max-width:767px){
    .tm-cookie-banner {
        padding-bottom: 30px;
    }
    .tm-cookie-banner .uk-container {
        text-align:left!important;
        padding: 0 30px;
    }
    #podium-prompt {
        display:none!important;
    }
    #podium-website-widget {
        display: flex;
        justify-content: flex-end;
        bottom: 0;
        right: 0;
        text-align:right;
    }
}
    
.order-done #tm-main {
    background-color:#efefef!important;
}
.order-done #tm-main > .uk-container {
    max-width:800px!important;
    background-color:#fff!important;
}
.order-done #tm-main > .uk-container .uk-button {
    margin-top:30px;
}
.order-done .vp-thankyou-container {
    background-color:#fff!important;
    padding:50px;
}
.order-done .vp-thankyou-inner {
    margin:0!important;
}
.order-done lottie-player {
    margin: 0 auto;
}
.order-done .vp-thankyou-pageheader {
    color:#6CCB4B;
}
.order-done .vp-thankyou-links {
    margin-top: 30px;
}
.order-done .vp-thankyou-links a {
    background-color:#6CCB4B;
}
.order-done .vp-thankyou-pageheader,
.order-done .vp-thankyou-subheader {
    text-align:center;
}
.order-done .vp-thankyou-inner .row {
    margin:0!important;
}
.order-done .vp-thankyou-details div {
    padding:10px;
    display:flex;
    gap:15px;
}
.order-done .vp-thankyou-details div:nth-child(odd) {
    background-color:#efefef;
}
.order-done .vp-thankyou-details div > span:nth-child(1) {
    width:300px;
    text-align:right;
    margin-left:auto;
}
.order-done .vp-thankyou-details div > span:nth-child(2) {
    width:300px;
    text-align:left;
    margin-right:auto;
}
.uk-offcanvas-close {
    display: flex!important;
    justify-content: flex-end!important;
    top: 0!important;
    right: 0!important;
    width: 100%!important;
    color:#fff!important;
    background-color: #333!important;
    padding:10px;
}
.uk-offcanvas-bar {
    padding-top:34px!important;
}
.uk-card-default.uk-card-hover:hover {
    box-shadow:none!important;
}
.djpopup-popup .uk-modal-header,
.djpopup-popup .uk-modal-footer { background-color:#333!important; }

button.vpacr-btn.vpacr-btn-primary {
	background-color: #333;
	border: none;
}

.discontinued {
    color:#ff0000;
}

span.bold {
    font-weight:bold;
}

span.red {
    color:#ff0000;
}