:root {
  --bassetts  : #C90D40;
  --citroen   : #222222;
  --honda     : #EB2739;
  --ssangyong : #003876;
  --ds        : #222222;
  --nissan    : #C3092E;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 {  margin: .67em 0; font-size: 2em; }
mark { color: #000; background: #ff0; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }

/* OSD GENERAL */
.mt-0  { margin-top: 0 !important;    }
.mt-2  { margin-top: 2mm !important;  }
.mt-5  { margin-top: 5mm !important;  }
.mt-10 { margin-top: 10mm !important; }
.mt-15 { margin-top: 15mm !important; }

.mb-0  { margin-bottom: 0 !important;    }
.mb-2  { margin-bottom: 2mm !important;  }
.mb-5  { margin-bottom: 5mm !important;  }
.mb-10 { margin-bottom: 10mm !important; }
.mb-15 { margin-bottom: 15mm !important; }

.ml-0  { margin-left: 0 !important;    }
.ml-5  { margin-left: 5mm !important;  }
.ml-10 { margin-left: 10mm !important; }
.ml-15 { margin-left: 15mm !important; }

.mr-0  { margin-right: 0 !important;    }
.mr-5  { margin-right: 5mm !important;  }
.mr-10 { margin-right: 10mm !important; }
.mr-15 { margin-right: 15mm !important; }

.m-0   { margin: 0 !important;    }
.m-5   { margin: 5mm !important;  }
.m-10  { margin: 10mm !important; }
.m-15  { margin: 15mm !important; }

.pt-0  { padding-top: 0 !important;    }
.pt-2  { padding-top: 2mm !important;  }
.pt-5  { padding-top: 5mm !important;  }
.pt-10 { padding-top: 10mm !important; }
.pt-15 { padding-top: 15mm !important; }

.pb-0  { padding-bottom: 0 !important;    }
.pb-2  { padding-bottom: 2mm !important;  }
.pb-5  { padding-bottom: 5mm !important;  }
.pb-10 { padding-bottom: 10mm !important; }
.pb-15 { padding-bottom: 15mm !important; }

.pl-0  { padding-left: 0 !important;    }
.pl-5  { padding-left: 5mm !important;  }
.pl-10 { padding-left: 10mm !important; }
.pl-15 { padding-left: 15mm !important; }

.pr-0  { padding-right: 0 !important;    }
.pr-5  { padding-right: 5mm !important;  }
.pr-10 { padding-right: 10mm !important; }
.pr-15 { padding-right: 15mm !important; }

.p-0   { padding: 0 !important;    }
.p-5   { padding: 5mm !important;  }
.p-10  { padding: 10mm !important; }
.p-15  { padding: 15mm !important; }


.larger-text  { font-size: 115%; }
.small-text   { font-size: 85%; }

.text-left   { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right  { text-align: right !important; }

.float-left  { float: left  !important; }
.float-right { float: right !important; }
.float-none  { float: none  !important; }

.clearfix { content: ""; clear: both; display: table; }

.img-responsive { width: 100%; max-width: 100%; }

.btn { border: 1px solid #222222; background-color: #E1E1E1; color: #000000; padding: 2mm 4mm 1.5mm; margin-right: 1mm; text-transform: uppercase; }

.select-layout { display: none; margin-bottom: 10mm; text-align: center;}
@media only screen and (min-width: 1px) {
  .select-layout { display: block; }
}

.horizontal-layout-a4 .portrait,
.vertical-layout-a4 .landscape { display: none; }

.horizontal-layout-a4 .landscape,
.vertical-layout-a4 .portrait { display: block; }

/* CUSTOM PRINT CSS */
h1, h2, h3, h4, h5, h6 { margin-top: 0; padding-top: 0; }
.material-icons { font-size: 3mm; }


body { box-sizing: border-box; font-size: 2.5mm; }
body * { box-sizing: border-box }

body [class*='-layout-a4'] { padding: 10mm; padding-right: 2.5mm; padding-left: 2.5mm; margin-right: auto; margin-left: auto; } /* overflow: hidden; */ 
.horizontal-layout-a4      { width: 297mm; height: 210mm; }
.vertical-layout-a4        { width: 210mm; height: 297mm; }

.row             { margin-right: -2.5mm; margin-left: -2.5mm; }
.row::after      { content: ""; clear: both; display: table; }
[class*='col-']  { box-sizing: border-box; float: left; padding-right: 2.5mm; padding-left: 2.5mm; }

.col-1           { width: 8.3333%; }
.col-2           { width: 16.6667%; }
.col-3           { width: 25%; }
.col-4           { width: 33.3333%; }
.col-5           { width: 41.6667%; }
.col-6           { width: 50%; }
.col-7           { width: 58.3333%; }
.col-8           { width: 66.6667%; }
.col-9           { width: 75%; }
.col-10          { width: 83.3333%; }
.col-11          { width: 91.6667%; }
.col-12          { width: 100%; }



.boxed-content.mb-5 { margin-bottom: 3mm !important; }
header { height: 20mm; background-color: #C1C2C7; color: #212227; line-height: 24mm; font-size: 8mm; }
header img.bassetts-logo { max-height: 18mm; margin: 1mm 2mm; }
header img.dealership-logo { max-height: 18mm; margin: 2mm; }

.vertical-layout-a4 header img.bassetts-logo { max-height: 12mm; margin: 5mm 2mm; }


h2 { font-size: 200%; }
.boxed-content     { border: 0.5mm solid #AAAAAA; padding: 3mm;} 
.address-box       { line-height: 1.5; }
.address-box h3    { color: var(--bassetts); }
.google-map        { width: 100%; height: 51.2mm; overflow: hidden; }
.google-map > img  { margin-top: -10mm; }
.option-container + .option-container { margin-top: 1.5mm; }
.options-image     { width: 21mm; height: 14mm; margin-right: 2.5mm; border: 0.5mm solid #222222; }

footer {  }


/* PORTRAIT LAYOUT */
.vertical-layout-a4 header { font-size: 7mm; height: 20mm; line-height: 24mm; }
.vertical-layout-a4 header img.logo { max-height: 18mm; margin: 2mm; }
.vertical-layout-a4 .col-details,
.vertical-layout-a4 .col-images  { width: 100%; }
.vertical-layout-a4 .main-image { width: 68%; margin-right: 2%; float: left; }
.vertical-layout-a4 .extra-images { width: 30%; float: left; }
.vertical-layout-a4 .extra-images .col-6 { width: 100%; }
.vertical-layout-a4 .boxed-content.mb-5 { margin-bottom: 2mm !important; }